/* * Sistema de Gestión de Fichajes - Multi-Centro y Multi-Evento
 * Desarrollado por: Guillermo David Gámez Escobar
 * Fecha: 2026
 * Todos los derechos reservados. 
 * El uso no autorizado o reproducción de este código está prohibido.
 */
/* Colores Identidad ZOO */
:root {
    --zoo-green: #2d5a27;
    --zoo-dark: #1e3a1a;
    --zoo-in: #2d5a27;
    --zoo-out: #c62828;
    --zoo-barra: #007bff; /* Azul vibrante para la barra */
}

.bg-zoo-green { background-color: var(--zoo-green) !important; }
.bg-zoo-dark { background-color: var(--zoo-dark) !important; }
.text-zoo-dark { color: var(--zoo-dark); }
.text-zoo-light { color: var(--zoo-light); }

body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
/* Botones */
.btn-zoo-in { 
    background-color: var(--zoo-in) !important; 
    color: white !important; 
    border: none; 
}
.btn-zoo-out { 
    background-color: var(--zoo-out) !important; 
    color: white !important; 
    border: none; 
}

/* BOTONES: Forzar color en Hover */
/* Evitar que los botones se vuelvan blancos al pasar el cursor */
.btn-zoo-in:hover, .btn-zoo-out:hover {
    color: white !important; /* Mantiene el texto blanco */
    filter: brightness(0.9); /* Oscurece un poco el fondo en lugar de aclararlo */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

/* Forzar el color de fondo original en hover */
.btn-zoo-in:hover { background-color: var(--zoo-in) !important; }
.btn-zoo-out:hover { background-color: var(--zoo-out) !important; }

/* Lista de sugerencias con scroll si hay muchos */
#listaSugerencias {
    max-height: 300px;
    overflow-y: auto;
    z-index: 1050;
}

#listaSugerencias .list-group-item {
    cursor: pointer;
    transition: all 0.2s;
}

#listaSugerencias .list-group-item:hover {
    background-color: var(--zoo-light);
    padding-left: 25px;
}
/*2. Actualización del CSS (`public/zoo/zoo-style.css`)
Añadimos una transición suave para que la barra se mueva de forma fluida y no a saltos.
*/
/* Barra de progreso fluida */
.progress-bar.bg-zoo-green {
    background-color: #007bff !important; 
}

/* Color de advertencia cuando queda poco tiempo */
.bg-zoo-warning { background-color: #ffc107 !important; }
.bg-zoo-danger { background-color: #dc3545 !important; }