/* ==========================================================
   FONTES — auto-hospedadas em assets/fontes/ (arquivos reais,
   conferidos). Motivo: velocidade (sem DNS/TLS para domínios
   externos) e LGPD (o Google Fonts registraria o IP do visitante
   antes de qualquer consentimento). Os url() abaixo são relativos
   a ESTE arquivo CSS, que já está em assets/ — por isso apontam
   para "fontes/…", não "assets/fontes/…".
   Variáveis: wght 400–600 (Newsreader) / 400–700 (Albert Sans).
========================================================== */
@font-face{
  font-family:"Newsreader";src:url("fontes/newsreader-roman.woff2") format("woff2");
  font-weight:400 600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Newsreader";src:url("fontes/newsreader-italic.woff2") format("woff2");
  font-weight:400 600;font-style:italic;font-display:swap;
}
@font-face{
  font-family:"Albert Sans";src:url("fontes/albert-sans.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap;
}

/* ==========================================================
   IDENTIDADE VISUAL — compartilhada entre as duas páginas
   Paleta: porcelana fria, verde-pinheiro (araucária),
   grafite esverdeado e latão de placa de escritório.
========================================================== */
:root{
  --porcelana:#F4F7F3;
  --folha:#FFFFFF;
  --pinheiro:#16352C;
  --pinheiro-2:#0E241D;
  --grafite:#39463F;
  --suave:#6B7770;
  --nevoa:#DCE4DC;
  --latao:#A5854C;
  --latao-claro:#C9AC6C;
  --latao-escuro:#6E572E;
  --wa:#25D366;
  --serif:"Newsreader",Georgia,serif;
  --sans:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:10px;
  --sombra:0 10px 30px rgba(22,53,44,.08);
  --transicao:.28s cubic-bezier(.4,0,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--porcelana);
  color:var(--grafite);
  font-size:1.0625rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block}
a{color:inherit}
section{scroll-margin-top:88px}
.container{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------- tipografia ---------- */
h1,h2,.serif{font-family:var(--serif);color:var(--pinheiro);font-weight:500;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.2vw,3.5rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}
h1 em,h2 em,.band em{font-style:italic;font-weight:500;color:var(--latao-escuro)}
.band em{color:var(--latao-claro)}
h3{font-family:var(--sans);font-weight:600;font-size:1.06rem;color:var(--pinheiro);line-height:1.35}
.lead{font-size:clamp(1.08rem,2vw,1.22rem);color:var(--grafite);max-width:38em}
p.muted,.muted{color:var(--suave)}

/* eyebrow estilo "papel timbrado": rótulo entre filetes duplos */
.eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--latao-escuro);margin-bottom:18px;
}
.eyebrow::before,.eyebrow::after{
  content:"";width:34px;height:5px;
  border-top:1px solid var(--latao);border-bottom:1px solid var(--latao);
  opacity:.55;
}
.eyebrow--right::after{display:none}

/* ---------- header ---------- */
.topo{
  position:fixed;inset:0 0 auto 0;z-index:50;
  background:rgba(244,247,243,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color var(--transicao),box-shadow var(--transicao);
}
.topo.rolou{border-bottom-color:var(--nevoa);box-shadow:0 4px 20px rgba(22,53,44,.06)}
.topo-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.marca-mono{
  width:40px;height:40px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--latao-claro),var(--latao) 55%,var(--latao-escuro));
  font-family:var(--serif);font-weight:600;font-size:1.05rem;color:#3E2F14;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 2px 6px rgba(22,53,44,.18);
}
.marca-nome{font-family:var(--serif);font-size:1.12rem;color:var(--pinheiro);line-height:1.1}
.marca-nome small{display:block;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:.94rem;font-weight:500;text-decoration:none;color:var(--grafite);transition:color var(--transicao)}
.nav a:hover{color:var(--pinheiro)}
.nav .btn{padding:.62em 1.2em;font-size:.9rem;min-height:44px}
@media(max-width:860px){.nav a:not(.btn){display:none}}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-weight:600;font-size:1rem;text-decoration:none;
  padding:.9em 1.6em;border-radius:999px;border:1px solid transparent;
  min-height:48px;/* alvo de toque confortável (mín. recomendado: 44px) */
  cursor:pointer;transition:transform var(--transicao),box-shadow var(--transicao),background var(--transicao),color var(--transicao),border-color var(--transicao);
}
.btn svg{width:19px;height:19px;flex:none}
.btn-primario{background:var(--pinheiro);color:var(--porcelana)}
.btn-primario:hover{background:var(--pinheiro-2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,53,44,.22)}
.btn-contorno{border-color:var(--pinheiro);color:var(--pinheiro);background:transparent}
.btn-contorno:hover{background:var(--pinheiro);color:var(--porcelana);transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--latao);outline-offset:3px;border-radius:6px}

