/* =========================================================
   TECNUTRAL — animations.css
   Animaciones elegantes y discretas: hover, fade, slide, scale.
   ========================================================= */

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

@keyframes slideUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

.fade-in { animation: fadeIn var(--transition-slow) ease both; }
.slide-up { animation: slideUp var(--transition-slow) ease both; }
.scale-in { animation: scaleIn var(--transition-base) ease both; }

/* Respeta la preferencia de movimiento reducido del usuario */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}