/* Páginas legales: texto cómodo de leer en celular y compu */
.legal { max-width: 760px; padding-top: 24px; padding-bottom: 64px; }
.legal h1 { font-size: clamp(28px, 5vw, 38px); margin-top: 8px; }
.legal h2 { font-size: 21px; margin: 32px 0 8px; }
.legal p, .legal li { color: var(--texto); }
.legal ul { padding-left: 22px; }
.legal li { margin-bottom: 8px; }
.legal .fecha { color: var(--texto-suave); font-size: 15px; }
.legal .borrador { background: #fff8e6; border: 1px solid #f5d27a; border-radius: var(--radio); padding: 12px 14px; font-size: 15px; }
.legal .volver { margin-top: 40px; }