/* ---------- hero ---------- */
.hero{
  padding:158px 0 84px;position:relative;overflow:hidden;
  background:
    radial-gradient(720px 420px at 88% -10%,rgba(165,133,76,.13),transparent 65%),
    radial-gradient(560px 420px at -12% 108%,rgba(22,53,44,.07),transparent 60%),
    var(--porcelana);
}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.hero h1{margin:0 0 20px}
.hero .lead{margin-bottom:32px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.chips{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none}
.chips li{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;color:var(--suave)}
.chips svg{width:15px;height:15px;color:var(--latao);flex:none}
@media(max-width:920px){
  .hero{padding:130px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
}

/* ---------- placa de latão (elemento-assinatura) ---------- */
.placa{
  width:min(360px,100%);margin-left:auto;
  padding:34px 30px;border-radius:12px;text-align:center;
  background:linear-gradient(155deg,#D7BC80 0%,var(--latao-claro) 22%,var(--latao) 58%,#8A6C3C 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),inset 0 0 0 7px rgba(62,47,20,.14),inset 0 0 0 8px rgba(255,255,255,.22),0 18px 40px rgba(22,53,44,.22);
  transform:rotate(-1.2deg);
}
.placa *{color:#3E2F14;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.placa-mono{font-family:var(--serif);font-size:2rem;font-weight:600;letter-spacing:.06em}
.placa-nome{font-family:var(--serif);font-size:1.45rem;font-weight:500;margin-top:6px}
.placa-fio{width:56px;height:1px;background:rgba(62,47,20,.45);margin:14px auto;box-shadow:0 1px 0 rgba(255,255,255,.35)}
.placa-tit{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.placa-area{font-family:var(--serif);font-style:italic;font-size:1.02rem;margin-top:10px}
@media(max-width:920px){.placa{margin:0 auto;transform:rotate(0)}}

/* ---------- seções ---------- */
.secao{padding:88px 0}
.secao-cab{max-width:640px;margin-bottom:46px}
.secao-cab p{margin-top:12px}
@media(max-width:720px){.secao{padding:64px 0}}

/* cards de situações */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none}
.card{
  background:var(--folha);border:1px solid var(--nevoa);border-radius:var(--raio);
  padding:26px 22px;transition:transform var(--transicao),box-shadow var(--transicao),border-color var(--transicao);
}
.card:hover{transform:translateY(-4px);border-color:var(--latao);box-shadow:var(--sombra)}
.card-icone{
  width:44px;height:44px;border-radius:9px;display:grid;place-items:center;margin-bottom:16px;
  background:rgba(22,53,44,.06);color:var(--pinheiro);
}
.card-icone svg{width:22px;height:22px}
.card h3{margin-bottom:8px}
.card p{font-size:.92rem;line-height:1.55;color:var(--suave)}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}

/* faixa escura (declaração) */
.band{background:var(--pinheiro);color:var(--porcelana);padding:84px 0}
.band-inner{max-width:820px}
.band .eyebrow{color:var(--latao-claro)}
.band .eyebrow::before,.band .eyebrow::after{border-color:var(--latao-claro)}
.band p.grande{font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,2.15rem);line-height:1.35;color:#EDF3ED}
.band p.ressalva{margin-top:22px;font-size:.95rem;color:rgba(237,243,237,.72);max-width:44em}

/* etapas */
.etapas{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 26px;counter-reset:etapa;list-style:none}
.etapa{counter-increment:etapa;position:relative;padding-top:14px}
.etapa::before{
  content:counter(etapa,decimal-leading-zero);
  font-family:var(--serif);font-size:2.6rem;font-weight:500;line-height:1;
  color:var(--latao);display:block;margin-bottom:12px;
}
.etapa::after{content:"";position:absolute;top:34px;left:64px;right:0;height:1px;background:var(--nevoa)}
.etapa:last-child::after{display:none}
.etapa h3{margin-bottom:8px}
.etapa p{font-size:.94rem;color:var(--suave);line-height:1.6}
@media(max-width:960px){
  .etapas{grid-template-columns:1fr 1fr}
  .etapa:nth-child(2)::after{display:none}
}
@media(max-width:560px){.etapas{grid-template-columns:1fr}.etapa::after{display:none}}

/* documentos */
.docs{background:var(--folha);border:1px solid var(--nevoa);border-radius:var(--raio);padding:34px 32px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.docs-titulo{flex:1 1 240px}
.docs-titulo h3{font-family:var(--serif);font-size:1.3rem;font-weight:500}
.docs-titulo p{font-size:.92rem;color:var(--suave);margin-top:6px}
.docs ul{flex:2 1 420px;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;list-style:none}
.docs li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.docs li svg{width:17px;height:17px;color:var(--latao);flex:none;margin-top:4px}
@media(max-width:640px){.docs ul{grid-template-columns:1fr}}

/* sobre */
.sobre-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.sobre p+p{margin-top:14px}
.sobre-lista{margin-top:24px;list-style:none;display:grid;gap:12px}
.sobre-lista li{display:flex;gap:12px;align-items:flex-start}
.sobre-lista svg{width:18px;height:18px;color:var(--latao);flex:none;margin-top:5px}
.sobre-lista strong{color:var(--pinheiro);font-weight:600}
/* Para usar uma FOTO no lugar da placa: substitua a <div class="placa">
   por <img src="sua-foto.jpg" alt="Dr. Rodrigo Souza Filho" style="width:100%;border-radius:12px"> */
@media(max-width:920px){.sobre-grid{grid-template-columns:1fr;gap:40px}}

/* FAQ */
.faq{max-width:780px}
.faq details{border-bottom:1px solid var(--nevoa)}
.faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:22px 4px;font-weight:600;color:var(--pinheiro);font-size:1.04rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary .mais{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--nevoa);display:grid;place-items:center;color:var(--latao-escuro);font-weight:500;transition:transform var(--transicao),background var(--transicao)}
.faq details[open] .mais{transform:rotate(45deg);background:rgba(165,133,76,.12)}
.faq details p{padding:0 44px 24px 4px;color:var(--suave)}

/* contato */
.contato{background:var(--folha);border-top:1px solid var(--nevoa)}
.contato-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px}
.form{display:grid;gap:16px}
.form label{font-size:.85rem;font-weight:600;color:var(--pinheiro);display:grid;gap:7px}
.form input,.form textarea{
  font:inherit;color:var(--grafite);background:var(--porcelana);
  border:1px solid var(--nevoa);border-radius:8px;padding:.85em 1em;width:100%;
  transition:border-color var(--transicao),box-shadow var(--transicao);
}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--latao);box-shadow:0 0 0 3px rgba(165,133,76,.18)}
.form textarea{min-height:120px;resize:vertical}
.form .btn{justify-content:center;width:100%}
.form small{color:var(--suave);font-size:.8rem;line-height:1.5}
.contato-alt{display:grid;gap:18px;align-content:start}
.contato-alt a{color:var(--pinheiro);font-weight:600;text-decoration:none;border-bottom:1px solid var(--latao)}
@media(max-width:880px){.contato-grid{grid-template-columns:1fr;gap:44px}}

