/*
 * MetaSoft Pointer Glow
 * Capa global + halo tonal inteligente.
 * No altera clicks, formularios, menús ni interacciones de WordPress.
 */

:root {
  --mspg-darkness: .78;
  --mspg-intensity: .94;
  --mspg-radius: 520px;
  --mspg-z-overlay: 2147483000;
}

.mspg-dark-layer,
.mspg-cursor-glow {
  position: fixed;
  inset: 0;
  pointer-events: none !important;
  user-select: none !important;
  z-index: var(--mspg-z-overlay);
}

.mspg-dark-layer {
  background:
    linear-gradient(
      rgba(2, 4, 8, var(--mspg-darkness)),
      rgba(2, 4, 8, var(--mspg-darkness))
    ),
    radial-gradient(
      circle at top,
      rgba(20, 42, 70, .16),
      transparent 55%
    );
  backdrop-filter: saturate(.78) brightness(.42) contrast(1.12);
  -webkit-backdrop-filter: saturate(.78) brightness(.42) contrast(1.12);
}

.mspg-cursor-glow {
  opacity: 0;
  background:
    radial-gradient(
      var(--mspg-radius) circle at var(--mspg-mouse-x, 50%) var(--mspg-mouse-y, 50%),
      rgba(68, 102, 142, calc(.34 * var(--mspg-intensity))) 0%,
      rgba(44, 68, 98, calc(.24 * var(--mspg-intensity))) 22%,
      rgba(20, 34, 52, calc(.16 * var(--mspg-intensity))) 42%,
      rgba(10, 18, 32, 0) 68%
    );
  mix-blend-mode: soft-light;
  filter: blur(3px) saturate(1.12);
  transition: opacity .24s ease;
}

body.mspg-pointer-active .mspg-cursor-glow {
  opacity: var(--mspg-intensity);
}

@media (hover: none), (pointer: coarse) {
  .mspg-dark-layer,
  .mspg-cursor-glow {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mspg-cursor-glow {
    transition: none;
  }
}