/* ============================================================
   Solução de Multas — identidade v4 "Papel & Âmbar"
   Carrega depois de estilo.css e redefine a marca: fundo papel,
   tinta quase preta, âmbar de sinalização e títulos em serifa.
   Mobile-first. Sem CDN (CSP 'self').
   ============================================================ */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fontes/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fontes/fraunces-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;
  src:url("/assets/fontes/fraunces-latin-wght-italic.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokens: a marca inteira muda daqui ---------- */
:root{
  --navy-900:#101014; --navy-800:#1B1B22; --navy-700:#2B2B35;
  --ink:#131316; --ink-2:#3E3E48; --muted:#676773;
  --paper:#FFFFFF; --surface:#F7F3EB; --surface-2:#EFE8DA; --line:#E6DFD1;
  --acao:#A35200; --acao-esc:#7A3D00; --acao-luz:#FFF1D6;
  --neon:#FFB21E; --neon-esc:#0E7A55; --neon-luz:#E3F4EA;
  --ambar:#FFB21E; --ambar-forte:#F59E0B; --ambar-luz:#FFF4DC;
  --serifa:"Fraunces",Georgia,"Times New Roman",serif;
  --sombra-1:0 1px 2px rgba(19,19,22,.05),0 10px 30px -12px rgba(19,19,22,.14);
  --sombra-2:0 2px 4px rgba(19,19,22,.06),0 24px 60px -24px rgba(19,19,22,.30);
  --sombra-3:0 40px 90px -30px rgba(19,19,22,.45);
  --r-sm:12px; --r:18px; --r-lg:26px;
}

body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;font-feature-settings:"cv05","cv08","ss01";letter-spacing:-.006em}
h1,h2{font-family:var(--serifa);font-weight:600;letter-spacing:-.025em;font-variation-settings:"opsz" 96}
h3,h4{letter-spacing:-.02em}
h1 em,h2 em{font-style:italic;font-weight:500}
::selection{background:var(--ambar-luz);color:var(--ink)}
a{color:var(--acao)}
:focus-visible{outline:3px solid var(--ambar-forte);outline-offset:3px}

/* utilitários (substituem style="" bloqueado pela CSP) */
.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.mt-34{margin-top:34px}.mt-48{margin-top:48px}
.mw-900{max-width:900px}.mw-52{max-width:52ch}.centro-flex{justify-content:center}.cor-suave{color:var(--muted)}
.nota-heroi{color:var(--muted)}.rotulo-neon{color:var(--ambar)}.cor-neon-clara{color:var(--ambar)}

