/* Custom animations for acercade.html */
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes smooth-appear {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.animate-fade-in {
  animation: fade-in 1s ease-out forwards;
}

.animate-slide-in {
  animation: slide-in 1.2s ease-out forwards;
}

.animate-smooth-appear {
  animation: smooth-appear 0.8s ease-out forwards;
}

/* Icon hover animation */
.icon-hover:hover {
  animation: bounce 0.6s ease-in-out;
}