/* Activación de Animate.css mediante IntersectionObserver */
:root {
  --animate-duration: 700ms;
}

.reveal.animate__animated {
  animation-play-state: paused;
}

.reveal.animate__animated.is-visible {
  animation-play-state: running;
}

@media (prefers-reduced-motion: reduce) {
  /*
   * Decisión del proyecto: conservar animaciones breves de entrada
   * incluso cuando el sistema solicita reducir el movimiento.
   */
  .animate__animated {
    animation-duration: var(--animate-duration) !important;
    animation-iteration-count: 1 !important;
  }
}