/* ============================================================
   SPEEDINFO - INTRO / LOADING
============================================================ */

.site-intro {
    position: fixed;
    inset: 0;

    z-index: 99999;

    width: 100%;
    height: 100dvh;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #000;

    opacity: 1;
    visibility: visible;

    transition:
        opacity 0.6s ease,
        visibility 0.6s ease;
}


/* ============================================================
   VÍDEOS
============================================================ */

.site-intro video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    background: #000;
}


/* ============================================================
   MOBILE OCULTO POR PADRÃO
============================================================ */

#introMobile {
    display: none;
}


/* ============================================================
   ATÉ 1024px
============================================================ */

@media (max-width: 1024px) {

    #introDesktop {
        display: none;
    }

    #introMobile {
        display: block;
    }

}


/* ============================================================
   FINALIZAÇÃO
============================================================ */

.site-intro.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/* ============================================================
   REDUZIR ANIMAÇÕES
============================================================ */

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

    .site-intro {
        display: none;
    }

}