/* src/global/css/animations.css */

/* --- MOTOR DE PÉTALAS --- */
.petal {
  position: fixed;
  top: -20px;
  background: var(--sakura-petal-color, #d4a0aa);
  border-radius: 15px 0px 15px 0px;
  pointer-events: none;
  z-index: 9999;
  box-shadow: 0 0 4px rgba(212, 160, 170, 0.4);
}

/* --- BRILHOS E EFEITOS ESPECIAIS DE CARGO --- */
@keyframes flame-pulse-glow {
  0% {
    box-shadow: 0 0 8px rgba(255, 93, 0, 0.6), 0 0 20px rgba(255, 93, 0, 0.4) !important;
    opacity: 0.8;
  }
  50% {
    box-shadow: 0 0 16px rgba(255, 124, 0, 0.95), 0 0 35px rgba(255, 124, 0, 0.7) !important;
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 8px rgba(255, 93, 0, 0.6), 0 0 20px rgba(255, 93, 0, 0.4) !important;
    opacity: 0.8;
  }
}

@keyframes diamond-pulse-glow-duque {
  0% {
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.6), 0 0 20px rgba(0, 240, 255, 0.4) !important;
    opacity: 0.8;
  }
  50% {
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.95), 0 0 38px rgba(0, 240, 255, 0.7) !important;
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.6), 0 0 20px rgba(0, 240, 255, 0.4) !important;
    opacity: 0.8;
  }
}

@keyframes diamond-pulse-glow-conde {
  0% {
    box-shadow: 0 0 6px rgba(0, 216, 246, 0.5), 0 0 15px rgba(0, 216, 246, 0.3) !important;
    opacity: 0.8;
  }
  50% {
    box-shadow: 0 0 14px rgba(0, 216, 246, 0.85), 0 0 28px rgba(0, 216, 246, 0.6) !important;
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 6px rgba(0, 216, 246, 0.5), 0 0 15px rgba(0, 216, 246, 0.3) !important;
    opacity: 0.8;
  }
}

@keyframes diamond-pulse-glow-marques {
  0% {
    box-shadow: 0 0 5px rgba(0, 191, 255, 0.4), 0 0 12px rgba(0, 191, 255, 0.25) !important;
    opacity: 0.7;
  }
  50% {
    box-shadow: 0 0 10px rgba(0, 191, 255, 0.75), 0 0 22px rgba(0, 191, 255, 0.5) !important;
    opacity: 0.95;
  }
  100% {
    box-shadow: 0 0 5px rgba(0, 191, 255, 0.4), 0 0 12px rgba(0, 191, 255, 0.25) !important;
    opacity: 0.7;
  }
}

@keyframes diamond-pulse-glow-barao {
  0% {
    box-shadow: 0 0 4px rgba(0, 136, 255, 0.35), 0 0 8px rgba(0, 136, 255, 0.2) !important;
    opacity: 0.7;
  }
  50% {
    box-shadow: 0 0 8px rgba(0, 136, 255, 0.65), 0 0 16px rgba(0, 136, 255, 0.4) !important;
    opacity: 0.9;
  }
  100% {
    box-shadow: 0 0 4px rgba(0, 136, 255, 0.35), 0 0 8px rgba(0, 136, 255, 0.2) !important;
    opacity: 0.7;
  }
}

@keyframes blink {
  0%, 80%, 100% { opacity: .3; }
  40% { opacity: 1; }
}

@keyframes emojiPickerFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes reactionPop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    transform: scale(1.12);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes status-read-pop {
  0% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  60% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes bulkSlideUp {
  from {
    opacity: 0;
    transform: translate(-50%, 20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}