/* ================================================================
   LEGAL — Páginas de Política de Privacidad y Términos
   ================================================================ */

.legal {
    max-width: var(--container-md);
    margin-inline: auto;
}

.legal__updated {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-xl);
}

.legal__intro {
    font-size: var(--text-lg);
    margin-bottom: var(--space-2xl);
}

.legal__section + .legal__section {
    margin-top: var(--space-2xl);
}

.legal__heading {
    font-size: var(--text-xl);
    color: var(--color-primary);
    margin-bottom: var(--space-md);
}

.legal__section p + p,
.legal__section p + .legal__list,
.legal__list + p {
    margin-top: var(--space-md);
}

.legal__list {
    display: grid;
    gap: var(--space-sm);
    padding-left: var(--space-lg);
    list-style: disc;
}

.legal__list li::marker {
    color: var(--color-secondary);
}

.legal__link {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal__link:hover {
    color: var(--color-secondary);
}