/*  ----------------------------------------------------  *\
 *  $ PRECARGA
\*  ----------------------------------------------------  */

    .precarga {
        position: fixed; z-index: 1000000;
        left: 0; right: 0;
        top: 0; bottom: 0;
        background-color: white;
        display: flex;
        align-items: center;
        overflow: hidden;
        padding: 10vw;
    }
    
        .precarga::before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 1em;
            height: 100%;
            height: 480px;
            background: url(logo-naitto.jpg) no-repeat center transparent;
            background-size: contain;
            text-indent: -999999px;
            font-size: 800px;
            background: url(../media/imagenes/logo-naitto.png) center transparent no-repeat;
            background-size: contain;

            animation-name: precarga;
            animation-duration: .25s;
            animation-delay: .75s;
            animation-fill-mode: backwards ;
        }


    @-webkit-keyframes precarga {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    @-moz-keyframes precarga {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    @-ms-keyframes precarga {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    @-o-keyframes precarga {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    @keyframes precarga {
        from { opacity: 0; }
        to   { opacity: 1; }
    }