.professional-signature{
  display:grid;
  gap:3px;
  margin-top:28px;
  padding-left:16px;
  border-left:2px solid var(--gold2)
}

.professional-signature strong{
  font-size:15px
}

.professional-signature span{
  font-size:12px;
  color:#c8d8d5
}

.specialist-band{
  background:#0b302f;
  color:#fff
}

.specialist-grid{
  display:grid;
  grid-template-columns:1.05fr .75fr;
  gap:80px;
  align-items:center
}

.specialist-grid h2{
  font-size:clamp(42px,5vw,66px);
  margin:12px 0
}

.specialist-grid p{
  color:#c5d5d2;
  font-size:18px;
  line-height:1.75
}

.specialist-grid img{
  height:540px;
  width:100%;
  object-fit:cover;
  object-position:center top
}

.specialist-role{
  color:var(--gold3)!important;
  font-weight:700
}

.light-link{
  color:var(--gold3)
}

.profile-grid{
  display:grid;
  grid-template-columns:1.05fr .75fr;
  gap:80px;
  align-items:center
}

.profile-copy h2{
  font-size:clamp(44px,5vw,68px);
  line-height:1.02;
  margin:14px 0 5px
}

.profile-copy>p{
  font-size:17px;
  color:#5f716d;
  line-height:1.8
}

.profile-license{
  color:#9a7632!important;
  font-weight:700;
  letter-spacing:.05em
}

.profile-photo{
  height:620px;
  width:100%;
  object-fit:cover;
  object-position:center top;
  background:#e8ecef
}

.credential-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#ded6c8
}

.credential-grid article{
  background:#fff;
  padding:34px;
  min-height:240px
}

.credential-grid span,.service-number{
  font-family:'Playfair Display';
  font-size:30px;
  color:var(--gold2)
}

.credential-grid h3{
  font-size:24px;
  margin:42px 0 10px
}

.credential-grid p{
  color:#647570
}

.service-hero{
  background:linear-gradient(180deg,#edf3ef,transparent)
}

.professional-services .service-card{
  border-radius:4px;
  min-height:430px
}

.professional-services .service-card h3{
  font-family:'Playfair Display';
  font-size:27px
}

.contact-profile>img{
  height:250px;
  width:100%;
  object-fit:cover;
  object-position:center 18%;
  margin-bottom:28px
}

.contact-profile h2{
  font-size:38px;
  margin:8px 0
}

.contact-links{
  display:grid;
  gap:1px;
  background:#ded6c8;
  margin:24px 0
}

.contact-links>a,.contact-links>div{
  background:#fff;
  padding:16px;
  display:grid
}

.contact-links small{
  color:#7a8985
}

.contact-links strong{
  font-size:17px
}

.contact-note{
  font-size:13px;
  color:#6c7c78
}

body{
  overflow-x:hidden
}

.page-hero img{
  object-position:center top
}

.diagnostic-photo img{
  object-position:center!important;
  background:#f5eee3
}

.review-section{
  background:#eef2ef
}

.review-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
  align-items:center
}

.review-intro h2{
  font-size:clamp(38px,4.8vw,62px);
  line-height:1.05;
  margin:12px 0
}

.review-intro p{
  color:#63736f;
  font-size:17px;
  line-height:1.7;
  margin-bottom:25px
}

.featured-review{
  background:#fff;
  border:1px solid #ddd6c9;
  padding:42px;
  position:relative
}

.featured-review blockquote{
  font-family:'Playfair Display';
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.42;
  margin:20px 0 32px
}

.consent-field{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  color:#5f706c;
  margin:4px 0 20px
}

.consent-field input{
  margin-top:4px;
  flex:0 0 auto
}

.image-cover{
  padding:0;
  height:230px;
  background:#eee
}

.image-cover img{
  width:100%;
  height:100%;
  object-fit:cover
}

.article-detail-hero{
  padding:55px 0
}

.article-detail-grid{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:55px;
  align-items:center
}

.article-detail-grid h1{
  font-size:clamp(40px,5vw,64px)
}

.article-detail-grid>img{
  width:100%;
  height:390px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:var(--shadow)
}

