/* css/animations.css */

/* Fade in up animation for scroll */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Counter basic animation handled via JS requestAnimationFrame */
/* Keyframe to ensure elements load smoothly */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes countUp {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Hover lift on cards */
.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  transition: var(--transition);
}

/* Ensure featured pricing card overrides hover slightly differently if needed */
.pricing-card.featured:hover {
  transform: scale(1.05) translateY(-6px);
}
@media (max-width: 992px) {
  .pricing-card.featured:hover {
    transform: translateY(-6px);
  }
}

/* Button pulse on hover (Optional, applied to primary buttons) */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(77, 184, 72, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(77, 184, 72, 0); }
  100% { box-shadow: 0 0 0 0 rgba(77, 184, 72, 0); }
}

.btn-secondary:hover, .btn-whatsapp:hover {
  animation: pulse 1.5s infinite;
}

/* Mobile Menu Slide Down */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main-nav.active {
  animation: slideDown 0.3s ease forwards;
}