/* =========================================================================
   ZERTI · Refuerzo global de contraste (WCAG AA — ≥4.5:1 sobre fondo blanco)
   ------------------------------------------------------------------------
   PROBLEMA que resuelve:
     Decenas de vistas del sitio (panel, portal, público) tenían texto con
     estilo INLINE `style="color:#6b7280"` (Tailwind gray-500) u otros grises
     débiles. En macOS con anti-aliasing sub-píxel se leen "medio bien"; en
     Windows con ClearType se ven fantasmales (contraste ~3.8:1 sobre fondos
     pastel). Además viola la regla interna: [[zerti-contraste-alto]].

   ENFOQUE:
     - Los attribute selectors `[style*="color:#6b7280"]` interceptan CADA
       estilo inline que use uno de los grises prohibidos y lo sube a un
       color WCAG-safe. `!important` es NECESARIO aquí (los estilos inline
       ganan por especificidad; sin !important el selector no gana).
     - Coste bajo: navegadores modernos evalúan attribute selectors sin
       impacto perceptible.
     - Los identificadores del sistema de diseño (--text-2 en tokens, o
       clases utilitarias) NO se tocan — solo el hardcode inline problemático.

   REGLA de mantenimiento (guardada en memoria):
     NUNCA escribir `style="color:#6b7280|#94a3b8|#9ca3af|#8b93a0|#8a90a0|
     #9aa1ad|#a3abb8|#64748b|#d1d5db"` en ninguna vista nueva. Usar tokens
     --text/--text-2/--text-3 (panel) o var(--text)/#334155/#1f2937 (público).
   ========================================================================= */

/* Grises débiles → suben a #334155 (slate-700, ~9.8:1 sobre blanco). */
[style*="color:#6b7280"],
[style*="color: #6b7280"],
[style*="color:#6B7280"],
[style*="color: #6B7280"],
[style*="color:#94a3b8"],
[style*="color: #94a3b8"],
[style*="color:#94A3B8"],
[style*="color:#9ca3af"],
[style*="color: #9ca3af"],
[style*="color:#9CA3AF"],
[style*="color:#8b93a0"],
[style*="color: #8b93a0"],
[style*="color:#8B93A0"],
[style*="color:#8a90a0"],
[style*="color: #8a90a0"],
[style*="color:#9aa1ad"],
[style*="color: #9aa1ad"],
[style*="color:#a3abb8"],
[style*="color: #a3abb8"],
[style*="color:#64748b"],
[style*="color: #64748b"],
[style*="color:#64748B"],
[style*="color:#d1d5db"],
[style*="color: #d1d5db"],
[style*="color:#D1D5DB"] {
  color: #334155 !important;
}

/* Grises muy débiles (casi invisibles) → suben aún más a #1f2937 (~13:1). */
[style*="color:#e5e7eb"],
[style*="color: #e5e7eb"],
[style*="color:#cbd5e1"],
[style*="color: #cbd5e1"],
[style*="color:#e2e8f0"],
[style*="color: #e2e8f0"] {
  color: #1f2937 !important;
}

/* Enlaces "Ver la guía de ayuda", "Ver más" y similares: refuerzo aunque
   usen color tenue por herencia. */
a[style*="color:#6b7280"],
a[style*="color: #6b7280"],
a[style*="color:#94a3b8"] {
  color: #1e40af !important;
  font-weight: 600;
}

/* CLASES globales genéricas usadas para texto secundario/hint. Si un tema
   externo o CSS antiguo las setea a un gris débil, forzamos legibilidad. */
.text-muted,
.text-secondary,
.text-tenue,
.text-hint,
.panel-hint {
  color: #334155 !important;
}

/* Compat: el sitio público define --text-2:#5b6072 (~5.6:1). Aceptable
   pero se ve "tenue". Lo subimos a slate-700 para lectura confortable. */
:root {
  --text-2: #334155 !important;
}