/* Estilos para el cursor personalizado */
html {
  cursor: none !important; /* Oculta el cursor predeterminado en todos los elementos */
}

body * {
  cursor: none !important; /* Oculta el cursor predeterminado en todos los elementos */
}

.minecraft-cursor {
  width: 32px;
  height: 32px;
  background: transparent;
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  mix-blend-mode: difference;
}

.minecraft-cursor::before,
.minecraft-cursor::after {
  content: "";
  position: absolute;
  background: white;
}

/* Línea horizontal del crosshair */
.minecraft-cursor::before {
  width: 32px;
  height: 3px;
  top: 14.5px;
}

/* Línea vertical del crosshair */
.minecraft-cursor::after {
  width: 3px;
  height: 32px;
  left: 14.5px;
}

/* Efecto hover para elementos interactivos */
a:hover ~ .minecraft-cursor,
button:hover ~ .minecraft-cursor {
  transform: translate(-50%, -50%) scale(1.2);
  transition: transform 0.1s ease;
}