/* ------------------------------------------------------------------
 *  Marca CENIT — página de login
 *
 *  Se le da a la pantalla un fondo navy de marca y se usa el lockup en
 *  negativo (transparente) encima; la tarjeta del formulario queda blanca.
 *  GLPI 11 pinta el logo del login como `content: var(--logo)` sobre el
 *  <span.glpi-logo>, con --logo := --glpi-logo-dark-login (tema claro).
 * ------------------------------------------------------------------ */

:root {
    --primary: #0032AB;
    --primary-rgb: 0, 50, 171;
    --secondary: #4D667F;

    --glpi-logo-dark-login:  url("/plugins/cenitbrand/img/logo-neg.png");
    --glpi-logo-light-login: url("/plugins/cenitbrand/img/logo-neg.png");
}

/* Fondo de marca */
body.welcome-anonymous,
.page-anonymous {
    background: linear-gradient(160deg, #0032AB 0%, #002071 55%, #001444 100%) !important;
}

/* Lockup en negativo sobre el fondo navy */
.page-anonymous .glpi-logo {
    width: 240px;
    height: 104px;
    object-fit: contain;
}

/* La tarjeta del formulario, blanca y con algo de aire */
.page-anonymous .card.main-content-card {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

/* Texto de pie ("¿Olvidó su contraseña?", etc.) legible sobre navy */
.page-anonymous .text-muted {
    color: rgba(255, 255, 255, 0.75) !important;
}

.page-anonymous .btn-primary {
    background-color: #0032AB;
    border-color: #0032AB;
}