/* Animação da lupa com movimentos X e Y irregulares mais contínuos */
.topo_lupa {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    animation: lupa-irregular 7s linear infinite; /* Increased from 5s to 7s for slower animation */
}

/* Keyframes para movimentos X e Y irregulares mais contínuos */
@keyframes lupa-irregular {
    0% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
    12% {
        transform: translateX(-25px) translateY(-12px) scale(1.06);
    }
    25% {
        transform: translateX(20px) translateY(-28px) scale(1.10);
    }
    37% {
        transform: translateX(-22px) translateY(-8px) scale(1.04);
    }
    50% {
        transform: translateX(28px) translateY(-22px) scale(1.12);
    }
    62% {
        transform: translateX(-18px) translateY(-25px) scale(1.08);
    }
    75% {
        transform: translateX(24px) translateY(-15px) scale(1.06);
    }
    87% {
        transform: translateX(-12px) translateY(-18px) scale(1.04);
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
}

.topo_lupa:hover {
    animation-play-state: paused;
    transform: scale(1.15);
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .topo_lupa {
        bottom: 15px;
        right: 15px;
        max-width: 80%;
        height: auto;
        animation: lupa-irregular-mobile 6s linear infinite; /* Increased from 4s to 6s for slower animation */
    }
}

/* Animação otimizada para mobile com movimentos irregulares mais contínuos */
@keyframes lupa-irregular-mobile {
    0% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
    16% {
        transform: translateX(-20px) translateY(-10px) scale(1.05);
    }
    33% {
        transform: translateX(16px) translateY(-22px) scale(1.08);
    }
    50% {
        transform: translateX(-18px) translateY(-6px) scale(1.03);
    }
    66% {
        transform: translateX(22px) translateY(-18px) scale(1.07);
    }
    83% {
        transform: translateX(-14px) translateY(-20px) scale(1.05);
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
}

@media (max-width: 480px) {
    .topo_lupa {
        bottom: 10px;
        right: 10px;
        max-width: 70%;
        animation: lupa-irregular-small 5s linear infinite; /* Increased from 3.5s to 5s for slower animation */
    }
}

/* Animação otimizada para telas pequenas com movimentos irregulares mais contínuos */
@keyframes lupa-irregular-small {
    0% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
    20% {
        transform: translateX(-12px) translateY(-8px) scale(1.04);
    }
    40% {
        transform: translateX(10px) translateY(-15px) scale(1.07);
    }
    60% {
        transform: translateX(-8px) translateY(-10px) scale(1.03);
    }
    80% {
        transform: translateX(14px) translateY(-12px) scale(1.06);
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1);
    }
}