/* ============================================
   EDP STUDIO — DRAW PATH CURSOR
   Cursor con trazo de lápiz (Osmo adaptado)
   ============================================ */

.cursor-wrap {
  position: fixed;
  inset: 0;
  z-index: 10000; /* encima del lightbox (9999) y de cualquier overlay */
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.cursor-dot {
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  border: 1.5px solid var(--orange);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  mix-blend-mode: difference;
  transition: width 0.3s var(--ease-osmo),
              height 0.3s var(--ease-osmo),
              border-color 0.3s ease;
}

/* Estado hover sobre links/botones — el dot se agranda */
.cursor-dot.is-hover {
  width: 3em;
  height: 3em;
  border-color: var(--yellow);
  border-width: 2px;
}

.cursor-canvas {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}

/* Esconde cursor custom en mobile y reduce-motion */
@media (max-width: 991px), (prefers-reduced-motion: reduce), (pointer: coarse) {
  .cursor-wrap {
    display: none;
  }

  html, body, a, button {
    cursor: auto;
  }
}