:root {
  --cyber-bg: #0a0a12;
  --cyber-cyan: #00f0ff;
  --cyber-magenta: #ff2a6d;
  --cyber-purple: #b967ff;
}

/* Fondo general */
body, #__next, main {
  background: var(--cyber-bg) !important;
}

/* Cabecera: gradiente neón */
#title, #service-widgets h1, h2, h3 {
  color: var(--cyber-cyan) !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, .8),
               0 0 20px rgba(0, 240, 255, .4);
}

/* Nombres de los grupos */
.services-group h2, .services-group-title {
  color: var(--cyber-magenta) !important;
  text-shadow: 0 0 6px rgba(255, 42, 109, .7);
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Tarjetas de servicios: glassmorphism oscuro + borde neón */
.services-group li,
li.service-entry {
  background: rgba(10, 14, 25, .75) !important;
  border: 1px solid rgba(0, 240, 255, .35) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 12px rgba(0, 240, 255, .15);
  backdrop-filter: blur(6px);
  transition: all .25s ease;
}

/* Hover: glow más intenso y borde magenta */
.services-group li:hover,
li.service-entry:hover {
  border-color: var(--cyber-magenta) !important;
  box-shadow: 0 0 18px rgba(255, 42, 109, .55),
              inset 0 0 8px rgba(0, 240, 255, .15);
  transform: translateY(-2px);
}

/* Texto y descripciones */
.service-entry .service-title, li a {
  color: #e8faff !important;
}
.service-entry .service-description, li .text-xs, li .opacity-60 {
  color: #8a9bb8 !important;
}

/* Iconos con leve halo */
.service-icon img {
  filter: drop-shadow(0 0 4px rgba(0, 240, 255, .6));
}
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');
#title, h1, h2 { font-family: 'Orbitron', sans-serif !important; }