/**
Agregue aquí sus estilos personalizados de css
*/

/**
 * Estilos para el próximo evento en vivo
 */

.onlive.is-next {
    background: #101828; /* Fondo oscuro */
    color: #fff; /* Texto en blanco */
}

.onlive.is-next .onlive-desc {
    color: rgba(255,255,255, 0.5); /* Descripción con opacidad reducida */
}

.onlive.is-next .onlive-horario {
    color: #fff; /* Horario en blanco */
}

/**
 * Estilo del botón del reproductor
 */

button.player-btn.variant:not(:hover) {
    background: #2d3540; /* Fondo gris oscuro para el botón cuando no está en hover */
    color: #fff; /* Texto en blanco */
}

/* Color de Fondo */
body {
    /* Cambie #fff por el color que necesite */
    background-color: #f0f0f0;
}

/* Color del de gradado que aparece justo por debajo de la caratula */
.player-backdrop:before {
    /* 
        El color #f0f0f0 es el que se muestre desde arriba hacía abajo
        El color #f0f0f0 es el que se muestra desde abajo hacía arriba
    */
    background: linear-gradient(#f0f0f0, #f0f0f0,);
}

/* Color de fondo del footer */
footer {
    background: linear-gradient(#000, #222);
}

/* Color de los enlaces en el footer */
footer a {
    color: #fff;
}