@keyframes moverderecha {
    from {
        opacity: 0;
        transform: translateX(-400px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes moverizquierda {
    from {
        opacity: 0;
        transform: translateX(400px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes arriba {
    from {
        opacity: 0;
        transform: translateY(400px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes abajo {
    from {
        opacity: 0;
        transform: translateY(-200px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes aparecer {
    from {
        opacity: 0;
        transform: scale(.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(-700px);
    }

    50% {
        opacity: 0;
        transform: translate(-350px);
    }
    100% {
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes desplegar {
    0% {
        opacity:0;
        height: 0;
    }
    80% {
        opacity: .8;
        height: 100px;
    }
    100% {
        opacity: 1;
        height: 180px;
    }
}

.ver_selector {
    animation-name: desplegar;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.mover_der {
    animation-name: moverderecha;
    animation-delay: .5s;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.mover_der_rapido {
    animation-name: moverderecha;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.mover_izq {
    animation-name: moverizquierda;
    animation-delay: .5s;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.mover_izq_rapido {
    animation-name: moverizquierda;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.subir {
    animation-name: arriba;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
}


.bajar {
    animation-name: abajo;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: both;

}

.subir_rapido{
    animation-name: subir;
    animation-duration: 1s;
    animation-fill-mode: both;
}


.aparecer {
    animation-name: aparecer;
    animation-delay: 1.5s;
    animation-duration: .5s ;
    animation-fill-mode: both;
}

.mover {
    animation: fadeIn .3s ease-out;
}

.vermodal {
    animation-name: aparecer;
    animation-duration: .5s;
    animation-fill-mode: both;
}