/* footer */
.rodape{background:var(--pinheiro-2);color:rgba(237,243,237,.78);padding:56px 0 40px;font-size:.9rem}
.rodape a{color:#EDF3ED;text-decoration:none;border-bottom:1px solid rgba(201,172,108,.5)}
.rodape a:hover{border-bottom-color:var(--latao-claro)}
.rodape-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:34px}
.rodape .marca-nome{color:#EDF3ED}
.rodape .marca-nome small{color:rgba(237,243,237,.6)}
.rodape-aviso{border-top:1px solid rgba(237,243,237,.15);padding-top:26px;font-size:.8rem;line-height:1.7;color:rgba(237,243,237,.55);max-width:70em}

/* WhatsApp flutuante */
.zap-flutuante{
  position:fixed;right:20px;bottom:20px;z-index:60;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:var(--wa);color:#fff;box-shadow:0 10px 26px rgba(18,140,80,.4);
  transition:transform var(--transicao),box-shadow var(--transicao);
}
.zap-flutuante:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px rgba(18,140,80,.5)}
.zap-flutuante svg{width:30px;height:30px}

/* animações de entrada — MELHORIA PROGRESSIVA:
   o conteúdo nasce visível. Só o JS (classe .js no <html>) esconde
   para animar. Sem JS, erro de JS ou bloqueio: tudo aparece. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.visivel{opacity:1;transform:none}
.hero .reveal{transition-duration:.85s}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal,.js .reveal{opacity:1;transform:none;transition:none}
  .btn,.card,.zap-flutuante,.topo,.barra-zap{transition:none}
}
/* ============================================================
   ACRÉSCIMOS À IDENTIDADE ORIGINAL
   Tudo abaixo usa as mesmas variáveis, raios, sombras e fontes
   já definidas acima. Nada de paleta nova, nada de estilo novo.
============================================================ */

