/* ═══════════════════════════════════════════════════════
   ACENTO MONOCROMO (2026-08-12) — pedido de Manuel.
   Todo negro/tinta con detalles grises, estilo Apple. El único
   color de la página vuelve a ser el TRABAJO (los mockups del
   carrusel). Se carga DESPUÉS de acento-amarillo-glow.css para
   revertir el amarillo.

   Como los 26 usos del acento consumen las variables, basta
   redefinirlas a tinta/gris y toda la página pasa a monocromo.
   Excepción: el punto de "Agenda abierta" va en VERDE, porque el
   verde de disponibilidad es un patrón universal que se lee al
   instante — y es el único punto de color de la marca.
   ═══════════════════════════════════════════════════════ */
:root {
  --acento: var(--blanco);        /* en light, --blanco ES la tinta #131312 */
  --acento-contraste: #F4F3EF;    /* marfil sobre tinta */
  --acento-texto: var(--gris);    /* gris para el texto de énfasis */
  --acento-linea: var(--gris-tenue);
}

/* Las cursivas de énfasis: en vez de dorado glow, tinta sólida —
   el énfasis lo da la cursiva serif, no el color. */
.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(--blanco);           /* = tinta en light */
  background-image: none;
  text-shadow: none;
}
body.hero-claro .hero-payoff em { color: var(--blanco); text-shadow: none; }

/* Botones sólidos: tinta con marfil encima (el hover ya no es dorado) */
.btn-solid:hover, .nav-cta:hover,
body.hero-claro .hero-ctas .btn-ghost:hover,
.btn-ghost:hover {
  background: var(--blanco);
  border-color: var(--blanco);
  color: var(--acento-contraste);
}

/* El flag "El más elegido": tinta sólida, sin glow de color */
.plan-flag {
  background: var(--blanco);
  color: var(--acento-contraste);
  box-shadow: none;
}

/* Selección de texto: gris neutro, no color */
::selection { background: var(--blanco); color: var(--acento-contraste); }

/* ── El ÚNICO color de la marca: el verde de disponibilidad ──
   El punto de "Agenda abierta" en verde con un glow suave. Verde
   que se lee bien sobre el marfil del hero claro. */
.agenda-dot,
body.hero-claro .agenda-dot {
  background: #2FBF71 !important;
  box-shadow: 0 0 8px 1px color-mix(in srgb, #2FBF71 55%, transparent) !important;
}