/* Páginas: 12 páginas de especialidades. Carregado por último, depois de base, layout, components e responsive. */

.navlinks{display:flex;gap:30px;font-size:15px;font-weight:550;color:var(--tinta-2);}

/* hero da especialidade */
.esp-hero{padding:28px 0 72px;}
.esp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.esp-hero .lead{font-size:1.1rem;color:var(--tinta-2);max-width:46ch;margin:20px 0 30px;}
.esp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.fatos{display:flex;gap:32px;margin-top:44px;}
.fatos > div{padding-left:32px;border-left:1px solid var(--linha);}
.fatos > div:first-child{padding-left:0;border-left:none;}
.fatos .n{font-size:1.6rem;font-weight:700;color:var(--noite);letter-spacing:-.02em;line-height:1;}
.fatos .l{font-size:13px;color:var(--tinta-2);margin-top:6px;max-width:150px;}
.esp-hero-foto{height:clamp(380px,40vw,480px);border-radius:var(--folha-g);overflow:hidden;}
.esp-hero-foto img,.oque-foto img,.sala-foto .foto img{width:100%;height:100%;object-fit:cover;display:block;}

/* índice da página */
.indice{border-top:1px solid var(--linha-leve);border-bottom:1px solid var(--linha-leve);background:var(--branco);padding:15px 0;overflow-x:auto;}
.indice-list{display:flex;gap:28px;font-size:14px;font-weight:600;color:var(--tinta-2);white-space:nowrap;}
.indice-list a:hover{color:var(--indigo);}

/* seções */
.secao{padding:88px 0;}
.secao.faixa{background:var(--branco);}

/* o que é: texto longo + coluna visual */
.oque-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;}
.texto-longo p{font-size:1rem;color:var(--tinta-2);margin-bottom:16px;}
.texto-longo h3{margin:30px 0 10px;}
.video-wrap{position:sticky;top:96px;padding-top:56.25%;border-radius:24px;overflow:hidden;background:var(--nevoa);}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.oque-foto{position:sticky;top:96px;height:420px;border-radius:24px;overflow:hidden;}

/* resumo em tabela: leitura rápida */
.resumo{padding:0 0 88px;}
.resumo-tabela{width:100%;border-collapse:separate;border-spacing:0;background:var(--branco);border:1px solid var(--linha);border-radius:18px;overflow:hidden;}
.resumo-tabela tr + tr th,.resumo-tabela tr + tr td{border-top:1px solid var(--linha-leve);}
.resumo-tabela th,.resumo-tabela td{padding:15px 22px;text-align:left;font-size:14.5px;font-weight:400;vertical-align:top;}
.resumo-tabela th{width:190px;color:var(--noite);font-weight:700;background:var(--nevoa);}
.resumo-tabela td{color:var(--tinta-2);}

/* benefícios: lista com marcador de pétala */
.benef-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;}
.benef-lista li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;font-weight:500;padding-top:2px;}
.benef-lista li::before{content:"";width:11px;height:11px;background:var(--ciano);border-radius:70% 70% 70% 4px;flex-shrink:0;margin-top:7px;}

/* indicações */
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px;}
.ind-item{border-top:1px solid var(--linha);padding-top:18px;}
.ind-item h3{font-size:1.05rem;}
.ind-item p{font-size:14.5px;color:var(--tinta-2);margin-top:6px;}

/* convite intermediário */
.cta-meio{background:var(--nevoa);border-radius:28px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;margin-top:56px;}
.cta-meio h3{font-size:1.25rem;}
.cta-meio p{color:var(--tinta-2);font-size:14.5px;margin-top:6px;max-width:52ch;}

/* foto da sala */
.sala-foto{padding:16px 0 96px;}
.sala-foto .foto{height:460px;border-radius:var(--folha-g);overflow:hidden;}
.sala-caption{font-size:13.5px;color:var(--tinta-2);margin-top:16px;}
.form-copy p{font-size:15.5px;color:var(--tinta-2);margin:16px 0 26px;max-width:46ch;}
.form-badges{display:flex;flex-direction:column;gap:12px;}
.form-badges .f{font-size:14.5px;font-weight:500;display:flex;gap:12px;align-items:flex-start;}
.form-badges .f::before{content:"";width:10px;height:10px;background:var(--ciano);border-radius:70% 70% 70% 4px;flex-shrink:0;margin-top:8px;}
.form-whatsapp{margin-top:30px;padding-top:26px;border-top:1px solid var(--linha);}
.form-whatsapp p{font-size:14px;color:var(--tinta-2);margin-bottom:14px;}

/* perguntas frequentes */
.faq-item{border-top:1px solid var(--linha);padding:20px 0;}
.faq-item:last-child{border-bottom:1px solid var(--linha);}
.faq-item summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none; display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--tinta);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:22px;font-weight:400;color:var(--indigo);flex-shrink:0;line-height:1;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{font-size:14.5px;color:var(--tinta-2);margin-top:12px;max-width:64ch;}

/* especialidades relacionadas */
.relacionadas{padding:88px 0;}
.rel-links{display:flex;gap:14px;flex-wrap:wrap;}
.rel-links a{font-size:14.5px;font-weight:600;color:var(--tinta); border:1.5px solid var(--linha);padding:13px 24px;border-radius:999px; transition:border-color .18s ease,color .18s ease;}
.rel-links a:hover{border-color:var(--indigo);color:var(--indigo);}
.contato .btn-linha{border-color:rgba(255,255,255,.35);color:#fff;}
.contato .btn-linha:hover{border-color:#fff;color:#fff;}
.mapa-link{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.4);}

@media (max-width:1140px){

  /* menu em hambúrguer até 1140px, o que inclui tablets em paisagem */
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0; flex-direction:column;gap:0;background:var(--branco); border-bottom:1px solid var(--linha);padding:8px 28px 16px;}
}

@media (max-width:920px){
  .esp-hero-grid,.oque-grid{grid-template-columns:1fr;}
  .esp-hero{padding:24px 0 64px;}
  .esp-hero-foto{height:340px;margin-top:40px;}
  .video-wrap{position:static;}
  .oque-foto{position:static;height:320px;}
  .benef-lista,.ind-grid{grid-template-columns:1fr;}
  .sala-foto .foto{height:300px;}
  .resumo-tabela th{width:130px;font-size:13.5px;}
  .resumo-tabela th,.resumo-tabela td{padding:13px 16px;}
  body{padding-bottom:76px;}
}

@media (max-width:560px){
  .fatos{flex-direction:column;gap:18px;}
  .fatos > div{padding-left:0;border-left:none;}
  .cta-meio{padding:30px 26px;}
  .form-card{padding:28px 22px;}
}