/**
 * Global animation styles for ITA Blocks with GSAP
 * GSAP maneja las animaciones, esto es solo para fallback
 */

/* Estado inicial - GSAP lo sobreescribirá */
.animate-on-scroll {
  opacity: 0;
}

/* Las animaciones de texto NO deben tener opacity 0 inicial */
.animate-on-scroll.text-reveal,
.animate-on-scroll.text-typing,
.animate-on-scroll.text-stagger,
.animate-on-scroll.text-chars {
  opacity: 1 !important; /* GSAP maneja la animación internamente */
}

/* Typewriter cursor */
.text-typing {
  display: inline-block;
}

/* Fallback para cuando GSAP no está disponible */
@supports not (animation: none) {
  .animate-on-scroll {
    opacity: 1;
  }
}

/* Respetar preferencias de accesibilidad */
@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .animate-on-scroll * {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}