:root {
    --cursor-color: #0e232c;
    --outer-size: 36px;  /* anillo */
    --inner-size: 8px;   /* punto */
  }
body.bod_oscuro{
	--cursor-color: #FFF;
}
  /* Oculta el cursor del SO (solo desktop) */
  @media (pointer:fine) {
    html, body { cursor: none; }
  }

  /* Elementos del cursor */
  .cursor-outer,
  .cursor-inner {
    position: fixed;
    top: 0; left: 0;
    transform: translate(-50%, -50%);
    pointer-events: none; /* no bloquea clics */
    z-index: 9999;
  }

  .cursor-outer {
    width: var(--outer-size);
    height: var(--outer-size);
    border: 2px solid var(--cursor-color);
    border-radius: 50%;
    /* sin transición; el suavizado lo hace JS */
  }

  .cursor-inner {
    width: var(--inner-size);
    height: var(--inner-size);
    border-radius: 50%;
    background: var(--cursor-color);
	  background-color: var(--colorInteraccion);
  }

  /* Estados opcionales (al pasar por link o al hacer click) */
  .cursor--hover .cursor-outer {
    transform: translate(-50%, -50%) scale(1.2);
  }
  .cursor--down .cursor-inner {
    transform: translate(-50%, -50%) scale(0.7);
  }

  /* Accesibilidad: no intentes reemplazar el cursor en pantallas táctiles */
  @media (pointer:coarse) {
    .cursor-outer, .cursor-inner { display: none; }
    html, body { cursor: auto; }
  }