/* única cor nova em toda a folha: o vermelho sóbrio de erro de
   formulário (não existe equivalente na paleta original). */
:root{--erro:#8C2F1F}

/* ---------- utilitários ---------- */
[hidden]{display:none !important}
.so-leitor{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* pular para o conteúdo (teclado / leitor de tela) */
.pular{
  position:absolute;left:16px;top:-70px;z-index:100;
  background:var(--pinheiro);color:var(--porcelana);
  padding:.8em 1.2em;border-radius:0 0 8px 8px;font-weight:600;text-decoration:none;
  transition:top var(--transicao);
}
.pular:focus{top:0}

/* ---------- foto reservada (no lugar da placa, quando houver) ---------- */
.foto-reservada{
  width:min(360px,100%);margin-left:auto;
  aspect-ratio:4/5;border-radius:12px;
  background:
    repeating-linear-gradient(135deg,rgba(165,133,76,.05) 0 12px,transparent 12px 24px),
    var(--folha);
  border:1px solid var(--nevoa);
  display:grid;place-content:center;gap:10px;text-align:center;padding:32px 26px;
}
.foto-reservada svg{width:34px;height:34px;color:var(--latao);margin:0 auto;opacity:.85}
.foto-reservada p{font-size:.86rem;color:var(--suave);line-height:1.55;max-width:24em}
.foto-reservada .foto-rot{
  font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--latao-escuro);
}
@media(max-width:920px){.foto-reservada{margin:0 auto}}

/* ---------- avisos e selos ---------- */
.aviso{
  display:flex;gap:12px;align-items:flex-start;
  background:rgba(165,133,76,.07);border:1px solid rgba(165,133,76,.3);
  border-radius:var(--raio);padding:16px 18px;font-size:.88rem;line-height:1.55;color:var(--grafite);
}
.aviso svg{width:18px;height:18px;color:var(--latao-escuro);flex:none;margin-top:3px}
.aviso strong{color:var(--pinheiro)}

.selo-oab{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--nevoa);background:var(--folha);
  border-radius:999px;padding:.5em 1em;font-size:.82rem;font-weight:600;color:var(--pinheiro);
}
.selo-oab svg{width:15px;height:15px;color:var(--latao)}

