/* Accesibilidad — contraste de etiquetas pequeñas (WCAG AA 4.5:1).
 *
 * Sube SOLO el contraste de etiquetas pequeñas que sobre fondo CLARO quedaban
 * demasiado claras para leerse. NO toca el coral de marca (#ec3f68) en botones,
 * barras de acento, títulos, comparativas ni sobre fondos oscuros/degradados.
 * Cargado después de styles.css. Verificado en navegador (antes → después).
 *
 *  Dónde                         color antes   color nuevo   contraste
 *  fichas (QUÉ PERMITE…)         #94a3b8       #5b6b82       2.45 → 5.43
 *  cabeceras de sección eyebrow  #ec3f68       #cf2e58       3.83 → 5.02
 *  subtítulo de listas           #7e8fa9       #5b6b82       3.29 → 5.43
 *  Mari Chei "opciones guardadas"#ec3f68       #cf2e58       3.83 → 5.02
 *  Mari Chei "Mi Ruta" (rosa)    #ff8ba5       #cf2e58       2.21 → 5.02
 */

/* Fichas: kickers de sección ("QUÉ PERMITE", "REQUISITOS", "DURACIÓN…") */
.ficha-summary b { color: #5b6b82 !important; }

/* Cabeceras de sección: eyebrow coral pequeño sobre fondo claro */
.section-head .eyebrow { color: #cf2e58 !important; }

/* Listas: subtítulo de la jerarquía ("Paso 1 · FP → familia profesional") */
.hierarchy-picker strong + span { color: #5b6b82 !important; }

/* Mari Chei: etiqueta "opciones oficiales guardadas" del encabezado */
.marichei-ai-hero aside small { color: #cf2e58 !important; }

/* Mari Chei: etiqueta rosa "Mi Ruta" del panel de ruta */
.marichei-ai-route > span { color: #cf2e58 !important; }

/* Mari Chei: rótulos de los pasos de la entrevista ("1. Entrada", "2. Contexto"…)
   sobre fondo claro. Solo los de la lista (ol > li); NO el "Entrevista
   orientadora" del encabezado, que va sobre fondo oscuro y se queda coral. */
.marichei-ai-interview-map ol li span { color: #cf2e58 !important; }

/* Vista orientador (demo profesional): rótulos coral pequeños sobre fondo claro
   (overlines y kickers de los paneles). Verificado: todos esos span son kickers
   coral, no hay texto normal. El hero (sobre degradado) conserva su coral. */
.advisor-panel-head .overline,
.advisor-panel span,
.advisor-metrics span,
.advisor-case-facts span,
.advisor-agreement-list span,
.advisor-risk span { color: #cf2e58 !important; }

/* Estados vacíos y pistas del CV: gris #94a3b8 sobre blanco (~2.6:1) → #5b6b82 (5.43) */
.exp-empty,
.espacio-empty-inline,
.cv-photo-preview span { color: #5b6b82 !important; }

/* Utilidad de accesibilidad: texto solo para lectores de pantalla.
   Se usa para el <h1> propio que el router inserta en las páginas que titulan
   con <h2>, sin alterar el diseño visual. */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}