/* splash.css */

body {
    margin: 0;
    overflow: hidden; /* Esconde a barra de rolagem */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ocupa a altura total da tela */
    background-color: #f0f0f0; /* Cor de fundo clara, ajuste para o seu tema */
    font-family: 'Poppins', sans-serif; /* Use a mesma fonte do seu site, se houver */
    color: #333; /* Cor do texto, ajuste para o seu tema */
}

/* Modo escuro para o splash screen */
body.dark-mode {
    background-color: #1a1a1a; /* Cor de fundo escura, ajuste */
    color: #f0f0f0; /* Cor do texto para modo escuro */
}

.splash-container {
    text-align: center;
    opacity: 0; /* Começa invisível */
    animation: fadeInOut 3s forwards; /* Animação de fade in e fade out */
}

.splash-text {
    font-size: 15vw; /* ALTERADO: Use vw para responsividade. 15vw para começar visível em telas pequenas */
    font-weight: bold;
    letter-spacing: 5px; /* Espaçamento entre letras */
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); /* Sombra no texto */
    white-space: nowrap; /* Impede que o texto quebre em várias linhas */
}

/* Animação de Fade In e Fade Out */
@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    25% {
        opacity: 1;
        transform: translateY(0);
    }
    75% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px); /* Desaparece subindo um pouco */
    }
}

/* --- Media Queries para Responsividade --- */