/* ==============================> CURSOR PERSONALIZADO */

/* Oculta el cursor nativo en todo el sitio */
*,
*::before,
*::after {
    cursor: none !important;
}

/* Canvas del cursor: siempre encima, sin interferir con clics */
#cursor-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999;
    mix-blend-mode: difference; /* blanco sobre fondo claro → se invierte a negro */
}