.splash-page-body {
    background-color: var(--yup-azul-escuro);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.splash-logo {
    max-width: 150px;
    animation: fadeIn 1.5s ease-in-out;
    opacity: 0; /* Começa invisível para a animação funcionar */
    animation-fill-mode: forwards; /* Mantém o estado final da animação */
}

@keyframes fadeIn {
    to { opacity: 1; }
}