body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

/* Splash: cobre a tela toda e mostra o background */
#splash {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #EEEEEE url("img/logo_horizontal.svg") no-repeat center center;
    background-size: 500px auto;
    transition: opacity 0.5s ease-out;
}

/* Tema escuro */
@media (prefers-color-scheme: dark) {
    #splash {
        background-color: #121212;
        background-image: url("img/logo_horizontal.svg");
    }
}

/* Aplica o fade-out */
#splash.fade-out {
    opacity: 0;
    pointer-events: none;
}