/* Experimento aislado. El cursor nativo solo se oculta tras inicializar el JS. */
.kodexa-cursor { display: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.kodexa-cursor-active, html.kodexa-cursor-active * { cursor: none !important; }
  html.kodexa-cursor-active :is(input, textarea, [contenteditable]:not([contenteditable="false"])) { cursor: text !important; }
  html.kodexa-cursor-active :is(select, option, dialog, dialog *) { cursor: auto !important; }
  .kodexa-cursor {
    display: block; position: fixed; left: 0; top: 0; z-index: 2147483647;
    width: 0; height: 0; pointer-events: none; user-select: none;
    mix-blend-mode: difference; color: white;
  }
  .kodexa-cursor[hidden] { display: none; }
  .kodexa-cursor::before {
    content: ''; position: absolute; left: 0; top: 0;
    width: 7px; height: 7px; border: 1px solid white; border-radius: 50%;
    background: white; transform: translate(-50%, -50%);
    transition: width 160ms ease, height 160ms ease, background-color 160ms ease;
  }
  .kodexa-cursor.is-interactive::before { width: 28px; height: 28px; background: transparent; }
  .kodexa-cursor.is-cta::before { width: 32px; height: 32px; }
  .kodexa-cursor.is-cta::after {
    content: '→'; position: absolute; left: 0; top: 0;
    transform: translate(-50%, -50%); font: 16px/1 Arial, sans-serif;
  }
}