/* =====================================================================
   BLOQUE 13 — Números → Beneficio («págate primero», botes con anillos,
   simulador de interés compuesto con gráfico SVG, independencia
   financiera, patrimonio, 7 reglas de Babilonia e histórico).
   Archivo bloque14.css (bloque13.css es de Contabilidad, Bloque 12).
   Va el último: reutiliza piezas de bloque4/7/9 (b7-kpi, b9-card,
   b9-aviso, b7-campo, b9-dlg) y solo usa tokens (Noche y Día).
   ===================================================================== */
.b13{display:flex; flex-direction:column; gap:16px; min-width:0;}
.b13 .t-ok{--b13-c:var(--b4-ok); --b13-ink:var(--b4-ok-ink); --b13-bg:var(--b4-ok-bg);}
.b13 .t-am, .b13-dlg .t-am{--b13-c:var(--b4-am); --b13-ink:var(--b4-am-ink); --b13-bg:var(--b4-am-bg);}
.b13 .t-az{--b13-c:var(--b4-az); --b13-ink:var(--b4-az-ink); --b13-bg:var(--b4-az-bg);}
.b13 .t-mo{--b13-c:var(--b4-mo); --b13-ink:var(--b4-mo-ink); --b13-bg:var(--b4-mo-bg);}
.b13 .t-ro{--b13-c:var(--b4-ro); --b13-ink:var(--b4-ro-ink); --b13-bg:var(--b4-ro-bg);}
.b13-dlg .t-ok{--b13-c:var(--b4-ok); --b13-ink:var(--b4-ok-ink); --b13-bg:var(--b4-ok-bg);}
.b13-dlg .t-az{--b13-c:var(--b4-az); --b13-ink:var(--b4-az-ink); --b13-bg:var(--b4-az-bg);}

/* Aviso fijo de una línea */
.b13-aviso{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:var(--b4-az-bg); color:var(--b4-az-ink);}
.b13-aviso strong{overflow:hidden; text-overflow:ellipsis;}
@media (max-width:560px){ .b13-aviso{font-size:.76rem; padding:9px 14px; border-radius:999px; align-self:stretch; justify-content:center;} }
@media (max-width:440px){ .b13-aviso{font-size:2.62vw; padding:8px 10px; gap:0; letter-spacing:-.005em;} .b13-aviso .ico-set{display:none;} .b13-aviso strong{font-weight:700;} }

/* Iconos de las tarjetas */
#tab-beneficio .b9-card-ico, #tab-beneficio .b7-kpi-ico{width:44px; height:44px;}
#tab-beneficio .b9-card-ico .ico-set, #tab-beneficio .b7-kpi-ico .ico-set{width:22px; height:22px;}
.b13-pend .b9-card-ico, .b13-botes .b9-card-ico{background:var(--b4-ok-bg); color:var(--b4-ok-ink);}
.b13-sim .b9-card-ico, .b13-pat .b9-card-ico{background:var(--b4-az-bg); color:var(--b4-az-ink);}
.b13-fi .b9-card-ico, .b13-bab .b9-card-ico{background:var(--b4-am-bg); color:var(--b4-am-ink);}
.b13-hist .b9-card-ico{background:var(--b4-mo-bg); color:var(--b4-mo-ink);}
.b13 .b9-card-cab{flex-wrap:nowrap;}
.b13 .b9-card-tit{flex:1 1 auto; min-width:0; overflow-wrap:anywhere;}
.b13-cab-acc{display:flex; gap:8px; margin-left:auto;}

