/* Páginas legales: reutilizan los tokens de styles.css */
.legal-top { background: var(--white); border-bottom: 1px solid var(--gray); }
.legal-top .wrap { height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; }
.legal-top a:not(.logo) { font-weight: 600; font-size: 0.9375rem; text-decoration: none; }
.legal { max-width: 760px; margin: 0 auto; padding: 64px var(--gutter) 96px; }
.legal h1 { font-size: clamp(2.25rem, 5vw, 3rem); margin-bottom: 12px; }
.legal .updated { color: var(--text-muted); font-size: 0.9375rem; margin-bottom: 40px; }
.legal h2 { font-size: 1.5rem; margin: 40px 0 12px; }
.legal p, .legal li { margin-bottom: 12px; }
.legal ul { padding-left: 1.25em; }
.notfound { text-align: left; padding-top: 96px; }
.notfound__code { font-family: var(--font-title); font-weight: 800; font-size: clamp(4rem, 12vw, 7rem); line-height: 1; color: var(--gray); }
.notfound h1 { margin-top: 8px; }
.notfound .lead { margin-top: 16px; }
.notfound__actions { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.btn--ghost { background: var(--white); color: var(--blue); border-color: var(--blue); }
.btn--ghost:hover { background: #EEF4FC; }
.pending { background: var(--warn-bg); padding: 0 4px; border-radius: 3px; color: var(--navy); }