/* ══════════════════════
   LEGAL PAGES — contenido
══════════════════════ */
.legal-main {
    max-width: 780px;
    margin: 0 auto;
    padding: 140px 24px 90px;
}

.legal-main h1 {
    font-family: var(--font-h);
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 800;
    margin-bottom: 8px;
}

.legal-updated {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    margin-bottom: 40px;
}

.legal-main h2 {
    font-family: var(--font-h);
    font-size: clamp(19px, 3vw, 23px);
    font-weight: 700;
    margin: 40px 0 14px;
    color: var(--purple);
}

.legal-main p {
    font-size: 15.5px;
    line-height: 1.75;
    color: #242E3D;
    margin-bottom: 14px;
}

.legal-main ul {
    margin: 0 0 14px 22px;
}

.legal-main li {
    font-size: 15.5px;
    line-height: 1.75;
    color: #242E3D;
    margin-bottom: 8px;
}

.legal-main a {
    color: var(--purple);
    text-decoration: underline;
}

.legal-nav {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 36px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.legal-nav a {
    font-size: 14px;
    font-weight: 600;
    color: var(--purple);
    text-decoration: none;
}

.legal-nav a:hover {
    text-decoration: underline;
}

.legal-nav a.current {
    color: #242E3D;
    text-decoration: underline;
}