/* =========================
   KEYFRAMES (ANIMAÇÕES BASE)
========================= */

/* entrada com zoom (sem subir) */
@keyframes zoomFade {
    0% {
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* pulse leve */
@keyframes zoomPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

/* pulse com efeito de onda */
@keyframes zoomPulseWave {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.4);
    }
    70% {
        transform: scale(1.08);
        box-shadow: 0 0 0 12px rgba(255, 107, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
    }
}

/* =========================
   CLASSES DE ENTRADA
========================= */

.animate-zoom {
    animation: zoomFade 0.6s ease both;
}

/* delays (efeito em sequência) */
.animate-delay-1 { animation-delay: 0.2s; }
.animate-delay-2 { animation-delay: 0.4s; }
.animate-delay-3 { animation-delay: 0.6s; }

/* =========================
   HOVER (INTERAÇÕES)
========================= */

.hover-grow {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.hover-grow:hover {
    transform: scale(1.05);
}

.hover-strong {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.hover-strong:hover {
    transform: scale(1.1);
}

/* =========================
   BOTÕES
========================= */

.btn-animate {
    transform: scale(1);
    transition: all 0.3s ease;
}

.btn-animate:hover {
    transform: scale(1.05);
}

/* =========================
   PULSE CONTÍNUO (DESTAQUE)
========================= */

.pulse {
    animation: zoomPulse 1.5s infinite;
}

/* versão com efeito de onda */
.pulse-wave {
    animation: zoomPulseWave 2s infinite;
}

/* =========================
   WHATSAPP / BOTÃO FIXO
========================= */

.float-animate {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.float-animate:hover {
    transform: scale(1.1);
}