/* ============================================================
   legal.css — Aviso de Privacidad / Términos de Uso
   Páginas públicas (@layout LoginLayout, ver Login.razor) — a
   diferencia de login.css, aquí el contenido puede ser largo, así
   que .legal-wrapper maneja su PROPIO scroll dentro del contenedor
   fijo (.public-layout, 100dvh + overflow:hidden en login.css),
   mismo patrón que .login-wrapper.
   ============================================================ */

.legal-wrapper {
    height: 100vh;
    height: 100dvh;
    width: 100%;
    overflow-y: auto;
    background: #F4F6F8;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 2.5rem 1.25rem 3rem;
    box-sizing: border-box;
}

.legal-card {
    max-width: 760px;
    margin: 0 auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 14px rgba(20, 40, 60, 0.08);
    padding: 2.2rem 2rem 2.6rem;
    color: #263340;
}

.legal-card img.legal-logo {
    height: 40px;
    display: block;
    margin-bottom: 1.2rem;
}

.legal-card h1 {
    font-size: 1.5rem;
    color: #16324A;
    margin: 0 0 0.3rem;
}

.legal-card .legal-updated {
    font-size: 0.8rem;
    color: #7C8B99;
    margin: 0 0 1.6rem;
}

.legal-card h2 {
    font-size: 1.05rem;
    color: #16324A;
    border-left: 4px solid #1C91CA;
    padding-left: 0.6rem;
    margin: 1.6rem 0 0.6rem;
}

.legal-card p, .legal-card li {
    font-size: 0.92rem;
    line-height: 1.55;
    color: #3C4A57;
}

.legal-card ul {
    margin: 0.3rem 0 0.6rem;
    padding-left: 1.2rem;
}

.legal-card a {
    color: #1C91CA;
}

.legal-back {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: #1C91CA;
    text-decoration: none;
}

.legal-back:hover {
    text-decoration: underline;
}