/* ============================================================
   DMX DIGITAL — ANIMAÇÕES
   ------------------------------------------------------------
   Animações usadas no site:
   • fade-up      → aparece deslizando de baixo (texto do hero)
   • fade-in      → aparece suavemente (foto do hero)
   • float-slow   → flutua de leve (badge "Reconhecido por")
   • pulse-ring   → anel pulsante (botão WhatsApp flutuante)
   ============================================================ */

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

@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 hsl(142 70% 45% / 0.55); }
  70%  { box-shadow: 0 0 0 14px hsl(142 70% 45% / 0); }
  100% { box-shadow: 0 0 0 0 hsl(142 70% 45% / 0); }
}

/* Aplicações */
.hero__content     { animation: fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; }
.hero__media       { animation: fade-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; }
.hero__badge-float { animation: float-slow 6s ease-in-out infinite; }
.whatsapp-float    { animation: pulse-ring 2s infinite; }