/* Custom CSS para agrandar logo GLPI login */
.welcome-anonymous .glpi-logo {
    display: inline-block;
    width: 300px; /* tamaño deseado */
    height: auto;
    background-image: url("../pics/logos/logo-GLPI-250-black.png"); /* ruta relativa desde css/ */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1.5rem; /* espacio con la card */
}

/* Botón ingresar login */
body.welcome-anonymous button.btn.btn-primary {
    background-color: #1B2C65 !important;
    border-color: #1B2C65 !important;
}

body.welcome-anonymous button.btn.btn-primary:hover {
    background-color: #15224f !important;
    border-color: #15224f !important;
}

/* Cambiar color del borde al enfocar los campos de login */
body.welcome-anonymous .form-control:focus {
    border-color: #F58220 !important;
    box-shadow: 0 0 0 0.2rem rgba(245, 130, 32, 0.25) !important;
}

/* Cambiar color del foco en checkbox Recordarme */
body.welcome-anonymous input[type="checkbox"]:focus {
    outline: 2px solid #F58220 !important;
    outline-offset: 2px !important;
}

/* Cambiar color del check en checkbox Recordarme */
body.welcome-anonymous input[type="checkbox"] {
    accent-color: #F58220;
}

/* Checkbox Recordarme */
body.welcome-anonymous input[type="checkbox"] {
    accent-color: #F58220; /* color de la flecha y foco moderno */
}

/* Forzar background del checkbox marcado */
body.welcome-anonymous input[type="checkbox"]:checked {
    background-color: #F58220 !important;
    border-color: #F58220 !important;
}

/* Fondo del recuadro de login */
body.welcome-anonymous .card.card-md {
    background-color: #e0e0e0; /* gris claro, ajustalo a tu gusto */
    border: 1px solid #ccc;     /* opcional, para definir un borde sutil */
    box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* opcional, da un leve relieve */
}