/* demo Acelera Sales: estilos de las maquetas aprobadas (unión) + añadidos de la demo */
:root{
  --fondo:#f3f4f7; --cristal:rgba(255,255,255,.68); --cristal-borde:rgba(255,255,255,.9);
  --tarjeta:#fff; --tarjeta-borde:rgba(16,27,51,.06); --texto:#101b33; --texto-2:#5b6478; --texto-3:#98a0b0;
  --linea:rgba(16,27,51,.07); --relleno:rgba(16,27,51,.045); --relleno-2:rgba(16,27,51,.09);
  --sombra:0 1px 1px rgba(16,27,51,.03),0 6px 20px rgba(16,27,51,.05); --sombra-alta:0 2px 4px rgba(16,27,51,.04),0 14px 36px rgba(16,27,51,.09);
  --azul:#146bff; --azul-suave:rgba(20,107,255,.10); --naranja:#ff8a00; --naranja-suave:rgba(255,138,0,.12);
  --google:#e0574f; --meta:#5b8def; --g1:#7d8597; --g2:#b3b9c6; --g3:#d6dae2;
  --bien:#1f9d55; --bien-suave:rgba(31,157,85,.10); --mal:#e0453a; --mal-suave:rgba(224,69,58,.09);
  --f:"Manrope",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;
  --r:20px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fondo:#0c0d11; --cristal:rgba(24,26,33,.7); --cristal-borde:rgba(255,255,255,.07);
  --tarjeta:#16181e; --tarjeta-borde:rgba(255,255,255,.06); --texto:#f2f4f8; --texto-2:#a2a9b8; --texto-3:#666d7d;
  --linea:rgba(255,255,255,.07); --relleno:rgba(255,255,255,.05); --relleno-2:rgba(255,255,255,.1);
  --sombra:0 1px 1px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3); --sombra-alta:0 2px 4px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.45);
  --azul:#3b82ff; --azul-suave:rgba(59,130,255,.16); --naranja-suave:rgba(255,138,0,.16); --g1:#8a91a1; --g2:#5a6170; --g3:#353a45;
  --bien:#34c27a; --bien-suave:rgba(52,194,122,.14); --mal:#ff6b60; --mal-suave:rgba(255,107,96,.12); color-scheme:dark}}
:root[data-theme="dark"]{
  --fondo:#0c0d11; --cristal:rgba(24,26,33,.7); --cristal-borde:rgba(255,255,255,.07);
  --tarjeta:#16181e; --tarjeta-borde:rgba(255,255,255,.06); --texto:#f2f4f8; --texto-2:#a2a9b8; --texto-3:#666d7d;
  --linea:rgba(255,255,255,.07); --relleno:rgba(255,255,255,.05); --relleno-2:rgba(255,255,255,.1);
  --sombra:0 1px 1px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3); --sombra-alta:0 2px 4px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.45);
  --azul:#3b82ff; --azul-suave:rgba(59,130,255,.16); --naranja-suave:rgba(255,138,0,.16); --g1:#8a91a1; --g2:#5a6170; --g3:#353a45;
  --bien:#34c27a; --bien-suave:rgba(52,194,122,.14); --mal:#ff6b60; --mal-suave:rgba(255,107,96,.12); color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--f);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1000px 520px at 0% -8%,var(--azul-suave),transparent 65%),radial-gradient(700px 420px at 100% 0%,var(--naranja-suave),transparent 70%);background-attachment:fixed}
