#mouse-follower {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: conic-gradient(from 45deg, #00bfff, #1e90ff, #4169e1, #00bfff);
    mask: radial-gradient(circle, transparent 18px, black 19px);
    -webkit-mask: radial-gradient(circle, transparent 18px, black 19px);
    pointer-events: none;
    z-index: 9999;
    transition: all 0.1s ease-out;
    opacity: 0;
    /* Ocultar en dispositivos móviles y tablets */
    display: none;
}

/* Solo mostrar en dispositivos de escritorio (1024px o más) */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    #mouse-follower {
        display: block;
    }
}

#mouse-follower.bouncing {
    animation: bounceRing 0.4s ease-out;
}

@keyframes bounceRing {
    0% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(1.8);
        opacity: 0.6;
    }

    100% {
        transform: scale(1.3);
        opacity: 1;
    }
}