.article-card .article-cover{
  overflow:hidden
}

.article-card .article-cover img{
  transition:transform .35s
}

.article-card:hover .article-cover img{
  transform:scale(1.035)
}

@media(max-width:900px){
  .specialist-grid,.profile-grid{
    grid-template-columns:1fr
  }

  .specialist-grid img,.profile-photo{
    height:520px
  }

  .credential-grid{
    grid-template-columns:1fr
  }

}

@media(max-width:960px){
  .menu-button{
    display:block
  }

  .nav{
    position:absolute;
    left:20px;
    right:20px;
    top:72px;
    background:#fff;
    border-radius:20px;
    padding:18px;
    box-shadow:var(--shadow);
    display:none;
    flex-direction:column;
    align-items:stretch
  }

  .nav.open{
    display:flex
  }

}

@media(max-width:900px){
  .review-grid,.article-detail-grid{
    grid-template-columns:1fr
  }

  .review-grid{
    gap:32px
  }

  .article-detail-grid>img{
    height:auto;
    aspect-ratio:3/2
  }

  .side-card{
    position:static
  }

}

@media(max-width:600px){
  .container{
    width:min(100% - 28px,var(--container))
  }

  .nav-wrap{
    height:70px
  }

  .premium-brand small{
    font-size:8px;
    letter-spacing:.12em
  }

  .brand-seal{
    width:38px;
    height:38px
  }

  .lux-grid{
    padding-top:34px
  }

  .lux-copy h1{
    font-size:clamp(42px,13vw,54px)
  }

  .lux-copy>p{
    font-size:16px
  }

  .hero-actions{
    display:grid
  }

  .hero-actions .button{
    width:100%
  }

  .portrait-frame{
    height:470px
  }

  .authority-grid>div{
    padding:18px 4px
  }

  .split-heading h2,.diagnostic-copy h2{
    font-size:38px
  }

  .diagnostic-grid{
    gap:30px
  }

  .diagnostic-photo img{
    height:auto;
    aspect-ratio:3/2
  }

  .diagnostic-section{
    padding:58px 0
  }

  .symptom-pills span{
    font-size:11px
  }

  .specialist-grid,.profile-grid{
    gap:36px
  }

  .specialist-grid img,.profile-photo{
    height:440px
  }

  .editorial-main>div:last-child{
    padding:24px
  }

  .editorial-main h3{
    font-size:29px
  }

  .editorial-image{
    height:auto;
    aspect-ratio:3/2
  }

  .contact-profile>img{
    height:300px;
    object-position:center top
  }

  .contact-card,.form-card{
    padding:22px
  }

  .featured-review{
    padding:26px
  }

  .review-intro h2{
    font-size:39px
  }

  .featured-review blockquote{
    font-size:23px
  }

  .article-detail-hero{
    padding:38px 0
  }

  .article-detail-grid{
    gap:25px
  }

  .article-detail-grid h1{
    font-size:40px
  }

  .article-detail-grid>img{
    border-radius:18px
  }

  .image-cover{
    height:auto;
    aspect-ratio:3/2
  }

  .button{
    min-height:48px
  }

  .form-card .button,.cta-box .button{
    width:100%
  }

  .footer{
    padding-top:45px
  }

  .footer-bottom{
    margin-top:25px
  }

}

/* ===== Refinamentos v5: contato, avaliações, Instagram e rodapé ===== */ .contact-profile>img{
  height:560px;
  object-fit:contain;
  object-position:center bottom;
  background:linear-gradient(180deg,#eef2f5 0%,#e2e8ec 100%);
  padding:0;
  margin-bottom:30px
}

.instagram-contact{
  position:relative!important;
  display:flex!important;
  align-items:center;
  gap:13px;
  overflow:hidden;
  color:var(--ink);
  transition:transform .25s ease,color .25s ease,box-shadow .25s ease
}

.instagram-contact::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#405de6,#5851db 24%,#833ab4 46%,#c13584 65%,#e1306c 79%,#fd1d1d 90%,#f77737);
  opacity:0;
  transition:opacity .25s ease
}

.instagram-contact>*{
  position:relative;
  z-index:1
}

