/* Estilos para o astronauta flutuante */
.floating-astronaut {
    position: fixed;
    z-index: 9999 !important; /* Acima de tudo */
    pointer-events: none;
    width: 120px; /* Ajuste conforme necessário */
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -200px; /* Começa abaixo da tela */
    opacity: 1; /* Sólido, sem transparência */
    user-select: none;
    animation: floatUp 90s linear infinite; /* Animação mais lenta */
    will-change: transform;
}

@keyframes floatUp {
    0% {
        transform: translate(-50%, 0);
        bottom: -200px; /* Começa abaixo da tela */
    }
    100% {
        transform: translate(-50%, 0);
        bottom: 100vh; /* Vai até o topo da tela */
    }
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .floating-astronaut {
        width: 100px;
    }
}

/* Desliga a animação em dispositivos que reduzem movimento */
@media (prefers-reduced-motion: reduce) {
    .floating-astronaut {
        animation: none;
    }
}