/* =========================================
   CURSOR "PLUMA BÉZIER"
   (lo activa assets/js/cursor-pluma.js solo en computador)
   ========================================= */

/* Ocultar la flecha normal mientras el cursor pluma está activo */
html.jz-pluma-activa,
html.jz-pluma-activa * {
    cursor: none !important;
}

/* En formularios y en la barra de administración vuelve el cursor normal */
html.jz-pluma-activa input,
html.jz-pluma-activa textarea,
html.jz-pluma-activa select,
html.jz-pluma-activa [contenteditable="true"],
html.jz-pluma-activa iframe,
html.jz-pluma-activa #wpadminbar,
html.jz-pluma-activa #wpadminbar * {
    cursor: auto !important;
}

/* Trazo de la curva: cubre la pantalla sin bloquear clics */
.jz-pluma-trazo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2147483646;
}

/* Icono de la pluma */
.jz-pluma {
    position: fixed;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    pointer-events: none;
    z-index: 2147483647;
    will-change: transform;
    transition: opacity .15s ease;
}

.jz-pluma svg {
    display: block;
}

/* Signo "+" de añadir punto, aparece sobre enlaces y botones */
.jz-pluma-mas {
    position: absolute;
    left: 20px;
    top: 12px;
    font: 500 14px/1 monospace;
    color: #0A0C00;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff;
    opacity: 0;
    transition: opacity .15s ease;
}

html.jz-pluma-enlace .jz-pluma-mas {
    opacity: 1;
}

/* Esconder la pluma fuera de la ventana o sobre un campo de formulario */
html.jz-pluma-fuera .jz-pluma,
html.jz-pluma-campo .jz-pluma {
    opacity: 0;
}