body {
    cursor: none;
   }  

   a {
    cursor: none;
}

.cursor{
    position: fixed;
    width: 32px;
    height: 32px;
    background: url(/svg/customcursorA.svg); /* ajusta la posición para centrar mejor */
    background-size: cover;
    pointer-events: none;
    z-index: 2000;
    mix-blend-mode: difference;
}

.cursor.hover {
    background: url(/svg/customcursorB.svg); /* ajusta la posición para centrar mejor */
} 


@media screen and (max-width: 768px) {
    body{
        cursor: auto;
    }
    a{
        cursor: pointer;
    }

    .cursor{
        display: none;
    }
}