/* CSS Document */

/* =========================================
   HOJA DEL RATÓN
   ========================================= */

@media (pointer: fine) {

    #hojaRaton {
        position: fixed;

        top: 0;
        left: 0;

        width: 40px;
        height: 40px;

        background-image: url('/imagenes/otonno.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;

        pointer-events: none;

        z-index: 2147483647;

        opacity: 0;

        will-change: transform;

        user-select: none;
    }

    #hojaRaton.visible {
        opacity: 1;
    }
}