/* animaciones.css — microinteracciones y fondos */

@keyframes rayoPulse{
  0%{ opacity:.65; transform: translateY(0) scale(1); }
  50%{ opacity:.9; transform: translateY(-8px) scale(1.02); }
  100%{ opacity:.65; transform: translateY(0) scale(1); }
}

@keyframes popIn{
  0%{ transform: scale(.7); opacity:0; }
  60%{ transform: scale(1.08); opacity:1; }
  100%{ transform: scale(1); }
}

.fade-in-up{
  animation: fadeInUp .35s ease both;
}
@keyframes fadeInUp{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}
/* Micro-animaciones de entrada */
@keyframes fadeSlideIn {
  from { opacity:0; transform: translateY(6px); }
  to   { opacity:1; transform: translateY(0); }
}
.menu-item-animate { animation: fadeSlideIn .24s ease both; }

/* === Animaciones del check === */
@keyframes check-in {
  0%   { transform: scale(.85); opacity: 0; }
  55%  { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
}

@keyframes check-tick {
  0%   { transform: scale(.8);  opacity: 0; }
  60%  { transform: scale(1.02); opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
}

@keyframes check-ring {
  0%   { opacity: 0; transform: scale(.65); }
  35%  { opacity: 1; }
  100% { opacity: 0; transform: scale(1.2); }
}