/* Páginas legais (Termos de Uso e Política de Privacidade): texto longo, leitura confortável. */
.legal { padding: var(--space-12) 0 var(--space-16); }
.legal-corpo { width: min(760px, 100% - var(--space-12)); margin-inline: auto; }
.legal-corpo h1 { font-size: clamp(30px, 4vw, 44px); margin-bottom: var(--space-2); }
.legal-corpo .legal-versao { color: var(--color-text-3); font-size: 14px; margin-bottom: var(--space-8); }
.legal-corpo h2 { font-size: 22px; margin: var(--space-8) 0 var(--space-3); }
.legal-corpo h3 { font-size: 17px; margin: var(--space-5) 0 var(--space-2); }
.legal-corpo p, .legal-corpo li { font-size: 16px; line-height: 1.65; color: var(--color-text-2); }
.legal-corpo p { margin: 0 0 var(--space-3); }
.legal-corpo ul, .legal-corpo ol { padding-left: var(--space-6); margin: 0 0 var(--space-4); }
.legal-corpo li { margin-bottom: var(--space-2); }
.legal-corpo a { color: var(--color-primary-dark); }
.legal-indice { background: var(--color-surface); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6); margin-bottom: var(--space-8); }
.legal-indice ol { margin: 0; columns: 2; column-gap: var(--space-8); }
.legal-quadro { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6); margin: var(--space-4) 0; }
.legal-quadro p { margin: 0 0 var(--space-1); }
@media (max-width: 640px) { .legal-indice ol { columns: 1; } }