/* ---------- barra de aviso e cabeçalho ---------- */
.aviso-topo{background:var(--navy-900);color:#C9C9D2;font-size:12.5px}
.cabecalho{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--line)}
.logo{color:var(--ink)}
.menu a:not(.btn){font-weight:600;color:var(--ink-2)}
.menu a[aria-current="page"]:not(.btn){background:var(--surface);color:var(--ink)}
.cabecalho .btn-1,.menu .btn-1{min-height:44px;padding:10px 18px;font-size:14.5px;background:var(--ambar);color:#1A1200}
.menu .btn-1:hover{background:#FFC24A;color:#1A1200}

/* ---------- botões ---------- */
.btn{border-radius:14px;font-weight:750;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}
.btn-1,.btn-3{background:var(--ambar);color:#1A1200;border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 12px 26px -10px rgba(245,158,11,.75)}
.btn-1:hover,.btn-3:hover{background:#FFC24A;color:#1A1200;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 34px -12px rgba(245,158,11,.85)}
.btn-2{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.btn-2:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-fantasma{color:#fff;border-color:rgba(255,255,255,.4)}
.btn-grande{min-height:60px;padding:16px 28px;font-size:17px}
@media (prefers-reduced-motion:reduce){.btn,.plano,.caso{transition:none}.btn:hover,.plano:hover,.caso:hover{transform:none}}

/* ---------- rótulos e seções ---------- */
.rotulo{padding:6px 12px;border-radius:999px;background:var(--ambar-luz);color:#7A3D00;width:fit-content;max-width:100%;white-space:normal;line-height:1.35;letter-spacing:.12em;font-size:11.5px}
.secao-escura .rotulo{background:rgba(255,178,30,.14);color:var(--ambar)}
.secao-clara{background:var(--surface)!important}
.secao-escura{background:radial-gradient(900px 400px at 90% 0%,rgba(255,178,30,.10),transparent 60%),var(--navy-900)!important;color:#E6E6EC}
.secao-escura h2{color:#fff}
.secao-escura p,.secao-escura .cabeca p{color:#B9B9C4}
.cabeca h2{font-size:clamp(30px,4.4vw,50px);line-height:1.05}
.cabeca p{color:var(--muted)}

/* ---------- herói v4: papel claro, documento em destaque ---------- */
.heroi.heroi-v4{background:
  radial-gradient(700px 420px at 88% 20%,rgba(255,178,30,.22),transparent 65%),
  radial-gradient(600px 380px at -5% 100%,rgba(255,178,30,.10),transparent 60%),
  var(--surface);color:var(--ink);padding-block:clamp(36px,6vw,88px) clamp(48px,7vw,96px)}
.heroi.heroi-v4::before,.heroi.heroi-v4::after{display:none}
.heroi-v4 .env{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.heroi-v4 h1{color:var(--ink);font-size:clamp(38px,6.2vw,72px);line-height:1.02}
.heroi-v4 h1 em{color:var(--ink);background:linear-gradient(transparent 62%,rgba(255,178,30,.55) 62%,rgba(255,178,30,.55) 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.heroi-v4 .heroi-sub{color:var(--ink-2);font-size:clamp(16.5px,1.8vw,20px);max-width:54ch}
.heroi-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.heroi-provas{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--ink-2)}
.heroi-provas li{display:flex;gap:7px;align-items:center}
.heroi-provas li::before{content:"✓";color:var(--neon-esc);font-weight:900}
.heroi-visual{position:relative;min-height:520px}
.hv-pilha{position:absolute;inset:0}
.hv-pilha figure{position:absolute;width:70%;border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--sombra-3),0 0 0 1px rgba(19,19,22,.06)}
.hv-p1{left:4%;top:0;transform:rotate(-4deg);z-index:2}
.hv-p2{right:0;top:40px;transform:rotate(3.5deg);z-index:1}
.hv-pilha img{width:100%}
.hv-selo{position:absolute;z-index:3;display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:14px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;box-shadow:0 18px 40px -16px rgba(19,19,22,.35),0 0 0 1px rgba(19,19,22,.06);white-space:nowrap}
.hv-selo b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:var(--ambar);color:#1A1200;font-size:12px}
.hv-s1{left:-4%;top:16%}.hv-s2{right:-2%;top:48%}.hv-s3{left:8%;bottom:4%}
@media (max-width:980px){
  .heroi-v4 .env{grid-template-columns:minmax(0,1fr)}
  .heroi-visual{min-height:0;height:clamp(300px,92vw,460px);max-width:480px;width:100%;margin:8px auto 0}
  .hv-s1{left:0}.hv-s2{right:0}
}
@media (max-width:560px){
  .heroi-acoes .btn{width:100%}
  .btn-grande{font-size:16.5px}
  .hv-selo{font-size:12px;padding:8px 11px}.hv-selo b{min-width:22px;height:22px}
}

/* ---------- faixa de confiança ---------- */
.faixa-confianca{background:#fff;border-bottom:1px solid var(--line)}
.faixa-confianca ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.faixa-confianca li{display:flex;gap:11px;align-items:flex-start;padding:20px 16px;border-left:1px solid var(--line);font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.faixa-confianca li:first-child{border-left:0;padding-left:0}
.faixa-confianca strong{display:block;color:var(--ink);font-size:14px;font-weight:750}
.fc-ic{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ambar-luz);color:#7A3D00}
.fc-ic svg{width:18px;height:18px}
@media (max-width:1000px){.faixa-confianca ul{grid-template-columns:repeat(2,minmax(0,1fr))}.faixa-confianca li{border-left:0;border-top:1px solid var(--line);padding:16px 8px 16px 0}.faixa-confianca li:nth-child(-n+2){border-top:0}}
@media (max-width:560px){.faixa-confianca ul{grid-template-columns:1fr}.faixa-confianca li:nth-child(2){border-top:1px solid var(--line)}}

/* ---------- verificador em seção própria ---------- */
.secao-verificar{background:var(--navy-900);color:#E6E6EC}
.verif-grade{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.verif-txt{display:grid;gap:16px}
.verif-txt h2{color:#fff;font-size:clamp(30px,4.2vw,48px);line-height:1.05}
.verif-txt p{color:#B9B9C4;font-size:clamp(16px,1.7vw,18.5px)}
.verif-txt .rotulo{background:rgba(255,178,30,.14);color:var(--ambar)}
.verif-lista{display:grid;gap:10px;color:#D4D4DC;font-size:15px}
.verif-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.verif-lista li::before{content:"✓";color:var(--ambar);font-weight:900}
.secao-verificar .verificador{box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}
@media (max-width:900px){.verif-grade{grid-template-columns:minmax(0,1fr)}}

.verificador .btn-1,.verificador button[type=submit]{background:var(--ambar);color:#1A1200}

/* ---------- cartões ---------- */
.caso,.plano,.faq details,.explica-card{box-shadow:var(--sombra-1);border-color:var(--line);transition:transform .2s ease,box-shadow .2s ease}
.caso:hover{transform:translateY(-3px);box-shadow:var(--sombra-2)}
.passo .passo-n,.passos .num,.conf-ic{background:var(--ink)!important;color:var(--ambar)!important}

/* ---------- pacotes ---------- */
.plano{border-radius:22px;padding:30px 24px;border:1.5px solid var(--line)}
.plano:hover{transform:translateY(-4px);box-shadow:var(--sombra-2)}
.plano-qtd{color:#7A3D00}
.plano-preco{color:var(--ink)}
.plano-preco b{font-family:var(--serifa);font-weight:600}
.plano-unit{color:var(--neon-esc)}
.plano-destaque{background:var(--navy-900);border-color:var(--navy-900);color:#fff;transform:translateY(-8px)}
.plano-destaque h3,.plano-destaque .plano-preco{color:#fff}
.plano-destaque .plano-qtd{color:var(--ambar)}
.plano-destaque .plano-unit{color:#8BE3B9}
.plano-destaque ul{color:#D4D4DC}
.plano-destaque ul li::before{color:var(--ambar)}
.plano-destaque:hover{transform:translateY(-12px)}
.plano-fita{background:var(--ambar);color:#1A1200;box-shadow:0 8px 18px -8px rgba(245,158,11,.8)}
.plano-fita-ouro{position:absolute;top:-13px;right:22px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--neon-esc);border-radius:999px}
.plano .btn{padding-inline:14px;white-space:nowrap;font-size:15.5px}
@media (max-width:1100px){.planos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.plano-destaque{transform:none}}
@media (max-width:620px){.planos{grid-template-columns:1fr!important}}

/* ---------- amostra do documento ---------- */
.amostra{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.amostra-pilha{position:relative;min-height:520px}
.amostra-pilha figure{position:absolute;width:74%;border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--sombra-3),0 0 0 1px rgba(19,19,22,.06)}
.amostra-pilha figure:first-child{left:0;top:0;transform:rotate(-3deg);z-index:2}
.amostra-pilha figure:last-child{right:0;top:44px;transform:rotate(3deg);z-index:1}
.amostra-pilha img{width:100%}
.amostra-legenda{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);z-index:3;padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}
.amostra-lista{display:grid;gap:14px;margin:22px 0 26px}
.amostra-lista li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;color:var(--ink-2)}
.amostra-lista li::before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--ambar-luz);color:#7A3D00;font-weight:900}
.amostra-lista strong{color:var(--ink)}
.amostra-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:900px){.amostra{grid-template-columns:1fr}.amostra-pilha{min-height:0;height:clamp(360px,110vw,560px);max-width:520px;width:100%;margin-inline:auto}}
@media (max-width:560px){.amostra-acoes .btn{width:100%}}

/* ---------- comparação ---------- */
.compara{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sombra-1);font-size:15px}
.compara th,.compara td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compara thead th{background:var(--surface);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.compara thead th.nos{background:var(--ink);color:var(--ambar)}
.compara td.nos{background:var(--ambar-luz);font-weight:650;color:var(--ink)}
.compara tr:last-child td,.compara tr:last-child th{border-bottom:0}
.compara-rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
@media (max-width:720px){.compara{min-width:640px}}

/* ---------- FAQ ---------- */
.faq summary::after{color:var(--acao)}
.faq details[open]{box-shadow:var(--sombra-2)}

/* ---------- chamada final e capas das páginas internas ---------- */
.final{background:radial-gradient(700px 300px at 100% 0%,rgba(255,178,30,.18),transparent 60%),var(--navy-900)!important}
.final h2{font-family:var(--serifa)}
.capa-pagina{background:radial-gradient(700px 360px at 90% 0%,rgba(255,178,30,.14),transparent 60%),var(--navy-900)!important}

/* ---------- rodapé ---------- */
.rodape{background:var(--navy-900)!important;color:#A9A9B6}
.rodape a{color:#E6E6EC}

/* ---------- CTA fixa no celular ---------- */
.cta-fixa{display:none}
@media (max-width:760px){
  .cta-fixa{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:10px;align-items:center;justify-content:space-between;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(16,16,20,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}
  .cta-fixa span{color:#C9C9D2;font-size:12.5px;line-height:1.25}
  .cta-fixa strong{display:block;color:#fff;font-size:15px}
  .cta-fixa .btn{min-height:46px;padding:10px 18px;font-size:15px;white-space:nowrap}
  body.tem-cta-fixa{padding-bottom:78px}
}

/* ---------- pedido: selo de pagamento seguro ---------- */
.pagamento-seguro{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:12px;font-size:13px;color:var(--muted)}
.pagamento-seguro span{display:inline-flex;gap:6px;align-items:center}
.pagamento-seguro svg{width:15px;height:15px;color:var(--neon-esc)}

/* ---------- banner de cookies (LGPD / Consent Mode) ---------- */
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;max-width:560px;margin-inline:auto;padding:18px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 70px -20px rgba(19,19,22,.5),0 0 0 1px rgba(19,19,22,.08);font-size:14px}
.consent p{margin-bottom:12px;color:var(--ink-2)}
.consent-acoes{display:flex;flex-wrap:wrap;gap:10px}
.consent-acoes .btn{min-height:44px;padding:10px 16px;font-size:14.5px;flex:1 1 auto}
body.tem-cta-fixa .consent{bottom:92px}

/* ---------- toque e telas pequenas ---------- */
@media (max-width:560px){
  h1{font-size:clamp(34px,9.6vw,44px)}
  .cabeca h2{font-size:clamp(28px,8vw,36px)}
  .secao{padding-block:clamp(48px,12vw,72px)}
}
@media (hover:none){.plano:hover,.caso:hover,.btn:hover{transform:none}}
.menu a.btn-1,.menu a.btn-1:hover{background:var(--ambar);color:#1A1200}
.menu a.btn-1:hover{background:#FFC24A}