/* ANIMACION DEL CAMBIO DEL TEMA  */
html.lento,
html.lento *,
html.lento *::before,
html.lento *::after,
html.lento text,
html.lento a,
html.lento .nav-link {
  transition-property:
    background-color, border-color, color, opacity, box-shadow, transform, fill,
    scrollbar-color, stroke !important;

  transition-duration: 3600ms !important;
  transition-timing-function: ease-in-out !important;
  transition-delay: 0s !important;
}

/* ANIMACIONES  */
@keyframes glowMove {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  50% {
    transform: translate(-05%, -65%) scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
}

.glow-anim {
  animation: glowMove 6s ease-in-out infinite;
}

/* <!-- ESTRUCTURA DEL CARRUSEL-->  */
@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.marquee-left {
  animation: marquee-left 15s linear infinite;
}

.marquee-right {
  animation: marquee-right 15s linear infinite;
}