/* Estilos para animaciones */
.scroll-animation {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.animate__animated {
  --animate-duration: 1s;
  opacity: 1;
}

/* Duración personalizada para diferentes animaciones */
.animate__zoomInLeft, 
.animate__zoomInRight {
  animation-duration: 1.2s;
  animation-fill-mode: both;
}

/* Alias para soportar inline style="animation: slideInUp" del H1 */
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}