/* Keyframes / animaciones generales
   (archivo: css/base/animations.css) */
/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes cardIn {
  from { opacity: 0; transform: translateY(22px) scale(0.93); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes greenPulse {
  0%,100% { box-shadow: 0 0 10px rgba(57,255,20,0.35), var(--shadow-card); }
  50%     { box-shadow: 0 0 22px rgba(57,255,20,0.65), var(--shadow-card); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes fadeInDetail {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes missionSlide {
  from { opacity: 0; transform: translateX(18px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes titlePop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.03); }
  100% { transform: scale(1); }
}

.shimmer-text {
  background: linear-gradient(90deg, var(--yellow-bright) 0%, #fff8a0 38%, var(--yellow-bright) 58%, #ff8c00 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: shimmer 3s linear infinite;
  display: inline-block;
}