/* Botones redondos */
.b13-redondo{flex:none; width:46px; height:46px; border-radius:50%; border:1px solid var(--line-strong); background:var(--bg); color:var(--ink); display:grid; place-items:center; cursor:pointer; padding:0; transition:transform .12s ease, background .15s ease;}
.b13-redondo .ico-set{width:20px; height:20px;}
.b13-redondo:hover{border-color:var(--ink-soft);}
.b13-redondo:active{transform:scale(.94);}
.b13-redondo:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b13-redondo.acento{background:var(--accent); color:var(--accent-ink); border-color:transparent;}
.b13-redondo.ok{background:var(--b4-ok); color:#fff; border-color:transparent;}
.b13-redondo.ro{background:var(--b4-ro-bg); color:var(--b4-ro-ink); border-color:transparent;}
#b13PatActivo{background:var(--b4-ok-bg); color:var(--b4-ok-ink); border-color:transparent;}

/* KPI grandes */
.b13-kpis .b7-kpi-v{font-size:clamp(1.35rem, 2.55vw, 2rem); letter-spacing:-.01em; white-space:nowrap;}
.b13-kpis .b7-kpi-ico{background:var(--b4-az-bg); color:var(--b4-az-ink);}
.b13-kpis .b7-kpi-ok .b7-kpi-ico{background:var(--b4-ok-bg); color:var(--b4-ok-ink);}
.b13-kpis .b7-kpi-am .b7-kpi-ico{background:var(--b4-am-bg); color:var(--b4-am-ink);}
.b13-racha{font-weight:800;}
@media (max-width:640px){
  .b13-kpis .b7-kpi{flex-wrap:wrap;}
  .b13-kpis .b7-kpi-v{font-size:1.4rem;}
  .b13-kpis .b9-kpi-sub{flex-basis:100%; padding-left:46px;}
}

/* Págate primero pendiente */
.b13-pend{border-color:var(--b4-ok); box-shadow:0 0 0 3px var(--b4-ok-bg), var(--shadow);}
.b13-pend-fila{display:flex; align-items:center; gap:12px; padding:12px 12px 12px 16px; border-radius:20px; background:var(--b4-ok-bg);}
.b13-pend-tx{display:flex; flex-direction:column; gap:3px; flex:1 1 auto; min-width:0;}
.b13-pend-imp{font-size:1.35rem; font-weight:800; color:var(--b4-ok-ink); font-variant-numeric:tabular-nums;}
.b13-pend-tx span{font-size:.82rem; color:var(--ink-soft); overflow-wrap:anywhere;}
.b13-pend-acc{display:flex; gap:8px; flex:none;}
@media (max-width:440px){ .b13-pend-imp{font-size:1.12rem;} .b13-pend-fila{padding:10px 10px 10px 12px; gap:8px; flex-wrap:wrap;} .b13-pend-tx{flex-basis:100%;} .b13-pend-acc{margin-left:auto;} }

/* Botes con anillos */
.b13-botes-grid{display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:12px;}
@media (max-width:900px){ .b13-botes-grid{grid-template-columns:repeat(3, minmax(0,1fr));} }
@media (max-width:560px){ .b13-botes-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;} }
.b13-bote{position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 10px 12px; border-radius:22px; background:var(--b13-bg); border:1px solid transparent; cursor:pointer; text-align:center; min-width:0; transition:transform .12s ease, border-color .15s ease;}
.b13-bote:hover{border-color:var(--b13-c);}
.b13-bote:active{transform:scale(.98);}
.b13-bote-nom{display:flex; align-items:center; gap:4px; justify-content:center; min-width:0;}
.b13-bote-nom strong{font-size:.95rem; font-weight:800;}
.b13-bote-nom .b4-info-btn{margin:0;}
.b13-bote-saldo{font-size:1.15rem; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.b13-bote-obj{font-size:.74rem; color:var(--ink-soft); overflow-wrap:anywhere;}
.b13-bote-chip{margin-top:4px; font-size:.7rem; font-weight:800; padding:4px 10px; border-radius:999px; background:var(--surface); color:var(--b13-ink); letter-spacing:.02em;}
.b13-anillo{position:relative; width:84px; height:84px; flex:none;}
.b13-anillo svg{width:100%; height:100%; display:block;}
.b13-anillo-pista{fill:none; stroke:var(--b4-track); stroke-width:8;}
.b13-anillo-val{fill:none; stroke:var(--b13-c); stroke-width:8; stroke-linecap:round;}
@media (prefers-reduced-motion:no-preference){ .b13-anillo-val{transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1);} }
.b13-anillo-c{position:absolute; inset:0; display:grid; place-items:center; font-size:1rem; font-weight:800; font-variant-numeric:tabular-nums; color:var(--b13-ink);}
@media (max-width:560px){ .b13-anillo{width:72px; height:72px;} .b13-bote-saldo{font-size:1rem;} }

/* Reparto de cada cobro */
.b13-reparto{display:flex; flex-direction:column; gap:8px;}
.b13-reparto-barra{display:flex; height:14px; border-radius:999px; overflow:hidden; background:var(--b4-track);}
.b13-reparto-barra span{display:block; height:100%;}
.b13-rep-ahorro, .b13-ley-ahorro i{background:var(--b4-ok);}
.b13-rep-impuestos, .b13-ley-impuestos i{background:var(--b4-am);}
.b13-rep-formacion, .b13-ley-formacion i{background:var(--b4-mo);}
.b13-rep-disfrutar, .b13-ley-disfrutar i{background:var(--b4-ro);}
.b13-rep-vivir, .b13-ley-vivir i{background:var(--line-strong);}
.b13-reparto-ley{display:flex; flex-wrap:wrap; gap:6px 14px; font-size:.76rem; color:var(--ink-soft); font-weight:700;}
.b13-ley{display:inline-flex; align-items:center; gap:6px;}
.b13-ley i, .b13-gl i{width:10px; height:10px; border-radius:50%; display:inline-block;}

