:root{--navy-deep:#071A33;--navy:#0B2A4A;--navy-card:#123A63;--navy-100:#E8EDF7;--navy-line:rgba(255,255,255,.12);--white:#FFFFFF;--offwhite:#F5F7FA;--ink:#0F1F3D;--muted:#6B7A99;--muted-2:#98A4BE;--orange:#F2711D;--orange-dark:#D35400;--orange-light:#FDEDE1;--good:#2E9E6D;--good-bg:#EAFAF3;--bad:#E2574C;--bad-bg:rgba(226,87,76,.12);--amber:#B45309;--amber-bg:#FFF6E8;--amber-border:#F4D9A8;--blue:#2F6FED;--border:#E3E8F0;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow:0 1px 2px rgba(15,31,61,.04), 0 8px 24px -12px rgba(15,31,61,.14)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--offwhite);color:var(--ink);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 15% -10%,rgba(242,113,29,.18),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(11,42,74,.25),transparent 60%),var(--navy-deep)}.login-card{width:100%;max-width:380px;background:var(--white);border-radius:20px;padding:36px 32px 30px;box-shadow:0 24px 60px #040a1973}.login-logo{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:100%;max-width:260px}.login-logo img{width:100%;height:auto;object-fit:contain}.login-title{text-align:center;margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}.login-sub{text-align:center;margin:0 0 24px;font-size:12.5px;color:var(--muted)}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:5px}.login-field input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:14px;color:var(--ink);background:var(--offwhite);font-family:inherit}.login-field input:focus{outline:none;border-color:var(--orange);background:var(--white)}.login-error{background:var(--bad-bg);color:#a8362c;border:1px solid rgba(226,87,76,.3);border-radius:10px;padding:9px 12px;font-size:12.5px;margin-bottom:14px}.login-btn{width:100%;border:none;border-radius:10px;padding:12px;font-weight:700;font-size:14px;color:var(--white);background:linear-gradient(135deg,var(--orange),var(--orange-dark));cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:disabled{opacity:.6;cursor:default}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh}.topbar{background:linear-gradient(135deg,var(--navy-deep),var(--navy-card));color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 28px;position:sticky;top:0;z-index:50;box-shadow:0 6px 20px -8px #071a3366}.brand{display:flex;align-items:center;gap:14px}.brand img{height:34px;width:auto;display:block;background:var(--white);border-radius:8px;padding:3px 6px}.brand-text h1{font-size:16px;margin:0;font-weight:700;letter-spacing:.2px}.brand-text span{font-size:12px;color:#a9b8d6}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-datetime{display:flex;align-items:center;gap:7px;font-size:12px;color:#a9b8d6;padding-right:16px;border-right:1px solid rgba(255,255,255,.15)}.topbar-user{text-align:right;font-size:11.5px;color:#a9b8d6;line-height:1.4}.topbar-user b{color:var(--white);font-size:13px;font-weight:600;display:block}.logout-btn{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:8px 16px;border-radius:999px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:background .15s}.logout-btn:hover{background:#ffffff29}.stepper-wrap{background:var(--white);border-bottom:1px solid var(--border);padding:16px 20px;position:sticky;top:66px;z-index:40;overflow-x:auto}.stepper{display:flex;align-items:center;justify-content:center;gap:6px;max-width:820px;margin:0 auto;min-width:480px}.step{display:flex;align-items:center;gap:10px;background:none;border:none;padding:4px;margin:0;cursor:pointer;font-family:inherit}.step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--navy-100);color:var(--muted);flex-shrink:0;transition:all .2s;border:2px solid transparent}.step.active .step-num{background:var(--orange);color:#fff;border-color:var(--orange-light)}.step.done .step-num{background:var(--good);color:#fff}.step-label{font-size:12.5px;color:var(--muted-2);font-weight:600;white-space:nowrap}.step.active .step-label{color:var(--orange);font-weight:700}.step.done .step-label{color:var(--ink)}.step-line{width:36px;height:2px;background:var(--border);flex-shrink:0}.paso-resumen-bar{display:flex;gap:28px;flex-wrap:wrap;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 22px;margin-bottom:20px}.paso-resumen-bar div{display:flex;flex-direction:column;gap:3px}.paso-resumen-bar span{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.paso-resumen-bar b{font-size:13.5px;color:var(--ink)}.paso-nav{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}.btn-siguiente,.btn-secundario{display:flex;align-items:center;gap:8px;border-radius:999px;padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;border:none;transition:all .15s}.btn-siguiente{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:var(--white)}.btn-siguiente:hover{filter:brightness(1.03)}.btn-siguiente:disabled{background:#dde3ee;color:var(--muted-2);cursor:not-allowed;filter:none}.btn-secundario{background:var(--white);color:var(--navy);border:1px solid var(--border)}.btn-secundario:hover{background:var(--navy-100)}.main{max-width:1360px;margin:0 auto;padding:26px 20px 60px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:20px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.card-head .icon-badge{width:30px;height:30px;border-radius:9px;background:var(--navy-100);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-title{margin:0;font-size:16.5px;font-weight:700;color:var(--ink)}.card-sub{margin:0 0 18px;font-size:12.5px;color:var(--muted);line-height:1.5}.notice{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius-md);padding:14px 16px;margin-top:16px}.notice.warn{background:var(--amber-bg);border:1px solid var(--amber-border)}.notice .ico{font-size:18px;line-height:1}.notice p{margin:0;font-size:13px;color:var(--ink);line-height:1.5}.notice b{display:block;margin-bottom:2px;font-size:13.5px;color:var(--amber)}.info-banner{display:flex;gap:10px;align-items:flex-start;background:#eef4ff;border:1px solid #D7E4FB;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:20px;font-size:12.5px;color:#28448c;line-height:1.5}.info-banner svg{flex-shrink:0;margin-top:1px}.field-grid{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.field-grid .field{flex:1;min-width:220px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;color:var(--ink);background:var(--white);font-family:inherit}.field input:focus,.field select:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.field input:disabled{background:#fafbfd;color:var(--ink);font-weight:600}.static-field{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;color:var(--ink);font-weight:600;background:#fafbfd}.section2-grid{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.section2-left{flex:2.6;min-width:300px}.section2-right{flex:.9;min-width:250px}.model-row{display:flex;gap:12px;align-items:flex-end;padding:14px 0;border-bottom:1px dashed var(--border);flex-wrap:wrap}.model-row:last-of-type{border-bottom:none}.category-field{flex:1.3;min-width:170px}.model-field{flex:2;min-width:180px}.model-field select:disabled{background:#f5f6f9;color:var(--muted-2);cursor:not-allowed}.qty-field{flex:1;min-width:120px}.qty-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.qty-stepper button{width:32px;height:38px;border:none;background:#f8f9fc;color:var(--navy);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.qty-stepper button:hover{background:var(--navy-100)}.qty-stepper button:disabled{opacity:.4;cursor:not-allowed}.qty-stepper input{flex:1;border:none;text-align:center;font-size:14px;font-weight:700;color:var(--ink);padding:8px 4px;width:100%;background:transparent;font-family:inherit}.qty-stepper input:focus{outline:none}.btn-remove{background:var(--bad-bg);color:var(--bad);border:1px solid rgba(226,87,76,.3);padding:9px 14px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;transition:filter .15s}.btn-remove:hover{filter:brightness(.96)}.btn-remove:disabled{opacity:.4;cursor:not-allowed}.btn-add-model{margin-top:14px;background:var(--white);border:1.5px dashed var(--navy-card);color:var(--navy);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition:all .15s}.btn-add-model:hover{background:var(--navy-100)}table.modelos-tabla{width:100%;border-collapse:collapse;font-size:12.5px}table.modelos-tabla thead th{text-align:left;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}table.modelos-tabla td{padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:middle}table.modelos-tabla .col-num{width:22px;text-align:center;color:var(--muted-2);font-weight:700;font-size:12px}table.modelos-tabla td:nth-child(3) .combobox{min-width:170px}.combobox{position:relative;min-width:128px}.combobox-input-wrap{position:relative}.combobox-input-wrap input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 30px 9px 11px;font-size:12.5px;color:var(--ink);font-family:inherit;background:var(--white);cursor:pointer}.combobox-input-wrap input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.combobox-input-wrap svg{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none}.combobox-dropdown{position:fixed;z-index:1000;max-height:230px;overflow-y:auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 28px -10px #0f1f3d59}.combobox-opcion{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:none;font-size:12.5px;color:var(--ink);cursor:pointer;font-family:inherit}.combobox-opcion:hover{background:var(--navy-100)}.combobox-vacio{padding:10px 12px;font-size:12px;color:var(--muted-2)}.qty-compact{position:relative;width:78px}.qty-compact input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 22px 9px 9px;font-size:13px;font-weight:700;color:var(--ink);font-family:inherit}.qty-compact input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.qty-arrows{position:absolute;right:2px;top:2px;bottom:2px;width:18px;display:flex;flex-direction:column}.qty-arrows button{flex:1;border:none;background:transparent;color:var(--muted-2);font-size:7px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.qty-arrows button:hover{color:var(--navy)}.col-sugerencia{min-width:165px;font-size:12px;color:var(--ink);line-height:1.4}.sugerencia-vacia{color:var(--muted-2)}.sugerencia-tope{display:flex;align-items:flex-start;gap:5px;color:var(--amber);font-weight:600}.col-acciones{white-space:nowrap}.icon-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);color:var(--navy);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;transition:background .15s}.icon-btn:hover{background:var(--navy-100)}.icon-btn.danger{color:var(--bad)}.icon-btn.danger:hover{background:var(--bad-bg)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.tabla-pie{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap;gap:10px}.tabla-pie>span{font-size:12px;color:var(--muted)}.tabla-pie .btn-add-model{margin-top:0}.mini-banner{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:700;margin-bottom:14px}.mini-banner.warn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.mini-banner.ok{background:var(--good-bg);color:#0f7a3d;border:1px solid #BFEED1}.stats-mini{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.stat-row{display:flex;align-items:center;gap:8px;background:#f7f9fc;border-radius:var(--radius-sm);padding:8px 11px;font-size:11.5px;color:var(--muted);text-align:left}.stat-row b{margin-left:auto;color:var(--ink);font-size:12.5px}.otros-modelos-grid{display:flex;flex-direction:column;gap:10px}.unidades-desglose{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.unidad-box{flex:1;min-width:220px;background:#f7f9fc;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.unidad-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px}.unidad-head span{font-size:11.5px;color:var(--muted)}.unidad-piezas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.unidad-piezas li{font-size:12px;color:var(--ink);line-height:1.4}.gauge-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px;text-align:center}.gauge-title{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.gauge-pct{font-size:38px;font-weight:800;color:var(--ink);margin:6px 0 2px;transition:color .3s}.gauge-caption{font-size:12.5px;color:var(--muted);margin-bottom:14px}.gauge-units{background:var(--navy-100);border-radius:var(--radius-sm);padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}.gauge-meta{display:flex;gap:8px;align-items:flex-start;background:#f7f9fc;border-radius:var(--radius-sm);padding:10px 12px;font-size:11.5px;color:var(--muted);text-align:left;line-height:1.5}.suggest-grid{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px}.suggest-col{flex:1;min-width:280px}.suggest-card{border-radius:var(--radius-lg);padding:18px 18px 8px;height:100%}.suggest-card.more{background:var(--good-bg);border:1px solid #C9EFD9}.suggest-card.new{background:var(--white);border:1px solid var(--border)}.suggest-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;margin-bottom:2px}.suggest-card.more .suggest-head{color:#0f7a3d}.suggest-card.new .suggest-head{color:var(--navy)}.suggest-sub{font-size:11.5px;color:var(--muted);margin:0 0 14px}.suggest-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;margin-bottom:10px;text-align:left;width:100%;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.suggest-card.new .suggest-item{background:#fafbfd}.suggest-item:hover{background:var(--orange-light);border-color:var(--orange-dark)}.suggest-item-info{display:flex;flex-direction:column;gap:1px}.suggest-item-info b{font-size:12.5px;color:var(--ink)}.suggest-item-info span{font-size:11.5px;color:var(--muted)}.btn-agregar{background:var(--navy);color:var(--white);border:none;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;pointer-events:none}.empty-suggest{font-size:12px;color:var(--muted-2);padding:10px 0 16px}.alert-banner{display:flex;align-items:center;gap:16px;border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;transition:all .3s;flex-wrap:wrap}.alert-banner.warn{background:var(--amber-bg);border:1px solid var(--amber-border)}.alert-banner.ok{background:var(--good-bg);border:1px solid #BFEED1}.alert-icon{flex-shrink:0}.alert-text{flex:1;min-width:200px}.alert-text b{display:block;font-size:13.5px;margin-bottom:2px}.alert-banner.warn .alert-text b{color:var(--amber)}.alert-banner.ok .alert-text b{color:#0f7a3d}.alert-text span{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:13px}table.tabla th{text-align:left;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:700}table.tabla td{padding:12px;border-bottom:1px solid var(--border);color:var(--ink)}table.tabla tr:last-child td{border-bottom:none}table.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}.model-cell{display:flex;align-items:center;gap:10px}.model-thumb{width:30px;height:30px;border-radius:8px;background:var(--navy-100);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pct-bar-wrap{display:flex;align-items:center;gap:8px;justify-content:flex-end}.pct-bar-track{width:60px;height:6px;background:var(--border);border-radius:4px;overflow:hidden}.pct-bar-fill{height:100%;background:var(--blue);border-radius:4px;transition:width .4s}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:700}.badge.ok{background:var(--good-bg);color:#1c7a56}.badge.error{background:var(--bad-bg);color:#a8362c}.resumen-flex{display:flex;gap:20px;align-items:stretch;flex-wrap:wrap}.resumen-table-col{flex:2.4;min-width:300px}.pdf-col{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7f9fc;border-radius:var(--radius-md);padding:24px 18px;transition:background .3s}.pdf-col.ready{background:var(--good-bg)}.pdf-icon{width:46px;height:46px;border-radius:12px;background:#e7ebf3;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--muted-2);transition:all .3s}.pdf-col.ready .pdf-icon{background:var(--good);color:#fff}.pdf-col b{font-size:13px;color:var(--ink);margin-bottom:4px}.pdf-col span{font-size:11.5px;color:var(--muted);line-height:1.5}.btn-pdf{margin-top:14px;width:100%;padding:11px;border-radius:999px;border:none;font-size:13px;font-weight:700;cursor:not-allowed;background:#dde3ee;color:var(--muted-2);transition:all .25s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-pdf.enabled{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:var(--white);cursor:pointer}.btn-pdf.enabled:hover{filter:brightness(1.03)}.folio-box{margin-top:16px;background:var(--navy-deep);color:var(--white);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.folio-box b{font-size:15px}.folio-box span{font-size:12px;color:#b9c7e0}.empty-hint{font-size:12.5px;color:var(--muted-2);padding:16px 0;text-align:center}.footnote{text-align:center;font-size:11.5px;color:var(--muted-2);margin-top:6px}@media (max-width:720px){.topbar{padding:14px 16px}.main{padding:18px 14px 60px}.card{padding:18px}.stepper-wrap{top:118px}}