/* Estilos para o foguete flutuante */
.floating-rocket {
    position: fixed;
    z-index: 9999 !important; /* Acima de tudo */
    pointer-events: none;
    width: 160px; /* Tamanho aumentado */
    height: auto;
    bottom: 180px; /* Ajustado para ficar mais abaixo */
    left: -100px; /* Começa mais fora da tela à esquerda */
    opacity: 0;
    user-select: none;
    animation: floatRocket 150s linear infinite; /* Velocidade mais lenta ainda */
    will-change: transform, opacity;
    transform-origin: center;
}

@keyframes floatRocket {
    0% {
        transform: translateX(0) rotate(15deg);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        transform: translateX(calc(100vw + 100px)) translateY(-90vh) rotate(45deg);
        opacity: 0;
    }
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .floating-rocket {
        width: 120px; /* Tamanho aumentado para mobile */
        bottom: 150px;
        left: -80px;
    }
    
    @keyframes floatRocket {
        0% {
            transform: translateX(0) rotate(15deg);
            opacity: 0;
        }
        5% {
            opacity: 1;
        }
        95% {
            opacity: 1;
        }
        100% {
            transform: translateX(calc(100vw + 80px)) translateY(-85vh) rotate(15deg);
            opacity: 0;
        }
    }
}

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