/* Remisiones iCenter - Form CSS v3.0.1 © iCenter Dev */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap');

/* ── iCenter RepairDesk v2.1 ── */
:root{
  --white:#fff;--bg:#f0f0f0;--surface:#f7f7f7;
  --border:#e2e2e2;--border2:#b8b8b8;
  --text:#111;--muted:#777;--light:#eaeaea;
  --accent:#2c2c2c;
  --btn-from:#2c2c2c;--btn-to:#111111;
  --success:#1a6e34;--warn:#8c4400;--danger:#b83232;
  --r:clamp(9px,2.2vw,13px);--rs:clamp(6px,1.6vw,9px);
  --p:clamp(14px,4vw,22px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{font-family:'Inter','Montserrat',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.icrd-app{width:100%;max-width:420px;background:var(--white);margin:0 auto;box-shadow:0 0 40px rgba(0,0,0,.12);}
@media(max-width:440px){.icrd-app{max-width:100%;box-shadow:none;}}

/* HEADER */
.hdr{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.hdr-top{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2.5vw,16px) var(--p) 10px;gap:8px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{width:clamp(34px,8.5vw,46px);height:clamp(34px,8.5vw,46px);object-fit:contain;background:transparent;flex-shrink:0;}
.brand-name{font-family:'Montserrat',sans-serif;font-size:clamp(13px,3.5vw,15px);font-weight:800;letter-spacing:-.3px;line-height:1.2;}
.brand-sub{font-family:'Inter',sans-serif;font-size:clamp(9px,2.2vw,10.5px);color:var(--muted);font-weight:500;letter-spacing:.4px;margin-top:2px;}
.ord-badge{font-family:'Inter',sans-serif;background:var(--light);border:1px solid var(--border);border-radius:20px;padding:4px clamp(9px,2vw,12px);font-size:clamp(9px,2.2vw,11px);color:var(--muted);font-weight:600;white-space:nowrap;flex-shrink:0;}
.owner{text-align:center;padding:7px var(--p);background:#f5f5f5;border-top:1px solid var(--border);}
.owner-name{font-family:'Montserrat',sans-serif;font-size:clamp(10px,2.4vw,11.5px);font-weight:800;margin-bottom:1px;}
.owner-detail{font-family:'Inter',sans-serif;font-size:clamp(8.5px,1.9vw,10px);color:var(--muted);font-weight:500;line-height:1.75;}
.owner-detail a{color:var(--text);font-weight:700;text-decoration:none;}
/* Progress */
.prog{padding:10px var(--p) 12px;}
.dots{display:flex;gap:5px;}
.dot{flex:1;height:2.5px;border-radius:2px;background:var(--border);transition:background .3s;}
.dot.active{background:#111;}.dot.done{background:#555;}
.step-lbl{font-family:'Inter',sans-serif;font-size:9.5px;color:var(--muted);margin-top:7px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;}

/* SCREENS */
.scr{display:none;animation:up .22s ease;}.scr.on{display:block;}
@keyframes up{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.body{padding:clamp(16px,4vw,24px) var(--p) clamp(82px,18vw,106px);}
.ttl{font-family:'Montserrat',sans-serif;font-size:clamp(17px,5vw,21px);font-weight:800;letter-spacing:-.4px;margin-bottom:3px;}
.sub{font-family:'Inter',sans-serif;font-size:clamp(10px,2.4vw,12px);color:var(--muted);font-weight:500;margin-bottom:clamp(16px,4vw,22px);line-height:1.55;}
.stag{font-family:'Inter',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin:16px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border);}

/* FIELDS */
.f{margin-bottom:clamp(10px,2.5vw,14px);}
.f label{font-family:'Inter',sans-serif;display:block;font-size:9.5px;font-weight:700;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.7px;}
.f label .r{color:#c00;}
.f input,.f textarea,.f select{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--rs);color:var(--text);font-family:'Inter',sans-serif;font-size:clamp(13px,3.5vw,15px);font-weight:500;padding:clamp(9px,2.4vw,12px) clamp(10px,2.5vw,14px);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;}
.f input:focus,.f textarea:focus,.f select:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06);}
.f input::placeholder,.f textarea::placeholder{color:#c0c0c0;font-weight:400;font-size:clamp(11.5px,3vw,13.5px);}
.f textarea{resize:none;min-height:clamp(68px,16vw,86px);line-height:1.6;}
.f input[type=text],.f input[type=tel],.f input[type=number],.f textarea{text-transform:uppercase;}
.f input[type=text]::placeholder,.f input[type=tel]::placeholder,.f textarea::placeholder{text-transform:none;}
.f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px;cursor:pointer;}

/* ── DEVICE GRID (S1 – paso único de selección) ── */
.dev-search{position:relative;margin-bottom:14px;}
.dev-search input{width:100%;padding:11px 14px 11px 38px;border:1.5px solid var(--border);border-radius:var(--rs);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:500;outline:none;background:#fff;transition:border-color .2s;}
.dev-search input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06);}
.dev-search .ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;}
.dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,11px);}
.dev-card{
  background:#fff;border:1.5px solid var(--border);border-radius:var(--r);
  padding:clamp(12px,3vw,16px) 6px clamp(10px,2.5vw,14px);
  text-align:center;cursor:pointer;transition:all .18s;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.dev-card:hover,.dev-card:active{border-color:#555;background:#f5f5f5;transform:scale(1.02);}
.dev-card.sel{border-color:#111;background:#111;}
.dev-logo{height:clamp(30px,7.5vw,42px);display:flex;align-items:center;justify-content:center;}
.dev-logo img{max-height:clamp(28px,7vw,38px);max-width:clamp(52px,13vw,70px);object-fit:contain;transition:filter .18s;}
.dev-logo .emoji{font-size:clamp(22px,6vw,30px);}
.dev-card.sel .dev-logo img{filter:brightness(0) invert(1);}
.dev-name{font-family:'Montserrat',sans-serif;font-size:clamp(9.5px,2.3vw,11px);font-weight:700;color:#111;line-height:1.2;text-align:center;}
.dev-sub{font-family:'Inter',sans-serif;font-size:clamp(8px,1.9vw,9.5px);color:var(--muted);font-weight:500;line-height:1.2;}
.dev-card.sel .dev-name{color:#fff!important;}.dev-card.sel .dev-sub{color:rgba(255,255,255,.6)!important;}
.dev-hidden{display:none!important;}

/* CONDITION */
.cond-row{display:flex;gap:7px;margin-bottom:6px;}
.cb{flex:1;padding:clamp(8px,2vw,10px) 4px;border-radius:var(--rs);background:#fff;border:1.5px solid var(--border);color:var(--muted);font-size:clamp(9.5px,2.3vw,11px);font-family:'Inter',sans-serif;font-weight:700;cursor:pointer;text-align:center;transition:all .2s;}
.cb.g.sel{border-color:#1a6e34;color:#1a6e34;background:#f0faf3;}
.cb.m.sel{border-color:#8c4400;color:#8c4400;background:#fff8f0;}
.cb.b.sel{border-color:#b83232;color:#b83232;background:#fef3f2;}
.cond-extra{display:none;margin-top:8px;margin-bottom:4px;}
.cond-extra-lbl{font-family:'Inter',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#8c4400;margin-bottom:5px;display:block;}
.cond-extra textarea{width:100%;background:#fff8f0;border:1.5px solid #dba84a;border-radius:var(--rs);font-family:'Inter',sans-serif;font-size:clamp(12px,3vw,14px);font-weight:500;padding:10px 13px;outline:none;resize:none;min-height:70px;line-height:1.6;color:#111;}
.cond-extra textarea:focus{border-color:#8c4400;}
.cond-extra textarea::placeholder{color:#c8a060;font-weight:400;}

/* ACCESSORIES */
.cg{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;}
.ci{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:var(--rs);padding:9px 11px;cursor:pointer;transition:all .15s;}
.ci.chk{border-color:#111;background:var(--light);}
.cbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:all .15s;}
.ci.chk .cbox{background:#111;border-color:#111;color:#fff;}
.ci span{font-family:'Inter',sans-serif;font-size:clamp(10.5px,2.6vw,12px);font-weight:600;line-height:1.3;}

/* PHOTO */
.photo-drop{border:1.5px dashed var(--border2);border-radius:var(--r);padding:clamp(20px,5vw,28px) var(--p);text-align:center;cursor:pointer;margin-bottom:13px;background:var(--surface);transition:all .2s;}
.photo-drop:hover{border-color:#111;background:#e8e8e8;}
.pdicon{font-size:26px;margin-bottom:7px;}.pdtitle{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;}
.pdsub{font-family:'Inter',sans-serif;font-size:11px;color:var(--muted);margin-top:3px;font-weight:500;}
.pdhint{font-family:'Inter',sans-serif;font-size:10px;color:#aaa;margin-top:5px;font-style:italic;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px;}
.pthumb{aspect-ratio:1;border-radius:var(--rs);background:var(--light);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:visible;cursor:pointer;color:var(--muted);position:relative;}
.pthumb.add{border-style:dashed;overflow:hidden;}
.pthumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--rs);display:block;}
.pthumb-del{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#e53e3e;border-radius:50%;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:10;border:2px solid #fff;transition:transform .15s,background .15s;}
.pthumb-del:hover{transform:scale(1.15);background:#c53030;}
.tip-box{font-family:'Inter',sans-serif;background:#fffdf0;border:1px solid #ddd060;border-radius:var(--rs);padding:11px 13px;font-size:10.5px;color:#7a5c00;line-height:1.6;font-weight:500;}

/* ORDER BOX */
.ob{background:#111;border-radius:var(--r);padding:clamp(12px,3.2vw,18px);text-align:center;margin-bottom:clamp(13px,3.3vw,18px);}
.ob-lbl{font-family:'Inter',sans-serif;font-size:9px;color:rgba(255,255,255,.4);font-weight:700;letter-spacing:1.3px;text-transform:uppercase;}
.ob-num{font-family:'Montserrat',sans-serif;font-size:clamp(22px,6vw,30px);font-weight:800;color:#fff;margin-top:4px;letter-spacing:3px;}

/* SUMMARY */
.scard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px;margin-bottom:9px;}
.scard-t{font-family:'Inter',sans-serif;font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px;}
.srow{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;align-items:flex-start;}
.srow .sk{font-family:'Inter',sans-serif;font-size:11.5px;color:var(--muted);font-weight:500;flex-shrink:0;}
.srow .sv{font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;text-align:right;max-width:60%;word-break:break-word;}

/* SIGNATURE */
.sig-wrap{border:1.5px solid var(--border);border-radius:var(--r);background:#fff;margin-bottom:9px;overflow:hidden;position:relative;}
.sig-hint{position:absolute;top:10px;left:13px;font-size:9.5px;color:#ccc;font-weight:600;text-transform:uppercase;letter-spacing:.7px;pointer-events:none;}
#sigCanvas{display:block;width:100%;height:clamp(130px,30vw,160px);cursor:crosshair;touch-action:none;}
.sig-clr{padding:7px 13px;border-radius:7px;background:var(--light);border:1.5px solid var(--border);color:var(--muted);font-size:11px;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;}

/* TERMS */
.terms-wrap{margin-bottom:13px;}
.terms-box{display:flex;align-items:flex-start;gap:13px;background:var(--surface);border:2px solid var(--border);border-radius:var(--rs);padding:14px 15px;cursor:pointer;transition:all .2s;margin-top:10px;}
.terms-box.ok{border-color:#16a34a;background:#f0fdf4;}
.terms-chk{
  width:24px!important;height:24px!important;border-radius:6px!important;
  border:2.5px solid #94a3b8!important;
  font-size:15px!important;font-weight:900!important;
  margin-top:1px;flex-shrink:0;
  transition:all .2s;
}
.terms-box.ok .terms-chk{
  background:#16a34a!important;border-color:#16a34a!important;
  color:#fff!important;box-shadow:0 2px 8px rgba(22,163,74,.35)!important;
}
.terms-txt{font-family:'Inter',sans-serif;font-size:11px;color:var(--muted);line-height:1.7;font-weight:500;}
.terms-txt a{color:#111;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.terms-txt strong{color:#c00;}
.pol-btn{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:'Inter',sans-serif;font-size:10.5px;font-weight:700;color:var(--muted);cursor:pointer;padding:0;margin-top:7px;}
.pol-arrow{transition:transform .3s;font-size:10px;display:inline-block;}
.pol-arrow.open{transform:rotate(180deg);}
.pol-panel{background:#fff;border:1px solid var(--border);border-radius:var(--rs);margin-top:8px;overflow:hidden;max-height:0;transition:max-height .4s ease;}
.pol-panel.open{max-height:700px;}
.pol-inner{padding:14px 15px;}
.pol-inner h4{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;margin-bottom:8px;}
.pol-lead{font-family:'Inter',sans-serif;font-size:10.5px;color:#555;margin-bottom:10px;line-height:1.6;font-weight:500;}
.pi-row{font-family:'Inter',sans-serif;display:flex;gap:8px;margin-bottom:7px;font-size:10.5px;color:#555;line-height:1.6;font-weight:500;}
.pi-row .ico{flex-shrink:0;font-size:12px;margin-top:1px;}
.pol-note{font-family:'Inter',sans-serif;font-size:9.5px;color:#aaa;margin-top:10px;line-height:1.5;}
.pol-note a{color:#111;font-weight:700;}
.err{font-family:'Inter',sans-serif;display:none;background:#fef2f2;border:1px solid #f5c0c0;border-radius:var(--rs);padding:10px 13px;font-size:11.5px;color:var(--danger);font-weight:700;margin-bottom:12px;}

/* SUCCESS */
.suc{padding:clamp(28px,7vw,42px) var(--p) clamp(50px,12vw,70px);text-align:center;}
.suc-icon{font-size:clamp(44px,11vw,58px);margin-bottom:14px;}
.suc-ttl{font-family:'Montserrat',sans-serif;font-size:clamp(18px,5vw,22px);font-weight:800;letter-spacing:-.4px;margin-bottom:7px;}
.suc-sub{font-family:'Inter',sans-serif;font-size:clamp(10.5px,2.6vw,13px);color:var(--muted);line-height:1.7;margin-bottom:clamp(15px,3.8vw,22px);font-weight:500;}


/* ── BUTTONS v2.1 — gris oscuro degradado + efecto dinámico ── */
.btn-next,
.frame .btn-next{
  flex:1;padding:clamp(11px,2.8vw,14px);border-radius:var(--r);
  background:
    linear-gradient(160deg,rgba(255,255,255,.13) 0%,transparent 55%),
    linear-gradient(160deg,#444 0%,#111 100%);
  border:none;color:#fff!important;font-size:clamp(12px,3vw,14px);
  cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;
  letter-spacing:.3px;position:relative;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);
  transition:background .2s,transform .15s,box-shadow .2s;
}
.btn-next:hover,
.frame .btn-next:hover{
  background:
    linear-gradient(160deg,rgba(255,255,255,.18) 0%,transparent 55%),
    linear-gradient(160deg,#666 0%,#2a2a2a 100%);
  color:#fff!important;
  box-shadow:0 7px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.15);
  transform:translateY(-1px);
}
.btn-next:active{
  background:
    linear-gradient(160deg,rgba(255,255,255,.08) 0%,transparent 55%),
    linear-gradient(160deg,#333 0%,#0a0a0a 100%);
  color:#fff!important;
  transform:translateY(0) scale(.98);
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.btn-next:disabled{
  background:#bbb!important;color:rgba(255,255,255,.6)!important;
  box-shadow:none;cursor:not-allowed;transform:none;
}
/* Ripple effect */
.btn-next .ripple{
  position:absolute;border-radius:50%;background:rgba(255,255,255,.25);
  transform:scale(0);animation:ripple .5s linear;pointer-events:none;
}
@keyframes ripple{to{transform:scale(4);opacity:0;}}

.btn-back{
  padding:clamp(11px,2.8vw,14px) clamp(14px,3.5vw,18px);border-radius:var(--r);
  background:#fff;border:1.5px solid var(--border);color:var(--muted);
  font-size:clamp(12px,3vw,14px);cursor:pointer;font-family:'Inter',sans-serif;
  font-weight:600;flex-shrink:0;transition:all .2s;
}
.btn-back:hover{border-color:#555;color:#333;}

.btn-print,
.frame .btn-print{
  width:100%;padding:clamp(11px,2.8vw,13px);border-radius:var(--r);
  background:
    linear-gradient(160deg,rgba(255,255,255,.12) 0%,transparent 55%),
    linear-gradient(160deg,#3a3a3a 0%,#111 100%);
  border:none;color:#fff!important;font-family:'Montserrat',sans-serif;
  font-size:clamp(12px,3vw,14px);font-weight:700;cursor:pointer;
  margin-bottom:9px;display:flex;align-items:center;justify-content:center;gap:7px;
  box-shadow:0 4px 14px rgba(0,0,0,.2);transition:all .2s;
}
.btn-print:hover,
.frame .btn-print:hover{background:linear-gradient(160deg,#4a4a4a,#222);transform:translateY(-1px);color:#fff!important;}
.btn-new{width:100%;padding:clamp(10px,2.6vw,13px);border-radius:var(--r);background:#fff;border:1.5px solid var(--border);color:#111;font-family:'Inter',sans-serif;font-size:clamp(12px,3vw,14px);font-weight:600;cursor:pointer;transition:all .2s;}
.btn-new:hover{border-color:#555;}

/* WA */
.wa-preview{font-family:'Inter',sans-serif;background:#e8ffd8;border-radius:12px 12px 12px 3px;padding:12px 15px;font-size:clamp(11px,2.7vw,13px);color:#111;line-height:1.6;font-weight:500;margin-bottom:14px;border:1px solid #b8eeaa;white-space:pre-wrap;word-break:break-word;}
.wa-btn{width:100%;padding:clamp(10px,2.5vw,13px);border-radius:var(--r);background:#25D366;border:none;color:#fff;font-family:'Montserrat',sans-serif;font-size:clamp(12px,3vw,14px);font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(37,211,102,.3);margin-bottom:9px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;}
.wa-btn:hover{background:#20c05e;transform:translateY(-1px);}
.wa-skip{width:100%;padding:10px;border-radius:var(--r);background:#fff;border:1.5px solid var(--border);color:var(--muted);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;}

/* OVERLAY / SHEET */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:500;align-items:flex-end;justify-content:center;}
.overlay.open{display:flex;}
.sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:520px;padding:clamp(18px,4vw,26px) var(--p) clamp(24px,5vw,36px);animation:sheetUp .25s ease;}
@keyframes sheetUp{from{transform:translateY(100%);}to{transform:none;}}
.sheet-title{font-family:'Montserrat',sans-serif;font-size:clamp(15px,4vw,18px);font-weight:800;letter-spacing:-.4px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;}
.sheet-close{background:var(--light);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}

/* NAV */
.nav{position:sticky;bottom:0;background:linear-gradient(to top,#fff 72%,transparent);padding:clamp(10px,2.5vw,13px) var(--p) clamp(14px,3.5vw,22px);display:flex;gap:9px;z-index:200;}

/* PRINT — ticket térmico 80mm */
#printLabelWrap{display:none;}
@media print{
  body *{visibility:hidden!important;}
  #printLabelWrap,#printLabelWrap *{visibility:visible!important;}
  #printLabelWrap{position:fixed!important;top:0!important;left:0!important;width:80mm!important;background:#fff!important;z-index:99999!important;display:block!important;}
  .label-page{width:72mm;padding:3mm;font-family:'Courier New',monospace;font-size:9pt;color:#000;line-height:1.5;background:#fff;}
  .label-page .center{text-align:center;}
  .label-page .bold{font-weight:700;}
  .label-page .big{font-size:16pt;font-weight:900;letter-spacing:3px;text-align:center;display:block;margin:1.5mm 0;}
  .label-page .div{border-top:1px dashed #000;margin:2mm 0;}
  .label-page .row{display:flex;justify-content:space-between;margin-bottom:.5mm;font-size:8.5pt;}
  .label-page .row .k{color:#444;flex-shrink:0;margin-right:2mm;}
  .label-page .row .v{font-weight:700;text-align:right;word-break:break-all;max-width:48mm;}
  .label-page .block{font-size:8.5pt;margin-bottom:1mm;line-height:1.4;}
  .label-page .block .lbl{font-size:8pt;color:#444;display:block;}
  .label-page .sig-wrap{border:1px solid #000;width:100%;height:14mm;margin:1.5mm 0;overflow:hidden;}
  .label-page .sig-wrap img{width:100%;height:100%;object-fit:contain;}
  .label-page .footer{font-size:8pt;text-align:center;color:#555;margin-top:2mm;line-height:1.5;}
  .label-page .terms{font-size:7.5pt;text-align:center;color:#555;margin-top:1.5mm;line-height:1.4;}
}
input[type="file"]{display:none;}

/* ── VALOR REVISIÓN ─────────────────────────────────── */
.valor-revision{
  background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);
  border-radius:var(--r);padding:14px 16px;margin-bottom:12px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.valor-revision .vr-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:rgba(255,255,255,.55);}
.valor-revision .vr-name{font-size:13px;font-weight:600;color:#fff;margin-top:2px;}
.valor-revision .vr-price{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;white-space:nowrap;}
.valor-revision .vr-note{font-size:9.5px;color:rgba(255,255,255,.45);margin-top:2px;text-align:right;}
/* Campo precio en datos del cliente */
.precio-field{
  background:#f0faf3;border:1.5px solid #b8e8c8;border-radius:var(--rs);
  padding:12px 14px;display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;gap:10px;
}
.precio-field .pf-label{font-size:10px;font-weight:700;color:#1a6e34;text-transform:uppercase;letter-spacing:.7px;}
.precio-field .pf-val{font-size:16px;font-weight:800;color:#1a6e34;}
.precio-field .pf-note{font-size:10px;color:#4a9e64;margin-top:1px;font-weight:500;}
/* Brand logo upload pill en ajustes */
.brand-logo-sel{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1.5px solid var(--border);
  border-radius:var(--rs);padding:10px 13px;cursor:pointer;
  transition:all .2s;margin-bottom:8px;
}
.brand-logo-sel:hover{border-color:#555;}
.brand-logo-sel img{height:22px;object-fit:contain;flex-shrink:0;}
.brand-logo-sel .bls-info{flex:1;}
.brand-logo-sel .bls-name{font-size:12px;font-weight:700;}
.brand-logo-sel .bls-url{font-size:10px;color:var(--muted);word-break:break-all;margin-top:1px;}
.brand-logo-sel .bls-edit{font-size:11px;color:var(--muted);flex-shrink:0;}


/* Brand-only grid — S2 (marca selection) — bigger cards */
.brand-only-grid{grid-template-columns:repeat(3,1fr)!important;gap:clamp(10px,2.5vw,14px)!important;}
.brand-card{padding:clamp(18px,4vw,26px) 8px clamp(16px,4vw,22px)!important;}
.brand-card .dev-logo{height:clamp(36px,9vw,52px)!important;}
.brand-card .dev-logo img{max-height:clamp(32px,8vw,46px)!important;max-width:clamp(64px,16vw,90px)!important;}
.brand-card .dev-name{font-size:clamp(11px,2.8vw,13px)!important;margin-top:4px!important;}
.brand-card .dev-sub{font-size:clamp(9px,2.2vw,11px)!important;}
@media(max-width:360px){.brand-only-grid{grid-template-columns:repeat(2,1fr)!important;}}