.legal { width: min(100% - 32px, 760px); margin: 0 auto; padding: 2rem 0 5rem; }
.legal a.volver { text-decoration: none; color: var(--rojo); font-weight: 700; }
.legal h1 { font-size: clamp(3.2rem, 10vw, 5rem); margin: 1.5rem 0 1rem; }
.legal h2 { font-stretch: 90%; text-transform: uppercase; font-size: 1.15rem; margin: 2rem 0 .5rem; color: var(--menta-fuerte); }
.legal p, .legal li { color: var(--tinta-suave); }
.legal .pendiente { background: var(--amarillo); color: var(--tinta); padding: 0 .3em; border-radius: 4px; font-weight: 700; }