/* Páginas legales (términos y aviso de privacidad): lectura cómoda en el teléfono. */
.legal { display: grid; gap: 14px; padding: 32px 0 56px; max-width: 70ch; }
.legal h2 { font-size: 1.15rem; margin-top: 14px; scroll-margin-top: 16px; }
.legal p, .legal li { line-height: 1.6; text-wrap: pretty; }
.legal ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.legal mark { background: var(--warn-soft); color: var(--warn-ink); padding: 0 4px; border-radius: 6px; font-weight: 700; }
.legal__toc { display: grid; gap: 4px; padding: 14px 18px; border-radius: var(--r-sm); background: var(--surface); box-shadow: var(--shadow); }
.legal__toc a { text-decoration: none; font-weight: 700; padding: 4px 0; }
.legal__short { display: grid; gap: 8px; padding: 16px 18px; border-radius: var(--r-sm); background: var(--t-lila); }
.legal__short h2 { margin-top: 0; }
.legal__short p { margin: 0; }