/* ================================================================
   Paginas legais (/privacidade e /termos). Sairam da home em
   08/11/2026 para encurtar a pagina inicial; o texto e o mesmo que
   ficava na secao "Privacidade e uso responsavel". Mesma paleta e
   tipografia das landings (landing.css carrega antes deste arquivo).
   ================================================================ */
.lp-legal main{position:relative;z-index:10;max-width:820px;margin:0 auto;padding:28px 24px 48px}
.legal-page .legal-kicker{font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#99f6e4;margin:0 0 10px}
.legal-page h1{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.12;margin:0 0 8px;text-wrap:balance}
.legal-page .legal-meta{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 22px}
.legal-page .legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.legal-nav a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-decoration:none;font-size:.84rem;line-height:1.3}
.legal-nav a:hover{color:var(--white);border-color:rgba(255,255,255,.25)}
.legal-nav a[aria-current="page"]{border-color:rgba(45,212,191,.6);color:#99f6e4;background:rgba(45,212,191,.08)}
.legal-page p,.legal-page li{color:var(--muted);font-size:.96rem;line-height:1.72}
.legal-page p{margin:0 0 14px}
.legal-page ul:not(.legal-nav){display:grid;gap:10px;margin:6px 0 18px;padding-left:20px}
.legal-page li strong,.legal-page p strong{color:var(--white)}
.legal-subtitle{font-family:'Playfair Display',serif;font-size:1.4rem;line-height:1.2;margin:34px 0 10px;color:var(--white);scroll-margin-top:24px}
.legal-callout{margin:18px 0 0;border:1px solid rgba(45,212,191,.24);border-radius:16px;background:rgba(45,212,191,.07);padding:14px 16px;color:#dffcf8;font-size:.9rem;line-height:1.6}
.legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}
.legal-link{color:#99f6e4;text-decoration:underline;text-underline-offset:3px}
.legal-link:hover{color:#ccfbf1}
@media (max-width:640px){
  .lp-legal main{padding:20px 16px 40px}
  .legal-page p,.legal-page li{font-size:.93rem}
}