/* Estilos para o satélite flutuante */
.floating-satellite {
    position: fixed;
    z-index: 9999 !important; /* Acima de tudo */
    pointer-events: none;
    width: 80px; /* Tamanho menor que o astronauta */
    height: auto;
    bottom: 100px; /* Posição inicial: 100px do fundo */
    right: 30px; /* Posição inicial: 30px da direita */
    opacity: 0;
    user-select: none;
    animation: floatSatellite 120s linear infinite; /* Animação mais lenta */
    will-change: transform, opacity;
    transform-origin: center;
}

@keyframes floatSatellite {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        transform: translate(calc(-100vw + 100px), calc(-100vh + 100px)) rotate(180deg);
        opacity: 0;
    }
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .floating-satellite {
        width: 60px;
        bottom: 80px;
        right: 20px;
    }
    
    @keyframes floatSatellite {
        0% {
            transform: translate(0, 0) rotate(0deg);
            opacity: 0;
        }
        5% {
            opacity: 1;
        }
        95% {
            opacity: 1;
        }
        100% {
            transform: translate(calc(-100vw + 80px), calc(-100vh + 80px)) rotate(180deg);
            opacity: 0;
        }
    }
}

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