.legal { max-width: 760px; margin: 0 auto; padding: 40px 16px 80px; }
.legal a.volver { color: var(--tinta-2); text-decoration: none; }
.legal h1 { font: 600 clamp(2rem, 5vw, 2.8rem)/1.1 var(--sans); letter-spacing: -0.03em; margin: 28px 0 8px; }
.legal .fecha { color: var(--tinta-3); margin: 0 0 32px; font-size: 0.9rem; }
.legal h2 { font-size: 1.2rem; margin: 34px 0 8px; letter-spacing: -0.01em; }
.legal p, .legal li { color: var(--tinta-2); max-width: 70ch; }
.legal .aviso-pendiente { padding: 14px 16px; border-radius: 12px; background: var(--superficie); color: var(--tinta-2); }