/* Ajuste 19 de la ficha (30-31/10/2026): rango probable en las tarjetas de predicción y resultado real en amarillo.
   Paleta de Ordenatec-marca (8-colores), la del simulador del resumen: azul intenso para la estimación, azul eléctrico y
   sus tintes para el rango amplio, azul noche para el valor central, pizarra y niebla para textos y pista, y amarillo
   aviso para el resultado real y cian radar para la vez anterior (31/10); en oscuro, brillo, fondo y blanco hielo, y
   tintes de niebla sobre azul noche. Los puntos de fiabilidad (verde, ámbar, gris) son los de siempre.
   Solo da estilo a los nodos propios (data-ot-r); la cifra original se oculta únicamente cuando la tarjeta tiene rango.
   Los nombres de las variables no acaban en ink, muted, surface ni soft: el tema oscuro reescribe esas. */
.predictive-wrap{--ot-r-azul:#0b64f0;--ot-r-celeste:#a3d4fa;--ot-r-celeste-borde:#0d8ef2;--ot-r-hielo:#e7f4fe;--ot-r-pista:#e3eaf5;--ot-r-noche:#0b1b33;
  --ot-r-gris:#607089;--ot-r-escala:#607089;--ot-r-oro:#f2c14e;--ot-r-oro-letra:#6b4b00;--ot-r-alta:#1e8e5a;--ot-r-media:#e0a412;--ot-r-baja:#9aa8bd;
  --ot-r-fondo:#fff;--ot-r-burbuja:#0b1b33;--ot-r-burbuja-letra:#f4f8ff;--ot-r-cian:#17b8f6}
html[data-ot-theme=dark] .predictive-wrap{--ot-r-azul:#6fe0ff;--ot-r-celeste:#0c4376;--ot-r-celeste-borde:#0d8ef2;--ot-r-hielo:#0c3360;--ot-r-pista:#2b3a50;
  --ot-r-noche:#f4f8ff;--ot-r-gris:#adb6c4;--ot-r-escala:#8d97a7;--ot-r-oro-letra:#f2c14e;--ot-r-fondo:#0b1b33;--ot-r-burbuja:#f4f8ff;--ot-r-burbuja-letra:#0b1b33}

.predictive-card:has(> .ot-r-box) > .predictive-value{display:none!important}
.predictive-actions-grid:has(.ot-r-level) > .predictive-card{justify-content:flex-start!important}
.predictive-card > .ot-r-box{display:flex;flex-direction:column;gap:6px;min-width:0}
.ot-r-value{position:relative;align-self:flex-start;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--ot-r-azul);cursor:help;border-radius:6px;outline:none}
.ot-r-value:focus-visible{box-shadow:0 0 0 2px var(--ot-r-fondo),0 0 0 4px var(--ot-r-azul)}
.ot-r-value small{font-size:15px;font-weight:700;color:var(--ot-r-gris)}
.ot-r-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ot-r-tip{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:260px;max-width:min(260px,80vw);padding:10px 12px;border-radius:8px;
  background:var(--ot-r-burbuja);color:var(--ot-r-burbuja-letra);font-size:12px;font-weight:400;line-height:1.45;letter-spacing:0;box-shadow:0 6px 18px rgba(11,27,51,.18)}
.ot-r-value:hover > .ot-r-tip,.ot-r-value:focus > .ot-r-tip,.ot-r-prev:hover > .ot-r-tip,.ot-r-prev:focus > .ot-r-tip{display:block}

/* bajada: banda de 0 a 60 % (70 % si el rango o el resultado pasan de 60) */
.ot-r-band{position:relative;height:36px;margin-top:2px}
.ot-r-track{position:absolute;left:0;right:0;top:12px;height:8px;border-radius:4px;background:var(--ot-r-pista)}
.ot-r-b80,.ot-r-b50{position:absolute;top:12px;height:8px;border-radius:4px;transform:scaleX(0)}
.ot-r-b80{background:var(--ot-r-celeste);box-shadow:inset 0 0 0 1px var(--ot-r-celeste-borde)}
.ot-r-b50{background:var(--ot-r-azul)}
.ot-r-centre{position:absolute;top:8px;width:2px;height:16px;border-radius:1px;background:var(--ot-r-noche);box-shadow:0 0 0 1px var(--ot-r-fondo);opacity:0}
.ot-r-tick{position:absolute;top:25px;font-size:10px;line-height:1;color:var(--ot-r-escala);transform:translateX(-50%);white-space:nowrap}
.ot-r-tick.ot-r-first{left:0;transform:none}
.ot-r-tick.ot-r-last{right:0;transform:none}
.ot-r-tick.ot-r-faded{opacity:0}
.ot-r-pin{position:absolute;top:9px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ot-r-oro);
  box-shadow:0 0 0 2px var(--ot-r-fondo),0 0 0 3px var(--ot-r-oro-letra),0 2px 6px rgba(107,75,0,.35);opacity:0;transform:translateY(-14px)}
