/* =========================
   ANIMATIONS.CSS
========================= */

.hero-slide{
    transition:opacity 1.2s ease-in-out, transform 5s ease;
}

.hero-slide.ativo{
    opacity:1;
    transform:scale(1);
}

.whatsapp-float::before{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:inherit;
    border:2px solid rgba(37,211,102,0.65);
    opacity:0;
    animation:pulse-whatsapp 2s infinite;
}

@keyframes pulse-whatsapp{
    0%{
        transform:scale(1);
        opacity:0.45;
    }
    100%{
        transform:scale(1.35);
        opacity:0;
    }
}

.fade-up{
    opacity:0;
    transform:translateY(24px);
    transition:opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.ativo{
    opacity:1;
    transform:translateY(0);
}