.instagram-contact svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  flex:0 0 auto
}

.instagram-contact span{
  display:grid
}

.instagram-contact:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(193,53,132,.24)
}

.instagram-contact:hover::before{
  opacity:1
}

.instagram-contact:hover small{
  color:rgba(255,255,255,.82)
}

.instagram-link{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  transition:.22s
}

.instagram-link:hover{
  color:#e1306c!important
}

.instagram-icon{
  width:23px;
  height:23px;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#405de6,#833ab4 45%,#e1306c 70%,#f77737);
  font-size:17px;
  line-height:1
}

.review-section{
  background:#edf2ef
}

.reviews-shell{
  position:relative
}

.reviews-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:32px;
  margin-bottom:30px
}

.reviews-heading>div:first-child{
  max-width:760px
}

.reviews-heading h2{
  font-size:clamp(38px,4.8vw,62px);
  line-height:1.05;
  margin:12px 0
}

.reviews-heading p{
  color:#63736f;
  font-size:17px;
  line-height:1.7;
  margin:0
}

.reviews-actions{
  display:flex;
  gap:10px;
  flex:0 0 auto
}

.reviews-viewport{
  overflow:hidden
}

.reviews-track{
  display:flex;
  gap:20px;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
  will-change:transform
}

.review-card{
  flex:0 0 calc((100% - 40px)/3);
  min-width:0;
  background:#fff;
  border:1px solid #ddd6c9;
  padding:30px;
  min-height:360px;
  display:flex;
  flex-direction:column;
  box-shadow:0 14px 45px rgba(8,41,40,.055)
}

.review-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px
}

.verified-badge{
  font-size:9px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  color:#6b7b77;
  background:#eef4f1;
  padding:7px 9px
}

.review-card blockquote{
  font-family:'Playfair Display';
  font-size:21px;
  line-height:1.5;
  margin:28px 0;
  flex:1
}

.reviews-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:26px
}

.reviews-dots{
  display:flex;
  gap:8px;
  flex-wrap:wrap
}

.review-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#bdc9c5;
  cursor:pointer;
  transition:.2s
}

.review-dot.active{
  width:28px;
  border-radius:99px;
  background:var(--ink)
}

.premium-footer{
  text-align:center
}

.footer-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  text-align:center;
  align-items:start
}

.footer-grid>div:first-child .brand{
  justify-content:center
}

.footer-links{
  justify-items:center
}

.footer-bottom{
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:7px;
  text-align:center
}

.compact-footer{
  padding:34px 0 22px
}

.compact-footer .footer-bottom{
  margin-top:0;
  border-top:0;
  padding-top:0
}

@media(max-width:980px){
  .review-card{
    flex-basis:calc((100% - 20px)/2)
  }

  .footer-grid{
    grid-template-columns:1fr 1fr
  }

}

@media(max-width:700px){
  .contact-profile>img{
    height:470px
  }

  .reviews-heading{
    align-items:flex-start;
    flex-direction:column
  }

  .review-card{
    flex-basis:100%;
    min-height:330px
  }

  .reviews-footer{
    align-items:flex-start;
    flex-direction:column
  }

  .footer-grid{
    grid-template-columns:1fr
  }

  .footer-grid>div{
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.08)
  }

  .footer-grid>div:last-child{
    border-bottom:0
  }

  .instagram-contact{
    padding:17px!important
  }

}

/* ===== Refinamentos v5.1: identidade visual WhatsApp e ícones sociais ===== */ .whatsapp-contact{
  position:relative!important;
  display:flex!important;
  align-items:center;
  gap:13px;
  overflow:hidden;
  color:#fff!important;
  background:linear-gradient(135deg,#075e54 0%,#128c7e 48%,#25d366 100%)!important;
  box-shadow:0 14px 30px rgba(18,140,126,.20);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease
}

.whatsapp-contact::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-70px;
  top:-85px;
  border-radius:50%;
  background:rgba(255,255,255,.14)
}

.whatsapp-contact>*{
  position:relative;
  z-index:1
}

.whatsapp-contact svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto
}

.whatsapp-contact span{
  display:grid
}

