@charset "UTF-8";

.carrusel-fundido {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: auto;
  overflow: hidden;
  background-color: #000;
}

.carrusel-fundido img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
  /* Transición suave de 1.5 segundos para el efecto de fundido */
  transition: opacity 1500ms ease-in-out, z-index 0s 1500ms;
}

/* Enlace invisible opcional que cubre toda la pantalla arriba de las fotos */
.carrusel-fundido img.activo {
  opacity: 1;
  z-index: 2;
  transition: opacity 1500ms ease-in-out, z-index 0s 0s;
}

.enlace-total {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}

/* Tiempos de retraso corregidos correlativamente de 4 en 4 segundos */
.carrusel-fundido img:nth-child(1) { animation-delay: 0s; }
.carrusel-fundido img:nth-child(2) { animation-delay: 4s; }
.carrusel-fundido img:nth-child(3) { animation-delay: 8s; }
.carrusel-fundido img:nth-child(4) { animation-delay: 12s; }
.carrusel-fundido img:nth-child(5) { animation-delay: 16s; }
.carrusel-fundido img:nth-child(6) { animation-delay: 20s; }
.carrusel-fundido img:nth-child(7) { animation-delay: 24s; }
.carrusel-fundido img:nth-child(8) { animation-delay: 28s; }
.carrusel-fundido img:nth-child(9) { animation-delay: 32s; }
.carrusel-fundido img:nth-child(10) { animation-delay: 36s; }
.carrusel-fundido img:nth-child(11) { animation-delay: 40s; }
.carrusel-fundido img:nth-child(12) { animation-delay: 44s; }
.carrusel-fundido img:nth-child(13) { animation-delay: 48s; }
.carrusel-fundido img:nth-child(14) { animation-delay: 52s; }
.carrusel-fundido img:nth-child(15) { animation-delay: 56s; }
.carrusel-fundido img:nth-child(16) { animation-delay: 60s; }
.carrusel-fundido img:nth-child(17) { animation-delay: 64s; }
.carrusel-fundido img:nth-child(18) { animation-delay: 68s; }
.carrusel-fundido img:nth-child(19) { animation-delay: 72s; }
.carrusel-fundido img:nth-child(20) { animation-delay: 76s; }
.carrusel-fundido img:nth-child(21) { animation-delay: 80s; }
.carrusel-fundido img:nth-child(22) { animation-delay: 84s; }
.carrusel-fundido img:nth-child(23) { animation-delay: 88s; }
.carrusel-fundido img:nth-child(24) { animation-delay: 92s; }
.carrusel-fundido img:nth-child(25) { animation-delay: 96s; }
.carrusel-fundido img:nth-child(26) { animation-delay: 100s; }
.carrusel-fundido img:nth-child(27) { animation-delay: 104s; }
.carrusel-fundido img:nth-child(28) { animation-delay: 108s; }
.carrusel-fundido img:nth-child(29) { animation-delay: 112s; }
.carrusel-fundido img:nth-child(30) { animation-delay: 116s; }
.carrusel-fundido img:nth-child(31) { animation-delay: 120s; }
.carrusel-fundido img:nth-child(32) { animation-delay: 124s; }
.carrusel-fundido img:nth-child(33) { animation-delay: 128s; }
.carrusel-fundido img:nth-child(34) { animation-delay: 132s; }

/* Control matemático del fundido para un ciclo total de 136 segundos */
@keyframes fundido {
  0% { opacity: 0; z-index: 1; }
  0.5% { opacity: 1; z-index: 2; }       /* Aparece suavemente en aprox. 0.6s */
  2.44% { opacity: 1; z-index: 2; }      /* Se mantiene fija visible hasta el segundo 3.3 */
  2.94% { opacity: 0; z-index: 1; }      /* Desaparece con fundido hacia la siguiente */
  100% { opacity: 0; z-index: 1; }     /* Se queda invisible el resto del tiempo de la lista */
}