/*.player {*/
/*  padding: 1vw;*/
/*}*/


/*.player-cover-image {*/
/*  ;*/
/*  animation: bga 60s linear infinite;*/
/*}*/

/*@keyframes bga {*/
/*  50% {*/
/*    transform: scale(2)*/
/*  }*/
/*}*/

/*.items-start {*/
/*  align-items: flex-start;*/
/*  margin-top: 15px;*/
/*}*/

.player-button {
  font-weight: 700;
}

.player-program {

  background-image: linear-gradient(transparent, rgb(0 0 0 / 98%));

}

.player-program-badge {
  font-weight: 700;

}

/* Color del header - Solo en móvil */
@media (max-width: 991px) {
  .header {
    background: #FFFFFF !important;
    box-shadow: var(--shadow-l);
  }
}

/* En desktop mantener transparente */
@media (min-width: 992px) {
  .header {
    background: transparent !important;
  }
}

/* Maximizar el tamaño del logo del header */
.header-logo-img {
  height: 60px !important; /* Aumentar de 40px a 60px en móvil */
  max-height: 60px !important;
  width: auto !important;
}

/* En desktop, hacer el logo aún más grande */
@media (min-width: 992px) {
  .header-logo-img {
    max-height: 8vw !important; /* Aumentar de 5vw a 8vw */
    height: auto !important;
    width: auto !important;
  }
}

/* En pantallas muy grandes, limitar el tamaño máximo */
@media (min-width: 1200px) {
  .header-logo-img {
    max-height: 120px !important; /* Límite máximo de 120px */
  }
}