/* IA avanzada: barra de órdenes (Ctrl+K), copiloto 24/7 y de foto a gráfico. Usa las variables de iron.css. */

/* ---------- barra de órdenes ---------- */
.cmdk{position:fixed;inset:0;z-index:65;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(5,8,14,.5);backdrop-filter:blur(3px)}
.cmdk.on{display:flex}
.cmdk-caja{width:100%;max-width:620px;background:var(--panel);border:1px solid var(--linea2);border-radius:14px;box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}
.cmdk-in{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--linea)}
.cmdk-in>svg{color:var(--acento)}
.cmdk-in input{flex:1;min-width:0;height:40px;border:0;outline:0;background:none;font-size:15px}
.cmdk-mic.on{color:var(--rojo);animation:cmdkLatido 1.1s ease-in-out infinite}
@keyframes cmdkLatido{50%{opacity:.45}}
.cmdk-res{display:none;padding:8px 16px;font-size:12.5px;font-weight:600;color:var(--suave);border-bottom:1px solid var(--linea)}
.cmdk-res.on{display:block}
.cmdk-res.bien{color:var(--verde)}
.cmdk-res.mal{color:var(--rojo)}
.cmdk-lista{overflow-y:auto;padding:6px;flex:1;min-height:0}
.cmdk-g{padding:8px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tenue)}
.cmdk-it{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;text-align:left;font-weight:600}
.cmdk-it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-it small{color:var(--tenue);font-weight:600;flex:none}
.cmdk-it.sel{background:var(--panel2);color:var(--acento)}
.cmdk-pie{display:flex;justify-content:space-between;gap:8px;padding:7px 14px;border-top:1px solid var(--linea);font-size:11px;color:var(--tenue)}
.cmdk-flot{position:absolute;right:72px;top:8px;z-index:6;width:34px;height:34px;border-radius:50%;display:none;place-items:center;
  background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--linea);color:var(--suave);backdrop-filter:blur(6px)}
.cmdk-flot:active{color:var(--acento)}
.menu-kbd{margin-left:auto}
@media (max-width:900px){
  .cmdk-flot{display:grid}
  .cmdk{padding:10px 10px 0;align-items:flex-start}
  .cmdk-caja{max-height:62vh;border-radius:14px}
  .cmdk-pie{display:none}
  .cmdk-in input{font-size:16px}
}

