:root{--navy:#2c3e2d;--navy-light:#3a5238;--gold:#c8755a;--gold-light:#e8dcc8;--cream:#faf7f2;--text:#2c2c2c;--text-light:#777;--white:#fff;--border:#e0d6c8}.cot-root{height:100vh;overflow:hidden;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;color:var(--text)}.cot-root input,.cot-root select,.cot-root textarea{background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.cot-root input:focus,.cot-root select:focus,.cot-root textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,39,68,.07);background:#fff}.cot-root label{font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:5px}.cot-header{background:#faf7f2;border-bottom:1px solid #e0d6c8;padding:16px 36px;display:flex;align-items:center;gap:14px}.cot-logo{height:32px}.cot-header-sub{font-size:10px;color:#7a6e62;letter-spacing:2px;text-transform:uppercase;font-weight:300;margin-top:2px}.cot-folio-badge{font-family:DM Sans,sans-serif;font-size:13px;color:var(--navy);letter-spacing:2px}.cot-layout{display:grid;grid-template-columns:1fr 290px;flex:1 1;overflow:hidden}.cot-main{padding:32px 36px;overflow-y:auto}.cot-side{background:#f0eae0;border-left:1px solid #e0d6c8;padding:16px;display:flex;flex-direction:column;overflow-y:auto}.cot-section{margin-bottom:28px}.cot-section-title{font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--navy);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.cot-client-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px}.cot-field{display:flex;flex-direction:column;gap:5px}.cot-field label{font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--navy)}.cot-field input,.cot-field select,.cot-field textarea{background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.cot-field input:focus,.cot-field select:focus,.cot-field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,39,68,.07);background:#fff}.cot-input-full{width:100%;background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);outline:none}.cot-input-full:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,39,68,.07);background:#fff}.cot-textarea{resize:vertical;width:100%;min-height:70px;background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px}.cot-envio-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;align-items:end}.cot-grid{display:grid;grid-gap:8px;gap:8px;margin-bottom:8px}.cot-grid-211{grid-template-columns:2fr minmax(0,1fr) minmax(0,1fr)}.cot-grid-221{grid-template-columns:2fr 2fr minmax(0,1fr)}.cot-grid-12{grid-template-columns:minmax(0,1fr) 2fr;margin-bottom:0}.cot-grid-111{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cot-grid .cot-field{min-width:0}.cot-grid input,.cot-grid select{min-width:0;width:100%}.cot-card{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:box-shadow .2s}.cot-card:hover{box-shadow:0 3px 16px rgba(0,0,0,.08)}.cot-card-header{background:var(--navy);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.cot-card-num{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:500}.cot-card-remove{background:none;border:1px solid hsla(0,0%,100%,.2);border-radius:5px;width:26px;height:26px;cursor:pointer;color:hsla(0,0%,100%,.5);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s}.cot-card-remove:hover{background:rgba(192,57,43,.3);border-color:rgba(192,57,43,.6);color:#fff}.cot-card-body{padding:18px}.cot-paso{margin-bottom:16px}.cot-paso-title{font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-bottom:10px}.cot-hint{font-size:11px;color:var(--text-light);margin-top:5px}.cot-chips{display:flex;flex-wrap:wrap;gap:8px}.cot-chip{padding:7px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;transition:all .18s;background:var(--cream);color:var(--text);font-family:DM Sans,sans-serif}.cot-chip:hover{border-color:var(--navy);color:var(--navy)}.cot-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.cot-chip-sm{padding:5px 11px;font-size:11px}.cot-colores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-gap:8px;gap:8px}.cot-color-btn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border-radius:6px;padding:4px;border:2px solid transparent;transition:all .18s}.cot-color-btn.active,.cot-color-btn:hover{border-color:var(--navy)}.cot-color-btn.active{background:rgba(26,39,68,.06)}.cot-color-swatch{width:44px;height:44px;border-radius:5px;border:1px solid rgba(0,0,0,.1);object-fit:cover}.cot-color-code{font-size:8px;font-weight:600;letter-spacing:.5px}.cot-color-code,.cot-color-name{color:var(--text-light);text-align:center}.cot-color-name{font-size:7px;line-height:1.2}.cot-color-btn.active .cot-color-code{color:var(--navy)}.cot-decorados-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:10px;gap:10px}.cot-decorado-btn{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border-radius:8px;padding:5px;border:2px solid transparent;transition:all .18s}.cot-decorado-btn:hover{border-color:var(--navy)}.cot-decorado-btn.active{border-color:var(--navy);background:rgba(26,39,68,.06)}.cot-decorado-img{width:70px;height:70px;border-radius:5px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.cot-m2-wrap{position:relative;flex:1 1}.cot-m2-wrap input{width:100%;font-size:18px;font-weight:500;text-align:center;background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;outline:none}.cot-m2-wrap input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,39,68,.07);background:#fff}.cot-m2-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-light)}.cot-m2-input{width:100%}.cot-piezas-hint{font-size:10px;color:var(--navy);background:rgba(44,62,45,.08);border-radius:4px;padding:4px 8px;margin-bottom:8px;text-align:center}.cot-precio-preview{margin-top:14px;padding:12px 14px;background:linear-gradient(135deg,#f5eee6,#faf7f2);border:1px solid #e0d0bc;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.cot-precio-label{font-size:11px;color:var(--text-light)}.cot-precio-hint{font-size:10px;color:#aaa;margin-top:2px}.cot-precio-total{font-size:16px;font-weight:500;color:var(--navy);font-family:DM Sans,sans-serif}.cot-precio-iva{font-size:9px;color:var(--text-light);text-align:right;margin-top:1px}.cot-btn-add{width:100%;padding:13px;background:none;border:2px dashed var(--border);border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-light);transition:all .2s;margin-bottom:28px}.cot-btn-add:hover{border-color:var(--navy);color:var(--navy)}.cot-side-title{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--navy);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #d5c9b8}.cot-side-header{margin-bottom:8px}.cot-side-folio{font-family:DM Sans,sans-serif;font-size:13px;color:var(--navy);letter-spacing:2px}.cot-side-cliente{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #d5c9b8}.cot-side-nombre{font-family:DM Sans,sans-serif;font-size:16px;color:var(--navy);margin-bottom:2px}.cot-side-info{font-size:11px;color:#7a6e62;line-height:1.7}.cot-side-items{flex:1 1;margin-bottom:8px;overflow-y:auto}.cot-side-item{padding:8px 0;border-bottom:1px solid #d5c9b8}.cot-side-item-nombre{font-size:12px;color:var(--navy);font-weight:500;margin-bottom:3px}.cot-side-item-detalle{font-size:10px;color:#7a6e62;margin-bottom:5px;line-height:1.5}.cot-side-item-precio{font-size:12px;font-weight:500;color:var(--navy)}.cot-side-item-unit{color:#9a8e82;font-size:10px}.cot-side-empty{text-align:center;padding:20px 12px;color:#c4b8a8;font-size:11px;line-height:1.8}.cot-side-totales{border-top:1px solid #d5c9b8;padding-top:10px;margin-bottom:10px}.cot-total-row{display:flex;justify-content:space-between;font-size:11px;color:#6a5f54;margin-bottom:4px}.cot-total-envio{color:#3a3028}.cot-total-final{font-size:17px;font-family:DM Sans,sans-serif;color:var(--navy);margin-top:6px;padding-top:8px;border-top:1px solid #c4b8a8}.cot-total-final span:last-child{color:var(--navy);font-weight:600}.cot-btn-generar{width:100%;padding:11px;background:var(--gold);color:var(--navy);border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.cot-btn-generar:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 16px hsla(39,46%,61%,.35)}.cot-btn-generar:disabled{opacity:.35;cursor:not-allowed}.cot-btn-nueva{width:100%;padding:9px;background:none;border:1.5px solid #d5c9b8;border-radius:8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;color:#7a6e62;cursor:pointer;transition:all .2s;margin-top:6px}.cot-btn-nueva:hover{border-color:var(--navy);color:var(--navy);background:rgba(44,62,45,.04)}.cot-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;display:flex;align-items:center;justify-content:center}.cot-pdf-modal{background:#fff;border-radius:12px;width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.4)}.cot-pdf-actions{padding:18px 48px;background:var(--cream);border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.cot-confirm-modal{background:#fff;border-radius:14px;width:480px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column;max-height:88vh}.cot-confirm-header{background:var(--navy);padding:22px 28px;flex-shrink:0}.cot-confirm-folio-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.cot-confirm-folio{font-family:DM Sans,sans-serif;font-size:28px;color:#fff;font-weight:500;letter-spacing:2px}.cot-confirm-fecha{font-size:10px;color:hsla(0,0%,100%,.45);margin-top:2px}.cot-confirm-body{padding:24px 28px;overflow-y:auto;flex:1 1 auto;min-height:0}.cot-confirm-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:500}.cot-confirm-nombre{font-family:DM Sans,sans-serif;font-size:18px;color:var(--navy);margin-bottom:2px}.cot-confirm-info{font-size:11px;color:#888;line-height:1.7}.cot-confirm-prods{background:#faf8f4;border-radius:8px;overflow:hidden;margin-bottom:14px}.cot-confirm-prod-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f0ebe0}.cot-confirm-prod-row:last-child{border-bottom:none}.cot-confirm-prod-img{width:36px;height:36px;border-radius:5px;object-fit:cover;border:1px solid #ddd;flex-shrink:0}.cot-confirm-prod-placeholder{width:36px;height:36px;border-radius:5px;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:7px;color:hsla(0,0%,100%,.7);text-align:center}.cot-confirm-prod-nombre{font-size:12px;font-weight:500;color:var(--navy)}.cot-confirm-prod-detalle{font-size:10px;color:#888;margin-top:1px}.cot-confirm-prod-precio{font-size:12px;font-weight:500;color:var(--navy);text-align:right;white-space:nowrap}.cot-confirm-totales{background:#faf8f4;border-radius:8px;padding:14px;margin-bottom:14px}.cot-confirm-total-row{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:6px}.cot-confirm-total-final{font-family:DM Sans,sans-serif;font-size:20px;color:var(--navy);font-weight:500;margin-top:8px;padding-top:10px;border-top:1px solid #ddd;display:flex;justify-content:space-between}.cot-confirm-warning{background:#fdf5e8;border:1px solid #f0d8a0;border-radius:8px;padding:10px 14px;font-size:10px;color:#8a6a20;line-height:1.6;margin-top:16px;display:flex;gap:8px;align-items:flex-start}.cot-confirm-actions{padding:18px 28px;background:#f7f4ef;border-top:1px solid #e8e0d0;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.cot-confirm-cancel{padding:11px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;font-weight:500;background:none;border:1.5px solid #ddd;color:#888;transition:all .2s}.cot-confirm-cancel:hover{border-color:#999;color:#555}.cot-confirm-ok{padding:11px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;font-weight:500;background:var(--navy);color:#fff;border:none;letter-spacing:1px;transition:all .2s}.cot-confirm-ok:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(44,62,45,.3)}.cot-error,input.cot-error,select.cot-error,textarea.cot-error{border-color:#c0392b!important;box-shadow:0 0 0 3px rgba(192,57,43,.15)!important;background:#fff9f9!important}.cot-error-msg{font-size:10px;color:#c0392b;margin-top:4px;font-weight:500;letter-spacing:.3px}#pdf-content{padding:48px;font-family:DM Sans,sans-serif;color:#2c2c2c;--navy:#1e3a8a;--gold:#c8755a}@media (max-width:899px){.cot-root{height:auto;min-height:0;overflow:visible}.cot-header{padding:14px 16px;gap:10px;flex-wrap:wrap}.cot-logo{height:26px}.cot-layout{grid-template-columns:1fr;overflow:visible}.cot-main{padding:20px 16px;overflow:visible}.cot-side{border-left:none;border-top:1px solid #e0d6c8;overflow:visible;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.cot-side-items{overflow:visible;flex:none}.cot-client-grid{padding:14px;gap:14px}.cot-client-grid,.cot-envio-grid{grid-template-columns:1fr}.cot-layout{grid-template-columns:minmax(0,1fr)}.cot-main,.cot-side{min-width:0}.cot-grid-211,.cot-grid-221{grid-template-columns:1fr 1fr}.cot-grid-111,.cot-grid-12{grid-template-columns:1fr}.cot-span-full{grid-column:1/-1}.cot-chip{padding:10px 16px;font-size:13px}.cot-chip-sm{padding:8px 13px;font-size:12px}.cot-card-body{padding:14px}.cot-card-header{padding:11px 14px}.cot-section{margin-bottom:22px}.cot-colores-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cot-color-swatch{width:52px;height:52px}.cot-decorados-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.cot-decorado-img{width:78px;height:78px}.cot-btn-generar{padding:15px;font-size:12px}.cot-btn-nueva{padding:12px}.cot-overlay{align-items:stretch}.cot-pdf-modal{overflow-y:auto}.cot-confirm-modal,.cot-pdf-modal{width:100%;max-height:100%;height:100%;border-radius:0}.cot-confirm-modal{overflow:hidden}.cot-pdf-actions{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.cot-confirm-body,.cot-confirm-header{padding:18px 16px}.cot-confirm-actions{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.cot-confirm-cancel,.cot-confirm-ok{flex:1 1;padding:13px 16px}#pdf-content{padding:20px 16px}}@media print{.cot-pdf-actions,body>:not(.cot-overlay){display:none!important}.cot-overlay{background:#fff!important;position:static!important;display:block!important}.cot-pdf-modal{box-shadow:none!important;width:100%!important;max-height:none!important;border-radius:0!important}}