/* ══════════════════════════════════════════════════
   MOTORBOOST — Animations & Keyframes
   ══════════════════════════════════════════════════ */

/* ── Pulse (live dot) ── */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}

/* ── Stage transitions ── */
@keyframes stageIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes stageOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

/* ── Fade in ── */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Slide up ── */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Glow pulse (para perda-val) ── */
@keyframes glowPulse {
  0%, 100% { text-shadow: 0 0 50px rgba(224, 48, 48, 0.4); }
  50%       { text-shadow: 0 0 80px rgba(224, 48, 48, 0.7), 0 0 20px rgba(224, 48, 48, 0.5); }
}

.perda-val {
  animation: glowPulse 2.5s ease-in-out infinite;
}