/* ---------- ventanas del copiloto y de la foto ---------- */
.caja.cop,.caja.foto{max-width:620px}
.cop-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px;flex:none}
.cop-cab b{font-size:16px;font-weight:800;display:block}
.cop-cab small{color:var(--suave);font-size:12px;display:block;margin-top:2px}
.cop-cuerpo,.foto-cuerpo{overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}
.cop-cuerpo section h6{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tenue);margin-bottom:7px}
.cop-cuerpo section h6 small{text-transform:none;letter-spacing:0;font-weight:600;margin-left:6px}
.cop-on{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--linea);border-radius:12px;cursor:pointer}
.cop-on.on{border-color:color-mix(in srgb,var(--verde) 55%,transparent)}
.cop-on input{position:absolute;opacity:0;pointer-events:none}
.cop-on i{width:38px;height:22px;border-radius:11px;background:var(--linea2);position:relative;flex:none;transition:background .15s}
.cop-on i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.cop-on input:checked+i{background:var(--verde)}
.cop-on input:checked+i::after{transform:translateX(16px)}
.cop-on input:focus-visible+i{outline:2px solid var(--acento);outline-offset:2px}
.cop-on b{display:block}
.cop-on small{color:var(--suave);font-size:12px}
.cop-push{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--suave)}
.cop-push.falta{color:var(--acento)}
.cop-chips{display:flex;flex-wrap:wrap;gap:6px}
.cop-chip,.cop-mk{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 11px;border-radius:15px;background:var(--panel2);color:var(--suave);font-weight:600;font-size:12px}
.cop-chip.on{background:var(--acento);color:var(--acentoTxt)}
.cop-mk{padding:0 4px 0 11px;color:var(--texto)}
.cop-mk button{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--tenue)}
.cop-mk button svg{width:13px;height:13px}
.cop-estilos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cop-est{text-align:left;padding:10px 12px;border:1px solid var(--linea);border-radius:10px}
.cop-est b{display:block;font-size:13px}
.cop-est small{color:var(--suave);font-size:11.5px}
.cop-est.on{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 8%,transparent)}
.cop-est.on b{color:var(--acento)}
.cop-check{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:600;color:var(--suave);cursor:pointer}
.cop-check input{accent-color:var(--acento);width:16px;height:16px}
.cop-apr{margin-top:8px;font-size:12px;color:var(--suave);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cop-fila{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.cop-fila label:not(.cop-check){display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--suave);flex:1;min-width:110px}
.cop-fila .cop-check{margin:0 0 8px}
.cop-fila input:not([type=checkbox]),.cop-fila select{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--linea2);background:var(--bg2);color:var(--texto);width:100%}
.cop-guardar{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:sticky;bottom:-16px;background:var(--panel);padding:10px 0;margin:-6px 0;border-top:1px solid var(--linea)}
.cop-msg{font-size:12px;color:var(--suave);flex:1}
.cop-av{width:100%;text-align:left;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;margin-bottom:8px;display:block}
.cop-av:hover{border-color:var(--linea2)}
.cop-av-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}
.cop-av-cab span{font-size:11.5px;font-weight:700}
.cop-av p{font-size:12.5px;color:var(--texto);line-height:1.45}
.cop-av small{display:block;margin-top:4px;font-size:11px;color:var(--tenue)}
.cop-res{margin-left:auto;padding:2px 8px;border-radius:10px;background:var(--panel2);color:var(--suave)}
.cop-res.sube{background:color-mix(in srgb,var(--verde) 15%,transparent)}
.cop-res.baja{background:color-mix(in srgb,var(--rojo) 15%,transparent)}
.cop-nota{font-size:11px;color:var(--tenue)}
.cop-causa{margin-top:4px;font-size:12px;color:var(--rojo)!important}
.cop-causa b{font-weight:700}
.cop-mem{border:1px solid var(--linea);border-radius:12px;padding:12px}
.cop-mem-int{font-size:12px;color:var(--suave);line-height:1.45;margin:4px 0 8px}
.cop-sub{margin:10px 0 6px;font-size:11.5px;color:var(--suave)}
.cop-causas{list-style:none;display:grid;gap:6px}
.cop-causas li{display:grid;grid-template-columns:1fr 70px 42px;align-items:center;gap:8px;font-size:12px}
.cop-causas i{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--rojo) var(--p),var(--panel2) var(--p))}
.cop-causas b{text-align:right;color:var(--suave)}
.cop-lec{padding-left:16px;display:grid;gap:6px;font-size:12px;line-height:1.45}
.cop-lec em{color:var(--suave);font-style:normal}
.sube{color:var(--verde)}.baja{color:var(--rojo)}

