/*==================================
    SCROLL REVEAL
==================================*/

.js .reveal{

    opacity:0;
    transform:translateY(40px);
    transition:opacity .8s ease, transform .8s ease;

}

.reveal.active{

    opacity:1;
    transform:translateY(0);

}

.js .reveal-left{

    opacity:0;
    transform:translateX(-50px);
    transition:opacity .8s ease, transform .8s ease;

}

.reveal-left.active{

    opacity:1;
    transform:translateX(0);

}

/*==================================
    BOTONES Y TARJETAS: leve elevacion al hover
==================================*/

.wa-float{

    transition:transform .2s ease;

}

.wa-float:hover{

    transform:scale(1.08);

}

/*==================================
    TICKER: flash al actualizar precio
==================================*/

.price-flash{

    animation:priceFlash .6s ease;

}

@keyframes priceFlash{

    0%{

        background:rgba(31,80,136,.18);

    }

    100%{

        background:transparent;

    }

}

/*==================================
    ACCESIBILIDAD: respetar reduccion de movimiento
==================================*/

@media (prefers-reduced-motion: reduce){

    *{

        transition:none !important;
        animation:none !important;

    }

}