*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e0f;--surface: #141414;--surface2: #1a1a18;--border: #2a2a28;--border2: #3a3a38;--text: #e8e5de;--muted: #888780;--faint: #3a3a38;--amber: #d4914a;--amber-dim: rgba(212,145,74,.12);--amber-border: rgba(212,145,74,.35);--urgent: #e24b4a;--radius: 8px}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column}.acopio-header{background:#0e0e0ff7;border-bottom:.5px solid var(--border);padding:0 1.5rem;height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:1.5rem}.acopio-header-logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--text);text-decoration:none;flex-shrink:0}.acopio-header-logo span{color:var(--amber)}.acopio-header-title{flex:1;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.layout{display:grid;grid-template-columns:320px 1fr;flex:1;min-height:calc(100vh - 56px)}.panel{border-right:.5px solid var(--border);overflow-y:auto;max-height:calc(100vh - 56px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.section-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:6px}.field-label-row{display:flex;justify-content:space-between;align-items:center}.field-counter{font-size:10px;color:var(--faint);font-weight:400;transition:color .15s}.field-counter.warn{color:var(--amber)}.field-counter.full{color:var(--urgent);font-weight:600}.divider{height:.5px;background:var(--border)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--muted);font-weight:500}.field input,.field select,.field textarea{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:8px 11px;outline:none;transition:border-color .15s;width:100%;appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d4914a80}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888780' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.field select option{background:#141414}.field textarea{resize:vertical;min-height:52px}.suggestions-list{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:190px}.suggestion-item{padding:8px 12px;font-size:12px;color:var(--muted);cursor:pointer;border-bottom:.5px solid var(--border);transition:background .1s,color .1s;display:flex;align-items:center;gap:8px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--surface2);color:var(--text)}.suggestion-item.selected{background:var(--amber-dim);color:var(--amber);border-left:2px solid var(--amber);padding-left:10px}.suggestion-item:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-tab{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);color:var(--muted);font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:9px 8px;cursor:pointer;transition:all .15s;text-align:center;line-height:1.4}.mode-tab:hover{border-color:var(--border2);color:var(--text)}.mode-tab.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.counter{display:flex;align-items:center;gap:8px}.counter button{width:28px;height:28px;background:var(--surface2);border:.5px solid var(--border);border-radius:4px;color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;font-family:inherit}.counter button:hover{border-color:var(--border2);color:var(--text)}.counter input{width:56px;text-align:center}.pages-info{background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pages-info .pi-label{font-size:11px;color:var(--muted)}.pages-info .pi-val{font-size:13px;font-weight:600;color:var(--amber);font-family:Space Grotesk,sans-serif}.pages-info .pi-max{font-size:10px;color:var(--faint)}.limit-warn{font-size:11px;color:#e24b4a;margin-top:5px;display:none}.limit-notice{display:none;background:#d4914a14;border:.5px solid rgba(212,145,74,.3);border-radius:var(--radius);padding:10px 12px;gap:10px;align-items:flex-start;margin-top:2px}.limit-notice.visible{display:flex}.limit-notice-icon{font-size:14px;color:var(--amber);flex-shrink:0;margin-top:1px}.limit-notice-title{font-size:12px;font-weight:600;color:var(--amber);margin-bottom:3px}.limit-notice-body{font-size:11px;color:var(--muted);line-height:1.5}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1;accent-color:var(--amber);cursor:pointer}.slider-val{font-size:12px;color:var(--muted);min-width:28px;text-align:right}.swatches{display:flex;flex-wrap:wrap;gap:5px}.swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--text)}.bg-swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;border:1.5px solid transparent;transition:transform .1s;outline:.5px solid #555}.bg-swatch:hover{transform:scale(1.15)}.bg-swatch.active{border-color:var(--text)}.font-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.font-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:7px 8px;cursor:pointer;transition:all .15s;text-align:center}.font-card:hover{border-color:var(--border2)}.font-card.active{background:var(--amber-dim);border-color:var(--amber)}.font-card .sample{font-size:15px;font-weight:700;color:var(--text);line-height:1}.font-card .fname{font-size:9px;color:var(--muted);margin-top:3px}.upload-zone{border:.5px dashed var(--border2);border-radius:var(--radius);padding:12px;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s}.upload-zone:hover{border-color:var(--amber)}.upload-zone input{display:none}.btn-print{width:100%;background:var(--amber);color:#0e0e0f;border:none;border-radius:var(--radius);font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:11px;cursor:pointer;transition:background .15s,transform .1s}.btn-print:hover{background:#c27e38}.btn-print:active{transform:scale(.98)}.btn-sec{width:100%;background:transparent;color:var(--muted);border:.5px solid var(--border);border-radius:var(--radius);font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:8px;cursor:pointer;margin-top:6px;transition:all .12s}.btn-sec:hover{border-color:var(--border2);color:var(--text)}.preview-area{background:#111;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;overflow-y:auto;max-height:calc(100vh - 56px);gap:1.5rem}.preview-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:500;align-self:flex-start}.page-pill{font-size:10px;color:var(--muted);background:var(--surface2);border:.5px solid var(--border);border-radius:20px;padding:3px 10px;align-self:flex-start;margin-top:-8px}.sheet-wrap{background:#fff;filter:drop-shadow(0 4px 28px rgba(0,0,0,.55));flex-shrink:0}.sheet-wrap.carta{width:540px;height:698px}.sheet-wrap.oficio{width:540px;height:825px}.sheet-body{width:100%;height:100%;padding:20px 18px;display:flex;flex-direction:column}.label-strip{width:100%;display:flex;align-items:stretch;position:relative;border-bottom:1.5px dashed #c0c0c0;flex-shrink:0;overflow:hidden}.label-strip:first-child{border-top:1.5px dashed #c0c0c0}.label-inner{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 22px;overflow:hidden}.label-img-strip{flex-shrink:0;object-fit:contain;display:none}.label-texts{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;min-width:0}.label-main-text{font-weight:700;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-sub-text{line-height:1.3;opacity:.65;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-single-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;overflow:hidden}.label-single-main{font-weight:700;line-height:1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.label-single-sub{font-weight:400;line-height:1.4;opacity:.7;max-width:80%;word-break:break-word}@media(max-width:1023px){.layout{grid-template-columns:260px 1fr}.panel{max-height:calc(100vh - 56px)}}.mobile-tab-bar{display:none}@media(max-width:767px){.acopio-header-title{display:none}.mobile-tab-bar{display:flex;position:sticky;top:56px;z-index:90;background:var(--bg);border-bottom:.5px solid var(--border)}.mobile-tab{flex:1;padding:11px 8px;font-size:13px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-family:inherit;transition:color .15s}.mobile-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.layout{display:flex;flex-direction:column;min-height:auto}.panel{border-right:none;border-bottom:.5px solid var(--border);max-height:none;width:100%;overflow-y:visible}.panel.mobile-hidden,.preview-area.mobile-hidden{display:none!important}.preview-area{max-height:none;min-height:50vh;padding:1rem}.field input,.field select,.field textarea{font-size:16px;padding:10px 12px}.mode-tab{padding:12px 8px;font-size:13px;min-height:44px}.counter button{width:40px;height:40px;font-size:18px}.btn-print{padding:14px;font-size:14px}.btn-sec{padding:12px;font-size:13px}.swatch,.bg-swatch{width:30px;height:30px}.slider-row input[type=range]{height:20px}}.whatsapp-fab{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 16px #25d36673;transition:transform .2s,box-shadow .2s;text-decoration:none}.whatsapp-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36699}@media print{.acopio-header,.panel,.preview-label,.page-pill,.mobile-tab-bar,.whatsapp-fab{display:none!important}}