.foto-zona{display:grid;place-items:center;min-height:170px;border:1.5px dashed var(--linea2);border-radius:12px;cursor:pointer;overflow:hidden;background:var(--bg2)}
.foto-zona.encima,.foto-zona:focus-visible{border-color:var(--acento);outline:0}
.foto-vacia{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;text-align:center;color:var(--suave)}
.foto-vacia svg{width:28px;height:28px;color:var(--acento)}
.foto-vacia small{font-size:12px;color:var(--tenue)}
.foto-zona img{max-width:100%;max-height:260px;display:block}
.foto-zona img[hidden],.foto-vacia[hidden]{display:none}
.foto-acc{display:flex;align-items:center;gap:12px}
.foto-res{display:flex;flex-direction:column;gap:12px}
.foto-leido,.foto-nuestro{border:1px solid var(--linea);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.foto-nuestro h6{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tenue)}
.foto-mk{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.foto-mk b{font-size:16px}
.foto-mk span{color:var(--suave);font-weight:600}
.foto-mk em{font-style:normal;font-size:11px;color:var(--acento)}
.foto-av{padding-left:16px;color:var(--acento);font-size:12px}
.foto-coin{color:var(--verde);font-size:12px}
.foto-bts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.foto-leido .ia-fila,.foto-nuestro .ia-fila{display:flex;justify-content:space-between;gap:10px}
.foto-leido .ia-fila span,.foto-nuestro .ia-fila span{color:var(--suave)}
.foto-leido .ia-fila b,.foto-nuestro .ia-fila b{text-align:right}
@media (max-width:600px){
  .modal .caja.cop,.modal .caja.foto{max-height:calc(100vh - 80px)}
  .cop-estilos{grid-template-columns:1fr 1fr}
  .foto-bts .bt{flex:1;justify-content:center}
}
.ia-modos .bt.ia-foto{flex:none;padding:0 10px;color:var(--acento)}

/* copiloto en pestañas: resumen fijo arriba, Avisos / Aprendido / Ajustes */
.cop-top{position:sticky;top:0;z-index:2;background:var(--panel);display:flex;flex-direction:column;gap:10px;padding-bottom:2px}
.cop-tabs{display:flex;gap:4px;border-bottom:1px solid var(--linea)}
.cop-tab{flex:1;padding:9px 6px;font-size:13px;font-weight:700;color:var(--suave);border-bottom:2px solid transparent;margin-bottom:-1px}
.cop-tab small{font-size:11px;font-weight:600;color:var(--tenue);margin-left:3px}
.cop-tab.on{color:var(--texto);border-bottom-color:var(--acento)}
.cop-tab:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}
.cop-panel{display:flex;flex-direction:column;gap:14px}
.cop-linea{font-size:12px;color:var(--suave)}
.cop-mas{align-self:center}
.cop-panel .cop-mem{border:0;padding:0}
.cop-panel .cop-av{margin-bottom:0}
.cop-panel .cop-av p:not(.cop-causa){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* pestaña Aprendido: panel de datos interactivo (copiloto_aprendido.js) */
.apd{display:flex;flex-direction:column;gap:14px}
.apd-filtros{display:flex;flex-direction:column;gap:6px}
.apd-filtros>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.apd-chip{flex:none;padding:6px 12px;border-radius:999px;border:1px solid var(--linea);font-size:12px;font-weight:700;color:var(--suave);transition:background .15s,color .15s,border-color .15s}
.apd-chip:hover{border-color:var(--linea2);color:var(--texto)}
.apd-chip.on{background:var(--acento);border-color:var(--acento);color:#111}
.apd-hero{display:flex;align-items:center;gap:16px;padding:14px;border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--acento) 12%,transparent),transparent 60%),var(--panel2);border:1px solid var(--linea)}
.apd-anillo{position:relative;width:118px;height:118px;flex:none;display:grid;place-items:center}
.apd-anillo svg{position:absolute;inset:0;transform:rotate(-90deg)}
.apd-anillo circle{fill:none;stroke-width:10;stroke-linecap:round}
.apd-anillo .fondo{stroke:var(--linea)}
.apd-anillo .valor{stroke:var(--acento);stroke-dasharray:0 100;transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}
.apd.visto .apd-anillo .valor{stroke-dasharray:var(--pct) 100}
.apd-anillo>div{position:relative;text-align:center;line-height:1}
.apd-anillo b{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.apd-anillo span{font-size:15px;font-weight:700;color:var(--suave)}
.apd-anillo small{display:block;margin-top:4px;font-size:10.5px;color:var(--suave)}
.apd-kpis{display:flex;flex-direction:column;gap:10px;min-width:0}
.apd-kpi b{display:block;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.apd-kpi small{font-size:11px;color:var(--suave)}
.apd-kpi.sube b{color:var(--verde)}.apd-kpi.baja b{color:var(--rojo)}
.apd-t{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tenue);margin:4px 0 -4px}
.apd-t small{text-transform:none;letter-spacing:0;font-weight:600;margin-left:6px}
.apd-causas{list-style:none;display:flex;flex-direction:column;gap:6px}
.apd-causas>li,.apd-lec{border:1px solid var(--linea);border-radius:12px;overflow:hidden;transition:border-color .15s,background .15s}
.apd-causas>li:hover,.apd-lec:hover{border-color:var(--linea2)}
.apd-causas>li.abierto,.apd-lec.abierto{border-color:color-mix(in srgb,var(--acento) 45%,var(--linea));background:color-mix(in srgb,var(--acento) 4%,transparent)}
.apd-causa{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 34% 40px;align-items:center;gap:10px;padding:10px 12px;text-align:left;font-size:12.5px}
.apd-causa-t{font-weight:600}
.apd-barra{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}
.apd-barra i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--rojo) 65%,transparent),var(--rojo));transition:width .8s cubic-bezier(.2,.8,.2,1) var(--d)}
.apd.visto .apd-barra i{width:var(--w)}
.apd-causa b{text-align:right;color:var(--suave);font-variant-numeric:tabular-nums}
.apd-mas{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.apd-mas>*{overflow:hidden;min-height:0}
.abierto>.apd-mas{grid-template-rows:1fr}
.apd-mas p{padding:0 12px;font-size:12px;color:var(--suave)}
.apd-ejs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:8px 12px 12px}
.apd-ej{border:1px solid var(--linea);border-radius:10px;padding:8px;background:var(--bg2);display:flex;flex-direction:column;gap:6px}
.apd-mini{height:104px;display:grid}
.apd-mini svg{width:100%;height:104px}
.apd-mini text{font-size:8.5px;font-weight:700}
.apd-ej-pie{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--suave)}
.apd-ej-pie b{color:var(--texto)}
.apd-res{font-weight:700;white-space:nowrap}
.apd-ver{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--acento)}
.apd-ver:hover{text-decoration:underline}
.apd-nada{color:var(--tenue);font-size:11.5px;padding:4px 0}
.apd-lecs{display:flex;flex-direction:column;gap:6px}
.apd-lec-cab{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left}
.apd-lec-cab>span:first-child{flex:1;min-width:0}
.apd-lec-cab b{display:block;font-size:12.5px}
.apd-lec-cab small{font-size:11px;color:var(--suave)}
.apd-puntos{display:grid;grid-template-columns:repeat(10,6px);gap:3px;flex:none}
.apd-puntos i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--rojo) 55%,transparent)}
.apd-puntos i.b{background:var(--verde)}
.apd-flecha{width:8px;height:8px;border-right:2px solid var(--suave);border-bottom:2px solid var(--suave);transform:rotate(45deg);transition:transform .2s;flex:none;margin-left:2px}
.abierto .apd-flecha{transform:rotate(-135deg)}
.apd-comp{display:flex;flex-direction:column;gap:6px;padding:2px 12px 0}
.apd-comp span{position:relative;display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;padding:5px 8px;border-radius:6px;background:var(--panel2);overflow:hidden;isolation:isolate}
.apd-comp span::before{content:"";position:absolute;inset:0;width:var(--w);background:color-mix(in srgb,var(--rojo) 30%,transparent);z-index:-1}
.apd-comp span.base::before{background:color-mix(in srgb,var(--verde) 25%,transparent)}
.apd-comp em{font-style:normal;color:var(--suave);font-weight:600}
.apd-ajs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.apd-aj{border:1px solid var(--linea);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}
.apd-aj b{font-size:17px;color:var(--acento)}
.apd-aj span{font-size:12px;font-weight:700}
.apd-aj small{font-size:11px;color:var(--suave)}
.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--panel2),var(--linea),var(--panel2));background-size:200% 100%;animation:sk 1.2s linear infinite}
.apd-cargando .apd-anillo.sk{border-radius:50%}
.apd-cargando .apd-kpis{flex:1}.apd-cargando .apd-kpis i{height:18px}
.sk-l{height:40px}
.apd-mini .sk{height:100%}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.apd-anillo .valor,.apd-barra i,.apd-mas,.apd-flecha{transition:none}.sk{animation:none}}

