/* ============================================================================
   Módulo · Login: CSS de la vista de acceso.
   ========================================================================== */
.login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.4em;
}

.login-caja {
    width: min(23em, 96vw);
    display: grid;
    gap: .85em;
    background: var(--panel);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    padding: 1.6em;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .5);
}

.login-titulo { font-size: 1.18em; }

.login-sub {
    color: var(--texto-suave);
    font-size: .92em;
    margin-top: -.4em;
}

.login-caja label {
    display: grid;
    gap: .3em;
    color: var(--texto-suave);
    font-size: .92em;
}

.login-clave-fila {
    display: flex;
    gap: .4em;
}

.login-clave-fila input { flex: 1; }

.login-entra {
    margin-top: .3em;
    background: linear-gradient(90deg, var(--marca-primario), var(--marca-secundario));
    font-weight: 600;
    padding: .7em;
}