/* =========================================================
   FLOAT CARD (usado em .hero-card)
========================================================= */

@keyframes floatCard{

    0%,
    100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}


/* =========================================================
   FADE MENU (usado no menu mobile)
========================================================= */

@keyframes fadeMenu{

    from{

        opacity:0;

        transform:translateY(-8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/* =========================================================
   FADE IN (entrada genérica de seções)
========================================================= */

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(16px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.panel{

    animation:fadeIn .5s ease both;

}


/* =========================================================
   VITRINES SCROLL (rolagem infinita — direita p/ esquerda)
========================================================= */

@keyframes vitrinesScroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}


/* =========================================================
   PRODUCTS FADE (troca de categoria)
========================================================= */

@keyframes productsFade{

    from{

        opacity:0;

        transform:translateY(16px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/* =========================================================
   TRUST PULSE (selo "equipe online" — seção de contato)
========================================================= */

@keyframes trustPulse{

    0%{

        transform:scale(.7);

        opacity:.9;

    }

    100%{

        transform:scale(1.6);

        opacity:0;

    }

}