/* ============ PÁGINA LEGAL (Nosotros / Privacidad / Términos) ============ */
.legal-page {
    padding-top: calc(var(--navbar-h) + var(--navbar-gap) + var(--space-xl));
    padding-bottom: var(--space-2xl);
    background: var(--color-bg-soft);
}
.legal-page__inner {
    max-width: 900px;
    margin-inline: auto;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-2xl) var(--space-xl);
}
@media (max-width: 600px) {
    .legal-page__inner { padding: var(--space-xl) var(--space-lg); }
}

.legal-page__head { padding-bottom: var(--space-lg); border-bottom: 1px solid var(--color-border); }
.legal-page__title {
    font-family: var(--font-display); font-weight: 900; font-size: var(--text-3xl);
    line-height: var(--leading-tight); letter-spacing: -0.02em; color: var(--color-text);
}
.legal-page__meta { margin-top: var(--space-sm); font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-text-faint); }

.legal-page__intro { margin-top: var(--space-lg); font-size: var(--text-lg); color: var(--color-text-muted); line-height: var(--leading-base); }
.legal-page__intro + .legal-page__intro { margin-top: var(--space-sm); }

.legal-page__section { margin-top: var(--space-2xl); }
.legal-page__section-title {
    font-family: var(--font-display); font-weight: 800; font-size: var(--text-xl);
    color: var(--color-text); margin-bottom: var(--space-md);
}
.legal-page__sub-title { font-weight: 700; font-size: var(--text-base); color: var(--color-text); margin: var(--space-md) 0 var(--space-xs); }
.legal-page__body p, .legal-page__body li {
    font-size: var(--text-base); color: var(--color-text-muted); line-height: var(--leading-base); margin-bottom: var(--space-sm);
}
.legal-page__body ul { list-style: disc; padding-left: 1.3rem; }
.legal-page__body li { margin-bottom: var(--space-xs); }
.legal-page__body li::marker { color: var(--color-text-faint); }
.legal-page__body a { color: var(--color-accent); font-weight: 600; }
.legal-page__body a:hover { text-decoration: underline; }

.legal-page__contact-box {
    margin-top: var(--space-sm); padding: var(--space-lg);
    background: var(--color-accent-subtle); border-radius: var(--radius-md);
    font-size: var(--text-sm); color: var(--color-text); line-height: var(--leading-base);
}
.legal-page__contact-box strong { display: block; margin-bottom: var(--space-xs); font-size: var(--text-base); }
.legal-page__contact-box a { color: var(--color-accent); font-weight: 600; }