/* ── Páginas legais (Política de Privacidade e Termos de Uso) ───────────────
   Uma folha só para as duas: elas são o mesmo objeto — texto longo, leitura
   corrida, nenhuma ilustração. Quando o gateway de pagamentos entrar e os
   documentos forem revisados, o estilo não muda; muda o texto e a data.
   Usa as variáveis de /style.css (--paper, --ink, --action, --line). */

.legal-hero{background:#0f1035;color:#f2eefc;padding:120px 0 64px}
.legal-hero .eyebrow{color:#a9a4d0;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:22px}
.legal-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.04em;color:#fff;margin:0}
.legal-hero .atualizacao{margin-top:26px;color:#d6d2ea;font-size:15px}
.legal-hero .atualizacao b{color:#fff}

.legal-corpo{background:var(--paper);padding:72px 0 96px}
.legal-prosa{max-width:680px;margin-inline:auto}
.legal-prosa h2{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.2;letter-spacing:-.025em;color:var(--ink);margin:52px 0 16px;padding-top:26px;border-top:1px solid var(--line)}
.legal-prosa h2:first-of-type{margin-top:0;padding-top:0;border-top:0}
.legal-prosa h3{font-family:var(--display);font-weight:700;font-size:16.5px;color:var(--ink);margin:28px 0 10px}
.legal-prosa p{font-size:16.5px;line-height:1.75;color:#3c3958;margin:0 0 18px}
.legal-prosa strong{color:var(--ink)}
.legal-prosa ul{margin:0 0 18px;padding-left:22px}
.legal-prosa li{font-size:16.5px;line-height:1.75;color:#3c3958;margin-bottom:10px}
.legal-prosa a{color:var(--action);text-decoration:underline;text-underline-offset:3px}

.legal-aviso{background:#fbe7f0;border-left:3px solid var(--action);border-radius:0 12px 12px 0;padding:18px 22px;margin:0 0 26px}
.legal-aviso p{margin:0;font-size:16px;color:#3c3958}

.legal-irmao{max-width:680px;margin:64px auto 0;padding-top:26px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.legal-irmao a{color:var(--action);text-decoration:underline;text-underline-offset:3px}

@media(max-width:640px){
  .legal-hero{padding:96px 0 48px}
  .legal-corpo{padding:48px 0 72px}
  .legal-prosa p,.legal-prosa li{font-size:16px}
}