/* Avisos: tarjetas vivas (copiloto_tarjetas.js) */
.cv-lista{display:flex;flex-direction:column;gap:10px}
.cv{position:relative;border-radius:14px;overflow:hidden;touch-action:pan-y;transition:opacity .2s,transform .2s}
.cv.fuera{opacity:0;transform:scale(.96)}
.cv-mov{position:relative;z-index:1;background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:8px;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .15s}
.cv.arrastra .cv-mov{transition:none}
.cv:hover .cv-mov{border-color:var(--linea2)}
.cv.cv-vivo .cv-mov{border-color:color-mix(in srgb,var(--acento) 40%,var(--linea))}
.cv-fondo{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:12.5px;font-weight:800;border-radius:14px;background:var(--panel2)}
.cv-fondo span{opacity:0;transition:opacity .15s}
.cv[data-lado="der"] .cv-fondo{background:color-mix(in srgb,var(--acento) 22%,var(--panel2))}
.cv[data-lado="izq"] .cv-fondo{background:color-mix(in srgb,var(--rojo) 20%,var(--panel2))}
.cv[data-lado="der"].arrastra .cv-fondo span:first-child,.cv[data-lado="izq"].arrastra .cv-fondo span:last-child{opacity:.6}
.cv.listo .cv-fondo span{opacity:1!important}
.cv-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cv-cab b{font-size:13.5px}
.cv-cab>span:not(.cop-res){font-size:11.5px;font-weight:700}
.cop-res.vivo{background:color-mix(in srgb,var(--acento) 16%,transparent);color:var(--acento);display:inline-flex;align-items:center;gap:6px}
.cv-punto{width:7px;height:7px;border-radius:50%;background:var(--acento);animation:cvlate 1.4s ease-in-out infinite}
@keyframes cvlate{50%{opacity:.25;transform:scale(.7)}}
.cv-mini{height:88px;display:grid;border-radius:8px;background:var(--bg2);overflow:hidden}
.cv-mini svg{width:100%;height:88px}
.cv-mini text{font-size:8.5px;font-weight:700}
.cv-mini .sk{height:100%}
.cv-prog{display:flex;flex-direction:column;gap:4px}
.cv-pista{position:relative;height:8px;border-radius:4px;background:var(--panel2)}
.cv-tramo{position:absolute;top:0;bottom:0;border-radius:4px}
.cv-tramo.mal{left:0;background:color-mix(in srgb,var(--rojo) 35%,transparent)}
.cv-tramo.bien{background:color-mix(in srgb,var(--verde) 30%,transparent)}
.cv-marca{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#f5c542;border-radius:1px}
.cv-pos{position:absolute;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:var(--texto);box-shadow:0 0 0 3px var(--panel),0 2px 8px rgba(0,0,0,.4);transition:left .6s cubic-bezier(.2,.8,.2,1)}
.cv-pos.sube{background:var(--verde)}.cv-pos.baja{background:var(--rojo)}
.cv-ley{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700}
.cv-r{font-size:12px;font-variant-numeric:tabular-nums}
.cv-txt{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-pie{display:flex;align-items:center;gap:8px}
.cv-pie small{flex:1;font-size:11px;color:var(--tenue)}
.cv-bt{font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid var(--linea);color:var(--suave)}
.cv-bt:hover{color:var(--texto);border-color:var(--linea2)}
.cv-bt.prim{border-color:transparent;background:color-mix(in srgb,var(--acento) 16%,transparent);color:var(--acento)}
.cv-arch-bt{align-self:center;font-size:12px;font-weight:700;color:var(--suave)}
.cv-ayuda{font-size:11px;color:var(--tenue);text-align:center}
.apd-chip small{font-weight:600;opacity:.7;margin-left:2px}
/* Ajustes interactivos */
.cop-sliders{display:flex;flex-direction:column;gap:12px}
.cop-desl{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--suave)}
.cop-desl>span{display:flex;justify-content:space-between;align-items:baseline}
.cop-desl output{font-size:15px;font-weight:800;color:var(--texto);font-variant-numeric:tabular-nums}
.cop-desl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acento) var(--p),var(--panel2) var(--p));outline:none}
.cop-desl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--texto);border:4px solid var(--acento);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:grab;transition:transform .12s}
.cop-desl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);cursor:grabbing}
.cop-desl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--texto);border:4px solid var(--acento)}
.cop-desl input[type=range]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 35%,transparent)}
.cop-previa{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--acento) 35%,var(--linea));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--acento) 12%,transparent),transparent 60%),var(--panel2);transition:opacity .2s}
.cop-previa.cargando{opacity:.55}
.cop-previa>.sk{height:44px;flex:1}
.cop-previa-n{display:flex;align-items:center;gap:8px;flex:none}
.cop-previa-n b{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--acento)}
.cop-previa-n small{font-size:11px;color:var(--suave);line-height:1.3}
.cop-previa-d{display:flex;flex-direction:column;gap:2px;font-size:12px;min-width:0}
.cop-previa-d small{font-size:10.5px;color:var(--tenue)}
.cop-est-dato{display:flex;gap:8px;margin-top:6px;font-style:normal;font-size:11px;font-weight:700;color:var(--suave)}
.cop-est-dato:empty{display:none}
.cop-riesgo{font-size:12px;color:var(--suave)}
.cop-riesgo b{color:var(--texto)}
@media (prefers-reduced-motion:reduce){.cv-punto{animation:none}.cv-pos,.cv-mov{transition:none}}
.cop-aviso-tf{margin-top:8px;font-size:12px;color:var(--acento)}

