/* Capa visual experimental: conserva recursos y posiciones originales Xara. */
:root { --neon-cyan: #27d8ff; --neon-blue: #296cff; --neon-coral: #ff5b45; }

body {
  background: #050914;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 78% 8%, rgba(39, 216, 255, .16), transparent 28%),
    radial-gradient(circle at 16% 55%, rgba(41, 108, 255, .13), transparent 32%),
    linear-gradient(135deg, #050914 0%, #08172a 52%, #050914 100%);
}

#xr_xr {
  box-shadow: 0 0 0 1px rgba(39, 216, 255, .16), 0 28px 80px rgba(0, 0, 0, .46);
}

.xr_nb0 a,
.xr_nb1 a,
.xr_nb2 a {
  transition: filter .2s ease, transform .2s ease;
}

.xr_nb0 a:hover,
.xr_nb1 a:hover,
.xr_nb2 a:hover {
  filter: brightness(1.35) drop-shadow(0 0 8px rgba(39, 216, 255, .5));
  transform: translateY(-1px);
}

.count {
  filter: drop-shadow(0 0 8px rgba(39, 216, 255, .35));
}

.count span {
  text-shadow: 0 0 14px rgba(39, 216, 255, .45);
}

.xr_txt h1,
.xr_txt h2,
.xr_txt h3 {
  letter-spacing: .02em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

.xr_rn_ {
  transition: filter .25s ease, transform .25s ease;
}

a:hover .xr_rn_ {
  filter: brightness(1.12) saturate(1.12);
}

@media (prefers-reduced-motion: reduce) {
  .xr_nb0 a, .xr_nb1 a, .xr_nb2 a, .xr_rn_ { transition: none; }
}