/* ===== 9GO — Páginas legais (Termos, Privacidade, IA) ===== */
.legal-hero{
  padding:60px 0 40px;
  background:
    radial-gradient(900px 380px at 85% -10%,rgba(201,160,46,.14),transparent 60%),
    linear-gradient(180deg,#fff,var(--cream) 140%);
  border-bottom:1px solid var(--line);
}
.legal-hero .kicker{
  display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
  padding:7px 16px;border-radius:60px;font-size:.82rem;font-weight:700;color:var(--gold-dark);
  box-shadow:var(--shadow);margin-bottom:18px;text-transform:uppercase;letter-spacing:.06em;
}
.legal-hero h1{font-size:2.6rem;letter-spacing:-.5px;margin-bottom:12px}
.legal-hero p.meta{color:var(--muted);font-size:.98rem}
.legal-hero p.meta b{color:var(--ink-2)}

.legal-wrap{padding:52px 0 72px;background:#fff}
.legal-doc{max-width:820px;margin:0 auto}
.legal-doc h2{
  font-size:1.5rem;margin:38px 0 12px;padding-top:10px;color:var(--ink);
  scroll-margin-top:90px;
}
.legal-doc h2:first-child{margin-top:0}
.legal-doc h3{font-size:1.12rem;margin:22px 0 8px;color:var(--ink-2)}
.legal-doc p{color:var(--ink-2);margin-bottom:14px;font-size:1.02rem}
.legal-doc ul,.legal-doc ol{margin:0 0 16px 22px;color:var(--ink-2)}
.legal-doc li{margin-bottom:8px;font-size:1.02rem}
.legal-doc a{color:var(--gold-dark);font-weight:600}
.legal-doc a:hover{text-decoration:underline}
.legal-doc strong{color:var(--ink)}

.legal-card{
  background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin:0 0 26px;
}
.legal-card h3{margin-top:0}
.legal-card p:last-child{margin-bottom:0}

.legal-note{
  border-left:4px solid var(--gold);background:#fdf9ee;border-radius:8px;
  padding:14px 18px;margin:18px 0;color:var(--ink-2);font-size:.98rem;
}

.legal-toc{
  background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;margin-bottom:34px;
}
.legal-toc strong{display:block;margin-bottom:10px;font-family:'Poppins',sans-serif;color:var(--ink)}
.legal-toc ol{margin:0 0 0 20px;columns:2;column-gap:32px}
.legal-toc li{margin-bottom:6px;font-size:.96rem}
.legal-toc a{color:var(--ink-2);font-weight:500}
.legal-toc a:hover{color:var(--gold-dark)}

.back-home{
  display:inline-flex;align-items:center;gap:7px;margin-top:36px;font-weight:600;
  color:var(--gold-dark);font-family:'Poppins',sans-serif;
}
.back-home:hover{gap:11px;transition:.2s}

@media(max-width:720px){
  .legal-hero h1{font-size:2rem}
  .legal-toc ol{columns:1}
}