/* Estilos Generales */
body {
    font-family: sans-serif; /* Puedes ajustar la fuente */
    color: white; /* Color de texto general blanco */
}

.bg-primary {
    background-color: #0040e3 !important; /* Azul Bimbo (ajusta si es necesario) */
}

.bg-light {
    background-color: #f8f9fa !important; /* Fondo claro para el dashboard */
}

.logo-bimbo {
    /* max-width: 200px; */
}

.video-container {
    position: relative; /* Para posicionar la superposición */
    margin-top: 1%;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente si deseas */
    z-index: 10; /* Asegurar que esté por encima del video */
}

.overlay img {
    width: 100%;
    height: 100%;
}

/* Estilos Adicionales (puedes personalizarlos más) */
.btn-primary {
    background-color: #FF7F00; /* Naranja Bimbo (ajusta si es necesario) */
    border-color: #FF7F00;
}

.btn-primary:hover {
    background-color: #E67400;
    border-color: #E67400;
}

.btn-success {
    background-color: #00C853; /* Verde Bimbo (ajusta si es necesario) */
    border-color: #00C853;
}

.btn-success:hover {
    background-color: #00A344;
    border-color: #00A344;
}

.btn-secondary {
    background-color: #6c757d; /* Gris Bootstrap por defecto */
    border-color: #6c757d;
}

.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* Sutil sombra */
}