.ot-r-pin b{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--ot-r-oro-letra);white-space:nowrap}
/* la vez anterior: una marca fina en cian radar sobre la misma pista */
.ot-r-prev-mark{position:absolute;top:7px;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:var(--ot-r-cian);box-shadow:0 0 0 1.5px var(--ot-r-fondo);opacity:0}

/* licitadores: un punto por oferta posible */
.ot-r-dots{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}
.ot-r-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ot-r-pista);background:var(--ot-r-fondo);opacity:0;transform:scale(.4);box-sizing:border-box}
.ot-r-dots.ot-r-dense{gap:3px}
.ot-r-dots.ot-r-dense i{width:10px;height:10px;border-width:1.5px}
.ot-r-dots i.ot-r-d80{border-color:var(--ot-r-celeste-borde);background:var(--ot-r-hielo)}
.ot-r-dots i.ot-r-d50{border-color:var(--ot-r-azul);background:var(--ot-r-azul)}
.ot-r-dots i.ot-r-dreal{background:var(--ot-r-oro);border-color:var(--ot-r-oro-letra);box-shadow:0 0 0 2px var(--ot-r-fondo)}
.ot-r-dots i.ot-r-dprev{box-shadow:0 0 0 2px var(--ot-r-fondo),0 0 0 4px var(--ot-r-cian)}
.ot-r-dots.ot-r-dense i.ot-r-dprev{box-shadow:0 0 0 1px var(--ot-r-fondo),0 0 0 2.5px var(--ot-r-cian)}
.ot-r-dots em{font-style:normal;font-size:10px;color:var(--ot-r-escala)}
.ot-r-dots.ot-r-dense em{margin-left:2px}

/* animaciones al entrar en pantalla */
.ot-r-on .ot-r-b80,.ot-r-on .ot-r-b50{animation:ot-r-open .9s cubic-bezier(.2,.8,.2,1) forwards}
.ot-r-on .ot-r-b50{animation-delay:.25s}
.ot-r-on .ot-r-centre{animation:ot-r-show .3s .9s forwards}
.ot-r-on .ot-r-prev-mark{animation:ot-r-show .3s 1.05s forwards}
.ot-r-on .ot-r-pin{animation:ot-r-drop .45s 1.25s cubic-bezier(.3,1.5,.5,1) forwards}
.ot-r-on .ot-r-dots i{animation:ot-r-dot .35s forwards}
@keyframes ot-r-open{to{transform:scaleX(1)}}
@keyframes ot-r-show{to{opacity:1}}
@keyframes ot-r-drop{to{opacity:1;transform:translateY(0)}}
@keyframes ot-r-dot{to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .ot-r-b80,.ot-r-b50{transform:none}
  .ot-r-centre,.ot-r-pin,.ot-r-prev-mark,.ot-r-dots i{opacity:1;transform:none}
  .ot-r-box *{animation:none!important}
}

/* pie: fiabilidad con punto de color, el ⓘ de siempre, el resultado real y la vez anterior */
.predictive-sub:has(> .ot-r-level){display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:auto!important;padding-top:2px;font-size:12px!important;line-height:1.35!important;color:var(--ot-r-gris)!important}
.predictive-sub > .ot-r-level,.predictive-sub > .ot-r-real,.predictive-sub > .ot-r-prev{font-size:12px!important;line-height:1.35!important}
.predictive-sub:has(> .ot-r-level) > .predictive-info{margin-right:auto!important}
.ot-r-level{display:inline-flex;align-items:center;gap:8px}
.ot-r-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--ot-r-baja)}
.ot-r-dot.ot-r-alta{background:var(--ot-r-alta)}
.ot-r-dot.ot-r-media{background:var(--ot-r-media)}
.ot-r-dot.ot-r-lotes{background:var(--ot-r-celeste-borde)}
.ot-r-real{display:inline-flex;align-items:center;gap:6px;color:var(--ot-r-oro-letra);font-weight:700}
.ot-r-pin-mini{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ot-r-oro);box-shadow:0 0 0 2px var(--ot-r-fondo),0 0 0 3px var(--ot-r-oro-letra)}
.ot-r-prev{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--ot-r-noche);font-weight:700;cursor:help;border-radius:4px;outline:none}
.ot-r-prev:focus-visible{box-shadow:0 0 0 2px var(--ot-r-fondo),0 0 0 4px var(--ot-r-cian)}
.ot-r-prev-mini{display:inline-block;flex:none;width:3px;height:12px;border-radius:2px;background:var(--ot-r-cian)}
.ot-r-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ot-r-gris);margin-top:6px}
.ot-r-legend > span{display:inline-flex;align-items:center;gap:6px}
.ot-r-sw{display:inline-block;width:18px;height:8px;border-radius:4px;background:var(--ot-r-azul)}