/* ---------- formulário: acréscimos ---------- */
.form select{
  font:inherit;color:var(--grafite);background:var(--porcelana);
  border:1px solid var(--nevoa);border-radius:8px;padding:.85em 1em;width:100%;
  min-height:48px;appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339463F' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
  padding-right:42px;
  transition:border-color var(--transicao),box-shadow var(--transicao);
}
.form select:focus{outline:none;border-color:var(--latao);box-shadow:0 0 0 3px rgba(165,133,76,.18)}
.form input,.form textarea{min-height:48px}
.form textarea{min-height:120px}
.form .campo-opcional{font-weight:400;color:var(--suave);text-transform:none;letter-spacing:0}
.form-erro{
  font-size:.82rem;font-weight:500;color:var(--erro);display:none;
}
.form-erro.aparece{display:block}
.form [aria-invalid="true"]{border-color:var(--erro);box-shadow:0 0 0 3px rgba(140,47,31,.12)}
.form-nota{
  font-size:.8rem;color:var(--suave);line-height:1.55;
  border-left:2px solid var(--nevoa);padding-left:12px;
}

/* honeypot antispam — invisível para gente, visível para robô */
.form .campo-mel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- barra fixa de WhatsApp (celular) ---------- */
.barra-zap{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  display:none;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:rgba(244,247,243,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--nevoa);box-shadow:0 -6px 24px rgba(22,53,44,.1);
  transform:translateY(0);transition:transform var(--transicao),opacity var(--transicao);
}
.barra-zap .btn{width:100%;font-size:1.02rem}
.barra-zap.recolhida{transform:translateY(120%);opacity:0;pointer-events:none}
@media(max-width:720px){
  .barra-zap{display:block}
  /* a barra e o botão flutuante nunca convivem */
  .zap-flutuante{display:none}
  /* espaço para a barra não cobrir o fim da página */
  body{padding-bottom:82px}
}

/* ---------- consentimento de cookies ---------- */
.cookies{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:80;
  bottom:calc(16px + env(safe-area-inset-bottom));
  max-width:560px;margin:0 auto;
  background:var(--folha);border:1px solid var(--nevoa);border-radius:12px;
  box-shadow:0 18px 44px rgba(22,53,44,.18);
  padding:22px;font-size:.9rem;line-height:1.6;
}
.cookies h2{font-size:1.1rem;margin-bottom:8px}
.cookies p{color:var(--suave)}
.cookies a{color:var(--pinheiro);font-weight:600;text-decoration:none;border-bottom:1px solid var(--latao)}
.cookies-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
/* Aceitar e Recusar têm exatamente o mesmo peso visual */
.cookies-acoes .btn{flex:1 1 140px;font-size:.92rem;padding:.7em 1.1em;min-height:44px}
.cookies-opcoes{
  margin-top:16px;padding-top:16px;border-top:1px solid var(--nevoa);display:grid;gap:12px;
}
.cookies-opcao{display:flex;gap:12px;align-items:flex-start}
.cookies-opcao input{margin-top:4px;width:18px;height:18px;accent-color:var(--pinheiro);flex:none}
.cookies-opcao label{font-weight:600;color:var(--pinheiro);font-size:.88rem}
.cookies-opcao p{font-size:.82rem;margin-top:2px}
@media(max-width:720px){.cookies{bottom:calc(92px + env(safe-area-inset-bottom))}}

/* ---------- página "obrigado" ---------- */
.obrigado{
  min-height:100svh;display:grid;place-items:center;padding:120px 0 80px;
  background:
    radial-gradient(720px 420px at 88% -10%,rgba(165,133,76,.13),transparent 65%),
    radial-gradient(560px 420px at -12% 108%,rgba(22,53,44,.07),transparent 60%),
    var(--porcelana);
}
.obrigado-cartao{max-width:640px;text-align:center}
.obrigado-cartao .btn{margin-top:8px}
.obrigado-selo{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;
  background:linear-gradient(160deg,var(--latao-claro),var(--latao) 55%,var(--latao-escuro));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 10px 26px rgba(22,53,44,.2);
}
.obrigado-selo svg{width:30px;height:30px;color:#3E2F14}
.obrigado-passos{
  margin:32px auto 0;max-width:460px;text-align:left;list-style:none;display:grid;gap:14px;
  background:var(--folha);border:1px solid var(--nevoa);border-radius:var(--raio);padding:24px 26px;
}
.obrigado-passos li{display:flex;gap:12px;align-items:flex-start;font-size:.94rem}
.obrigado-passos svg{width:17px;height:17px;color:var(--latao);flex:none;margin-top:5px}

/* ---------- páginas de texto (privacidade) ---------- */
.texto{padding:130px 0 80px;max-width:760px}
.texto h1{margin-bottom:10px}
.texto h2{font-size:1.32rem;margin:38px 0 12px}
.texto h3{margin:22px 0 8px}
.texto p,.texto li{color:var(--grafite)}
.texto p+p{margin-top:12px}
.texto ul,.texto ol{margin:12px 0 12px 22px;display:grid;gap:8px}
.texto a{color:var(--pinheiro);font-weight:600;text-decoration:none;border-bottom:1px solid var(--latao)}
.texto .atualizado{font-size:.85rem;color:var(--suave);margin-bottom:6px}
.texto table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem}
.texto th,.texto td{border:1px solid var(--nevoa);padding:10px 12px;text-align:left;vertical-align:top}
.texto th{background:rgba(22,53,44,.04);color:var(--pinheiro);font-weight:600}

