.cursor {
  width: 22px;
  height: 22px;

  position: fixed;
  top: 0;
  left: 0;

  transform: translate(-50%, -50%);

  pointer-events: none;
  z-index: 9999;

   box-shadow: 0 0 6px rgba(1, 230, 255, 0.35);
}

/* Punto central */
.cursor-dot {
  width: 4px;
  height: 4px;

  background: #01e6ff;
  border-radius: 50%;

  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
  
  /* box-shadow:
      0 0 4px rgba(1,230,255,0.5); */
}

/* Esquinas HUD */
.cursor::before,
.cursor::after {
  content: "";
  position: absolute;
  left: 0;

  width: 100%;
  height: 8px;

  border-color: #01e6ff;
  border-style: solid;

 
}

/* ┌   ┐ */
.cursor::before {
  top: 0;
  border-width: 2px 2px 0 2px;
}

/* └   ┘ */
.cursor::after {
  bottom: 0;
  border-width: 0 2px 2px 2px;
}