/* Dra. Marcia Lima · HOTFIX 1.0.16
   Mobile only
   1. Hero: CTA principal translúcido escuro, lead maior e metadados presenciais lado a lado.
   2. Recursos e Abordagens: tipografia ampliada mantendo overlay totalmente transparente. */

@media (max-width: 760px){
  /* Hero · descrição principal mais legível no celular. */
  .page-type-home .hero-video .lead{
    font-size:clamp(1.16rem,4.9vw,1.30rem)!important;
    line-height:1.52!important;
    max-width:32ch!important;
  }

  /* Hero · CTA principal mais escuro, translúcido e sem blur. */
  .page-type-home .hero-video .hero-actions .button:not(.ghost){
    background:rgba(22,49,14,.58)!important;
    background-color:rgba(22,49,14,.58)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.58)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-transform:capitalize!important;
  }

  .page-type-home .hero-video .hero-actions .button:not(.ghost):hover,
  .page-type-home .hero-video .hero-actions .button:not(.ghost):focus-visible,
  .page-type-home .hero-video .hero-actions .button:not(.ghost):active{
    background:rgba(22,49,14,.70)!important;
    background-color:rgba(22,49,14,.70)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.78)!important;
  }

  /* Hero · identificação em cima; Presencial e Domiciliar lado a lado embaixo. */
  .page-type-home .hero-video__meta{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
  }

  .page-type-home .hero-video__meta > span:first-child{
    grid-column:1 / -1!important;
    padding:10px 0 11px!important;
    border-left:0!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }

  .page-type-home .hero-video__meta > span:nth-child(2),
  .page-type-home .hero-video__meta > span:nth-child(3){
    grid-column:auto!important;
    padding:11px 10px 10px 0!important;
    border-bottom:0!important;
  }

  .page-type-home .hero-video__meta > span:nth-child(2){
    border-left:0!important;
    padding-right:12px!important;
  }

  .page-type-home .hero-video__meta > span:nth-child(3){
    border-left:1px solid rgba(255,255,255,.16)!important;
    padding-left:12px!important;
  }

  .page-type-home .hero-video__meta strong{
    font-size:.94rem!important;
    line-height:1.25!important;
  }

  .page-type-home .hero-video__meta small{
    font-size:.78rem!important;
    line-height:1.35!important;
  }

  /* Recursos e Abordagens · mantém o fundo 100% transparente e aumenta a tipografia. */
  .page-type-home #abordagem .approach-panel__content{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:18px 24px 22px!important;
  }

  .page-type-home #abordagem .approach-panel__content .eyebrow{
    color:#274E13!important;
    font-size:.78rem!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    font-weight:700!important;
    margin:0 0 8px!important;
  }

  .page-type-home #abordagem .approach-panel__content h3{
    color:#274E13!important;
    font-size:clamp(1.90rem,8.2vw,2.42rem)!important;
    line-height:1.02!important;
    font-weight:400!important;
    letter-spacing:-.03em!important;
    margin:0 0 14px!important;
  }

  .page-type-home #abordagem .approach-panel__content a,
  .page-type-home #abordagem .approach-panel__content a span{
    color:#274E13!important;
  }

  .page-type-home #abordagem .approach-panel__content a{
    font-size:.98rem!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
}