/* Páginas legales (Términos, Privacidad) — scrolleables, legibles, on-brand */
html:has(.legal-body) { overflow: auto; height: auto; }
.legal-body {
    overflow: auto;
    height: auto;
    min-height: 100vh;
    background: var(--bg-1);
    color: var(--tx-1);
    padding: 3rem 1.2rem 4rem;
    -webkit-font-smoothing: antialiased;
}
.legal-wrap {
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.65;
    font-size: 15px;
}
.legal-wrap .auth-back { display: inline-block; margin-bottom: 1.4rem; }
.legal-kicker {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: .16em;
    color: var(--c-green);
    margin-bottom: .4rem;
}
.legal-wrap h1 {
    font-size: clamp(26px, 5vw, 36px);
    font-weight: 900;
    line-height: 1.1;
    color: var(--tx-0);
    margin-bottom: .4rem;
}
.legal-fecha { font-size: 13px; color: var(--tx-3); margin-bottom: 2rem; }
.legal-sec { margin-bottom: 1.8rem; }
.legal-sec h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--tx-0);
    margin-bottom: .5rem;
    padding-top: .3rem;
}
.legal-sec p { margin-bottom: .7rem; color: var(--tx-1); }
.legal-sec ul { margin: 0 0 .7rem 1.1rem; padding: 0; }
.legal-sec li { margin-bottom: .45rem; }
.legal-wrap a { color: var(--c-cyan); text-decoration: none; }
.legal-wrap a:hover { text-decoration: underline; }
.legal-wrap strong { color: var(--tx-0); }
.legal-nota {
    font-size: 13px;
    color: var(--tx-3);
    border-left: 2px solid var(--bg-5);
    padding-left: .8rem;
    margin: 2rem 0;
    font-style: italic;
}
.legal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-top: 2.5rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--bg-4);
    font-size: 13px;
}
.legal-footer span { color: var(--tx-4); }
.legal-copy { margin-left: auto; color: var(--tx-3) !important; font-family: var(--font-mono); font-size: 12px; }
@media (max-width: 560px) { .legal-copy { margin-left: 0; width: 100%; } }