/* Animaciones de aparición con transición */
.animate-fadeInDown,
.animate-fadeInUp,
.animate-fadeInLeft,
.animate-fadeInRight {
  transition: all 0.8s ease-out;
}

.animate-fadeInDown {
  transform: translateY(-20px);
}
.animate-fadeInUp {
  transform: translateY(20px);
}
.animate-fadeInLeft {
  transform: translateX(-20px);
}
.animate-fadeInRight {
  transform: translateX(20px);
}
.opacity-0 {
  opacity: 0;
}

.visible {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* Para el menú móvil: mostrar/ocultar */
#mobileMenu {
  transition: all 0.3s ease-in-out;
}