.whatsapp-contact small{
  color:rgba(255,255,255,.82)!important
}

.whatsapp-contact:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 36px rgba(18,140,126,.29);
  filter:saturate(1.08)
}

.social-footer-links a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px
}

.social-icon{
  width:25px;
  height:25px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  transition:transform .22s ease,box-shadow .22s ease
}

.social-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round
}

.whatsapp-icon{
  background:linear-gradient(135deg,#075e54,#25d366)
}

.instagram-icon{
  background:radial-gradient(circle at 70% 75%,#ffd600 0 12%,#ff7a00 24%,#ff0169 48%,#d300c5 68%,#7638fa 88%)
}

.whatsapp-link{
  color:#75e8a6!important
}

.instagram-link{
  color:#ff5f9c!important
}

.whatsapp-link:hover{
  color:#9af1bc!important
}

.instagram-link:hover{
  color:#ff85b4!important
}

.social-footer-links a:hover .social-icon{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 9px 20px rgba(0,0,0,.26)
}

/* Ajustes V5.2 — enquadramento, redes sociais e rodapés */ .portrait-frame{
  height:680px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:#cbd2df;

}

.portrait-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;

}

.specialist-grid img{
  height:590px;
  object-fit:contain;
  object-position:center bottom;
  background:#dfe7ee;

}

.contact-profile>img{
  height:590px;
  object-fit:contain;
  object-position:center bottom;
  background:linear-gradient(180deg,#dfe6ee 0%,#eef2f5 100%);

}

.contact-links>a{
  display:flex!important;
  align-items:center;
  gap:14px;

}

.contact-links>a>svg{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;

}

.contact-links>a>span{
  min-width:0;

}

.whatsapp-contact{
  color:var(--ink)!important;
  background:#fff!important;
  box-shadow:none;
  transition:transform .25s ease,color .25s ease,box-shadow .25s ease;

}

.whatsapp-contact::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#075e54 0%,#128c7e 48%,#25d366 100%);
  opacity:0;
  transition:opacity .25s ease;

}

.whatsapp-contact::after{
  display:none
}

.whatsapp-contact>*{
  position:relative;
  z-index:1
}

.whatsapp-contact small{
  color:#7a8985!important
}

.whatsapp-contact:hover{
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(18,140,126,.24);
  filter:none;

}

.whatsapp-contact:hover::before{
  opacity:1
}

.whatsapp-contact:hover small{
  color:rgba(255,255,255,.82)!important
}

.social-footer-links{
  align-items:center;

}

.social-footer-links a{
  width:190px;
  justify-content:flex-start!important;
  text-align:left;

}

.social-footer-links .social-icon{
  flex:0 0 25px;

}

.site-footer-simple{
  padding:24px 0 20px!important;

}

.site-footer-simple .footer-bottom{
  margin:0!important;
  padding:0!important;
  min-height:48px;
  border-top:1px solid rgba(255,255,255,.12)!important;
  padding-top:18px!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  flex-direction:column!important;
  gap:6px!important;

}

@media(max-width:900px){
  .specialist-grid img{
    height:560px
  }

  .portrait-frame{
    height:600px
  }

}

@media(max-width:600px){
  .portrait-frame{
    height:520px
  }

  .specialist-grid img{
    height:500px
  }

  .contact-profile>img{
    height:500px
  }

  .social-footer-links a{
    width:180px
  }

}

/* Ajustes V5.5 — enquadramento fotográfico e estabilidade do rodapé */ /* Atendimento: formato vertical para preservar corpo inteiro e reduzir o vazio superior. */ .service-hero .page-hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(390px,.72fr);
  gap:64px;

}

.service-hero .page-hero-grid>img{
  width:100%;
  height:560px;
  object-fit:contain;
  object-position:center bottom;
  background:#cbd2df;
  border-radius:34px;

}

/* Contato: fundo único, sem faixa de tonalidade diferente. */ .contact-profile>img{
  height:590px;
  width:100%;
  object-fit:contain;
  object-position:center bottom;
  background:#cbd2df!important;

}

