/* Los chips de eje (PLANUI §0.3; components/chipsEje.js): el glifo y el nombre en el color del eje, el fondo en su
   relleno tenue, el triángulo y el número con el signo en --up / --down. Sin colores literales: todo sale de --eje-*
   (tokens.css). C1b: los triángulos de magnitud, el chip de solo texto (un efecto sin número, neutro) y la variante tenue
   de la tira técnica del relato. */
.eje-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.eje-chip {
  --eje: var(--ink-dim);
  --eje-f: transparent;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px 3px 7px; border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--eje) 45%, transparent);
  background: var(--eje-f);
  color: var(--eje);
  font: 600 12px/1.2 var(--f-mono);
  white-space: nowrap;
  text-shadow: none;
}
.eje-chip--grande { padding: 5px 12px; font-size: 14px; }
.eje-chip--texto { white-space: normal; font-weight: 500; color: var(--ink-dim); }
.eje-chip-ico { width: 14px; height: 14px; }
.eje-chip-nombre { color: var(--eje); }
.eje-chip--texto .eje-chip-nombre { color: var(--ink-dim); }
.eje-chip .ln-tri { margin-left: 1px; }
.eje-chip-n { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
.eje-chip[data-signo="sube"] .eje-chip-n { color: var(--up); }
.eje-chip[data-signo="baja"] .eje-chip-n { color: var(--down); }
.eje-chip[data-signo="igual"] .eje-chip-n { color: var(--ink-mute); }
.eje-chip-sufijo { color: var(--ink-dim); font-weight: 500; }
.eje-chip[data-eje="soloq"] { --eje: var(--eje-soloq); --eje-f: var(--eje-soloq-fill); }
.eje-chip[data-eje="estudios"] { --eje: var(--eje-estudios); --eje-f: var(--eje-estudios-fill); }
.eje-chip[data-eje="sueno"] { --eje: var(--eje-sueno); --eje-f: var(--eje-sueno-fill); }
.eje-chip[data-eje="casa"] { --eje: var(--eje-casa); --eje-f: var(--eje-casa-fill); }
.eje-chip[data-eje="cabeza"] { --eje: var(--eje-cabeza); --eje-f: var(--eje-cabeza-fill); }
.eje-chip[data-eje="juego"] { --eje: var(--eje-juego); --eje-f: var(--eje-juego-fill); }
.eje-chip[data-eje="fama"] { --eje: var(--eje-fama); --eje-f: var(--eje-fama-fill); }
.eje-chip[data-eje="equipo"] { --eje: var(--eje-equipo); --eje-f: var(--eje-equipo-fill); }

/* la tira técnica: los mismos chips, chicos y sin relleno (se leen, no compiten) */
.eje-chips--tenue { gap: 4px; }
.eje-chips--tenue .eje-chip { padding: 1px 7px 1px 5px; gap: 4px; font-size: 11px; background: transparent; border-color: var(--linea); }
.eje-chips--tenue .eje-chip-ico { width: 12px; height: 12px; }
.eje-chips--tenue .eje-chip-n { color: var(--ink-dim); }
.eje-chips--tenue .eje-chip[data-signo="sube"] .eje-chip-n { color: var(--up); }
.eje-chips--tenue .eje-chip[data-signo="baja"] .eje-chip-n { color: var(--down); }