/* ==========================================================
   LC SUPLEMENTOS
   ANIMAÇÕES
========================================================== */

/* ===========================
   Fade inicial
=========================== */

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(25px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/* ===========================
   Glow da Logo
=========================== */

@keyframes logoGlow{

    0%{

        filter:
            drop-shadow(0 0 10px rgba(160,70,255,.65))
            drop-shadow(0 0 24px rgba(160,70,255,.45))
            drop-shadow(0 0 40px rgba(160,70,255,.35));

    }

    50%{

        filter:
            drop-shadow(0 0 20px rgba(180,90,255,.95))
            drop-shadow(0 0 42px rgba(180,90,255,.80))
            drop-shadow(0 0 80px rgba(180,90,255,.60));

    }

    100%{

        filter:
            drop-shadow(0 0 10px rgba(160,70,255,.65))
            drop-shadow(0 0 24px rgba(160,70,255,.45))
            drop-shadow(0 0 40px rgba(160,70,255,.35));

    }

}

/* ===========================
   Pulso WhatsApp
=========================== */

@keyframes whatsappPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.02);

    }

    100%{

        transform:scale(1);

    }

}

/* ===========================
   Entrada da página
=========================== */

.banner-section{

    animation:fadeUp .8s ease both;

}

.logo-section{

    animation:fadeUp .9s ease both;

}

.cards-section{

    animation:fadeUp 1.1s ease both;

}

.whatsapp-section{

    animation:fadeUp 1.3s ease both;

}

/* ===========================
   Logo
=========================== */

.logo{

    animation:
        logoGlow 4s ease-in-out infinite,
        fadeUp .8s ease;

}

/* ===========================
   WhatsApp
=========================== */

.whatsapp-area{

    animation:
        whatsappPulse 3s ease-in-out infinite;

}

/* ===========================
   Hover padrão
=========================== */

.card,
.logo,
.whatsapp-area{

    transition:

        transform .30s ease,

        filter .30s ease,

        box-shadow .30s ease;

}

/* ===========================
   Performance
=========================== */

.banner-section,
.logo-section,
.cards-section,
.whatsapp-section,
.card,
.logo,
.whatsapp-area{

    backface-visibility:hidden;

    transform:translateZ(0);

    will-change:transform,filter;

}