button,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:8px}
.num{font-variant-numeric:tabular-nums}
.app{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}
.marca{display:flex;align-items:center;gap:11px;padding:4px 8px 6px}
.marca svg{width:38px;height:38px;flex:none;filter:drop-shadow(0 4px 10px rgba(20,107,255,.28))}
.marca b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em}
.marca span{display:block;font-size:12px;color:var(--texto-2)}
.cliente{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);box-shadow:var(--sombra);font-size:13px}
.cliente-i{width:26px;height:26px;border-radius:8px;background:var(--relleno-2);display:grid;place-items:center;font-weight:800;font-size:12px}
.cliente b{display:block;font-weight:700}
.cliente span{font-size:11.5px;color:var(--texto-2)}
.cliente .flecha{margin-left:auto;color:var(--texto-3)}
.grupo-t{font-size:11px;font-weight:700;color:var(--texto-3);letter-spacing:.07em;text-transform:uppercase;padding:0 10px 5px}
.nav{display:grid;gap:1px}
.nav a{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:11px;color:var(--texto);text-decoration:none;font-size:13.5px;font-weight:600}
.nav a:hover{background:var(--relleno)}
.nav a[aria-current="page"]{background:var(--tarjeta);box-shadow:var(--sombra)}
.ico{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none}
.ico svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.pie-menu{margin-top:auto;display:grid;gap:8px}
.persona{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:var(--relleno)}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--texto);color:var(--tarjeta);display:grid;place-items:center;font-weight:700;font-size:11px}
.persona b{font-size:13px;display:block}
.persona span{font-size:11.5px;color:var(--texto-2)}
.principal{min-width:0}
.fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.titulo{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.titulo h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.025em}
.titulo span{font-size:12.5px;color:var(--texto-3);display:inline-flex;align-items:center;gap:6px}
.titulo span i{width:7px;height:7px;border-radius:50%;background:var(--bien)}
.boton{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:11px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(16,27,51,.04)}
.boton:hover{background:var(--relleno)}
.boton svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.boton--icono{width:34px;padding:0;justify-content:center}
.fechas small{font-weight:500;color:var(--texto-2)}
.segmento{display:inline-flex;background:var(--relleno);border-radius:11px;padding:3px;gap:2px}
.segmento button{border:0;background:none;height:28px;padding:0 11px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--texto-2);cursor:pointer}
.segmento button[aria-pressed="true"]{background:var(--tarjeta);color:var(--texto);box-shadow:0 1px 3px rgba(16,27,51,.12)}
.filtros{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filtro{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);font-size:12.5px;color:var(--texto-2);cursor:pointer}
.filtro b{color:var(--texto);font-weight:700}
.filtro svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:2.2}
.sep{width:1px;height:18px;background:var(--linea)}
.derecha{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.contenido{padding:22px 28px 56px;padding-right:max(28px,env(safe-area-inset-right,0px));display:grid;gap:18px;max-width:1320px}
.vista[hidden]{display:none}
.tarjeta{background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:var(--r);box-shadow:var(--sombra);padding:18px 20px;min-width:0}
.cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cab h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}
.cab p{margin:3px 0 0;font-size:12.5px;color:var(--texto-2)}
.i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--g2);color:var(--texto-3);display:inline-grid;place-items:center;font-size:10px;font-weight:800;cursor:pointer;flex:none}
.i:hover{border-color:var(--azul);color:var(--azul)}
.global{font-size:12px;color:var(--texto-3);display:inline-flex;align-items:center;gap:4px}
.sel{height:30px;padding:0 28px 0 11px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--relleno);font-size:12.5px;font-weight:600;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--texto-2) 50%),linear-gradient(135deg,var(--texto-2) 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 10px) 13px;background-size:4px 4px;background-repeat:no-repeat}
.controles{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.interruptor{display:flex;align-items:center;gap:10px}
.kpi:hover{box-shadow:var(--sombra-alta);transform:translateY(-1px)}
.kpi-n{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--texto-2)}
.kpi-n .i{margin-left:auto}
.kpi-v{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.kpi-v small{font-size:16px;font-weight:700;color:var(--texto-2);margin-left:2px}
.kpi-d{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--texto-3)}
.pastilla{white-space:nowrap;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.bien{color:var(--bien);background:var(--bien-suave)}
.mal{color:var(--mal);background:var(--mal-suave)}
.kpi--principal .kpi-v{color:var(--azul)}
.tabla-caja{overflow-x:auto;margin:0 -4px}
table{border-collapse:collapse;width:100%;font-size:13px}
th{font-size:11px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.05em;text-align:right;padding:8px 10px;white-space:nowrap;border-bottom:1px solid var(--linea)}
th:first-child,td:first-child{text-align:left}
td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--linea);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--relleno)}
td:first-child{font-weight:600}
.codigo{display:inline-block;min-width:44px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--relleno-2);margin-right:8px;text-align:center}
.tenue{color:var(--texto-3)}
.retorno-alto{color:var(--bien);font-weight:700}
.retorno-bajo{color:var(--mal);font-weight:700}
.dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lienzo svg{display:block;width:100%;height:auto}
.lienzo{overflow-x:auto}
.leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--texto-2);justify-content:center;margin-top:8px}
.leyenda i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.ebarras{display:grid;gap:12px;margin-bottom:16px}
.eb em{font-style:normal}
.eb{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;font-size:12.5px;color:var(--texto-2)}
.eb div{height:34px;border-radius:10px;background:var(--relleno);overflow:hidden}
.eb div span{display:flex;align-items:center;justify-content:center;height:100%;border-radius:10px;color:#fff;font-weight:700;font-size:12.5px}
.donut{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}
.lista{display:grid;gap:9px}
.li{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;font-size:13px}
.li i{width:10px;height:10px;border-radius:3px}
.li b{font-weight:700}
.li small{color:var(--texto-3);min-width:38px;text-align:right}
.aviso{display:flex;align-items:center;gap:14px;border-style:dashed;box-shadow:none;background:transparent}
.aviso-ico{width:38px;height:38px;border-radius:12px;background:var(--relleno);display:grid;place-items:center;flex:none}
.aviso-ico svg{width:18px;height:18px;fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linecap:round}
.aviso b{display:block;font-size:14px}
.aviso span{font-size:12.5px;color:var(--texto-2)}
.plat{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--linea)}
.plat:last-child{border-bottom:0}
.plat-t{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px}
.plat-t small{font-weight:500;color:var(--texto-3)}
.plat-f{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;font-size:12.5px;color:var(--texto-2)}
.plat-f .bar{height:22px;border-radius:7px;background:var(--relleno);overflow:hidden;position:relative}
.plat-f .bar span{position:absolute;inset:0 auto 0 0;border-radius:7px}
.plat-f .bar em{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;color:var(--texto);font-size:12px}
.sincifra{font-size:12px;color:var(--texto-3)}
.apilada span{display:block;height:100%}
.ebp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ebp-c{border:1px solid var(--linea);border-radius:16px;padding:14px;display:grid;gap:10px}
.ebp-c h4{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}
.ebp-p{display:grid;gap:4px;font-size:12.5px}
.ebp-p div{display:flex;justify-content:space-between}
.ebp-p b{font-weight:700}
.ebp-p .b{height:6px;border-radius:999px;background:var(--relleno)}
.ebp-p .b span{display:block;height:100%;border-radius:999px}
.ebp-p small{color:var(--texto-3);font-size:11.5px}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px}
.logo-c{display:grid;gap:14px;justify-items:center;text-align:center;padding:28px 18px}
.logo-c svg{width:120px;height:120px}
.logo-c b{font-size:15px}
.logo-c p{margin:0;font-size:12.5px;color:var(--texto-2)}
.muestra{display:flex;gap:10px;align-items:center;justify-content:center}
.muestra svg{width:44px;height:44px}
.muestra svg.peq{width:28px;height:28px}
.nota{font-size:12px;color:var(--texto-3)}
.kpi-ico,.cab-ico,.punto{display:none}
.selector-color{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--texto-3);font-weight:700}
[data-color="medio"] .kpi-ico,[data-color="vivo"] .kpi-ico{display:grid;width:22px;height:22px;border-radius:7px;place-items:center;background:var(--c)}
.kpi-ico svg,.cab-ico svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
[data-color="medio"] .kpi-n,[data-color="vivo"] .kpi-n{color:var(--c)}
[data-color="medio"] .cab-ico,[data-color="vivo"] .cab-ico{display:grid;width:26px;height:26px;border-radius:8px;place-items:center;background:var(--c)}
[data-color="medio"] .punto,[data-color="vivo"] .punto{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px;vertical-align:middle;background:var(--c)}
[data-color="medio"] .codigo,[data-color="vivo"] .codigo{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}
[data-color="medio"] td.pill-ret span,[data-color="vivo"] td.pill-ret span{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent)}
[data-color="medio"] th{color:var(--azul);opacity:.75}
[data-color="vivo"] .kpi{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 13%,var(--tarjeta)) 0%,var(--tarjeta) 70%);border-color:color-mix(in srgb,var(--c) 18%,transparent)}
[data-color="vivo"] .kpi-v{color:var(--texto)}
[data-color="vivo"] .tarjeta.tinte{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,var(--tarjeta)) 0,var(--tarjeta) 120px)}
[data-color="vivo"] td.barra-dato{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 15%,transparent) var(--w),transparent var(--w)) no-repeat 0 50%/100% 70%}
[data-color="vivo"] .fila-fuente td:first-child{box-shadow:inset 3px 0 0 var(--c)}
td.pill-ret.tenue span{background:none!important}
*{scrollbar-width:thin;scrollbar-color:transparent transparent}
*:hover{scrollbar-color:color-mix(in srgb,var(--texto) 22%,transparent) transparent}
::-webkit-scrollbar{width:10px;height:10px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:3px solid transparent;background-clip:padding-box}
*:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--texto) 22%,transparent)}
::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--texto) 38%,transparent)!important}
::-webkit-scrollbar-button{display:none}
.lateral .nav a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th{white-space:normal;line-height:1.25;vertical-align:bottom;padding:8px 8px}
td{padding:9px 8px}
.tabla-caja{overflow-x:auto;scrollbar-gutter:auto}
html,body{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
.velo{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--texto) 18%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:aparece .18s ease}
.velo[hidden]{display:none}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@keyframes sube{from{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.pop{position:relative;width:100%;max-height:min(86vh,760px);overflow:auto;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:26px;box-shadow:0 30px 80px rgba(16,27,51,.25);animation:sube .22s cubic-bezier(.2,.8,.2,1)}
.pop--s{max-width:380px}
.pop--m{max-width:460px}
.pop--l{max-width:680px}
.pop-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:0;background:var(--relleno);color:var(--texto-2);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pop-x:hover{background:var(--relleno-2);color:var(--texto)}
.pop-cab{padding:22px 56px 16px 24px;display:flex;gap:12px;align-items:flex-start}
.pop-cab .cab-ico{display:grid;width:34px;height:34px;border-radius:10px;place-items:center;background:var(--c,var(--azul));flex:none}
.pop-cab .cab-ico svg{width:17px;height:17px}
.pop-tit{font-size:18px;font-weight:800;letter-spacing:-.015em}
.pop-que{font-size:13.5px;color:var(--texto-2);margin-top:2px}
.pop-cuerpo{padding:0 24px 22px;display:grid;gap:18px}
.pop-sec{display:grid;gap:9px}
.pop-sec-t{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.pop-vin{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pop-vin li{position:relative;padding-left:18px;font-size:13.5px}
.pop-vin li::before{content:"";position:absolute;left:3px;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--c,var(--azul))}
.pop-pasos{list-style:none;margin:0;padding:0;counter-reset:p;background:var(--relleno);border-radius:16px;padding:4px 14px}
.pop-pasos li{counter-increment:p;display:grid;grid-template-columns:24px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--linea);font-size:13.5px}
.pop-pasos li:first-child{border-top:0}
.pop-pasos li::before{content:counter(p);width:24px;height:24px;border-radius:50%;background:var(--azul);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.pop-pasos b{font-weight:700}
.pop-pasos span{color:var(--texto-2)}
.pop-tabla{border:1px solid var(--linea);border-radius:16px;overflow:hidden}
.pop-tabla table{font-size:13px}
.pop-tabla th{background:var(--relleno);text-align:left}
.pop-tabla td{text-align:left;white-space:normal;vertical-align:top}
.chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin:0 4px 3px 0;white-space:nowrap}
.chip--m{background:var(--azul-suave);color:var(--azul)}
.chip--c{background:var(--naranja-suave);color:#c46a00}
.pop-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.cifra{background:var(--relleno);border-radius:16px;padding:12px 14px}
.cifra b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--c,var(--azul))}
.cifra span{font-size:12px;color:var(--texto-2)}
.pop-aviso{display:flex;gap:10px;align-items:flex-start;font-size:13px;background:var(--naranja-suave);border-radius:14px;padding:11px 14px}
.pop-aviso i{font-style:normal;font-weight:800;color:var(--naranja)}
.leyenda-chips{font-size:12px;color:var(--texto-3)}
.demo-pops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.demo-pop{text-align:left;cursor:pointer;display:grid;gap:6px}
.demo-pop b{font-size:15px}
.demo-pop span{font-size:12.5px;color:var(--texto-2)}
@media (max-width:980px){.demo-pops{grid-template-columns:1fr}}
.menu-movil{display:none}
@media (max-width:980px){
  .app{grid-template-columns:1fr}.lateral{display:none}.menu-movil{display:inline-flex}
  .dos,.ebp{grid-template-columns:1fr}
  .cabecera,.contenido{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .donut{grid-template-columns:1fr}.donut svg{max-width:220px;margin:0 auto}
  .eb,.plat-f{grid-template-columns:110px 1fr}
  .derecha{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.kpi{transition:none}.kpi:hover{transform:none}}
html,body{overflow-x:hidden}
[hidden]{display:none!important}
.contenido{grid-template-columns:minmax(0,1fr)}
.vista{min-width:0}
.maqueta{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;background:var(--texto);color:var(--tarjeta);font-size:12.5px;font-weight:600}
.maqueta .segmento{background:rgba(255,255,255,.14)}
.maqueta .segmento button{color:inherit;opacity:.75}
.maqueta .segmento button[aria-pressed="true"]{background:var(--tarjeta);color:var(--texto);opacity:1}
.nav-sep{height:1px;background:var(--linea);margin:2px 10px 8px}
.nav-ajustes{margin-top:-4px}
.fijo{position:sticky;bottom:-14px;margin:auto -12px -14px;padding:8px 12px 14px;display:grid;gap:8px;background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.fijo .nav-sep{margin:0 10px 2px}
.fijo .nav-ajustes{margin:0}
.fijo .pie-menu{margin:0}
.boton--fantasma{background:transparent;box-shadow:none;border-color:transparent;color:var(--azul);font-weight:700}
.boton--fantasma:hover{background:var(--azul-suave)}
.boton--primario{background:var(--azul);border-color:var(--azul);color:#fff}
.boton--primario:hover{background:color-mix(in srgb,var(--azul) 88%,#000)}
.boton--sec{background:var(--relleno);box-shadow:none}
.boton[aria-current="page"]{background:var(--azul-suave);color:var(--azul);border-color:transparent}
.tip{position:relative}
.tip::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;background:var(--texto);color:var(--tarjeta);font-size:12px;font-weight:600;padding:5px 10px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(-3px);transition:.15s;z-index:20}
.tip:hover::after,.tip:focus-visible::after{opacity:1;transform:none}
.v-ajus .migas{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--texto-3);font-weight:600}
.migas b{color:var(--texto-2)}
.ajustes{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.ajustes>*{min-width:0}
.paneles{min-width:0;display:grid}
.modulos{display:grid;gap:4px;padding:8px;position:sticky;top:150px}
.modulo{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;text-align:left;padding:10px;border:0;border-radius:14px;background:none;cursor:pointer;width:100%}
.modulo:hover{background:var(--relleno)}
.modulo[aria-selected="true"]{}
.modulo[aria-selected="true"] small{color:rgba(255,255,255,.85)}
.modulo .ico{width:34px;height:34px;border-radius:10px}
.modulo .ico svg{width:18px;height:18px}
.modulo[aria-selected="true"] .ico{}
.modulo b{display:block;font-size:14px;font-weight:700}
.modulo small{display:block;font-size:12px;color:var(--texto-2);line-height:1.3;margin-top:1px}
.modulo[disabled]{opacity:.5;cursor:not-allowed}
.modulo[disabled]:hover{background:none}
.pr{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--relleno-2);color:var(--texto-2);margin-left:6px;vertical-align:1px}
.panel[hidden]{display:none}
.panel{display:grid;gap:18px;min-width:0}
.panel-t h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.panel-t p{margin:3px 0 0;color:var(--texto-2);font-size:13.5px}
.grandes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grande{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;text-align:left;padding:20px;cursor:pointer;border:1px solid var(--tarjeta-borde);width:100%;font:inherit;color:inherit;transition:box-shadow .2s,transform .2s}
.grande:hover{box-shadow:var(--sombra-alta);transform:translateY(-1px)}
.grande .ico{width:52px;height:52px;border-radius:16px}
.grande .ico svg{width:26px;height:26px}
.grande b{display:block;font-size:17px;font-weight:800;letter-spacing:-.015em}
.grande span.t{display:block;font-size:12.5px;color:var(--texto-2);margin-top:2px}
.grande{min-height:124px}
.grande>span:last-child{display:block}
.enlace-peq{justify-self:start;margin-left:6px;font-size:12.5px;font-weight:700;color:var(--azul);background:none;border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:4px 6px;border-radius:8px}
.enlace-peq:hover{background:var(--azul-suave)}
.enlace-peq svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.barra-tabla{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.buscar{position:relative;flex:1 1 220px;max-width:340px}
.buscar svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linecap:round}
.entrada{width:100%;height:36px;border-radius:11px;border:1px solid var(--tarjeta-borde);background:var(--relleno);padding:0 12px;font:inherit;font-size:13.5px;color:var(--texto)}
.buscar .entrada{padding-left:34px}
.entrada::placeholder{color:var(--texto-3)}
.entrada:focus{outline:2px solid var(--azul);outline-offset:0;background:var(--tarjeta)}
select.entrada{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--texto-2) 50%),linear-gradient(135deg,var(--texto-2) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 12px) 15px;background-size:4px 4px;background-repeat:no-repeat}
.tabla-aj td,.tabla-aj th{text-align:left}
.tabla-aj td.d,.tabla-aj th.d{text-align:right}
.tabla-aj td:first-child{font-weight:500}
.tabla-aj tr.anulada td{opacity:.45;text-decoration:line-through}
.tabla-aj tr.anulada td:last-child{opacity:1;text-decoration:none}
.tabla-aj .concepto{font-weight:600;white-space:normal;min-width:170px}
.etq{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--relleno-2);color:var(--texto-2);white-space:nowrap}
.etq--az{background:var(--azul-suave);color:var(--azul)}
.etq--na{background:var(--naranja-suave);color:#b45f00}
.etq--ok{background:var(--bien-suave);color:var(--bien)}
.etq--no{background:var(--relleno);color:var(--texto-3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .etq--na{color:#ffb054}}
:root[data-theme="dark"] .etq--na{color:#ffb054}
.accion{border:0;background:none;color:var(--mal);font-size:12.5px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px}
.accion:hover{background:var(--mal-suave)}
.accion--n{color:var(--azul)}
.accion--n:hover{background:var(--azul-suave)}
.icono-b{width:30px;height:30px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);display:inline-grid;place-items:center;cursor:pointer;color:var(--texto-2)}
.icono-b:hover{background:var(--relleno);color:var(--azul)}
.icono-b svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v-ajus .vacio{text-align:center;padding:26px;color:var(--texto-3);font-size:13px}
div.total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--linea);margin-top:4px;font-size:13px;color:var(--texto-2)}
.total b{color:var(--texto);font-size:15px}
.form{display:grid;gap:14px}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.v-ajus .campo{display:grid;gap:5px;min-width:0}
.campo label,.campo .l{font-size:12px;font-weight:700;color:var(--texto-2)}
.campo label em,.campo .l em{font-style:normal;font-weight:500;color:var(--texto-3)}
.campo .ayuda{font-size:12px;color:var(--texto-3)}
.campo .ayuda.az{color:var(--azul);font-weight:600}
.importe{position:relative}
.importe .entrada{padding-right:30px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.importe i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--texto-3);font-weight:700}
.segmento--ancho{display:flex;width:100%}
.segmento--ancho button{flex:1;padding:0 6px;height:32px}
.pop-pie{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--linea);background:var(--relleno);position:sticky;bottom:0;backdrop-filter:blur(12px)}
.zona{border:2px dashed var(--g2);border-radius:18px;padding:26px 16px;text-align:center;display:grid;gap:6px;justify-items:center;background:var(--relleno)}
.zona svg{width:30px;height:30px;fill:none;stroke:var(--azul);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zona b{font-size:14px}
.zona span{font-size:12.5px;color:var(--texto-2)}
.qr{width:200px;height:200px;margin:0 auto;background:#fff;border-radius:16px;padding:12px;border:1px solid var(--linea)}
.qr svg{width:100%;height:100%;display:block}
.aviso-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--texto);color:var(--tarjeta);padding:9px 16px;border-radius:12px;font-size:13px;font-weight:600;z-index:80;box-shadow:var(--sombra-alta)}
.aviso-toast[hidden]{display:none}
.kpis--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.barra-canal{display:grid;gap:12px}
.bc{display:grid;grid-template-columns:150px 1fr 90px;gap:12px;align-items:center;font-size:13px}
.bc div{height:12px;background:var(--relleno);border-radius:999px;overflow:hidden}
.bc div span{display:block;height:100%;border-radius:999px}
.bc b{text-align:right}
.drawer-fondo{display:none}
@media (max-width:980px){
  .ajustes{grid-template-columns:minmax(0,1fr)}
  .modulos{position:static;display:flex;overflow-x:auto;padding:6px;gap:6px}
  .modulo{grid-template-columns:30px auto;white-space:nowrap;width:auto;flex:none;padding:8px 12px 8px 8px}
  .modulo small{display:none}
  .modulo .ico{width:30px;height:30px}
  .grandes{grid-template-columns:1fr}
  .kpis--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lateral.abierto{display:flex;position:fixed;left:0;top:41px;bottom:0;width:min(300px,86vw);z-index:60;height:auto;background:var(--tarjeta);box-shadow:var(--sombra-alta)}
  .lateral.abierto~.drawer-fondo{display:block}
  .titulo h1{font-size:22px}
  .cabecera{top:41px}
}
@media (max-width:560px){
  .apila thead{display:none}.apila,.apila tbody{display:block}
  .apila tr{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--linea)}
  .apila tbody tr:last-child{border-bottom:0}
  .apila td{display:block;padding:0;border:0;text-align:left!important;background:none!important}
  .apila td.concepto{order:-2;flex:1 1 100%;min-width:0;font-size:14px}
  .apila td:last-child{margin-left:auto}
  .apila td.vacio{flex:1 1 100%;text-align:center!important}
  .form-2{grid-template-columns:1fr}
  .bc{grid-template-columns:110px 1fr 74px}
  .cabecera .fechas{display:none}
  .maqueta{font-size:11.5px;padding:7px 8px}
  .contenido{padding-top:16px}
  .kpi-v{font-size:26px}
}
.modulos{position:static!important;display:flex!important;overflow-x:auto;gap:2px;padding:3px!important;background:var(--relleno);border:0;border-radius:13px;box-shadow:none;width:max-content;max-width:100%;scrollbar-width:none}
.modulos::-webkit-scrollbar{display:none}
.modulo{display:flex!important;align-items:center;gap:9px;grid-template-columns:none!important;width:auto!important;flex:none;white-space:nowrap;padding:6px 14px 6px 7px!important;border-radius:10px}
.modulo .ico{width:26px!important;height:26px!important;border-radius:8px}
.modulo .ico svg{width:14px!important;height:14px!important}
.modulo[aria-selected="true"]{background:var(--tarjeta);color:var(--texto);box-shadow:0 1px 3px rgba(16,27,51,.14)}
.modulo b{font-size:13.5px}
.modulo small{display:none!important}
.modulo[disabled]{opacity:.55}
.lateral{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 12px 14px;padding-left:max(12px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:16px;
  background:var(--cristal);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-right:1px solid var(--cristal-borde)}
.cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;padding:14px max(28px,env(safe-area-inset-right,0px)) 12px 28px;display:grid;gap:12px;
  background:var(--cristal);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--cristal-borde)}
