/* ======================================================
   ANIMATIONS.CSS
   LT PROTEÇÕES
====================================================== */


.hidden {


    opacity:0;


    transform:
    translateY(40px);


    transition:
    .7s ease;


}



.show {


    opacity:1;


    transform:
    translateY(0);


}



/* Hover de imagens */


.product-card img,
.category-card,
.benefit-card {


    transition:
    .4s ease;


}



.product-card:hover img {


    transform:

    scale(1.05);


}



/* Pulsação botão WhatsApp */


.whatsapp {


    animation:

    pulse 2s infinite;


}



@keyframes pulse {


    0%{


        box-shadow:

        0 0 0 0

        rgba(37,211,102,.6);


    }


    70%{


        box-shadow:

        0 0 0 20px

        rgba(37,211,102,0);


    }


    100%{


        box-shadow:

        0 0 0 0

        rgba(37,211,102,0);


    }


}