/* ============================================= */
/* ANIMAÇÕES - Keyframes e efeitos visuais        */
/* ============================================= */
/* Todas as animações do site estão aqui           */
/* Não precisa alterar a menos que queira          */
/* mudar a velocidade ou o tipo da animação        */
/* ============================================= */

/* Spinner do loader - rotação contínua */
@keyframes girar {
  to { transform: rotate(360deg); }
}

/* Rotação lenta dos anéis orbitais */
@keyframes girar-lento {
  to { transform: rotate(360deg); }
}

/* Pulsar do ponto verde no badge do hero */
@keyframes pulsar {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Pulsar do brilho ao redor do centro orbital */
@keyframes brilho-pulsar {
  0%, 100% { box-shadow: 0 0 30px rgba(29, 161, 242, 0.15); }
  50% { box-shadow: 0 0 60px rgba(29, 161, 242, 0.25); }
}

/* Animação do indicador de scroll */
@keyframes scroll-pulse {
  0%, 100% { opacity: 1; transform: scaleY(1); }
  50% { opacity: 0.3; transform: scaleY(0.6); }
}

/* Bounce do botão do WhatsApp */
@keyframes whatsapp-bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-8px); }
  60% { transform: translateY(-4px); }
}

/* --- ANIMAÇÃO DE SCROLL (elementos que aparecem) --- */
/* Estes estilos controlam o efeito de aparecer ao rolar */

/* Estado inicial: invisível e deslocado para baixo */
.animar-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Estado final: visível e na posição correta */
.animar-scroll.visivel {
  opacity: 1;
  transform: translateY(0);
}