/* Especialista: a própria foto ocupa o quadro; o fundo lateral acompanha a imagem. */ .specialist-grid img{
  height:590px;
  width:100%;
  object-fit:contain;
  object-position:center bottom;
  background:#cbd2df!important;

}

/* Rodapé principal: impedir que dados legais e localização escapem das colunas. */ .premium-footer .footer-grid{
  grid-template-columns:1.15fr .75fr .9fr 1.15fr;
  column-gap:34px;

}

.premium-footer .footer-grid>div{
  min-width:0;

}

.footer-cnpj{
  display:block;
  white-space:nowrap;
  font-size:14px;

}

.footer-location{
  display:block;
  width:100%;
  text-align:center;
  color:#fff!important;
  font-weight:700;
  margin-top:3px;

}

.social-footer-links{
  width:100%;
  justify-items:center!important;

}

.social-footer-links a{
  width:auto!important;
  min-width:180px;
  justify-content:flex-start!important;

}

@media(max-width:1100px){
  .premium-footer .footer-grid{
    grid-template-columns:1fr 1fr
  }

  .footer-cnpj{
    white-space:normal
  }

  .service-hero .page-hero-grid{
    grid-template-columns:1fr .75fr;
    gap:38px
  }

}

@media(max-width:900px){
  .service-hero .page-hero-grid{
    grid-template-columns:1fr
  }

  .service-hero .page-hero-grid>img{
    height:620px;
    max-width:520px;
    margin-inline:auto
  }

}

@media(max-width:600px){
  .service-hero .page-hero-grid>img{
    height:500px
  }

  .contact-profile>img{
    height:500px
  }

  .specialist-grid img{
    height:500px
  }

  .footer-cnpj{
    font-size:13px
  }

}

/* Ajustes V5.6 — hero compacto e rodapé social discreto */ .service-hero{
  padding:52px 0 58px;

}

.service-hero .page-hero-grid{
  grid-template-columns:minmax(0,1.12fr) 390px;
  gap:58px;
  align-items:center;

}

.service-hero .page-hero-grid>img{
  width:390px;
  height:455px;
  justify-self:end;
  object-fit:cover;
  object-position:center center;
  background:transparent!important;
  border:0!important;
  border-radius:30px;
  box-shadow:0 18px 48px rgba(8,45,43,.12);

}

.service-hero h1{
  margin-top:15px;
  margin-bottom:20px
}

.service-hero p{
  margin-bottom:22px
}

/* Ícones neutros em repouso; cores das marcas apenas no hover/foco. */ .social-footer-links .social-icon{
  background:rgba(255,255,255,.09)!important;
  color:#d7e4e1;
  box-shadow:none;
  border:1px solid rgba(255,255,255,.12);

}

.social-footer-links .whatsapp-link, .social-footer-links .instagram-link{
  color:#c7d9d5!important;
  transition:color .22s ease;

}

.social-footer-links .whatsapp-link:hover, .social-footer-links .whatsapp-link:focus-visible{
  color:#75e8a6!important
}

.social-footer-links .instagram-link:hover, .social-footer-links .instagram-link:focus-visible{
  color:#ff75aa!important
}

.social-footer-links .whatsapp-link:hover .social-icon, .social-footer-links .whatsapp-link:focus-visible .social-icon{
  background:linear-gradient(135deg,#075e54,#25d366)!important;
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(37,211,102,.23);

}

.social-footer-links .instagram-link:hover .social-icon, .social-footer-links .instagram-link:focus-visible .social-icon{
  background:radial-gradient(circle at 70% 75%,#ffd600 0 12%,#ff7a00 24%,#ff0169 48%,#d300c5 68%,#7638fa 88%)!important;
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(255,1,105,.22);

}

.footer-location{
  width:auto!important;
  min-width:190px;
  margin:9px auto 0!important;
  padding:10px 13px;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.045);
  text-align:left!important;
  font-weight:400!important;

}

.location-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  border-radius:10px;
  background:rgba(255,255,255,.09);
  color:#d7e4e1;

}

.location-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}

.footer-location small{
  display:block;
  color:#91aaa5;
  font-size:10px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.08em
}

.footer-location strong{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.35;
  margin-top:2px
}

