/* ═══════════════════════════════════════════════════════
   ACENTO ROJO — variante de evaluación (2026-08-10)
   Se carga DESPUÉS de light.css para pisar solo las 4 variables
   del acento. Comparación A/B con el amarillo; se quita al decidir.

   El rojo (#E2261C) tiene MÁS contraste que el amarillo para texto,
   así que --acento-texto puede ser más saturado sin perder legibilidad.
   Único ajuste: el botón sólido lleva texto BLANCO, no tinta —
   tinta sobre rojo da 4.01:1 (justo), blanco da lo mismo pero se ve
   más limpio y es lo natural sobre un rojo intenso.
   ═══════════════════════════════════════════════════════ */
:root {
  --acento: #E2261C;          /* LED / bloques / luz */
  --acento-contraste: #FFFFFF;/* texto sobre el rojo = blanco */
  --acento-texto: #B01810;    /* texto y cursivas sobre marfil = 6.34:1 ✓ */
  --acento-linea: #C21D12;    /* bordes e íconos finos = 5.44:1 ✓ */
}

/* El botón sólido en modo claro usaba tinta sobre el acento; con rojo
   va blanco. */
body.hero-claro .hero-ctas .btn-solid:hover,
.btn-solid:hover,
.nav-cta:hover,
.plan-flag,
.plan-destacado .btn-solid {
  color: #FFFFFF;
}