/* ============================================================
   FERRESOL APP — Estilos principales
   Generado automáticamente — no editar directamente
   Editar: css/styles.css
============================================================ */


/* ── Base / Layout / Componentes ── */

:root{
  --bg:#F8F9FA;--surface:#FFFFFF;--border:rgba(0,0,0,0.08);
  --text:#111827;--text-muted:#6B7280;--text-hint:#9CA3AF;
  --accent:#185FA5;--accent-hover:#0C447C;--radius:10px;--radius-lg:14px;
  --bg-page:#F8F9FA;--bg-card:#FFFFFF;--bg-card2:#F5F7FA;
  --r:10px;--rlg:14px;
  --sh:0 2px 8px rgba(0,0,0,.06);--shmd:0 4px 20px rgba(0,0,0,.10);
  --green:#16A34A;--red:#DC2626;--orange:#D97706;
  --serif:system-ui,-apple-system,'Segoe UI',sans-serif;
  --sans:system-ui,-apple-system,'Segoe UI',sans-serif;
  --w:#FFFFFF;--navy:#185FA5;--gold:#185FA5;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg-page);color:var(--text);min-height:100vh;font-size:14px}
.scr{display:none}.scr.on{display:block}
.hdr{background:#F8F9FA;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(0,0,0,.08)}
.hdr-logo{display:flex;align-items:center;gap:.75rem}
.hdr-icon{width:36px;height:36px;background:#185FA5;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em}
.hdr-name{color:#111827;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;letter-spacing:.06em;line-height:1.1}
.hdr-sub{color:#555;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.hdr-right{display:flex;align-items:center;gap:.625rem}
.hdr-co{color:#555;font-size:.78rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.steps{background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.08);padding:0 1.5rem;display:flex;align-items:stretch;overflow-x:auto;gap:0}
.si{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;white-space:nowrap;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#444;border-bottom:2px solid transparent;transition:all .2s}
.si.active{color:#185FA5;border-bottom-color:#185FA5}
.si.done{color:#555}
.snum{width:16px;height:16px;border-radius:2px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}
.si.active .snum{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.si.done .snum{background:#22C55E;color:#fff;border-color:#22C55E}
.sdiv{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#333;font-size:.7rem}
.wrap{max-width:900px;margin:0 auto;padding:1.75rem 1.5rem}
.ptitle{margin-bottom:1.5rem}
.ptitle h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:2rem;color:var(--text);letter-spacing:.04em;line-height:1}
.ptitle p{color:var(--text-muted);font-size:.82rem;margin-top:.375rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.03em}
.card{background:var(--bg-card);border-radius:var(--rlg);border:1px solid var(--border);padding:1.25rem;margin-bottom:.875rem;box-shadow:var(--sh)}
.ctitle{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}
.ctitle::before{content:'';display:block;width:3px;height:14px;background:#185FA5;border-radius:2px}
.fg{display:flex;flex-direction:column;gap:.25rem}
.fg label{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
input,select,textarea{padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--r);font-size:.85rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);width:100%;background:var(--bg-card);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#185FA5;box-shadow:0 0 0 3px rgba(24,95,165,.15)}
input.err{border-color:#E53B1F}
select option{background:#fff;color:#212529}
textarea{resize:vertical;min-height:60px}
::placeholder{color:#ADB5BD}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}
.full{grid-column:1/-1}
input[type=checkbox],input[type=radio]{accent-color:#185FA5}
.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--r);font-size:.78rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.07em;text-transform:uppercase;line-height:1}
.bp{background:#185FA5;color:#FFFFFF}.bp:hover{background:#0C447C}
.bg{background:#E53B1F;color:#fff}.bg:hover{background:#C43218}
.bsm{background:var(--bg-card2);color:var(--text-muted);border:1px solid var(--border)}.bsm:hover{background:var(--border);color:var(--text)}
.blg{padding:.75rem 1.5rem;font-size:.88rem}
.brow{display:flex;gap:.5rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap}
.sp{flex:1}
.hero{min-height:calc(100vh - 97px);background:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 35% at 50% 65%,rgba(24,95,165,.05),transparent);pointer-events:none}
.hero-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:3.5rem;color:#111827;line-height:.95;letter-spacing:.04em;margin-bottom:.5rem}
.hero-gold{color:#185FA5}
.hero-sub{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.85rem;color:#6B7280;margin-bottom:2.5rem;max-width:380px;line-height:1.6}
.hero-cards{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap;justify-content:center}
.hcard{background:rgba(24,95,165,.05);border:1px solid rgba(24,95,165,.15);border-radius:var(--rlg);padding:.875rem 1.25rem;width:135px;text-align:center;transition:border-color .2s}
.hcard:hover{border-color:#185FA5}
.hcard-ic{font-size:1.375rem;margin-bottom:.375rem}
.hcard-t{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.7rem;color:rgba(17,24,39,.5);line-height:1.4}
.asesor-info{background:rgba(24,95,165,.07);border:1px solid rgba(24,95,165,.25);border-radius:var(--r);padding:.5rem .75rem;font-size:.8rem;color:#185FA5;margin-top:.4rem;display:none;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600}
.cat-tabs{display:flex;gap:.375rem;margin-bottom:1rem;flex-wrap:wrap}
.cat-btn{padding:.35rem .875rem;border-radius:var(--r);font-size:.72rem;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.cat-btn.on{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.cat-btn:hover:not(.on){border-color:#999;color:var(--text)}
.prod-list{display:flex;flex-direction:column;gap:.375rem}
.prow{background:var(--bg-card);border-radius:var(--rlg);border:1px solid var(--border);transition:border-color .15s;overflow:hidden;box-shadow:var(--sh)}
.prow.sel{border-color:#185FA5;box-shadow:0 0 0 3px rgba(24,95,165,.15)}
.prow-hdr{display:flex;align-items:center;padding:.75rem 1rem;gap:.875rem;cursor:pointer;user-select:none}
.prow-hdr:hover{background:rgba(0,0,0,.02)}
.pchk{width:18px;height:18px;border:1.5px solid #333;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.prow.sel .pchk{background:#185FA5;border-color:#185FA5}
.picon{font-size:1.375rem;flex-shrink:0;opacity:.85}
.pinfo{flex:1;min-width:0}
.pnom{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;color:var(--text);font-size:.88rem;letter-spacing:.02em;text-transform:uppercase}
.pdesc{font-size:.72rem;color:var(--text-muted);margin-top:.1rem}
.pprice{text-align:right;flex-shrink:0;min-width:80px}
.pprice-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:.08em}
.pprice-val{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.15rem;color:#185FA5;letter-spacing:.03em}
.prow-body{display:none;padding:0 1rem 1rem;border-top:1px solid var(--border)}
.prow.sel .prow-body{display:block}
.cfg-sec{margin-top:.875rem}
.cfg-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
.cfg-lbl::after{content:'';flex:1;height:1px;background:var(--border)}
.tela-grid{display:flex;flex-direction:column;gap:.2rem}
.tela-opt{display:flex;align-items:center;gap:.625rem;padding:.35rem .625rem;border-radius:var(--r);cursor:pointer;transition:background .1s;border:1px solid transparent}
.tela-opt:hover{background:var(--bg-card2)}
.tela-opt.active-t{background:rgba(24,95,165,.08);border-color:#185FA5}
.tela-opt input[type=radio]{width:13px;height:13px;flex-shrink:0}
.tela-opt label{font-size:.82rem;cursor:pointer;flex:1;display:flex;justify-content:space-between;align-items:center;color:var(--text)}
.tela-precio{font-family:'Courier New',monospace;font-size:.75rem;color:#185FA5;font-weight:700}
.cintas-grid{display:grid;gap:.5rem;margin-top:.4rem}
/* zona row — siempre visible */
.cz-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color .12s;user-select:none}
.cz-row:hover{border-color:#888}
.cz-row.active{border-color:#0A0A0A;background:#FFFFFF}
.cz-row.has-cinta{border-color:#185FA5}
.cz-nom{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text)}
.cz-row.active .cz-nom{color:#FFFFFF}
.cz-row.has-cinta .cz-nom{color:#185FA5}
.cz-sum{font-size:.64rem;color:var(--g500);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.cz-row.has-cinta .cz-sum{color:#185FA5;font-weight:700}
.cz-arrow{font-size:.6rem;color:var(--g500);transition:transform .15s}
.cz-row.active .cz-arrow{transform:rotate(180deg);color:rgba(255,255,255,.8)}
/* panel cascada */
.cz-panel{display:none;padding:.5rem .65rem .55rem;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r) var(--r);background:var(--bg-card)}
.cz-panel.open{display:block}
/* nivel de cascada */
.cz-step{margin-bottom:.35rem}
.cz-step:last-child{margin-bottom:0}
.cz-step-lbl{font-size:.58rem;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}
.cz-opts{display:flex;gap:.25rem;flex-wrap:wrap}
.cr-btn{font-size:.7rem;padding:.2rem .5rem;border-radius:3px;border:1px solid var(--border);background:var(--bg-card2);color:var(--text-muted);cursor:pointer;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;letter-spacing:.03em;transition:all .12s;white-space:nowrap}
.cr-btn:hover{border-color:#888;color:var(--text)}
.cr-btn.sel{background:#FFFFFF;border-color:#0A0A0A;color:#185FA5}
.cz-step.hidden{display:none}
.cr-price-tag{font-size:.62rem;color:#185FA5;font-weight:700}
.c-precio{font-size:.68rem;color:#185FA5;font-weight:600;display:block}
.bord-row{display:flex;gap:.625rem;align-items:flex-end;flex-wrap:wrap}
.bord-select{flex:1;min-width:140px}
.precio-bar{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--r);padding:.625rem .875rem;margin-top:.875rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.precio-det{font-size:.73rem;color:#495057;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.precio-total{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.15rem;color:#185FA5;letter-spacing:.03em}
.sum-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:1rem 1.25rem;margin-top:1.25rem;box-shadow:var(--sh)}
.sum-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.84rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;border-bottom:1px solid var(--border);color:var(--text)}
.sum-row.gt{border-top:2px solid #185FA5;border-bottom:none;margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:700;color:#185FA5;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.04em;background:rgba(24,95,165,.06);border-radius:4px;padding-left:.5rem}
.plancha-widget{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:var(--rlg);padding:1.25rem;margin-top:1.25rem}
.plancha-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#F59E0B;font-size:1.2rem;margin-bottom:.875rem;letter-spacing:.03em}
.plancha-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.plancha-item{background:#E8EDF3;border-radius:var(--r);padding:.75rem;border:1px solid rgba(245,158,11,.2)}
.plancha-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.68rem;font-weight:700;color:#F59E0B;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem}
.plancha-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.82rem;color:#777;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.plancha-total{background:#F59E0B;color:#0A0A0A;border-radius:var(--r);padding:.5rem .875rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.88rem;margin-top:.875rem;display:flex;justify-content:space-between;letter-spacing:.04em}
.inf-sec{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin-bottom:.875rem;box-shadow:var(--sh)}
.inf-prenda-hdr{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;cursor:pointer;user-select:none;background:var(--bg-card2);border-bottom:1px solid var(--border)}
.inf-prenda-hdr:hover{background:var(--border)}
.inf-prenda-body{display:none}
.inf-prenda-body.open{display:block}
.inf-prenda-resumen{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}
.inf-chevron{font-size:.75rem;color:var(--text-muted);transition:transform .2s;flex-shrink:0}
.inf-prenda-body.open ~ .inf-chevron,.open .inf-chevron{transform:rotate(180deg)}
.inf-hdr{background:var(--bg-card2);border-bottom:1px solid var(--border);padding:.625rem 1.25rem;display:flex;justify-content:space-between;align-items:center}
.inf-hdr h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.07em;text-transform:uppercase;color:#0A2540}
.badge{padding:.2rem .6rem;border-radius:var(--r);font-size:.65rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em}
.bg-gold{background:#185FA5;color:#FFFFFF}
.irow{display:flex;justify-content:space-between;padding:.45rem 1.25rem;border-bottom:1px solid #E9ECEF;font-size:.83rem;color:#212529;align-items:center}
.irow:last-child{border-bottom:none}
.irow.sub{background:#EEF2F7;font-weight:700;color:#0A2540}
.irow.tot{background:#185FA5;color:#FFFFFF;font-weight:700;font-size:.95rem;padding:.625rem 1.25rem}
.itag{font-size:.72rem;background:#E8F4FD;color:#1565A8;padding:.15rem .5rem;border-radius:var(--r);margin-left:.5rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;letter-spacing:.02em;border:1px solid #BFDBFE}
.sec-hdr{padding:.35rem 1.25rem;background:rgba(24,95,165,.05);border-bottom:1px solid rgba(24,95,165,.08);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.65rem;font-weight:700;color:#185FA5;text-transform:uppercase;letter-spacing:.1em}
.desc-auto{padding:.6rem 1.25rem;background:#FFFBEB;border-bottom:1px solid #FDE68A;font-size:.82rem;color:#92400E;font-style:italic;line-height:1.6;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.cot{background:#fff;border-radius:var(--rlg);overflow:hidden;max-width:820px;margin:0 auto;color:#111;box-shadow:var(--shmd)}
.cot-hdr{background:#0F172A;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.cot-logo-n{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.6rem;color:#185FA5;letter-spacing:.06em}
.cot-logo-s{font-size:.65rem;color:rgba(17,24,39,.4);letter-spacing:.12em;text-transform:uppercase;margin-top:.1rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.cot-meta{text-align:right;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;color:rgba(17,24,39,.5);line-height:1.7}
.cot-meta strong{display:block;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1rem;color:#185FA5;margin-bottom:.2rem;letter-spacing:.05em}
.cot-body{padding:1.5rem 2rem}
.cot-sec{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#555;border-bottom:2px solid #0A0A0A;padding-bottom:.35rem;margin-bottom:.875rem;margin-top:1.5rem}
.cot-prow{display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #E5E7EB;align-items:flex-start}
.cot-picon{width:56px;height:56px;background:#F9FAFB;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;border:1px solid #E5E7EB}
.cot-pinfo{flex:1}
.cot-pnom{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;color:#111;font-size:.88rem;letter-spacing:.03em;text-transform:uppercase}
.cot-pspecs{font-size:.77rem;color:#555;margin-top:.35rem;line-height:1.6}
.cot-pprice{text-align:right;flex-shrink:0;min-width:90px}
.cot-pprice .qty{font-size:.72rem;color:#888;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.cot-pprice .unit{font-size:.78rem;color:#444}
.cot-pprice .tot{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.15rem;color:#111;margin-top:.1rem;letter-spacing:.02em}
.cot-footer{background:#0F172A;color:#fff;padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center}
.cot-footer-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:rgba(17,24,39,.4);letter-spacing:.08em;text-transform:uppercase}
.cot-footer-val{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.6rem;color:#185FA5;letter-spacing:.04em}
.cot-cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-top:.75rem}
.cond-box{padding:.625rem .875rem;background:#F9FAFB;border-radius:var(--r);border-left:3px solid #0A0A0A}
.cond-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.62rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.07em}
.cond-val{font-size:.8rem;color:#111;margin-top:.15rem}
.firma-row{display:flex;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #E5E7EB}
.firma-box{flex:1;text-align:center}
.firma-line{height:1px;background:#D1D5DB;margin-bottom:.4rem;margin-top:2rem}
.firma-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.08em}
.cot-thead{display:grid;grid-template-columns:50px 1fr 90px 52px 92px;gap:.5rem;padding:.4rem .5rem .4rem 0;border-bottom:2px solid #0A0A0A;margin-bottom:.5rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#888}
.cot-prow{display:grid;grid-template-columns:50px 1fr 90px 52px 92px;gap:.5rem;padding:.7rem .5rem .7rem 0;border-bottom:1px solid #E5E7EB;align-items:start}
.cot-pcol-num{text-align:right;padding-top:.1rem}
.cot-pcol-num .pu{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.82rem;color:#444;font-weight:600}
.cot-pcol-num .qty{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.88rem;color:#111;font-weight:700}
.cot-pcol-num .tot{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.05rem;color:#111;letter-spacing:.02em}
.col-nc{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#777;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.tl-wrap{overflow-x:auto;margin-top:.75rem;background:#F9FAFB;border-radius:var(--r);padding:1rem;border:1px solid #E5E7EB}
.alert{border-radius:var(--r);padding:.625rem .875rem;font-size:.83rem;margin-bottom:.875rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.alert-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:#60A5FA}
.alert-warn{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:#F59E0B}
.inf-note{background:rgba(229,59,31,.1);border-left:3px solid #E53B1F;padding:.75rem 1rem;font-size:.82rem;color:#FCA5A5;margin-bottom:1.25rem;border-radius:0 var(--r) var(--r) 0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.email-banner{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--r);padding:.75rem 1rem;font-size:.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;color:#60A5FA;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.email-banner a{color:#185FA5;font-weight:700;text-decoration:underline}
.nuevo-cliente-box{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.2);border-radius:var(--r);padding:.875rem 1rem;margin-top:.875rem}
.admin-panel{display:none;position:fixed;inset:0;background:#FFFFFF;z-index:1000;flex-direction:column;overflow:hidden}
.admin-panel.open{display:flex}
.admin-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.admin-hdr h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.4rem;color:#185FA5;letter-spacing:.05em}
.admin-body{flex:1;overflow-y:auto;padding:1.25rem}
.admin-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.admin-block{background:#F1F3F5;border:1px solid rgba(0,0,0,.08);border-radius:var(--rlg);overflow:hidden;margin-bottom:1rem}
.admin-block-title{background:#F0F2F5;border-bottom:1px solid #2A2A2A;padding:.4rem .875rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#185FA5}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;border-bottom:1px solid rgba(0,0,0,.07)}
.price-row:hover{background:#F0F2F5}
.price-row:last-child{border-bottom:none}
.price-lbl{font-size:.78rem;color:#888;flex:1;padding-right:.5rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.price-inp-wrap{display:flex;align-items:center;gap:.25rem;flex-shrink:0}
.price-inp-wrap span{font-size:.78rem;color:#185FA5;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700}
.price-inp{width:90px;padding:.25rem .4rem;border:1px solid rgba(0,0,0,.08);border-radius:var(--r);font-size:.82rem;text-align:right;background:#F8F9FA;color:#111827;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.price-inp:focus{outline:none;border-color:#185FA5}
.price-inp:disabled{background:#E9ECEF;color:#9CA3AF;cursor:not-allowed}
.admin-block-readonly{opacity:.7}
.admin-block-readonly .admin-block-title{background:#E9ECEF;color:#6B7280}
.admin-readonly-badge{display:inline-block;margin-left:.5rem;font-size:.6rem;background:#D1D5DB;color:#6B7280;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}
.admin-footer{border-top:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;display:flex;gap:.75rem;background:#F8F9FA;flex-shrink:0}
.moverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;align-items:center;justify-content:center}
.moverlay.open{display:flex}
.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:1.5rem;width:320px;box-shadow:var(--shmd)}
.modal h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#0A0A0A;margin-bottom:.875rem;font-size:1.35rem;letter-spacing:.05em}
.pin-input{font-family:'Courier New',monospace;font-size:1.5rem;text-align:center;letter-spacing:.5em;color:#0A0A0A;background:var(--bg-card2);border-color:var(--border)}
.num{font-family:'Courier New',monospace;color:#0A2540}
.sending-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:600;align-items:center;justify-content:center;flex-direction:column;gap:1rem}
.sending-overlay.open{display:flex}
.spinner{width:40px;height:40px;border:2px solid #222;border-top-color:#185FA5;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.admin-cols{grid-template-columns:1fr}.g2,.g3,.cot-cond-grid{grid-template-columns:1fr}.cintas-grid{grid-template-columns:1fr!important}.cot-hdr{flex-direction:column;gap:.75rem}.firma-row{flex-direction:column}.wrap{padding:1.25rem .875rem}.hero-title{font-size:2.5rem}.steps{padding:0 .875rem}.cot-thead{grid-template-columns:36px 1fr 70px 36px 72px;font-size:.56rem}.cot-prow{grid-template-columns:36px 1fr 70px 36px 72px}}
/* ===== MODAL DETALLE COTIZACIÓN ===== */
#detalle-modal{position:fixed;inset:0;background:#FFFFFF;z-index:800;display:none;flex-direction:column;overflow:hidden}
#detalle-modal.open{display:flex}
.det-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}
.det-hdr h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.3rem;color:#185FA5;letter-spacing:.05em;flex:1}
.det-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:#FFFFFF;flex-shrink:0;padding:0 1.5rem}
.det-tab{padding:.625rem 1.25rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(17,24,39,.4);border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}
.det-tab.on{color:#185FA5;border-bottom-color:#185FA5}
.det-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-page)}
.det-actions{background:#FFFFFF;border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0}
.det-estado-bar{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--r);margin-bottom:1.25rem}
.det-estado-pendiente{background:#FAEEDA;border:1px solid #F5C589}
.det-estado-aprobada{background:#EAF3DE;border:1px solid #86C96E}
.det-estado-rechazada{background:#FCEBEB;border:1px solid #F5B8B8}

/* ===== LOGIN ===== */
#login-screen{position:fixed;inset:0;z-index:9999;display:flex}
#login-screen.hidden{display:none}
.login-left{flex:0 0 58%;max-width:620px;display:flex;align-items:center;justify-content:center;background:#fff;padding:2rem}
.login-right{flex:1;background-color:#0D1B3E;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 0 Q0 0 0 120 L120 120 Z' fill='%232952CC'/%3E%3C/svg%3E");background-size:120px 120px;position:relative;overflow:hidden}
.login-form-wrap{width:100%;max-width:380px}
.login-logo-ic{width:52px;height:52px;border-radius:50%;background:rgba(24,95,165,.1);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#185FA5;margin:0 auto 1.5rem}
.login-heading{font-size:1.8rem;font-weight:700;color:#111827;text-align:center;margin-bottom:.375rem}
.login-sub-txt{font-size:.83rem;color:#6B7280;text-align:center;margin-bottom:1.75rem}
.lf-group{position:relative;margin-bottom:.875rem}
.lf-pw-wrap .lf-input{padding-right:3rem}
.lf-pw-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9CA3AF;padding:.25rem;display:flex;align-items:center;line-height:1}
.lf-pw-eye:hover{color:#6B7280}
.lf-input{width:100%;padding:.75rem 1rem;border:1.5px solid #E5E7EB;border-radius:10px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;font-family:inherit}
.lf-input::placeholder{color:#9CA3AF}
.lf-input:focus{border-color:#185FA5;box-shadow:0 0 0 3px rgba(24,95,165,.1)}
.lf-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.83rem}
.lf-check{display:flex;align-items:center;gap:.5rem;color:#374151;cursor:pointer;user-select:none}
.lf-check input{accent-color:#185FA5;width:15px;height:15px;cursor:pointer}
.lf-link{color:#185FA5;text-decoration:none;font-size:.83rem}
.lf-link:hover{text-decoration:underline}
.lf-btn{width:100%;padding:.8rem;border-radius:50px;background:#185FA5;color:#fff;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}
.lf-btn:hover{background:#0C447C}
.lf-btn:active{transform:scale(.99)}
.lf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.lf-btn-sec{width:100%;padding:.7rem;border-radius:50px;background:transparent;color:#185FA5;font-size:.88rem;font-weight:600;border:1.5px solid #185FA5;cursor:pointer;transition:all .15s;font-family:inherit;margin-top:.625rem}
.lf-btn-sec:hover{background:rgba(24,95,165,.06)}
.lf-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 0;font-size:.72rem;color:#9CA3AF;text-transform:uppercase;letter-spacing:.08em}
.lf-divider::before,.lf-divider::after{content:'';flex:1;height:1px;background:#E5E7EB}
.login-err{background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;padding:.625rem .875rem;font-size:.83rem;color:#991B1B;margin-bottom:1rem;display:none}
.login-err.show{display:block}
.login-brand-overlay{position:absolute;bottom:2.5rem;left:2.5rem}
.login-brand-name{font-size:2.75rem;font-weight:800;color:#fff;letter-spacing:.06em;line-height:1}
.login-brand-sub{font-size:.7rem;color:rgba(255,255,255,.35);letter-spacing:.2em;text-transform:uppercase;margin-top:.375rem}
.reset-msg-ok{text-align:center;font-size:.83rem;color:#16A34A;margin-top:.75rem;padding:.5rem;background:#F0FDF4;border-radius:8px;border:1px solid #BBF7D0}
.reset-msg-err{text-align:center;font-size:.83rem;color:#991B1B;margin-top:.75rem;padding:.5rem;background:#FEF2F2;border-radius:8px;border:1px solid #FECACA}
@media(max-width:768px){#login-screen{flex-direction:column}.login-left{flex:1;max-width:100%;padding:2rem 1.25rem}.login-right{display:none}}
/* Header usuario */
.hdr-user{display:flex;align-items:center;gap:.5rem}
.hdr-avatar{width:28px;height:28px;background:#185FA5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;flex-shrink:0}
.hdr-uname{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;color:#888;line-height:1.2}
.hdr-uname strong{display:block;color:#fff;font-size:.82rem}
/* Dashboard cotizaciones */
#sc-dash{display:none}.sc-dash.on{display:block}
.dash-tab-row{display:flex;gap:.375rem;margin-bottom:1.25rem;flex-wrap:wrap}
.dash-tab{padding:.375rem .875rem;border-radius:var(--r);font-size:.72rem;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.dash-tab.on{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.cot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:1rem 1.25rem;margin-bottom:.625rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .15s;box-shadow:var(--sh)}
.cot-card:hover{border-color:#185FA5;box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-1px)}
.cot-card-info{flex:1;min-width:0}
.cot-card-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.7rem;color:#555;letter-spacing:.08em;text-transform:uppercase}
.cot-card-cli{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.92rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cot-card-ase{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}
.cot-card-meta{text-align:right;flex-shrink:0}
.cot-card-val{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;color:#185FA5;letter-spacing:.03em}
.cot-card-date{font-size:.7rem;color:var(--text-muted);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;margin-top:.15rem}
.badge-estado{padding:.15rem .5rem;border-radius:var(--r);font-size:.6rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.estado-borrador{background:#F0F2F5;color:#666}
.estado-enviada{background:#E6F1FB;color:#185FA5}
.estado-pendiente{background:#FAEEDA;color:#854F0B}
.estado-aprobada{background:#EAF3DE;color:#3B6D11}
.estado-rechazada{background:#FCEBEB;color:#A32D2D}
.estado-en_edicion{background:#F3F0FF;color:#5B21B6}
.estado-enviada_cliente{background:#E6F1FB;color:#185FA5}
.estado-aceptada_cliente{background:#ECFDF5;color:#065F46}
.estado-rechazada_cliente{background:#FCEBEB;color:#A32D2D}
.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.88rem;letter-spacing:.04em}
.empty-state .ico{font-size:2rem;margin-bottom:.75rem;opacity:.3}
/* ===== ESTADOS PEDIDO ===== */
.estado-pedido_creado{background:#EEEDFE;color:#3C3489}
.estado-en_produccion{background:#FFF4EC;color:#C2410C}
.estado-entregado{background:#EAF3DE;color:#3B6D11}

/* ===== PEDIDO PANEL ===== */
#pedido-panel{position:fixed;inset:0;background:#FFFFFF;z-index:850;display:none;flex-direction:column;overflow:hidden}
#pedido-panel.open{display:flex}
.ped-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.875rem;flex-shrink:0}
.ped-hdr-brand{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}
.ped-hdr-label{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.58rem;color:#444;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.ped-hdr-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.25rem;color:#185FA5;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ped-steps-bar{background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.07);padding:0 1.5rem;display:flex;align-items:stretch;flex-shrink:0}
.ped-si{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#333;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
.ped-si.on{color:#185FA5;border-bottom-color:#185FA5}
.ped-si.done{color:#22C55E}
.ped-snum{width:18px;height:18px;border-radius:3px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;flex-shrink:0}
.ped-si.on .ped-snum{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.ped-si.done .ped-snum{background:#22C55E;color:#fff;border-color:#22C55E}
.ped-sdiv{width:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#282828;font-size:.65rem}
.ped-body{flex:1;overflow-y:auto;background:var(--bg-page);padding:1.5rem}
.ped-footer{background:#F8F9FA;border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0}

/* Selección de prendas (step 1) */
.ped-prenda-sel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:.875rem 1.25rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:all .15s;box-shadow:var(--sh)}
.ped-prenda-sel:hover{border-color:#555}
.ped-prenda-sel.excluida{opacity:.45;border-style:dashed;background:var(--bg-card2)}
.ped-chk{width:22px;height:22px;border-radius:4px;border:2px solid #333;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.ped-chk.on{background:#185FA5;border-color:#185FA5}

/* Detalle de tallas y producción (step 2) */
.ped-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin-bottom:1rem;box-shadow:var(--sh)}
.ped-card-hdr{background:var(--bg-card2);border-bottom:1px solid var(--border);padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem}
.ped-card-body{padding:1.25rem}
.talla-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:.3rem;margin-top:.5rem}
.talla-col{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.talla-hdr-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.6rem;font-weight:700;color:var(--text-muted);text-align:center;text-transform:uppercase;line-height:1.3}
.talla-inp{width:100%;padding:.35rem .15rem;text-align:center;border:1px solid var(--border);border-radius:var(--r);font-size:.88rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg-card);transition:border-color .15s,background .15s;-moz-appearance:textfield}
.talla-inp::-webkit-inner-spin-button,.talla-inp::-webkit-outer-spin-button{-webkit-appearance:none}
.talla-inp:focus{outline:none;border-color:#185FA5;box-shadow:0 0 0 2px rgba(24,95,165,.12)}
.talla-inp.filled{border-color:#185FA5;background:rgba(24,95,165,.08);color:#185FA5}
.talla-total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .875rem;background:rgba(24,95,165,.05);border-radius:var(--r);border:1px solid rgba(24,95,165,.12);margin-top:.5rem}

/* Resumen pedido badges */
.ped-resumen-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.07);gap:1rem}
.ped-resumen-row:last-child{border-bottom:none}
.ped-tallas-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}
.ped-talla-chip{background:#E8EDF3;border-radius:3px;padding:.1rem .35rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.65rem;color:#888;font-weight:700}
.ped-talla-chip.active{background:rgba(24,95,165,.2);color:#22C55E}

/* Vista pedido en detalle */
.ped-det-prenda{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--r);padding:.875rem 1rem;margin-bottom:.625rem}
.ped-talla-display{display:grid;grid-template-columns:repeat(9,1fr);gap:.25rem;margin-top:.5rem}
.ped-td-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:.3rem .1rem;text-align:center}
.ped-td-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.55rem;color:var(--text-muted);text-transform:uppercase}
.ped-td-val{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.95rem;color:#185FA5}
.ped-td-cell.empty .ped-td-val{color:#333}

@media print{
  .hdr,.steps,.btn,.brow,.alert,.cat-tabs,.prod-list,.sum-bar,.email-banner,.ptitle{display:none!important}
  .scr{display:none!important}
  #sc-cot{display:block!important}
  body{background:#fff;color:#111;margin:0;padding:0}
  .wrap{padding:0;max-width:100%}
  .cot{box-shadow:none;border-radius:0;max-width:100%}
  .cot-hdr{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cot-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #cot-footer-empresa{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cond-box{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tl-wrap{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sidebar{display:none!important}
}

/* ===== SIDEBAR ===== */
#app-wrapper{display:flex;min-height:100vh}
#sidebar{width:220px;min-width:220px;background:#FFFFFF;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:150;overflow:hidden}
#main-content{margin-left:220px;flex:1;min-width:0;display:flex;flex-direction:column}
.sb-top{padding:1.25rem 1rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background .15s}
.sb-top:hover{background:rgba(198,255,0,.04)}
.sb-brand{display:flex;align-items:center;gap:.625rem}
.sb-logo-ic{width:34px;height:34px;background:#185FA5;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;flex-shrink:0}
.sb-logo-txt{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;color:#111827;letter-spacing:.07em;line-height:1}
.sb-logo-sub{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.55rem;color:#333;letter-spacing:.15em;text-transform:uppercase}
.sb-nav{flex:1;padding:.625rem 0;overflow-y:auto}
.sb-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;width:100%;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#555;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap}
.sb-item:hover{color:#ccc;background:rgba(0,0,0,.02)}
.sb-item.active{color:#185FA5;border-left-color:#185FA5;background:rgba(24,95,165,.05)}
.sb-item-ic{font-size:.95rem;width:18px;text-align:center;flex-shrink:0}
.sb-section{padding:.375rem 1rem .25rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.6rem;color:#2A2A2A;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-top:.25rem}
.sb-sep{height:1px;background:#F1F3F5;margin:.5rem .75rem}
.sb-footer{border-top:1px solid rgba(0,0,0,.08);padding:.75rem 1rem}
.sb-user{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}
.sb-avatar{width:30px;height:30px;background:#185FA5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;flex-shrink:0}
.sb-uname{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;color:#111827;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-urole{font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:.1em}
.sb-acts{display:flex;gap:.375rem}
.sb-act{flex:1;padding:.35rem;border:1px solid rgba(0,0,0,.08);border-radius:3px;background:#F5F7FA;color:#6B7280;font-size:.72rem;cursor:pointer;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:all .15s;text-align:center}
.sb-act:hover{border-color:#6B7280;color:#111827}
.sb-act.danger:hover{border-color:#E53B1F;color:#E53B1F}

/* ===== MÓDULO PRODUCCIÓN ===== */
#sc-prod{background:var(--bg-page);min-height:calc(100vh - 0px)}
.prod-header{background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:50}
.prod-header h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.6rem;color:#185FA5;letter-spacing:.05em}
.prod-filter-row{display:flex;gap:.375rem;flex-wrap:wrap;padding:1rem 1.5rem .625rem}
.prod-tab{padding:.35rem .875rem;border-radius:var(--r);font-size:.72rem;font-weight:700;cursor:pointer;border:1px solid rgba(0,0,0,.08);background:#F8F9FA;color:#555;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.prod-tab.on{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.prod-lista{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.625rem}
.prod-card{background:#F8F9FA;border:1px solid rgba(0,0,0,.08);border-radius:var(--rlg);padding:1rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:.875rem;align-items:start;cursor:pointer;transition:border-color .15s}
.prod-card:hover{border-color:#333}
.prod-card.urgente{border-left:3px solid #E53B1F}
.prod-card.normal{border-left:3px solid rgba(0,0,0,.1)}
.prod-card.ok{border-left:3px solid #22C55E}
.prod-card-cli{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;color:#111827;letter-spacing:.04em;margin-bottom:.2rem}
.prod-card-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:#555;letter-spacing:.07em;text-transform:uppercase}
.prod-card-meta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}
.prod-meta-chip{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:#888;display:flex;align-items:center;gap:.3rem}
.prod-badge{padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pb-pedido{background:rgba(168,85,247,.15);color:#C084FC}
.pb-compras{background:rgba(59,130,246,.15);color:#60A5FA}
.pb-corte{background:rgba(245,158,11,.15);color:#F59E0B}
.pb-confeccion{background:rgba(249,115,22,.15);color:#FB923C}
.pb-terminacion{background:rgba(163,230,53,.15);color:#A3E635}
.pb-calidad{background:rgba(52,211,153,.15);color:#34D399}
.pb-despacho{background:rgba(34,197,94,.2);color:#22C55E}
.prod-card-actions{display:flex;flex-direction:column;gap:.375rem;align-items:flex-end}
.prod-dias{text-align:right}
.prod-dias-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.35rem;letter-spacing:.03em}
.prod-dias-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.6rem;color:#6B7280;text-transform:uppercase;letter-spacing:.08em}

/* Modal producción */
.prod-modal{position:fixed;inset:0;background:#FFFFFF;z-index:900;display:none;flex-direction:column;overflow:hidden}
.prod-modal.open{display:flex}
.pm-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}
.pm-hdr h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.3rem;color:#185FA5;letter-spacing:.05em;flex:1}
.pm-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-page)}
.pm-footer{background:#F8F9FA;border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0}
.estado-btn{padding:.5rem 1rem;border-radius:var(--r);font-size:.75rem;font-weight:700;cursor:pointer;border:1px solid rgba(0,0,0,.12);background:#F5F7FA;color:#6B7280;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

.estado-btn:hover:not(.current){border-color:#374151;color:#111827}
.notas-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}
.nota-item{background:#F8F9FA;border-left:3px solid rgba(0,0,0,.15);border-radius:0 var(--r) var(--r) 0;padding:.5rem .75rem;font-size:.8rem;color:#888;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nota-fecha{font-size:.65rem;color:#444;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.07em}

/* Requisición modal */
.req-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:950;display:none;align-items:center;justify-content:center;padding:1rem}
.req-modal.open{display:flex}
.req-box{background:#F8F9FA;border:1px solid rgba(0,0,0,.08);border-radius:var(--rlg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.req-hdr{background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.08);padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.req-hdr h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.2rem;color:#185FA5;letter-spacing:.05em}
.req-body{flex:1;overflow-y:auto;padding:1rem;background:#FFFFFF}
.req-footer{border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.25rem;display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0}
.req-table{width:100%;border-collapse:collapse;font-size:.8rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.req-table th{background:#F8F9FA;color:#185FA5;border-bottom:1px solid rgba(0,0,0,.08);padding:.5rem .625rem;text-align:left;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.08)}
.req-table td{padding:.45rem .625rem;border-bottom:1px solid rgba(0,0,0,.07);color:#374151;vertical-align:middle;background:#FFFFFF}
.req-table tr:hover td{background:#F8F9FA}
.req-section{font-size:.65rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.1em;padding:.625rem .625rem .25rem;background:rgba(255,255,255,.02)}
.req-total-row td{color:#185FA5;font-weight:700;background:rgba(24,95,165,.05);font-size:.85rem}

/* ===== SIDEBAR ===== */
#app-wrapper{display:flex;min-height:100vh}
#sidebar{width:220px;min-width:220px;background:#FFFFFF;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:150;overflow:hidden}
#main-content{margin-left:220px;flex:1;min-width:0;display:flex;flex-direction:column}
.sb-top{padding:1.25rem 1rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background .15s}
.sb-top:hover{background:rgba(198,255,0,.04)}
.sb-brand{display:flex;align-items:center;gap:.625rem}
.sb-logo-ic{width:34px;height:34px;background:#185FA5;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;flex-shrink:0}
.sb-logo-txt{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;color:#111827;letter-spacing:.07em;line-height:1}
.sb-logo-sub{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.55rem;color:#333;letter-spacing:.15em;text-transform:uppercase}
.sb-nav{flex:1;padding:.625rem 0;overflow-y:auto}
.sb-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;width:100%;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#555;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap}
.sb-item:hover{color:#ccc;background:rgba(0,0,0,.02)}
.sb-item.active{color:#185FA5;border-left-color:#185FA5;background:rgba(24,95,165,.05)}
.sb-item-ic{font-size:.95rem;width:18px;text-align:center;flex-shrink:0}
.sb-sep{height:1px;background:#F1F3F5;margin:.5rem .75rem}
.sb-footer{border-top:1px solid rgba(0,0,0,.08);padding:.75rem 1rem}
.sb-user{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}
.sb-avatar{width:30px;height:30px;background:#185FA5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#0A0A0A;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;flex-shrink:0}
.sb-uname{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.78rem;color:#111827;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-urole{font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:.1em}
.sb-acts{display:flex;gap:.375rem}
.sb-act{flex:1;padding:.35rem;border:1px solid rgba(0,0,0,.08);border-radius:3px;background:#F5F7FA;color:#6B7280;font-size:.72rem;cursor:pointer;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:all .15s;text-align:center}
.sb-act:hover{border-color:#6B7280;color:#111827}
.sb-act.danger:hover{border-color:#E53B1F;color:#E53B1F}
/* Screens */
#sc-prod,#sc-req{background:var(--bg-page);min-height:100vh}
.prod-header{background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:50}
.prod-header h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.6rem;color:#185FA5;letter-spacing:.05em}
.prod-filter-row{display:flex;gap:.375rem;flex-wrap:wrap;padding:1rem 1.5rem .625rem}
.prod-tab{padding:.35rem .875rem;border-radius:var(--r);font-size:.72rem;font-weight:700;cursor:pointer;border:1px solid rgba(0,0,0,.08);background:#F8F9FA;color:#555;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.prod-tab.on{background:#185FA5;color:#FFFFFF;border-color:#185FA5}
.prod-lista{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.625rem}
.prod-card{background:#F8F9FA;border:1px solid rgba(0,0,0,.08);border-left:3px solid rgba(0,0,0,.1);border-radius:var(--rlg);padding:1rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:.875rem;align-items:start;cursor:pointer;transition:border-color .15s}
.prod-card:hover{border-color:#444}
.prod-card.urgente{border-left-color:#E53B1F}
.prod-card.ok{border-left-color:#22C55E}
.prod-card-cli{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.1rem;color:#111827;letter-spacing:.04em;margin-bottom:.2rem}
.prod-card-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:#555;letter-spacing:.07em;text-transform:uppercase}
.prod-card-meta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}
.prod-meta-chip{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:#888;display:flex;align-items:center;gap:.3rem}
.prod-badge{padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pb-pedido{background:rgba(168,85,247,.15);color:#C084FC}
.pb-compras{background:rgba(59,130,246,.15);color:#60A5FA}
.pb-corte{background:rgba(245,158,11,.15);color:#F59E0B}
.pb-confeccion{background:rgba(249,115,22,.15);color:#FB923C}
.pb-terminacion{background:rgba(163,230,53,.15);color:#A3E635}
.pb-calidad{background:rgba(52,211,153,.15);color:#34D399}
.pb-despacho{background:rgba(34,197,94,.2);color:#22C55E}
.prod-dias-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.35rem;letter-spacing:.03em}
.prod-dias-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.6rem;color:#6B7280;text-transform:uppercase;letter-spacing:.08em}
/* Prod modal */
.pm-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}
.pm-hdr h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.3rem;color:#185FA5;letter-spacing:.05em;flex:1}
.pm-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-page)}
.pm-footer{background:#F8F9FA;border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0}
.estado-btn{padding:.5rem 1rem;border-radius:var(--r);font-size:.75rem;font-weight:700;cursor:pointer;border:1px solid rgba(0,0,0,.12);background:#F5F7FA;color:#6B7280;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

.estado-btn:hover:not(.current){border-color:#374151;color:#111827}
.notas-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}
.nota-item{background:#F8F9FA;border-left:3px solid rgba(0,0,0,.15);border-radius:0 var(--r) var(--r) 0;padding:.5rem .75rem;font-size:.8rem;color:#888;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nota-fecha{font-size:.65rem;color:#444;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.07em}
/* Req modal */
.req-hdr{background:#F8F9FA;border-bottom:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}
.req-hdr h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.3rem;color:#185FA5;letter-spacing:.05em;flex:1}
.req-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-page)}
.req-footer{background:#F8F9FA;border-top:1px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0}
.req-table{width:100%;border-collapse:collapse;font-size:.82rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.req-table th{background:#F8F9FA;color:#185FA5;border-bottom:1px solid rgba(0,0,0,.08);padding:.5rem .75rem;text-align:left;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.08);white-space:nowrap}
.req-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.07);color:#374151;vertical-align:middle}
.req-table tr:hover td{background:rgba(255,255,255,.02)}
.req-inp{padding:.3rem .45rem;background:#F8F9FA;border:1px solid rgba(0,0,0,.12);border-radius:3px;color:#185FA5;font-family:'Courier New',monospace;font-size:.88rem;text-align:right;width:80px;transition:border-color .15s}
.req-inp:focus{outline:none;border-color:#185FA5}
.req-inp-text{padding:.3rem .45rem;background:#F8F9FA;border:1px solid rgba(0,0,0,.12);border-radius:3px;color:#374151;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.82rem;width:100%;transition:border-color .15s}
.req-inp-text:focus{outline:none;border-color:#555}
.pedir-btn{padding:.3rem .6rem;border-radius:3px;font-size:.7rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap}
.pedir-btn.on{background:rgba(34,197,94,.12);color:#22C55E;border-color:rgba(34,197,94,.3)}
.pedir-btn.off{background:rgba(229,59,31,.08);color:#555;border-color:#1E1E1E}
.req-estado-badge{padding:.2rem .6rem;border-radius:3px;font-size:.68rem;font-weight:700;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.07em;text-transform:uppercase}
.req-estado-borrador{background:#F3F4F6;color:#6B7280}
.req-estado-ajustada{background:#E6F1FB;color:#185FA5}
.req-estado-con_precios{background:#FAEEDA;color:#854F0B}
.req-estado-aprobada{background:#EAF3DE;color:#3B6D11}
@media print{#sidebar{display:none!important}.steps{display:none!important}}

/* ── Cotizador 2-moment UX (sc-2) ── */
#sc-2.on{display:flex;flex-direction:column}
.cot-layout{display:flex;gap:1.25rem;padding:1.5rem 1.5rem 84px;width:100%;box-sizing:border-box;align-items:flex-start;flex:1;background:#F3F4F6}
.cot-left{flex:1;min-width:0}
.cot-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:.02em;margin:0}
.cot-sub{font-size:.78rem;color:var(--text-muted);margin:.2rem 0 0}
/* Moment 1 header */
.cot-sel-hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}
/* Moment 2 header — hidden by default */
.cot-cfg-hdr{display:none;align-items:center;gap:.875rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#fff;border-radius:10px;border:.5px solid rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.05)}
#sc-2.config-mode .cot-sel-hdr{display:none}
#sc-2.config-mode .cot-cfg-hdr{display:flex}
/* Category tabs — fila única con fondo gris suave */
.cat-tabs-wrap{background:#EBEBED;border-radius:10px;padding:.625rem .75rem;margin-bottom:1.25rem}
#sc-2 .cat-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;max-width:none;margin:0;scrollbar-width:none}
#sc-2 .cat-tabs::-webkit-scrollbar{display:none}
#sc-2 .cat-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:.45rem .875rem;border-radius:7px;font-size:.72rem;font-weight:700;cursor:pointer;border:none;background:transparent;color:#6B7280;transition:all .15s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.03em;text-transform:none;line-height:1.4}
#sc-2 .cat-btn.on{background:#185FA5;color:#fff;box-shadow:0 2px 8px rgba(24,95,165,.28)}
#sc-2 .cat-btn:hover:not(.on){background:rgba(0,0,0,.06);color:var(--text)}
#sc-2.config-mode .cat-tabs-wrap{display:none}
/* Prenda nombre más compacto para evitar salto de línea */
#sc-2 .pnom{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Product list — 2 cols in moment 1 */
#sc-2:not(.config-mode) .prod-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
#sc-2:not(.config-mode) .prow-body{display:none!important}
#sc-2:not(.config-mode) .prow.sel{border-color:#185FA5!important;background:#EFF6FF!important;box-shadow:0 0 0 2px rgba(24,95,165,.14)!important}
/* Config mode — 1 col, only selected, full config */
#sc-2.config-mode .prod-list{display:flex;flex-direction:column;gap:.75rem}
#sc-2.config-mode .prow:not(.sel){display:none!important}
#sc-2.config-mode .prow.sel .prow-body{display:block!important}
/* Generar Informe solo visible en config mode */
#sc-2:not(.config-mode) .cart-ftr{display:none}
/* Fixed footer — selection counter */
.cot-sel-footer{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#fff;border-top:.5px solid rgba(0,0,0,.08);padding:.875rem 1.5rem;display:none;justify-content:space-between;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,.07)}
#sc-2.on .cot-sel-footer{display:flex}
#sc-2.config-mode .cot-sel-footer{display:none!important}
.cot-count-txt{font-size:.875rem;font-weight:500;color:var(--text-muted);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;transition:color .2s}
.cot-count-txt.has-sel{color:var(--text);font-weight:700}
/* Right panel — cart sidebar */
.cot-right{width:260px;flex-shrink:0;position:sticky;top:68px;background:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;max-height:calc(100vh - 84px)}
.cart-hdr{padding:.75rem 1rem;border-bottom:.5px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:.5rem;background:#F5F7FA}
.cart-hdr-ic{font-size:1rem}
.cart-hdr-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.82rem;color:var(--text);letter-spacing:.05em;text-transform:uppercase}
.cart-body{flex:1;overflow-y:auto;padding:.75rem 1rem}
.cot-right .sum-bar{margin:0;border:none;border-radius:0;box-shadow:none;padding:0;background:transparent}
.cot-right .sum-row{font-size:.78rem;padding:.25rem 0}
.cot-right .sum-row.gt{font-size:.88rem;padding:.5rem .35rem}
.cart-empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem .5rem;color:var(--text-muted);text-align:center}
.cart-empty-ic{font-size:2rem;opacity:.45;line-height:1}
.cart-empty-state p{font-size:.76rem;margin:0;line-height:1.4}
#sum-bar[style*="display: block"] ~ .cart-empty-state,
#sum-bar[style*="display:block"] ~ .cart-empty-state{display:none}
.cart-ftr{padding:.75rem 1rem;border-top:.5px solid rgba(0,0,0,.08);background:#F5F7FA}
.cart-ftr .btn{width:100%;justify-content:center;text-align:center;font-size:.82rem;padding:.65rem .75rem}
@media(max-width:960px){
  .cot-layout{flex-direction:column;padding:1rem 1rem 84px}
  .cot-right{width:100%;position:static;max-height:none}
  #sc-2 .cat-tabs{max-width:100%}
  #sc-2:not(.config-mode) .prod-list{grid-template-columns:1fr}
  .cot-sel-footer{padding:.75rem 1rem}
}
@media(max-width:480px){#sc-2 .cat-tabs{grid-template-columns:repeat(3,1fr)}}


/* ── Informe interno (print) ── */
      *{box-sizing:border-box;margin:0;padding:0}
      body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff}
      .cot{max-width:820px;margin:0 auto;background:#fff;color:#111}
      .cot-hdr{background:#0A0A0A;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      .cot-meta{text-align:right;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;color:rgba(255,255,255,.6);line-height:1.7}
      .cot-meta strong{display:block;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1rem;color:#C6FF00;margin-bottom:.2rem;letter-spacing:.05em}
      .cot-body{padding:1.5rem 2rem}
      .cot-sec{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#555;border-bottom:2px solid #0A0A0A;padding-bottom:.35rem;margin-bottom:.875rem;margin-top:1.5rem}
      .cot-prow{display:grid;grid-template-columns:50px 1fr 90px 52px 92px;gap:.5rem;padding:.7rem .5rem .7rem 0;border-bottom:1px solid #E5E7EB;align-items:center}
      .cot-thead{display:grid;grid-template-columns:50px 1fr 90px 52px 92px;gap:.5rem;padding:.4rem .5rem .4rem 0;border-bottom:2px solid #0A0A0A;margin-bottom:.5rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#888}
      .cot-pnom{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;color:#111;font-size:.88rem;letter-spacing:.03em;text-transform:uppercase}
      .cot-pspecs{font-size:.77rem;color:#555;margin-top:.2rem;line-height:1.5}
      .cot-pcol-num{text-align:right}
      .cot-pcol-num .pu{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.82rem;color:#444;font-weight:600}
      .cot-pcol-num .qty{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.88rem;color:#111;font-weight:700;text-align:center}
      .cot-pcol-num .tot{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.05rem;color:#111;letter-spacing:.02em;font-weight:700}
      .cot-footer{background:#0A0A0A;color:#fff;padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      .cot-footer-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;color:rgba(255,255,255,.4);letter-spacing:.08em;text-transform:uppercase}
      .cot-footer-val{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.6rem;color:#C6FF00;letter-spacing:.04em}
      .cot-cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-top:.75rem}
      .cond-box{padding:.625rem .875rem;background:#F9FAFB;border-radius:4px;border-left:3px solid #0A0A0A;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      .cond-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.62rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.07em}
      .cond-val{font-size:.8rem;color:#111;margin-top:.15rem}
      .firma-row{display:flex;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #E5E7EB}
      .firma-box{flex:1}
      .firma-line{height:1px;background:#D1D5DB;margin-bottom:.4rem;margin-top:2rem}
      .firma-lbl{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.08em}
      #cot-footer-empresa{background:#0A0A0A;padding:1rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
      /* OCULTAR cualquier cosa que no sea la cotización */
      .inf-sec,.inf-hdr,.irow,.sec-hdr,.desc-auto,.inf-note,.alert,.btn,.badge{display:none!important}
      .tl-wrap{overflow:visible}
      svg{max-width:100%}

/* ── Cotización cliente (print) ── */
      *{box-sizing:border-box;margin:0;padding:0}
      body{font-family:'Arial',sans-serif;font-size:11px;color:#111;padding:20px}
      h1{font-size:18px;letter-spacing:.04em;margin-bottom:4px}
      .sub{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.1em}
      .meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
      .meta-box{border:1px solid #ddd;border-radius:4px;padding:10px}
      .meta-box label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#888;display:block;margin-bottom:2px}
      .meta-box strong{font-size:12px}
      table{width:100%;border-collapse:collapse;margin:10px 0;font-size:10px}
      th{background:#0a0a0a;color:#c6ff00;padding:5px 6px;text-align:left;font-size:8.5px;text-transform:uppercase;letter-spacing:.07em}
      td{padding:5px 6px;border-bottom:1px solid #eee;vertical-align:top}
      .totales{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}
      .tot-box{border:1px solid #ddd;border-radius:4px;padding:10px;text-align:center}
      .tot-box .lbl{font-size:8px;text-transform:uppercase;color:#888;letter-spacing:.08em}
      .tot-box .val{font-size:15px;font-weight:700;margin-top:3px}
      .firmas{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}
      .firma-box{border-top:1px solid #333;padding-top:6px;text-align:center;font-size:8px;text-transform:uppercase;color:#888;letter-spacing:.08em}
      @media print{body{padding:10px}}