#v-oficina{
  --ofi-c1:#FFCF00;
  --ofi-c2:#E07B39;
  --ofi-c3:#5B8DEF;
  --ofi-c4:#3FA37A;
  --ofi-c5:#9B7BD4;
  --ofi-c6:#D9576B;
  --ofi-c7:#2BB3C0;
  --ofi-c8:#C9A227;
  --ofi-c9:#6E9E3A;
  --ofi-c10:#B5651D;
  --ofi-c11:#8C8C93;
  --ofi-c0:#77777E;
  font-variant-numeric:tabular-nums;
}
html[data-theme="light"] #v-oficina{
  --ofi-c1:#B88700;
  --ofi-c2:#B85820;
  --ofi-c3:#356CC5;
  --ofi-c4:#217B55;
  --ofi-c5:#7655AF;
  --ofi-c6:#B9364C;
  --ofi-c7:#147E88;
  --ofi-c8:#92720C;
  --ofi-c9:#4D771F;
  --ofi-c10:#87450F;
  --ofi-c11:#66666C;
  --ofi-c0:#707076;
}
#v-oficina .ofi-actualizado{font-size:11px;color:var(--t3);margin-top:3px}
#v-oficina .ofi-avisos{border-left:3px solid var(--y);padding:13px 16px;margin-bottom:16px}
#v-oficina .ofi-avisos strong{display:block;font-size:12px;margin-bottom:6px}
#v-oficina .ofi-avisos ul{padding-left:18px;color:var(--t2);font-size:12px;line-height:1.5}
#v-oficina .ofi-tabs,#v-oficina .ofi-segmentos,#v-oficina .ofi-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#v-oficina .ofi-tabs::-webkit-scrollbar,#v-oficina .ofi-segmentos::-webkit-scrollbar,#v-oficina .ofi-chips::-webkit-scrollbar{display:none}
#v-oficina .ofi-tabs{margin-bottom:16px;padding-bottom:2px}
#v-oficina .ofi-tabs .obra-pill,#v-oficina .ofi-segmentos .obra-pill,#v-oficina .ofi-chips .obra-pill{min-height:40px;white-space:nowrap}
#v-oficina .ofi-tabs .obra-pill[aria-selected="true"],#v-oficina .ofi-segmentos .obra-pill[aria-selected="true"],#v-oficina .ofi-chips .obra-pill[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:var(--cv-sobre-y)}
#v-oficina .ofi-mes{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px}
#v-oficina .ofi-mes strong{min-width:170px;text-align:center;font-size:14px}
#v-oficina .ofi-flecha{width:40px;height:40px;border:1px solid var(--sep);border-radius:100px;background:var(--card);color:var(--t1);font:inherit;font-size:20px;cursor:pointer}
#v-oficina .ofi-flecha:disabled{color:var(--t3);cursor:default;opacity:.55}
#v-oficina .ofi-estado{padding:20px;margin-bottom:20px;line-height:1.55}
#v-oficina .ofi-estado h2{font-size:16px;margin-bottom:8px}
#v-oficina .ofi-estado p,#v-oficina .ofi-estado ol,#v-oficina .ofi-estado ul{font-size:13px;color:var(--t2)}
#v-oficina .ofi-estado ol,#v-oficina .ofi-estado ul{padding-left:20px;margin-top:8px}
#v-oficina .ofi-estado .clear-btn{min-height:40px;margin-top:10px;border:1px solid var(--sep)}
#v-oficina .ofi-negativo{color:var(--cv-danger)!important}
#v-oficina .ofi-positivo{color:var(--cv-ok)!important}
#v-oficina .kpi-val{overflow-wrap:anywhere}
#v-oficina .ofi-bloque{margin-bottom:24px}
#v-oficina .ofi-segmentos{margin-bottom:14px}
#v-oficina .tcard>.ofi-segmentos{padding:14px 16px 0}
#v-oficina .ofi-bolitas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-items:center;padding:18px 12px}
#v-oficina .ofi-bolita{width:104px;height:104px;border-radius:50%;border:1px solid var(--sep);background:var(--surface-2);color:var(--t1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;font:inherit;cursor:pointer}
#v-oficina .ofi-bolita:first-child{border:2px solid var(--y)}
#v-oficina .ofi-bolita b{font-size:17px;line-height:1.1;max-width:84px;max-height:2.2em;overflow:hidden;text-overflow:ellipsis}
#v-oficina .ofi-bolita span{font-size:9px;color:var(--t3);line-height:1.25;margin-top:5px}
#v-oficina .ofi-historico-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;border:0;border-top:1px solid var(--sep);background:var(--card);color:var(--t2);font:inherit;font-size:12px;cursor:pointer}
#v-oficina .ofi-historico{border-top:1px solid var(--sep)}
#v-oficina .ofi-tabla{min-width:560px}
#v-oficina .ofi-tabla.ofi-tabla-compacta{min-width:0}
#v-oficina .ofi-tabla th:not(:first-child),#v-oficina .ofi-tabla td:not(:first-child){text-align:right}
#v-oficina .ofi-tabla tfoot td{font-weight:600;background:var(--surface-2)}
#v-oficina .ofi-tree td{padding-top:8px;padding-bottom:8px}
#v-oficina .ofi-tree-btn{display:flex;align-items:center;gap:7px;width:100%;min-height:40px;border:0;background:none;color:var(--t1);font:inherit;font-size:12px;text-align:left;cursor:pointer}
#v-oficina .ofi-chevron{display:inline-block;color:var(--t3);width:12px;transition:transform 160ms var(--ease-out)}
#v-oficina .ofi-tree-btn[aria-expanded="true"] .ofi-chevron{transform:rotate(90deg);color:var(--y-ink)}
#v-oficina .ofi-nivel-1{padding-left:34px!important}
#v-oficina .ofi-nivel-2{padding-left:58px!important;color:var(--t2)}
#v-oficina .ofi-nota{margin:0 16px 14px}
#v-oficina .ofi-saldo{padding:4px 16px 12px}
#v-oficina .ofi-capital{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}
#v-oficina .ofi-progreso label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}
#v-oficina .ofi-progreso progress{display:block;width:100%;height:10px;border:0;border-radius:100px;overflow:hidden;background:var(--surface-2);accent-color:var(--y)}
#v-oficina .ofi-progreso progress::-webkit-progress-bar{background:var(--surface-2)}
#v-oficina .ofi-progreso progress::-webkit-progress-value{background:var(--y)}
#v-oficina .ofi-progreso progress::-moz-progress-bar{background:var(--y)}
#v-oficina .ofi-progreso p{font-size:11px;color:var(--t3);margin-top:7px}
#v-oficina .ofi-revisiones{margin-bottom:20px;background:var(--card);border-radius:var(--r);padding:14px 16px}
#v-oficina .ofi-revisiones summary{cursor:pointer;color:var(--t2);font-size:12px;font-weight:600;min-height:40px;display:flex;align-items:center}
#v-oficina .ofi-revision-mes{margin:12px 0 5px;font-size:11px;color:var(--t3);text-transform:uppercase}
#v-oficina .ofi-revisiones li{margin:5px 0 5px 18px;font-size:12px;color:var(--t2);line-height:1.45}
#v-oficina .ofi-grafica-leyenda{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(260px,1.1fr);gap:18px;padding:16px}
#v-oficina .ofi-dona{position:relative;height:260px;min-width:0}
#v-oficina .ofi-dona-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
#v-oficina .ofi-dona-centro b{font-size:20px}
#v-oficina .ofi-dona-centro span{font-size:10px;color:var(--t3);text-transform:uppercase;margin-top:3px}
#v-oficina .ofi-leyenda{display:flex;flex-direction:column;justify-content:center}
#v-oficina .ofi-leyenda-fila{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--sep);font-size:11px}
#v-oficina .ofi-punto{width:9px;height:9px;border-radius:50%;background:var(--ofi-color)}
#v-oficina .ofi-leyenda-fila span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t2)}
#v-oficina .ofi-sin-categoria{color:var(--cv-danger);font-size:11px;padding:0 16px 14px}
#v-oficina .ofi-socios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px}
#v-oficina .ofi-pares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px}
#v-oficina .ofi-pares>.tcard{margin-bottom:0}
#v-oficina .ofi-socio{padding:16px}
#v-oficina .ofi-socio h3{font-size:14px;margin-bottom:12px}
#v-oficina .ofi-socio-total{font-size:24px;font-weight:600;margin-bottom:12px}
#v-oficina .ofi-socio-fila{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--sep);font-size:11px;color:var(--t2)}
#v-oficina .ofi-socio-fila b{color:var(--t1)}
#v-oficina .ofi-socio .clear-btn{min-height:40px;width:100%;margin-top:8px;border:1px solid var(--sep)}
#v-oficina .ofi-clientes{font-size:10.5px;color:var(--t3);line-height:1.45;margin-top:10px}
#v-oficina .ofi-selects{display:flex;gap:8px;align-items:center}
#v-oficina .ofi-selects select{min-height:40px;border:1px solid var(--sep);border-radius:8px;background:var(--card);color:var(--t1);font:inherit;padding:0 10px}
#v-oficina .ofi-barra{display:inline-block;width:84px;height:7px;border-radius:100px;background:var(--surface-2);overflow:hidden;vertical-align:middle;margin-right:7px}
#v-oficina .ofi-barra i{display:block;height:100%;background:var(--y);width:var(--ofi-pct)}
#v-oficina .ofi-chart-wrap{height:300px;padding:16px}
#v-oficina .ofi-lista{padding:10px 16px 16px;list-style:none}
#v-oficina .ofi-lista li{padding:9px 0;border-bottom:1px solid var(--sep);font-size:12px;color:var(--t2);line-height:1.45}
#v-oficina .ofi-lista li:last-child{border-bottom:0}
#v-oficina .ofi-lista b{color:var(--t1)}
#v-oficina .ofi-incompletas{border-left:3px solid var(--y)}
#v-oficina .ofi-detalles{padding:0 16px 12px}
#v-oficina .ofi-detalles details{border-top:1px solid var(--sep)}
#v-oficina .ofi-detalles summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;cursor:pointer;font-size:12px;color:var(--t2)}
#v-oficina .ofi-detalles p{padding:0 0 12px;font-size:11px;color:var(--t3);line-height:1.5}
#v-oficina .ofi-simulador{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:18px;padding:16px}
#v-oficina .ofi-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#v-oficina .ofi-campo{font-size:11px;color:var(--t2)}
#v-oficina .ofi-campo input{width:100%;min-height:40px;margin-top:5px;border:1px solid var(--sep);border-radius:8px;background:var(--surface-2);color:var(--t1);font:inherit;padding:0 10px}
#v-oficina .ofi-sim-total{background:var(--surface-2);border-radius:12px;padding:16px}
#v-oficina .ofi-sim-total span{display:block;font-size:11px;color:var(--t3)}
#v-oficina .ofi-sim-total b{display:block;font-size:22px;margin:5px 0 10px;color:var(--y-ink)}
#v-oficina .ofi-sim-detalle{font-size:11px;color:var(--t2);line-height:1.6}
#v-oficina .ofi-chambitas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
#v-oficina .ofi-chambita{padding:16px;margin:0}
#v-oficina .ofi-chambita h3{font-size:14px;margin-bottom:10px}
#v-oficina .ofi-chambita-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#v-oficina .ofi-chambita-resumen span{font-size:10px;color:var(--t3)}
#v-oficina .ofi-chambita-resumen b{display:block;font-size:14px;color:var(--t1);margin-top:3px}
#v-oficina .ofi-chambita details{margin-top:10px;border-top:1px solid var(--sep)}
#v-oficina .ofi-chambita summary{min-height:40px;display:flex;align-items:center;cursor:pointer;color:var(--t2);font-size:11px}
#v-oficina .ofi-chambita-mov{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--sep);font-size:11px;color:var(--t2)}
#v-oficina .ofi-chambita-mov small{display:block;color:var(--t3);margin-top:2px}
@media(max-width:700px){
  #v-oficina .ofi-grafica-leyenda,#v-oficina .ofi-simulador{grid-template-columns:1fr}
  #v-oficina .ofi-socios-grid,#v-oficina .ofi-pares{grid-template-columns:1fr}
}
@media(min-width:600px){#v-oficina .ofi-kpi-3{grid-template-columns:repeat(3,1fr)}}
#v-oficina .ofi-corto{display:none}
@media(max-width:480px){
  /* En celular las pestañas bajan a otro renglón en vez de esconderse a la derecha. */
  #v-oficina .ofi-tabs{flex-wrap:wrap;overflow:visible}
  #v-oficina .ofi-tabs .obra-pill{flex:1 1 auto;padding-left:12px;padding-right:12px}
  #v-oficina .ofi-segmentos .obra-pill{flex:1 1 0}
  #v-oficina .ofi-ancho{display:none}
  #v-oficina .ofi-corto{display:inline}
  #v-oficina .ofi-bolitas{gap:5px;padding-left:5px;padding-right:5px}
  #v-oficina .ofi-bolita{width:88px;height:88px;padding:7px}
  #v-oficina .ofi-bolita b{font-size:14px;max-width:72px}
  #v-oficina .ofi-capital,#v-oficina .ofi-chambitas{grid-template-columns:1fr}
  #v-oficina .ofi-campos{grid-template-columns:1fr}
  #v-oficina .tcard-head{align-items:flex-start;gap:8px;flex-wrap:wrap}
  #v-oficina .ofi-selects{align-items:stretch;flex-direction:column;width:100%}
  #v-oficina .ofi-selects select{width:100%}
}
@media(prefers-reduced-motion:reduce){
  #v-oficina *,#v-oficina *::before,#v-oficina *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Con la tarjeta principal a dos columnas, la cuarta quedaba sola a media fila. */
@media(max-width:599px){#v-oficina .kpi-row>.kpi:nth-child(4):last-child{grid-column:span 2}}
#v-oficina .ofi-sub-obras{display:block;color:var(--t3);font-size:11px;margin-top:2px;white-space:normal}