:root{--bg: #F4F1EA;--surface: #FFFFFF;--ink: #232323;--muted: #6b6560;--line: #232323;--gold: #A08A62;--beige: #E3D5BE;--sky: #B8CBDA;--green: #2a7a48;--green-strong: #1a5c32;--green-light: #d4edda;--blue: #1a56db;--blue-light: #dbeafe;--amber: #92530a;--amber-light: #fef3c7;--red: #b91c1c;--red-light: #fee2e2;--text: #232323;--surface2: #E3D5BE;--yellow: #A08A62;--border: #232323;--neo-shadow: 4px 4px 0 #232323;--neo-shadow-sm: 2px 2px 0 #232323;--neo-shadow-lg: 6px 6px 0 #232323;--neo-border: 2px solid #232323;--neo-radius: 4px;--font-display: "Lora", Georgia, serif;--font-body: "Poppins", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-family:var(--font-display);font-size:30px;line-height:1.1;letter-spacing:-.01em}h2{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em}h3{font-family:var(--font-display);font-size:17px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:#232323;color:#fff;padding:24px;display:flex;flex-direction:column;gap:20px;min-height:100vh;border-right:3px solid #232323}.sidebar-close{display:none}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup span{color:#888}.sidebar .brand-lockup span{color:#999}.sidebar .client-card span,.sidebar .client-card small,.sidebar .role-switcher span{color:#aaa}.brand-mark{width:44px;height:44px;border-radius:var(--neo-radius);display:grid;place-items:center;background:#e3d5be;color:#232323;font-weight:600;border:1px solid #A08A62;font-family:var(--font-display);font-size:15px;letter-spacing:.04em}.side-nav{display:grid;gap:18px}.nav-group{display:grid;gap:6px}.nav-group-title{color:#666;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 4px;font-family:var(--font-body)}.nav-item,.nav-link{text-align:left;color:#ccc;background:transparent;border:2px solid transparent;border-radius:var(--neo-radius);padding:10px 12px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .1s}.nav-item-icon{display:flex;align-items:center;flex-shrink:0;opacity:.7}.nav-item.active .nav-item-icon{opacity:1}.nav-item-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.nav-item span,.nav-link span{font-weight:700;font-size:13px;color:#fff}.nav-item small,.nav-link small{color:#888;font-size:11px}.nav-item:hover{background:#1a1a1a;border-color:#444}.nav-item.active{background:#a08a62;border-color:#a08a62;color:#fff;box-shadow:var(--neo-shadow-sm)}.nav-item.active span{color:#fff}.nav-item.active small{color:#ffffffb8}.nav-link{border:2px solid #333333;background:#111}.nav-link:hover{background:#222;border-color:#555}.client-card{display:grid;gap:5px;padding:14px;border:2px solid #333333;border-radius:var(--neo-radius);background:#111}.client-greeting{font-size:14px;font-weight:700;color:#fff!important}.client-rfc{font-size:11px;color:#888!important;letter-spacing:.03em}.sidebar-spacer{flex:1}.point-indicator{display:grid;gap:3px;padding:10px 14px;border:2px solid #333333;border-radius:var(--neo-radius);background:#111}.point-indicator-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#888}.point-indicator strong{font-size:13px;color:#fff}.role-switcher{display:grid;gap:8px}.role-switcher select{width:100%;background:#111;border:2px solid #333333;color:#fff;border-radius:var(--neo-radius);padding:8px 10px}main{padding:28px}.greeting-bar{display:flex;align-items:center;justify-content:space-between;background:#232323;color:#fff;padding:10px 28px;margin:-28px -28px 20px;border-bottom:3px solid #232323}.greeting-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.greeting-bar-hola{font-weight:800;font-size:15px;font-family:var(--font-display)}.greeting-bar-sep{color:#555}.greeting-bar-razon{font-size:13px;color:#ccc}.greeting-bar-rfc{font-size:12px;color:#999;background:#ffffff1a;padding:2px 8px;border-radius:2px}.greeting-bar-rfc--pending{opacity:.5}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.primary-button,.ghost-button,.icon-button{min-height:42px;border-radius:var(--neo-radius);padding:0 16px;font-weight:700;font-family:var(--font-body);transition:all .1s ease}.primary-button{border:2px solid #A08A62;background:#a08a62;color:#fff;box-shadow:var(--neo-shadow)}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow-lg)}.primary-button:active{transform:translate(2px,2px);box-shadow:var(--neo-shadow-sm)}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--neo-shadow)}.ghost-button{background:var(--surface);border:2px solid #232323;color:#232323;box-shadow:var(--neo-shadow-sm)}.ghost-button:hover{background:#232323;color:#fff;transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.ghost-button:active{transform:translate(1px,1px);box-shadow:none}.ghost-button.active{background:#232323;color:#fff}.icon-button{width:42px;padding:0;font-size:20px;background:var(--surface);border:2px solid #232323;color:#232323;box-shadow:var(--neo-shadow-sm)}.icon-button:hover{background:#232323;color:#fff}.text-button{width:max-content;min-height:30px;border:0;background:transparent;color:var(--green-strong);padding:0;font-weight:700;text-align:left}.text-button:hover{text-decoration:underline}.search-input,select{width:min(320px,45%);min-height:42px;border-radius:var(--neo-radius);border:2px solid #232323;background:#fff;padding:0 12px}select{width:100%}input,textarea{border-radius:var(--neo-radius);border:2px solid #232323;background:#fff;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{outline:none;box-shadow:3px 3px #232323}textarea{width:100%;min-height:92px;border-radius:var(--neo-radius);border:2px solid #000;padding:12px;resize:vertical}.file-input{width:100%;min-height:42px;border:2px dashed #000;border-radius:var(--neo-radius);background:#fbfcfb;padding:9px 12px}.proof-name{display:block;color:var(--green-strong);margin-top:8px;overflow-wrap:anywhere}.catalog-panel,.cart-panel,.orders-grid,.order-detail,.lane,.setup-panel,.evidence-panel,.promo-workflow,.discount-panel,.executive-hero,.executive-panel{background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow)}.catalog-panel,.cart-panel,.setup-panel{padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.panel-header.compact{align-items:flex-start}.notice{background:var(--green-light);border:2px solid var(--green-strong);color:#1a3d28;border-radius:var(--neo-radius);padding:14px 16px;margin-bottom:18px;font-weight:500}.integration-banner{display:flex;gap:8px;align-items:center;background:#fffde7;border:2px solid #000;border-radius:var(--neo-radius);padding:10px 12px;margin-bottom:16px}.login-error{background:var(--red-light);border:2px solid var(--red);color:var(--red);padding:10px 14px;border-radius:var(--neo-radius);font-size:13px}.auth-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow);padding:16px;margin-bottom:16px}.auth-panel p{color:var(--muted);margin-top:4px}.auth-panel form{display:flex;gap:10px;align-items:center}.auth-panel input{min-width:260px;min-height:42px}.auth-panel button:disabled{opacity:.68;cursor:wait}.ops-summary,.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.ops-summary article{display:grid;gap:6px;padding:16px;background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.ops-summary strong{font-size:28px;font-family:var(--font-display)}.ops-summary small{display:block;color:var(--muted);overflow-wrap:anywhere}.warehouse-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.warehouse-tab{border:2px solid #000;background:var(--surface);border-radius:var(--neo-radius);padding:8px 16px;font-weight:700;font-size:13px;box-shadow:var(--neo-shadow-sm);transition:all .1s}.warehouse-tab:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.warehouse-tab.active{background:#232323;color:#fff;box-shadow:none;transform:translate(1px,1px)}.warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.warehouse{min-height:118px;text-align:left;background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);padding:18px;display:grid;gap:5px;box-shadow:var(--neo-shadow-sm);transition:all .1s;cursor:pointer}.warehouse:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow)}.warehouse span,.warehouse small{color:var(--muted)}.warehouse strong{font-size:20px;font-family:var(--font-display)}.warehouse.active{border-color:var(--green-strong);background:var(--green-light);box-shadow:4px 4px 0 var(--green-strong)}.sucursal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:18px}.sucursal-card{text-align:left;background:var(--surface);border:2px solid #000;border-radius:var(--neo-radius);padding:16px;display:grid;gap:5px;box-shadow:var(--neo-shadow-sm);cursor:pointer;transition:all .1s}.sucursal-card:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow)}.sucursal-card span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sucursal-card strong{font-size:16px;line-height:1.2;font-family:var(--font-display)}.sucursal-card small{font-size:11px;color:var(--muted)}.sucursal-card.active{border-color:var(--green-strong);background:var(--green-light);box-shadow:4px 4px 0 var(--green-strong)}.sucursal-card.active strong{color:var(--green-strong)}.brand-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.brand-tab{border:2px solid #000;background:var(--surface);border-radius:var(--neo-radius);padding:7px 12px;font-weight:700;font-size:13px;box-shadow:var(--neo-shadow-sm);transition:all .1s}.brand-tab:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.brand-tab.active{background:#232323;color:#fff;box-shadow:none;transform:translate(1px,1px)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.product-list,.cart-items,.data-list{display:grid;gap:10px}.product-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;min-height:78px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);background:var(--surface);box-shadow:var(--neo-shadow-sm);transition:all .1s}.product-row:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow)}.product-thumb{width:56px;height:56px;border-radius:var(--neo-radius);display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden;flex-shrink:0;border:2px solid #000}.product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:2px}.product-meta{display:flex;flex-direction:column;gap:4px}.product-meta strong{font-size:13px;line-height:1.3;font-weight:700}.product-meta small{font-size:11px}.product-meta small,.cart-item small,.totals small,.ops-summary span,.ops-summary small,.data-row small{color:var(--muted)}.product-price{font-size:14px;font-weight:800;color:var(--green-strong);margin-top:4px;font-family:var(--font-display)}.product-actions{display:flex;align-items:center;gap:8px}.add-button{height:38px;min-width:42px;border:2px solid #A08A62;background:#a08a62;color:#fff;border-radius:var(--neo-radius);font-size:22px;box-shadow:var(--neo-shadow-sm);transition:all .1s}.add-button:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow);background:#232323;border-color:#232323;color:#fff}.qty-control{display:flex;align-items:center;gap:4px}.qty-btn{width:32px;height:32px;border-radius:var(--neo-radius);border:2px solid #000;background:var(--surface);font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.qty-btn:hover{background:#000;color:#fff}.qty-btn-add:hover{background:var(--green-strong);border-color:var(--green-strong);color:#fff}.qty-input{width:40px;height:32px;text-align:center;border:2px solid #000;border-radius:var(--neo-radius);font-size:14px;font-weight:700;color:var(--green-strong);background:#fff;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;box-shadow:2px 2px #000}.cart-panel{box-shadow:var(--neo-shadow)}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;border-bottom:2px solid #000;padding:12px 0}.cart-item:last-child{border-bottom:none}.cart-item.empty{grid-template-columns:1fr;color:var(--muted);text-align:center;padding:24px 0}.cart-item-info{display:grid;gap:3px;min-width:0}.cart-item-info strong{font-size:13px;overflow-wrap:anywhere;line-height:1.3;font-weight:700}.cart-item-info small{color:var(--muted);font-size:11px}.cart-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cart-item-subtotal{font-size:13px;font-weight:800;color:var(--green-strong);white-space:nowrap;font-family:var(--font-display)}.qty-control{display:flex;align-items:center;border:2px solid #000;border-radius:var(--neo-radius);overflow:hidden}.qty-control button{width:30px;height:30px;border:0;background:#f4f6f4;font-size:16px;font-weight:700;color:var(--green-strong)}.qty-control button:hover{background:#232323;color:#fff}.qty-control span{width:28px;text-align:center;font-size:13px;font-weight:700}.carts-summary{margin-top:16px;padding-top:14px;border-top:2px solid #333;display:grid;gap:8px}.carts-summary-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:2px solid #333333;border-radius:var(--neo-radius);background:#1a1a1a;cursor:pointer;text-align:left;width:100%;transition:all .1s}.cart-summary-row:hover{border-color:#a08a62}.cart-summary-row.current{border-color:#a08a62;background:#222}.cart-summary-row div{display:grid;gap:2px}.cart-summary-row strong{font-size:13px;color:#fff}.cart-summary-row small{color:#888;font-size:11px}.cart-summary-row>span{font-weight:700;color:#a08a62;white-space:nowrap}.carts-grand-total{display:flex;justify-content:space-between;padding:10px 12px;background:#a08a62;color:#fff;border-radius:var(--neo-radius);border:2px solid #A08A62;font-weight:800}.carts-grand-total strong{font-size:14px}.totals{display:grid;gap:6px;margin-top:16px;padding-top:16px;border-top:3px solid #000}.totals span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.totals strong{font-size:28px;font-weight:900;color:var(--green-strong);line-height:1;font-family:var(--font-display)}.totals small{font-size:11px;color:var(--muted);margin-top:2px}.status-pill{display:inline-flex;align-items:center;min-height:26px;border-radius:2px;padding:0 8px;color:#fff;background:#a08a62;font-size:12px;font-weight:700;border:2px solid #000;text-transform:uppercase;letter-spacing:.04em}.status-dot{width:10px;height:10px;border-radius:50%;border:2px solid #000}.status-dot.blue{background:#60a5fa}.status-dot.green{background:#4ade80}.status-dot.amber{background:#fbbf24}.empty-state{border:2px dashed #000;border-radius:var(--neo-radius);color:var(--muted);padding:24px;text-align:center}.orders-grid{padding:18px;display:grid;gap:10px}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.order-row{width:100%;min-height:72px;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;border:2px solid #000;border-radius:var(--neo-radius);padding:12px;background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--neo-shadow-sm);transition:all .1s}.order-row:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow)}.order-detail{padding:18px;display:grid;gap:14px}.detail-meta,.detail-section,.timeline{display:grid;gap:7px}.detail-meta span,.detail-section small{color:var(--muted);overflow-wrap:anywhere}.timeline{border-left:3px solid #000;padding-left:12px}.timeline span{position:relative;color:var(--ink);font-size:13px}.timeline span:before{content:"";position:absolute;left:-18px;top:7px;width:8px;height:8px;border-radius:50%;background:#a08a62;border:2px solid #000}.field-label{display:block;margin:18px 0 7px;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;color:var(--muted)}.ops-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:10px;margin-bottom:14px}.ops-toolbar .search-input{width:100%}.ops-table{display:grid;gap:8px;background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow);padding:14px;margin-bottom:14px}.table-head,.ops-row{display:grid;grid-template-columns:140px minmax(170px,1fr) minmax(170px,.9fr) minmax(220px,1.2fr) 120px;gap:12px;align-items:center}.table-head{min-height:34px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #000;padding-bottom:8px}.ops-row{min-height:78px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);background:var(--surface);box-shadow:var(--neo-shadow-sm);transition:all .1s}.ops-row:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.ops-row div{display:grid;gap:5px;min-width:0}.ops-row strong,.ops-row small{overflow-wrap:anywhere}.ops-row small{color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lane{min-height:360px;padding:14px}.lane-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.lane-title span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:var(--neo-radius);background:#a08a62;color:#fff;font-weight:800;font-size:13px;border:2px solid #000}.task{display:grid;gap:6px;padding:12px;border-radius:var(--neo-radius);border:2px solid #000;background:var(--surface);box-shadow:var(--neo-shadow-sm)}.task span{color:var(--muted)}.task+.task{margin-top:10px}.evidence-panel{margin-top:18px;padding:18px}.evidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:76px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.evidence-row div{display:grid;gap:4px}.evidence-row small{color:var(--muted);overflow-wrap:anywhere}.mini-upload{min-height:38px;display:inline-grid;place-items:center;border:2px solid #000;border-radius:var(--neo-radius);padding:0 12px;background:var(--surface);font-weight:700;cursor:pointer;box-shadow:var(--neo-shadow-sm)}.mini-upload input{display:none}.mini-upload:hover{background:#000;color:#fff}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.data-row span{color:var(--green-strong);font-weight:800;text-align:right}.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-card{background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow);min-height:360px;padding:18px;display:grid;gap:14px;align-content:start;transition:all .1s}.promo-card:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow-lg)}.promo-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.promo-card-header small,.promo-card p,.promo-meta span{color:var(--muted)}.promo-card p{line-height:1.45}.promo-meta{display:grid;gap:5px;padding-top:12px;border-top:2px solid #000}.promo-card .primary-button{width:100%;margin-top:auto}.promos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.promo-badge{display:inline-block;background:#a08a62;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:2px;border:2px solid #000;width:fit-content;font-family:var(--font-display)}.promo-card h3{font-size:15px;font-weight:700;margin:0;font-family:var(--font-display)}.promo-card p{font-size:13px;color:var(--muted);margin:0}.promo-condicion{font-size:12px;color:var(--muted);border-top:2px solid #000;padding-top:8px;margin-top:4px}.promo-workflow{margin-top:18px;padding:18px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-steps article,.discount-profile article{display:grid;gap:5px;padding:14px;border:2px solid #000;border-radius:var(--neo-radius);background:var(--surface);box-shadow:var(--neo-shadow-sm)}.workflow-steps small,.discount-profile span{color:var(--muted)}.discount-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.discount-panel{padding:18px}.discount-profile,.discount-list{display:grid;gap:10px}.discount-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:14px;align-items:center;min-height:72px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.discount-row div{display:grid;gap:5px;min-width:0}.discount-row small{color:var(--muted)}.discount-row span{color:var(--green-strong);font-weight:800;text-align:right;overflow-wrap:anywhere}.executive-hero{min-height:200px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:center;margin-bottom:18px;background:var(--surface)}.executive-hero h2{font-size:30px;line-height:1.1;max-width:760px}.executive-hero p{color:var(--muted);line-height:1.5;max-width:720px;margin-top:10px}.executive-score{min-height:150px;display:grid;gap:6px;align-content:center;padding:18px;border-radius:var(--neo-radius);background:#a08a62;color:#fff;border:3px solid #000;box-shadow:var(--neo-shadow)}.executive-score span,.executive-score small{color:#444}.executive-score strong{font-size:36px;font-family:var(--font-display)}.executive-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.executive-metrics article{display:grid;gap:6px;padding:16px;background:var(--surface);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.executive-metrics span,.executive-metrics small,.priority-row small,.ranking-row small{color:var(--muted)}.executive-metrics strong{font-size:30px;font-family:var(--font-display)}.executive-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}.executive-panel{padding:18px}.priority-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;min-height:76px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.priority-row>span{color:var(--green-strong);font-weight:800}.priority-row div,.ranking-row div{display:grid;gap:5px;min-width:0}.ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:76px;padding:12px;border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm)}.ranking-row>span{color:var(--green-strong);font-weight:800;text-align:right}.toast{position:fixed;right:24px;bottom:24px;background:#232323;color:#a08a62;padding:14px 20px;border-radius:var(--neo-radius);border:3px solid #000;box-shadow:6px 6px #0000004d;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;font-weight:700;font-family:var(--font-body)}.toast.show{opacity:1;transform:translateY(0)}.mobile-header{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:250;background:#0009}.sidebar-overlay.open{display:block}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;background:var(--surface);border:2px dashed #000;border-radius:var(--neo-radius)}.coming-soon-icon{font-size:40px}.coming-soon p{font-size:14px;color:var(--ink);margin:0;font-weight:500}.coming-soon small{font-size:12px;color:var(--muted)}.fulfillment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.fulfillment-grid label{display:grid;gap:7px;font-weight:700}.logout-btn{margin:8px 0 4px;padding:8px 12px;background:none;border:2px solid #333333;border-radius:var(--neo-radius);color:#888;font-size:12px;cursor:pointer;text-align:left;transition:all .15s;width:100%}.logout-btn:hover{border-color:#ff5252;color:#ff5252;background:#ff525214}.client-badge{padding:10px 0;display:flex;flex-direction:column;gap:3px}.client-badge strong{font-size:14px}.client-badge small{color:var(--muted);font-size:11px}.content-section{padding:4px 0 32px}.section-title{font-size:22px;font-family:var(--font-display);font-weight:900;margin:0 0 18px}.material-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:8px}.material-brand-card{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:3px solid var(--border);padding:16px 12px 12px;cursor:pointer;width:100%;transition:border-color .15s,box-shadow .15s;box-shadow:3px 3px #000}.material-brand-card:hover{border-color:var(--yellow);box-shadow:5px 5px #000;transform:translate(-2px,-2px)}.material-brand-logo-wrap{width:100%;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.material-brand-logo{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;display:block}.material-brand-icon{font-size:36px;height:80px;display:flex;align-items:center;justify-content:center}.material-brand-name{font-weight:700;font-size:13px;text-align:center;color:var(--text)}.material-brand-count{font-size:11px;color:var(--muted);margin-top:3px}.material-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #000;background:var(--surface);font-weight:700;font-size:13px;cursor:pointer;border-radius:4px;box-shadow:2px 2px #000;transition:transform .1s,box-shadow .1s;white-space:nowrap}.material-back-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.material-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.material-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #000;background:var(--surface);box-shadow:2px 2px #000;text-decoration:none;color:var(--ink);border-radius:4px;font-size:12px;font-weight:600;text-align:center;transition:transform .1s,box-shadow .1s}.material-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.material-card-icon{font-size:28px}.material-card-name{font-size:11px;color:var(--muted);word-break:break-word;line-height:1.3}.material-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.material-img-card{border:2px solid #000;background:none;padding:0;cursor:zoom-in;border-radius:4px;overflow:hidden;box-shadow:2px 2px #000;display:flex;flex-direction:column;transition:transform .1s,box-shadow .1s}.material-img-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.material-img-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.material-img-label{padding:5px 8px;font-size:10px;color:var(--muted);background:var(--surface);text-align:left;word-break:break-word;line-height:1.2;min-height:28px}.lightbox{position:fixed;inset:0;z-index:900;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}.lightbox-inner{display:flex;flex-direction:column;gap:0;max-width:90vw;max-height:90vh;cursor:default}.lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;display:block;border:3px solid #000;border-radius:4px}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#000;padding:10px 14px;border:3px solid #000;border-top:none;border-radius:0 0 4px 4px}.lightbox-footer span{font-size:12px;color:#ccc;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-dl{padding:6px 14px;background:var(--yellow);color:#000;border:2px solid #000;font-weight:700;font-size:12px;border-radius:3px;text-decoration:none;white-space:nowrap}.lightbox-close{background:none;border:2px solid #666;color:#ccc;width:32px;height:32px;font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lightbox-close:hover{background:#ffffff26}.tutoriales-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.tutorial-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:2px solid #000;background:var(--surface);box-shadow:2px 2px #000;border-radius:4px}.tutorial-info{display:flex;flex-direction:column;gap:3px;flex:1}.tutorial-marca{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.tutorial-item strong{font-size:14px;font-weight:700}.tutorial-btn{padding:8px 14px;background:#000;color:#fff;border:2px solid #000;font-weight:700;font-size:12px;border-radius:4px;text-decoration:none;white-space:nowrap;flex-shrink:0;box-shadow:2px 2px #0006}.tutorial-btn:hover{background:var(--yellow);color:#fff}.tutorial-pending{font-size:12px;color:var(--muted);background:var(--surface2);padding:6px 12px;border-radius:4px;border:1px solid var(--line);white-space:nowrap;flex-shrink:0}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-left{background:#232323;display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;overflow:hidden;border-right:4px solid #000}.login-left:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(160,138,98,.06) 40px,rgba(160,138,98,.06) 42px)}.login-left-content{position:relative;z-index:1}.login-left h1{font-size:42px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px;font-family:var(--font-display)}.login-left p{color:#888;font-size:15px;line-height:1.6;max-width:340px}.login-left-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}.login-brand-card{height:64px;border-radius:var(--neo-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #333333}.login-right{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:400px;background:var(--surface);border:3px solid #000;border-radius:var(--neo-radius);padding:40px;display:flex;flex-direction:column;gap:28px;box-shadow:var(--neo-shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong{display:block;font-size:15px;font-weight:800;font-family:var(--font-display)}.login-brand span{font-size:12px;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:18px}.login-form h2{font-size:22px;font-weight:800;margin-bottom:2px;font-family:var(--font-display)}.login-form p{color:var(--muted);font-size:13px;margin-bottom:4px}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.login-form input{padding:12px 14px;border:2px solid #000;border-radius:var(--neo-radius);background:#fafbfa;color:var(--ink);font-size:14px;outline:none}.login-form input:focus{box-shadow:3px 3px #000}.login-form .primary-button{padding:14px;font-size:15px;font-weight:700}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.loading-spinner{width:32px;height:32px;border:3px solid #000;border-top-color:#a08a62;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--muted);font-size:13px}@media(max-width:768px){.app-shell{grid-template-columns:1fr}main{padding:16px;padding-top:calc(72px + env(safe-area-inset-top))}.mobile-header{display:flex;align-items:flex-end;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:200;background:#232323;color:#fff;padding:0 16px 10px;padding-top:max(env(safe-area-inset-top),12px);min-height:calc(56px + env(safe-area-inset-top));border-bottom:3px solid #000}.mobile-header-brand{display:flex;align-items:center;gap:10px}.mobile-header-brand strong{font-size:14px;color:#fff;font-family:var(--font-display)}.hamburger{background:none;border:none;color:#fff;font-size:28px;padding:8px 10px;cursor:pointer;line-height:1;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;width:300px;min-height:100vh;height:100%;transform:translate(-100%);transition:transform .2s ease;padding:20px 16px;padding-top:max(20px,calc(env(safe-area-inset-top) + 10px));overflow-y:auto}.sidebar.open{transform:translate(0);box-shadow:6px 0 #000}.sidebar-close{display:flex;align-self:flex-end;background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:4px 8px;margin-bottom:4px}.content-grid,.orders-layout,.kanban,.ops-summary,.setup-grid,.sales-grid,.promo-workflow,.workflow-steps,.discount-layout,.executive-hero,.executive-metrics,.executive-layout{grid-template-columns:1fr}.warehouse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.warehouse{min-height:80px;padding:12px}.warehouse strong{font-size:15px}.warehouse small{display:none}.topbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.top-actions{flex-wrap:wrap}.top-actions .ghost-button:first-child{display:none}h1{font-size:22px}.content-grid .cart-panel{order:-1}.panel-header{flex-direction:column;align-items:stretch}.search-input{width:100%}.auth-panel{grid-template-columns:1fr}.auth-panel form{flex-direction:column}.auth-panel input{min-width:0;width:100%}.ops-toolbar{grid-template-columns:1fr}.table-head{display:none}.ops-row{grid-template-columns:1fr;align-items:start}.cart-item{grid-template-columns:1fr;justify-items:start}.discount-row,.evidence-row,.fulfillment-grid,.priority-row{grid-template-columns:1fr;align-items:start}.discount-row span,.ranking-row>span{text-align:left}.login-screen{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:24px}.hamburger,.sidebar-close{padding:10px 14px;min-width:44px;min-height:44px}.nav-item{padding:12px 14px}.qty-btn{width:44px;height:44px;font-size:20px}.qty-input{width:48px;height:44px;font-size:16px}.qty-control button{width:44px;height:44px;font-size:18px}.qty-control span{width:36px;font-size:15px;height:44px;line-height:44px}.brand-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.brand-tabs::-webkit-scrollbar{display:none}.greeting-bar{margin:0 -16px 16px;padding:10px 16px}.material-brand-grid{grid-template-columns:repeat(2,1fr);gap:10px}.material-brand-logo-wrap{height:64px}.material-brand-logo{max-height:64px}.material-brand-icon{height:64px;font-size:28px}.material-img-grid,.material-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tutorial-item{flex-direction:column;align-items:flex-start;gap:10px}.tutorial-btn,.tutorial-pending{align-self:flex-start}.flyer-options-grid{grid-template-columns:repeat(2,1fr)}.orders-back-btn{display:none!important}.orders-detail-col .orders-back-btn{display:flex!important}.toast{right:16px;left:16px;bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));text-align:center;font-size:13px}.login-form input{font-size:16px}.cart-submit-sticky{position:sticky;bottom:0;background:var(--bg);border-top:2px solid #000;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin:0 -1px;z-index:10}.cart-submit-sticky .primary-button{width:100%;padding:14px;font-size:15px}.orders-panel-grid{grid-template-columns:1fr!important}.orders-list-col{border-right:none!important}.orders-list-col.has-selection{display:none}.orders-detail-col{padding:12px!important}.orders-back-btn{display:flex}.orders-detail-col.no-selection{display:none}}@media(min-width:769px)and (max-width:1100px){.app-shell{grid-template-columns:240px 1fr}.content-grid{grid-template-columns:minmax(0,1fr) 320px}.ops-summary,.executive-metrics,.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}dialog.cotizacion-dialog{border:none;padding:0;background:transparent;max-width:700px;width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;outline:none}dialog.cotizacion-dialog::backdrop{background:#000000c7}.cotizacion-overlay{position:fixed;inset:0;z-index:400;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.cotizacion-modal{background:var(--surface);border:3px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-lg);width:100%;max-width:680px;display:flex;flex-direction:column;gap:0;overflow:hidden}.cotizacion-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:2px solid #000;background:#000;color:#fff}.cotizacion-header h2{font-family:var(--font-display);font-size:20px;margin:0;color:#a08a62}.cotizacion-header span{font-size:12px;color:#888}.cotizacion-section{padding:18px 20px;border-bottom:2px solid #000}.cotizacion-section h3{font-family:var(--font-display);font-size:14px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.cotizacion-table{width:100%;border-collapse:collapse;font-size:13px}.cotizacion-table thead tr{background:var(--surface2);border-bottom:2px solid #000}.cotizacion-table th{padding:7px 10px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cotizacion-table th:nth-child(3),.cotizacion-table th:nth-child(4),.cotizacion-table th:nth-child(5){text-align:right}.cotizacion-table td{padding:8px 10px;border-bottom:1px solid var(--surface2)}.cotizacion-table tbody tr:last-child td{border-bottom:none}.cotizacion-totals{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:2px solid #000}.cotizacion-totals div{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.cotizacion-totals .total-row{font-size:15px;font-weight:800;color:var(--ink);border-top:2px solid #000;padding-top:6px;margin-top:4px}.cotizacion-grand{padding:18px 20px;background:var(--surface2);border-top:3px solid #000;display:grid;gap:6px}.cotizacion-grand div{display:flex;justify-content:space-between;font-size:13px}.cotizacion-grand div span{color:var(--muted)}.cotizacion-grand .total-row{font-size:17px;font-weight:900;font-family:var(--font-display);border-top:2px solid #000;padding-top:10px;margin-top:4px}.cotizacion-grand .total-row span{color:var(--ink)}.product-zoom-backdrop{position:fixed;inset:0;z-index:400;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.product-zoom-modal{background:var(--surface);border:3px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-lg);max-width:480px;width:100%;position:relative;overflow:hidden}.product-zoom-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#000;color:#fff;border:2px solid #000;border-radius:var(--neo-radius);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.product-zoom-close:hover{background:var(--red)}.product-zoom-img{width:100%;display:block;max-height:360px;object-fit:contain}.product-zoom-placeholder{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:#000;color:#a08a62;font-family:var(--font-display);font-size:28px}.product-zoom-info{padding:16px 18px;border-top:2px solid #000;display:flex;flex-direction:column;gap:4px}.product-zoom-info strong{font-size:16px;font-weight:800;font-family:var(--font-display)}.product-zoom-info span{font-size:13px;color:var(--muted)}.confirm-panel{display:flex;flex-direction:column;gap:16px}.confirm-panel-title{font-size:16px;font-weight:900;font-family:var(--font-display);margin:0 0 4px}.confirm-panel-note{background:var(--amber-light);border:2px solid var(--amber);border-radius:var(--neo-radius);padding:12px 14px;font-size:13px}.confirm-item-card{border:2px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-sm);overflow:hidden;margin-bottom:4px}.confirm-item-original{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:var(--surface)}.confirm-item-thumb{width:44px;height:44px;border-radius:var(--neo-radius);border:2px solid #000;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;flex-shrink:0}.confirm-item-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;border:2px solid #000;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.confirm-item-badge.ok{background:#d4edda;color:#1a5c32;border-color:#1a5c32}.confirm-item-badge.qty{background:var(--amber-light);color:var(--amber);border-color:var(--amber)}.confirm-item-badge.nostock{background:var(--red-light);color:var(--red);border-color:var(--red)}.confirm-choice-section{background:var(--surface2);border-top:2px solid #000;padding:12px 14px}.confirm-choice-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.confirm-choice-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;border:2px solid #000;border-radius:var(--neo-radius);background:var(--surface);cursor:pointer;transition:all .1s;box-shadow:var(--neo-shadow-sm)}.confirm-choice-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.confirm-choice-btn.selected{background:#d4edda;border-color:var(--green-strong);box-shadow:2px 2px 0 var(--green-strong);transform:translate(1px,1px)}.confirm-choice-btn.selected-remove{background:var(--red-light);border-color:var(--red);box-shadow:2px 2px 0 var(--red);transform:translate(1px,1px)}.confirm-radio{width:18px;height:18px;border-radius:50%;border:2px solid #000;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff}.confirm-radio.on-green{background:var(--green-strong);border-color:var(--green-strong)}.confirm-radio.on-red{background:var(--red);border-color:var(--red)}.confirm-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff}.confirm-total-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:3px solid #000;flex-wrap:wrap;gap:8px}.confirm-total-amount{font-size:22px;font-weight:900;font-family:var(--font-display)}.confirm-pending-warn{font-size:12px;color:var(--red);font-weight:700;margin-top:4px}.order-list-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;border-bottom:2px solid #000;background:transparent;cursor:pointer;text-align:left;width:100%;transition:background .1s}.order-list-item:hover{background:var(--surface2)}.order-list-item.active{background:#a08a62}.order-list-item.active strong{color:#000}.order-list-item-action{font-size:10px;font-weight:800;padding:3px 7px;border:2px solid #000;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.order-list-item-action.amber{background:#a08a62;color:#fff}.order-list-item-action.green{background:#d4edda;color:var(--green-strong)}.flyer-container{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.flyer-form{display:flex;flex-direction:column;gap:16px}.flyer-field{display:flex;flex-direction:column;gap:6px}.flyer-field label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.flyer-optional{font-weight:400;text-transform:none;color:var(--muted)}.flyer-formats{display:flex;flex-direction:column;gap:6px}.flyer-format-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid #000;background:var(--surface);cursor:pointer;text-align:left;border-radius:4px;transition:background .1s,box-shadow .1s}.flyer-format-btn:hover{background:var(--surface2)}.flyer-format-btn.active{background:#a08a62;box-shadow:var(--neo-shadow-sm)}.flyer-format-btn .format-label{font-weight:700;font-size:13px;display:block}.flyer-format-btn .format-desc{font-size:11px;color:var(--muted);display:block}.flyer-generate-btn{padding:12px 20px;background:#000;color:#fff;border:2px solid #000;font-weight:800;font-size:14px;cursor:pointer;border-radius:4px;box-shadow:var(--neo-shadow-sm);transition:transform .1s,box-shadow .1s}.flyer-generate-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.flyer-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.flyer-preview{min-width:0}.flyer-result{display:flex;flex-direction:column;gap:12px}.flyer-result img{max-width:100%;max-height:72vh;width:auto;height:auto;display:block;border:2px solid #000;box-shadow:var(--neo-shadow);border-radius:4px;margin:0 auto}.flyer-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.flyer-option-thumb{border:2px solid #000;padding:0;cursor:pointer;border-radius:4px;overflow:hidden;background:none}.flyer-option-thumb.active{border-color:#a08a62;box-shadow:0 0 0 2px #000}.flyer-option-thumb img{width:100%;height:auto;display:block}.flyer-download-btn{padding:10px 16px;background:var(--green);color:#fff;border:2px solid #000;font-weight:700;font-size:13px;cursor:pointer;border-radius:4px;box-shadow:var(--neo-shadow-sm)}.flyer-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;border:2px solid #000;border-radius:4px;background:var(--surface2)}.flyer-spinner{width:36px;height:36px;border:3px solid #000;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.flyer-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px;border:2px dashed #000;border-radius:4px;color:var(--muted);text-align:center}.flyer-placeholder-icon{font-size:32px}.flyer-error{padding:10px 14px;background:var(--red-light);border:2px solid var(--red);border-radius:4px;font-size:13px;color:var(--red)}@media(max-width:768px){.flyer-container{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;z-index:500;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:3px solid #000;border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-lg);width:100%;overflow:hidden}.modal-body{padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:14px;font-weight:700;border:2px solid #000;border-radius:6px;cursor:pointer;transition:background .1s,box-shadow .1s,transform .1s;font-family:var(--font-body)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--surface2)}.btn-primary{background:var(--green);color:#fff;box-shadow:var(--neo-shadow-sm)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:var(--neo-shadow)}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#232323;border-top:3px solid #232323;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:#666;font-size:10px;font-weight:700;font-family:var(--font-body);cursor:pointer;min-height:56px;padding:8px 4px;transition:color .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:.03em}.bottom-nav-item:active{opacity:.6}.bottom-nav-item.active{color:#a08a62}.bottom-nav-item svg{flex-shrink:0}main{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}.toast{bottom:calc(68px + max(12px,env(safe-area-inset-bottom)))!important}}@keyframes promoGlow{0%,to{box-shadow:0 0 #a08a6299}50%{box-shadow:0 0 0 6px #a08a6200}}@keyframes promoIconBounce{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(1.15) rotate(6deg)}}.promo-reminder-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;margin:6px 0 8px;background:linear-gradient(135deg,#fffbf0,#fef3c7);border:2px solid #d97706;border-radius:8px;color:#92400e;font-size:12.5px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-align:left;animation:promoGlow 2s ease-in-out infinite;transition:background .15s}.promo-reminder-btn:hover{background:#fef3c7}.promo-pulse-icon{font-size:17px;display:inline-block;animation:promoIconBounce 2.2s ease-in-out infinite;flex-shrink:0}.usd-rate-info{display:flex;flex-direction:column;gap:2px;margin:4px 0 2px;padding:8px 10px;background:var(--blue-light);border-radius:6px;border:1px solid #bfdbfe}.usd-rate-line{font-size:11px;color:var(--blue);font-weight:600;text-transform:none;letter-spacing:0}.usd-rate-line strong{color:#1e3a8a}.usd-mxn-total{font-size:13px;font-weight:800;color:#1e3a8a;font-family:var(--font-display)}.shipping-detail-panel{display:grid;gap:8px;margin-top:10px;padding:12px;background:var(--bg);border:2px solid var(--line);border-radius:6px}.shipping-subtype-tabs{display:flex;gap:0;border:2px solid var(--line);border-radius:6px;overflow:hidden}.shipping-tab{flex:1;padding:7px 10px;font-size:12px;font-weight:700;font-family:var(--font-body);background:var(--surface);color:var(--muted);border:none;cursor:pointer;transition:background .12s,color .12s;text-transform:uppercase;letter-spacing:.04em}.shipping-tab+.shipping-tab{border-left:2px solid var(--line)}.shipping-tab.active{background:var(--ink);color:#fff}.shipping-field{width:100%;padding:8px 10px;border:2px solid var(--line);border-radius:4px;font-size:13px;font-family:var(--font-body);background:var(--surface);color:var(--ink)}.shipping-field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #a08a6226}.shipping-row-inline{display:flex;gap:6px}.shipping-row-inline .shipping-field{flex:1}.shipping-field--cp{flex:0 0 70px!important;width:70px!important;min-width:0}.order-tracker{display:flex;align-items:center;gap:0;padding:14px 0 18px;margin-bottom:16px;border-bottom:1px solid var(--line);overflow-x:auto}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;min-width:70px}.tracker-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--muted);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.tracker-step.done .tracker-dot{background:var(--green);border-color:var(--green);color:#fff}.tracker-step.active .tracker-dot{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 0 0 4px #20282526}.tracker-label{font-size:10px;font-weight:600;color:var(--muted);text-align:center;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tracker-step.done .tracker-label{color:var(--green)}.tracker-step.active .tracker-label{color:var(--ink)}.tracker-line{flex:1;height:2px;background:var(--line);margin-bottom:22px;min-width:20px;transition:background .2s}.tracker-line.done{background:var(--green)}.recibido-confirm-panel{background:#2028250a;border:1.5px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:16px}.recibido-confirm-panel h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--ink)}.recibido-confirm-panel p{margin:0 0 14px;font-size:13px;color:var(--muted)}.proof-upload-area{border:2px dashed var(--line);border-radius:8px;padding:18px;text-align:center;cursor:pointer;background:var(--bg);margin-bottom:12px;transition:border-color .15s}.proof-upload-area:hover{border-color:var(--gold)}.proof-upload-area.has-file{border-color:var(--green);border-style:solid;background:#4caf500d}.proof-upload-area input[type=file]{display:none}.proof-upload-icon{font-size:28px;margin-bottom:6px;display:block}.proof-upload-text{font-size:13px;color:var(--muted)}.proof-upload-text strong{color:var(--ink)}.guide-photo-box{margin-top:14px;border:1.5px solid var(--green);border-radius:8px;overflow:hidden}.guide-photo-box-header{background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px}.guide-photo-box img{width:100%;display:block;max-height:260px;object-fit:contain;background:#000}
