/* ═══════════════════════════════════════════════════════
   ACENTO AMARILLO GLOW (2026-08-12) — pedido de Manuel.
   Vuelve al amarillo del LED del androide, pero CON GLOW, y
   elimina las líneas de subrayado de las cursivas. Se carga
   DESPUÉS de acento-rojo.css para revertir el rojo.

   El amarillo del visor (#E8B923) es el acento base; el glow
   es un halo cálido — el mismo lenguaje del LED encendido.
   ═══════════════════════════════════════════════════════ */
:root {
  --acento: #E8B923;            /* amarillo LED del androide (bloques/luz) */
  --acento-contraste: #131312;  /* tinta sobre el LED = 8.19:1 ✓ */
  --acento-texto: #B8860B;      /* dorado más oscuro, glow, para texto sobre marfil */
  --acento-linea: #D9A339;      /* dorado del visor, para íconos y detalles */
}

/* 1. QUITAR el subrayado de luz de las cursivas: en vez de tinta con línea
      debajo, van en el DORADO GLOW directamente, con un halo cálido que las
      hace legibles aunque el trazo sea fino. */
.hero-payoff em, .m-line em, .m-punch em, .servicio-payoff em, .casos-titulo em,
.sistema-humano em, .contacto-titulo em, .destacado-nombre em,
.planes-titulo em, .plan-nombre em {
  color: var(--acento-linea);
  background-image: none;          /* elimina el subrayado */
  background-size: 0 0;
  padding-bottom: 0;
  /* GLOW: halo dorado cálido, el mismo lenguaje del LED encendido */
  text-shadow:
    0 0 18px color-mix(in srgb, var(--acento) 55%, transparent),
    0 0 4px color-mix(in srgb, var(--acento) 40%, transparent);
}

/* 2. Sobre el hero claro las cursivas van sobre fondo muy claro: el dorado
      necesita bajar un punto para no lavarse, manteniendo el glow. */
body.hero-claro .hero-payoff em {
  color: #C79517;
  text-shadow:
    0 0 20px color-mix(in srgb, var(--acento) 60%, transparent),
    0 0 5px color-mix(in srgb, var(--acento) 45%, transparent);
}

/* 3. Botones vuelven a tinta sobre el LED (el rojo usaba blanco) */
.btn-solid:hover, .nav-cta:hover,
.plan-flag,
.plan-destacado .btn-solid {
  color: var(--acento-contraste);
}

/* 4. El flag "El más elegido" y los bloques de luz: glow suave para que se
      sienta encendido, no plano. */
.plan-flag {
  box-shadow: 0 0 20px color-mix(in srgb, var(--acento) 45%, transparent);
}
.agenda-dot {
  box-shadow: 0 0 10px 2px color-mix(in srgb, var(--acento) 60%, transparent);
}