/* Movimiento continuo de las cintas en escritorio y móvil. */
.channel-track,
.poster-track {
  animation-play-state: running !important;
  will-change: transform;
  backface-visibility: hidden;
}

.channel-strip:hover .channel-track,
.poster-shell:hover .poster-track {
  animation-play-state: running !important;
}

@media (prefers-reduced-motion: reduce) {
  .channel-track {
    animation: channels-scroll 58s linear infinite !important;
  }

  .poster-track {
    animation: premieres-scroll 70s linear infinite !important;
  }
}

/* En pantallas verticales se muestra el ancho completo del fondo. */
@media (max-width: 620px) {
  body {
    background:
      linear-gradient(180deg, rgba(7, 8, 13, .06), rgba(7, 8, 13, .34) 32rem, #07080d 58rem),
      url("../app-background-energy.png") center top / 100% auto no-repeat,
      #07080d !important;
    background-attachment: scroll !important;
  }
}