/* CURSOR PERSONALIZADO BALBOA */
/* ==================================================
   CURSOR BALBOA CON COLOR NEGATIVO AUTOMÁTICO
   ================================================== */
@media (pointer: fine) {

  /* Oculta el cursor convencional */
  html, body, body *{cursor: none !important;}

  #cursor-balboa {
    position: fixed; 
    width: 32px;
    height: 32px;
    /* Centra la imagen en el punto exacto donde está el ratón. */
    margin-left: -16px;
    margin-top: -16px;
    /* El cursor debe ser blanco para que "difference" genere el negativo exacto. */
    background-color: #ffffff;
    /* La imagen se utiliza como máscara. Safari necesita las propiedades -webkit-. */
    -webkit-mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/00-Puntero.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/00-Puntero.png");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    /* Invierte píxel a píxel todo lo que queda debajo del cursor. */
    mix-blend-mode: difference;
    pointer-events: none;
    z-index: 2147483647;
    opacity: 0;
    transition:opacity 0.12s ease, width 0.3s ease, height 0.3s ease, margin-left 0.3s ease, margin-top 0.3s ease;
  }

  #cursor-balboa.cursor-visible {
    opacity: 1;
  }

  #cursor-balboa.cursor-grande{    
	width: 150px;
    height: 150px;
    margin-left: -50px;
    margin-top: -50px;
	 -webkit-mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/Puntero-verproyectos.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/Puntero-verproyectos.png");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }

   #cursor-balboa.cursor-proyectos{    
	width: 150px;
    height: 150px;
    margin-left: -50px;
    margin-top: -50px;
	 -webkit-mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/Puntero-verproyecto.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("https://nueva.balboamedia.es/wp-content/uploads/2026/06/Puntero-verproyecto.png");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
}

/* No se muestra en móviles o pantallas táctiles */
@media (pointer: coarse) {
  #cursor-balboa {display: none !important;}
}