/* analista: tarjeta de evidencia validada */
.ia-ev{border:1px solid color-mix(in srgb,var(--acento) 35%,var(--linea));border-radius:12px;padding:10px 12px;margin:10px 0;background:color-mix(in srgb,var(--acento) 5%,transparent);display:flex;flex-direction:column;gap:6px}
.ia-ev h6{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tenue)}
.ia-ev h6 small{text-transform:none;letter-spacing:0;font-weight:600;margin-left:6px}
.ia-ev-fila{display:grid;grid-template-columns:28px auto 1fr;align-items:center;gap:4px 8px;font-size:12.5px}
.ia-ev-fila small{grid-column:1/-1;font-size:11px;color:var(--suave)}
.ia-ev-pos{font-weight:800}
.ia-ev-val{justify-self:end;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:10px;background:color-mix(in srgb,var(--verde) 16%,transparent);color:var(--verde)}
.ia-ev-fila.novalida .ia-ev-val{background:var(--panel2);color:var(--suave)}
.ia-ev-fila.novalida .ia-ev-pos{opacity:.6}
.ia-ev-cl,.ia-ev-ia{font-size:12px;color:var(--suave);line-height:1.45}
.ia-ev-ia{color:var(--texto)}
.ia-contra{font-size:11px;font-weight:800;padding:3px 9px;border-radius:10px;background:color-mix(in srgb,var(--rojo) 16%,transparent);color:var(--rojo)}

