/* ============================================================
   Módulos v3 (oct-2026): pestañas y pantallas nuevas
   Misma línea: verde #15c77e, tinta #0c1018, bordes #eef1ef, radios 14–22
   ============================================================ */
@keyframes fadeTab{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.tab-pane{animation:fadeTab .32s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){.tab-pane,.bar,.mbar,.bub{animation:none}}

/* barra de pestañas (móvil) */
.tabbar{flex:none;display:flex;justify-content:space-around;align-items:stretch;background:#fff;border-top:1px solid #eef1ef;
        padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.tb{flex:1;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;
    color:#9aa29d;font-size:10.5px;font-weight:700;border-radius:12px;transition:color .2s,background .2s}
.tb.on{color:#0c8553;background:#eaf6f0}
.tb svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.tb.on svg{transform:translateY(-1px) scale(1.06)}
/* pestañas (escritorio) */
.tabs-d{gap:4px;padding:0 22px;border-bottom:1px solid #eef1ef;background:#fff}
.td{display:flex;align-items:center;gap:7px;height:46px;padding:0 14px;border:none;background:transparent;color:#7a828d;
    font-size:14px;font-weight:700;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.td:hover{color:#0c1018}
.td.on{color:#0c1018;border-bottom-color:#15c77e}
.td.on svg{color:#0fa566}

/* layout de paneles */
.ini-grid,.res-grid{display:flex;flex-direction:column;gap:14px}
@media (min-width:861px){.ini-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:start}
  .res-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}}
.legal-in{margin-top:18px;background:#f4f7f5;border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:8px}
.legal-in .txt{font-size:11.5px;font-weight:600;color:#4c5562;line-height:1.3}
.legal-d.as-flex{display:flex !important}
.m-note{background:#fff7e8;border:1px solid #f6dfb0;color:#8a5a00;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:12px}
.m-empty{display:flex;align-items:center;gap:9px;justify-content:center;text-align:center;color:#4c5562;font-size:14px;font-weight:600;
         padding:22px 14px;background:#f7fbf9;border:1.5px dashed #cfeadd;border-radius:15px}
.m-empty svg{color:#15c77e;flex:none}
.m-empty.sm{font-size:13px;padding:14px;justify-content:flex-start;text-align:left}
.rk-nota{font-size:12px;color:#7a828d;line-height:1.45;margin-top:10px}
.rk-nota.center{text-align:center}

.cnt{font-variant-numeric:tabular-nums}

/* Crédito en riesgo */
.rk-card{background:#fff;border:1.5px solid #eef1ef;border-radius:20px;padding:16px}
.rk-card.ok{background:#f7fbf9;border-color:#cfeadd}
.rk-head{display:flex;align-items:center;gap:12px}
.rk-head .grow{flex:1;min-width:0}
.rk-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.rk-ic.red{background:#fbe9e8;color:#d0554c}.rk-ic.green{background:#eaf6f0;color:#0c8553}.rk-ic.amber{background:#fdf1dc;color:#b36b00}
.rk-t{font-family:var(--sopher-font-display);font-weight:800;font-size:16.5px;color:#0c1018;letter-spacing:-.01em}
.rk-s{font-size:12.5px;color:#7a828d;font-weight:600;margin-top:1px}
.rk-grp{margin-top:14px;padding-top:12px;border-top:1px solid #eef1ef}
.rk-gh{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#4c5562;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.rk-gh .n{margin-left:auto;background:#f4f7f5;color:#4c5562;border-radius:999px;padding:1px 8px;font-size:11.5px}
.dotc{width:8px;height:8px;border-radius:50%;flex:none}
.dotc.amber{background:#f0a017}.dotc.red{background:#e0584f}.dotc.gray{background:#aab2ad}.dotc.blue{background:#2f6bff}
.rk-row{display:flex;align-items:center;gap:11px;padding:9px 0}
.rk-row+.rk-row{border-top:1px dashed #eef1ef}
.rk-row .rk-ic{width:32px;height:32px;border-radius:10px}
.rk-row .mid{flex:1;min-width:0}
.rk-row .rz{font-size:13.5px;font-weight:700;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-row .sb{font-size:11.5px;color:#7a828d}
.rk-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.rk-row .iva{font-size:13px;font-weight:800;color:#0c1018;font-family:var(--sopher-font-display);font-variant-numeric:tabular-nums}
.rk-row.lite{padding:7px 0}
.btn-acept{height:30px;padding:0 12px;border:none;border-radius:10px;background:#15c77e;color:#04140d;font-size:12.5px;font-weight:800;
           transition:transform .15s,background .2s}
.btn-acept:hover{background:#0fa566;transform:translateY(-1px)}
.btn-acept.all{height:34px;padding:0 13px;flex:none}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}
.chip.ok{background:#eaf6f0;color:#0c8553}.chip.wait{background:#fdf1dc;color:#9a5d00}.chip.err{background:#fbe9e8;color:#b23a32}
.mini-spin{width:11px;height:11px;border-radius:50%;border:2px solid #f6dfb0;border-top-color:#b36b00;animation:spin .7s linear infinite}
.skel .sk{height:14px;border-radius:7px;margin:10px 0;background:linear-gradient(90deg,#f1f4f2 0,#e6ebe8 50%,#f1f4f2 100%);background-size:400px 100%;animation:shimmer 1.2s linear infinite}
.skel .w60{width:60%}.skel .w80{width:80%}

/* Resultado */
.hero.res .value.neg{color:#f08a83}
.er-card{background:#fff;border:1.5px solid #eef1ef;border-radius:20px;padding:8px 16px;margin-top:12px}
.er-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;font-size:14px;color:#2a313c;font-weight:600}
.er-row+.er-row{border-top:1px solid #f1f4f2}
.er-row small{margin-left:7px;color:#9aa29d;font-weight:600;font-size:12px}
.er-row b{font-family:var(--sopher-font-display);font-weight:800;color:#0c1018;font-variant-numeric:tabular-nums}
.er-row.sub b{color:#0c8553}
.er-row.tot{font-size:15px}.er-row.tot b{font-size:18px;color:#0c1018}
.er-warn{display:flex;gap:7px;align-items:center;font-size:12.5px;font-weight:600;color:#9a5d00;background:#fdf1dc;border-radius:11px;padding:9px 11px;margin:6px 0 10px}
.cl-list{display:flex;flex-direction:column;gap:8px}
.cl-row{background:#fff;border:1.5px solid #eef1ef;border-radius:15px;padding:11px 13px}
.cl-row .rz{font-size:14px;font-weight:700;color:#0c1018}
.cl-row .sb{font-size:12px;color:#7a828d;margin-top:1px}
.cl-row .sb b{color:#0c8553}
.cl-opts{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.cl-b{height:32px;padding:0 12px;border-radius:10px;border:1.5px solid #e7eae8;background:#fff;color:#4c5562;font-size:12.5px;font-weight:700;transition:all .15s}
.cl-b:hover{border-color:#a3dcc1;background:#f7fbf9}
.cl-b.sel{border-color:#15c77e;background:#eaf6f0;color:#0c8553}
.gf-list{display:flex;flex-direction:column;gap:7px}
.gf-row{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1ef;border-radius:13px;padding:10px 12px;font-size:14px;font-weight:600;color:#2a313c}
.gf-row span{flex:1}
.gf-row b{font-family:var(--sopher-font-display);font-weight:800;color:#0c1018}
.gf-del{border:none;background:transparent;color:#aab2ad;padding:4px;border-radius:8px}
.gf-del:hover{color:#d0554c;background:#fbe9e8}
.gf-form{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.gf-form input{flex:1;min-width:120px;height:44px;border-radius:12px;border:1.5px solid #e7eae8;padding:0 12px;font-size:15px;font-weight:600}
.btn-mini{height:44px;padding:0 16px;border:none;border-radius:12px;background:#15c77e;color:#04140d;font-weight:800;font-size:14px}
.btn-add{margin-top:9px;height:42px;width:100%;border-radius:12px;border:1.5px dashed #cfeadd;background:#f7fbf9;color:#0c8553;font-size:13.5px;font-weight:800;
         display:flex;align-items:center;justify-content:center;gap:6px}
.btn-add:hover{background:#eaf6f0}

/* Cobrar y pagar */
.cp-tots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-tot{text-align:left;border:1.5px solid #eef1ef;background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:4px;transition:all .2s}
.cp-tot.on{background:linear-gradient(155deg,#12212a,#0c1018);border-color:transparent;box-shadow:0 18px 36px -24px rgba(12,16,24,.7)}
.cp-tot .k{font-size:12px;font-weight:800;color:#7a828d;text-transform:uppercase;letter-spacing:.03em}
.cp-tot .v{font-family:var(--sopher-font-display);font-weight:800;font-size:24px;color:#0c1018;letter-spacing:-.02em}
.cp-tot .s{font-size:12px;font-weight:700;color:#7a828d}
.cp-tot .s.late{color:#d0554c}
.cp-tot.on .k{color:#6fd0a3}.cp-tot.on .v{color:#36cc8c}.cp-tot.on .s{color:#aab2ad}.cp-tot.on .s.late{color:#f08a83}
.seg{display:flex;gap:4px;background:#f4f7f5;border-radius:13px;padding:4px;margin:14px 0 10px}
.sg{flex:1;height:34px;border:none;border-radius:10px;background:transparent;color:#7a828d;font-size:12.5px;font-weight:800}
.sg.on{background:#fff;color:#0c1018;box-shadow:0 2px 8px -4px rgba(12,16,24,.25)}
.cp-list{display:flex;flex-direction:column;gap:7px}
.cp-row{display:flex;align-items:center;gap:11px;background:#fff;border:1.5px solid #eef1ef;border-radius:15px;padding:10px 12px}
.cp-row.late{border-color:#f3d6d3}
.cp-row.ok{opacity:.72}
.cp-row .mid{flex:1;min-width:0}
.cp-row .rz{font-size:14px;font-weight:700;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-row .sb{font-size:11.5px;color:#7a828d}
.cp-row.late .vt{color:#d0554c;font-weight:700}
.cp-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.cp-row .amt{font-size:14px;font-weight:800;color:#0c1018;font-family:var(--sopher-font-display)}
.cp-b{height:28px;padding:0 10px;border-radius:9px;border:1.5px solid #cfeadd;background:#eaf6f0;color:#0c8553;font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px}
.cp-b:hover{background:#dff1e8}
.cp-b.undo{border-color:#e7eae8;background:#fff;color:#7a828d}

/* Pregunta (chat) */
.tab-pane.chat{display:flex;flex-direction:column;gap:12px;min-height:100%}
.chat-head{display:flex;gap:12px;align-items:center;background:#f7fbf9;border:1.5px solid #cfeadd;border-radius:18px;padding:13px}
.chat-list{flex:1;display:flex;flex-direction:column;gap:9px;min-height:220px;overflow-y:auto;padding:4px 2px}
@media (min-width:861px){.chat-list{max-height:420px}}
.chat-sug{display:flex;flex-direction:column;gap:8px}
.sug{text-align:left;border:1.5px solid #eef1ef;background:#fff;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700;color:#0c1018;transition:all .15s}
.sug:hover{border-color:#a3dcc1;background:#f7fbf9;transform:translateX(2px)}
/* chips de preguntas sugeridas + respuestas locales */
.q-chips{display:flex;flex-wrap:wrap;gap:8px}
.q-chip{border:1.5px solid #dcebe3;background:#fff;border-radius:999px;padding:8px 13px;min-height:38px;font-size:13px;font-weight:700;color:#0c1018;text-align:left;line-height:1.25;transition:all .15s}
.q-chip:hover{border-color:#a3dcc1;background:#f7fbf9}
.q-chip:active{background:#eaf6f0}
.q-chips.compact{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;margin:0 -2px}
.q-chips.compact::-webkit-scrollbar{display:none}
.q-chips.compact .q-chip{flex:none;white-space:nowrap}
.bub.ans{max-width:92%;display:flex;flex-direction:column;gap:0}
@media (min-width:861px){.bub.ans{max-width:78%}}
.ans-t{font-size:15px;font-weight:600;line-height:1.42;color:#0c1018}
.ans-t b{font-weight:800;font-variant-numeric:tabular-nums}
.ans-d{margin-top:7px;display:flex;flex-direction:column;gap:4px}
.ans-d p{margin:0;font-size:13px;line-height:1.45;color:#4c5562}
.ans-d b{color:#0c1018}
.ans-chips{margin-top:10px}
.ans-acts{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.ans-act{border:none;background:#eaf6f0;color:#0c8553;font-size:13px;font-weight:800;border-radius:999px;padding:7px 14px;min-height:36px;transition:background .15s}
.ans-act:hover{background:#d8efe4}
.bub{max-width:86%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.45;animation:fadeTab .25s ease both}
.bub.me{align-self:flex-end;background:#15c77e;color:#04140d;font-weight:600;border-bottom-right-radius:5px}
.bub.it{align-self:flex-start;background:#fff;border:1.5px solid #eef1ef;color:#131722;border-bottom-left-radius:5px}
.bub .src{display:block;margin-top:6px;font-size:11.5px;color:#7a828d}
.bub.typing{display:flex;gap:4px;padding:13px 15px}
.bub.typing span{width:7px;height:7px;border-radius:50%;background:#aab2ad;animation:blink 1.2s infinite}
.bub.typing span:nth-child(2){animation-delay:.2s}.bub.typing span:nth-child(3){animation-delay:.4s}
.chat-in{display:flex;gap:8px;position:sticky;bottom:0;background:#fff;padding-top:4px}
.chat-in input{flex:1;height:50px;border-radius:15px;border:1.5px solid #e7eae8;padding:0 15px;font-size:15.5px;font-weight:600;background:#f4f7f5}
.chat-in input:focus{outline:none;border-color:#15c77e;background:#fff}
.chat-send{width:50px;height:50px;border-radius:15px;border:none;background:#15c77e;color:#04140d;display:flex;align-items:center;justify-content:center;flex:none}
.chat-send:hover{background:#0fa566}

/* Mi cuenta */
.acc-grid2{display:flex;flex-direction:column;gap:12px}
@media (min-width:861px){.acc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}}
.acc-grid2>div{display:flex;flex-direction:column;gap:12px}
.set-card{background:#fff;border:1.5px solid #eef1ef;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:11px}
.set-t{font-family:var(--sopher-font-display);font-weight:800;font-size:16.5px;color:#0c1018}
.set-s{font-size:13px;color:#4c5562;line-height:1.45;display:flex;gap:6px;align-items:flex-start}
.set-h{font-size:12px;color:#7a828d;margin-top:-4px}
.set-card select{height:54px;border-radius:15px;border:1.5px solid #e7eae8;padding:0 14px;font-size:15.5px;font-weight:600;color:#131722;background:#fff;font-family:inherit}
.set-card .fld input{background:#fff}
.set-acts{display:flex;gap:8px}
.btn-ghost-lg.sm,.btn-danger-lg.sm{height:44px;font-size:14px}
.btn-ghost-lg.full{width:100%;flex:none}
.sw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;background:#f7f9f8;border-radius:14px;padding:11px 13px;text-align:left}
.sw-row b{display:block;font-size:14px;color:#0c1018}
.sw-row small{font-size:12px;color:#7a828d}
.sw-row .sw{width:44px;height:26px;border-radius:999px;background:#d4d8d6;position:relative;flex:none;transition:background .2s}
.sw-row .sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .22s cubic-bezier(.2,.8,.2,1)}
.sw-row .sw.on{background:#15c77e}.sw-row .sw.on::after{left:21px}
.plan-row{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#2a313c}
.cf-list{display:flex;flex-direction:column;gap:6px;background:#f7f9f8;border-radius:12px;padding:10px 12px}
.cf-list div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#2a313c}
.cf-list b{font-family:var(--sopher-font-display)}
.cf-ok{flex:1;height:50px;margin-top:0}

/* Registro y conectar */
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#4c5562;line-height:1.45;cursor:pointer;margin-top:2px}
.chk input{margin-top:2px;width:17px;height:17px;accent-color:#15c77e;flex:none}
.chk a{color:#0c8553;font-weight:700}
.fld select.sel{height:54px;border-radius:15px;border:1.5px solid #e7eae8;padding:0 14px;font-size:15px;font-weight:600;color:#131722;background:#fff;font-family:inherit}
@media (max-width:860px){.fld select.sel{background:#f4f7f5}}

/* Campanita de avisos */
.bell{position:relative;display:flex;align-items:center;justify-content:center}
.btn-nav-key.icon{width:40px;padding:0}
.bell .badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e0584f;color:#fff;
  font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:fadeTab .3s ease both}
.sheet.avisos{max-height:80vh}
.av-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:52vh}
.av-row{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#f7f9f8}
.av-row.nuevo{background:#eaf6f0}
.av-row .mid{flex:1;min-width:0}
.av-row .rz{font-size:14px;font-weight:800;color:#0c1018}
.av-row .sb{font-size:12.5px;color:#4c5562;line-height:1.4;margin-top:2px}
.av-row .fe{font-size:11px;color:#9aa29d;margin-top:4px;font-weight:600}

/* appbar móvil: el texto de la empresa se corta con "…" si no cabe */
.appbar .emp .r,.appbar .emp .n{overflow:hidden;text-overflow:ellipsis}

/* ===== Inicio: filas nuevas con el mismo estilo de las tarjetas KPI ===== */
.rows-new{display:flex;flex-direction:column;gap:11px;margin-top:11px}
@media (min-width:861px){.rows-new{gap:12px;margin-top:0}}
.row-new{width:100%;text-align:left;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #eef1ef;
  border-radius:17px;padding:12px 14px;font-family:inherit;transition:border-color .2s,background .2s}
@media (min-width:861px){.row-new{border-radius:16px}}
button.row-new:hover{border-color:#a3dcc1;background:#f7fbf9}
.row-new.ok{background:#f7fbf9;border-color:#cfeadd}
.rn-ic{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}
.rn-ic.green{background:#eaf6f0;color:#0c8553}.rn-ic.amber{background:#fdf1dc;color:#b36b00}.rn-ic.red{background:#fbe9e8;color:#d0554c}
.rn-mid{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.rn-t{font-size:13.5px;font-weight:800;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-s{font-size:11.5px;font-weight:600;color:#7a828d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-amt{font-family:var(--sopher-font-display);font-weight:800;font-size:15px;color:#0c1018;white-space:nowrap}
.rn-chev{font-size:16px;color:#c9d0cd}
/* hojas de detalle */
.sheet.hoja{max-height:86vh;overflow-y:auto}
.sheet.hoja .rk-card{border:none;padding:0}
.hf-venc{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0c8553;margin-top:-6px}
.hf-box{background:#f7f9f8;border-radius:14px;padding:4px 14px}
.hf-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;font-size:14px;color:#2a313c;font-weight:600}
.hf-row+.hf-row{border-top:1px solid #e9eeeb}
.hf-row small{display:block;font-size:11.5px;color:#9aa29d;font-weight:600}
.hf-row b{font-family:var(--sopher-font-display);font-weight:800;color:#0c1018;font-variant-numeric:tabular-nums}
.hf-row.tot b{color:#0c8553;font-size:17px}

/* Resultado: selector de mes y gráfico */
.mes-chips{display:flex;gap:7px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}
.mes-chips::-webkit-scrollbar{display:none}
.mchip{flex:none;height:34px;padding:0 13px;border-radius:999px;border:1.5px solid #e7eae8;background:#fff;color:#4c5562;font-size:12.5px;font-weight:800;text-transform:capitalize}
.mchip:hover{border-color:#a3dcc1}
.mchip.on{background:#0c1018;border-color:#0c1018;color:#36cc8c}
.res-chart{margin-top:12px}
.rc-bars{display:flex;align-items:flex-end;gap:4px;height:130px}
@media (min-width:861px){.rc-bars{height:150px;gap:6px}}
.rc-m{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;border:none;background:transparent;padding:0;border-radius:8px}
.rc-col{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}
.rc-bar{width:70%;max-width:18px;border-radius:4px 4px 0 0;background:#15c77e;transform-origin:bottom;animation:grow .5s ease both;opacity:.55;transition:opacity .2s}
.rc-bar.neg{background:#e0584f}
.rc-m.on .rc-bar,.rc-m:hover .rc-bar{opacity:1}
.rc-m.on .clbl{color:#0c1018}
/* Con quién hago negocios: filtro */
.top-seg{margin:6px 0 4px}
@media (min-width:861px){.top-seg{max-width:420px;margin-top:20px}}

.rn-s.urg{color:#b36b00}

/* =====================================================================
   v4 (oct-2026): F29 con propuesta del SII, compartir, abonos, contador
   ===================================================================== */

/* ---- chips de estado (Inicio, hoja del F29, cartera) ---- */
.rn-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}
.mchip2{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap;line-height:1.5}
.mchip2.sii{background:#e8f0ff;color:#2457c5}
.mchip2.est{background:#eef1ef;color:#4c5562}
.mchip2.revisado{background:#eaf6f0;color:#0c8553}
.mchip2.enviado{background:#0c1018;color:#36cc8c}
.mchip2.dif{background:#fdf1dc;color:#9a5d00}
.rn-amt.pos{color:#0c8553}.rn-amt.neg{color:#d0554c}

/* ---- hoja del F29 ---- */
.sheet.hoja{gap:12px}
@media (min-width:861px){.sheet.hoja.f29,.sheet.hoja{width:470px}}
.f-emp{font-size:13.5px;font-weight:700;color:#4c5562;margin-top:-8px}
.f-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.f-ban{display:flex;align-items:center;gap:7px;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:800}
.f-ban.warn{background:#fdf1dc;color:#8a5200}
.f-ban.ok{background:#eaf6f0;color:#0c8553}
.f-box{background:#f7f9f8;border-radius:14px;padding:2px 14px}
.f-wrap+.f-wrap{border-top:1px solid #e9eeeb}
.f-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;padding:10px 0;background:none;border:none;text-align:left;font:inherit;color:#2a313c}
.f-row:not(.ed){grid-template-columns:auto 1fr auto}
button.f-row.ed:hover .f-ed{color:#0c8553}
.cod{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:22px;padding:0 7px;border-radius:7px;background:#e9eeeb;color:#4c5562;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cod.ex{background:#fdf1dc;color:#8a5200}
.cod.big{background:#15c77e;color:#04140d;height:26px;font-size:12.5px}
.f-n{font-size:13.5px;font-weight:700;color:#2a313c;line-height:1.25;min-width:0}
.f-tag{display:block;font-style:normal;font-size:11px;font-weight:800;color:#9a5d00;margin-top:1px}
.f-v{display:flex;align-items:baseline;gap:7px;justify-content:flex-end;white-space:nowrap}
.f-v b{font-family:var(--sopher-font-display);font-weight:800;color:#0c1018;font-size:14.5px;font-variant-numeric:tabular-nums}
.f-old{font-size:12px;color:#aab2ad;font-weight:600}
.f-nil{color:#c0c7c3;font-weight:700}
.f-ed{color:#c0c7c3;display:flex}
.f-row.favor .f-v b{color:#0c8553}
.f-warn{background:#fdf1dc;border-radius:11px;padding:8px 11px;margin:-2px 0 10px;font-size:12.5px;color:#7a4a00}
.f-warn-t{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700}
.f-warn-t button{border:none;background:none;color:#8a5200;font-weight:800;font-size:12.5px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;padding:2px 0}
.f-rev{margin-top:8px;padding-top:8px;border-top:1px dashed #f0d9a6;display:flex;flex-direction:column;gap:7px}
.f-rev-h{font-weight:700}
.f-rev-i{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:12.5px}
.f-rev-i b{display:block;color:#0c1018}
.f-rev-i small{display:block;color:#8a6a2a;font-size:11.5px;font-weight:600}
.f-rev-i span{white-space:nowrap;font-weight:800;color:#0c1018}
.f-rev-i i{display:block;font-style:normal;font-size:10.5px;font-weight:800;color:#0c8553;text-align:right}
.f-rev-n{color:#7a4a00;line-height:1.4}
.f-total{display:flex;align-items:center;gap:10px;background:#eaf6f0;border:1.5px solid #cfeadd;border-radius:14px;padding:13px 14px}
.f-total .f-n{font-size:15px;font-weight:800;color:#0c1018}
.f-total b{margin-left:auto;font-family:var(--sopher-font-display);font-weight:800;font-size:25px;letter-spacing:-.02em;color:#0c8553}
.f-rem{font-size:13px;font-weight:700;color:#0c8553;margin-top:-4px}
.f-estado{display:flex;align-items:center;gap:7px;justify-content:center;font-size:13.5px;font-weight:800;color:#0c8553;background:#eaf6f0;border-radius:12px;padding:11px}
.btn-ghost-lg.f-rev-btn{flex:none}
.btn-ghost-lg.f-rev-btn.on{background:#eaf6f0;border-color:#cfeadd;color:#0c8553}
.f-msg textarea{border-radius:14px;border:1.5px solid #e7eae8;padding:11px 13px;font:inherit;font-size:14px;font-weight:500;line-height:1.45;color:#131722;background:#f7f9f8;resize:vertical;min-height:92px}
.f-msg textarea:focus{outline:none;border-color:#15c77e;background:#fff}
.f-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-btn{height:48px;border-radius:14px;border:1.5px solid #e7eae8;background:#fff;color:#2a313c;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px}
.f-btn:hover{background:#f4f7f5}
.f-btn.main{grid-column:1/-1;background:#15c77e;border-color:#15c77e;color:#04140d;height:52px;font-size:15.5px}
.f-btn.main:hover{background:#0fa566}
.f-btn:disabled{opacity:.6;cursor:progress}
.f-sii{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:14px;background:#0c1018;color:#36cc8c;font-size:14.5px;font-weight:800;text-decoration:none}
.f-sii:hover{background:#12212a}
.f-sii.go{background:#15c77e;color:#04140d;height:54px;font-size:15.5px}
.f-sii.go:hover{background:#0fa566}
.f-cambia{background:#fdf1dc;border-radius:12px;padding:11px 13px;font-size:12.5px;color:#7a4a00;display:flex;flex-direction:column;gap:7px}
.f-cambia-t{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px;color:#7a4a00}
.f-cambia-s{line-height:1.4;font-weight:600}
.f-cambia-l{margin:0;padding:8px 0 0;list-style:none;border-top:1px dashed #f0d9a6;display:flex;flex-direction:column;gap:5px}
.f-cambia-l li{font-weight:800;color:#0c1018;font-size:13px;font-variant-numeric:tabular-nums}
.f-cambia-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:7px;border-top:1px dashed #f0d9a6;font-weight:700}
.f-cambia-tot b{font-family:var(--sopher-font-display);font-weight:800;font-size:16px;color:#0c1018}
.f-cambia-cp{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:10px;border:1.5px solid #e6c98a;background:#fff;color:#7a4a00;font-weight:800;font-size:13px}
.f-cambia-cp.ok{background:#eaf6f0;border-color:#cfeadd;color:#0c8553}
.f-sincambios{font-size:12.5px;color:#7a828d;text-align:center;font-weight:600}
.f-sii-n{font-size:12.5px;color:#7a828d;text-align:center;margin-top:-4px;line-height:1.4}

/* ---- documento para exportar (fuera de pantalla; fondo blanco, apto para imprimir) ---- */
.dx-host{position:fixed;left:-12000px;top:0;width:1080px;background:#fff;pointer-events:none}
.dx{width:1080px;box-sizing:border-box;padding:64px 72px 52px;background:#fff;color:#0c1018;font-family:var(--sopher-font-body),'Hanken Grotesk',system-ui,sans-serif;line-height:1.3}
.dx *{box-sizing:border-box}
.dx-top{display:flex;justify-content:space-between;align-items:center}
.dx-brand{display:flex;align-items:center;gap:16px}
.dx-logo{width:58px;height:58px;border-radius:17px;background:#15c77e;display:flex;align-items:center;justify-content:center}
.dx-logo svg{width:36px;height:36px}
.dx-bn{font-family:var(--sopher-font-display),'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:36px;letter-spacing:-.02em}
.dx-doc{font-size:21px;font-weight:600;color:#7a828d}
.dx-h1{font-family:var(--sopher-font-display),'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:58px;letter-spacing:-.03em;line-height:1.05;margin:46px 0 14px}
.dx-emp{display:flex;gap:20px;align-items:baseline;font-size:26px;color:#4c5562;font-weight:600}
.dx-emp b{color:#0c1018;font-weight:800}
.dx-meta{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:24px;margin:34px 0 30px;padding:24px 30px;background:#f4f7f5;border-radius:20px}
.dx-meta span{display:block;font-size:17px;font-weight:800;color:#7a828d;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.dx-meta b{font-size:24px;font-weight:800}
.dx-tab{width:100%;border-collapse:collapse;font-size:25px}
.dx-tab th{text-align:left;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7a828d;padding:0 0 12px;border-bottom:2.5px solid #e7eae8}
.dx-tab td{padding:17px 0;border-bottom:1.5px solid #eef1ef;font-weight:600;color:#2a313c}
.dx-tab td.k{width:104px;font-weight:800;color:#0c8553;font-variant-numeric:tabular-nums}
.dx-tab .m{text-align:right;white-space:nowrap}
.dx-tab td.m{font-weight:800;color:#0c1018;font-variant-numeric:tabular-nums}
.dx-tab .p{width:170px;color:#7a828d}
.dx-tab td.p{font-weight:700;color:#7a828d}
.dx-tab tr.aj td{background:#fffaf0}
.dx-tab tr.sub td{font-weight:800;color:#0c8553}
.dx-aj{display:block;font-size:17px;font-weight:700;color:#9a5d00;margin-top:3px}
.dx-total{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding:30px 36px;background:#eaf6f0;border:3px solid #15c77e;border-radius:24px}
.dx-total>div{font-size:30px;font-weight:800;color:#0c1018}
.dx-k{display:inline-block;background:#15c77e;color:#04140d;border-radius:9px;font-size:20px;font-weight:800;padding:3px 12px;margin-right:10px;vertical-align:middle}
.dx-pc{display:block;font-size:20px;font-weight:700;color:#4c5562;margin-top:6px}
.dx-total b{font-family:var(--sopher-font-display),'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:66px;letter-spacing:-.03em;color:#0c8553;white-space:nowrap}
.dx-total.neg{background:#fbf0ef;border-color:#e0584f}.dx-total.neg b{color:#c0463e}
.dx-rem{margin-top:18px;font-size:23px;font-weight:700;color:#0c8553}
.dx-rem.warn{color:#9a5d00}
.dx-nota{margin-top:30px;font-size:19px;line-height:1.45;color:#7a828d;font-weight:500}
.dx-cods{margin-top:22px;font-size:19px;font-weight:700;color:#9a5d00}
.dx-foot{margin-top:38px;padding-top:22px;border-top:2.5px solid #eef1ef;text-align:center;font-size:19px;font-weight:700;color:#7a828d}

/* ---- Resultado: proveedores clasificados + mini hojas ---- */
.tag-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:#f4f7f5;color:#4c5562;font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 10px}
.tag-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.buscador{display:flex;align-items:center;gap:8px;background:#f4f7f5;border:1.5px solid #e7eae8;border-radius:13px;padding:0 12px;margin-bottom:9px;color:#7a828d}
.buscador input{flex:1;height:42px;border:none;background:transparent;font-size:15px;font-weight:600;color:#131722;min-width:0}
.buscador input:focus{outline:none}
.buscador:focus-within{border-color:#15c77e;background:#fff}
#clasif-lista{max-height:340px;overflow-y:auto;gap:6px}
.cl-p{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:#fff;border:1.5px solid #eef1ef;border-radius:14px;padding:9px 12px;font:inherit}
.cl-p:hover{border-color:#a3dcc1;background:#f7fbf9}
.cl-p .avatar{width:34px;height:34px;border-radius:10px;font-size:12px}
.cl-p .mid{flex:1;min-width:0;display:flex;flex-direction:column}
.cl-p .rz{font-size:13.5px;font-weight:700;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-p .sb{font-size:11.5px;color:#7a828d}
.cat-chip{flex:none;font-size:11.5px;font-weight:800;border-radius:999px;padding:4px 10px}
.cat-chip.costo{background:#eaf6f0;color:#0c8553}
.cat-chip.gasto{background:#fdf1dc;color:#8a5200}
.cat-chip.activo_fijo{background:#e8f0ff;color:#2457c5}
.cat-chip.no_considerar{background:#eef1ef;color:#4c5562}
.cl-opts.big{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}
.cl-opts.big .cl-b{height:44px;font-size:14px}
.man-h{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:none;background:#f7f9f8;border-radius:14px;padding:12px 14px;text-align:left;font:inherit;font-size:14px;font-weight:800;color:#0c1018}
.man-h small{display:block;font-size:12px;font-weight:600;color:#7a828d}
.man-h svg{color:#7a828d;flex:none}
.man-h[aria-expanded="true"] svg{transform:rotate(180deg)}
.man-b{display:flex;flex-direction:column;gap:11px;padding:2px 0 4px}

/* ---- Cobrar y pagar: abonos ---- */
.cp-row{flex-wrap:wrap}
.cp-prog{margin-top:5px}
.cp-bar{height:6px;border-radius:4px;background:#e9eeeb;overflow:hidden}
.cp-bar i{display:block;height:100%;background:#15c77e;border-radius:4px}
.cp-pg{font-size:11.5px;font-weight:700;color:#0c8553;margin-top:3px}
.cp-lnk{border:none;background:none;padding:0;color:#0c8553;font-size:11.5px;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.cp-det{flex-basis:100%;border-top:1px dashed #e4e9e6;padding-top:8px;margin-top:2px}
.cp-ab-h{font-size:11.5px;font-weight:800;color:#7a828d;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}
.cp-ab{display:flex;align-items:center;gap:10px;font-size:13px;color:#2a313c;font-weight:600;padding:4px 0}
.cp-ab span{flex:1}
.cp-ab b{font-family:var(--sopher-font-display);font-weight:800}
.cp-ab-n{font-size:12.5px;color:#7a828d}

/* ---- Panel de contador ---- */
.car-head{display:flex;align-items:baseline;gap:8px;margin:2px 0 12px;flex-wrap:wrap}
.car-head h2{font-family:var(--sopher-font-display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0;color:#0c1018}
.car-head span{font-size:14px;font-weight:600;color:#7a828d}
.car-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.car-chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;background:#fff;border:1.5px solid #eef1ef;border-radius:14px;padding:9px 11px;font-size:11px;font-weight:600;line-height:1.2;color:#7a828d}
.car-chip b{color:#0c1018;font-weight:800;font-family:var(--sopher-font-display);font-size:15px;line-height:1.15;letter-spacing:-.01em}
.car-chip > span:last-child:not(:first-child){font-size:10.5px;font-weight:600}
@media (max-width:420px){.car-chips{gap:6px}.car-chip{padding:8px 8px;font-size:10px}.car-chip b{font-size:13.5px}.car-chip > span:last-child:not(:first-child){font-size:9.5px}}
.car-seg{overflow-x:auto;scrollbar-width:none}
.car-seg::-webkit-scrollbar{display:none}
.car-seg .sg{flex:none;padding:0 13px;white-space:nowrap}
.car-seg .sg i{font-style:normal;margin-left:6px;font-size:11px;background:#e9eeeb;border-radius:999px;padding:1px 7px}
.car-seg .sg.on i{background:#eaf6f0;color:#0c8553}
.car-grid{display:grid;grid-template-columns:1fr;gap:11px}
@media (min-width:861px){.car-grid{grid-template-columns:repeat(3,1fr);gap:14px}}
.cc{background:#fff;border:1.5px solid #eef1ef;border-radius:17px;padding:13px 14px;display:flex;flex-direction:column;gap:9px}
.cc-top{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;padding:0;text-align:left;font:inherit}
.cc-top .mid{flex:1;min-width:0;display:flex;flex-direction:column}
.cc-top .rz{font-size:14.5px;font-weight:800;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-top .sb{font-size:11.5px;color:#7a828d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-top:hover .rz{color:#0c8553}
.cc-f29{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f7f9f8;border-radius:12px;padding:10px 12px}
.cc-l{display:block;font-size:11.5px;font-weight:700;color:#7a828d}
.cc-f29 b{font-family:var(--sopher-font-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:#0c1018}
.cc-warn{display:flex;gap:6px;align-items:center;background:#fdf1dc;color:#8a5200;border-radius:10px;padding:7px 10px;font-size:12.5px;font-weight:800}
.cc-line{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:#4c5562;font-weight:600}
.cc-line span{display:flex;align-items:center;gap:6px}
.cc-line b{font-family:var(--sopher-font-display);font-weight:800}
.cc-line b.pos{color:#0c8553}.cc-line b.neg{color:#d0554c}
.cc-upd{font-size:11.5px;color:#9aa29d;font-weight:600}
.cc-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cc-acts button{height:38px;border-radius:11px;border:1.5px solid #e7eae8;background:#fff;color:#2a313c;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px;padding:0}
.cc-acts button:hover{border-color:#a3dcc1;background:#f7fbf9}
.cli-bar{flex:none;display:flex;align-items:center;gap:8px;padding:9px 16px;background:#f4f7f5;border-bottom:1px solid #e7eae8;font-size:14px;min-width:0}
.cli-back{border:1.5px solid #cfeadd;background:#fff;color:#0c8553;font-weight:800;font-size:13.5px;border-radius:10px;height:32px;padding:0 12px;white-space:nowrap}
.cli-back:hover{background:#eaf6f0}
.cli-sep{color:#aab2ad}
.cli-name{font-weight:800;color:#0c1018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cli-rut{color:#7a828d;font-weight:600;font-size:12.5px;margin-left:auto;white-space:nowrap}
@media (min-width:861px){.cli-bar{padding:10px 26px}}

/* admin: tipo de cuenta */
.ucell.umail{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.uchip.ct{background:#0c1018;color:#36cc8c}
.uchip.cl{background:#eef1ef;color:#4c5562}

.sheet.hoja>*{flex-shrink:0}
.cc-acts{margin-top:auto}
.dx-emp{margin-bottom:30px}
.dx-meta+.dx-tab,.dx-meta{margin-top:0}

.f-msg-aviso{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:9px 12px;background:#fdf1dc;color:#8a5200;font-size:13px;font-weight:800}
.f-msg-aviso button{flex:none;height:32px;padding:0 13px;border-radius:10px;border:1.5px solid #e6c98a;background:#fff;color:#7a4a00;font-weight:800;font-size:13px}

/* ---------- F29 con propuesta real del SII (v23): secciones, líneas comparadas y "Guardar en el SII" ---------- */
.mchip2.guardado{background:#e4f1ff;color:#1a5fb4}
.mchip2.declarado{background:#0c1018;color:#a9b6ff}
.f-sec{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#7a828d;padding:12px 0 2px}
.f-wrap:first-child .f-sec{padding-top:10px}
.f-sub{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:#7a828d;margin-top:1px;line-height:1.3}
.f-row.sub{background:#eef2ef;border-radius:10px;padding:9px 10px;margin:4px -10px}
.f-row.sub .f-n{font-weight:800;color:#0c1018}
.f-row.sub .cod{background:#d9e4de;color:#2a313c}
.f-row.info .f-v b{color:#7a828d;font-weight:700}
.f-cmp{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#0c8553;margin:-4px 0 8px 50px}
.f-guardar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;border-radius:14px;border:none;background:#15c77e;color:#04140d;font-size:15.5px;font-weight:800;cursor:pointer}
.f-guardar:hover{background:#0fa566}
.f-guarda{display:flex;align-items:center;gap:10px;background:#fdf1dc;border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:800;color:#7a4a00}
.f-guarda small{font-weight:600;color:#8a6a2a}
.f-estado.sii{background:#e4f1ff;color:#1a5fb4}
.dx-tab tr.sec td{padding:26px 0 8px;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7a828d;border-bottom:2.5px solid #e7eae8}
.dx-tab tr.sub td{background:#f4f7f5}
.dx-cnt{display:block;font-size:17px;font-weight:600;color:#7a828d;margin-top:3px}

/* ---------- Plan y cobro (Mi plan, aviso de prueba, bloqueo) ---------- */
.plan-top{margin-bottom:12px}
.plan-card .plan-txt{font-size:15px;font-weight:700;color:#0c1018;line-height:1.4}
.plan-card .plan-sub{margin-top:-4px;font-size:13px;line-height:1.45;color:#4c5562}
.plan-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid #cfeadd;border-top-color:#15c77e;animation:plan-giro .8s linear infinite;flex:none}
@keyframes plan-giro{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.plan-spin{animation:none}}
.plan-opts{display:flex;flex-direction:column;gap:10px}
.plan-opt{display:flex;flex-direction:column;gap:10px;background:#f7f9f8;border:1.5px solid #eef1ef;border-radius:16px;padding:13px}
.plan-opt .po-info{display:flex;flex-direction:column;gap:2px}
.plan-opt .po-info b{font-family:var(--sopher-font-display);font-size:16px;color:#0c1018}
.plan-opt .po-precio{font-family:var(--sopher-font-display);font-weight:800;font-size:20px;color:#0c1018}
.plan-opt .po-precio small{font-family:inherit;font-weight:600;font-size:12px;color:#7a828d}
.plan-opt .po-info>small{font-size:12.5px;color:#4c5562;line-height:1.4}
.plan-opt .po-btn{height:46px;font-size:15px;border-radius:13px}
@media (min-width:861px){.plan-opt{flex-direction:row;align-items:center;justify-content:space-between}.plan-opt .po-btn{width:150px;flex:none}}
.plan-aviso{display:flex;align-items:center;gap:9px;background:#fff7e8;border:1px solid #f6dfb0;color:#8a5a00;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:600;margin:0 0 12px}
.plan-aviso .pa-ic{display:flex;flex:none}
.plan-aviso .pa-t{flex:1;min-width:0}
.plan-aviso .pa-btn{flex:none;border:none;background:transparent;color:#8a5a00;font-weight:800;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 2px}
.plan-gate{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1.5px solid #f6dfb0;border-radius:20px;padding:16px;margin:0 0 14px}
.plan-gate .pg-ic{width:40px;height:40px;border-radius:13px;background:#fdf1dc;color:#b36b00;display:flex;align-items:center;justify-content:center;flex:none}
.plan-gate .pg-mid{display:flex;flex-direction:column;gap:6px;min-width:0}
.plan-gate .pg-t{font-family:var(--sopher-font-display);font-weight:800;font-size:17px;color:#0c1018}
.plan-gate .pg-s{font-size:13.5px;color:#4c5562;line-height:1.5}
.plan-gate .pg-btn{height:48px;font-size:15.5px;margin-top:4px;align-self:stretch}
@media (min-width:861px){.plan-gate .pg-btn{align-self:flex-start;padding:0 28px}}

.plan-fund{background:#eaf6f0;border:1px solid #cfeadd;color:#0a6642;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.4}
.plan-opt .po-tag{display:inline-block;margin-left:6px;vertical-align:2px;font-family:inherit;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#0a6642;background:#cfeadd;border-radius:999px;padding:2px 8px}

/* ============================================================
   Onboarding: bienvenida, recorrido guiado (foco + tarjeta),
   franja de datos de ejemplo y checklist "Primeros pasos".
   ============================================================ */
@keyframes onb-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes onb-pulso{0%,100%{box-shadow:0 0 0 4px rgba(21,199,126,.28)}50%{box-shadow:0 0 0 8px rgba(21,199,126,.10)}}

/* --- bienvenida (pantalla completa) --- */
.onb-welcome{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom));
  background:#0c1018;overflow:auto}
.onb-w-halo{position:absolute;left:50%;top:-12%;width:640px;height:640px;margin-left:-320px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(21,199,126,.34),rgba(21,199,126,0))}
.onb-w-card{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;outline:none;animation:onb-in .4s ease both}
.onb-w-logo{width:64px;height:64px;border-radius:20px;background:#15c77e;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -16px rgba(21,199,126,.8);margin-bottom:6px}
.onb-w-card h1{margin:0;font-family:var(--sopher-font-display);font-weight:800;font-size:29px;line-height:1.12;letter-spacing:-.01em;color:#fff}
.onb-w-card p{margin:0;font-size:15.5px;line-height:1.5;color:#aab2ad}
.onb-w-list{list-style:none;margin:6px 0 8px;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}
.onb-w-list li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:11px 14px;color:#e7eae8;font-size:14.5px;font-weight:700;text-align:left}
.onb-w-list li span{width:32px;height:32px;border-radius:10px;background:rgba(21,199,126,.16);color:#36cc8c;display:flex;align-items:center;justify-content:center;flex:none}
.onb-w-go{width:100%}
.onb-w-skip{border:none;background:transparent;color:#aab2ad;font-size:15px;font-weight:700;padding:12px 18px;border-radius:12px;cursor:pointer}
.onb-w-skip:hover{color:#fff}

/* --- recorrido --- */
.tour-root{position:fixed;inset:0;z-index:200;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:default}
.tour-mask{position:absolute;inset:0;width:100%;height:100%;display:block}
.tour-rings{position:absolute;inset:0;pointer-events:none}
.tour-ring{position:absolute;border:2px solid #15c77e;border-radius:14px;box-shadow:0 0 0 4px rgba(21,199,126,.28);animation:onb-pulso 1.9s ease-in-out infinite}
.tour-card{position:absolute;display:flex;flex-direction:column;gap:9px;background:#fff;border-radius:20px;padding:14px 16px 14px;box-shadow:0 28px 60px -22px rgba(12,16,24,.6);
  overflow-y:auto;outline:none;touch-action:pan-y;animation:onb-in .22s ease both}
.tour-card:focus-visible{outline:2px solid #15c77e;outline-offset:2px}
.tour-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tour-count{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0c8553}
.tour-skip{border:none;background:transparent;color:#7a828d;font-size:13.5px;font-weight:800;padding:6px 8px;margin:-6px -8px -6px 0;border-radius:10px;cursor:pointer}
.tour-skip:hover{color:#0c1018;background:#f4f7f5}
.tour-live h2{margin:0 0 4px;font-family:var(--sopher-font-display);font-weight:800;font-size:19px;line-height:1.2;color:#0c1018}
.tour-live p{margin:0;font-size:14.5px;line-height:1.5;color:#4c5562}
.tour-prueba{display:flex;flex-direction:column;gap:7px;background:#f4f7f5;border-radius:14px;padding:10px 12px}
.tour-prueba[hidden]{display:none}
.tour-try{height:44px;border:none;border-radius:12px;background:#15c77e;color:#04140d;font-size:14.5px;font-weight:800;cursor:pointer}
.tour-try:hover{background:#0fa566}
.tour-try.deshacer{background:#fff;color:#4c5562;border:1.5px solid #d4d8d6}
.tour-try-msg{margin:0;font-size:13px;line-height:1.45;color:#0a6642;font-weight:600}
.tour-try-msg:empty{display:none}
.tour-dots{display:flex;gap:6px;justify-content:center;padding:2px 0}
.tour-dots i{width:7px;height:7px;border-radius:99px;background:#d4d8d6;transition:width .2s ease,background .2s ease}
.tour-dots i.hecho{background:#a3dcc1}
.tour-dots i.on{width:22px;background:#15c77e}
.tour-nav{display:flex;gap:10px}
.tour-nav button{flex:1;height:46px;border-radius:13px;font-size:15px;font-weight:800;cursor:pointer}
.tour-back{border:1.5px solid #e7eae8;background:#fff;color:#4c5562}
.tour-back:hover{background:#f4f7f5}
.tour-back[hidden]{display:none}
.tour-next{border:none;background:#15c77e;color:#04140d}
.tour-next:hover{background:#0fa566}
.tour-nav button:focus-visible,.tour-try:focus-visible,.tour-skip:focus-visible,.onb-w-skip:focus-visible{outline:2px solid #0c8553;outline-offset:2px}

/* --- franja de datos de ejemplo --- */
.onb-banner{position:fixed;top:0;left:0;right:0;height:30px;z-index:215;display:flex;align-items:center;justify-content:center;gap:8px;
  background:#0c1018;color:#a3dcc1;font-size:12.5px;font-weight:700;letter-spacing:.01em}
.onb-banner i{width:7px;height:7px;border-radius:50%;background:#15c77e;animation:pulse 1.6s ease-in-out infinite}
@media (max-width:860px){html.onb-ejemplo #app{padding-top:30px}}

/* --- checklist "Primeros pasos" --- */
.onb-card{background:#fff;border:1.5px solid #cfeadd;border-radius:20px;padding:12px 14px 14px;margin:0 0 14px;box-shadow:0 14px 34px -26px rgba(12,133,83,.6)}
.onb-head{display:flex;align-items:center;gap:6px}
.onb-toggle{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:transparent;text-align:left;padding:4px 2px;cursor:pointer;border-radius:12px;color:inherit}
.onb-hm{display:flex;flex-direction:column;line-height:1.25}
.onb-hm b{font-family:var(--sopher-font-display);font-weight:800;font-size:16.5px;color:#0c1018}
.onb-hm small{font-size:12.5px;font-weight:700;color:#0c8553}
.onb-chev{display:flex;color:#7a828d;transition:transform .2s ease}
.onb-chev.open{transform:rotate(180deg)}
.onb-x{flex:none;width:34px;height:34px;border:none;border-radius:11px;background:transparent;color:#7a828d;font-size:22px;line-height:1;cursor:pointer}
.onb-x:hover{background:#f4f7f5;color:#0c1018}
.onb-bar{height:7px;border-radius:99px;background:#eef1ef;overflow:hidden;margin:8px 2px 4px}
.onb-bar i{display:block;height:100%;border-radius:99px;background:#15c77e;transition:width .4s ease}
.onb-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.onb-it{width:100%;display:flex;align-items:center;gap:12px;border:none;background:transparent;text-align:left;padding:9px 6px;border-radius:12px;cursor:pointer;color:inherit}
button.onb-it:hover{background:#f7fbf9}
div.onb-it{cursor:default}
.onb-chk{width:24px;height:24px;border-radius:50%;border:2px solid #d4d8d6;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.onb-chk.ok{background:#15c77e;border-color:#15c77e}
.onb-it-m{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.onb-it-m b{font-size:14.5px;font-weight:800;color:#0c1018}
.onb-it-m small{font-size:12.5px;color:#7a828d;font-weight:600}
.onb-it.done .onb-it-m b{color:#7a828d;text-decoration:line-through;text-decoration-color:#aab2ad}
.onb-it-go{color:#aab2ad;font-size:22px;line-height:1}
.onb-fin{display:flex;align-items:center;gap:12px;background:#eaf6f0;border-color:#a3dcc1}
.onb-fin-ic{width:36px;height:36px;border-radius:12px;background:#15c77e;color:#04140d;display:flex;align-items:center;justify-content:center;flex:none}
.onb-fin div{display:flex;flex-direction:column;line-height:1.3}
.onb-fin b{font-size:14.5px;font-weight:800;color:#064a30}
.onb-fin small{font-size:12.5px;color:#0a6642;font-weight:600}
.onb-link{display:block;margin:12px auto 0;border:none;background:transparent;color:#0c8553;font-size:14px;font-weight:800;padding:10px 14px;border-radius:12px;cursor:pointer;text-decoration:underline}
@media (min-width:861px){.onb-card{padding:14px 18px 16px}.tour-card{padding:16px 18px}}
.onb-toggle:focus-visible,.onb-x:focus-visible,.onb-it:focus-visible,.onb-link:focus-visible{outline:2px solid #15c77e;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  .onb-w-card,.tour-card{animation:none}
  .tour-ring,.onb-banner i{animation:none}
  .tour-dots i,.onb-bar i,.onb-chev{transition:none}
}

/* =====================================================================
   v27 (oct-2026): vista simple del F29 para emprendedores + jerarquía de botones
   Regla: en cada pantalla UN solo botón primario (verde lleno, ≥44 px, texto #04140d sobre #15c77e = 8,6:1);
   secundarios en contorno verde oscuro (#0a6642 sobre blanco = 6,8:1); terciarios como enlace.
   ===================================================================== */
.sheet.hoja.simple{--sp-x:26px;--sp-b:calc(34px + env(safe-area-inset-bottom));gap:12px;max-height:92vh}
@media (min-width:861px){.sheet.hoja.simple{--sp-b:26px;max-height:90vh}}
.fs-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.fs-top-t{min-width:0}
.fs-k{font-family:var(--sopher-font-display);font-weight:800;font-size:18px;line-height:1.2;color:#0c1018}
.fs-top .f-emp{margin-top:3px}
.fs-x{flex:none;width:44px;height:44px;margin:-8px -12px 0 0;border:none;background:transparent;font-size:30px;line-height:1;color:#4c5562;border-radius:14px;cursor:pointer}
.fs-x:hover{background:#f4f7f5}
.fs-hero{position:relative;overflow:hidden;background:#0c1018;border-radius:22px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px}
.fs-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(21,199,126,.28),rgba(21,199,126,0));pointer-events:none}
.fs-total{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}
.fs-t1{font-size:15px;font-weight:700;color:#c9d0cd}
.fs-big{font-family:var(--sopher-font-display);font-weight:800;font-size:46px;line-height:1.05;letter-spacing:-.03em;color:#36cc8c;font-variant-numeric:tabular-nums}
.fs-favor{font-size:19px;font-weight:700;line-height:1.3;color:#fff}
.fs-favor b{font-family:var(--sopher-font-display);font-weight:800;color:#36cc8c;white-space:nowrap}
.fs-t3{font-size:14px;color:#c9d0cd}
.fs-t3 b{color:#fff}
.fs-venc{position:relative;z-index:1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14.5px;font-weight:700;color:#e7eae8}
.fs-venc svg{color:#36cc8c;flex:none}
.fs-origen{margin-left:auto;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:rgba(54,204,140,.16);color:#a3dcc1;white-space:nowrap}
.fs-origen.est{background:rgba(255,255,255,.12);color:#e7eae8}
.fs-estado{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;border:none;border-radius:14px;padding:11px 14px;font:inherit;font-size:14.5px;font-weight:800;line-height:1.3;text-align:left;box-sizing:border-box}
.fs-estado svg{flex:none}
.fs-estado.ok{background:#eaf6f0;color:#0a6642}
.fs-estado.warn{background:#fdf1dc;color:#6b3f00;border:1.5px solid #e6b24a;cursor:pointer}
.fs-estado.warn:hover{background:#fbe8c5}
.fs-estado.info{background:#eef1ef;color:#2a313c;font-weight:700}
.fs-estado.sii{background:#e4f1ff;color:#134a8f}
.fs-chev{margin-left:auto;display:flex;transition:transform .2s ease}
.fs-chev.open{transform:rotate(180deg)}
.fs-explica{background:#fffaf0;border:1.5px solid #f0d9a6;border-radius:14px;padding:12px 14px;margin-top:-4px;font-size:14.5px;line-height:1.5;color:#4d3000;display:flex;flex-direction:column;gap:6px}
.fs-explica p{margin:0}
.fs-explica .fs-link{align-self:flex-start;margin-left:-8px}
.fs-guarda{display:flex;align-items:center;gap:10px;background:#fdf1dc;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:800;color:#6b3f00}
.fs-guarda small{display:block;font-weight:600;color:#6b4a14}
.fs-nota{margin:-4px 2px 0;font-size:14px;line-height:1.45;color:#134a8f;font-weight:600}
.fs-cambios{display:flex;align-items:center;gap:9px;background:#fdf1dc;border-radius:14px;padding:6px 8px 6px 14px;font-size:14px;font-weight:700;color:#6b3f00;line-height:1.3}
.fs-cambios svg{flex:none}
.fs-cambios span{flex:1;min-width:0;padding:6px 0}
.fs-link{border:none;background:none;color:#0a6642;font:inherit;font-size:14.5px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 8px;border-radius:10px;white-space:nowrap}
.fs-link:hover{background:rgba(12,133,83,.08)}
.fs-link.center{align-self:center}
.fs-cambiar{align-self:flex-start;margin:-6px 0 6px -8px;white-space:normal;text-align:left}
.fs-lineas{background:#f7f9f8;border-radius:18px;padding:2px 16px}
.fs-linea+.fs-linea{border-top:1px solid #e3e9e6}
.fs-l-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px}
.fs-l-n{display:flex;align-items:center;font-size:16px;font-weight:700;color:#1a212a}
.fs-l-v{font-family:var(--sopher-font-display);font-weight:800;font-size:19px;color:#0c1018;font-variant-numeric:tabular-nums;text-align:right}
.fs-i{width:44px;height:44px;margin:-10px -6px -10px 0;border:none;background:none;color:#4c5562;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex:none}
.fs-i:hover,.fs-i[aria-expanded="true"]{color:#0a6642;background:rgba(12,133,83,.09)}
.fs-ayuda{font-size:14.5px;line-height:1.5;color:#2a313c;background:#fff;border:1px solid #dfe5e2;border-radius:12px;padding:10px 12px;margin:-2px 0 12px}
.fs-cards{display:flex;flex-direction:column;gap:10px}
.fs-card{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;text-align:left;background:#fff;border:1.5px dashed #6fd0a3;border-radius:16px;padding:12px 14px;font:inherit;cursor:pointer;box-sizing:border-box}
.fs-card:hover{background:#f7fbf9}
.fs-card-ic{width:40px;height:40px;border-radius:12px;background:#eaf6f0;color:#0a6642;display:flex;align-items:center;justify-content:center;flex:none}
.fs-card-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fs-card-m b{font-size:15px;font-weight:800;color:#0c1018;line-height:1.25}
.fs-card-m small{font-size:13.5px;color:#4c5562;line-height:1.35}
.fs-card-go{flex:none;display:flex;align-items:center;min-height:44px;padding:0 4px;color:#0a6642;font-weight:800;font-size:14.5px}
/* barra de acciones: siempre a la vista al fondo de la hoja (también en 390 px) */
.fs-bar{position:sticky;bottom:calc(-1 * var(--sp-b));z-index:3;margin:2px calc(-1 * var(--sp-x)) calc(-1 * var(--sp-b));padding:12px var(--sp-x) calc(14px + env(safe-area-inset-bottom));background:#fff;
  box-shadow:0 -14px 24px -18px rgba(12,16,24,.4),0 -1px 0 #eef1ef;display:flex;flex-direction:column;gap:8px}
.fs-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;border-radius:14px;border:2px solid #0c8553;background:#fff;color:#0a6642;
  font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;box-sizing:border-box}
.fs-btn:hover{background:#f1f9f5}
.fs-btn.primary{min-height:56px;border-color:#15c77e;background:#15c77e;color:#04140d;font-size:16.5px}
.fs-btn.primary:hover{background:#0fa566;border-color:#0fa566}
.fs-sec{display:flex;gap:8px}
.fs-btn:focus-visible,.fs-link:focus-visible,.fs-i:focus-visible,.fs-card:focus-visible,.fs-estado:focus-visible,.fs-x:focus-visible{outline:3px solid #0c8553;outline-offset:2px}

/* vista detallada: un solo botón verde lleno por vez (Compartir pasa a contorno) */
.f-btn.main.sec{background:#fff;border-color:#0c8553;color:#0a6642}
.f-btn.main.sec:hover{background:#f1f9f5}
.f-btn.main.sec:disabled{opacity:.6}

/* ---- Inicio: la fila del IVA del mes llama la atención ---- */
.row-new.f29row{min-height:78px;border-color:#a3dcc1;box-shadow:0 12px 26px -20px rgba(12,133,83,.6)}
.row-new.f29row .rn-t{font-size:15px}
.row-new.f29row .rn-s{font-size:13px}
.row-new.f29row .rn-ic{width:40px;height:40px;border-radius:13px}
.row-new.f29row.attn{border-color:#e6b24a;background:#fffaf0}
.row-new.f29row .mchip2{font-size:12px;padding:3px 10px}
.mchip2.revisa{background:#f0a017;color:#2b1a00}
.mchip2.cuadra{background:#eaf6f0;color:#0a6642}
.mchip2.listo{background:#0c8553;color:#fff}
.row-new.f29row .rn-t,.row-new.f29row .rn-s{white-space:normal}

/* ---- jerarquía: aceptar facturas, Cobrar y pagar, Mi plan, onboarding ---- */
.rk-row .btn-acept{min-height:44px;height:44px;padding:0 16px;font-size:14px;background:#fff;border:2px solid #0c8553;color:#0a6642}
.rk-row .btn-acept:hover{background:#f1f9f5;transform:none}
.rk-row .btn-acept.solo{background:#15c77e;border-color:#15c77e;color:#04140d}
.btn-acept.all{min-height:44px;height:44px;padding:0 16px;font-size:14px}
.cp-b{min-height:44px;height:44px;padding:0 14px;font-size:13.5px;border:2px solid #0c8553;background:#fff;color:#0a6642}
.cp-b:hover{background:#f1f9f5}
.cp-b.undo{border-color:#d4d8d6;background:#fff;color:#4c5562}
.cp-lnk{position:relative;border:none;background:none;color:#0a6642;font:inherit;font-weight:800;text-decoration:underline;padding:0;cursor:pointer}
.cp-lnk::after{content:"";position:absolute;left:-8px;right:-8px;top:-14px;bottom:-14px}
.cp-det .btn-add{height:52px;border:none;background:#15c77e;color:#04140d;font-size:15.5px;border-radius:14px}
.cp-det .btn-add:hover{background:#0fa566}
.plan-opt .po-btn.sec{background:#fff;border:2px solid #0c8553;color:#0a6642}
.plan-opt .po-btn.sec:hover{background:#f1f9f5}
.acc-submit.sec{background:#fff;border:2px solid #0c8553;color:#0a6642}
.acc-submit.sec:hover{background:#f1f9f5}
.tour-try{background:#fff;border:2px solid #0c8553;color:#0a6642}
.tour-try:hover{background:#f1f9f5}
.tour-try.deshacer{background:#fff;color:#4c5562;border:1.5px solid #d4d8d6}
.tour-skip{min-height:44px;padding:0 10px;margin:-8px -10px -8px 0}
.btn-upd-m{height:44px}
.pa-btn{min-height:44px}

/* Mi cuenta: "Desconectar SII" es destructivo pero no la acción principal: contorno rojo */
.set-acts .btn-danger-lg{background:#fff;border:2px solid #e0584f;color:#b23a32}
.set-acts .btn-danger-lg:hover{background:#fdf1f0}

/* contraste AA (>= 4,5:1) y áreas táctiles de 44 px en lo que se toca seguido */
.btn-upd-m{color:#0a6642}
.btn-add{color:#0a6642;height:44px}
.sg{color:#4c5562;min-height:44px}
.cl-b{min-height:44px;color:#4c5562}
.cl-b.sel{color:#0a6642}
.gf-del{color:#7a828d;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.tour-skip{color:#4c5562}
.mchip{min-height:44px}
.cp-tot{min-height:44px}

/* ---- "Ir a pagar": progreso, guía y botón primario deshabilitado ---- */
.fs-prog{background:#e4f1ff;border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:5px}
.fs-prog-t{font-size:15px;font-weight:800;color:#134a8f}
.fs-prog-s{font-size:14px;line-height:1.4;color:#1f4f87}
.fs-barra{height:6px;border-radius:99px;background:#c3dcf7;overflow:hidden;position:relative;margin-top:4px}
.fs-barra i{position:absolute;top:0;bottom:0;width:38%;border-radius:99px;background:#1a5fb4;animation:fs-barra 1.3s ease-in-out infinite}
@keyframes fs-barra{0%{left:-40%}100%{left:102%}}
@media (prefers-reduced-motion:reduce){.fs-barra i{animation:none;left:0;width:100%;opacity:.55}}
.fs-guia{display:flex;align-items:center;gap:10px;background:#eaf6f0;border-radius:14px;padding:12px 14px;font-size:14.5px;font-weight:700;color:#0a6642;line-height:1.35}
.fs-guia svg{flex:none}
.fs-btn:disabled{cursor:progress;opacity:.8}
.fs-btn.primary .mini-spin{border-color:rgba(4,20,13,.25);border-top-color:#04140d;width:16px;height:16px}
button.f-sii{border:none;width:100%;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer}
.f-sii:disabled{opacity:.8;cursor:progress}
.f-sii .mini-spin{border-color:rgba(4,20,13,.25);border-top-color:#04140d}
.f-guardar.sec{background:#fff;border:2px solid #0c8553;color:#0a6642;height:50px}
.f-guardar.sec:hover{background:#f1f9f5}
.fs-sec .fs-btn{font-size:14.5px;padding:0 8px;text-align:center;line-height:1.2}

/* ============ Botón de WhatsApp (ayuda) · oct-2026 ============ */
.wa-fab{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:8px;
        height:46px;min-width:46px;padding:0 12px;border-radius:999px;background:#fff;color:#0a6642;border:1.5px solid #cfeadd;
        box-shadow:0 10px 24px -12px rgba(12,16,24,.5);font-size:13.5px;font-weight:800;text-decoration:none;-webkit-tap-highlight-color:transparent}
.wa-fab[hidden]{display:none}
.wa-fab:hover{background:#f1f9f5}
.wa-fab span{display:none}
/* en el celular sube lo justo para quedar sobre la barra de pestañas (no la tapa) */
.wa-fab.con-tabs{bottom:calc(76px + env(safe-area-inset-bottom))}
@media (min-width:861px){
  .wa-fab,.wa-fab.con-tabs{right:22px;bottom:22px;padding:0 16px 0 13px}
  .wa-fab span{display:inline}
}
.fs-link.fs-wa,.wa-card{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}
.fs-link.fs-wa{text-decoration:underline}
.wa-card{flex:none}
@media print{.wa-fab{display:none}}

/* ============ Panel de administración · pestaña Uso ============ */
.adm-tabs{display:flex;gap:6px;margin:0 0 16px;border-bottom:1.5px solid #eef1ef}
.adm-tab{border:none;background:transparent;color:#7a828d;font:inherit;font-size:14.5px;font-weight:800;padding:10px 16px 11px;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;cursor:pointer}
.adm-tab:hover{color:#0c1018}
.adm-tab.on{color:#0c1018;border-bottom-color:#15c77e}
.uso-wrap{display:flex;flex-direction:column;gap:16px}
.uso-bar{display:flex;align-items:center;gap:12px}
.uso-dias{height:44px;border-radius:13px;border:1.5px solid #e7eae8;padding:0 12px;font-size:14px;font-weight:700;color:#131722;background:#fff;font-family:inherit}
.uso-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:861px){.uso-kpis{grid-template-columns:repeat(4,1fr)}}
.uso-kpi{background:#fff;border:1.5px solid #eef1ef;border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}
.uso-kpi b{font-family:var(--sopher-font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;color:#0c1018}
.uso-kpi span{font-size:12.5px;font-weight:600;color:#7a828d}
.uso-sec{background:#fff;border:1.5px solid #eef1ef;border-radius:20px;padding:16px 16px 12px;box-shadow:var(--sopher-shadow-card)}
.uso-sec .acc-note{margin:4px 0 10px}
.uso-clic{margin-top:12px}
.uso-clic-t{font-weight:800;font-size:13px;color:#0a6642;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.utab{display:flex;flex-direction:column;font-size:13.5px;margin-top:8px}
.utab-h,.utab-r{display:grid;gap:10px;padding:8px 4px;align-items:center}
.utab-h{font-size:11.5px;font-weight:800;color:#7a828d;text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid #eef1ef}
.utab-r{border-bottom:1px solid #f1f4f2;color:#131722;font-weight:600}
.utab-r:last-child{border-bottom:none}
.utab-r .num,.utab-h div:not(:first-child){text-align:right}
.utab .uempty{margin-top:8px;padding:20px 10px}