/* =========================================================
   LEGAL — GlezSystem
   Usado por: aviso_privacidad.html, terminos.html
   Requiere que base.css se cargue primero
   ========================================================= */

.legal-page{
    max-width:720px;
    margin:0 auto;
    padding:56px 24px 80px;
}

.legal-page h1{
    font-size:1.9rem;
    font-weight:800;
    letter-spacing:-0.02em;
    margin-bottom:8px;
}

.legal-updated{
    font-size:.85rem;
    color:var(--text-muted);
    margin-bottom:36px;
    font-family:'JetBrains Mono', monospace;
}

.legal-page h2{
    font-size:1.1rem;
    font-weight:700;
    margin-top:32px;
    margin-bottom:10px;
    letter-spacing:-0.01em;
}

.legal-page p{
    color:var(--text-secondary);
    line-height:1.65;
    margin-bottom:10px;
}

.legal-page ul{
    margin:10px 0 10px 20px;
    color:var(--text-secondary);
    line-height:1.65;
}

.legal-page li{ margin-bottom:6px; }

.legal-page a{
    color:var(--accent);
    text-decoration:underline;
    text-underline-offset:2px;
}

.legal-final{
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid var(--border);
    font-weight:600;
    color:var(--text);
}