/* Dra. Marcia Lima · HOTFIX 1.0.18
   Base: 1.0.16 (1.0.17 não é pré-requisito)

   Recursos e Abordagens:
   - conteúdo centralizado SOMENTE no eixo vertical da fotografia;
   - alinhamento horizontal permanece à esquerda;
   - tipografia branca, forte e responsiva;
   - CTA cinza-escuro translúcido, sem blur;
   - nenhuma altura fixa/aspect-ratio é imposta ao card ou à fotografia. */

.page-type-home #abordagem .approach-panel{
  position:relative!important;
  overflow:hidden!important;
}

.page-type-home #abordagem .approach-panel__content{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;       /* centro no eixo vertical */
  align-items:flex-start!important;       /* permanece à esquerda */
  text-align:left!important;
  padding:clamp(28px,4vw,58px)!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.page-type-home #abordagem .approach-panel__content .eyebrow,
.page-type-home #abordagem .approach-panel__content h3,
.page-type-home #abordagem .approach-panel__content p,
.page-type-home #abordagem .approach-panel__content a,
.page-type-home #abordagem .approach-panel__content a span{
  color:#fff!important;
}

.page-type-home #abordagem .approach-panel__content .eyebrow{
  margin:0 0 clamp(10px,1vw,14px)!important;
  font-size:clamp(.90rem,1.05vw,1.08rem)!important;
  line-height:1.2!important;
  letter-spacing:.17em!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
}

.page-type-home #abordagem .approach-panel__content h3{
  margin:0 0 clamp(14px,1.4vw,20px)!important;
  max-width:12ch!important;
  font-size:clamp(2.55rem,4.4vw,4.45rem)!important;
  line-height:.98!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
  text-shadow:0 3px 18px rgba(0,0,0,.38)!important;
}

.page-type-home #abordagem .approach-panel__content p{
  margin:0 0 clamp(20px,2vw,28px)!important;
  max-width:min(56ch,72%)!important;
  font-size:clamp(1.05rem,1.28vw,1.24rem)!important;
  line-height:1.5!important;
  font-weight:700!important;
  text-wrap:pretty!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}

.page-type-home #abordagem .approach-panel__content a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  margin:0!important;
  padding:12px 20px!important;
  min-height:46px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(42,45,49,.58)!important;
  background-color:rgba(42,45,49,.58)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-decoration:none!important;
  font-size:clamp(.98rem,1.05vw,1.08rem)!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-shadow:none!important;
}

.page-type-home #abordagem .approach-panel__content a:hover,
.page-type-home #abordagem .approach-panel__content a:focus-visible,
.page-type-home #abordagem .approach-panel__content a:active{
  color:#fff!important;
  background:rgba(42,45,49,.72)!important;
  background-color:rgba(42,45,49,.72)!important;
  border-color:rgba(255,255,255,.52)!important;
}

/* Mobile: preserva a proporção natural do card e mantém a descrição longa oculta. */
@media (max-width:760px){
  .page-type-home #abordagem .approach-panel__content{
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:left!important;
    padding:clamp(20px,6vw,28px)!important;
  }

  .page-type-home #abordagem .approach-panel__content .eyebrow{
    margin:0 0 10px!important;
    font-size:clamp(.88rem,3.5vw,1rem)!important;
  }

  .page-type-home #abordagem .approach-panel__content h3{
    margin:0 0 18px!important;
    max-width:10ch!important;
    font-size:clamp(2.30rem,9.4vw,3.35rem)!important;
    line-height:1!important;
  }

  .page-type-home #abordagem .approach-panel__content p{
    display:none!important;
  }

  .page-type-home #abordagem .approach-panel__content a{
    padding:11px 17px!important;
    min-height:44px!important;
    font-size:clamp(.96rem,3.7vw,1.06rem)!important;
  }
}