.v-prog .kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.v-prog .kpi{display:grid;gap:8px;padding:16px 18px;transition:box-shadow .2s,transform .2s;cursor:pointer}
.v-prog .apilada{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;margin:4px 0 14px}
.lateral{overflow-x:hidden}
.v-prog .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.v-prog .kpi{cursor:default}
.kpi--alerta .kpi-v{color:var(--naranja)}
.pastilla.aviso-s{color:#b56200;background:var(--naranja-suave)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pastilla.aviso-s{color:#ffb454}}
:root[data-theme="dark"] .pastilla.aviso-s{color:#ffb454}
.pastilla.gris{color:var(--texto-2);background:var(--relleno)}
.i[role=button]{cursor:pointer}
.spark{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:0 2px 14px;margin-bottom:6px;border-bottom:1px solid var(--linea)}
.spark-t{font-size:12px;color:var(--texto-2);line-height:1.35}
.spark-t b{display:block;color:var(--texto);font-size:13px}
.spark svg{display:block;width:100%;height:46px;overflow:visible}
.leyenda-f{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--texto-2);margin:0 0 10px}
.leyenda-f i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}
.leyenda-f i.sd,.apilada .sd{background:repeating-linear-gradient(135deg,var(--g3) 0 4px,var(--relleno-2) 4px 8px)}
.tb{display:grid}
.tb-h,.tb-f{display:grid;grid-template-columns:minmax(0,2.3fr) 64px 78px minmax(0,2.4fr) 128px 18px;gap:14px;align-items:center;padding:0 10px}
.tb-h{font-size:11px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.05em;padding-top:6px;padding-bottom:8px;border-bottom:1px solid var(--linea)}
.tb-h .r,.tb-f .r{text-align:right}
.tb-f{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--linea);padding-top:11px;padding-bottom:11px;cursor:pointer;font-size:13px;border-radius:0}
.tb-f:hover{background:var(--relleno)}
.tb-g{border-bottom:1px solid var(--linea)}
.tb-g:last-child{border-bottom:0}
.tb-g .tb-f{border-bottom:0}
.tb-g.abierto{background:var(--relleno);border-radius:14px;border-bottom-color:transparent}
.tb-g.abierto .tb-f:hover{background:none}
.c-n{font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
.c-n .i{width:16px;height:16px;font-size:9px}
.c-num{text-align:right;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.c-num.s{font-weight:600;font-size:13.5px;color:var(--texto-2)}
.c-o{display:grid;gap:5px;min-width:0}
.v-prog .apilada{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;margin:0}
.c-o small{font-size:11.5px;color:var(--texto-2);line-height:1.3}
.c-can{font-size:12.5px;line-height:1.3}
.c-can small{display:block;color:var(--texto-3);font-size:11px}
.v-prog .chev{width:14px;height:14px;fill:none;stroke:var(--texto-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.v-prog .abierto .chev{transform:rotate(180deg);stroke:var(--azul)}
.tb-d{padding:0 10px 14px}
.tb-d[hidden]{display:none}
.tb-d .tabla-caja{background:var(--tarjeta);border-radius:14px;border:1px solid var(--linea);padding:4px 6px;margin:0}
.tb-d table{font-size:12.5px}
.tb-d th,.tb-d td{padding:6px 8px}
.tb-g.apagada .c-n,.tb-g.apagada .c-num{color:var(--texto-2)}
.tb-g.apagada{background:var(--relleno);border-radius:14px;margin-top:6px;border-bottom:0}
.tb-g.apagada .tb-f:hover{background:none}
.tb-t{display:grid;grid-template-columns:minmax(0,2.3fr) 64px 78px minmax(0,2.4fr) 128px 18px;gap:14px;padding:13px 10px 4px;font-weight:800;align-items:center;border-top:2px solid var(--linea);margin-top:4px}
.tb-t .c-num{font-size:16px}
.heat td.v{font-variant-numeric:tabular-nums}
.heat td.cero{color:var(--texto-3);font-weight:400}
.heat td.tot,.heat th.tot{font-weight:800}
.heat tfoot td{font-weight:800;border-top:2px solid var(--linea);border-bottom:0}
.heat td:first-child{font-weight:600}
.heat td:first-child i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:middle}
@media (max-width:980px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .kpis{grid-template-columns:1fr 1fr}.kpis .kpi:last-child{grid-column:span 2}
  .kpi{padding:13px 14px}.kpi-v{font-size:25px}
  .titulo h1{font-size:22px}.tarjeta{padding:16px 14px}
  .spark{grid-template-columns:1fr;gap:6px}
  .tb-h{display:none}
  .tb-f{grid-template-columns:1fr auto auto 18px;grid-template-areas:"n n n x" "o o o o" "k k l l";row-gap:8px;column-gap:10px;padding:12px 8px}
  .tb-f .c-n{grid-area:n}.tb-f .c-o{grid-area:o}.tb-f .chev{grid-area:x}
  .tb-f .a1{grid-area:k;text-align:left}.tb-f .a2{grid-area:l;text-align:right}
  .tb-f .c-can{grid-column:1/-1;display:none}
  .tb-f .c-num::before{content:attr(data-l)" ";font-size:11px;font-weight:600;color:var(--texto-3)}
  .tb-t{grid-template-columns:1fr auto;grid-template-areas:"a b"}
  .tb-t>:nth-child(n+3){display:none}
  .tb-d{padding:0 6px 12px}
  .heat{font-size:12px}.heat th,.heat td{padding:7px 5px}
}
.tb{grid-template-columns:minmax(0,1fr)}
.tb-g,.tb-d{min-width:0}
.c-n small .i{display:inline-grid;vertical-align:middle;margin-left:4px}
@media (max-width:640px){.tb-d td,.tb-d th{white-space:normal}.heat th{font-size:10px}}
@media (max-width:640px){.tb-f{grid-template-areas:"n n n x" "o o o o" "c c c c" "k k l l"}.tb-f .c-can{grid-area:c;display:block}.tb-f .c-can small{display:inline;margin-left:6px}.tb-f .c-can::before{content:"Canal: ";color:var(--texto-3);font-size:11px}}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.kpi{display:grid;gap:8px;padding:16px 18px;transition:box-shadow .2s,transform .2s;cursor:pointer}
.apilada{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;margin:4px 0 14px}
.cabecera .fila{row-gap:8px}
.modo-prueba-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--naranja-suave);color:#b85f00;font-size:12px;font-weight:700;cursor:pointer;border:0}
:root[data-theme="dark"] .modo-prueba-chip{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .modo-prueba-chip{color:#ffb257}}
.sel-barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 13px;border-radius:12px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);box-shadow:0 1px 2px rgba(16,27,51,.04);font-size:13px;cursor:pointer;color:var(--texto-2);max-width:100%}
.dd-b b{color:var(--texto);font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-b:hover{background:var(--relleno)}
.dd-b[aria-expanded="true"]{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave)}
.dd-b svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.2;flex:none}
.dd-b[disabled]{opacity:.5;cursor:not-allowed}
.flecha-sel{color:var(--texto-3);font-size:15px}
.dd-m{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(380px,calc(100vw - 32px));background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:18px;box-shadow:var(--sombra-alta),0 0 0 1px var(--linea);padding:10px;display:grid;gap:8px}
.dd-m[hidden]{display:none}
.dd-busca{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-radius:10px;background:var(--relleno)}
.dd-busca svg{width:14px;height:14px;fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linecap:round;flex:none}
.dd-busca input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13px;color:var(--texto);outline:0}
.dd-filtros{display:flex;gap:6px;flex-wrap:wrap}
.mini{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--linea);background:none;font-size:12px;font-weight:600;color:var(--texto-2);cursor:pointer}
.mini[aria-pressed="true"]{background:var(--texto);color:var(--tarjeta);border-color:var(--texto)}
.dd-lista{max-height:300px;overflow:auto;display:grid;gap:1px;margin:0 -4px;padding:0 4px}
.dd-it{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;border:0;background:none;text-align:left;cursor:pointer;font-size:13px;width:100%}
.dd-it:hover,.dd-it:focus-visible{background:var(--relleno)}
.dd-it[aria-selected="true"]{background:var(--azul-suave)}
.dd-it .nm{font-weight:600;min-width:0}
.dd-it .nm span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-it .nm small{display:block;font-weight:500;color:var(--texto-3);font-size:11.5px}
.dd-it .de{display:flex;align-items:center;gap:8px;color:var(--texto-3);font-size:12px}
.punto-e{width:8px;height:8px;border-radius:50%;background:var(--g2)}
.punto-e.on{background:var(--bien)}
.tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:1px 7px;border-radius:6px;background:var(--relleno-2);color:var(--texto-2);white-space:nowrap}
.dd-vacio{padding:14px 10px;color:var(--texto-3);font-size:12.5px;text-align:center}
.sw{display:inline-flex;align-items:center;gap:9px;height:36px;font-size:13px;color:var(--texto-2);cursor:pointer;background:none;border:0;padding:0 4px}
.sw i{width:34px;height:20px;border-radius:999px;background:var(--g3);position:relative;transition:background .15s;flex:none}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.sw[aria-checked="true"] i{background:var(--azul)}
.sw[aria-checked="true"] i::after{transform:translateX(14px)}
.sw b{color:var(--texto);font-weight:600}
.reco-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 13px;border-radius:999px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);font-size:13px;font-weight:600;cursor:pointer}
.reco-btn em{font-style:normal;min-width:30px;height:22px;padding:0 8px;border-radius:999px;background:var(--naranja-suave);color:#b85f00;display:inline-grid;place-items:center;font-size:12px;font-weight:800}
:root[data-theme="dark"] .reco-btn em{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .reco-btn em{color:#ffb257}}
.reco-btn span.fl{color:var(--texto-3);margin-right:6px}
.chips-sel{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chs{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 11px;border-radius:999px;background:var(--azul-suave);color:var(--azul);font-size:12.5px;font-weight:600}
.chs small{font-weight:500;opacity:.75}
.chs button{width:18px;height:18px;border-radius:50%;border:0;background:color-mix(in srgb,var(--azul) 18%,transparent);color:var(--azul);cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center;padding:0}
.chs button:hover{background:var(--azul);color:#fff}
.limpiar{border:0;background:none;color:var(--texto-3);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kpis5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kpis5 .kpi{padding:14px 16px;cursor:default;gap:6px}
.kpis5 .kpi:hover{transform:none;box-shadow:var(--sombra)}
.kpis5 .kpi-v{font-size:26px}
.kpis5 .kpi-n{white-space:nowrap}
.ejm{font-size:10px;font-weight:700;color:var(--texto-3);letter-spacing:.04em;text-transform:uppercase;border:1px dashed var(--g2);border-radius:5px;padding:0 4px;margin-left:2px}
.ej{color:var(--texto-2);font-style:italic}
@media (max-width:1100px){.kpis5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.kpis5{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis5 .kpi-v{font-size:22px}}
.tabs-fila{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tabs-sc{overflow-x:auto;max-width:100%;padding-bottom:2px}
.tabs-sc .segmento{padding:3px}
.tabs-sc .segmento button{height:32px;padding:0 14px;font-size:13px;white-space:nowrap}
.tabs-sc .segmento button small{color:var(--texto-3);font-weight:600;margin-left:5px}
.tabs-sc .segmento button[aria-pressed="true"] small{color:var(--azul)}
.herr{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}
.busca{display:flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:10px;background:var(--relleno);min-width:170px}
.busca svg{width:13px;height:13px;fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linecap:round;flex:none}
.busca input{border:0;background:none;font:inherit;font-size:12.5px;width:100%;color:var(--texto);outline:0}
.pie-tabla{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--texto-3)}
.tf{overflow:auto;max-height:min(560px,calc(100vh - 250px));min-height:120px;border-radius:12px;border:1px solid var(--linea);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--texto) 28%,transparent) transparent;margin:0}
.tf::-webkit-scrollbar{width:10px;height:10px}
.tf::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--texto) 26%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.tf table{width:100%;font-size:12.5px;border-collapse:separate;border-spacing:0}
.tf th{position:sticky;top:0;z-index:3;background:var(--tarjeta);box-shadow:0 1px 0 var(--linea);padding:9px 8px;font-size:10.5px;vertical-align:middle}
.tf th:first-child,.tf td:first-child{min-width:230px;position:sticky;left:0;z-index:2;background:var(--tarjeta);padding-left:12px}
.tf th:first-child{z-index:4}
.tf td{padding:8px 8px;border-bottom:1px solid var(--linea)}
.tf tbody tr:last-child td{border-bottom:0}
.tf tbody tr:hover td{background:color-mix(in srgb,var(--relleno) 100%,var(--tarjeta))}
.tf tbody tr:hover td:first-child{background:var(--tarjeta);background-image:linear-gradient(var(--relleno),var(--relleno))}
.tf tr.fsel td{background:var(--azul-suave)!important}
.tf tr.flash td{animation:fl 1.6s ease}
@keyframes fl{0%,60%{background:var(--naranja-suave)}100%{background:transparent}}
.tf td.izq{text-align:left}
.tf td.cell-txt{white-space:normal;min-width:260px;max-width:420px;text-align:left;line-height:1.35}
.celda-nombre{display:flex;align-items:center;gap:9px;min-width:0}
.celda-nombre .tx{min-width:0;display:grid;gap:3px}
.celda-nombre .tx b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block}
.celda-nombre .tx>span{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.pausada b{color:var(--texto-3)}
.conc{font-size:10.5px;font-weight:700;color:var(--texto-3);letter-spacing:.03em}
.pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;border:0;background:var(--naranja-suave);color:#a85a00;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
:root[data-theme="dark"] .pill{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pill{color:#ffb257}}
.pill:hover{background:color-mix(in srgb,var(--naranja) 24%,transparent)}
.pill--g{background:var(--relleno-2);color:var(--texto-2)}
.chip-c{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}
.c-efi{background:var(--bien-suave);color:var(--bien)}
.c-car{background:var(--naranja-suave);color:#a85a00}
.c-des{background:var(--mal-suave);color:var(--mal)}
.c-mar{background:var(--azul-suave);color:var(--azul)}
.c-poc{background:var(--relleno-2);color:var(--texto-2)}
:root[data-theme="dark"] .c-car{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c-car{color:#ffb257}}
.qs{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:800;cursor:help;border:0;font-family:inherit}
.qs--b{background:var(--bien-suave);color:var(--bien)}
.qs--m{background:var(--relleno-2);color:var(--texto-2)}
.qs--l{background:var(--mal-suave);color:var(--mal)}
.sin-nota{display:inline-flex;align-items:center;gap:5px;color:var(--texto-3)}
.i--p{width:15px;height:15px;font-size:9px}
.lnk{border:0;background:none;color:var(--azul);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-align:left;white-space:nowrap}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.lnk--g{color:var(--texto-2);font-weight:500}
.dos-lnk{display:grid;gap:3px;justify-items:start}
.btn-s{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 1px 1px rgba(16,27,51,.04)}
.btn-s:hover{background:var(--relleno)}
.btn-s svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-s--p{background:var(--azul);color:#fff;border-color:var(--azul)}
.btn-s--p:hover{background:color-mix(in srgb,var(--azul) 88%,#000)}
.btn-s--r{color:var(--mal)}
.btn-ico{width:28px;height:28px;border-radius:9px;border:0;background:none;display:inline-grid;place-items:center;cursor:pointer;color:var(--texto-2)}
.btn-ico:hover{background:var(--relleno-2);color:var(--texto)}
.btn-ico svg{width:16px;height:16px;fill:currentColor}
.acc{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.pres{display:inline-flex;align-items:center;gap:6px}
.pres .btn-ico{width:24px;height:24px;border:1px solid var(--linea)}
.bar-mini{display:inline-block;width:44px;height:5px;border-radius:99px;background:var(--relleno-2);vertical-align:middle;margin-left:6px;overflow:hidden}
.bar-mini i{display:block;height:100%;background:var(--azul);border-radius:99px}
.cb{width:16px;height:16px;accent-color:var(--azul);cursor:pointer;flex:none;margin:0}
.vacio{padding:34px 16px;text-align:center;color:var(--texto-3);font-size:13px}
.vacio b{display:block;color:var(--texto-2);font-size:14px;margin-bottom:3px}
.relacion{display:flex;align-items:stretch;gap:0;margin-bottom:14px;border:1px solid var(--linea);border-radius:16px;background:var(--relleno);overflow:hidden}
.rel-n{flex:1 1 0;min-width:0;padding:10px 14px;border:0;background:none;text-align:left;font:inherit;cursor:pointer;display:grid;gap:1px}
.rel-n:hover{background:var(--relleno)}
.rel-n b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.rel-n span{font-size:12px;color:var(--texto-2)}
.rel-n.ac b{color:var(--azul)}
.rel-f{align-self:center;color:var(--texto-3);font-size:16px;padding:0 2px}
.rel-t{padding:10px 14px;font-size:12px;color:var(--texto-2);align-self:center;flex:1.2 1 0}
.rel-t b{color:var(--texto)}
@media (max-width:760px){.relacion{flex-wrap:wrap}.rel-n{flex:1 1 40%}.rel-f{display:none}.rel-t{flex-basis:100%}}
.delta{font-size:11.5px;color:var(--texto-3);margin-left:4px}
.flota{position:fixed;z-index:60;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:14px;box-shadow:var(--sombra-alta),0 0 0 1px var(--linea);padding:6px;min-width:210px}
.flota[hidden]{display:none}
.flota button{display:flex;width:100%;align-items:center;gap:9px;border:0;background:none;padding:8px 10px;border-radius:9px;font-size:13px;text-align:left;cursor:pointer;color:var(--texto)}
.flota button:hover{background:var(--relleno)}
.flota button[disabled]{opacity:.45;cursor:not-allowed}
.flota hr{border:0;border-top:1px solid var(--linea);margin:5px 4px}
.flota small{display:block;color:var(--texto-3);font-size:11.5px;font-weight:500}
.hc{position:fixed;z-index:70;width:290px;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:16px;box-shadow:var(--sombra-alta),0 0 0 1px var(--linea);padding:13px 14px;font-size:12.5px;pointer-events:none}
.hc[hidden]{display:none}
.hc h5{margin:0 0 8px;font-size:13px;display:flex;align-items:center;gap:8px}
.hc-f{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-top:1px solid var(--linea)}
.hc-f span{color:var(--texto-2)}
.hc-m{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--naranja-suave);font-size:12px}
.hc-m b{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#a85a00;margin-bottom:2px}
:root[data-theme="dark"] .hc-m b{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hc-m b{color:#ffb257}}
.vv{font-weight:700}
.vv.b{color:var(--bien)}
.vv.l{color:var(--mal)}
.vv.m{color:var(--texto-2)}
.barra-multi{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);z-index:40;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 18px;border-radius:18px;background:var(--texto);color:var(--tarjeta);box-shadow:0 14px 40px rgba(16,27,51,.35);opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 24px);flex-wrap:wrap}
.barra-multi.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.barra-multi b{font-size:13.5px}
.barra-multi button{height:32px;padding:0 13px;border-radius:10px;border:0;font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:var(--tarjeta);color:var(--texto)}
.barra-multi button.rojo{background:var(--mal);color:#fff}
.barra-multi button.x{background:transparent;color:var(--tarjeta);opacity:.7;font-weight:600}
.cajon-velo{position:fixed;inset:0;z-index:45;background:color-mix(in srgb,var(--texto) 16%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:aparece .18s ease}
.cajon-velo[hidden]{display:none}
.cajon{position:fixed;top:10px;right:10px;bottom:10px;width:min(440px,calc(100vw - 20px));z-index:46;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:26px;box-shadow:0 30px 80px rgba(16,27,51,.28);display:flex;flex-direction:column;overflow:hidden;animation:desl .26s cubic-bezier(.2,.8,.2,1)}
.cajon[hidden]{display:none}
@keyframes desl{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.cj-cab{padding:20px 22px 12px;position:relative}
.cj-cab h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.015em}
.cj-cab p{margin:2px 0 0;font-size:12.5px;color:var(--texto-2)}
.cj-tipos{display:flex;gap:6px;flex-wrap:wrap;padding:0 22px 12px}
.cj-lista{flex:1;overflow:auto;padding:0 14px;display:grid;gap:2px;align-content:start}
.rc{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 8px;border-top:1px solid var(--linea);align-items:center}
.rc:first-child{border-top:0}
.rc h6{margin:0;font-size:13.5px;font-weight:700;line-height:1.3}
.rc p{margin:1px 0 0;font-size:12px;color:var(--texto-2);grid-column:1}
.rc .rb{grid-column:2;grid-row:1/3;display:flex;gap:6px;align-items:center}
.cj-pie{padding:12px 18px 16px;border-top:1px solid var(--linea);display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cj-pie span{font-size:12px;color:var(--texto-3)}
.pop--a{max-width:560px}
.ac-sec{display:grid;gap:8px}
.ac-donde{display:flex;gap:6px;flex-wrap:wrap}
.ac-donde .segmento{flex-wrap:wrap}
.ac-nombre{font-size:13px;color:var(--texto-2)}
.ac-nombre b{color:var(--texto)}
.cambio{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.cambio>div{background:var(--relleno);border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.cambio>div small{display:block;line-height:1.3;margin-bottom:3px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.cambio>div.nuevo{background:var(--azul-suave)}
.cambio>div.nuevo small{color:var(--azul)}
.cambio code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700}
.cambio .fl{align-self:center;color:var(--texto-3);font-size:18px}
@media (max-width:520px){.cambio{grid-template-columns:1fr}.cambio .fl{transform:rotate(90deg);justify-self:center}}
.registro{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--texto-2)}
.registro svg{width:16px;height:16px;fill:none;stroke:var(--bien);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}
.franja-prueba{display:flex;gap:11px;align-items:center;padding:11px 14px;border-radius:14px;background:var(--naranja-suave);font-size:13px}
.franja-prueba b{display:block;font-size:13.5px}
.franja-prueba span{color:var(--texto-2);font-size:12px}
.franja-prueba svg{width:20px;height:20px;fill:none;stroke:var(--naranja);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.franja-ok{background:var(--bien-suave)}
.franja-ok svg{stroke:var(--bien)}
.ac-pie{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.ac-pie .btn-s{height:36px;padding:0 16px;font-size:13px;border-radius:11px}
.paso{display:flex;align-items:center;gap:8px}
.paso button{width:34px;height:34px;border-radius:10px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);font-size:18px;font-weight:600;cursor:pointer}
.paso button:hover{background:var(--relleno)}
.paso input{width:96px;height:38px;border-radius:10px;border:1px solid var(--tarjeta-borde);background:var(--relleno);font:inherit;font-size:17px;font-weight:800;text-align:center;color:var(--texto)}
.lista-mini{display:flex;flex-wrap:wrap;gap:5px}
.lista-mini span{font-size:12px;background:var(--relleno-2);border-radius:7px;padding:2px 8px;font-weight:600}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:80;background:var(--texto);color:var(--tarjeta);padding:11px 18px;border-radius:14px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.22s;max-width:calc(100vw - 24px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:980px){
  .cabecera{position:static}
  .cabecera .titulo h1{font-size:22px}
  .reco-btn{margin-left:0}
  .tf{max-height:none}
  .tarjeta{padding:14px}
  .busca{min-width:0;flex:1}
  .herr{margin-left:0;width:100%}
}
@media (max-width:640px){
  .derecha .fechas small{display:none}
  .derecha .segmento{display:none}
  .dd,.dd-b{max-width:100%}.dd-b b{max-width:150px}
}
@media (max-width:640px){.kpis5 .kpi-n{white-space:normal;flex-wrap:wrap;row-gap:2px}.kpis5 .kpi{min-width:0;overflow:hidden}}
.migas{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.migas .mig-raiz{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--texto-2);cursor:pointer;padding:4px 6px;border-radius:8px}
.migas .mig-raiz:hover{background:var(--relleno)}
.migas .chs{max-width:100%}
.migas .chs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sep-tab{width:1px;height:20px;background:var(--g3);margin:0 8px;align-self:center;flex:none}
.tabs-sc .segmento{display:inline-flex;align-items:center}
.que-mirar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--texto-3);margin-bottom:10px}
.que-mirar b{color:var(--texto-2);font-weight:700}
.sub-t{font-size:13px;font-weight:700;margin:2px 0 8px;display:flex;align-items:center;gap:7px}
.sub-t small{color:var(--texto-3);font-weight:600}
.tf--c{max-height:min(380px,calc(100vh - 300px))}
.herr--s{margin:0 0 10px;justify-content:flex-start}
.lnk--n{color:var(--texto);font-weight:600;font-size:inherit;white-space:normal;text-align:left;max-width:260px}
.lnk--n:hover{color:var(--azul)}
.pausada .lnk--n{color:var(--texto-3)}
.cc{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--relleno-2);color:var(--texto-2);white-space:nowrap}
.cc--EXACT{background:var(--azul-suave);color:var(--azul)}
.btn-ico[disabled]{opacity:.35;cursor:not-allowed}
.campo{width:100%;height:40px;border-radius:11px;border:1px solid var(--tarjeta-borde);background:var(--relleno);padding:0 12px;font:inherit;font-size:14px;color:var(--texto)}
.np-lista{padding:0 18px 12px;gap:14px}
.np-cifra{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--texto-2);padding:4px 0}
.np{background:var(--relleno);border-radius:14px;padding:11px 13px}
.np-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.np-h b{font-size:13.5px}
.np p{margin:5px 0 0;font-size:12px;color:var(--texto-2)}
.np-dep{border-left:3px solid var(--azul);padding:2px 0 2px 12px;margin-left:6px}
.np-pz{display:grid;gap:2px}
.np-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 8px;border-radius:9px;font-size:12.5px}
.np-r.flojo{background:var(--mal-suave)}
.np-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.np-url{font-size:12.5px;font-weight:600;word-break:break-all;color:var(--texto)}
.np-rel{background:var(--naranja-suave);border-radius:14px;padding:11px 13px}
.np-rel .pop-sec-t{color:#a85a00;margin-bottom:6px}
:root[data-theme="dark"] .np-rel .pop-sec-t{color:#ffb257}
.np-flow{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px;color:var(--texto-3)}
.np-flow span{background:var(--tarjeta);border-radius:8px;padding:3px 8px;font-weight:600;color:var(--texto)}
.np-rel p{margin:6px 0 0;font-size:12px;color:var(--texto-2)}
@media (max-width:980px){.migas{flex-basis:100%}}
.que-mirar{display:grid;gap:3px;font-size:12.5px;color:var(--texto-3)}
.que-mirar b{color:var(--texto-2)}
.chev{width:24px;height:24px;border-radius:8px;border:0;background:none;cursor:pointer;display:inline-grid;place-items:center;color:var(--texto-3);flex:none;padding:0;transition:transform .15s}
.chev svg{width:15px;height:15px}
.chev:hover{background:var(--relleno-2);color:var(--texto)}
.chev.on{transform:rotate(90deg);color:var(--azul)}
.lnk--por{color:var(--azul);font-size:11.5px;font-weight:700;padding:0 2px}
.parte{border:0;background:none;padding:0;cursor:pointer}
.parte:hover .chip-c{box-shadow:0 0 0 2px var(--azul-suave)}
.tf tr.sub td{padding:0;background:var(--relleno)!important;border-bottom:1px solid var(--linea)}
.tf tr.sub td:first-child{position:static}
.sub-caja{padding:10px 14px 12px 52px;max-width:calc(100vw - 340px);position:sticky;left:0}
.sub-caja table{font-size:12.5px;background:var(--tarjeta);border-radius:12px;overflow:hidden}
.sub-caja th{position:static;box-shadow:none;background:var(--tarjeta);padding:7px 8px}
.sub-caja td{padding:6px 8px;border-bottom:1px solid var(--linea)}
.sub-caja td:first-child{position:static;background:none}
.sub-caja tr:last-child td{border-bottom:0}
@media (max-width:980px){.sub-caja{max-width:calc(100vw - 60px);padding-left:12px}}
.np-ver{border-radius:14px;padding:11px 14px;display:grid;gap:2px;font-size:12.5px}
.np-ver b{font-size:14px}
.np-ver--bien{background:var(--bien-suave)}
.np-ver--bien b{color:var(--bien)}
.np-ver--mal{background:var(--mal-suave)}
.np-ver--mal b{color:var(--mal)}
.np-ver--neu{background:var(--relleno)}
.np-cif{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.np-cif>div{background:var(--relleno);border-radius:14px;padding:10px 11px;display:grid;gap:2px;align-content:start;font-size:11.5px}
.np-cif small{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3)}
.np-cif b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.np-cif .chip-c{margin-top:3px;justify-self:start;white-space:normal;font-size:10.5px}
.np-partes{display:grid;gap:5px;margin-top:8px}
.np-parte{display:flex;justify-content:space-between;align-items:center;border:0;background:var(--tarjeta);border-radius:10px;padding:7px 10px;font:inherit;font-size:12.5px;cursor:pointer;font-weight:600;color:var(--texto)}
.np-parte:hover{box-shadow:0 0 0 2px var(--azul-suave)}
.np-b{border-radius:14px;padding:9px 10px;display:grid;gap:2px}
.np-b--bien{background:var(--bien-suave)}
.np-b--mal{background:var(--mal-suave)}
.np-b--neu{background:var(--relleno)}
.np-bt{font-size:13px;font-weight:800;margin-bottom:3px}
.np-b--bien .np-bt{color:var(--bien)}
.np-b--mal .np-bt{color:var(--mal)}
.np-bt small{font-weight:600;opacity:.7}
.np-r2{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto auto;gap:7px;align-items:center;padding:4px 2px;font-size:12px}
.np-r2 .chip-c{font-size:10.5px;padding:1px 7px}
@media (max-width:520px){.np-cif{grid-template-columns:1fr}.np-r2{grid-template-columns:14px minmax(0,1fr) auto auto}.np-r2 .tenue.num{display:none}}
:root{--fsel:color-mix(in srgb,var(--azul) 9%,var(--tarjeta))}
.tf td:first-child,.tf th:first-child{width:300px;min-width:300px;max-width:300px;white-space:normal;box-shadow:1px 0 0 var(--linea)}
.tf td:first-child{background-color:var(--tarjeta);background-image:none;overflow:hidden}
.tf tbody tr:hover td:first-child{background-color:color-mix(in srgb,var(--texto) 4%,var(--tarjeta));background-image:none}
.tf tr.fsel td,.tf tr.fsel:hover td{background-color:var(--fsel)!important;background-image:none!important}
.tf tr.fsel td:first-child{box-shadow:1px 0 0 var(--linea),inset 3px 0 0 var(--azul)}
.tf td:first-child .celda-nombre{min-width:0}
.tf tr.sub td:first-child{width:auto;min-width:0;max-width:none;overflow:visible}
.tf tr.sub td{background-color:var(--relleno)!important}
.tf table{font-size:12px}
.tf th,.tf td{padding-left:7px;padding-right:7px}
.tf td.cell-txt{min-width:260px}
.celda-nombre .tx>span{flex-wrap:wrap}
.chev{cursor:pointer;position:relative;z-index:1}
.chev:hover{cursor:pointer}
.btn-acc{height:28px;padding:0 10px;font-size:12px;cursor:pointer}
.btn-acc span{font-size:10px;opacity:.7}
.flota button{cursor:pointer}
.flota button[disabled]{cursor:not-allowed}
.flota button span{display:block}
.flota{max-width:300px}
.est{font-size:14px;line-height:1;cursor:help}
.est--verde{color:var(--bien)}
.est--ambar{color:#d9a400}
.est--roja{color:var(--mal)}
.est--gris{color:var(--g2)}
.leyenda-est{font-size:12px;color:var(--texto-3);margin:0 0 10px;line-height:1.6}
.leyenda-est b{color:var(--texto-2)}
.leyenda-cl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;margin-bottom:12px;padding:10px 14px;border-radius:14px;background:var(--relleno);font-size:12px;color:var(--texto-2)}
.leyenda-cl>div{display:flex;gap:10px;align-items:center;min-width:0}
.leyenda-cl .chip-c{flex:none;min-width:84px;text-align:center}
@media (max-width:760px){.leyenda-cl{grid-template-columns:1fr}}
.sec-t{font-size:17px;font-weight:800;letter-spacing:-.015em;margin:2px 0 8px}
.expl{margin:-4px 0 10px;font-size:12px;color:var(--texto-3);line-height:1.45}
.aviso-kw{margin:0 0 12px;padding:10px 14px;border-radius:14px;background:var(--azul-suave);font-size:12.5px;color:var(--texto)}
.sw small{font-weight:700}
.np-dep .expl{margin:2px 0 8px}
.celda-nombre .tx b{display:flex;gap:5px;align-items:baseline;white-space:normal;overflow:visible;max-width:none}
.celda-nombre .tx b .lnk--n{max-width:none;min-width:0;overflow:visible!important;text-overflow:clip!important}
:root{--ambar:#e8b400}
.est{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.est small{font-size:10.5px;font-weight:700;letter-spacing:0}
.est--ambar{color:var(--ambar)}
.esq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:14px;background:var(--relleno);font-size:12.5px}
.esq-n{background:var(--tarjeta);border:1px solid var(--linea);border-radius:10px;padding:6px 11px;font-weight:600}
.esq-n--a{border-color:var(--azul);color:var(--azul)}
.esq-col{display:grid;gap:4px}
.esq-f{color:var(--texto-3)}
.ad-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:6px}
.ad-card{border:1px solid var(--linea);border-radius:16px;padding:12px 14px;display:grid;gap:4px;cursor:pointer;background:var(--tarjeta);min-width:0}
.ad-card:hover{box-shadow:var(--sombra-alta)}
.ad-card.on{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave);background:var(--fsel)}
.ad-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.ad-n{font-weight:800;font-size:14px}
.ad-m{font-size:12.5px;color:var(--texto-2)}
.ad-pie{margin-top:6px}
.pag{border-radius:14px;background:var(--tarjeta);overflow:visible;min-height:max-content}
.pag-h{display:flex;align-items:center;gap:10px;width:100%;border:0;background:var(--tarjeta);padding:8px 10px;border-radius:10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--texto);text-align:left}
.pag-h>span:first-child{flex:1}
.pag-h:hover{box-shadow:0 0 0 2px var(--azul-suave)}
.pag-f{color:var(--texto-3);transition:transform .15s}
.pag-h[aria-expanded="true"] .pag-f{transform:rotate(180deg)}
.pag-b{padding:10px 12px 12px;display:grid;gap:7px}
.pag-b[hidden]{display:none}
.pag-url{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.med-f{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:12.5px}
.sem{width:10px;height:10px;border-radius:50%}
.sem--verde{background:var(--bien)}
.sem--ambar{background:var(--ambar)}
.sem--roja{background:var(--mal)}
.rot{margin:2px 0 0;font-size:11px;color:var(--texto-3)}
.pr-aviso{background:var(--azul-suave);border-radius:14px;padding:11px 14px;font-size:13px}
.pr-sub{font-size:12px;font-weight:700;margin-top:6px}
.pr-sub small{font-weight:500;color:var(--texto-3)}
.pr-f{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}
.pr-f .campo{height:36px;font-size:13px}
.pr-c{font-size:11px;color:var(--texto-3);min-width:38px;text-align:right}
.np-lista{display:flex!important;flex-direction:column;align-content:normal}
.np-lista>*{flex:none}
.franja-maqueta{font-size:11.5px;color:var(--texto-2);background:var(--relleno,rgba(127,127,127,.08));text-align:center;padding:4px 12px;border-bottom:1px solid var(--linea,rgba(127,127,127,.2))}
.ejm{font-size:.7em;vertical-align:super;color:var(--naranja);font-weight:600;cursor:help;margin-left:1px}
.acts{display:flex;gap:2px;align-items:center;white-space:nowrap;flex-wrap:wrap}
.act{background:none;border:0;padding:3px 5px;border-radius:6px;font:inherit;font-size:12px;color:var(--texto-2);cursor:pointer}
.act:hover{color:var(--azul);background:color-mix(in srgb,var(--azul) 10%,transparent)}
.act:disabled{opacity:.4;cursor:not-allowed}
.act--t{color:var(--azul)}
.sp{color:var(--texto-3,#aaa);font-size:11px}
.qs--link{cursor:pointer;border:1px solid color-mix(in srgb,currentColor 35%,transparent);display:inline-flex;gap:4px;align-items:center;background:none}
.qs--link:hover{border-color:var(--azul);box-shadow:0 0 0 2px color-mix(in srgb,var(--azul) 18%,transparent)}
.qs--link span{opacity:.6}
.chips-card{padding:8px 16px 0;display:flex;flex-wrap:wrap;gap:6px}
.chips-card:empty,.chips-card[hidden]{display:none}
.sec-fila{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:6px 0}
.btn-ia{color:var(--naranja);border-color:color-mix(in srgb,var(--naranja) 45%,transparent)}
.med{border-top:1px solid var(--linea,rgba(127,127,127,.15))}
.med-f{width:100%;display:flex;align-items:center;gap:8px;background:none;border:0;padding:8px 2px;font:inherit;color:inherit;cursor:pointer;text-align:left}
.med-f .num{margin-left:auto}
.med-f:hover{background:color-mix(in srgb,var(--azul) 6%,transparent)}
.med-f[aria-expanded=true] .pag-f{transform:rotate(180deg)}
.med-b{padding:4px 6px 10px 22px;font-size:12.5px;color:var(--texto-2)}
.med-b p{margin:2px 0}
sup.ejm{border:0;background:none;padding:0;text-transform:none;letter-spacing:0;font-size:.65em;line-height:0;color:var(--naranja);font-weight:600;font-style:normal;margin-left:1px}
.cj-lista .rc{display:block}
.cj-lista .rc .rb{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:6px;margin-top:8px;flex-wrap:wrap}
.cj-lista .rc p{margin:3px 0 0}
.tabs-fila{margin-bottom:12px}
.chips-card{padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chips-card .flecha-sel{display:none}
.chips-card .chs{height:32px;padding:0 6px 0 12px;font-size:12.5px;border:1px solid color-mix(in srgb,var(--azul) 28%,transparent);gap:8px}
.chips-card .chs small{font-weight:500}
.chips-card .limpiar{margin-left:auto;font-size:12.5px;color:var(--texto-3);text-decoration:none;height:32px;padding:0 4px}
.chips-card .limpiar:hover{color:var(--azul);text-decoration:underline}
.que-mirar{display:block!important;font-size:12px;line-height:1.45;color:var(--texto-3);margin:0 0 16px}
.que-mirar b{color:var(--texto-2);font-weight:600}
.que-mirar .qm-sep{margin:0 6px}
.sub-t{margin:0 0 12px}
.herr--s{margin:0 0 12px}
.ejh{color:var(--texto-3);cursor:help;font-size:1.1em;line-height:0}
.pag-b{padding:14px 4px 4px;gap:0;display:block}
.pag-url{background:var(--relleno);border-radius:12px;padding:12px 14px;gap:12px;flex-wrap:nowrap;margin-bottom:16px}
.pag-url .np-url{min-width:0;flex:1}
.pag-st{margin:0 0 8px}
.g4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.g4 span{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:9px 11px;border-radius:10px;background:var(--relleno);color:var(--texto)}
.g4 svg{flex:none;color:var(--azul)}
.med{border-top:1px solid var(--linea)}
.med-f{min-height:46px;padding:0 6px;gap:10px;border-radius:8px}
.med-f .med-n{flex:1;font-size:13px}
.med-f .num{margin-left:0;font-size:13.5px}
.med-f .sem{flex:none}
.med-f .pag-f{width:14px;text-align:center}
.med-b{background:var(--relleno);border-radius:10px;padding:14px 16px;margin:0 0 10px;font-size:12.5px;line-height:1.5}
.med-b p{margin:0 0 6px}
.rot{margin:12px 0 0}
.qs--link{height:28px;min-width:40px;padding:0 9px;border-radius:999px;width:auto;gap:5px;border:1px solid color-mix(in srgb,currentColor 40%,transparent)}
.qs--link:hover{border-color:var(--azul);box-shadow:0 0 0 3px color-mix(in srgb,var(--azul) 20%,transparent);transform:translateY(-1px)}
.qs--link:hover span{opacity:1;transform:translateX(2px)}
.qs--link span{transition:transform .12s}
.acts{flex-wrap:nowrap}
@media (max-width:640px){.que-mirar>span{display:block}.que-mirar .qm-sep{display:none}.que-mirar>span+.qm-sep+span{margin-top:2px}}
:root{--t-s:#146bff;--t-y:#e0574f;--t-p:#ff8a00;--t-d:#2fb0c9;--t-g:#8b6cf0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--t-s:#4d8dff;--t-y:#ff7a70;--t-p:#ffa033;--t-d:#4cc8e0;--t-g:#a58cff}}
:root[data-theme="dark"]{--t-s:#4d8dff;--t-y:#ff7a70;--t-p:#ffa033;--t-d:#4cc8e0;--t-g:#a58cff}
.franja-maqueta{position:relative;z-index:6}
.nav-s{font-weight:500;color:var(--texto-3)}
.nav a[aria-current="page"] .nav-s{color:var(--texto-2)}
.titulo h1 .i{vertical-align:middle;margin-left:8px;width:20px;height:20px;font-size:11px;position:relative;top:-2px}
.kpis6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kpis6 .kpi{padding:14px 16px;cursor:default;gap:6px}
.kpis6 .kpi:hover{transform:none;box-shadow:var(--sombra)}
.kpis6 .kpi-v{font-size:25px;white-space:nowrap}
.kpis6 .kpi-n{white-space:nowrap}
.kpis6 .kpi-d{min-height:22px}
@media (max-width:1280px){.kpis6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.kpis6{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis6 .kpi-v{font-size:21px}.kpis6 .kpi-n{white-space:normal;flex-wrap:wrap;row-gap:2px}.kpis6 .kpi{min-width:0;overflow:hidden}}
.neu{background:var(--relleno-2);color:var(--texto-2)}
.kpi-d .vs{color:var(--texto-3);font-size:11.5px}
.aviso-linea{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px dashed var(--g2);border-radius:14px;font-size:12.5px;color:var(--texto-2);min-width:0}
.aviso-linea svg{width:16px;height:16px;fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.aviso-linea b{color:var(--texto);font-weight:700}
.aviso-linea span{min-width:0}
.tchip{display:inline-flex;align-items:center;gap:6px;background:var(--relleno);color:var(--texto);padding:2px 9px 2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.tchip i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.obj{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap}
.obj--c{background:var(--azul-suave);color:var(--azul)}
.obj--v{background:var(--naranja-suave);color:#a85a00}
:root[data-theme="dark"] .obj--v{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .obj--v{color:#ffb257}}
.obj .i{width:14px;height:14px;font-size:8.5px;border-color:currentColor;color:inherit;opacity:.8}
.tp{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(6,minmax(78px,1fr)) 112px;gap:10px;align-items:center;padding:12px 4px;border-top:1px solid var(--linea)}
.tp-h{border-top:0;padding:0 4px 8px;font-size:10.5px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.05em}
.tp-h>div:not(:first-child){text-align:right}
.tp-n{display:grid;gap:7px;min-width:0}
.tp-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tp-t b{font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.tp-t b i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.tp-bar{height:6px;border-radius:99px;background:var(--relleno);overflow:hidden}
.tp-bar span{display:block;height:100%;border-radius:99px;background:var(--c)}
.tp-m{text-align:right;font-size:13px;font-weight:600}
.tp-m.tenue{font-weight:500}
.tp-l{text-align:right}
.tp-m::before{display:none}
.tp.vis .tp-m.cpr,.tp.vis .tp-m.ret{color:var(--texto-3);font-weight:500}
.tp-tot{border-top:2px solid var(--linea);background:transparent}
.tp-tot .tp-m{font-weight:800}
@media (max-width:1180px){
  .tp{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;padding:14px 2px}
  .tp-h{display:none}
  .tp-n{grid-column:1/-1}
  .tp-m,.tp-l{text-align:left}
  .tp-m::before{display:block;content:attr(data-l);font-size:10.5px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}
  .tp-l{grid-column:1/-1}
}
@media (max-width:420px){.tp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nota-obj{margin:12px 0 0;font-size:12px;color:var(--texto-3);display:flex;gap:7px;align-items:flex-start}
.graf-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.graf{position:relative;touch-action:pan-y}
.graf svg{display:block;width:100%;height:auto;overflow:visible}
.graf text{font-family:var(--f);font-size:11px;fill:var(--texto-3)}
.graf .gr-l{stroke:var(--linea);stroke-width:1}
.graf .gr-p{fill:var(--relleno)}
.graf .gr-pt{font-size:10.5px;font-weight:700;fill:var(--texto-3);letter-spacing:.03em}
.graf .gr-cur{stroke:var(--g2);stroke-width:1;stroke-dasharray:3 3}
.leyenda-tip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.lg{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--linea);background:var(--tarjeta);font-size:12px;font-weight:600;color:var(--texto);cursor:pointer}
.lg i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.lg[aria-pressed="false"]{color:var(--texto-3);background:transparent}
.lg[aria-pressed="false"] i{background:var(--g3)}
.hc-p{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--c)}
.vista-sub{display:grid;gap:18px}
.tipo-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tf .tchip{margin-left:0}
.cuota-i{display:inline-flex;align-items:center;gap:5px;color:var(--texto-3)}
.tf tr.total td{font-weight:800;background:var(--relleno)!important;position:sticky;bottom:0;z-index:2}
.tf tr.total td:first-child{z-index:4}
.tf tr.total td:first-child{background:color-mix(in srgb,var(--texto) 5%,var(--tarjeta))!important}
.puja-t{font-size:12px;color:var(--texto-2);white-space:nowrap}
.apilada--g{height:22px;border-radius:999px;margin:4px 0 12px;gap:2px}
.leyenda-red{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--texto-2);margin-bottom:14px}
.leyenda-red i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:baseline}
.aprox{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;background:var(--naranja-suave);border-radius:14px;padding:10px 14px;margin-bottom:14px}
.aprox i{font-style:normal;font-weight:800;color:var(--naranja)}
.insight{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--azul-suave);border-radius:14px;padding:11px 14px;margin-bottom:14px;font-size:13px}
.insight b{font-weight:800}
.insight .acts{margin-left:auto}
.miniatura{width:56px;height:40px;border-radius:9px;overflow:hidden;flex:none;position:relative;background:var(--relleno-2)}
.miniatura svg{display:block;width:100%;height:100%}
.miniatura--v{width:72px;height:42px}
.miniatura .dur{position:absolute;right:3px;bottom:3px;font-size:9.5px;font-weight:800;background:rgba(0,0,0,.65);color:#fff;border-radius:4px;padding:0 4px;line-height:15px}
.miniatura .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center}
.miniatura .play svg{width:9px;height:9px;fill:#fff}
.rend{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}
.rend--m{background:var(--bien-suave);color:var(--bien)}
.rend--b{background:var(--bien-suave);color:var(--bien);opacity:.85}
.rend--l{background:var(--mal-suave);color:var(--mal)}
.rend--a{background:var(--relleno-2);color:var(--texto-2)}
.tx-rec{white-space:normal;min-width:240px;max-width:380px;line-height:1.35;font-weight:600}
.tx-rec small{display:block;font-weight:500;color:var(--texto-3);font-size:11.5px;margin-top:1px}
.senal-t{white-space:normal;min-width:240px;text-align:left;line-height:1.35}
.cab-rec{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.input-prop{width:100%;height:36px;border-radius:10px;border:1px solid var(--tarjeta-borde);background:var(--relleno);padding:0 11px;font:inherit;font-size:13px;color:var(--texto)}
.pr-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.pr-fila small{font-size:11px;color:var(--texto-3);min-width:38px;text-align:right}
.pr-ley{font-size:11px;font-weight:700;color:var(--texto-3);margin:4px 0 -2px}
.pop--a .lista-mini{max-height:120px;overflow:auto}
.velo-menu{display:none}
@media (max-width:980px){
  body.menu-abierto .lateral{display:flex;position:fixed;top:0;left:0;bottom:0;width:min(288px,86vw);z-index:60;height:auto;background:var(--tarjeta);box-shadow:0 30px 80px rgba(16,27,51,.3)}
  body.menu-abierto .velo-menu{display:block;position:fixed;inset:0;z-index:55;background:color-mix(in srgb,var(--texto) 25%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .tabs-fila{gap:8px}
  .titulo h1{font-size:22px}
  .contenido{padding-top:16px}
}
@media (max-width:640px){
  .franja-maqueta{font-size:11px}
  .graf-cab .segmento button{padding:0 9px}
  .insight .acts{margin-left:0}
}
:root{--t-m:#2e9e6a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--t-m:#46c58a}}
:root[data-theme="dark"]{--t-m:#46c58a}
.card-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ct{border:1px solid var(--linea);border-radius:16px;padding:13px 14px;display:grid;gap:6px;cursor:pointer;background:var(--tarjeta);text-align:left;font:inherit;color:inherit}
.ct:hover{box-shadow:var(--sombra-alta)}
.ct[aria-pressed="true"]{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave)}
.ct b.v{font-size:22px;font-weight:800;letter-spacing:-.02em}
.ct small{color:var(--texto-3);font-size:12px}
.ct .fl-c{display:flex;justify-content:space-between;align-items:center}
@media (max-width:760px){.card-trio{grid-template-columns:1fr}}
.c-comp{background:color-mix(in srgb,var(--t-g) 16%,transparent);color:var(--t-g)}
.pie-ev{margin-top:4px}
.titulo h1 .i{font-size:11px;line-height:1;font-weight:800;color:var(--texto-3);letter-spacing:0;text-transform:none}
.titulo h1 span.i{display:inline-grid;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;color:var(--texto-3);gap:0;vertical-align:middle;margin-left:8px;position:relative;top:-2px}
@media (max-width:640px){
  .tf td:first-child,.tf th:first-child{width:150px;min-width:150px;max-width:150px}
  .tf td.izq{min-width:0}
  .tx-rec{min-width:200px}
  .celda-nombre .tx b,.lnk--n{max-width:none}
}
.celd{display:grid;gap:1px;justify-items:end;line-height:1.15}
.celd small{font-size:10.5px;font-weight:500;color:var(--texto-3);white-space:nowrap}
.celd.gris span{color:var(--texto-2)}
.th-s{display:block;font-size:9.5px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--texto-3)}
.kpi-grupo{display:grid;gap:8px}
.kg-t{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--texto-3)}
.kpis3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi-grupo--v .kpi{padding:11px 16px;cursor:default;gap:4px;background:color-mix(in srgb,var(--tarjeta) 70%,transparent);box-shadow:none}
.kpi-grupo--v .kpi:hover{transform:none;box-shadow:none}
.kpi-grupo--v .kpi-v{font-size:20px;font-weight:700}
.kpis3 .kpi-n{white-space:nowrap}
@media (max-width:640px){.kpis3{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis3 .kpi:last-child{grid-column:1/-1}.kpis3 .kpi-n{white-space:normal}}
.tf tr.tr-tipo td{background:color-mix(in srgb,var(--texto) 4%,var(--tarjeta));border-bottom:1px solid var(--linea);font-weight:700}
.tf tr.tr-tipo td:first-child{background:color-mix(in srgb,var(--texto) 4%,var(--tarjeta))}
.tf tr.tr-tipo td .celd small{font-weight:500}
.tdot{width:10px;height:10px;border-radius:3px;background:var(--c);display:inline-block;margin-right:8px}
.n-c{font-weight:500;color:var(--texto-3);margin-left:8px;font-size:11.5px}
.tr-tipo .tx b{font-size:13.5px;font-weight:800}
.tr-tipo .tx>span{gap:8px;align-items:center}
.tf tr.tr-camp td:first-child{background:var(--tarjeta)}
.celda-nombre.sang{padding-left:34px}
.tf .tr-tipo .chev,.chev{flex:none}
.tf tr.total td:first-child{background:color-mix(in srgb,var(--texto) 6%,var(--tarjeta))!important}
.tf--g td:first-child,.tf--g th:first-child{width:290px;min-width:290px;max-width:290px}
@media (max-width:640px){.tf--g td:first-child,.tf--g th:first-child{width:170px;min-width:170px;max-width:170px}.celda-nombre.sang{padding-left:22px}}
.tabs-fila .tabs-sc{max-width:100%}
.graf-cab .tabs-sc{max-width:100%}
.tf--g tr.total td{position:static!important}
.tf--g tr.total td:first-child{position:sticky!important}
.tf--g{max-height:none}
.kpi-d .vs{display:none}
:root{--ocre:#a85a00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ocre:#ffb257}}
:root[data-theme="dark"]{--ocre:#ffb257}
.contenido{max-width:1240px;gap:16px}
.kpis7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.kpis7 .kpi{padding:13px 14px;cursor:default;gap:5px;align-content:start}
.kpis7 .kpi:hover{transform:none;box-shadow:var(--sombra)}
.kpis7 .kpi-v{font-size:23px;white-space:nowrap}
.kpis7 .kpi-n{line-height:1.25}
.kpi-s{font-size:11.5px;color:var(--texto-3);line-height:1.3;min-height:15px}
.kpi-n .i{margin-left:auto;flex:none}
@media (max-width:1280px){.kpis7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.kpis7{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis7 .kpi-v{font-size:21px}}
.como{display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);border-radius:var(--r);box-shadow:var(--sombra);padding:15px 20px}
.como:hover{box-shadow:var(--sombra-alta)}
.como-i{width:46px;height:46px;border-radius:15px;background:var(--azul);display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(20,107,255,.3)}
.como-i svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.como-t{display:grid;gap:2px;min-width:170px;flex:1 1 170px}
.como-t b{font-size:16px;font-weight:800;letter-spacing:-.015em}
.como-t span{font-size:12.5px;color:var(--texto-2)}
.como-g{display:grid;gap:6px;min-width:0}
.como-g small{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.como-c{display:flex;gap:5px;flex-wrap:wrap}
.como-c span{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--relleno);white-space:nowrap}
.como-g--g .como-c span{background:var(--naranja-suave);color:var(--ocre)}
.como-fl{font-size:20px;color:var(--texto-3)}
@media (max-width:980px){.como-fl{display:none}}
.q{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.q>*{min-width:0}
.q-cab{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.q-cab>div:nth-child(2){min-width:0;flex:1 1 220px}
.q-n{width:26px;height:26px;border-radius:9px;background:var(--azul-suave);color:var(--azul);font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
.q-cab h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.q-cab p{margin:2px 0 0;font-size:12.5px;color:var(--texto-2)}
.q-r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.veredicto{display:flex;gap:12px 14px;align-items:center;flex-wrap:wrap;background:var(--azul-suave);border-radius:14px;padding:11px 14px;font-size:13.5px}
.veredicto>span{flex:1 1 280px;min-width:0}
.veredicto b{font-weight:800}
.veredicto--mal{background:var(--mal-suave)}
.veredicto--ok{background:var(--bien-suave)}
.cmp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cmp-m{border:1px solid var(--linea);border-radius:16px;padding:13px 14px;display:grid;gap:10px;align-content:start}
.cmp-m h4{margin:0;font-size:12px;font-weight:700;color:var(--texto-2);display:flex;gap:6px;align-items:baseline}
.cmp-m h4 small{font-weight:500;color:var(--texto-3);font-size:11px}
.cmp-f{display:grid;grid-template-columns:58px minmax(0,1fr) 56px;gap:8px;align-items:center;font-size:12px;color:var(--texto-2)}
.cmp-b{height:12px;border-radius:99px;background:var(--relleno);overflow:hidden}
.cmp-b span{display:block;height:100%;border-radius:99px;background:var(--c)}
.cmp-f b{font-weight:700;color:var(--texto);text-align:right;font-size:12.5px}
.cmp-f.mejor b{color:var(--bien)}
.cmp-f.mejor b::after{content:" ✓";font-weight:800}
@media (max-width:1100px){.cmp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cmp{grid-template-columns:1fr}}
td .sub{display:block;font-size:11px;font-weight:500;color:var(--texto-3);margin-top:1px;line-height:1.2}
td .sub-m{font-size:11px;font-weight:600}
.sub-swap{position:relative;min-height:17px;font-size:11.5px;color:var(--texto-3);font-weight:500}
.sub-swap .sub0{display:block;transition:opacity .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}
.sub-swap .acts-h{position:absolute;left:-5px;top:-3px;opacity:0;pointer-events:none;transition:opacity .12s;background:transparent}
tr:hover>td .sub-swap .acts-h,tr:focus-within>td .sub-swap .acts-h{opacity:1;pointer-events:auto}
tr:hover>td .sub-swap .sub0,tr:focus-within>td .sub-swap .sub0{opacity:0}
@media (hover:none),(max-width:640px){.sub-swap .acts-h{position:static;opacity:1;pointer-events:auto;margin-left:-5px}.sub-swap .sub0{display:none}.sub-swap{min-height:0}}
.tf.h1 td:first-child,.tf.h1 th:first-child{min-width:270px}
.marca-box{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px 30px;align-items:center}
.marca-n{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.marca-n b{font-size:46px;font-weight:800;letter-spacing:-.035em;line-height:1}
.marca-n span{font-size:14px;color:var(--texto-2);max-width:300px}
.marca-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px;margin:12px 0 8px;background:var(--relleno)}
.marca-bar span{display:block;height:100%}
.marca-d{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12.5px;color:var(--texto-2)}
.marca-d b{color:var(--texto);font-weight:700}
.marca-r{display:grid;gap:10px;justify-items:start}
.estado{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.estado i{width:10px;height:10px;border-radius:50%;background:var(--g2)}
.estado--mal i{background:var(--mal)}
.estado--ok i{background:var(--bien)}
.estado--av i{background:var(--naranja)}
.estado small{font-weight:500;color:var(--texto-3);font-size:12px}
.enlace{color:var(--azul);font-weight:600;font-size:13px;text-decoration:none}
.enlace:hover{text-decoration:underline}
@media (max-width:820px){.marca-box{grid-template-columns:1fr}}
.palancas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pal{border:1px solid var(--linea);border-radius:16px;padding:14px 15px;display:flex;flex-direction:column;gap:9px;background:var(--tarjeta)}
.pal-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.pal-h .i{margin-left:auto}
.pal-e{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;font-size:12.5px}
.pal-e .chip-c{font-size:11.5px}
.pal-e .fl{color:var(--texto-3)}
.pal-t{font-size:12.5px;color:var(--texto-2);line-height:1.4}
.pal-t b{color:var(--texto);font-weight:700}
.pal-l{display:grid;gap:3px;font-size:12px;color:var(--texto-2)}
.pal-l div{display:flex;justify-content:space-between;gap:10px}
.pal-l span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.si{color:var(--bien);font-weight:800}
.no{color:var(--texto-3)}
@media (max-width:1180px){.palancas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.palancas{grid-template-columns:1fr}}
.cuota-w{position:relative;margin:6px 0 4px}
.cuota{display:flex;height:16px;border-radius:99px;overflow:hidden;gap:2px;background:var(--relleno)}
.cuota span{display:block;height:100%}
.cuota-ob{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--texto);border-radius:2px}
.cuota-ob::after{content:"objetivo 90 %";position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:var(--texto-2);white-space:nowrap}
.cuota-l{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:12px;color:var(--texto-2);margin-top:8px}
.cuota-l i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.defensa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:start}
.def-c{border:1px solid var(--linea);border-radius:16px;padding:14px 16px;display:grid;gap:10px;align-content:start}
.def-c h4{margin:0;font-size:13.5px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.def-c h4 .i{margin-left:auto}
.def-n{display:flex;gap:18px;flex-wrap:wrap}
.def-n div{display:grid;gap:1px}
.def-n b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.def-n small{font-size:11.5px;color:var(--texto-3)}
@media (max-width:980px){.defensa{grid-template-columns:1fr}}
.mini-b{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.mini-b i{display:block;width:80px;height:8px;border-radius:99px;background:var(--relleno);overflow:hidden;flex:none}
.mini-b i span{display:block;height:100%;border-radius:99px;background:var(--c,var(--azul))}
.cp-ch{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start}
.cp-ch .chip-c{font-size:10.5px;padding:1px 8px}
td.izq{text-align:left!important}
.legal{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 6px 0 10px;border-radius:999px;background:var(--naranja-suave);color:var(--ocre);font-size:12px;font-weight:700}
.reparto-b{display:flex;height:22px;border-radius:99px;overflow:hidden;gap:2px;margin:2px 0 10px}
.reparto-b span{display:block;height:100%}
.aviso-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--naranja-suave);border-radius:14px;padding:10px 14px;font-size:13px}
.aviso-l>span{flex:1 1 260px;min-width:0}
.aviso-l .acts{flex-wrap:wrap}
.btn-s--v{background:var(--azul-suave);color:var(--azul);border-color:transparent}
.paso button.st{width:auto;padding:0 12px;font-size:13px}
.costes{border:1px solid var(--linea);border-radius:14px;padding:4px 14px}
.costes-h,.costes-f{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;font-size:12.5px;padding:7px 0}
.costes-h{font-size:11px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--linea)}
.costes-h i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.costes-f{border-top:1px solid var(--linea)}
.costes-h+.costes-f{border-top:0}
.costes-f span{color:var(--texto-2)}
.costes-f b{font-weight:700;text-align:left}
.resto-t{cursor:help}
.resto-t u{text-decoration:none;text-transform:none;letter-spacing:0;font-weight:600;color:var(--azul);margin-left:3px;border-bottom:1px dotted var(--azul)}
@media (max-width:560px){.costes-h,.costes-f{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));font-size:11.5px}.costes-h{font-size:10px}.resto-t u{display:none}}
.palancas{grid-template-columns:repeat(6,minmax(0,1fr))}
.pal{grid-column:span 2}
.pal--w{grid-column:span 6}
.pal--h{grid-column:span 3}
@media (max-width:1180px){.pal{grid-column:span 3}}
@media (max-width:700px){.pal,.pal--h{grid-column:span 6}}
.aud{display:grid;gap:0;border:1px solid var(--linea);border-radius:12px;padding:2px 12px}
.aud-f{display:grid;grid-template-columns:minmax(0,1.4fr) 70px repeat(4,minmax(40px,.5fr));gap:8px;align-items:center;font-size:12.5px;padding:7px 0;border-top:1px solid var(--linea)}
.aud-f.aud-h{border-top:0;font-size:10.5px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.04em}
.aud-f>span:not(.aud-n){text-align:center}
.aud-n{font-weight:600}
.aud-f>.num{text-align:right!important}
.aud-ok{color:var(--bien);font-weight:800}
.aud-no{color:var(--texto-3)}
@media (max-width:560px){.aud-f{grid-template-columns:minmax(0,1.2fr) 52px repeat(4,minmax(30px,.4fr));gap:4px;font-size:11.5px}.aud-f.aud-h{font-size:9px;letter-spacing:0}}
.para{font-size:13px;margin-bottom:6px}
.para b{font-weight:800;margin-right:4px}
.comp-sub{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.comp-sub>*{min-width:0}
.comp-sub h3{margin:0;font-size:14px;font-weight:800;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.comp-sub>p{margin:-6px 0 0;font-size:12.5px;color:var(--texto-2)}
.vacia{border:1.5px dashed var(--g2);border-radius:16px;padding:20px;display:grid;gap:10px;justify-items:start;background:transparent}
.vacia b{font-size:14px}
.vacia span{font-size:12.5px;color:var(--texto-2)}
.sep-bloque{height:1px;background:var(--linea);margin:6px 0}
.vacia .acts,.veredicto .acts,.aviso-l .acts{flex-wrap:wrap!important}
.aud-f{grid-template-columns:minmax(0,1.4fr) 86px repeat(4,minmax(40px,.5fr))}
.aud-f .sh2{display:none}
.min{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--naranja-suave);color:var(--ocre);font-size:10px;font-weight:800;font-style:normal}
@media (max-width:560px){.aud-f{grid-template-columns:minmax(0,1fr) 62px repeat(4,30px);gap:3px}.aud-f .lg2{display:none}.aud-f .sh2{display:inline;font-size:8.5px;letter-spacing:0}.aud-f.aud-h{font-size:8.5px}.aud-f .aud-n{font-size:12px}}
.aud-sel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aud-sel label{display:grid;gap:4px;font-size:11.5px;color:var(--texto-3);font-weight:600}
.aud-sel .sel{width:100%;color:var(--texto)}
@media (max-width:520px){.aud-sel{grid-template-columns:1fr}}
.aud-tam{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:9px 12px;border-radius:12px;font-size:12.5px}
.aud-tam b{font-size:15px}
.aud-tam.ok{background:var(--bien-suave)}
.aud-tam.no{background:var(--naranja-suave)}
.catn{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--texto);cursor:pointer;text-align:left;display:flex;gap:6px;align-items:baseline}
.chv{display:inline-block;width:10px;color:var(--texto-3);transition:transform .15s}
.chv.o{transform:rotate(90deg)}
.ejem{list-style:none;margin:6px 0 2px 16px;padding:0 0 0 10px;border-left:2px solid var(--linea);display:grid;gap:3px;font-size:12px;color:var(--texto-2)}
.ejem li{display:flex;gap:10px;justify-content:space-between}
.ejem small{color:var(--texto-3)}
.ops{display:grid;gap:8px}
.op{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--linea);border-radius:12px;padding:10px 12px;cursor:pointer}
.op:has(input:checked){border-color:var(--azul);background:var(--azul-suave)}
.op input{margin-top:3px;accent-color:var(--azul)}
.op span{display:grid;gap:1px;font-size:13px}
.op small{color:var(--texto-3);font-size:11.5px}
.op .recom{font-size:10.5px;font-weight:800;color:var(--bien);margin-left:6px}
.op.sub-op{margin-left:26px;padding:6px 10px}
.pop--a .pop-cuerpo{max-height:calc(100vh - 80px);overflow:auto}
.terminos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.terminos{grid-template-columns:1fr}}
.term-c{border:1px solid var(--linea);border-radius:16px;padding:12px 14px;display:grid;gap:4px;align-content:start}
.term-c h4{margin:0 0 4px;font-size:13px;font-weight:800;display:flex;gap:8px;align-items:center}
.term-f{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid var(--linea);font-size:13px;flex-wrap:wrap}
.term-f:first-of-type{border-top:0}
.term-f b{font-weight:600;flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
.term-f .x{border:0;background:none;color:var(--texto-3);cursor:pointer;font-size:15px;padding:0 4px}
.term-add{display:flex;gap:8px;margin-top:6px}
.term-add input{flex:1;min-width:0;height:30px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--relleno);padding:0 10px;font:inherit;font-size:12.5px;color:var(--texto)}
.c-azul{background:var(--azul-suave);color:var(--azul)}
.nombre-regla{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--texto-2)}
.nombre-regla code{background:var(--relleno-2);border-radius:6px;padding:1px 6px;font-weight:700;color:var(--texto)}
.camp-comp{border:1px solid var(--linea);border-radius:16px;padding:14px 16px;display:grid;gap:12px;min-width:0}
.cc-cab{display:flex;gap:10px 14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cc-t{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cc-t b{font-size:14.5px;font-weight:800}
.cc-met{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cc-m{display:grid;gap:1px;align-content:start}
.cc-m b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.cc-m .sub{white-space:normal}
@media (max-width:1100px){.cc-met{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.cc-met{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-pie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
@media (max-width:820px){.cc-pie{grid-template-columns:1fr}}
.cc-l{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3);margin-bottom:6px;display:flex;gap:8px;align-items:center}
.ad-m{border:1px solid var(--linea);border-radius:12px;padding:10px 12px;background:var(--relleno)}
.ad-t{font-size:14px;font-weight:700;color:var(--azul)}
.ad-u{font-size:11.5px;color:var(--bien);margin:1px 0}
.ad-d{font-size:12.5px;color:var(--texto-2)}
.cc-m .sub{display:block;font-size:11px;font-weight:500;color:var(--texto-3);line-height:1.25}
.camp-comp>*{min-width:0}
.cc-pie>*{min-width:0}
.nombre-regla{min-width:0}
.comp-sub .acts{flex-wrap:wrap!important;gap:8px}
.pal--2{grid-column:span 2}
.pal--4{grid-column:span 4}
.consejo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--relleno);border-radius:12px;padding:8px 12px;font-size:12.5px;color:var(--texto-2)}
.consejo b{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3)}
.consejo>span:not(.i){flex:1 1 220px;min-width:0}
.consejo--p{margin-top:2px}
@media (max-width:1180px){.pal--2,.pal--4{grid-column:span 6}}
.desp{border-top:1px solid var(--linea);padding-top:8px;display:grid;gap:8px;min-width:0}
.desp-s{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--texto-2);cursor:pointer;display:flex;gap:6px;align-items:baseline;text-align:left;padding:0}
.desp-s small{font-weight:500;color:var(--texto-3);margin-left:6px}
.desp-c{min-width:0}
.tf--s{max-height:none}
.tf--s td:first-child,.tf--s th:first-child{min-width:200px}
.seg-sn button{height:26px;font-size:12px;padding:0 10px}
.seg-sn button[aria-pressed="true"]{color:var(--texto)}
.sug{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--relleno);border-radius:12px;padding:8px 12px;font-size:12.5px;color:var(--texto-2)}
.sug>span{flex:1 1 240px;min-width:0}
.sug b{color:var(--texto)}
.pasos2{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.pasos2 input{width:70px;text-align:center;height:30px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--relleno);font:inherit;font-weight:700;color:var(--texto)}
.pasos2 button:not(.btn-s){width:30px;height:30px;border-radius:9px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);cursor:pointer;font-size:16px}
.aud-f.aud-h1{border-top:0;padding-bottom:0}
.aud-f .cgh{border-bottom:2px solid var(--azul-suave);padding-bottom:3px;font-size:10.5px;color:var(--texto-2);text-align:center;font-weight:800}
.aud-f .cg0{border-left:1px solid var(--linea)}
.cg0{padding-left:0}
.pal .btn-s:disabled{opacity:.45;cursor:not-allowed}
.palancas{align-items:start}
input.sel{background-image:none!important;padding-right:11px}
.nuevo{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--azul-suave);color:var(--azul);padding:1px 6px;border-radius:999px;margin-left:6px}
.nav a .sub{display:block;font-size:11px;font-weight:500;color:var(--texto-3);line-height:1.2}
.nav a.dos-l{align-items:center}
.lateral .nav a>span:last-child{min-width:0}
.th{display:block;position:relative;border-radius:7px;background:linear-gradient(135deg,var(--a),var(--b));overflow:hidden;box-shadow:0 1px 3px rgba(16,27,51,.22);flex:none}
.th svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:38%;max-width:26px;fill:#fff;opacity:.95;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.th em{position:absolute;right:3px;bottom:3px;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);border-radius:4px;padding:0 4px;line-height:14px}
.th--vid{width:76px;height:43px}
.th--big{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}
.th--big em{font-size:11px;line-height:18px;padding:0 6px;right:7px;bottom:7px}
.th--big svg{max-width:46px}
.th-t{position:absolute;left:10px;right:10px;top:10px;color:#fff;font-weight:800;font-size:13px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.thw{width:80px;display:grid;place-items:center;flex:none}
.th--ban i{position:absolute;left:12%;height:11%;min-height:2px;border-radius:2px;background:rgba(255,255,255,.88)}
.th--ban i:nth-child(1){top:18%;width:60%}
.th--ban i:nth-child(2){top:36%;width:40%;opacity:.7}
.th--ban b{position:absolute;left:12%;bottom:14%;width:26%;height:16%;min-height:3px;border-radius:99px;background:var(--naranja)}
.th--ban.peq i,.th--ban.peq b{display:none}
.th--ban.peq i:nth-child(1){display:block;top:30%;height:30%;width:50%}
.th--car{width:52px;height:34px;background:none;box-shadow:none;overflow:visible}
.th--car s{position:absolute;top:2px;width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 1px 3px rgba(16,27,51,.3);border:1.5px solid var(--tarjeta)}
.th--car s:nth-child(1){left:0}
.th--car s:nth-child(2){left:11px;filter:saturate(.8)}
.th--car s:nth-child(3){left:22px}
.ret{display:inline-flex;align-items:flex-end;gap:2px;height:24px;vertical-align:middle}
.ret i{display:block;width:7px;background:var(--azul);border-radius:2px 2px 0 0}
.ret i:nth-child(1){opacity:.4}
.ret i:nth-child(2){opacity:.6}
.ret i:nth-child(3){opacity:.8}
.ret-t{font-size:10.5px;color:var(--texto-3);margin-left:6px;letter-spacing:.01em}
.mal-f{color:var(--mal);font-weight:700}
.obj{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;white-space:nowrap}
.o-a{background:var(--azul-suave);color:var(--azul)}
.o-v{background:var(--naranja-suave);color:#a85a00}
.o-c{background:var(--bien-suave);color:var(--bien)}
.o-r{background:rgba(168,85,247,.13);color:#8a3fd1}
:root[data-theme="dark"] .o-v{color:#ffb257}
:root[data-theme="dark"] .o-r{color:#c99bff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .o-v{color:#ffb257}:root:not([data-theme="light"]) .o-r{color:#c99bff}}
.modo{display:inline-flex;align-items:center;gap:8px}
.modo>span{font-size:12px;color:var(--texto-3);font-weight:600}
.sub-seg{margin:0 0 12px}
.cards-v{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-bottom:18px}
.cv{border:1px solid var(--linea);border-radius:18px;padding:12px;display:grid;gap:10px;background:var(--tarjeta);min-width:0;align-content:start}
.cv.gana{border-color:color-mix(in srgb,var(--ambar) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ambar) 14%,transparent)}
.cv-n{font-weight:700;font-size:13.5px;line-height:1.3;display:flex;gap:6px;align-items:flex-start}
.cv-n .est{margin-top:2px}
.cv-s{font-size:11.5px;color:var(--texto-3);margin-top:-6px}
.cv-r{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;height:92px}
.cv-r div{display:grid;gap:2px;align-content:end;height:100%;text-align:center;font-size:10.5px;color:var(--texto-3)}
.cv-r div i{display:block;border-radius:5px 5px 0 0;background:var(--azul)}
.cv-r div b{font-size:11.5px;color:var(--texto)}
.cv-m{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cv-m div{background:var(--relleno);border-radius:10px;padding:6px 8px;font-size:10.5px;color:var(--texto-3);line-height:1.25}
.cv-m b{display:block;font-size:14px;color:var(--texto);letter-spacing:-.01em}
.cv-a{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.sh{display:inline-block;width:46px;height:5px;border-radius:99px;background:var(--relleno-2);vertical-align:middle;margin-right:6px;overflow:hidden}
.sh i{display:block;height:100%;background:var(--azul)}
.mv-sel{margin:0 0 12px}
.mv-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.mv-g>div{background:var(--relleno);border-radius:14px;padding:10px 12px;font-size:12px;color:var(--texto-2);display:grid;gap:2px}
.mv-g b{font-size:18px;color:var(--texto);letter-spacing:-.02em}
.mv-g small{font-size:11.5px}
.grf{width:100%;height:auto;display:block}
.grf text{font-family:var(--f);font-size:10px;fill:var(--texto-3)}
.grf .t2{font-size:11px;fill:var(--texto-2);font-weight:700}
@media (max-width:640px){.mv-g{grid-template-columns:1fr}}
.nota-cuadro{font-size:12px;color:var(--texto-3);margin-top:10px}
.lat-vel{position:fixed;inset:0;z-index:54;background:color-mix(in srgb,var(--texto) 25%,transparent);backdrop-filter:blur(4px)}
.lat-vel[hidden]{display:none}
@media (max-width:980px){.lateral.abierto{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(290px,86vw);z-index:55;height:100vh;background:var(--tarjeta)}}
.tf td.nom{white-space:normal}
.cell-th{display:flex;gap:10px;align-items:center;min-width:0}
.cell-th .tx{min-width:0;display:grid;gap:3px}
.cell-th .tx b{font-weight:600;white-space:normal;line-height:1.3;font-size:12.5px}
.cell-th .tx>span{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.hd-i{display:flex;gap:7px;align-items:center}
.tf-lnk td{vertical-align:middle}
@media (max-width:640px){.cards-v{grid-template-columns:1fr}.th--big{border-radius:10px}}
.mv-sel{max-width:100%;overflow-x:auto}
.mv-sel button{white-space:nowrap}
.tf td.pg{white-space:nowrap;text-align:left;color:var(--texto-3)}
.cst{display:block;font-size:10.5px;font-weight:500;color:var(--texto-3);line-height:1.25;margin-top:1px;white-space:nowrap}
.acts-h{opacity:0;transition:opacity .12s;flex-wrap:wrap!important;margin-top:2px;margin-left:-5px}
.tf tr:hover .acts-h,.tf tr:focus-within .acts-h{opacity:1}
@media (hover:none),(max-width:980px){.acts-h{opacity:1}}
.cell-th>.cb{margin-right:-2px}
.ac-chk{display:flex;gap:9px;align-items:center;font-size:13px;padding:3px 0;cursor:pointer}
.kpi-fila{display:grid;gap:8px}
.kpi-fila+.kpi-fila{margin-top:14px}
.kpi-tit{font-size:13px;font-weight:800;letter-spacing:-.01em}
.kpi-tit small{font-weight:500;color:var(--texto-3);margin-left:6px}
.kpis-n{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpis-n .kpi{padding:14px 16px;cursor:default;gap:6px;min-width:0}
.kpis-n .kpi:hover{transform:none;box-shadow:var(--sombra)}
.kpis-n .kpi-v{font-size:24px}
.kpis-n .kpi-n{white-space:nowrap}
.tf td.hl{background:var(--azul-suave)}
.para{font-size:12.5px;color:var(--texto-2);margin:0 0 6px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.para b{color:var(--texto)}
.cv-th{position:relative}
.cv-ck{position:absolute;left:8px;top:8px;z-index:2;background:rgba(255,255,255,.92);border-radius:7px;padding:4px;display:grid;cursor:pointer}
.ver-yt{position:absolute;right:8px;top:8px;z-index:2;border:0;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:inherit;font-size:11.5px;font-weight:700;padding:4px 10px;cursor:pointer}
.ver-yt:hover{background:#e0574f}
.cv.sel{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave)}
.cv-m{grid-template-columns:repeat(2,1fr)}
.cv-r{height:62px}
.th--big svg{pointer-events:none}
#galeria .cards-v{margin-bottom:12px}
#kpis:has(.kpi-fila){display:block}
.cv-th .th-t{display:none}
.cv-ck{width:24px;height:24px;place-items:center}
.yt-t th,.yt-t td{padding-left:14px!important;padding-right:14px!important}
.yt-t th{white-space:nowrap!important;vertical-align:middle}
.yt-t thead tr.r1 th{height:27px;padding-top:4px;padding-bottom:4px}
.yt-t thead tr.r1 th.gh{text-align:center;font-size:10px;letter-spacing:.07em;color:var(--azul);border-bottom:1px solid var(--linea);border-left:1px solid var(--linea);background:var(--tarjeta)}
.yt-t thead tr.r1 th.gh0{border-left:0}
.yt-t thead tr.r2 th{top:27px}
.yt-t thead tr.r2 th:not(:first-child){min-width:104px}
.retw{display:inline-block;width:132px;text-align:left}
.retw .ret{display:flex;width:100%;height:28px;gap:3px}
.retw .ret i{flex:1;width:auto}
.retw .ret-t{display:block;margin:3px 0 0;text-align:left}
.ley-hl{font-size:11.5px;color:var(--texto-3);margin:-4px 0 10px;display:flex;gap:7px;align-items:center}
.ley-hl i{width:14px;height:10px;border-radius:3px;background:var(--azul-suave);border:1px solid color-mix(in srgb,var(--azul) 30%,transparent)}
.t-tabla{font-size:15px;font-weight:800;margin:0 0 6px}
.fbars{display:grid;gap:8px;margin:2px 0 4px}
.fb{display:grid;grid-template-columns:110px minmax(0,1fr) 88px;gap:12px;align-items:center;font-size:12.5px}
.fb-n{font-weight:600}
.fb-b{height:20px;background:var(--relleno);border-radius:7px;overflow:hidden}
.fb-b span{display:block;height:100%;background:var(--azul);border-radius:7px}
.fb b{text-align:right;font-weight:700}
.tico{width:26px;height:26px;border-radius:8px;background:var(--relleno-2);display:grid;place-items:center;flex:none;color:var(--texto-2)}
.tico svg{width:15px;height:15px}
.mv-act{font-size:13px;margin:0 0 8px;color:var(--texto-2)}
.mv-act b{color:var(--texto)}
.lectura{font-size:13px;font-weight:600;border-radius:12px;padding:10px 14px;margin:0 0 14px}
.lectura.warn{background:var(--naranja-suave);color:#8a4a00}
.lectura.ok{background:var(--bien-suave);color:var(--bien)}
:root[data-theme="dark"] .lectura.warn{color:#ffb257}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lectura.warn{color:#ffb257}}
@media (max-width:520px){.fb{grid-template-columns:84px minmax(0,1fr) 70px;gap:8px}}
/* ══ AÑADIDOS DE LA DEMO ══ */
html{scroll-behavior:auto}
body{overflow-x:hidden}
.puerta{position:fixed;inset:0;z-index:100;overflow:auto;display:grid;place-items:center;padding:20px;background:var(--fondo);
  background-image:radial-gradient(900px 500px at 10% -10%,var(--azul-suave),transparent 65%),radial-gradient(700px 420px at 100% 0%,var(--naranja-suave),transparent 70%)}
.puerta[hidden]{display:none}
.puerta-c{width:100%;max-width:460px;background:var(--cristal);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--cristal-borde);border-radius:28px;box-shadow:var(--sombra-alta);padding:30px 28px 24px;display:grid;gap:14px}
.puerta-m{display:flex;align-items:center;gap:12px}.puerta-m img{width:44px;height:48px;object-fit:contain}.puerta-m b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.puerta h1{margin:4px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.025em}.puerta p{margin:0;color:var(--texto-2);font-size:14px}
.pcampo{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--texto-2)}
.pcampo input,.pcampo select{height:42px;border-radius:12px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);padding:0 13px;font-size:15px;font-weight:500;color:var(--texto);width:100%}
.pcampo select{appearance:auto}
.dosc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--texto-2);font-weight:500}.check input{margin-top:2px;width:16px;height:16px}
.check a{color:var(--azul)}
.btn-p{height:46px;border-radius:13px;border:0;background:var(--azul);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(20,107,255,.3)}
.btn-p:hover{filter:brightness(1.07)}
.err{color:var(--mal);font-size:12.5px;min-height:1em}
.etiqueta-demo{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#c46a00;background:var(--naranja-suave);padding:3px 10px;border-radius:999px}
.reservar{position:fixed;right:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--azul);color:#fff;font-weight:800;font-size:13.5px;text-decoration:none;box-shadow:0 10px 28px rgba(20,107,255,.38)}
.reservar:hover{filter:brightness(1.08)}
.aviso-sector{font-size:12.5px;background:var(--azul-suave);color:var(--azul);border-radius:12px;padding:9px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.aviso-sector button{border:0;background:none;color:inherit;font-size:18px;cursor:pointer;line-height:1}
.ico-b{background:var(--c,var(--g1))}

.menu-movil{display:none}
.lateral .cliente-i{background:var(--azul-suave);color:var(--azul)}
.nav a .ico{background:var(--c,var(--g1))}
.vista-t{display:grid;gap:18px}
.barra-dato{background:linear-gradient(90deg,color-mix(in srgb,var(--c,var(--azul)) 14%,transparent) var(--w,0%),transparent var(--w,0%)) no-repeat 0 50%/100% 70%}
.fila-camp td{font-weight:700;background:var(--relleno)}
.fila-camp td:first-child{box-shadow:inset 3px 0 0 var(--c,var(--azul))}
.fila-ad td:first-child{padding-left:26px;font-weight:500}
.fila-tot td{font-weight:800;border-top:2px solid var(--linea)}
.estado{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--bien);font-weight:700}.estado i{width:7px;height:7px;border-radius:50%;background:var(--bien)}
.pl{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;background:var(--c)}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.alerta{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:flex-start}
.alerta-i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;background:var(--c)}
.alerta h4{margin:0 0 3px;font-size:14.5px}.alerta p{margin:0 0 6px;font-size:13px;color:var(--texto-2)}.alerta .acc{font-size:12.5px;font-weight:700;color:var(--azul)}
.nivel{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.nv-alta{background:var(--mal-suave);color:var(--mal)}.nv-media{background:var(--naranja-suave);color:#c46a00}.nv-baja,.nv-info{background:var(--azul-suave);color:var(--azul)}
.chat{display:grid;grid-template-rows:auto 1fr auto;min-height:520px;gap:14px}
.sug{display:flex;gap:8px;flex-wrap:wrap}
.sug button{border:1px solid var(--tarjeta-borde);background:var(--tarjeta);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(16,27,51,.04)}
.sug button:hover{border-color:var(--azul);color:var(--azul)}
.msgs{display:grid;gap:12px;align-content:start;min-height:260px;max-height:56vh;overflow:auto;padding:4px}
.msg{max-width:86%;padding:11px 15px;border-radius:18px;font-size:14px;line-height:1.5}
.msg.yo{justify-self:end;background:var(--azul);color:#fff;border-bottom-right-radius:6px}
.msg.ia{justify-self:start;background:var(--relleno);border-bottom-left-radius:6px}
.msg.ia b{font-weight:800}.msg.ia ul{margin:6px 0 0;padding-left:18px}
.msg.ia .escribe{display:inline-flex;gap:4px}.msg.ia .escribe i{width:6px;height:6px;border-radius:50%;background:var(--g2);animation:salta 1s infinite}.msg.ia .escribe i:nth-child(2){animation-delay:.15s}.msg.ia .escribe i:nth-child(3){animation-delay:.3s}
@keyframes salta{50%{transform:translateY(-4px);background:var(--azul)}}
.entrada{display:flex;gap:8px}.entrada input{flex:1;height:42px;border-radius:13px;border:1px solid var(--tarjeta-borde);background:var(--tarjeta);padding:0 14px;font-size:14px;color:var(--texto);min-width:0}
.entrada button{height:42px;padding:0 18px;border-radius:13px;border:0;background:var(--azul);color:#fff;font-weight:800;cursor:pointer}
.creativos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.creat{padding:0;overflow:hidden;display:grid}
.miniatura{height:130px;position:relative;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:800;font-size:14px;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.miniatura em{position:absolute;top:10px;right:10px;font-style:normal;font-size:10.5px;background:rgba(255,255,255,.28);padding:2px 8px;border-radius:999px;backdrop-filter:blur(8px)}
.creat-c{padding:12px 14px 14px;display:grid;gap:8px}.creat-c b{font-size:13.5px}
.mini-k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:11.5px;color:var(--texto-3)}.mini-k b{display:block;font-size:14px;color:var(--texto)}
.recorrido{display:grid;gap:14px}
.rec-cab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.rec-cab b{font-size:15px}.rec-cab span{font-size:12.5px;color:var(--texto-2)}
.linea{display:grid;gap:0;position:relative;padding-left:6px}
.paso{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:7px 0;position:relative}
.paso::before{content:"";position:absolute;left:13px;top:-50%;bottom:50%;width:2px;background:var(--linea)}
.paso:first-child::before{display:none}
.paso-p{width:28px;height:28px;border-radius:50%;background:var(--c);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;position:relative;z-index:1}
.paso b{font-size:13.5px}.paso small{color:var(--texto-3);font-size:12px}
.mapa{overflow-x:auto}
.mapa-g{display:grid;grid-template-columns:38px repeat(24,minmax(18px,1fr));gap:3px;min-width:560px;font-size:11px;color:var(--texto-3)}
.mapa-g .c{height:28px;border-radius:6px;background:color-mix(in srgb,var(--azul) calc(var(--v)*1%),var(--relleno));display:grid;place-items:center;font-size:10px;color:transparent}
.mapa-g .c:hover{color:var(--texto);outline:1px solid var(--azul)}
.mapa-g .h{text-align:center;align-self:end}.mapa-g .d{align-self:center;font-weight:700;color:var(--texto-2)}
.conectores{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.conector{display:flex;gap:13px;align-items:center}
.logo-p{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;flex:none;background:var(--c)}
.logo-p svg{width:24px;height:24px;fill:#fff}
.conector b{display:block;font-size:14px}.conector small{color:var(--texto-3);font-size:12px}
.pastilla-ok{margin-left:auto}
.nota-pie{font-size:12px;color:var(--texto-3);padding:0 4px}
.kpi-v.p{color:var(--azul)}
.brk{display:grid;gap:0}
.brk .li{padding:7px 0;border-bottom:1px solid var(--linea)}.brk .li:last-child{border-bottom:0}
@media (max-width:980px){
  .menu-movil{display:inline-flex}
  .lateral.abierto{display:flex;position:fixed;z-index:40;left:0;top:0;bottom:0;width:min(290px,86vw);box-shadow:var(--sombra-alta);background:var(--tarjeta)}
  .velo-menu{position:fixed;inset:0;z-index:39;background:rgba(16,27,51,.25)}
  .tres{grid-template-columns:1fr}
  .titulo h1{font-size:21px}
  .contenido{padding-top:16px;padding-bottom:90px}
  .alerta{grid-template-columns:36px 1fr}.alerta .nivel{grid-column:2}
  .alerta-i{width:36px;height:36px}
  .dosc{grid-template-columns:1fr}
  .puerta-c{padding:24px 20px}
  .reservar{right:12px;bottom:12px}
  .msg{max-width:94%}
}

[hidden]{display:none!important}

.logo-p.logo-real{background:#fff;border:1px solid #e6e8ee}
.logo-p.logo-real svg{width:26px;height:26px;fill:currentColor}
.logo-p.logo-real img{width:34px;height:auto}
.logo-p.logo-real .ico-tt{color:#000;filter:drop-shadow(-1px -1px 0 #25F4EE) drop-shadow(1px 1px 0 #FE2C55)}