/* ---------- telas muito estreitas (320px) ---------- */
@media(max-width:360px){
  .container{padding:0 16px}
  body{font-size:1rem}
  .hero{padding:118px 0 56px}
  .btn{font-size:.95rem;padding:.85em 1.15em}
  .hero-ctas{gap:10px}
  .hero-ctas .btn{width:100%}
  .placa{padding:26px 18px}
  .placa-nome{font-size:1.22rem}
  .placa-tit{letter-spacing:.14em}
  .cookies{padding:18px;left:10px;right:10px}
  .cookies-acoes .btn{flex:1 1 100%}
  .docs{padding:24px 20px}
  .faq summary{font-size:.98rem;gap:10px}
  .faq details p{padding-right:24px}
  .marca-nome{font-size:1rem}
  .topo-inner{height:64px}
}

/* ============================================================
   DESTAQUE — CANCELAMENTO DE PLANO EMPRESARIAL (página inicial)
   Seção de largura total, com presença maior que um card comum.
   Composição editorial: coluna de texto sobre folha branca +
   coluna escura (verde-pinheiro) com os sinais de atenção.
   Só variáveis já existentes; o marcador dos itens repete o
   motivo dos filetes duplos do eyebrow (identidade da casa).
============================================================ */
.destaque-secao{padding-top:0}
.destaque-cancelamento{
  position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  background:var(--folha);border:1px solid var(--nevoa);border-radius:14px;
  box-shadow:var(--sombra);overflow:hidden;
}
/* filete de latão no topo: sinaliza destaque sem gritar */
.destaque-cancelamento::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:1;
  background:linear-gradient(90deg,var(--latao-claro),var(--latao) 45%,var(--latao-escuro));
}
.destaque-cancelamento__conteudo{padding:48px 48px 42px}
.destaque-cancelamento__conteudo h2{max-width:16em}
.destaque-cancelamento__emocional{margin-top:16px;font-size:1.04rem;line-height:1.7;color:var(--grafite);max-width:36em}
.destaque-cancelamento__juridico{margin-top:12px;font-size:.97rem;line-height:1.65;color:var(--grafite);max-width:36em}
.destaque-cancelamento__acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.destaque-cancelamento__nota{
  margin-top:24px;font-size:.85rem;line-height:1.6;color:var(--suave);
  border-left:2px solid var(--nevoa);padding-left:12px;max-width:42em;
}
.destaque-cancelamento__nota a{color:var(--pinheiro);font-weight:600;text-decoration:none;border-bottom:1px solid var(--latao)}
.destaque-cancelamento__sinais{
  position:relative;
  background:
    radial-gradient(440px 320px at 88% -12%,rgba(201,172,108,.18),transparent 65%),
    var(--pinheiro);
  color:var(--porcelana);padding:48px 40px;
  display:flex;flex-direction:column;justify-content:center;
}
.destaque-cancelamento__sinais-rotulo{
  display:flex;align-items:center;gap:12px;margin-bottom:12px;
  font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--latao-claro);
}
.destaque-cancelamento__sinais-rotulo::before{
  content:"";width:30px;height:5px;flex:none;
  border-top:1px solid var(--latao-claro);border-bottom:1px solid var(--latao-claro);opacity:.7;
}
.destaque-cancelamento__sinais ul{list-style:none}
.destaque-cancelamento__sinais li{
  display:flex;gap:14px;align-items:flex-start;
  padding:13px 0;font-size:.96rem;line-height:1.55;color:#EDF3ED;
  border-bottom:1px solid rgba(237,243,237,.14);
}
.destaque-cancelamento__sinais li:last-child{border-bottom:none;padding-bottom:2px}
.destaque-cancelamento__sinais li::before{
  content:"";flex:none;width:22px;height:7px;margin-top:9px;
  border-top:1px solid var(--latao-claro);border-bottom:1px solid var(--latao-claro);opacity:.85;
}
@media(max-width:920px){
  .destaque-cancelamento{grid-template-columns:1fr}
  .destaque-cancelamento__conteudo{padding:36px 28px 34px}
  .destaque-cancelamento__sinais{padding:34px 28px 36px}
}