@media(max-width:1100px){
  .service-hero .page-hero-grid{
    grid-template-columns:1fr 340px;
    gap:38px
  }

  .service-hero .page-hero-grid>img{
    width:340px;
    height:410px
  }

}

@media(max-width:900px){
  .service-hero{
    padding:46px 0 52px
  }

  .service-hero .page-hero-grid{
    grid-template-columns:1fr
  }

  .service-hero .page-hero-grid>img{
    width:min(100%,390px);
    height:455px;
    justify-self:center;
    margin-inline:auto
  }

}

@media(max-width:600px){
  .service-hero .page-hero-grid>img{
    width:min(100%,340px);
    height:400px
  }

  .footer-location{
    min-width:180px
  }

}

/* ===== Acabamento final v5.7 ===== */ :root{
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:28px;
  --motion-fast:180ms;
  --motion-normal:280ms;

}

.nav>a:not(.nav-cta){
  position:relative;
  border-radius:999px;
  transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease;

}

.nav>a:not(.nav-cta):hover{
  background:#f1f6f4;
  color:var(--ink)
}

.nav>a:not(.nav-cta).active, .nav>a:not(.nav-cta)[aria-current="page"]{
  background:#e7f1ee;
  color:#0a5550;

}

.nav>a:not(.nav-cta).active::after, .nav>a:not(.nav-cta)[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--gold2);
  transform:translateX(-50%);

}

.button,.nav-cta,.article-card,.service-card,.review-card,.contact-links>a{
  transition:transform var(--motion-normal) ease,box-shadow var(--motion-normal) ease,background-color var(--motion-normal) ease,color var(--motion-normal) ease;

}

.button:hover,.nav-cta:hover{
  transform:translateY(-2px)
}

.article-card:hover,.service-card:hover,.review-card:hover{
  transform:translateY(-4px)
}

:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(208,166,81,.5);
  outline-offset:3px;

}

img{
  max-width:100%
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important
  }

}

.footer-domain{
  display:inline-block;
  margin-top:10px;
  color:inherit;
  opacity:.78;
  font-weight:600;
  text-decoration:none;
  letter-spacing:.02em
}

.footer-domain:hover,.footer-domain:focus{
  opacity:1;
  text-decoration:underline;
  text-underline-offset:4px
}

/* Foto opcional dos tutores nos cards de avaliações */ .reviewer-photo{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  object-position:center 15%;
  flex:0 0 48px;
  border:1px solid #ddd6c9;

}

/* ===== Ajuste exclusivo: título da página Especialista ===== */ .sobre-hero-title{
  line-height:.96;
  letter-spacing:-.025em;
  max-width:1000px;

}

@media(max-width:600px){
  .sobre-hero-title{
    line-height:.98;
    letter-spacing:-.018em;

  }

}

/* ===== Depoimentos compactos com leitura completa ===== */ .review-card .review-excerpt{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  overflow:hidden;
  text-align:left;
  margin-bottom:12px;

}

.review-read-more{
  align-self:flex-start;
  border:0;
  padding:0;
  margin:-2px 0 22px;
  background:transparent;
  color:#8d6b2c;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;

}

.review-read-more:hover{
  color:var(--ink)
}

.review-read-more[hidden]{
  display:none!important
}

.testimonial-modal-card{
  max-width:680px;
  padding:34px
}

.testimonial-modal-card .modal-head{
  align-items:flex-start;
  gap:24px
}

.testimonial-modal-card h3{
  font-family:'Playfair Display',serif;
  font-size:28px;
  margin:8px 0 2px
}

.testimonial-modal-subtitle{
  color:#6f7f7b
}

.testimonial-modal-stars{
  color:#f2aa00;
  letter-spacing:2px;
  font-size:17px
}

.testimonial-modal-text{
  margin:28px 0 0;
  font-family:'Playfair Display',serif;
  font-size:23px;
  line-height:1.55;
  color:var(--ink);
  text-align:left;

}

@media(max-width:600px){
  .review-card .review-excerpt{
    -webkit-line-clamp:6
  }

  .testimonial-modal-card{
    padding:24px
  }

  .testimonial-modal-text{
    font-size:20px
  }

}
