/*========================================================
ANIMACIONES HERO
========================================================*/

@keyframes aparecerIzquierda{

    from{

        opacity:0;
        transform:translateX(-50px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}

@keyframes aparecerDerecha{

    from{

        opacity:0;
        transform:translateX(50px) scale(.96);

    }

    to{

        opacity:1;
        transform:translateX(0) scale(1);

    }

}

@keyframes aparecerBoton{

    from{

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

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}