/* Páginas de Termos e Privacidade: texto longo, fácil de ler. */
.legal { max-width: 780px; padding-top: 50px; padding-bottom: 110px; }
.legal .back { display: inline-flex; gap: 10px; padding: 10px 18px; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 14px; color: var(--muted); transition: 0.3s; }
.legal .back:hover { color: var(--text); border-color: rgba(241, 213, 149, 0.4); }
.legal h1 { font-size: clamp(38px, 6vw, 64px); margin: 34px 0 10px; }
.legal .updated { color: var(--faint); font-size: 14px; margin-bottom: 30px; }
.legal p, .legal li { color: #c3c9d6; font-size: 16.5px; line-height: 1.75; }
.legal p + p, .legal ul + p { margin-top: 14px; }
.legal b { color: var(--text); font-weight: 500; }
.legal a:not(.back) { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(241, 213, 149, 0.4); }
.legal .toc { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; margin: 34px 0 10px; padding: 24px 26px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
.legal .toc a { color: var(--muted); text-decoration: none; font-size: 14.5px; }
.legal .toc a:hover { color: var(--text); }
.legal section { padding: 0; margin-top: 46px; scroll-margin-top: 90px; }
.legal section::before { display: none; }
.legal h2 { font-size: 26px; letter-spacing: -0.03em; margin-bottom: 14px; }
.legal ul { margin: 14px 0 0 20px; display: grid; gap: 10px; }
.legal li::marker { color: var(--accent); }
.legal .contact { margin-top: 56px; padding: 28px 30px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
.legal .contact h2 { margin-bottom: 8px; }
.foot-links a:hover { color: var(--text); }
@media (max-width: 600px) { .legal .toc { grid-template-columns: 1fr; } }