@keyframes mostrar-logo {
    0% {
        height: 100%;
    }
}

@keyframes mostrar-inicio {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Animacion segun ancho de la pantalla */
@media (min-width: 1366px){
    @keyframes movimiento-nube {
        0% {
            opacity: 0;
            transform: translateX(0px)
        }
        5% {
            opacity: 1;
        }
        92% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: translateX(1320px);
        }
    }
}

@keyframes movimiento-nube {
    0% {
        opacity: 0;
        transform: translateX(0%)
    }
    5% {
        opacity: 1;
    }
    92% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(1237px);
    }
}

/** Efectos del boton de retorno **/

@keyframes parpadeo-boton {
    0% { opacity: 0;}
    50% { opacity: 1;}
    100% { opacity: 0;}
}

@keyframes flotar-dialogo {
    0% {
        transform: translateY(10%);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10%);
    }
}