/* Columnas */
.b13-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}
@media (max-width:900px){ .b13-cols{grid-template-columns:minmax(0,1fr);} }

/* Simulador */
.b13-sim-campos .b7-campo{position:relative;}
.b13-sim-tuya{font-size:.7rem; font-weight:800; color:var(--b4-az-ink);}
@media (max-width:520px){ .b13-sim-campos{grid-template-columns:repeat(2, minmax(0,1fr));} .b13-sim-campos .b7-campo:first-child{grid-column:1 / -1;} }
.b13-sim-res{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
@media (min-width:641px) and (max-width:900px){ .b13-sim-res{grid-template-columns:repeat(4, minmax(0,1fr));} }
.b13-sim-k{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:18px; background:var(--b4-track); min-width:0;}
.b13-sim-k span{font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.b13-sim-k strong{font-size:clamp(.98rem, 2.2vw, 1.12rem); font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.b13-sim-k.hoy{background:var(--b4-ok-bg);} .b13-sim-k.hoy strong{color:var(--b4-ok-ink); font-size:clamp(1.05rem, 2.4vw, 1.25rem);}
@media (min-width:641px) and (max-width:900px){ .b13-sim-k strong, .b13-sim-k.hoy strong{font-size:1.02rem;} }
.b13-sim-k.tarde{background:var(--b4-am-bg);} .b13-sim-k.tarde strong{color:var(--b4-am-ink);}
.b13-sim-k.coste{background:var(--b4-ro-bg);} .b13-sim-k.coste strong{color:var(--b4-ro-ink);}
.b13-graf-caja{width:100%; min-width:0;}
.b13-graf{display:block; width:100%; height:auto;}
.b13-graf-rej{stroke:var(--line); stroke-width:1;}
.b13-graf-eje{fill:var(--ink-soft); font-size:12px; font-weight:700; font-family:inherit;}
.b13-graf-area{fill:var(--b4-ok-bg);}
.b13-graf-hoy{fill:none; stroke:var(--b4-ok); stroke-width:3.5; stroke-linejoin:round; stroke-linecap:round;}
.b13-graf-tarde{fill:none; stroke:var(--b4-am); stroke-width:3; stroke-linejoin:round; stroke-linecap:round;}
.b13-graf-ap{fill:none; stroke:var(--ink-soft); stroke-width:2; stroke-dasharray:5 6;}
.b13-graf-punto{fill:var(--b4-ok); stroke:var(--surface); stroke-width:3;}
.b13-graf-ley{display:flex; flex-wrap:wrap; gap:6px 16px; font-size:.76rem; font-weight:700; color:var(--ink-soft);}
.b13-gl{display:inline-flex; align-items:center; gap:6px;}
.b13-gl-hoy i{background:var(--b4-ok);} .b13-gl-tarde i{background:var(--b4-am);} .b13-gl-ap i{background:transparent; border:2px dashed var(--ink-soft); box-sizing:border-box;}

/* Independencia financiera */
.b13-fi-big{display:flex; flex-direction:column; gap:2px;}
.b13-fi-l{font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft);}
.b13-fi-v{font-size:2.1rem; font-weight:800; font-variant-numeric:tabular-nums; color:var(--b4-am-ink); letter-spacing:-.01em; overflow-wrap:anywhere;}
.b13-fi-sub{font-size:.8rem; color:var(--ink-soft);}
.b13-barra{height:12px; border-radius:999px; background:var(--b4-track); overflow:hidden;}
.b13-barra span{display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, var(--b4-ok), var(--b4-am)); min-width:4px;}
.b13-fi-fila{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.b13-fi-dato{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:18px; background:var(--b4-track); min-width:0;}
.b13-fi-dato span{font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.b13-fi-dato strong{font-size:1.25rem; font-weight:800; font-variant-numeric:tabular-nums;}
.b13-fi-nota{margin:0; font-size:.78rem; color:var(--ink-soft);}
@media (max-width:560px){ .b13-fi-v{font-size:1.6rem;} }

/* Patrimonio */
.b13-pat-tot{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.b13-pat-t{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:18px; background:var(--b13-bg); min-width:0;}
.b13-pat-t span{font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.b13-pat-t strong{font-size:1.05rem; font-weight:800; font-variant-numeric:tabular-nums; color:var(--b13-ink); overflow-wrap:anywhere;}
@media (max-width:420px){ .b13-pat-t strong{font-size:.92rem;} .b13-pat-t{padding:9px 10px;} }
.b13-spark{display:block; width:100%; height:56px;}
.b13-spark path{fill:none; stroke:var(--b4-az); stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round;}
.b13-pat-lista{display:flex; flex-direction:column; gap:6px;}
.b13-pat-fila{display:flex; align-items:center; gap:10px; width:100%; padding:10px 14px; border-radius:16px; border:1px solid var(--line); background:var(--bg); color:var(--ink); font:inherit; text-align:left; cursor:pointer; min-height:48px; box-sizing:border-box;}
.b13-pat-fila:hover{border-color:var(--line-strong);}
.b13-pat-fila:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b13-pat-tipo{flex:none; font-size:.68rem; font-weight:800; padding:4px 9px; border-radius:999px; background:var(--b13-bg); color:var(--b13-ink);}
.b13-pat-nom{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.b13-pat-val{flex:none; font-variant-numeric:tabular-nums; color:var(--b13-ink);}

/* Las 7 reglas de Babilonia */
.b13-bab-prog{display:flex; align-items:center; gap:8px; margin-left:auto; font-size:.8rem; font-weight:800; color:var(--ink-soft);}
.b13-bab-prog .b13-anillo{width:54px; height:54px; --b13-c:var(--b4-ok); --b13-ink:var(--b4-ok-ink);}
.b13-bab-prog .b13-anillo-c{font-size:.8rem;}
@media (max-width:440px){ .b13-bab-prog > span:last-child{display:none;} .b13-bab-prog .b13-anillo{width:46px; height:46px;} }
.b13-bab-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:10px;}
@media (max-width:560px){ .b13-bab-grid{grid-template-columns:minmax(0,1fr);} }
.b13-regla{display:flex; align-items:center; gap:4px; padding:6px 8px 6px 6px; border-radius:20px; border:1px solid var(--line); background:var(--bg); min-width:0; transition:background .15s ease, border-color .15s ease;}
.b13-regla.on{background:var(--b4-ok-bg); border-color:transparent;}
.b13-regla-btn{display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; border:0; background:none; color:var(--ink); font:inherit; text-align:left; cursor:pointer; padding:4px; border-radius:16px; min-height:44px;}
.b13-regla-btn:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.b13-regla-n{flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-weight:800; background:var(--b4-track); color:var(--ink-soft);}
.b13-regla.on .b13-regla-n{background:var(--b4-ok); color:#fff;}
.b13-regla-n .ico-set{width:18px; height:18px;}
.b13-regla-t{font-size:.86rem; font-weight:700; line-height:1.25;}
.b13-regla .b4-info-btn{margin:0; flex:none;}

/* Histórico */
.b13-barras{display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:6px; align-items:end; height:110px;}
.b13-barra-col{display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; height:100%; min-width:0;}
.b13-barra-v{display:block; width:100%; max-width:30px; border-radius:8px 8px 4px 4px; background:var(--b4-track); min-height:4px;}
.b13-barra-col.on .b13-barra-v{background:var(--b4-ok);}
.b13-barra-m{font-size:.68rem; font-weight:800; color:var(--ink-soft);}
.b13-ap-lista{display:flex; flex-direction:column; gap:6px;}
.b13-ap-fila{display:flex; align-items:center; gap:10px; padding:8px 8px 8px 10px; border-radius:16px; background:var(--bg); border:1px solid var(--line); min-width:0;}
.b13-ap-ico{flex:none; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--b13-bg); color:var(--b13-ink);}
.b13-ap-ico .ico-set{width:18px; height:18px;}
.b13-ap-tx{display:flex; flex-direction:column; gap:1px; flex:1 1 auto; min-width:0;}
.b13-ap-tx strong{font-size:.86rem;}
.b13-ap-tx span{font-size:.74rem; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.b13-ap-imp{flex:none; font-variant-numeric:tabular-nums;}
.b13-ap-fila .b4-del{flex:none;}

/* Ventanas */
.b13-pp-l{margin:0; font-size:.95rem; font-weight:700; color:var(--ink-soft); text-align:center;}
.b13-pp-campo{align-items:center;}
.b13-pp-campo .b7-l{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.b13-pp-campo input{font-size:2.2rem !important; text-align:center !important; max-width:280px; border-radius:999px !important; color:var(--b4-ok-ink);}
.b13-pp-det{margin:0; text-align:center; font-size:.82rem; color:var(--ink-soft); overflow-wrap:anywhere;}
.b13-pp-dest{display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; padding:10px 14px; border-radius:999px; background:var(--b13-bg); color:var(--b13-ink); font-size:.86rem;}
.b13-pp-dest .ico-set{width:18px; height:18px;}
.b13-pp-dest span{font-weight:700; opacity:.85;}
.b13-pp-nota{text-align:center;}
.b13-ap-aviso{margin:0; padding:8px 12px; border-radius:14px; background:var(--b4-am-bg); color:var(--b4-am-ink); font-size:.82rem; font-weight:700;}
.b13-ap-aviso[hidden]{display:none;}
.b13-pct-fila{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.b13-pct-txt{display:flex; align-items:center; gap:6px; min-width:0;}
.b13-pct-txt strong{font-size:.92rem;}
.b13-pct-txt .b4-info-btn{margin:0;}
.b13-pct-fila .b4-stepper input{width:64px;}
.b13-pct-resto{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-radius:999px; background:var(--b4-track); font-weight:700;}
.b13-pct-resto strong{font-size:1.2rem; font-variant-numeric:tabular-nums;}
.b13-pct-resto.mal{background:var(--b4-ro-bg); color:var(--b4-ro-ink);}
.b13-chips-campo .b7-chips{flex-wrap:wrap;}

/* Checklist → «Leer más» */
.btn.b13-leer-mas{align-self:flex-start; min-height:44px; padding:0 20px; gap:8px; border-radius:999px;}
.b13-leer-mas .ico-set{width:18px; height:18px;}

/* Academia → Biblioteca financiera (mismas tarjetas plegables que los módulos) */
.b13-libro .mod-pilar{background:var(--b4-ok-bg); color:var(--b4-ok-ink);}
.b13-libro-cuerpo{display:flex; flex-direction:column; gap:8px;}
.b13-libro-cuerpo[hidden]{display:none;}
.b13-libro-sub{margin:6px 0 0; font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft);}
.b13-libro-aplica{margin:4px 0 0; padding:10px 14px; border-radius:16px; background:var(--b4-az-bg); color:var(--ink); font-size:.84rem;}
.b13-libro-acc{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px;}
.btn.b13-libro-btn{min-height:44px; padding:0 18px; gap:8px; border-radius:999px; justify-content:center; text-decoration:none;}
.b13-libro-btn .ico-set{width:18px; height:18px;}
.b13-libro-ir.btn-pill::before, .b13-libro-ir.btn-pill::after{display:none;}
.b13-libro-nota{margin:0; font-size:.72rem; color:var(--ink-soft);}
@media (max-width:520px){ .b13-libro-acc .btn{flex:1 1 100%;} }

/* =====================================================================
   Sueldo estable (Ampliación del Bloque 13): meses cubiertos, bote de
   estabilidad, gráfico de 12 meses (prudente / probable frente al sueldo)
   y reparto en un paso al cobrar. Solo tokens (Noche y Día).
   ===================================================================== */
.b13-su .b9-card-ico{background:var(--b4-az-bg); color:var(--b4-az-ink);}
.b13-su-kpis{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;}
@media (max-width:640px){ .b13-su-kpis{grid-template-columns:repeat(2, minmax(0,1fr));} .b13-su-cub{grid-column:1 / -1;} }
.b13-su-k{display:flex; flex-direction:column; gap:3px; padding:12px 14px; border-radius:20px; background:var(--b13-bg); min-width:0;}
.b13-su-kl{font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.b13-su-kv{font-size:clamp(1.15rem, 2.3vw, 1.6rem); font-weight:800; font-variant-numeric:tabular-nums; color:var(--b13-ink); letter-spacing:-.01em; overflow-wrap:anywhere; line-height:1.15;}
.b13-su-kv small{display:block; font-size:.6em; font-weight:700; color:var(--ink-soft); letter-spacing:0;}
.b13-su-cub .b13-su-kv{font-size:clamp(1.6rem, 3.4vw, 2.3rem);}
.b13-su-ks{font-size:.76rem; color:var(--ink-soft); overflow-wrap:anywhere;}
.b13-su-barra{height:10px; margin-top:4px; background:var(--surface);}
.b13-su-barra span{background:var(--b4-az);}
@media (max-width:440px){ .b13-su-k{padding:10px 12px;} .b13-su-kv{font-size:1.05rem;} .b13-su-cub .b13-su-kv{font-size:1.6rem;} }
.b13-su-graf{display:block; width:100%; height:auto;}
.b13-su-probable{fill:var(--b4-ok-bg); stroke:var(--b4-ok); stroke-width:1; stroke-opacity:.45;}
.b13-su-prudente{fill:var(--b4-ok);}
.b13-su-linea{stroke:var(--ink); stroke-width:2; stroke-dasharray:6 5; opacity:.75;}
.b13-su-falta-bg{fill:var(--b4-ro-bg);}
.b13-su-mes.falta .b13-su-probable{fill:var(--b4-ro-bg); stroke:var(--b4-ro);}
.b13-su-mes.falta .b13-su-prudente{fill:var(--b4-ro);}
.b13-graf-eje.b13-su-m.falta{fill:var(--b4-ro-ink); font-weight:800;}
.b13-gl-prudente i{background:var(--b4-ok);}
.b13-gl-probable i{background:var(--b4-ok-bg); border:1px solid var(--b4-ok); box-sizing:border-box;}
.b13-gl-linea i{height:0; border-radius:0; border-top:2px dashed var(--ink); width:14px;}
.b13-gl-falta i{background:var(--b4-ro);}
.b13-su-inf{margin-left:auto; font-size:.7rem; font-weight:800; padding:3px 9px; border-radius:999px; background:var(--b4-am-bg); color:var(--b4-am-ink);}

/* Reparto en un paso al cobrar */
.b13-rp-barra{display:flex; height:14px; border-radius:999px; overflow:hidden; background:var(--b4-track);}
.b13-rp-barra span{display:block; height:100%;}
.b13-rp-barra.mini{height:8px; margin:4px 0 2px; max-width:320px;}
.b13-rpb-impuestos{background:var(--b4-am);}
.b13-rpb-pagate{background:var(--b4-ok);}
.b13-rpb-estabilidad{background:var(--b4-az);}
.b13-rpb-libre{background:var(--line-strong);}
.b13-pend-tx .b13-pend-rep{font-size:.76rem; font-weight:700;}
.b13-rp-dlg .t-li{--b13-c:var(--line-strong); --b13-ink:var(--ink); --b13-bg:var(--b4-track);}
.b13-rp-dlg .b9-dlg-cuerpo{gap:10px;}
.b13-rp-top{display:flex; flex-direction:column; align-items:center; gap:0; text-align:center;}
.b13-rp-total{font-size:1.8rem; line-height:1.15; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.01em;}
.b13-rp-filas{display:flex; flex-direction:column; gap:6px;}
.b13-rp-fila{display:flex; align-items:center; gap:10px; padding:4px 4px 4px 12px; border-radius:18px; background:var(--b13-bg); min-width:0;}
.b13-rp-et{display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0;}
.b13-rp-punto{flex:none; width:12px; height:12px; border-radius:50%; background:var(--b13-c);}
.b13-rp-tx{display:flex; flex-direction:column; min-width:0;}
.b13-rp-l{font-size:.92rem; font-weight:800; color:var(--ink);}
.b13-rp-sub{font-size:.74rem; color:var(--ink-soft); overflow-wrap:anywhere;}
.b13-rp-in{flex:none; width:132px; min-height:44px; box-sizing:border-box; padding:6px 14px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface); color:var(--b13-ink); font:inherit; font-size:1.05rem; font-weight:800; text-align:right; font-variant-numeric:tabular-nums;}
.b13-rp-in:focus-visible{outline:2px solid var(--accent); outline-offset:1px;}
.b13-rp-in[aria-invalid="true"]{border-color:var(--b4-ro);}
.b13-rp-libre{flex:none; min-width:132px; min-height:44px; display:grid; align-items:center; box-sizing:border-box; padding:0 14px; text-align:right; font-size:1.05rem; font-weight:800; font-variant-numeric:tabular-nums;}
.b13-rp-libre.mal{color:var(--b4-ro-ink);}
.b13-rp-err:empty{display:none;}
.b13-rp-dlg .b13-pp-nota{margin:0; font-size:.74rem;}
@media (max-width:440px){ .b13-rp-in, .b13-rp-libre{width:128px; min-width:128px; font-size:.95rem; padding:6px 10px;} .b13-rp-total{font-size:1.7rem;} .b13-rp-fila{padding:6px 6px 6px 10px; gap:8px;} }