/* Radar del copiloto (copiloto_radar.js) */
.rdr{display:flex;flex-direction:column;gap:10px}
.rd-cab b{font-size:13.5px;display:block}
.rd-cab small{font-size:11px;color:var(--suave)}
.rd-avisar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linea);border-radius:12px;cursor:pointer}
.rd-avisar input{position:absolute;opacity:0;pointer-events:none}
.rd-avisar i{width:34px;height:20px;border-radius:10px;background:var(--linea2);position:relative;flex:none;transition:background .15s}
.rd-avisar i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}
.rd-avisar input:checked+i{background:var(--verde)}
.rd-avisar input:checked+i::after{transform:translateX(14px)}
.rd-avisar b{display:block;font-size:12.5px}.rd-avisar small{font-size:11px;color:var(--suave)}
.rd-op{border:1px solid var(--linea);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:8px;background:var(--panel)}
.rd-op.rd-nueva{border-color:color-mix(in srgb,var(--verde) 55%,var(--linea));box-shadow:0 0 0 1px color-mix(in srgb,var(--verde) 25%,transparent),0 6px 24px -12px color-mix(in srgb,var(--verde) 60%,transparent)}
.rd-op.rd-apunto{border-color:color-mix(in srgb,var(--acento) 55%,var(--linea))}
.rd-op-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rd-op-cab b{font-size:13.5px}
.rd-op-cab>span:not(.rd-badge){font-size:11.5px;font-weight:700}
.rd-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:10px;font-size:11.5px;font-weight:800}
.rd-badge.rd-nueva{background:color-mix(in srgb,var(--verde) 18%,transparent);color:var(--verde)}
.rd-badge.rd-nueva .cv-punto{background:var(--verde)}
.rd-badge.rd-apunto{background:color-mix(in srgb,var(--acento) 18%,transparent);color:var(--acento)}
.rd-badge.rd-curso{background:var(--panel2);color:var(--suave)}
.rd-txt{font-size:12.5px;line-height:1.45}
.rd-cerca{display:flex;flex-direction:column;gap:4px}
.rd-cerca i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acento) var(--w),var(--panel2) var(--w))}
.rd-cerca small{font-size:10.5px;color:var(--suave)}
.rd-val{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;font-weight:700;color:var(--suave)}

/* 2-oct-2026: pestaña "En vivo" del copiloto que aprende */
.vv{display:flex;flex-direction:column;gap:8px}
.vv-cuenta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vv-cuenta>div{border:1px solid var(--linea);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.vv-cuenta small{color:var(--suave);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.vv-cuenta b{font-size:18px;font-variant-numeric:tabular-nums}
.vv-cuenta span{font-size:12px;font-variant-numeric:tabular-nums}
.vv-h{margin:10px 0 2px;font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.05em}
.vv-niveles{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--suave);font-variant-numeric:tabular-nums}
.vv-niveles b{color:var(--texto)}
.vv-porque{display:block;margin-top:4px;color:var(--suave);font-size:11.5px;line-height:1.4}
.vv-op .cop-av-cab>b.sube,.vv-op .cop-av-cab>b.baja{margin-left:auto}
.vv-aprendido{border:1px solid var(--linea);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}
.vv-aprendido p{margin:0 0 4px}
.vv-aprendido ul{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--suave)}
@media (max-width:420px){.vv-cuenta{grid-template-columns:1fr 1fr}}
.vv-mini{margin-top:6px;border-radius:8px;overflow:hidden;background:var(--bg2)}
.vv-mini svg{display:block;width:100%;height:auto;font:10px Inter,system-ui,sans-serif}
.vv-mini .sk{display:block;height:90px}
.vv-mini svg text{font-size:7.5px}