/* assets/dz-legal.css — páginas legales: lectura cómoda, sin adornos. */
.legal { max-width: 760px; margin: 0 auto; padding: 2rem 1.5rem 4rem; color: var(--text-dim); line-height: 1.7; }
.legal h1 { color: var(--text); font-size: clamp(1.8rem, 4vw, 2.6rem); margin: .4rem 0 .4rem; }
.legal h2 { color: var(--text); font-size: 1.15rem; margin: 2.4rem 0 .7rem; }
.legal ul { padding-left: 1.2rem; }
.legal li { margin: .35rem 0; }
.legal a { color: var(--text); }
.legal-eyebrow { font-family: "Space Mono", monospace; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--text-faint); }
.legal-updated { font-size: .85rem; color: var(--text-faint); }
.legal-nav { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin: 1.6rem 0 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); font-size: .88rem; }
.legal-footer { text-align: center; padding: 2rem 1rem 4rem; font-size: .88rem; }
.legal-footer a { color: var(--text-dim); }
/* Dato sin rellenar: muy visible a propósito. El build de producción se
   niega a publicar una página que lo contenga. */
mark.pendiente { background: #fde68a; color: #111; padding: 0 .25em; border-radius: 3px; font-size: .92em; }

/* Sin la cabecera de la tienda: solo el logo, como en las páginas de cuenta. */
.legal-top { max-width: 760px; margin: 0 auto; padding: 2.5rem 1.5rem 0; }
.legal-logo { font-size: 1.4rem; color: var(--text); text-decoration: none; }