:root{color-scheme:light;--superficie: #fcfcfb;--plano: #f9f9f7;--tinta: #0b0b0b;--tinta-2: #52514e;--tinta-apagada: #898781;--rejilla: #e1e0d9;--eje: #c3c2b7;--borde: rgba(11, 11, 11, .1);--serie-1: #2a78d6;--serie-2: #eb6834;--ok: #006300;--cat-1: #2a78d6;--cat-2: #eb6834;--cat-3: #1baf7a;--cat-4: #eda100;--cat-5: #e87ba4;--cat-6: #008300;--r: 8px;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--superficie: #1a1a19;--plano: #0d0d0d;--tinta: #ffffff;--tinta-2: #c3c2b7;--tinta-apagada: #898781;--rejilla: #2c2c2a;--eje: #383835;--borde: rgba(255, 255, 255, .1);--serie-1: #3987e5;--serie-2: #d95926;--ok: #0ca30c;--cat-1: #3987e5;--cat-2: #d95926;--cat-3: #199e70;--cat-4: #c98500;--cat-5: #d55181;--cat-6: #008300}}:root[data-theme=dark]{color-scheme:dark;--superficie: #1a1a19;--plano: #0d0d0d;--tinta: #ffffff;--tinta-2: #c3c2b7;--tinta-apagada: #898781;--rejilla: #2c2c2a;--eje: #383835;--borde: rgba(255, 255, 255, .1);--serie-1: #3987e5;--serie-2: #d95926;--ok: #0ca30c;--cat-1: #3987e5;--cat-2: #d95926;--cat-3: #199e70;--cat-4: #c98500;--cat-5: #d55181;--cat-6: #008300}*{box-sizing:border-box}body{margin:0;background:var(--plano);color:var(--tinta);font-family:var(--sans);font-size:14px;line-height:1.45}.app{padding:20px;max-width:1500px;margin:0 auto}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.cabecera .izquierda{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cabecera .sub{color:var(--tinta-2);font-size:13px}.chincheta{font-size:12px;font-weight:500;padding:3px 9px;border-radius:99px;border:1px solid var(--serie-2);color:var(--serie-2);white-space:nowrap;cursor:help}.acciones{display:flex;gap:8px;align-items:center}.boton{font:inherit;font-weight:500;padding:7px 14px;border-radius:6px;border:1px solid var(--borde);background:var(--superficie);color:var(--tinta);cursor:pointer}.boton:hover{background:var(--plano)}.boton.primario{background:var(--serie-1);border-color:transparent;color:#fff}.boton.primario:hover{filter:brightness(1.08)}.boton:disabled{opacity:.5;cursor:default}.rejilla{display:grid;gap:14px}.rejilla.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}.rejilla.tres{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:14px}.rejilla.dos{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin-bottom:14px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;min-height:0}.tarjeta h2{font-size:13px;font-weight:600;margin:0 0 2px;flex:none}.tarjeta .nota{font-size:12px;color:var(--tinta-apagada);margin:0 0 14px;flex:none}.tarjeta h2+.cuerpo{margin-top:14px}.tarjeta .cuerpo{flex:1;min-height:0;display:flex;flex-direction:column}.kpi .cifra{font-size:30px;font-weight:600;letter-spacing:-.02em}.kpi .rotulo{font-size:11px;color:var(--tinta-apagada);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.kpi .rotulo .normal{text-transform:none;letter-spacing:0}.barras{display:flex;flex-direction:column;gap:9px;max-height:264px;overflow-y:auto;min-height:0;padding-right:4px}.barra .fila{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:3px}.barra .nombre{color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra .valor{color:var(--tinta-2);font-variant-numeric:tabular-nums;flex:none}.barra .canal{height:8px;background:var(--rejilla);border-radius:4px;overflow:hidden}.barra .relleno{height:100%;border-radius:4px;transition:width .25s ease}.barra{cursor:default}.barra:hover .nombre{color:var(--serie-1)}.apilada{display:flex;gap:2px;height:14px;margin-bottom:12px}.apilada>span{border-radius:3px}.leyenda{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12.5px}.leyenda .item{display:flex;align-items:center;gap:7px}.leyenda .punto{width:10px;height:10px;border-radius:3px;flex:none}.leyenda .n{color:var(--tinta-2);font-variant-numeric:tabular-nums}.donut-caja{display:flex;align-items:center;gap:18px;flex-wrap:wrap;flex:1;min-height:0}.donut{flex:none}.donut circle{transition:stroke-width .15s ease;cursor:default}.donut .centro-cifra{font-size:26px;font-weight:600;fill:var(--tinta);text-anchor:middle}.donut .centro-rotulo{font-size:9.5px;fill:var(--tinta-apagada);text-anchor:middle;text-transform:uppercase;letter-spacing:.06em}.donut-caja .leyenda{flex:1;min-width:150px;flex-direction:column;gap:7px}.lienzo{width:100%;display:block;overflow:visible}.lienzo .rejilla-linea{stroke:var(--rejilla);stroke-width:1}.lienzo .eje-linea{stroke:var(--eje);stroke-width:1}.lienzo text{fill:var(--tinta-apagada);font-size:11px}.lienzo .cruz{stroke:var(--eje);stroke-width:1}.globo{position:fixed;pointer-events:none;background:var(--superficie);border:1px solid var(--borde);border-radius:6px;padding:8px 10px;font-size:12px;box-shadow:0 4px 14px #00000029;z-index:50;white-space:nowrap}.globo .t{font-weight:600;margin-bottom:4px}.globo .l{display:flex;align-items:center;gap:7px}.globo .punto{width:8px;height:8px;border-radius:2px}.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filtros input,.filtros select{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid var(--borde);background:var(--superficie);color:var(--tinta)}.filtros input{flex:1;min-width:200px}.envoltorio-tabla{overflow-x:auto;min-height:0}.envoltorio-tabla.compacta{max-height:264px;overflow-y:auto}.envoltorio-tabla.alto-limitado{max-height:max(60vh,320px);overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font-weight:600;color:var(--tinta-2);padding:8px 10px;border-bottom:1px solid var(--eje);white-space:nowrap;position:sticky;top:0;background:var(--superficie);z-index:1}td{padding:8px 10px;border-bottom:1px solid var(--rejilla);vertical-align:top}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover{background:var(--plano)}.pastilla{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;white-space:nowrap}.pastilla .punto{width:8px;height:8px;border-radius:2px;flex:none}.aviso{background:var(--superficie);border:1px solid var(--borde);border-left:3px solid var(--serie-2);border-radius:var(--r);padding:12px 16px;margin-bottom:14px;font-size:13px}.centro{display:grid;place-items:center;min-height:70vh;text-align:center;padding:24px}.vacio{color:var(--tinta-apagada);font-size:12.5px;padding:10px 0}.clicable{cursor:pointer}.barra.clicable:hover .canal,.leyenda .item.clicable:hover{filter:brightness(1.25)}.barra.apagada,.leyenda .item.apagada{opacity:.32}.barra.elegida .nombre,.barra.elegida .valor{font-weight:600}.tarjeta.kpi.clicable:hover{border-color:var(--serie-1)}.tarjeta.kpi.elegida{border-color:var(--serie-1);box-shadow:inset 0 0 0 1px var(--serie-1)}.chincheta.filtro{border-color:var(--serie-1);color:var(--serie-1);cursor:pointer}.chincheta.limpiar{border-color:var(--eje);color:var(--tinta-2);cursor:pointer}.chincheta.filtro:hover,.chincheta.limpiar:hover{background:var(--plano)}.apilada-fila{display:flex;gap:2px;height:10px}.apilada-fila>span:first-child{border-radius:4px 0 0 4px}.apilada-fila>span:last-child{border-radius:0 4px 4px 0}.apilada-fila>span:only-child{border-radius:4px}.lienzo .rotulo-eje{fill:var(--tinta-apagada);font-size:10.5px}.lienzo .etiqueta-punto{fill:var(--tinta-2);font-size:10.5px}.treemap{display:flex;flex-direction:column;gap:3px;flex:1;min-height:190px}.tm-fila{display:flex;gap:3px;min-height:0}.tm-celda{position:relative;border-radius:4px;overflow:hidden;min-width:0;display:flex}.tm-fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--serie-1);border-radius:4px}.tm-texto{position:relative;padding:5px 7px;display:flex;flex-direction:column;justify-content:flex-start;gap:1px;min-width:0;color:var(--tinta)}.tm-texto.sobre-fuerte{color:#fff}.tm-nombre{font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-valor{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.tm-celda.apagada{opacity:.32}.mapa-calor{display:grid;gap:3px}.mc-cabecera{text-align:center;color:var(--tinta-apagada);font-size:11px;padding-bottom:2px}.mc-rotulo{color:var(--tinta-2);font-size:11.5px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.mc-celda{position:relative;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--rejilla)}.mc-fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--serie-1);border-radius:4px}.mc-texto{position:relative;font-size:12.5px;color:var(--tinta);font-variant-numeric:tabular-nums}.mc-texto.sobre-fuerte{color:#fff}.mc-celda.apagada{opacity:.3}.mc-celda.elegida{box-shadow:0 0 0 2px var(--tinta)}.mc-fondo.residual{background:var(--eje)}.chupas{display:flex;flex-direction:column;gap:3px}.chupa{display:grid;grid-template-columns:minmax(80px,40%) 1fr 26px;align-items:center;gap:10px;padding:2px 0;font-size:12.5px}.chupa-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chupa-pista{position:relative;height:12px;display:flex;align-items:center}.chupa-pista:before{content:"";position:absolute;top:5px;right:0;bottom:5px;left:0;background:var(--rejilla);border-radius:1px}.chupa-linea{position:relative;height:2px;background:var(--serie-1);border-radius:1px}.chupa-punto{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--serie-1);border:2px solid var(--superficie);box-sizing:content-box}.chupa-valor{text-align:right;color:var(--tinta-2);font-variant-numeric:tabular-nums}.chupa.apagada{opacity:.32}.chupa.elegida .chupa-nombre,.chupa.elegida .chupa-valor{font-weight:600}.chupa.clicable:hover .chupa-nombre{color:var(--serie-1)}.mc-cabecera.total,.mc-rotulo.total{color:var(--tinta-2);font-weight:600}.mc-total{display:flex;align-items:center;justify-content:center;height:32px;font-size:12.5px;font-weight:600;color:var(--tinta-2);font-variant-numeric:tabular-nums}.mc-total.general{color:var(--tinta)}.donut{flex:none;height:100%;max-height:210px;min-height:128px;width:auto}.kpi{position:relative;overflow:hidden}.kpi-franja{position:absolute;left:0;top:0;bottom:0;width:4px}.kpi-tinte{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;pointer-events:none}.kpi .cifra,.kpi .rotulo{position:relative}.kpi-franja+.kpi-tinte~.cifra{padding-left:4px}