/*
 * Animaciones de tarjetas de serie.
 * El canvas se superpone a la imagen original; si WebGL no está disponible
 * la clase .has-serie-anim nunca se añade y la imagen sigue visible.
 */

/* Mayor especificidad que .site-main--series-hub .series-card__media en style.css */
.site-main--series-hub .series-card__media.has-serie-anim {
  /* Degradado radial compacto: negro en el centro de la mancha, transparente
     en las esquinas para que respire el fondo de la página. */
  background: #000;
}

.series-card__media.has-serie-anim .series-card__img {
  display: none;
}

.series-card-anim__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}