/* ============================================================
   PÁGINA — CANCELAMENTO DE PLANO DE SAÚDE EMPRESARIAL
   Apoios de leitura longa (artigo), painéis de lista e faixa
   final de chamada. Tudo com a paleta e as fontes existentes.
============================================================ */
.secao--seguida{padding-top:0}
.hero--interna{padding:150px 0 66px}
.hero--interna h1{margin:0 0 18px;max-width:16em}
.hero--interna .lead{margin-bottom:26px;max-width:44em}
.hero--interna .hero-ctas{margin-bottom:6px}
.hero-ressalva{margin-top:16px;font-size:.9rem;color:var(--suave);max-width:46em}

.artigo{max-width:820px}
.artigo h2{font-size:clamp(1.45rem,2.8vw,1.9rem);margin:46px 0 14px}
.artigo h2:first-child{margin-top:0}
.artigo p{color:var(--grafite)}
.artigo p+p{margin-top:12px}
.artigo strong{color:var(--pinheiro)}
.artigo a{color:var(--pinheiro);font-weight:600;text-decoration:none;border-bottom:1px solid var(--latao)}
.lista-simples{margin-top:14px;list-style:none;display:grid;gap:10px}
.lista-simples li{display:flex;gap:10px;align-items:flex-start;font-size:.97rem;line-height:1.6;color:var(--grafite)}
.lista-simples svg{width:16px;height:16px;color:var(--latao);flex:none;margin-top:6px}

/* painel branco com lista em duas colunas (sinais / documentos) */
.painel{background:var(--folha);border:1px solid var(--nevoa);border-radius:var(--raio);padding:38px 36px}
.painel h2{font-size:clamp(1.4rem,2.6vw,1.8rem)}
.painel>p{margin-top:10px;color:var(--suave);max-width:56em}
.lista-marcas{margin-top:24px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px 28px}
.lista-marcas li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.55;color:var(--grafite)}
.lista-marcas svg{width:17px;height:17px;color:var(--latao);flex:none;margin-top:4px}
.painel-acoes{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.painel .aviso{margin-top:24px}
@media(max-width:640px){.lista-marcas{grid-template-columns:1fr}}

/* faixa final de chamada (fundo escuro, botão claro) */
.band--cta{padding:78px 0}
.band--cta .band-inner{max-width:780px}
.band--cta h2{color:#EDF3ED;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.28}
.band--cta p{margin-top:16px;color:rgba(237,243,237,.8);max-width:46em}
.band--cta .btn{margin-top:28px}
.btn-invertido{background:var(--porcelana);color:var(--pinheiro)}
.btn-invertido:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.3)}

/* telas muito estreitas: acréscimos desta versão */
@media(max-width:360px){
  .destaque-cancelamento__conteudo{padding:28px 20px 26px}
  .destaque-cancelamento__sinais{padding:28px 20px}
  .destaque-cancelamento__acoes .btn{width:100%}
  .painel{padding:26px 20px}
  .painel-acoes .btn{width:100%}
  .band--cta .btn{width:100%}
  .hero--interna{padding:122px 0 52px}
}