/* indicadores.css — las dos barras de cada empresa (oct 2026).
   La plantilla es única (metersHTML, en assets/analisis-ui.js) y este es su único
   estilo: lo cargan la página Análisis de los tres sectores y las fichas de empresa.
   Usa los tokens de <sector>/styles.css.

   · Solidez del negocio  → degradado rojo → amarillo → verde (más es mejor).
   · Precio frente a analistas → degradado azul → gris → naranja. A propósito NO es
     un semáforo: estar por debajo del consenso no es "bueno" ni estar por encima
     "malo", y un verde ahí se leería como "compra".
   En ambas: el tramo activo va a pleno color con un marcador; el resto, atenuado.
   El valor se lee SIEMPRE en la palabra de la derecha, nunca solo en el color.   */

.ax-meters{--m-surface:var(--bg-card);--m-h:6px;--m-knob:10px;font-family:var(--sans)}
.ax-meter{display:block;min-width:0;--m-c:var(--ink-muted)}
.ax-meter[data-kind="sol"]{--m-grad:linear-gradient(90deg,#ef4444 0%,#f97316 25%,#f5b50b 50%,#9bcf2e 75%,#22c55e 100%)}
.ax-meter[data-kind="cons"]{--m-grad:linear-gradient(90deg,#38bdf8 0%,#7e8099 50%,#fb923c 100%)}
.ax-meter[data-kind="sol"][data-lvl="1"]{--m-c:#ef4444}
.ax-meter[data-kind="sol"][data-lvl="2"]{--m-c:#f97316}
.ax-meter[data-kind="sol"][data-lvl="3"]{--m-c:#f5b50b}
.ax-meter[data-kind="sol"][data-lvl="4"]{--m-c:#9bcf2e}
.ax-meter[data-kind="sol"][data-lvl="5"]{--m-c:#22c55e}
.ax-meter[data-kind="cons"][data-lvl="1"]{--m-c:#38bdf8}
.ax-meter[data-kind="cons"][data-lvl="2"]{--m-c:#5ba0c9}
.ax-meter[data-kind="cons"][data-lvl="3"]{--m-c:#9a9cb1}
.ax-meter[data-kind="cons"][data-lvl="4"]{--m-c:#c98a66}
.ax-meter[data-kind="cons"][data-lvl="5"]{--m-c:#fb923c}

/* Etiqueta (izquierda) y valor en palabras (derecha) */
.ax-meter-top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .42rem}
.ax-meter-k{font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ax-meter-v{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45em;font-size:.82rem;font-weight:600;letter-spacing:-.005em;color:var(--ink);white-space:nowrap}
.ax-meter-v::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--m-c);flex:0 0 auto}
.ax-meter[data-lvl="0"] .ax-meter-v{color:var(--ink-muted);font-weight:500}
.ax-meter[data-lvl="0"] .ax-meter-v::before{display:none}

/* Barra: 5 tramos, cada uno una "ventana" del mismo degradado */
.ax-meter-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;height:var(--m-h)}
.ax-meter-bar i{display:block;position:relative;height:100%;border-radius:1.5px;background-image:var(--m-grad);background-size:500% 100%;background-repeat:no-repeat;opacity:.4;transition:opacity .25s}
.ax-meter-bar i:nth-child(1){background-position:0 0;border-radius:99px 1.5px 1.5px 99px}
.ax-meter-bar i:nth-child(2){background-position:25% 0}
.ax-meter-bar i:nth-child(3){background-position:50% 0}
.ax-meter-bar i:nth-child(4){background-position:75% 0}
.ax-meter-bar i:nth-child(5){background-position:100% 0;border-radius:1.5px 99px 99px 1.5px}
.ax-meter-bar i.on{opacity:1;box-shadow:0 0 12px -2px var(--m-c)}
.ax-meter-bar i.on::after{content:"";position:absolute;top:50%;left:50%;width:var(--m-knob);height:var(--m-knob);border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--m-surface),0 1px 4px rgba(0,0,0,.5);transform:translate(-50%,-50%)}
.ax-meter[data-lvl="0"] .ax-meter-bar i{background:var(--line-bright);opacity:1}

/* ── Tarjeta (compacto) ── */
.ax-meters--mini{display:grid;gap:.72rem;padding-top:.85rem;border-top:1px solid var(--line)}

/* ── Informe y ficha (completo) ── */
.ax-meters--full{--m-surface:var(--bg-2);--m-h:10px;--m-knob:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.4rem 0 0}
.ax-meters--full .ax-meter{background:var(--bg-2);border:1px solid var(--line-bright);border-radius:14px;padding:1rem 1.05rem 1.05rem}
.ax-meters--full .ax-meter-top{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.8rem}
.ax-meters--full .ax-meter-k{font-size:.66rem}
.ax-meters--full .ax-meter-v{font-size:1.05rem}
.ax-meters--full .ax-meter-v::before{width:9px;height:9px}
.ax-meter-ends{display:flex;justify-content:space-between;margin:.4rem 0 0;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.ax-meter-sub{margin:.85rem 0 0;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}
.ax-crit{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.42rem}
.ax-crit li{display:flex;align-items:center;gap:.55em;font-size:.88rem;line-height:1.3;color:var(--ink-soft)}
.ax-crit-i{flex:0 0 auto;width:1.25em;height:1.25em;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;line-height:1}
.ax-crit li.ok .ax-crit-i{color:var(--up);background:rgba(34,197,94,.14)}
.ax-crit li.no{color:var(--ink-muted)}
.ax-crit li.no .ax-crit-i{color:var(--down);background:rgba(239,68,68,.14)}
.ax-crit li.na{color:var(--ink-muted)}
.ax-crit li.na .ax-crit-i{color:var(--ink-muted);background:var(--line-bright)}
.ax-meter-note{margin:.8rem 0 0;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
.ax-meter-src{margin:.8rem 0 0;padding-top:.7rem;border-top:1px solid var(--line);font-size:.74rem;line-height:1.5;color:var(--ink-muted)}
.ax-meter-src b{font-weight:600;color:var(--ink-soft)}
.ax-meter-src a,.ax-meters-foot a{color:var(--ink-soft)}
.ax-meters-foot{grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.5;color:var(--ink-muted)}
.ax-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Leyenda bajo el filtro de la página Análisis */
.an-legend{display:flex;flex-wrap:wrap;gap:.45rem 1.4rem;margin:-.3rem 0 1.3rem;font-size:.8rem;line-height:1.45;color:var(--ink-muted)}
.an-legend>span{display:inline-flex;align-items:baseline;gap:.6em}
.an-legend i{position:relative;top:-.12em}
.an-legend b{font-weight:600;color:var(--ink-soft)}
.an-legend i{flex:0 0 auto;width:34px;height:6px;border-radius:99px}
.an-legend i.sol{background:linear-gradient(90deg,#ef4444,#f5b50b,#22c55e)}
.an-legend i.cons{background:linear-gradient(90deg,#38bdf8,#7e8099,#fb923c)}
.an-legend a{color:var(--ink-soft)}

/* En la ficha de empresa el bloque va sobre el fondo de página */
.co-sec .ax-meters--full{--m-surface:var(--bg-card);margin:0 0 1rem}
.co-sec .ax-meters--full .ax-meter{background:var(--bg-card);border-color:var(--border-card);border-radius:var(--r-card,16px)}

@media(max-width:620px){.ax-meters--full{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ax-meter-bar i{transition:none}}
@media(forced-colors:active){.ax-meter-bar i{opacity:1;background:GrayText}.ax-meter-bar i.on{background:Highlight}}