/* Página legal — reutiliza los tokens de css/styles.css */
.legal-header { padding: 28px 0; border-bottom: 1px solid var(--line); }
.legal-header .wrap { display: flex; align-items: center; justify-content: space-between; }
.legal-back { font-family: var(--font-signage); font-size: 0.82rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-soft); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.legal-back:hover { color: var(--route-deep); }
.legal-main { padding: 56px 0 80px; }
.legal-main .wrap { max-width: 720px; }
.legal-main .eyebrow { margin-bottom: 14px; }
.legal-main h1 { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 2.6rem); margin-bottom: 8px; }
.legal-updated { color: var(--ink-soft); font-size: 0.88rem; margin-bottom: 40px; }
.legal-body h2 { font-size: 1.3rem; margin-top: 40px; margin-bottom: 12px; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body p { color: var(--ink-soft); font-size: 1rem; max-width: 62ch; margin-top: 12px; }
.legal-body p:first-of-type { margin-top: 0; }
.legal-body strong { color: var(--ink); }
.legal-nav { display: flex; gap: 24px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.legal-nav a { font-size: 0.92rem; color: var(--route-deep); text-decoration: none; font-weight: 600; }
.legal-nav a:hover { text-decoration: underline; }