/* ===================================================
   MF VEÍCULOS — animations.css
   Scroll reveal, marquee, pulso do CTA, hover states
   =================================================== */

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* pulso do CTA principal (laranja) */
@keyframes pulso-cta {
  0%   { box-shadow: 0 0 0 0 rgba(242, 115, 4, 0.55); }
  70%  { box-shadow: 0 0 0 14px rgba(242, 115, 4, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 115, 4, 0); }
}
.btn-primario.pulsando { animation: pulso-cta 2.2s infinite; }

/* pulso do botão flutuante do WhatsApp */
@keyframes pulso-whatsapp {
  0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
  70%  { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.whatsapp-fab { animation: pulso-whatsapp 2.4s infinite; }

/* pulso verde reutilizável — para os botões de WhatsApp que precisam chamar atenção */
.pulsando-whatsapp { animation: pulso-whatsapp 2.2s infinite; }

/* scroll reveal — controlado via IntersectionObserver no main.js */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.visivel {
  opacity: 1;
  transform: translateY(0);
}

.reveal-atraso-1 { transition-delay: .1s; }
.reveal-atraso-2 { transition-delay: .2s; }
.reveal-atraso-3 { transition-delay: .3s; }

/* respeita usuários com preferência de menos animação */
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
  .btn-primario.pulsando,
  .pulsando-whatsapp,
  .whatsapp-fab { animation: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
}