:root{--bg:#eef1f5;--dark:#0a1320;--panel:#fff;--line:#dfe5ec;--muted:#718096;--lime:#aef23b;--cyan:#37d6d0;--danger:#e5484d;--warning:#ffb020}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#172133}button,input,select{font:inherit}button{cursor:pointer}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#08111e;color:#fff;padding:22px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 25px}.brandLogo{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,var(--lime),var(--cyan));display:grid;place-items:center;color:#07111d;font-weight:900}.brandLogo.small{width:42px;height:42px}.brand small,.profile small{display:block;color:#8da0b7;font-size:.72rem}nav{display:grid;gap:6px}nav button{border:0;border-radius:12px;background:transparent;color:#91a3b8;padding:13px;text-align:left;font-weight:700}nav button.active,nav button:hover{background:#13243a;color:#fff}.profile{margin-top:auto;border-top:1px solid #1d2a3b;padding:18px 5px 0;display:grid;grid-template-columns:38px 1fr 30px;align-items:center}.avatar{width:36px;height:36px;border-radius:11px;background:#162b45;display:grid;place-items:center;color:var(--lime);font-weight:900}.profile button{border:0;background:transparent;color:#8da0b7}main{min-width:0}header{height:80px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:10}header h1{margin:2px 0 0;font-size:1.35rem}header small,.eyebrow{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#4d7180}.headerActions{margin-left:auto;display:flex;gap:10px;align-items:center}.balance{border:1px solid var(--line);padding:7px 12px;border-radius:12px}.balance span{display:block;font-size:.65rem;color:var(--muted)}#menu{display:none;border:0;background:none}#content{padding:25px;max-width:1500px;margin:auto}.btn{border:0;border-radius:11px;padding:10px 13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#07111d}.secondary{background:#edf2f7;color:#24364a}.danger{background:#ffe7e7;color:#a42126}.warning{background:#fff0cf;color:#8a5800}.wide{width:100%}.wa{background:#19a95b;color:#fff}.hero{background:linear-gradient(135deg,#0b1726,#183452);color:#fff;border-radius:24px;padding:30px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:2.4rem;margin:12px 0 6px}.hero p{color:#bdc9d5}.pill{background:#b0f33a22;border:1px solid #b0f33a55;color:var(--lime);padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:900}.heroCount{width:140px;height:140px;border-radius:50%;border:1px solid #ffffff33;display:grid;place-content:center;text-align:center}.heroCount b{font-size:2.5rem;color:var(--lime)}.heroCount span{font-size:.75rem}.filters{margin:18px 0;display:grid;gap:10px}.search{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;max-width:380px}.search input{border:0;outline:0;width:90%}.filterRow{display:flex;gap:7px;overflow:auto}.filterRow button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px}.filterRow button.on{background:#111c29;color:#fff}.giftGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.giftCard{min-height:440px;border-radius:28px;background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card) 74%,#000));color:var(--text);padding:28px 24px 22px;position:relative;box-shadow:0 18px 40px #16202d25;display:flex;flex-direction:column;overflow:hidden}.giftCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,#ffffff22,transparent 30%)}.giftHole{width:110px;height:30px;background:var(--bg);border-radius:0 0 20px 20px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.online{position:absolute;right:24px;top:24px;width:18px;height:18px;border-radius:50%;background:#16b65a;border:4px solid #fff;box-shadow:0 0 0 3px #ffffff44}.online.off{background:#a9adb3}.giftCenter{position:relative;z-index:1;margin:auto;text-align:center}.giftInitial{font-size:4.8rem;font-weight:950;letter-spacing:-.08em}.giftCenter h3{font-size:1.8rem;margin:12px 0 5px}.giftCenter p{margin:0;font-weight:800}.giftCenter small{display:block;margin-top:8px;opacity:.7}.giftBottom{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.giftBottom span{display:block;font-size:.68rem;opacity:.75}.giftBottom b{font-size:1.35rem}.stockBadge{grid-column:1/-1;border-radius:999px;background:#00000035;padding:12px;text-align:center;font-weight:900;font-size:.95em}.giftBottom button{grid-column:1/-1;border:0;border-radius:13px;background:#fff;color:#111827;padding:12px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel,.uploadBar,.inventoryGroup{background:#fff;border:1px solid var(--line);border-radius:18px}.stat{padding:20px}.stat span{display:block;color:var(--muted);font-size:.75rem}.stat b{font-size:1.7rem;display:block;margin-top:10px}.panel{overflow:hidden;margin-top:18px}.panelHead,.groupHead,.uploadBar{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panelHead p,.groupHead p,.uploadBar p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:13px 16px;border-top:1px solid var(--line);text-align:left;font-size:.8rem;vertical-align:top}th{color:var(--muted);font-size:.67rem;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.state{display:inline-block;background:#eef4f7;border-radius:999px;padding:6px 9px}.row,.groupActions{display:flex;gap:6px;flex-wrap:wrap}.stockGrid{padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.stockGrid div{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between}.uploadBar{margin-bottom:18px}.file input{display:none}.inventoryGroups{display:grid;gap:18px}.inventoryGroup{overflow:hidden}.bulkBar{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f8fafc}.bulkBar span{margin-right:auto;color:var(--muted)}tr.sold{opacity:.55}.positive{color:#12874b;font-weight:800}.negative{color:#c52a32;font-weight:800}.empty{text-align:center;padding:50px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modalBack{position:absolute;inset:0;background:#0009}.modalBox{position:relative;z-index:1;width:min(550px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px #0005}.modalBox h2{margin:8px 0}.modalBox>p{color:var(--muted)}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.8rem}.modalBox form{display:grid;gap:14px}.modalBox label{display:grid;gap:6px;font-size:.8rem;font-weight:800}.modalBox input,.modalBox select,.input,.select{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.form2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery{background:#f5f7fa;border-radius:14px;padding:15px;margin:15px 0}.toast{position:fixed;right:20px;bottom:20px;background:#111c29;color:#fff;padding:13px 16px;border-radius:12px;z-index:200}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#07111d}.loginHero{color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.loginHero h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:25px 0}.loginHero h1 em{color:var(--lime);font-style:normal}.loginHero p{color:#adbdcd;font-size:1.1rem}.loginSide{display:grid;place-items:center;padding:25px}.loginCard{background:#fff;border-radius:24px;padding:30px;width:min(430px,100%);display:grid;gap:14px}.loginCard label{display:grid;gap:6px;font-weight:800;font-size:.8rem}.loginCard input{padding:12px;border:1px solid var(--line);border-radius:11px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo button{border:1px solid var(--line);background:#f5f7fa;border-radius:10px;padding:9px}
@media(max-width:950px){.layout{grid-template-columns:1fr}aside{position:fixed;left:-255px;width:240px;z-index:30;transition:.2s}aside.open{left:0}#menu{display:block}.stats{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.loginHero{display:none}.loginSide{min-height:100vh}.giftGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){header{padding:12px 14px}.balance{display:none}#content{padding:15px}.hero{padding:22px}.heroCount{display:none}.hero h2{font-size:2rem}.giftGrid{grid-template-columns:1fr 1fr;gap:10px}.giftCard{min-height:330px;padding:22px 14px 14px;border-radius:20px}.giftHole{width:75px;height:22px}.giftInitial{font-size:3rem}.giftCenter h3{font-size:1.15rem}.giftBottom b{font-size:1rem}.stockBadge{padding:8px;font-size:.74rem}.stats{grid-template-columns:1fr 1fr;gap:8px}.form2{grid-template-columns:1fr}.panelHead,.groupHead,.uploadBar{align-items:flex-start;flex-direction:column}}

.giftCard.clickable{cursor:pointer;transition:.2s}.giftCard.clickable:hover{transform:translateY(-5px);box-shadow:0 25px 55px #16202d35}.tapHint{grid-column:1/-1;background:#fff;color:#172133;border-radius:12px;padding:11px;text-align:center;font-weight:900}.giftCenter img{max-width:170px;max-height:110px;object-fit:contain}.dataList{display:grid;gap:4px}.dataList span{font-size:.76rem}.dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.dates div{background:#f0f5f7;border-radius:13px;padding:12px}.dates span,.dates b{display:block}.dates span{font-size:.68rem;color:var(--muted)}.configGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:15px}.configCard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:115px 1fr;gap:15px}.miniGift{height:155px;border-radius:17px;background:var(--card);color:var(--text);display:grid;place-items:center;text-align:center;padding:10px}.miniGift b{font-size:2.2rem}.miniGift span{font-size:.75rem;font-weight:800}.miniGift img{max-width:90px;max-height:75px;object-fit:contain}.configInfo{display:flex;flex-direction:column;align-items:flex-start}.configInfo h3{margin:5px 0}.configInfo p,.configInfo small{color:var(--muted);font-size:.76rem}.configInfo .btn{margin-top:auto}.modalBox fieldset{border:1px solid var(--line);border-radius:13px;padding:13px}.modalBox legend{font-size:.78rem;font-weight:800}.fieldChecks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fieldChecks label{display:flex!important;align-items:center;gap:6px!important;margin:0!important;font-weight:600!important}
@media(max-width:620px){.configGrid{grid-template-columns:1fr}.fieldChecks{grid-template-columns:1fr 1fr}.configCard{grid-template-columns:95px 1fr}.miniGift{height:135px}}

.adminRecoveryLink{border:0;background:transparent;color:#485d78;font-weight:800;padding:4px;text-decoration:underline;text-underline-offset:3px}
.adminRecoveryOverlay{position:fixed;inset:0;z-index:10000;background:#08111ecc;display:grid;place-items:center;padding:18px}
.adminRecoveryCard{position:relative;width:min(480px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:24px;padding:30px;display:grid;gap:14px;box-shadow:0 30px 90px #0008}
.adminRecoveryCard h2{margin:0;font-size:1.7rem}.adminRecoveryCard p{margin:0;color:var(--muted);line-height:1.45}
.adminRecoveryCard label{display:grid;gap:6px;font-size:.8rem;font-weight:800}
.adminRecoveryCard input{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px}
.adminRecoveryClose{position:absolute;right:14px;top:12px;border:0;background:#edf2f7;border-radius:50%;width:38px;height:38px;font-size:1.5rem}

/* Gift cards v4: diseño limpio */
.giftCard{padding:34px 24px 24px;align-items:stretch}
.giftCard .online,.giftCard .stockBadge,.giftCard .tapHint,.giftCard .giftBottom{display:none!important}
.stockTop{position:relative;z-index:2;margin:7px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.78rem;font-weight:900}
.stockTop span{width:10px;height:10px;border-radius:50%;background:#18b75e;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.stockTop.low span{background:#ffb020}.stockTop.zero span{background:#a5aab2}
.giftCenter{margin:auto;display:grid;place-items:center}
.giftCenter h3{margin-top:16px}
.giftPrice{position:relative;z-index:2;text-align:center;font-size:1.65rem;font-weight:950;letter-spacing:-.03em;margin-top:auto;padding-top:20px}
.giftCard:not(.clickable){filter:saturate(.55);opacity:.72;cursor:not-allowed}

.imagePreview{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fafc;display:flex;align-items:center;gap:12px}
.imagePreview img{width:90px;height:70px;object-fit:contain;border-radius:10px;background:#fff}
.imagePreview span{font-size:.76rem;color:var(--muted);font-weight:800}
.giftCenter img{width:min(190px,75%);height:120px;object-fit:contain}

/* Panel desplazable */
.modalCard,.modal-content,.modalBox{
  max-height:90vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

#modalRoot>div{
  overflow-y:auto;
  max-height:100vh;
}

/* Gift card v6 */
.giftCard{
  min-height:360px;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  position:relative;
  overflow:hidden;
  padding:28px 22px 22px;
}
.stockTop{
  font-size:1.05rem;
  font-weight:950;
  margin:8px auto 0;
}
.stockTop span{width:12px;height:12px}
.giftLogoWrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:155px;
  width:100%;
}
.giftLogoWrap img{
  width:var(--img-size);
  max-width:none;
  height:145px;
  object-fit:contain;
  transform:translate(var(--img-x),var(--img-y));
  transition:.2s ease;
}
.giftLogoWrap .giftInitial{
  margin:0;
}
.giftName{
  text-align:center;
  align-self:end;
}
.giftName h3{margin:0 0 4px}
.giftFooter{
  text-align:center;
  margin-top:2px;
}
.giftDuration{
  font-size:.82rem;
  font-weight:850;
  opacity:.9;
  margin-bottom:2px;
}
.giftPrice{
  padding-top:0;
  margin-top:0;
  font-size:1.72rem;
}

/* Controles de imagen */
.imageControls{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f8fafc;
}
.imageControls label{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 12px;
  align-items:center;
}
.imageControls input[type=range]{
  grid-column:1/-1;
  width:100%;
}
.imageControls span{
  font-size:.76rem;
  font-weight:900;
  color:var(--muted);
}
.liveCardPreview{
  min-height:300px;
  border-radius:24px;
  padding:22px;
  color:var(--preview-text);
  background:var(--preview-card);
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  overflow:hidden;
}
.previewStock{text-align:center;font-size:1rem;font-weight:950}
.previewLogo{display:flex;align-items:center;justify-content:center;min-height:155px}
.previewLogo img{height:145px;object-fit:contain;transition:.15s ease}
.previewLogo div{font-size:3rem;font-weight:950}
.previewDuration{text-align:center;font-size:.82rem;font-weight:850;margin-bottom:2px}
.previewPrice{text-align:center;font-size:1.65rem;font-weight:950}

:root{
  --neo-bg:#070b14;
  --neo-panel:#0d131f;
  --neo-panel-2:#111927;
  --neo-line:#202b3c;
  --neo-text:#f8fafc;
  --neo-muted:#95a2b8;
  --neo-purple:#7c3aed;
  --neo-green:#22c55e;
}
body{font-family:Inter,system-ui,sans-serif}
.neoPage,.builderPage{background:radial-gradient(circle at top,#111827 0,#070b14 44%);min-height:100%;padding:28px;color:var(--neo-text)}
.catalogHeader{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}
.neoEyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#9f7aea}
.catalogHeader h1,.builderIntro h1{font-size:1.8rem;margin:6px 0}
.catalogHeader p,.builderIntro p{margin:0;color:var(--neo-muted)}
.catalogTools{display:flex;gap:12px;align-items:center}
.neoSearch{display:flex;align-items:center;gap:10px;background:#0f1724;border:1px solid var(--neo-line);border-radius:14px;padding:0 14px;width:360px}
.neoSearch input{border:0;background:transparent;color:#fff;width:100%;padding:13px 0;outline:0}
.viewSwitch{display:flex;background:#0f1724;border:1px solid var(--neo-line);padding:4px;border-radius:12px}
.viewSwitch button{background:transparent;color:#8793a8;border:0;padding:8px 10px;border-radius:8px}
.viewSwitch button.active{background:#5b21b6;color:#fff}
.neoLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}
.catalogMain{min-width:0}
.categoryTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.categoryTabs button{background:#111827;color:#cbd5e1;border:1px solid #1f2937;border-radius:10px;padding:10px 16px;font-weight:700}
.categoryTabs button.active{background:linear-gradient(135deg,#6d28d9,#4c1d95);color:#fff;border-color:#8b5cf6}
.neoGiftGrid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px}
.neoGiftCard{
  --card:#5b21b6;--text:#fff;
  position:relative;min-height:320px;border-radius:18px;padding:18px;
  color:var(--text);background:linear-gradient(155deg,color-mix(in srgb,var(--card) 92%,white 8%),#05070d 85%);
  border:1px solid color-mix(in srgb,var(--card) 70%,white 12%);
  display:grid;grid-template-rows:auto auto 1fr auto auto auto;overflow:hidden;
  box-shadow:0 18px 38px rgba(0,0,0,.28);cursor:pointer;transition:.2s ease;
}
.neoGiftCard:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.38)}
.neoGiftCard.selected{outline:3px solid #a78bfa}
.neoGiftCard.disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5)}
.neoCardGlow{position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--card) 70%,white 15%),transparent 65%);opacity:.45}
.neoCardTop{display:flex;justify-content:center;position:relative}
.hanger{width:66px;height:14px;background:#03050a;border-radius:99px;position:relative}
.hanger:before{content:"";position:absolute;left:25px;top:-9px;width:16px;height:11px;background:#03050a;border-radius:8px 8px 0 0}
.stockDot{position:absolute;right:2px;top:-2px;width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.08)}
.stockDot.good{background:#22c55e;box-shadow:0 0 14px #22c55e}.stockDot.low{background:#facc15}.stockDot.zero{background:#64748b}
.neoStock{text-align:center;z-index:1;margin-top:10px}.neoStock strong{display:block;font-size:1.9rem;line-height:1}.neoStock span{font-size:.68rem;font-weight:900}
.neoLogo{display:flex;align-items:center;justify-content:center;min-height:120px;z-index:1}
.neoLogo img{width:var(--img-size);height:120px;object-fit:contain;transform:translate(var(--img-x),var(--img-y))}
.neoInitial{font-size:3.3rem;font-weight:950}
.neoCardName{text-align:center;z-index:1}.neoCardName h3{margin:0;font-size:1.15rem}.neoCardName p{margin:2px 0 0;opacity:.88}
.neoDuration{text-align:center;font-size:.78rem;font-weight:800;margin-top:6px;z-index:1}
.neoPrice{text-align:center;font-size:1.4rem;font-weight:950;border-top:1px dashed rgba(255,255,255,.22);padding-top:12px;margin-top:8px;z-index:1}
.catalogNotice{margin-top:14px;background:#111a33;border:1px solid #26345f;color:#b7c3e0;padding:12px 14px;border-radius:12px;font-size:.82rem}
.quickSalePanel{background:linear-gradient(180deg,#0f1724,#0a1019);border:1px solid var(--neo-line);border-radius:18px;padding:18px;position:sticky;top:16px;height:max-content}
.quickTitle{display:flex;gap:12px;align-items:center}.quickTitle>span{font-size:1.6rem;color:#a855f7}.quickTitle h2{margin:0;font-size:1.15rem}.quickTitle p{margin:3px 0 0;color:var(--neo-muted)}
.selectedService{margin:18px 0;background:#141c2a;border:1px solid #2a3850;border-radius:12px;padding:14px;display:grid;gap:3px}.selectedService.empty{color:#7f8ba0}.selectedService strong{font-size:1rem}.selectedService span,.selectedService small{color:#a7b2c4}
.quickSalePanel form{display:grid;gap:12px}.quickSalePanel label{display:grid;gap:6px;font-size:.82rem;font-weight:700}.quickSalePanel label b{color:#fb7185}.quickSalePanel input{background:#111827;border:1px solid #2b3647;color:#fff;border-radius:10px;padding:12px}
.neoPrimary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:0;border-radius:10px;padding:13px;font-weight:900}.neoPrimary:disabled{opacity:.35}
.neoSecondary{background:#182131;color:#dbe4f2;border:1px solid #2d3a50;border-radius:10px;padding:13px;font-weight:800}
.saleSummary{border-top:1px solid #263247;margin-top:18px;padding-top:16px}.saleSummary h3{font-size:.9rem}.saleSummary p{display:flex;justify-content:space-between;color:#aeb9ca;font-size:.8rem}.saleSummary b{color:#fff}
.autoSaleInfo{margin-top:16px;padding:14px;border:1px solid #4b3a16;background:#1a1508;border-radius:12px;display:grid;gap:8px;font-size:.78rem}.autoSaleInfo strong{color:#fbbf24}.autoSaleInfo span{color:#cbd5e1}
.neoStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.neoStats article{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:14px}.neoStats span,.neoStats small{display:block;color:#94a3b8;font-size:.74rem}.neoStats strong{display:block;font-size:1.35rem;margin:6px 0;color:#fff}
.builderIntro{margin-bottom:18px}
.builderGrid{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);gap:24px}
.previewPanel,.settingsPanel{background:#0d131f;border:1px solid var(--neo-line);border-radius:22px;padding:24px}
.panelHeading h2{margin:0;font-size:1.15rem}.panelHeading p{margin:5px 0 18px;color:var(--neo-muted);font-size:.78rem;text-transform:uppercase;font-weight:800}
.builderPreviewHost{min-height:620px;border-radius:20px;background:linear-gradient(180deg,#f8fafc,#e5e7eb);display:flex;align-items:center;justify-content:center;padding:30px}
.builderCard{width:300px;min-height:390px}
.settingsPanel{max-height:82vh;overflow-y:auto}
.settingsPanel select,.builderForm input{width:100%;box-sizing:border-box}
.settingsPanel select{background:#111827;color:#fff;border:1px solid #2b3647;border-radius:10px;padding:12px;margin-bottom:16px}
.builderForm{display:grid;gap:18px}
.fieldGroup,.fieldGrid2{display:grid;gap:12px}.fieldGrid2{grid-template-columns:1fr 1fr}
.builderForm label{display:grid;gap:6px;font-size:.75rem;font-weight:800;color:#b5c0d1}
.builderForm input{background:#111827;border:1px solid #2b3647;color:#fff;border-radius:10px;padding:12px}
.uploadZone{border:1px dashed #41516a;background:#101827;border-radius:14px;padding:16px;display:grid;gap:8px}.uploadZone small{color:#7f8ba0}
.sizeOptions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sizeOptions button{background:#111827;color:#cbd5e1;border:1px solid #2b3647;border-radius:12px;padding:12px;font-size:.72rem;font-weight:900}.sizeOptions button.active{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.25)}.sizeOptions small{display:block;margin-top:5px;color:#7f8ba0}
.rangeGroup{display:grid;gap:14px}.rangeGroup label{grid-template-columns:1fr auto}.rangeGroup input{grid-column:1/-1;padding:0}
.deliveryFields{border:1px solid #2b3647;border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.deliveryFields legend{padding:0 8px;color:#d8e1ee;font-weight:900;font-size:.78rem}.deliveryFields label{display:flex;align-items:center;gap:8px}.deliveryFields input{width:auto}
.builderActions{display:flex;gap:10px;position:sticky;bottom:0;background:#0d131f;padding-top:12px}
@media(max-width:1200px){.neoGiftGrid{grid-template-columns:repeat(3,1fr)}.neoLayout{grid-template-columns:1fr}.quickSalePanel{position:relative;top:0}.builderGrid{grid-template-columns:1fr}}
@media(max-width:760px){.neoPage,.builderPage{padding:14px}.catalogHeader{display:grid}.neoSearch{width:100%}.neoGiftGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.neoGiftCard{min-height:290px;padding:14px}.neoStats{grid-template-columns:1fr 1fr}.builderPreviewHost{min-height:440px}.fieldGrid2{grid-template-columns:1fr}.sizeOptions{grid-template-columns:1fr 1fr}}

.loadError{margin:40px;background:#fff;border:1px solid #dbe3ee;border-radius:18px;padding:28px;max-width:620px;box-shadow:0 15px 40px rgba(15,23,42,.08)}
.loadError h2{margin:0 0 8px;color:#0f172a}.loadError p{color:#64748b}

/* ===== MoviePlay v8 - interfaz basada en el video de referencia ===== */
:root{--ref-dark:#17191d;--ref-sidebar:#1d1f22;--ref-bg:#f3f4f6;--ref-card:#fff;--ref-line:#e5e7eb;--ref-muted:#94a3b8}
body{font-family:Inter,Arial,sans-serif;background:var(--ref-bg);color:#111827}
.refApp{min-height:100vh;background:var(--ref-bg)}
.announcementBar{height:32px;background:#17191d;color:#cbd5e1;font-size:.66rem;font-weight:900;letter-spacing:.15em;display:flex;align-items:center;white-space:nowrap;overflow:hidden;padding:0 24px}
.refLayout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 32px)}
.refSidebar{background:#1d1f22;color:#fff;padding:24px 12px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 32px);box-sizing:border-box}
.refLogoWrap{display:flex;gap:12px;align-items:center;padding:8px 14px 26px}.refLogoWrap .brandLogo{width:54px;height:54px}.refLogoWrap b{display:block}.refLogoWrap small{color:#8ca0ba}
.refSidebar nav{display:grid;gap:7px;overflow-y:auto}.refSidebar nav button{border:0;background:transparent;color:#aeb8c8;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:750}.refSidebar nav button:hover,.refSidebar nav button.active{background:#303236;color:#fff}.navIcon{width:24px;text-align:center;font-size:1rem}
.refSidebar .profile{margin-top:auto;border-top:1px solid #30343a;padding-top:16px}
.refMain{min-width:0;background:var(--ref-bg)}
.refHeader{height:84px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.refHeader #menu{display:none}.refHeader small{font-size:.69rem;color:#3f657a;letter-spacing:.12em;font-weight:900}.refHeader h1{font-size:1.55rem;margin:4px 0 0}.refHeader .headerActions{margin-left:auto}
.refContent{padding:24px;min-height:calc(100vh - 116px)}
.referenceCatalog{max-width:1320px;margin:auto}
.catalogTopTabs{display:flex;gap:25px;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding:0 8px}.catalogTopTabs button{background:transparent;border:0;padding:14px 2px;color:#667085;font-size:.71rem;font-weight:900;letter-spacing:.04em;border-bottom:3px solid transparent}.catalogTopTabs button.active{color:#111827;border-color:#111827}
.catalogUtility{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.lightSearch{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;min-width:300px}.lightSearch input{border:0;outline:0;padding:11px 0;width:100%;background:transparent}.catalogUtility select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 12px;color:#475569}
.referenceGrid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:20px}
.referenceGift{position:relative;min-height:270px;border-radius:11px;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 92%,white 8%),#080808 92%);color:var(--text);padding:18px 14px 14px;display:grid;grid-template-rows:auto 1fr auto auto auto;overflow:hidden;box-shadow:0 7px 20px rgba(15,23,42,.15);cursor:pointer;transition:.18s ease;border:1px solid rgba(15,23,42,.13)}
.referenceGift:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,.22)}.referenceGift.disabled{opacity:.55;cursor:not-allowed}
.cardHanger{width:58px;height:12px;border-radius:99px;background:#fff;margin:auto;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.2)}.cardHanger:before{content:"";position:absolute;left:22px;top:-8px;width:15px;height:10px;background:#fff;border-radius:9px 9px 0 0}
.cardStockDot{position:absolute;right:13px;top:13px;width:10px;height:10px;border-radius:50%}.cardStockDot.good{background:#22c55e;box-shadow:0 0 8px #22c55e}.cardStockDot.low{background:#facc15}.cardStockDot.zero{background:#94a3b8}
.cardImage{display:flex;align-items:center;justify-content:center;min-height:145px}.cardImage img{width:var(--img-size);height:130px;object-fit:contain;transform:translate(var(--img-x),var(--img-y))}.cardInitial{font-size:3rem;font-weight:950}
.cardStock{text-align:center;font-weight:900;font-size:.77rem;margin-top:4px}.cardDuration{text-align:center;font-size:.7rem;opacity:.9;margin-top:3px}.cardPrice{text-align:center;font-size:1.14rem;font-weight:950;margin-top:5px}
.panel,.uploadBar,.inventoryGroup,.stats .stat{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 7px 18px rgba(15,23,42,.05)!important}
.builderPage,.neoPage{background:transparent!important;color:#111827!important;padding:0!important}
.previewPanel,.settingsPanel{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}.builderPreviewHost{background:#f8fafc!important}.settingsPanel{max-height:calc(100vh - 155px)!important}.settingsPanel select,.builderForm input{background:#fff!important;color:#111827!important;border-color:#dbe2ea!important}
.sizeOptions button{background:#fff!important;color:#526076!important;border-color:#dbe2ea!important}.deliveryFields{border-color:#dbe2ea!important}.builderActions{background:#fff!important}
.refLogin{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh;background:linear-gradient(135deg,#eff9ff,#f4efff)}
.refLoginHero{display:flex;align-items:center;padding:9vw}.heroCopy{max-width:550px}.heroCopy h1{font-size:3.2rem;line-height:1.05;margin:14px 0}.heroCopy p{font-size:1.05rem;color:#526076;max-width:480px}.platformBubbles{display:flex;gap:12px;margin-top:30px}.platformBubbles span{width:42px;height:42px;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.1);display:grid;place-items:center;font-weight:900}
.refLoginPanel{display:flex;align-items:center;justify-content:center;padding:35px}.refLoginCard{width:min(400px,100%);background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:28px;box-shadow:0 25px 70px rgba(76,29,149,.15);display:grid;gap:15px}.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.loginBrand small{display:block;color:#64748b}.refLoginCard label{display:grid;gap:7px;font-size:.78rem;font-weight:800}.refLoginCard input{border:1px solid #d8dee8;border-radius:9px;padding:12px}.refLoginButton{background:#18181b;color:#fff;border:0;border-radius:9px;padding:13px;font-weight:900}
@media(max-width:1250px){.referenceGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.refLayout{grid-template-columns:1fr}.refSidebar{position:fixed;left:-270px;z-index:80;width:250px}.refSidebar.open{left:0}.refHeader #menu{display:block;margin-right:15px}.referenceGrid{grid-template-columns:repeat(3,1fr)}.refLogin{grid-template-columns:1fr}.refLoginHero{display:none}}
@media(max-width:650px){.refContent{padding:14px}.referenceGrid{grid-template-columns:repeat(2,minmax(145px,1fr));gap:12px}.referenceGift{min-height:245px}.catalogUtility{display:grid}.lightSearch{min-width:0}.catalogTopTabs{overflow-x:auto}.builderGrid{grid-template-columns:1fr!important}}

/* ===== MoviePlay v9: tarjetas más grandes y constructor en vivo ===== */

.referenceCatalog{
  max-width:1480px;
  margin:0 auto;
  padding:0 8px 28px;
}

.referenceGrid{
  grid-template-columns:repeat(4,minmax(230px,1fr)) !important;
  gap:28px !important;
  align-items:stretch;
  justify-content:center;
  padding:4px 8px 20px;
}

.referenceGift{
  min-height:360px !important;
  border-radius:16px !important;
  padding:22px 20px 20px !important;
  grid-template-rows:auto auto 1fr auto auto !important;
  box-sizing:border-box;
}

.cardStock{
  text-align:center;
  font-size:1.35rem !important;
  line-height:1;
  font-weight:950 !important;
  margin:12px 0 6px !important;
  letter-spacing:-.02em;
}

.cardImage{
  min-height:190px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.cardImage img{
  width:var(--img-size) !important;
  max-width:none !important;
  height:175px !important;
  object-fit:contain !important;
  transform:translate(var(--img-x),var(--img-y)) !important;
  transition:width .18s ease,transform .18s ease !important;
  will-change:width,transform;
}

.cardDuration{
  text-align:center;
  font-size:.82rem !important;
  font-weight:850;
  margin-top:8px !important;
  opacity:.92;
}

.cardPrice{
  text-align:center;
  font-size:1.35rem !important;
  font-weight:950 !important;
  margin-top:4px !important;
}

.builderPreviewHost{
  min-height:650px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:38px !important;
  overflow:hidden;
}

.builderCardPreview{
  width:min(360px,100%) !important;
  min-height:470px !important;
  margin:auto;
}

.builderCardPreview .cardImage{
  min-height:245px !important;
}

.builderCardPreview .cardImage img{
  height:220px !important;
}

.rangeGroup input[type=range]{
  cursor:pointer;
}

@media(max-width:1280px){
  .referenceGrid{
    grid-template-columns:repeat(4,minmax(200px,1fr)) !important;
    gap:22px !important;
  }
}

@media(max-width:1050px){
  .referenceGrid{
    grid-template-columns:repeat(3,minmax(210px,1fr)) !important;
  }
}

@media(max-width:760px){
  .referenceGrid{
    grid-template-columns:repeat(2,minmax(150px,1fr)) !important;
    gap:14px !important;
    padding:2px 0 18px;
  }
  .referenceGift{
    min-height:300px !important;
    padding:18px 14px !important;
  }
  .cardImage{
    min-height:150px !important;
  }
  .cardImage img{
    height:140px !important;
  }
  .cardStock,.cardPrice{
    font-size:1.05rem !important;
  }
}

/* ===== MoviePlay v10: escala real del logo ===== */

.sizeOptions5{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

.referenceGift,
.builderCardPreview{
  overflow:hidden;
}

.cardImage,
.builderCardPreview .cardImage{
  position:relative;
  overflow:visible !important;
}

.cardImage img,
.builderCardPreview .cardImage img{
  width:var(--img-size) !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  transform:translate(var(--img-x),var(--img-y)) !important;
  transform-origin:center center;
  transition:width .16s ease,transform .16s ease !important;
}

.builderCardPreview .cardImage{
  min-height:255px !important;
}

.builderCardPreview .cardImage img{
  display:block;
}

.rangeGroup input[type=range]{
  accent-color:#6d28d9;
}

@media(max-width:900px){
  .sizeOptions5{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ===== MoviePlay v11 — interfaz premium limpia ===== */

.premiumCatalog{
  max-width:1540px;
  margin:0 auto;
}

.catalogToolbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-bottom:22px;
}

.premiumTabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.premiumTabs button{
  border:1px solid #e5eaf1;
  background:#fff;
  color:#334155;
  border-radius:12px;
  padding:11px 15px;
  font-weight:800;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

.premiumTabs button small{
  margin-left:5px;
  color:#94a3b8;
}

.premiumTabs button.active{
  color:#fff;
  border-color:#4f46e5;
  background:linear-gradient(135deg,#4f46e5,#2563eb);
  box-shadow:0 9px 20px rgba(79,70,229,.22);
}

.premiumTabs button.active small{color:#dbeafe}

.premiumTools{
  display:flex;
  gap:10px;
}

.premiumSearch{
  width:300px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid #dfe6ef;
  background:#fff;
  border-radius:12px;
}

.premiumSearch input{
  width:100%;
  border:0;
  outline:0;
  padding:12px 0;
  background:transparent;
}

.premiumTools select{
  border:1px solid #dfe6ef;
  background:#fff;
  border-radius:12px;
  padding:0 14px;
  color:#334155;
}

.catalogBody{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:start;
}

.premiumGiftGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:26px;
  padding:5px;
}

.premiumGift{
  --card:#111827;
  --text:#fff;
  position:relative;
  min-height:390px;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--card) 82%,white 12%),transparent 46%),
    linear-gradient(160deg,var(--card),#050608 92%);
  border:5px solid #fff;
  border-radius:22px;
  box-shadow:
    0 0 0 1px #dce3ec,
    0 13px 30px rgba(15,23,42,.17);
  overflow:hidden;
  cursor:pointer;
  display:grid;
  grid-template-rows:auto auto 1fr auto auto;
  padding:20px 18px 18px;
  transition:transform .18s ease,box-shadow .18s ease;
}

.premiumGift:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 2px #93c5fd,
    0 20px 38px rgba(15,23,42,.22);
}

.premiumGift.selected{
  box-shadow:
    0 0 0 3px #3b82f6,
    0 20px 38px rgba(15,23,42,.22);
}

.premiumGift.disabled{
  opacity:.55;
  filter:saturate(.55);
}

.premiumHanger{
  grid-row:1;
  width:70px;
  height:14px;
  margin:2px auto 0;
  border-radius:99px;
  background:#fff;
  position:relative;
  box-shadow:0 2px 5px rgba(0,0,0,.2);
}

.premiumHanger:before{
  content:"";
  position:absolute;
  width:18px;
  height:11px;
  left:26px;
  top:-8px;
  border-radius:9px 9px 0 0;
  background:#fff;
}

.premiumStock{
  grid-row:2;
  justify-self:center;
  margin-top:13px;
  padding:8px 18px;
  border-radius:999px;
  background:rgba(0,0,0,.38);
  color:#fff;
  font-size:1.25rem;
  font-weight:950;
  line-height:1;
  box-shadow:0 7px 16px rgba(0,0,0,.18);
  z-index:2;
}

.premiumDot{
  position:absolute;
  right:16px;
  top:16px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid #fff;
}

.premiumDot.good{background:#16c55f;box-shadow:0 0 10px #16c55f}
.premiumDot.low{background:#facc15}
.premiumDot.zero{background:#94a3b8}

.premiumLogo{
  grid-row:3;
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.premiumLogo img{
  width:var(--img-size);
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
  transform:translate(var(--img-x),var(--img-y));
  transform-origin:center;
}

.premiumDuration{
  grid-row:4;
  justify-self:center;
  padding:6px 17px;
  border-radius:999px;
  background:rgba(0,0,0,.32);
  font-size:.84rem;
  font-weight:850;
}

.premiumPrice{
  grid-row:5;
  justify-self:center;
  min-width:145px;
  text-align:center;
  margin-top:8px;
  padding:9px 16px;
  border-radius:16px;
  background:#fff;
  color:#0f172a;
  font-size:1.45rem;
  font-weight:950;
  box-shadow:0 7px 16px rgba(0,0,0,.17);
}

.catalogPreviewPanel{
  position:sticky;
  top:108px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  padding:18px;
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.previewHeader{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}

.previewHeader h3{margin:0}
.previewHeader p{margin:2px 0 0;color:#94a3b8;font-size:.76rem}

.catalogPreviewCard{
  display:grid;
  justify-items:center;
}

.previewGift{
  width:230px;
  min-height:330px;
}

.previewInfo{
  margin-top:13px;
  text-align:center;
  display:grid;
}

.previewInfo span{
  color:#64748b;
  font-size:.8rem;
}

.catalogPreviewEmpty{
  min-height:330px;
  border:1px dashed #cbd5e1;
  border-radius:16px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#94a3b8;
  padding:20px;
}

.catalogPreviewPanel .neoPrimary{
  width:100%;
  margin-top:16px;
}

/* Constructor más parecido a la interfaz elegida */
.builderGrid{
  grid-template-columns:minmax(440px,1fr) minmax(430px,.82fr)!important;
}

.previewPanel,
.settingsPanel{
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}

.builderPreviewHost{
  background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;
}

.builderCardPreview{
  border:5px solid #fff!important;
  border-radius:22px!important;
  box-shadow:0 0 0 1px #dce3ec,0 18px 38px rgba(15,23,42,.18)!important;
}

@media(max-width:1350px){
  .catalogBody{grid-template-columns:1fr}
  .catalogPreviewPanel{position:relative;top:0;display:none}
  .premiumGiftGrid{grid-template-columns:repeat(4,minmax(190px,1fr))}
}

@media(max-width:1050px){
  .premiumGiftGrid{grid-template-columns:repeat(3,minmax(200px,1fr))}
  .catalogToolbar{align-items:stretch;flex-direction:column}
  .premiumTools{justify-content:space-between}
}

@media(max-width:760px){
  .premiumGiftGrid{
    grid-template-columns:repeat(2,minmax(145px,1fr));
    gap:14px;
    padding:0;
  }
  .premiumGift{
    min-height:310px;
    border-width:4px;
    padding:16px 12px;
  }
  .premiumLogo{min-height:155px}
  .premiumStock,.premiumPrice{font-size:1rem}
  .premiumSearch{width:auto;flex:1}
  .premiumTools{display:flex}
}

/* ===== MoviePlay v12 — Perfiles, Cuentas y Combos ===== */

.directCatalog .catalogToolbar{
  align-items:center;
}

.directGiftGrid{
  width:100%;
  grid-template-columns:repeat(4,minmax(220px,1fr))!important;
}

.sectionTabs button{
  min-width:125px;
}

.catalogEmpty{
  grid-column:1/-1;
  min-height:300px;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px dashed #cbd5e1;
  border-radius:18px;
  background:#fff;
  color:#64748b;
}

.catalogEmpty h3{margin:0 0 7px;color:#0f172a}
.catalogEmpty p{margin:0}
.catalogEmpty .btn{justify-self:center;margin-top:16px}

.builderIntroActions{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.placementBox,
.comboComponentsBox{
  border:1px solid #dce4ee;
  border-radius:15px;
  padding:15px;
  background:#f8fafc;
}

.placementBox label{
  display:grid;
  gap:7px;
}

.placementBox select{
  width:100%;
  padding:12px;
  border:1px solid #d6dee9;
  border-radius:10px;
  background:#fff;
}

.placementBox small,
.comboComponentsBox p{
  color:#64748b;
  margin:7px 0 0;
  font-size:.76rem;
}

.comboComponentsBox strong{
  display:block;
  color:#0f172a;
}

.comboChecks{
  display:grid;
  gap:8px;
  margin-top:13px;
  max-height:230px;
  overflow-y:auto;
}

.comboChecks label{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid #e0e7ef;
  border-radius:10px;
  background:#fff;
}

.comboChecks input{
  width:auto!important;
}

.comboChecks span{
  display:grid;
}

.comboChecks small{
  color:#64748b;
  font-weight:600;
}

.hidden{
  display:none!important;
}

.builderPremiumCard{
  width:min(360px,100%);
  min-height:470px;
}

.comboDeliveryItem{
  border:1px solid #e2e8f0;
  border-radius:13px;
  padding:13px;
  margin-top:10px;
  background:#f8fafc;
}

.comboDeliveryItem h3{
  margin:0 0 8px;
  color:#111827;
}

.comboDeliveryItem p{
  margin:5px 0;
}

@media(max-width:1050px){
  .directGiftGrid{
    grid-template-columns:repeat(3,minmax(200px,1fr))!important;
  }
}

@media(max-width:760px){
  .builderIntroActions{
    align-items:stretch;
    flex-direction:column;
  }
  .directGiftGrid{
    grid-template-columns:repeat(2,minmax(145px,1fr))!important;
  }
  .sectionTabs{
    width:max-content;
    flex-wrap:nowrap;
  }
}

/* MoviePlay v13 */
.importStats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:16px 0;
}
.importStats div{
  border:1px solid #e2e8f0;
  border-radius:13px;
  padding:13px;
  background:#f8fafc;
}
.importStats span{
  display:block;
  color:#64748b;
  font-size:.75rem;
}
.importStats b{
  display:block;
  margin-top:4px;
  font-size:1.35rem;
}
.importSection{
  margin:16px 0;
}
.importSection h3{
  margin:0 0 9px;
  font-size:.95rem;
}
.importSection ul{
  margin:0;
  padding-left:20px;
}
.modalBox{
  max-height:88vh;
  overflow-y:auto;
}
@media(max-width:650px){
  .importStats{grid-template-columns:1fr}
}

/* MoviePlay v14 — tarjetas limpias y orden alfabético */

.premiumGift{
  border:0!important;
  box-shadow:0 13px 30px rgba(15,23,42,.16)!important;
}

.premiumGift:hover{
  box-shadow:0 20px 38px rgba(15,23,42,.22)!important;
}

.premiumDuration,
.premiumPrice{
  min-width:150px;
  padding:8px 18px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.38)!important;
  color:#fff!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 7px 16px rgba(0,0,0,.17);
}

.premiumDuration{
  margin-top:3px;
}

.premiumPrice{
  margin-top:9px!important;
}

.inventoryTools{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:16px 0;
}

.inventoryTools select{
  border:1px solid #dfe6ef;
  background:#fff;
  border-radius:12px;
  padding:0 14px;
  min-width:170px;
}

@media(max-width:650px){
  .premiumDuration,.premiumPrice{
    min-width:120px;
    font-size:1rem!important;
  }
  .inventoryTools{
    display:grid;
  }
  .inventoryTools .premiumSearch{
    width:auto;
  }
}

.customBrandLogo{width:68px;height:68px;object-fit:contain;border-radius:0;background:transparent;border:0;box-shadow:none;padding:0}
.loginBrand .customBrandLogo{width:64px;height:64px}
.settingsWorkspace{max-width:1250px;margin:0 auto}.settingsHero{margin-bottom:18px}.settingsHero h1{margin:6px 0;font-size:1.8rem}.settingsHero p{margin:0;color:#64748b}
.settingsColumns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingsCard{display:grid;gap:14px;padding:22px}.settingsCard h2{margin:0}
.settingsCard label{display:grid;gap:7px;font-size:.78rem;font-weight:850;color:#475569}.settingsCard input{border:1px solid #dce3ec;border-radius:10px;padding:12px;background:#fff}
.brandPreview{display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;border-radius:15px;padding:14px;background:#f8fafc}.brandPreview img,.brandPreview .brandLogo{width:65px;height:65px;object-fit:contain;border-radius:15px}.brandPreview div:last-child{display:grid}.brandPreview small{color:#64748b}
.checkLine{display:flex!important;align-items:center;gap:9px!important}.checkLine input{width:auto}.settingsButtons{display:flex;gap:10px}
.emailDeliveryStatus{margin:12px 0;padding:11px 13px;border-radius:11px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;display:grid}.emailDeliveryStatus.sent{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.emailDeliveryStatus small{margin-top:4px}
@media(max-width:850px){.settingsColumns{grid-template-columns:1fr}}

/* ===== MoviePlay v17 — semáforo de stock y tarjetas centradas ===== */

/* Indicador de stock */
.premiumDot.good{
  background:#22c55e !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 12px #22c55e !important;
}
.premiumDot.low{
  background:#f59e0b !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 12px #f59e0b !important;
}
.premiumDot.critical{
  background:#ef4444 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 12px #ef4444 !important;
}
.premiumDot.zero{
  background:#94a3b8 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.75) !important;
}

/* Todo el contenido centrado */
.premiumGift{
  display:grid !important;
  grid-template-rows:auto auto 1fr auto auto !important;
  justify-items:center !important;
  align-items:center !important;
  text-align:center !important;
}

.premiumStock,
.premiumDuration,
.premiumPrice{
  justify-self:center !important;
  text-align:center !important;
}

.premiumLogo{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.premiumLogo img{
  display:block !important;
  margin:auto !important;
}

.cardInitial{
  width:100%;
  text-align:center;
}

/* Precio más grande y destacado */
.premiumPrice{
  min-width:165px !important;
  font-size:1.65rem !important;
  font-weight:950 !important;
  padding:10px 22px !important;
  letter-spacing:-.03em;
  margin-top:10px !important;
}

/* Duración y stock alineados visualmente */
.premiumStock,
.premiumDuration{
  min-width:150px !important;
  font-size:1.22rem !important;
  font-weight:900 !important;
}

/* Mejora del espaciado vertical */
.premiumStock{
  margin-top:12px !important;
}
.premiumDuration{
  margin-top:6px !important;
}

@media(max-width:760px){
  .premiumPrice{
    min-width:135px !important;
    font-size:1.25rem !important;
    padding:8px 16px !important;
  }
  .premiumStock,
  .premiumDuration{
    min-width:125px !important;
    font-size:1rem !important;
  }
}

/* MoviePlay v18 — billetera, combos y red */
.walletHeader{display:flex;align-items:center}
.walletCard{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #dfe6ef;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border-radius:16px;
  padding:8px 10px 8px 12px;
  box-shadow:0 7px 18px rgba(15,23,42,.06);
}
.walletIcon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#a3ff56,#2dd4bf);
  color:#0f172a;font-weight:950;font-size:1.2rem;
}
.walletInfo{display:grid;min-width:120px}
.walletInfo span{font-size:.7rem;color:#64748b}
.walletInfo b{font-size:1.08rem;color:#0f172a}
.walletAction{
  border:0;
  border-radius:10px;
  background:#111827;
  color:#fff;
  padding:10px 13px;
  font-size:.76rem;
  font-weight:900;
  cursor:pointer;
}
.walletAction:hover{background:#1f2937}
.combosWorkspace{max-width:1300px;margin:0 auto}
.combosHeader{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.combosHeader h1{margin:5px 0;font-size:1.8rem}
.combosHeader p{margin:0;color:#64748b}
.comboList{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px}
.comboCardAdmin{
  background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:18px;
  box-shadow:0 9px 24px rgba(15,23,42,.07);
}
.comboCardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.comboCardHead h3{margin:0}
.comboCardHead p{margin:4px 0 0;color:#64748b;font-size:.78rem}
.comboStock{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:900}
.comboServices{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
.comboServices span{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.72rem;font-weight:800}
.comboCardActions{display:flex;gap:8px}
.mailState{display:inline-block;padding:5px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.7rem;font-weight:900}
.mailState.sent{background:#ecfdf5;color:#047857}
@media(max-width:950px){.comboList{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
  .walletAction{display:none}
  .walletInfo{min-width:auto}
  .comboList{grid-template-columns:1fr}
  .combosHeader{align-items:stretch;flex-direction:column}
}

/* MoviePlay v19 */
.announcementBar{
  justify-content:center;
  font-size:.72rem;
  letter-spacing:.1em;
  background:linear-gradient(90deg,#111827,#1f2937,#111827);
}
.comboImagePreview{display:flex;justify-content:center;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.comboImagePreview img{max-width:180px;max-height:130px;object-fit:contain}
.comboAdminGift{cursor:pointer;transition:.18s ease}
.comboAdminGift:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.12)}
.comboGiftImage{height:150px;border-radius:13px;overflow:hidden;background:#f8fafc;margin-bottom:14px;display:flex;align-items:center;justify-content:center}
.comboGiftImage img{max-width:100%;max-height:100%;object-fit:contain}

/* MoviePlay v20 */
.proDashboard{max-width:1500px;margin:0 auto}.dashboardHero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.dashboardHero h1{margin:5px 0;font-size:1.9rem}.dashboardHero p{margin:0;color:#64748b}.dashboardDate{color:#64748b;text-transform:capitalize}
.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metricGrid article{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.metricGrid span,.metricGrid small{display:block;color:#64748b;font-size:.75rem}.metricGrid strong{display:block;font-size:1.8rem;margin:7px 0;color:#111827}.metricGrid .metricAlert{background:#fff7ed;border-color:#fed7aa}
.dashboardColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.dashboardColumns.two{grid-template-columns:1.4fr .6fr}.dashboardPanel{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.06);overflow:hidden}.panelTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panelTitle h2{margin:0;font-size:1rem}.panelTitle span{background:#eef2ff;color:#4f46e5;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:900}
.criticalList,.rankingList,.notificationList,.auditList{display:grid;gap:9px}.criticalList>div,.rankingList>div{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:11px;background:#f8fafc}.criticalList .red{color:#dc2626;font-weight:900}.criticalList .orange{color:#d97706;font-weight:900}.rankingList>div>span{width:25px;height:25px;border-radius:8px;background:#111827;color:#fff;display:grid;place-items:center;font-size:.7rem}.rankingList>div>b{margin-right:auto;margin-left:10px}.rankingList>div>strong{color:#4f46e5}.notificationItem{display:flex;gap:10px;padding:11px;border-radius:12px;background:#f8fafc}.notificationItem.stock>span{color:#f59e0b}.notificationItem.email>span{color:#ef4444}.notificationItem b{font-size:.82rem}.notificationItem p{margin:3px 0;color:#64748b;font-size:.75rem}.notificationItem small{color:#94a3b8}.auditList>div{display:grid;grid-template-columns:115px 130px 1fr;gap:10px;padding:9px;border-bottom:1px solid #eef2f7}.auditList span,.auditList p{font-size:.75rem;color:#64748b;margin:0}.auditList b{font-size:.78rem}.comboChecks label{grid-template-columns:auto 1fr 70px!important}.comboQty{width:70px!important;padding:8px!important}.auditWorkspace code{white-space:pre-wrap;font-size:.7rem;color:#475569}
@media(max-width:1100px){.metricGrid{grid-template-columns:1fr 1fr}.dashboardColumns,.dashboardColumns.two{grid-template-columns:1fr}}@media(max-width:650px){.metricGrid{grid-template-columns:1fr}.dashboardHero{align-items:flex-start;flex-direction:column;gap:8px}.auditList>div{grid-template-columns:1fr}}

/* MoviePlay v21 - Selector de WhatsApp */
.waChoiceOverlay{position:fixed;inset:0;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:18px;z-index:9999;backdrop-filter:blur(5px)}
.waChoiceCard{width:min(440px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(15,23,42,.28);display:grid;gap:12px}
.waChoiceCard h2{margin:0;font-size:1.35rem;color:#111827}.waChoiceCard p{margin:0 0 6px;color:#64748b}
.waChoiceCard .btn{width:100%;justify-content:center;min-height:45px}
.btn.dark{background:#111827;color:#fff}.btn.ghost{background:transparent;border:1px solid #e2e8f0;color:#475569}

/* MoviePlay v23 */
.waEmptyState{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.waEmptyState b{display:block;color:#111827;margin-bottom:4px}
.waEmptyState p{margin:0;color:#64748b;font-size:.82rem}

.saleWhatsappActions{display:grid;gap:10px;margin-top:14px}.saleWhatsappActions .btn{justify-content:center}

/* MoviePlay v24 */
.settingsCard .checkLine{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.settingsCard .checkLine input{width:auto;margin-right:8px}

/* MoviePlay v25 — precios visibles */
.priceInfoBanner{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #dbe4f0;border-radius:15px;background:#f8fafc}
.priceInfoBanner div{display:flex;flex-direction:column;gap:3px}
.priceInfoBanner span{font-size:.69rem;font-weight:800;letter-spacing:.08em;color:#64748b}
.priceInfoBanner b{color:#111827}
.priceInfoBanner p{margin:0;color:#64748b;font-size:.82rem}
.priceSource{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800}
.priceSource.custom{background:#dcfce7;color:#166534}
.priceSource.inherited{background:#e0e7ff;color:#3730a3}
.priceEditRow{display:flex;align-items:center;gap:7px;min-width:310px}
.priceEditRow .input{min-width:125px}
.priceEditRow .btn{white-space:nowrap}
@media(max-width:800px){
  .priceInfoBanner{align-items:flex-start;flex-direction:column}
  .priceEditRow{min-width:280px}
}

/* MoviePlay v26 — menú lateral plegable */
.refLayout{
  transition:grid-template-columns .24s ease;
}
.refSidebar{
  transition:left .24s ease, transform .24s ease, opacity .2s ease;
}
.refHeader #menu{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  margin-right:16px;
  border:1px solid #dce3ec;
  border-radius:12px;
  background:#fff;
  color:#111827;
  cursor:pointer;
  font-size:1.15rem;
  font-weight:900;
  box-shadow:0 4px 14px rgba(15,23,42,.06);
}
.refHeader #menu:hover{
  background:#f1f5f9;
}
.refLayout.sidebarCollapsed{
  grid-template-columns:0 minmax(0,1fr);
}
.refLayout.sidebarCollapsed .refSidebar{
  transform:translateX(-100%);
  opacity:0;
  pointer-events:none;
  overflow:hidden;
}
.refLayout.sidebarCollapsed .refMain{
  grid-column:2;
}

@media(max-width:900px){
  .refLayout,
  .refLayout.sidebarCollapsed{
    grid-template-columns:1fr;
  }
  .refLayout.sidebarCollapsed .refSidebar{
    transform:none;
    opacity:1;
    pointer-events:auto;
    overflow:auto;
  }
  .refSidebar{
    left:-270px;
    transform:none;
  }
  .refSidebar.open{
    left:0;
  }
  .refHeader #menu{
    display:inline-grid;
    margin-right:15px;
  }
}

/* MoviePlay v27 — tarjetas totalmente responsivas al ancho y zoom */
.referenceGrid,
.neoGiftGrid,
.giftGrid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)) !important;
  gap:22px !important;
  align-items:stretch;
}

.referenceGift,
.neoGiftCard,
.giftCard{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.referenceCatalog,
.premiumCatalog,
.neoPage{
  width:100%;
  max-width:none;
}

@media(max-width:1400px){
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important;
  }
}

@media(max-width:900px){
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)) !important;
    gap:16px !important;
  }
}

@media(max-width:620px){
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr)) !important;
    gap:12px !important;
  }
}

/* MoviePlay v28 — catálogo centrado con márgenes amplios */
.refContent{
  padding-left:clamp(24px,5vw,90px) !important;
  padding-right:clamp(24px,5vw,90px) !important;
}

.referenceCatalog,
.premiumCatalog,
.neoPage,
.directCatalog{
  width:100%;
  max-width:1600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.referenceGrid,
.neoGiftGrid,
.giftGrid{
  width:100%;
  max-width:1480px;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,280px)) !important;
  gap:24px !important;
}

.referenceGift,
.neoGiftCard,
.giftCard{
  width:100%;
  max-width:280px;
  justify-self:center;
}

.catalogToolbar,
.catalogTopTabs,
.catalogUtility,
.neoCatalogHeader{
  max-width:1480px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.refLayout.sidebarCollapsed .refContent{
  padding-left:clamp(32px,6vw,110px) !important;
  padding-right:clamp(32px,6vw,110px) !important;
}

@media(max-width:1200px){
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(auto-fit,minmax(220px,260px)) !important;
    gap:20px !important;
  }

  .referenceGift,
  .neoGiftCard,
  .giftCard{
    max-width:260px;
  }
}

@media(max-width:900px){
  .refContent{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(auto-fit,minmax(190px,240px)) !important;
    gap:16px !important;
  }

  .referenceGift,
  .neoGiftCard,
  .giftCard{
    max-width:240px;
  }
}

@media(max-width:620px){
  .refContent{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    max-width:100%;
  }

  .referenceGift,
  .neoGiftCard,
  .giftCard{
    max-width:none;
  }
}

/* MoviePlay v29 — aplicación web instalable */
.pwaInstallBar{
  position:fixed;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:9999;
  width:min(620px,calc(100% - 28px));
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:#17191d;
  color:#fff;
  box-shadow:0 20px 55px rgba(15,23,42,.30);
}
.pwaInstallBar[hidden]{display:none!important}
.pwaInstallBar div{display:grid;gap:3px;flex:1}
.pwaInstallBar b{font-size:.92rem}
.pwaInstallBar span{font-size:.76rem;color:#cbd5e1}
.pwaInstallBar button{
  border:0;
  border-radius:11px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
#installPwaButton{background:#b7f53b;color:#17191d}
#dismissPwaButton{background:transparent;color:#fff;font-size:1.25rem;padding:6px}
.installAppHeader{
  border:1px solid #dce3ec;
  border-radius:12px;
  background:#fff;
  color:#111827;
  padding:10px 13px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}
.installAppHeader:hover{background:#f1f5f9}
@media(max-width:760px){
  .installAppHeader{display:none}
  .pwaInstallBar{align-items:flex-start}
  .pwaInstallBar span{display:block}
}
@media(display-mode:standalone){
  .installAppHeader,.pwaInstallBar{display:none!important}
  body{padding-top:env(safe-area-inset-top)}
}

/* MoviePlay v32 — barra de categorías fija en Servicios */
.catalogToolbar,
.catalogTopTabs,
.catalogUtility,
.neoCatalogHeader{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  background:rgba(247,249,252,.96) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding-top:14px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(203,213,225,.75);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.referenceCatalog,
.premiumCatalog,
.neoPage,
.directCatalog{
  overflow:visible !important;
}

.refContent,
.mainContent,
.contentArea,
#content{
  overflow:visible !important;
}

.referenceGrid,
.neoGiftGrid,
.giftGrid{
  position:relative;
  z-index:1;
  padding-top:22px;
}

/* Evita que la barra fija tape el inicio de las tarjetas */
.catalogToolbar + .referenceGrid,
.catalogTopTabs + .referenceGrid,
.neoCatalogHeader + .referenceGrid,
.catalogUtility + .referenceGrid{
  margin-top:8px !important;
}

@media(max-width:900px){
  .catalogToolbar,
  .catalogTopTabs,
  .catalogUtility,
  .neoCatalogHeader{
    top:0 !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}

@media(max-width:620px){
  .catalogToolbar,
  .catalogTopTabs,
  .catalogUtility,
  .neoCatalogHeader{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .catalogToolbar::-webkit-scrollbar,
  .catalogTopTabs::-webkit-scrollbar,
  .catalogUtility::-webkit-scrollbar,
  .neoCatalogHeader::-webkit-scrollbar{
    display:none;
  }
}

/* MoviePlay v33 — encabezados fijos globales */

/* Encabezado principal del módulo */
.refTopbar,
.pageHeader,
.neoHeader,
.contentHeader,
.moduleHeader,
.refHeader{
  position:sticky !important;
  top:0 !important;
  z-index:120 !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(203,213,225,.78);
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}

/* Barra secundaria de filtros, pestañas y acciones */
.catalogToolbar,
.catalogTopTabs,
.catalogUtility,
.neoCatalogHeader,
.inventoryToolbar,
.inventoryTop,
.inventoryActions,
.tableToolbar,
.filtersBar,
.actionBar,
.searchBar,
.pageTools,
.sectionTools{
  position:sticky !important;
  top:96px !important;
  z-index:110 !important;
  background:rgba(247,249,252,.97) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(203,213,225,.72);
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}

/* Encabezados de tablas */
.tableWrap{
  overflow:auto !important;
  max-height:calc(100vh - 255px);
  border-radius:16px;
}

.tableWrap table{
  border-collapse:separate;
  border-spacing:0;
}

.tableWrap thead th{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  background:#ffffff !important;
  box-shadow:0 1px 0 rgba(203,213,225,.95);
}

/* Contenedores principales deben permitir sticky */
.refContent,
.mainContent,
.contentArea,
#content,
.referenceCatalog,
.premiumCatalog,
.neoPage,
.directCatalog{
  overflow:visible !important;
}

/* Espaciado para evitar que el contenido quede debajo de las barras fijas */
.pageBody,
.moduleBody,
.sectionBody,
.referenceGrid,
.neoGiftGrid,
.giftGrid{
  scroll-margin-top:210px;
}

/* Barra de acciones inferiores en inventario */
.bulkActions,
.selectionActions,
.inventoryBulkActions{
  position:sticky !important;
  bottom:0 !important;
  z-index:105 !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-top:1px solid rgba(203,213,225,.8);
  box-shadow:0 -10px 24px rgba(15,23,42,.06);
}

/* Móviles y tablets */
@media(max-width:900px){
  .refTopbar,
  .pageHeader,
  .neoHeader,
  .contentHeader,
  .moduleHeader,
  .refHeader{
    top:0 !important;
  }

  .catalogToolbar,
  .catalogTopTabs,
  .catalogUtility,
  .neoCatalogHeader,
  .inventoryToolbar,
  .inventoryTop,
  .inventoryActions,
  .tableToolbar,
  .filtersBar,
  .actionBar,
  .searchBar,
  .pageTools,
  .sectionTools{
    top:82px !important;
  }

  .tableWrap{
    max-height:calc(100vh - 225px);
  }
}

@media(max-width:620px){
  .catalogToolbar,
  .catalogTopTabs,
  .catalogUtility,
  .neoCatalogHeader,
  .inventoryToolbar,
  .inventoryTop,
  .inventoryActions,
  .tableToolbar,
  .filtersBar,
  .actionBar,
  .searchBar,
  .pageTools,
  .sectionTools{
    top:74px !important;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .catalogToolbar::-webkit-scrollbar,
  .catalogTopTabs::-webkit-scrollbar,
  .catalogUtility::-webkit-scrollbar,
  .neoCatalogHeader::-webkit-scrollbar,
  .inventoryToolbar::-webkit-scrollbar,
  .inventoryTop::-webkit-scrollbar,
  .inventoryActions::-webkit-scrollbar,
  .tableToolbar::-webkit-scrollbar,
  .filtersBar::-webkit-scrollbar,
  .actionBar::-webkit-scrollbar,
  .searchBar::-webkit-scrollbar,
  .pageTools::-webkit-scrollbar,
  .sectionTools::-webkit-scrollbar{
    display:none;
  }

  .tableWrap{
    max-height:calc(100vh - 205px);
  }
}

/* MoviePlay v36 — base profesional y experiencia móvil */

/* Variables visuales consistentes */
:root{
  --mp-surface:#ffffff;
  --mp-surface-soft:#f7f9fc;
  --mp-border:#dfe5ee;
  --mp-text:#111827;
  --mp-muted:#64748b;
  --mp-shadow:0 12px 30px rgba(15,23,42,.08);
  --mp-radius:18px;
}

/* Transiciones suaves sin afectar rendimiento */
button,
.btn,
.neoPrimary,
.neoSecondary,
.premiumGift,
.referenceGift,
.neoGiftCard,
.giftCard,
.tableWrap,
input,
select{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

/* Botones más consistentes */
button,
.btn,
.neoPrimary,
.neoSecondary{
  min-height:42px;
  border-radius:12px;
}

button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(59,130,246,.25);
  outline-offset:2px;
}

/* Gift cards más limpias */
.premiumGift,
.referenceGift,
.neoGiftCard,
.giftCard{
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  overflow:hidden;
}

.premiumGift:hover,
.referenceGift:hover,
.neoGiftCard:hover,
.giftCard:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(15,23,42,.16);
}

/* Paneles y módulos */
.builderPage,
.combosWorkspace,
.inventoryPage,
.usersPage,
.pricesPage,
.dashboardPage,
.salesPage{
  width:100%;
  max-width:1600px;
  margin:0 auto;
}

.panel,
.card,
.builderIntro,
.previewPanel,
.settingsPanel,
.comboCardAdmin,
.dashboardCard{
  border-radius:var(--mp-radius);
  border:1px solid var(--mp-border);
  box-shadow:var(--mp-shadow);
}

/* Tablas más legibles */
.tableWrap{
  background:var(--mp-surface);
  border:1px solid var(--mp-border);
  box-shadow:var(--mp-shadow);
}

.tableWrap th{
  color:var(--mp-text);
  font-weight:850;
  white-space:nowrap;
}

.tableWrap td{
  vertical-align:middle;
}

.tableWrap tbody tr:hover td{
  background:#f8fafc;
}

/* Campos */
input,
select,
textarea{
  border:1px solid #cfd8e5;
  border-radius:11px;
  background:#fff;
}

input:hover,
select:hover,
textarea:hover{
  border-color:#9fb0c7;
}

/* Notificaciones */
.toast{
  border-radius:14px !important;
  box-shadow:0 18px 45px rgba(15,23,42,.22) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Mejor distribución en pantallas medianas */
@media(max-width:1180px){
  .builderGrid{
    grid-template-columns:1fr !important;
  }

  .previewPanel{
    position:relative !important;
    top:auto !important;
  }
}

/* Experiencia móvil */
@media(max-width:760px){
  .refContent{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .refTopbar,
  .pageHeader,
  .neoHeader,
  .contentHeader,
  .moduleHeader,
  .refHeader{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-width:0;
  }

  .tableWrap{
    max-height:calc(100vh - 190px) !important;
    border-radius:12px;
  }

  .form2,
  .fieldGrid2{
    grid-template-columns:1fr !important;
  }

  .pwaInstallBar{
    width:calc(100% - 18px);
    bottom:max(9px,env(safe-area-inset-bottom));
  }
}

@media(max-width:420px){
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:1fr !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    max-width:330px !important;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Reduce animaciones para usuarios que lo prefieran */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* MoviePlay v37 — búsqueda y eliminación de usuarios */
.usersPageHead{
  gap:16px;
}

.usersToolbar{
  position:sticky;
  top:96px;
  z-index:108;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(170px,220px) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  background:rgba(247,249,252,.97);
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #dce4ef;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.usersSearch{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 13px;
  background:#fff;
  border:1px solid #cfd8e5;
  border-radius:12px;
}

.usersSearch span{
  font-size:22px;
  color:#64748b;
}

.usersSearch input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  padding:0;
  background:transparent;
}

.usersToolbar select{
  min-height:44px;
}

.usersResultCount{
  white-space:nowrap;
  font-weight:750;
  color:#64748b;
}

.userActions{
  flex-wrap:wrap;
}

.userDeleteBtn{
  font-weight:800;
}

.usersEmpty{
  padding:28px 14px;
}

@media(max-width:900px){
  .usersToolbar{
    top:82px;
    grid-template-columns:1fr minmax(145px,190px);
  }

  .usersResultCount{
    grid-column:1/-1;
  }
}

@media(max-width:620px){
  .usersToolbar{
    top:74px;
    grid-template-columns:1fr;
    padding:10px;
  }

  .usersResultCount{
    grid-column:auto;
  }
}

/* MoviePlay v38 — modal prioritario sobre toda la interfaz */
html.modalOpen,
body.modalOpen{
  overflow:hidden !important;
  overscroll-behavior:none;
}

#modalRoot{
  position:relative;
  z-index:2147483000 !important;
}

#modalRoot:empty{
  display:none;
}

.modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  height:100dvh !important;
  padding:18px !important;
  overflow:hidden !important;
  isolation:isolate;
}

.modalBack{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  background:rgba(2,6,23,.76) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.modalBox{
  position:relative !important;
  z-index:2 !important;
  width:min(590px,100%) !important;
  max-height:calc(100dvh - 36px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  background:#fff !important;
  border-radius:22px !important;
  padding:28px !important;
  box-shadow:0 32px 100px rgba(0,0,0,.48) !important;
  scrollbar-gutter:stable;
}

.modalBox .close{
  position:sticky !important;
  top:0 !important;
  float:right;
  z-index:5 !important;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:-14px -14px 2px 8px;
  border-radius:50%;
  background:#f1f5f9 !important;
  color:#0f172a;
  cursor:pointer;
}

.waChoiceOverlay{
  z-index:2147483000 !important;
}

@media(max-width:620px){
  .modal{
    align-items:flex-end !important;
    padding:8px !important;
  }

  .modalBox{
    width:100% !important;
    max-height:calc(100dvh - 16px) !important;
    border-radius:20px 20px 14px 14px !important;
    padding:22px 18px calc(20px + env(safe-area-inset-bottom)) !important;
  }
}

/* MoviePlay v39 — duraciones y precios por plan */
.durationEditor{display:grid;gap:10px;padding:16px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fafc}
.durationEditor p,.durationEditor small{margin:3px 0;color:#64748b}
.durationEditor textarea{width:100%;min-height:145px;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;line-height:1.55;resize:vertical}
.comboDurationChecks{display:grid;gap:10px}
.comboDurationRow{display:grid;grid-template-columns:minmax(190px,1fr) minmax(145px,210px) auto;gap:10px;align-items:center;padding:11px;border:1px solid #dbe4ef;border-radius:13px;background:#fff}
.comboMainCheck{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}
.comboMainCheck span{display:grid}.comboMainCheck small{color:#64748b}
.freeCheck{display:flex!important;grid-template-columns:auto auto!important;align-items:center;gap:6px;white-space:nowrap}
.salePlanSummary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:13px;background:#eef6ff;border:1px solid #cfe1ff}
.salePlanSummary span{color:#64748b;font-weight:700}.salePlanSummary strong{font-size:1.15rem}
@media(max-width:700px){.comboDurationRow{grid-template-columns:1fr}.freeCheck{justify-content:flex-start}}

/* MoviePlay v40 — encabezado compacto y observaciones */
.refHeader{
  display:grid !important;
  grid-template-columns:auto minmax(170px,auto) minmax(420px,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-height:88px;
}
.headerContextTools{min-width:0;width:100%}
.compactCatalogToolbar{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0}
.compactTabs{display:flex;gap:7px;flex:0 0 auto}
.compactTabs button{min-height:42px !important;padding:8px 14px !important;border-radius:12px !important;white-space:nowrap}
.compactTools{display:flex;align-items:center;gap:8px;min-width:260px;max-width:520px;flex:1 1 360px}
.compactSearch{min-width:150px;flex:1 1 auto}
.compactTools select{min-width:145px;max-width:175px}
.compactCatalogContent{padding-top:4px}
.premiumCatalog.directCatalog{margin-top:0 !important}
.modalBox textarea,.builderForm textarea,#saleObservations{width:100%;border:1px solid #cfd8e5;border-radius:11px;padding:11px;background:#fff;font:inherit;resize:vertical}
.messageSignatureField{
  width:100%;
  min-height:150px;
  padding:14px 16px;
  border:1px solid #cfd8e5;
  border-radius:14px;
  background:#fff;
  color:#111827;
  font:inherit;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  resize:vertical;
}
.messageSignatureField:focus{
  border-color:#8b5cf6;
  box-shadow:0 0 0 4px rgba(139,92,246,.12);
  outline:none;
}
@media(max-width:1250px){
  .refHeader{grid-template-columns:auto minmax(150px,auto) 1fr !important}
  .headerActions.walletHeader{grid-column:2/4;justify-self:end}
  .headerContextTools{grid-column:2/4;grid-row:2}
  .compactCatalogToolbar{justify-content:flex-start}
}
@media(max-width:900px){
  .refHeader{grid-template-columns:auto 1fr auto !important;gap:9px !important;min-height:auto}
  .headerContextTools{grid-column:1/-1 !important;grid-row:auto !important;overflow-x:auto;padding-bottom:4px}
  .compactCatalogToolbar{min-width:max-content;justify-content:flex-start}
  .compactTools{min-width:430px}
  .headerActions.walletHeader{grid-column:auto}
}
@media(max-width:620px){
  .refHeader{padding-bottom:8px !important}
  .headerContextTools{margin-left:-4px;margin-right:-4px}
  .compactTabs button{padding:7px 11px !important;min-height:38px !important}
  .compactTools{min-width:360px}
  .compactSearch{min-width:170px}
  .compactTools select{min-width:140px}
}

/* MoviePlay v41 — asignación de vendedor y precios en cascada */
[data-assign-seller]{
  white-space:nowrap;
}
#assignSellerForm{
  display:grid;
  gap:16px;
}
#assignSellerForm select{
  width:100%;
  min-height:46px;
}

/* MoviePlay v42 — barra superior realmente unificada */
.refHeader{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:84px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  flex-wrap:nowrap !important;
}

.headerTitleBlock{
  flex:0 0 auto;
  min-width:165px;
}

.headerTitleBlock h1{
  margin:2px 0 0;
  line-height:1;
}

.headerContextTools{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.compactCatalogToolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
}

.compactTabs{
  display:flex !important;
  gap:6px !important;
  flex:0 0 auto !important;
}

.compactTabs button{
  min-height:40px !important;
  padding:7px 12px !important;
  font-size:.92rem !important;
}

.compactTools{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:220px !important;
  max-width:none !important;
  flex:1 1 auto !important;
}

.compactSearch{
  min-width:120px !important;
  flex:1 1 210px !important;
}

.compactSearch input{
  min-width:0 !important;
}

.compactTools select{
  min-width:135px !important;
  max-width:155px !important;
}

.headerActions.walletHeader{
  flex:0 0 auto !important;
  grid-column:auto !important;
  justify-self:auto !important;
}

.compactCatalogContent{
  padding-top:0 !important;
}

@media(max-width:1280px){
  .refHeader{
    flex-wrap:wrap !important;
  }

  .headerTitleBlock{
    min-width:145px;
  }

  .headerContextTools{
    order:3;
    flex:1 0 100% !important;
  }

  .compactCatalogToolbar{
    padding-top:4px !important;
  }
}

@media(max-width:900px){
  .refHeader{
    display:flex !important;
    flex-wrap:wrap !important;
  }

  .headerContextTools{
    order:3;
    width:100% !important;
    overflow-x:auto !important;
  }

  .compactCatalogToolbar{
    min-width:760px !important;
  }
}

@media(max-width:620px){
  .headerTitleBlock{
    min-width:120px;
  }

  .compactCatalogToolbar{
    min-width:700px !important;
  }

  .compactTabs button{
    padding:6px 10px !important;
    min-height:37px !important;
  }
}

/* Observaciones dentro de la misma ventana de compra */
#saleObservations{
  width:100% !important;
  min-height:86px !important;
  border:1px solid #cfd8e5 !important;
  border-radius:11px !important;
  padding:11px !important;
  background:#fff !important;
  font:inherit !important;
  resize:vertical !important;
}

/* MoviePlay v43 — notas internas */
#saleInternalNotes{
  width:100%;
  min-height:86px;
  border:1px solid #cfd8e5;
  border-radius:11px;
  padding:11px;
  background:#fff;
  font:inherit;
  resize:vertical;
}
.internalNoteBox{
  margin-top:14px;
  padding:16px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#f8fafc;
  white-space:pre-wrap;
  line-height:1.55;
}

/* MoviePlay v44 — encabezado más espacioso e ID de venta configurable */
.catalogPageActive .headerTitleBlock h1{display:none!important}
.catalogPageActive .headerTitleBlock{min-width:82px!important;width:82px!important}
.catalogPageActive .headerTitleBlock small{display:block;max-width:80px;line-height:1.15;font-size:.65rem}
.catalogPageActive .refHeader{gap:9px!important}
.catalogPageActive .headerContextTools{flex:1 1 auto!important}
.catalogPageActive .compactCatalogToolbar{gap:7px!important}
.catalogPageActive .compactTabs button{padding-left:10px!important;padding-right:10px!important}
.catalogPageActive .compactTools{min-width:190px!important}
.catalogPageActive .installAppHeader{padding-left:11px!important;padding-right:11px!important}
.saleSequenceSettings{margin:16px 0;padding:16px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fafc}
.saleSequenceSettings h3{margin:0 0 4px}
.saleSequenceSettings p{margin:0 0 12px}
.form3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.saleIdPreview{margin-top:12px;padding:12px;border-radius:12px;background:#eef6ff;border:1px solid #cfe1ff}
@media(max-width:900px){
  .catalogPageActive .headerTitleBlock{min-width:52px!important;width:52px!important}
  .catalogPageActive .headerTitleBlock small{display:none}
  .form3{grid-template-columns:1fr}
}

/* MoviePlay v45 — encabezado comercial profesional */
.refHeader{
  min-height:76px !important;
  padding:10px 18px !important;
  gap:10px !important;
  background:rgba(255,255,255,.95) !important;
  border-bottom:1px solid rgba(203,213,225,.8) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.07) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.catalogPageActive .headerTitleBlock{
  display:none !important;
}

#menu{
  flex:0 0 44px !important;
  width:44px !important;
  height:44px !important;
  border-radius:13px !important;
  margin:0 !important;
}

.headerContextTools{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.compactCatalogToolbar{
  display:grid !important;
  grid-template-columns:auto minmax(240px,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
}

.compactTabs{
  display:flex !important;
  gap:7px !important;
  min-width:max-content;
}

.compactTabs button{
  min-height:44px !important;
  padding:8px 16px !important;
  border-radius:13px !important;
  font-size:.96rem !important;
  font-weight:850 !important;
  box-shadow:none !important;
}

.compactTabs button.active{
  box-shadow:0 10px 22px rgba(55,81,255,.22) !important;
}

.compactTools{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) 86px !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  max-width:none !important;
}

.compactSearch{
  min-height:44px !important;
  min-width:0 !important;
  width:100% !important;
  border-radius:13px !important;
  background:#fff !important;
  border:1px solid #d7e0ec !important;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
}

.compactSearch input{
  width:100% !important;
  font-size:.94rem !important;
}

.compactTools select{
  width:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  min-height:44px !important;
  padding:8px 28px 8px 12px !important;
  border-radius:13px !important;
}

.headerActions.walletHeader{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
}

.installAppHeader{
  min-height:44px !important;
  padding:8px 13px !important;
  border-radius:13px !important;
  white-space:nowrap !important;
  font-size:.9rem !important;
}

.walletCard{
  min-height:54px !important;
  padding:7px 8px 7px 10px !important;
  border-radius:16px !important;
  gap:9px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}

.walletIcon{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:12px !important;
}

.walletInfo{
  min-width:118px !important;
}

.walletInfo span{
  font-size:.72rem !important;
}

.walletInfo b{
  font-size:1rem !important;
  line-height:1.1 !important;
}

.walletAction{
  min-height:40px !important;
  padding:8px 13px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  font-size:.82rem !important;
}

.compactCatalogContent{
  padding-top:0 !important;
}

.premiumGiftGrid,
.referenceGrid,
.neoGiftGrid,
.giftGrid{
  margin-top:10px !important;
}

.premiumGift,
.referenceGift,
.neoGiftCard,
.giftCard{
  box-shadow:0 14px 30px rgba(15,23,42,.12) !important;
}

.premiumGift:hover,
.referenceGift:hover,
.neoGiftCard:hover,
.giftCard:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 42px rgba(15,23,42,.17) !important;
}

@media(max-width:1380px){
  .compactCatalogToolbar{
    grid-template-columns:auto minmax(190px,1fr) !important;
  }

  .headerActions.walletHeader{
    width:100%;
    justify-content:flex-end;
  }

  .refHeader{
    flex-wrap:wrap !important;
  }

  .headerContextTools{
    flex:1 1 calc(100% - 54px) !important;
  }
}

@media(max-width:1050px){
  .compactCatalogToolbar{
    grid-template-columns:1fr !important;
  }

  .compactTabs{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .compactTabs::-webkit-scrollbar{
    display:none;
  }

  .compactTools{
    grid-template-columns:minmax(190px,1fr) 78px !important;
  }

  .compactTools select{
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
  }
}

@media(max-width:760px){
  .refHeader{
    padding:8px 10px !important;
  }

  .headerActions.walletHeader{
    justify-content:space-between !important;
    overflow-x:auto;
  }

  .walletCard{
    min-width:270px;
  }

  .compactTabs button{
    padding:7px 12px !important;
    min-height:40px !important;
  }

  .compactSearch{
    min-height:40px !important;
  }

  .compactTools select{
    min-height:40px !important;
  }
}

/* MoviePlay v46 — optimización total para celulares y tablets */
.mobileLogout{
  display:none;
  width:44px;
  height:44px;
  min-width:44px;
  border:1px solid #d7e0ec;
  border-radius:13px;
  background:#fff;
  color:#0f172a;
  font-size:1.2rem;
  font-weight:900;
  cursor:pointer;
}

.sidebarBackdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:998;
  border:0;
  background:rgba(2,6,23,.58);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

/* Tablets */
@media(max-width:1100px){
  .refLayout{
    display:block !important;
  }

  .refMain{
    width:100% !important;
    min-width:0 !important;
  }

  .refContent{
    padding:14px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .builderGrid,
  .dashboardColumns,
  .settingsColumns{
    grid-template-columns:1fr !important;
  }

  .metricGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .panelHead,
  .groupHead,
  .uploadBar{
    gap:12px;
    flex-wrap:wrap;
  }
}

/* Menú móvil */
@media(max-width:900px){
  body.mobileMenuOpen{
    overflow:hidden !important;
  }

  .refSidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(310px,86vw) !important;
    height:100dvh !important;
    z-index:1000 !important;
    transform:translateX(-105%);
    transition:transform .22s ease !important;
    overflow-y:auto !important;
    box-shadow:24px 0 60px rgba(0,0,0,.28);
  }

  .refSidebar.open{
    transform:translateX(0) !important;
  }

  body.mobileMenuOpen .sidebarBackdrop{
    display:block;
  }

  .refSidebar nav{
    padding-bottom:100px;
  }

  .refSidebar .profile{
    position:sticky !important;
    bottom:0;
    background:#1b1e23;
    padding:14px !important;
    z-index:2;
  }

  .refSidebar .profile #logout{
    width:auto !important;
    min-width:46px;
    height:42px;
    border-radius:12px;
    font-size:0;
  }

  .refSidebar .profile #logout::after{
    content:"Salir";
    font-size:.8rem;
    font-weight:800;
  }

  .mobileLogout{
    display:grid !important;
    place-items:center;
  }

  .refHeader{
    position:sticky !important;
    top:0 !important;
    z-index:120 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    width:100% !important;
    padding:8px 10px !important;
    gap:8px !important;
  }

  #menu{
    grid-column:1;
    grid-row:1;
  }

  .headerTitleBlock{
    grid-column:2;
    grid-row:1;
    min-width:0 !important;
  }

  .headerTitleBlock h1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:1.25rem !important;
  }

  .headerActions.walletHeader{
    grid-column:3;
    grid-row:1;
    width:auto !important;
    display:flex !important;
    gap:6px !important;
    overflow:visible !important;
  }

  .installAppHeader{
    display:none !important;
  }

  .walletCard{
    min-width:0 !important;
    width:auto !important;
    padding:5px 7px !important;
  }

  .walletIcon,
  .walletAction{
    display:none !important;
  }

  .walletInfo{
    min-width:86px !important;
  }

  .walletInfo span{
    font-size:.62rem !important;
  }

  .walletInfo b{
    font-size:.84rem !important;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .headerContextTools{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    width:100% !important;
    overflow:visible !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .compactTabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    gap:6px !important;
  }

  .compactTabs button{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:6px 8px !important;
    font-size:.84rem !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 74px !important;
    width:100% !important;
    min-width:0 !important;
    gap:6px !important;
  }

  .compactSearch,
  .compactSearch input{
    min-width:0 !important;
    width:100% !important;
  }

  .compactTools select{
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
  }

  .refContent{
    padding:10px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:8px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:330px !important;
    border-radius:18px !important;
  }

  .tableWrap{
    width:100%;
    max-width:100%;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .tableWrap table{
    min-width:760px;
  }

  .form2,
  .form3,
  .fieldGrid2,
  .settingsColumns,
  .builderGrid{
    grid-template-columns:1fr !important;
  }

  .usersToolbar{
    position:relative !important;
    top:auto !important;
  }

  .modal{
    padding:6px !important;
    align-items:flex-end !important;
  }

  .modalBox{
    width:100% !important;
    max-height:calc(100dvh - 12px) !important;
    border-radius:20px 20px 12px 12px !important;
    padding:20px 16px calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .toast{
    left:10px !important;
    right:10px !important;
    bottom:calc(10px + env(safe-area-inset-bottom)) !important;
    text-align:center;
  }
}

/* Celulares */
@media(max-width:600px){
  .announcementBar{
    font-size:.72rem !important;
    padding:7px 10px !important;
  }

  .refHeader{
    grid-template-columns:42px minmax(0,1fr) auto !important;
  }

  #menu,
  .mobileLogout{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .walletInfo span{
    display:none !important;
  }

  .walletCard{
    min-height:42px !important;
  }

  .walletInfo{
    min-width:70px !important;
  }

  .compactTabs button small{
    display:inline;
    font-size:.68rem !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:285px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premiumStock{
    font-size:.72rem !important;
    padding:7px 9px !important;
  }

  .premiumDuration{
    font-size:.78rem !important;
  }

  .premiumPrice{
    font-size:1rem !important;
  }

  .metricGrid{
    grid-template-columns:1fr !important;
  }

  .dashboardHero,
  .builderIntro,
  .settingsHero{
    padding:16px !important;
  }

  .dashboardHero h1,
  .builderIntro h1,
  .settingsHero h1{
    font-size:1.55rem !important;
  }

  .panel,
  .dashboardPanel,
  .settingsCard,
  .previewPanel{
    border-radius:14px !important;
  }

  .panelHead,
  .groupHead,
  .uploadBar{
    padding:14px !important;
  }

  button,
  .btn,
  input,
  select,
  textarea{
    font-size:16px;
  }
}

/* MoviePlay v68.1 — correcciones finales de operación móvil */
@media(max-width:600px){
  /* Ningún listado administrativo debe conservar el ancho de escritorio. */
  .salesResponsiveWrap,
  .usersPage>.tableWrap,
  .inventoryGroup>.tableWrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .salesResponsiveTable,
  .salesResponsiveTable tbody,
  .usersPage table,
  .usersPage table tbody,
  .inventoryGroup table,
  .inventoryGroup table tbody{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .salesResponsiveTable{
    table-layout:fixed!important;
  }
  .salesResponsiveTable tbody{
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
  }
  .salesResponsiveTable tr{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .salesResponsiveTable td{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .salesResponsiveTable td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:3px;
    color:#7b8798;
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.035em;
    line-height:1.1;
    text-transform:uppercase;
  }
  .salesResponsiveTable td:nth-child(3),
  .salesResponsiveTable td:nth-child(4),
  .salesResponsiveTable td:nth-child(5){
    grid-column:1/-1!important;
  }

  /* Al cambiar de módulo, el contenido comienza arriba y sin bloques vacíos. */
  .usersPage{
    padding-top:0!important;
  }
  .usersPageHead{
    margin-top:0!important;
  }

  /* Acciones completas y legibles en el constructor. */
  .builderManageItem{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .builderManageActions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .builderManageActions button{
    width:100%!important;
    min-width:0!important;
    padding:9px 4px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .builderManageActions button:last-child{
    grid-column:1/-1!important;
  }

  /* Más catálogo útil, sin que la flecha cubra la primera tarjeta. */
  .catalogPageActive .refContent,
  .catalogPageActive .compactCatalogContent{
    padding-top:0!important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:10px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Celulares muy pequeños */
@media(max-width:390px){
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:1fr !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    max-width:320px !important;
    margin-inline:auto !important;
    min-height:350px !important;
  }

  .compactTabs button{
    font-size:.76rem !important;
    padding-inline:2px !important;
  }

  .walletCard{
    display:none !important;
  }
}

/* =========================================================
   MoviePlay v47 — responsive total para cualquier pantalla
   ========================================================= */

/* Evitar desbordamientos globales */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
svg,
video,
canvas{
  max-width:100%;
  height:auto;
}

.refApp,
.refLayout,
.refMain,
.refContent,
#content{
  width:100%;
  min-width:0;
  max-width:100%;
}

.refMain{
  overflow-x:hidden !important;
}

.refContent{
  margin:0 auto;
}

/* Escritorio ancho */
@media(min-width:1401px){
  .refContent{
    padding:18px 28px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
    gap:24px !important;
  }
}

/* Portátiles y tablets horizontales */
@media(min-width:901px) and (max-width:1400px){
  .refHeader{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-areas:
      "menu tools actions" !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 14px !important;
  }

  #menu{
    grid-area:menu;
  }

  .headerTitleBlock{
    display:none !important;
  }

  .headerContextTools{
    grid-area:tools;
    min-width:0 !important;
  }

  .headerActions.walletHeader{
    grid-area:actions;
    width:auto !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:auto minmax(180px,1fr) !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(150px,1fr) 78px !important;
    min-width:0 !important;
  }

  .compactTabs button{
    padding-inline:9px !important;
  }

  .walletInfo{
    min-width:92px !important;
  }

  .refContent{
    padding:14px 18px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(3,minmax(190px,1fr)) !important;
    gap:16px !important;
  }
}

/* Tablets verticales y celulares grandes */
@media(max-width:900px){
  body{
    min-height:100dvh;
  }

  .announcementBar{
    position:relative !important;
    z-index:130 !important;
  }

  .refHeader{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-areas:
      "menu title logout"
      "wallet wallet wallet"
      "tools tools tools" !important;
    gap:8px !important;
    padding:8px 10px !important;
    min-height:auto !important;
    overflow:visible !important;
  }

  #menu{
    grid-area:menu !important;
    width:42px !important;
    height:42px !important;
  }

  .headerTitleBlock{
    grid-area:title !important;
    display:block !important;
    min-width:0 !important;
    text-align:center;
  }

  .catalogPageActive .headerTitleBlock{
    display:block !important;
  }

  .headerTitleBlock h1,
  .catalogPageActive .headerTitleBlock h1{
    display:block !important;
    margin:0 !important;
    font-size:1.08rem !important;
    line-height:42px !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mobileLogout{
    grid-area:logout !important;
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center;
  }

  .headerActions.walletHeader{
    display:contents !important;
  }

  .installAppHeader{
    display:none !important;
  }

  .walletCard{
    grid-area:wallet !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:6px 8px !important;
    gap:8px !important;
  }

  .walletIcon{
    display:grid !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  .walletInfo{
    min-width:0 !important;
  }

  .walletInfo span{
    display:block !important;
    font-size:.66rem !important;
  }

  .walletInfo b{
    display:block;
    max-width:none !important;
    font-size:.94rem !important;
  }

  .walletAction{
    display:block !important;
    min-height:36px !important;
    padding:6px 10px !important;
    font-size:.76rem !important;
  }

  .headerContextTools{
    grid-area:tools !important;
    min-width:0 !important;
    width:100% !important;
    overflow:visible !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
    gap:7px !important;
  }

  .compactTabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    gap:5px !important;
  }

  .compactTabs button{
    width:100% !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    padding:5px 4px !important;
    font-size:.8rem !important;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .compactTabs button small{
    font-size:.65rem !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 72px !important;
    width:100% !important;
    min-width:0 !important;
    gap:6px !important;
  }

  .compactSearch{
    width:100% !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
  }

  .compactSearch input{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  .compactTools select{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    height:40px !important;
    min-height:40px !important;
    font-size:.82rem !important;
  }

  .refContent{
    padding:8px !important;
  }

  /* Tarjetas equilibradas */
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    gap:8px !important;
    align-items:stretch;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:0.70 / 1 !important;
    padding:10px !important;
    border-radius:17px !important;
  }

  .premiumLogo{
    width:72% !important;
    max-width:130px !important;
  }

  .premiumStock{
    max-width:90% !important;
    font-size:.72rem !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .premiumDuration{
    max-width:92% !important;
    padding-inline:6px !important;
    font-size:.74rem !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .premiumPrice{
    font-size:.95rem !important;
  }

  /* Secciones */
  .metricGrid,
  .dashboardColumns,
  .dashboardColumns.two,
  .settingsColumns,
  .builderGrid,
  .form2,
  .form3,
  .fieldGrid2{
    grid-template-columns:1fr !important;
  }

  .dashboardHero,
  .builderIntro,
  .settingsHero,
  .panel,
  .dashboardPanel,
  .settingsCard,
  .previewPanel,
  .uploadBar{
    width:100% !important;
    min-width:0 !important;
  }

  .panelHead,
  .groupHead,
  .uploadBar,
  .builderIntroActions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .panelHead > *,
  .groupHead > *,
  .uploadBar > *,
  .builderIntroActions > *{
    width:100%;
    min-width:0;
  }

  .panelHead button,
  .groupHead button,
  .uploadBar button,
  .uploadBar .btn,
  .builderIntroActions button{
    width:100% !important;
  }

  /* Tablas táctiles */
  .tableWrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    border-radius:12px !important;
  }

  .tableWrap table{
    width:max-content !important;
    min-width:720px !important;
  }

  .tableWrap th,
  .tableWrap td{
    padding:10px 9px !important;
    font-size:.82rem !important;
  }

  /* Formularios */
  form,
  .builderForm{
    width:100%;
    min-width:0;
  }

  label{
    min-width:0;
  }

  input,
  select,
  textarea{
    width:100%;
    max-width:100%;
    font-size:16px !important;
  }

  .priceEditRow,
  .userActions,
  .settingsButtons,
  .builderActions,
  .saleWhatsappActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .priceEditRow > *,
  .userActions > *,
  .settingsButtons > *,
  .builderActions > *,
  .saleWhatsappActions > *{
    width:100% !important;
  }

  /* Modales tipo hoja inferior */
  .modal{
    align-items:flex-end !important;
    padding:0 !important;
  }

  .modalBox{
    width:100% !important;
    max-width:100% !important;
    max-height:94dvh !important;
    border-radius:20px 20px 0 0 !important;
    padding:20px 14px calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .modalBox .close{
    margin:-8px -2px 4px 8px !important;
  }

  /* Menú lateral */
  .refSidebar{
    width:min(300px,88vw) !important;
  }

  .refSidebar nav button{
    min-height:48px !important;
  }
}

/* Celulares medianos */
@media(max-width:600px){
  .refHeader{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    padding:7px 8px !important;
  }

  #menu,
  .mobileLogout{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  .headerTitleBlock h1,
  .catalogPageActive .headerTitleBlock h1{
    line-height:40px !important;
    font-size:1rem !important;
  }

  .walletCard{
    min-height:44px !important;
  }

  .walletIcon{
    display:none !important;
  }

  .walletCard{
    grid-template-columns:minmax(0,1fr) auto !important;
  }

  .walletInfo span{
    font-size:.62rem !important;
  }

  .walletInfo b{
    font-size:.88rem !important;
  }

  .walletAction{
    padding-inline:6px !important;
  }

  .refContent{
    padding:7px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:7px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    border-radius:15px !important;
    padding:8px !important;
  }

  .premiumStock{
    font-size:.66rem !important;
    padding:6px 7px !important;
  }

  .premiumDuration{
    font-size:.68rem !important;
  }

  .premiumPrice{
    font-size:.88rem !important;
  }

  .dashboardHero,
  .builderIntro,
  .settingsHero,
  .panel,
  .dashboardPanel,
  .settingsCard{
    padding:13px !important;
  }

  .dashboardHero h1,
  .builderIntro h1,
  .settingsHero h1{
    font-size:1.35rem !important;
  }
}

/* Celulares pequeños */
@media(max-width:420px){
  .compactTabs button{
    font-size:.72rem !important;
  }

  .compactTabs button small{
    display:block !important;
    margin-top:1px;
  }

  .walletInfo span{
    display:none !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:1fr !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:min(100%,310px) !important;
    aspect-ratio:0.76 / 1 !important;
    margin-inline:auto !important;
  }

  .premiumLogo{
    max-width:155px !important;
  }

  .tableWrap table{
    min-width:650px !important;
  }
}

/* Pantallas muy pequeñas */
@media(max-width:340px){
  .walletAction{
    display:none !important;
  }

  .walletCard{
    grid-template-columns:1fr !important;
    text-align:center;
  }

  .compactTools{
    grid-template-columns:1fr !important;
  }

  .compactTools select{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}

/* MoviePlay v48 — inicio de sesión temático y campos vacíos */
.refLogin{
  position:relative;
  min-height:100dvh;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(5,10,20,.28),rgba(5,10,20,.58)),
    url('/login-background.svg') center/cover no-repeat;
}

.refLogin::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 20%,rgba(124,58,237,.18),transparent 34%),
    radial-gradient(circle at 78% 70%,rgba(37,99,235,.18),transparent 32%);
}

.refLoginHero{
  position:relative;
  display:flex;
  align-items:center;
  padding:clamp(32px,6vw,100px);
  color:#fff;
  background:transparent !important;
}

.heroCopy{
  max-width:720px;
  padding:30px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:rgba(7,17,31,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.heroCopy h1{
  font-size:clamp(2.2rem,5vw,4.7rem) !important;
  line-height:1.02 !important;
  margin:14px 0 18px !important;
  text-shadow:0 8px 30px rgba(0,0,0,.3);
}

.heroCopy p{
  max-width:600px;
  font-size:clamp(1rem,1.5vw,1.25rem) !important;
  color:rgba(255,255,255,.84) !important;
}

.platformBubbles{
  flex-wrap:wrap;
}

.platformBubbles span{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

.refLoginPanel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,4vw,54px);
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:-24px 0 70px rgba(0,0,0,.18);
}

.refLoginCard{
  width:min(100%,430px) !important;
  padding:clamp(24px,4vw,40px) !important;
  border:1px solid rgba(203,213,225,.85) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.14) !important;
}

.refLoginCard label{
  display:grid;
  gap:7px;
  margin-top:15px;
  color:#334155;
  font-weight:800;
}

.refLoginCard input{
  min-height:50px;
  padding:12px 14px;
  border:1px solid #cbd5e1;
  border-radius:13px;
  background:#fff;
  font-size:16px;
}

.refLoginCard input::placeholder{
  color:#94a3b8;
}

.refLoginCard input:focus{
  border-color:#6366f1;
  box-shadow:0 0 0 4px rgba(99,102,241,.12);
}

.refLoginButton{
  width:100%;
  min-height:50px;
  margin-top:22px;
  border-radius:13px !important;
}

@media(max-width:900px){
  .refLogin{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    background-position:center;
  }

  .refLoginHero{
    min-height:32dvh;
    padding:22px 16px 12px;
    align-items:flex-end;
  }

  .heroCopy{
    width:100%;
    padding:18px;
    border-radius:20px;
  }

  .heroCopy h1{
    font-size:clamp(1.7rem,7vw,2.5rem) !important;
    margin:8px 0 10px !important;
  }

  .heroCopy p{
    font-size:.94rem !important;
    margin-bottom:10px !important;
  }

  .platformBubbles{
    display:none !important;
  }

  .refLoginPanel{
    min-height:68dvh;
    padding:18px 14px calc(20px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    box-shadow:0 -18px 50px rgba(0,0,0,.2);
  }

  .refLoginCard{
    width:100% !important;
    max-width:480px !important;
    padding:24px 18px !important;
    border-radius:20px !important;
  }
}

@media(max-width:480px){
  .refLoginHero{
    min-height:27dvh;
    padding-top:14px;
  }

  .heroCopy{
    padding:14px;
  }

  .heroCopy .eyebrow{
    font-size:.66rem !important;
  }

  .heroCopy h1{
    font-size:1.55rem !important;
  }

  .heroCopy p{
    display:none;
  }

  .refLoginPanel{
    min-height:73dvh;
    padding:12px 10px calc(14px + env(safe-area-inset-bottom));
  }

  .refLoginCard{
    padding:20px 14px !important;
  }

  .loginBrand{
    margin-bottom:8px;
  }
}

/* MoviePlay v49 — barra fija y dos tarjetas por fila en móvil */

/* Barra superior fija en todas las pantallas */
.refHeader{
  position:sticky !important;
  top:0 !important;
  z-index:500 !important;
  width:100% !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
}

/* Si existe barra de anuncio, el encabezado queda debajo */
body:has(.announcementBar) .refHeader{
  top:var(--announcement-offset, 0px) !important;
}

.announcementBar{
  position:sticky !important;
  top:0 !important;
  z-index:510 !important;
}

/* Evita que la barra pierda el sticky por contenedores */
.refApp,
.refLayout,
.refMain{
  overflow:visible !important;
}

.refContent{
  overflow:visible !important;
}

/* Mantener dos tarjetas por fila en celulares */
@media(max-width:600px){
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:.72 / 1 !important;
    margin:0 !important;
    padding:7px !important;
    border-radius:14px !important;
  }

  .premiumLogo{
    width:68% !important;
    max-width:105px !important;
  }

  .premiumStock{
    max-width:92% !important;
    padding:5px 6px !important;
    font-size:.62rem !important;
  }

  .premiumDuration{
    max-width:94% !important;
    padding:5px 6px !important;
    font-size:.64rem !important;
  }

  .premiumPrice{
    font-size:.82rem !important;
  }
}

/* Sobrescribir la columna única de versiones anteriores */
@media(max-width:420px){
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:.70 / 1 !important;
    margin:0 !important;
    padding:6px !important;
  }

  .premiumLogo{
    max-width:92px !important;
  }

  .premiumStock{
    font-size:.58rem !important;
  }

  .premiumDuration{
    font-size:.60rem !important;
  }

  .premiumPrice{
    font-size:.76rem !important;
  }
}

/* En pantallas extremadamente angostas, conservar dos columnas sin desbordar */
@media(max-width:340px){
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    padding:5px !important;
    border-radius:12px !important;
  }

  .premiumLogo{
    max-width:78px !important;
  }

  .premiumStock{
    padding:4px 5px !important;
    font-size:.54rem !important;
  }

  .premiumDuration{
    padding:4px 5px !important;
    font-size:.56rem !important;
  }

  .premiumPrice{
    font-size:.70rem !important;
  }
}

/* ==========================================================
   MoviePlay v50 — móvil limpio, espacioso y dos tarjetas
   Referencia: bordes amplios y separación visual tipo catálogo
   ========================================================== */

@media(max-width:900px){

  /* El encabezado queda fijo, pero organizado por bloques */
  .refHeader{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-areas:
      "menu title logout"
      "tools tools tools" !important;
    row-gap:10px !important;
    padding:10px 14px 12px !important;
    border-bottom:1px solid #e7edf5 !important;
  }

  /* En móvil ocultamos el bloque grande de saldo para descongestionar */
  .walletCard{
    display:none !important;
  }

  .headerActions.walletHeader{
    display:contents !important;
  }

  .headerContextTools{
    grid-area:tools !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .compactTabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .compactTabs button{
    min-height:48px !important;
    height:48px !important;
    padding:6px 8px !important;
    border-radius:15px !important;
    font-size:.88rem !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 76px !important;
    gap:8px !important;
  }

  .compactSearch,
  .compactTools select{
    min-height:48px !important;
    height:48px !important;
    border-radius:15px !important;
  }

  /* Contenedor del catálogo con márgenes amplios */
  .refContent{
    padding:22px 18px 28px !important;
  }

  .premiumCatalog,
  .directCatalog,
  .compactCatalogContent{
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
  }

  /* Dos tarjetas por fila con espacio real */
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 18px !important;
    width:100% !important;
    padding:0 !important;
    margin:0 auto !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:.68 / 1 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:12px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 10px 28px rgba(15,23,42,.14) !important;
  }

  .premiumGift:hover,
  .referenceGift:hover,
  .neoGiftCard:hover,
  .giftCard:hover{
    transform:none !important;
  }

  .premiumLogo{
    width:68% !important;
    max-width:125px !important;
  }

  .premiumStock{
    max-width:88% !important;
    font-size:.70rem !important;
    padding:7px 9px !important;
  }

  .premiumDuration{
    max-width:90% !important;
    font-size:.72rem !important;
    padding:7px 9px !important;
  }

  .premiumPrice{
    font-size:.92rem !important;
  }
}

@media(max-width:600px){
  .refHeader{
    padding:9px 12px 11px !important;
  }

  .refContent{
    padding:20px 16px 26px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:20px 14px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    border-radius:18px !important;
    padding:10px !important;
  }
}

@media(max-width:420px){
  .refContent{
    padding:18px 14px 24px !important;
  }

  .compactTabs{
    gap:7px !important;
  }

  .compactTabs button{
    min-height:46px !important;
    height:46px !important;
    padding:5px 4px !important;
    font-size:.78rem !important;
  }

  .compactTools{
    grid-template-columns:minmax(0,1fr) 72px !important;
    gap:7px !important;
  }

  .compactSearch,
  .compactTools select{
    min-height:46px !important;
    height:46px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 12px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:.66 / 1 !important;
    border-radius:17px !important;
    padding:9px !important;
  }

  .premiumLogo{
    max-width:105px !important;
  }

  .premiumStock{
    font-size:.64rem !important;
    padding:6px 7px !important;
  }

  .premiumDuration{
    font-size:.66rem !important;
    padding:6px 7px !important;
  }

  .premiumPrice{
    font-size:.84rem !important;
  }
}

@media(max-width:360px){
  .refContent{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:16px 10px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    border-radius:15px !important;
    padding:8px !important;
  }

  .premiumLogo{
    max-width:92px !important;
  }

  .premiumStock,
  .premiumDuration{
    font-size:.60rem !important;
  }

  .premiumPrice{
    font-size:.78rem !important;
  }
}

/* ==========================================================
   MoviePlay v51 — escritorio espacioso + sidebar solo iconos
   ========================================================== */

/* Escritorio: catálogo centrado, con márgenes y espacios amplios */
@media(min-width:901px){
  .refContent{
    padding:36px 36px 48px !important;
  }

  .premiumCatalog,
  .directCatalog,
  .compactCatalogContent{
    width:100% !important;
    max-width:1500px !important;
    margin:0 auto !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(230px,1fr)) !important;
    gap:36px 30px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:.72 / 1 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:18px !important;
    border-radius:24px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.13) !important;
  }

  .premiumGift:hover,
  .referenceGift:hover,
  .neoGiftCard:hover,
  .giftCard:hover{
    transform:translateY(-3px) !important;
  }

  .premiumLogo{
    width:68% !important;
    max-width:180px !important;
  }

  .premiumStock{
    max-width:86% !important;
    padding:10px 14px !important;
    font-size:.9rem !important;
  }

  .premiumDuration{
    max-width:88% !important;
    padding:9px 13px !important;
    font-size:.9rem !important;
  }

  .premiumPrice{
    font-size:1.15rem !important;
  }

  /* Más aire entre encabezado y tarjetas */
  .compactCatalogContent{
    padding-top:2px !important;
  }

  /* Encabezado limpio y alineado */
  .refHeader{
    padding:14px 20px !important;
    min-height:84px !important;
  }

  .compactCatalogToolbar{
    gap:12px !important;
  }

  .compactTabs{
    gap:10px !important;
  }

  .compactTabs button{
    min-height:50px !important;
    padding:10px 20px !important;
    border-radius:15px !important;
  }

  .compactSearch,
  .compactTools select,
  .installAppHeader{
    min-height:50px !important;
    border-radius:15px !important;
  }

  .walletCard{
    min-height:58px !important;
    border-radius:17px !important;
  }
}

/* Portátiles medianos: mantener 4 columnas sin congestión */
@media(min-width:1180px) and (max-width:1500px){
  .refContent{
    padding:30px 28px 42px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(4,minmax(200px,1fr)) !important;
    gap:28px 22px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    padding:15px !important;
    border-radius:22px !important;
  }

  .premiumLogo{
    max-width:150px !important;
  }
}

/* Tablets horizontales: tres columnas con espacio */
@media(min-width:901px) and (max-width:1179px){
  .refContent{
    padding:26px 24px 38px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(3,minmax(190px,1fr)) !important;
    gap:26px 20px !important;
  }
}

/* ==========================================================
   Sidebar contraído: conservar una barra angosta de iconos
   ========================================================== */

@media(min-width:901px){
  .refLayout.sidebarCollapsed{
    grid-template-columns:78px minmax(0,1fr) !important;
  }

  .refLayout.sidebarCollapsed .refSidebar{
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    overflow:visible !important;
  }

  .refLayout.sidebarCollapsed .refLogoWrap{
    justify-content:center !important;
    padding:18px 10px !important;
  }

  .refLayout.sidebarCollapsed .refLogoWrap > div:last-child{
    display:none !important;
  }

  .refLayout.sidebarCollapsed .refLogoWrap .brandLogo,
  .refLayout.sidebarCollapsed .refLogoWrap .customBrandLogo{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
  }

  .refLayout.sidebarCollapsed .refSidebar nav{
    padding:10px 8px !important;
  }

  .refLayout.sidebarCollapsed .refSidebar nav button{
    position:relative;
    width:54px !important;
    min-width:54px !important;
    height:52px !important;
    min-height:52px !important;
    margin:6px auto !important;
    padding:0 !important;
    justify-content:center !important;
    border-radius:14px !important;
  }

  .refLayout.sidebarCollapsed .refSidebar nav button > span:last-child{
    display:none !important;
  }

  .refLayout.sidebarCollapsed .refSidebar nav button .navIcon{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    font-size:1.1rem !important;
  }

  /* Tooltip al pasar el mouse */
  .refLayout.sidebarCollapsed .refSidebar nav button::after{
    content:attr(aria-label);
    position:absolute;
    left:64px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    white-space:nowrap;
    padding:8px 10px;
    border-radius:9px;
    background:#111827;
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    z-index:30;
  }

  .refLayout.sidebarCollapsed .refSidebar nav button:hover::after{
    display:block;
  }

  .refLayout.sidebarCollapsed .refSidebar .profile{
    justify-content:center !important;
    padding:12px 8px !important;
  }

  .refLayout.sidebarCollapsed .refSidebar .profile > div:nth-child(2){
    display:none !important;
  }

  .refLayout.sidebarCollapsed .refSidebar .profile .avatar{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin:0 auto !important;
  }

  .refLayout.sidebarCollapsed .refSidebar .profile #logout{
    display:none !important;
  }

  .refLayout.sidebarCollapsed .refMain{
    width:100% !important;
    min-width:0 !important;
  }
}

/* ==========================================================
   MoviePlay v52 — móvil realmente limpio y ordenado
   ========================================================== */

@media(max-width:900px){

  /* Solo la fila principal queda fija */
  .refHeader{
    position:relative !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-areas:
      "menu title logout"
      "tools tools tools" !important;
    padding:0 !important;
    gap:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:0 !important;
  }

  .refHeader::before{
    content:"";
    position:sticky;
    top:0;
    grid-column:1/-1;
    grid-row:1;
    height:58px;
    margin-bottom:-58px;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e6ebf2;
    box-shadow:0 8px 20px rgba(15,23,42,.08);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    z-index:1;
  }

  #menu,
  .headerTitleBlock,
  .mobileLogout{
    position:sticky !important;
    top:0 !important;
    z-index:3 !important;
    margin-top:8px !important;
    margin-bottom:8px !important;
  }

  #menu{
    grid-area:menu !important;
    margin-left:12px !important;
  }

  .headerTitleBlock{
    grid-area:title !important;
    min-width:0 !important;
    align-self:center;
    text-align:center;
  }

  .headerTitleBlock h1,
  .catalogPageActive .headerTitleBlock h1{
    line-height:42px !important;
    font-size:1rem !important;
    color:#172033 !important;
  }

  .mobileLogout{
    grid-area:logout !important;
    margin-right:12px !important;
  }

  /* Las categorías y el buscador dejan de ser fijos */
  .headerContextTools{
    grid-area:tools !important;
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    padding:14px 16px 4px !important;
    background:#f4f6f9 !important;
  }

  .compactCatalogToolbar{
    gap:10px !important;
  }

  .compactTabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .compactTabs button{
    min-height:44px !important;
    height:44px !important;
    border-radius:14px !important;
    padding:5px 4px !important;
    font-size:.78rem !important;
  }

  .compactTabs button small{
    display:block !important;
    margin-top:1px;
    font-size:.64rem !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 72px !important;
    gap:8px !important;
  }

  .compactSearch,
  .compactTools select{
    min-height:44px !important;
    height:44px !important;
    border-radius:14px !important;
  }

  /* El catálogo empieza con aire suficiente */
  .refContent{
    padding:18px 16px 28px !important;
    background:#f4f6f9 !important;
  }

  .premiumCatalog,
  .directCatalog,
  .compactCatalogContent{
    width:100% !important;
    max-width:720px !important;
    margin:0 auto !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 14px !important;
    width:100% !important;
    padding:0 !important;
    margin:0 auto !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:.72 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:18px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.13) !important;
  }

  .premiumLogo{
    width:66% !important;
    max-width:112px !important;
  }

  .premiumStock{
    max-width:88% !important;
    padding:6px 8px !important;
    font-size:.64rem !important;
  }

  .premiumDuration{
    max-width:90% !important;
    padding:6px 8px !important;
    font-size:.66rem !important;
  }

  .premiumPrice{
    font-size:.84rem !important;
  }
}

@media(max-width:420px){
  .headerContextTools{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .refContent{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:16px 12px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    aspect-ratio:.70 / 1 !important;
    border-radius:16px !important;
    padding:8px !important;
  }

  .premiumLogo{
    max-width:100px !important;
  }
}

@media(max-width:350px){
  .headerContextTools{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .refContent{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:14px 8px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    padding:7px !important;
    border-radius:14px !important;
  }

  .premiumStock,
  .premiumDuration{
    font-size:.58rem !important;
  }

  .premiumPrice{
    font-size:.76rem !important;
  }
}

/* ==========================================================
   MoviePlay v53 — barras fijas + responsive sin perder datos
   ========================================================== */

:root{
  --movieplay-header-h:86px;
  --movieplay-sidebar-w:278px;
  --movieplay-sidebar-collapsed-w:78px;
}

/* Estructura estable en escritorio */
@media(min-width:901px){
  .refLayout{
    display:grid !important;
    grid-template-columns:var(--movieplay-sidebar-w) minmax(0,1fr) !important;
    min-height:100dvh !important;
    align-items:start !important;
  }

  .refSidebar{
    position:sticky !important;
    top:0 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:600 !important;
  }

  .refMain{
    min-width:0 !important;
    width:100% !important;
  }

  .refHeader{
    position:sticky !important;
    top:0 !important;
    z-index:550 !important;
    min-height:var(--movieplay-header-h) !important;
    background:rgba(255,255,255,.97) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    box-shadow:0 10px 26px rgba(15,23,42,.09) !important;
    border-bottom:1px solid #e6ebf2 !important;
  }

  .refLayout.sidebarCollapsed{
    grid-template-columns:var(--movieplay-sidebar-collapsed-w) minmax(0,1fr) !important;
  }

  .refLayout.sidebarCollapsed .refSidebar{
    width:var(--movieplay-sidebar-collapsed-w) !important;
    min-width:var(--movieplay-sidebar-collapsed-w) !important;
    max-width:var(--movieplay-sidebar-collapsed-w) !important;
  }
}

/* Barra superior fija y compacta en tablet y móvil */
@media(max-width:900px){
  :root{
    --movieplay-mobile-top-row:58px;
  }

  .refMain{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .refHeader{
    position:sticky !important;
    top:0 !important;
    z-index:700 !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-areas:
      "menu title logout"
      "tools tools tools" !important;
    gap:8px !important;
    padding:8px 10px 10px !important;
    background:rgba(255,255,255,.98) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    border-bottom:1px solid #e4eaf1 !important;
    box-shadow:0 8px 22px rgba(15,23,42,.10) !important;
  }

  .refHeader::before{
    display:none !important;
  }

  #menu,
  .headerTitleBlock,
  .mobileLogout{
    position:relative !important;
    top:auto !important;
    margin:0 !important;
  }

  #menu{
    grid-area:menu !important;
    width:42px !important;
    height:42px !important;
  }

  .headerTitleBlock{
    grid-area:title !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  .headerTitleBlock h1,
  .catalogPageActive .headerTitleBlock h1{
    margin:0 !important;
    line-height:1.1 !important;
    font-size:1rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  .mobileLogout{
    grid-area:logout !important;
    width:42px !important;
    height:42px !important;
  }

  .headerContextTools{
    grid-area:tools !important;
    padding:0 !important;
    background:transparent !important;
    min-width:0 !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .compactTabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }

  .compactTabs button{
    min-width:0 !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:13px !important;
    padding:4px 3px !important;
    font-size:.76rem !important;
    line-height:1.05 !important;
    overflow:hidden !important;
  }

  .compactTabs button small{
    display:inline !important;
    margin-left:2px !important;
    font-size:.62rem !important;
  }

  .compactTools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 66px !important;
    gap:6px !important;
    min-width:0 !important;
  }

  .compactSearch{
    width:100% !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:13px !important;
  }

  .compactSearch input{
    min-width:0 !important;
    width:100% !important;
    font-size:16px !important;
  }

  .compactTools select{
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:13px !important;
    padding-left:8px !important;
    padding-right:20px !important;
    font-size:.78rem !important;
  }

  .walletCard,
  .installAppHeader{
    display:none !important;
  }

  /* Catálogo con dos tarjetas por fila, sin perder información */
  .refContent{
    padding:16px 14px 26px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 12px !important;
    width:100% !important;
    margin:0 auto !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:300px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:17px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  .premiumLogo{
    width:66% !important;
    max-width:112px !important;
    margin:auto !important;
  }

  .premiumStock{
    max-width:92% !important;
    width:max-content !important;
    padding:6px 8px !important;
    font-size:.64rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .premiumDuration{
    max-width:94% !important;
    width:max-content !important;
    padding:6px 8px !important;
    font-size:.66rem !important;
    white-space:normal !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  .premiumPrice{
    font-size:.86rem !important;
    line-height:1.1 !important;
  }
}

/* Celulares medianos */
@media(max-width:600px){
  .refHeader{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    padding:7px 8px 9px !important;
  }

  #menu,
  .mobileLogout{
    width:40px !important;
    height:40px !important;
  }

  .compactTabs button{
    height:38px !important;
    min-height:38px !important;
    font-size:.72rem !important;
  }

  .compactTools{
    grid-template-columns:minmax(0,1fr) 62px !important;
  }

  .compactSearch,
  .compactTools select{
    height:38px !important;
    min-height:38px !important;
  }

  .compactTools select{
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
  }

  .refContent{
    padding:14px 12px 24px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    gap:14px 10px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:280px !important;
    padding:8px !important;
    border-radius:15px !important;
  }

  .premiumLogo{
    max-width:100px !important;
  }

  .premiumStock{
    font-size:.60rem !important;
  }

  .premiumDuration{
    font-size:.62rem !important;
  }

  .premiumPrice{
    font-size:.80rem !important;
  }
}

/* Pantallas muy pequeñas: conservar 2 tarjetas */
@media(max-width:380px){
  .compactTabs{
    gap:5px !important;
  }

  .compactTabs button{
    font-size:.66rem !important;
    padding-inline:0px !important;
  }

  .compactTabs button small{
    font-size:.56rem !important;
  }

  .refContent{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 8px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:260px !important;
    padding:7px !important;
    border-radius:14px !important;
  }

  .premiumLogo{
    max-width:88px !important;
  }

  .premiumStock{
    max-width:96% !important;
    padding:5px 6px !important;
    font-size:.56rem !important;
  }

  .premiumDuration{
    max-width:96% !important;
    padding:5px 6px !important;
    font-size:.58rem !important;
  }

  .premiumPrice{
    font-size:.74rem !important;
  }
}

/* MoviePlay v54 — selector desplegable móvil y tarjetas completas */
.mobileSectionSelector{display:none}

@media(max-width:900px){
  /* Solo la fila principal permanece fija */
  .refHeader{
    position:sticky !important;
    top:0 !important;
    z-index:700 !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-areas:"menu title logout" !important;
    gap:8px !important;
    padding:8px 10px !important;
    min-height:58px !important;
    background:rgba(255,255,255,.98) !important;
  }

  /* Herramientas fuera del panel fijo */
  .catalogPageActive .headerContextTools{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:58px !important;
    padding:10px 14px 10px !important;
    background:#f4f6f9 !important;
    box-shadow:none !important;
  }

  .catalogPageActive .refContent{
    padding-top:126px !important;
  }

  .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .compactTabs{
    display:none !important;
  }

  .mobileSectionSelector{
    display:block !important;
    width:100% !important;
  }

  .mobileSectionSelector span{
    display:none !important;
  }

  .mobileSectionSelector select{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    border:1px solid #d7e0ec !important;
    border-radius:13px !important;
    padding:8px 34px 8px 12px !important;
    background:#fff !important;
    font-size:.88rem !important;
    font-weight:800 !important;
  }

  .compactTools{
    grid-template-columns:minmax(0,1fr) 66px !important;
    gap:7px !important;
  }

  .compactSearch,
  .compactTools select{
    height:42px !important;
    min-height:42px !important;
  }

  /* Dos tarjetas completas por fila */
  .premiumGiftGrid,
  .referenceGrid,
  .neoGiftGrid,
  .giftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 12px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:330px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:10px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    overflow:hidden !important;
  }

  .premiumStock,
  .premiumLogo,
  .premiumDuration,
  .premiumPrice{
    flex-shrink:0 !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .headerContextTools{
    top:56px !important;
    padding:9px 12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:122px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:310px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .refContent{
    padding-top:118px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    min-height:290px !important;
  }
}

/* MoviePlay v55 — móvil libre y botón flotante de instalación */

.mobileInstallFab{
  display:none;
}

@media(max-width:900px){

  /* Ocultar por completo búsqueda y ordenamiento en móvil */
  .compactTools{
    display:none !important;
  }

  /* Solo selector desplegable debajo del encabezado */
  .catalogPageActive .headerContextTools{
    top:58px !important;
    padding:10px 14px !important;
  }

  .catalogPageActive .refContent{
    padding-top:70px !important;
  }

  .compactCatalogToolbar{
    display:block !important;
  }

  .mobileSectionSelector select{
    height:44px !important;
    min-height:44px !important;
  }

  /* Botón flotante pequeño para instalar */
  .mobileInstallFab{
    position:fixed !important;
    right:14px !important;
    bottom:calc(16px + env(safe-area-inset-bottom)) !important;
    z-index:850 !important;
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#111827 !important;
    color:#fff !important;
    font-size:1.05rem !important;
    font-weight:900 !important;
    box-shadow:0 12px 30px rgba(15,23,42,.30) !important;
    cursor:pointer !important;
  }

  .mobileInstallFab:active{
    transform:scale(.96);
  }

  /* Evitar que el botón cubra el final de las tarjetas */
  .refContent{
    padding-bottom:84px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .headerContextTools{
    top:56px !important;
    padding:9px 12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:68px !important;
  }

  .mobileInstallFab{
    right:12px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .refContent{
    padding-top:66px !important;
  }

  .mobileInstallFab{
    right:10px !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    font-size:.95rem !important;
  }
}

/* Cuando la app ya está instalada, ocultar el botón */
@media(display-mode:standalone){
  .mobileInstallFab{
    display:none !important;
  }
}

/* MoviePlay v56 — selector móvil fijo */

@media(max-width:900px){

  /* Altura de la barra principal móvil */
  .refHeader{
    position:sticky !important;
    top:0 !important;
    z-index:700 !important;
  }

  /* Selector fijo inmediatamente debajo del encabezado */
  .catalogPageActive .headerContextTools{
    position:fixed !important;
    top:58px !important;
    left:0 !important;
    right:0 !important;
    z-index:690 !important;
    padding:9px 14px 10px !important;
    background:rgba(244,246,249,.98) !important;
    border-bottom:1px solid #e3e9f1 !important;
    box-shadow:0 7px 18px rgba(15,23,42,.08) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  .catalogPageActive .compactCatalogToolbar{
    width:100% !important;
    max-width:720px !important;
    margin:0 auto !important;
  }

  .catalogPageActive .mobileSectionSelector{
    width:100% !important;
  }

  .catalogPageActive .mobileSectionSelector select{
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:14px !important;
    box-shadow:0 5px 14px rgba(15,23,42,.06) !important;
  }

  /* Reservar espacio para que la primera tarjeta nunca quede cubierta */
  .catalogPageActive .refContent{
    padding-top:72px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .headerContextTools{
    top:56px !important;
    padding:8px 12px 9px !important;
  }

  .catalogPageActive .mobileSectionSelector select{
    height:42px !important;
    min-height:42px !important;
  }

  .catalogPageActive .refContent{
    padding-top:68px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .headerContextTools{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .catalogPageActive .refContent{
    padding-top:66px !important;
  }
}

/* MoviePlay v57 — selector realmente fijo y stock en la parte inferior */

.mobileCatalogDock{
  display:none;
}

.premiumStockBottom{
  font-size:105% !important;
  position:relative !important;
  inset:auto !important;
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:8px !important;
  width:max-content !important;
  max-width:92% !important;
  z-index:3 !important;
}

.premiumDuration{
  display:none !important;
}

@media(max-width:900px){
  /* Ocultar el selector interno que dependía del header */
  .catalogPageActive .headerContextTools{
    display:none !important;
  }

  /* Selector fijo real, fuera de cualquier contenedor */
  .catalogPageActive .mobileCatalogDock{
    position:fixed !important;
    top:58px !important;
    left:0 !important;
    right:0 !important;
    z-index:900 !important;
    display:block !important;
    padding:9px 14px 10px !important;
    background:rgba(244,246,249,.98) !important;
    border-bottom:1px solid #e3e9f1 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  .mobileCatalogDock select{
    display:block !important;
    width:min(100%,720px) !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 auto !important;
    padding:8px 36px 8px 13px !important;
    border:1px solid #d7e0ec !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#172033 !important;
    font-size:.88rem !important;
    font-weight:850 !important;
    box-shadow:0 5px 14px rgba(15,23,42,.06) !important;
  }

  /* Espacio reservado debajo de las dos barras fijas */
  .catalogPageActive .refContent{
    padding-top:72px !important;
  }

  .premiumGift,
  .referenceGift,
  .neoGiftCard,
  .giftCard{
    justify-content:flex-start !important;
  }

  .premiumLogo{
    margin:auto !important;
  }

  .premiumStockBottom{
  font-size:105% !important;
    margin-top:auto !important;
    margin-bottom:8px !important;
    white-space:nowrap !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .mobileCatalogDock{
    top:56px !important;
    padding:8px 12px 9px !important;
  }

  .mobileCatalogDock select{
    height:42px !important;
    min-height:42px !important;
  }

  .catalogPageActive .refContent{
    padding-top:68px !important;
  }
}

/* MoviePlay v68.0 — estabilización visual y responsive */
.pwaUpdateBar{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:12000;
  width:min(520px,calc(100% - 28px));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px 13px 18px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;
  background:#111827;
  color:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.34);
  font-size:.86rem;
  font-weight:750;
}
.pwaUpdateBar[hidden]{display:none!important}
.pwaUpdateBar button{
  flex:none;
  border:0;
  border-radius:11px;
  padding:10px 13px;
  background:linear-gradient(135deg,#a3ef35,#2dd4bf);
  color:#102030;
  font-weight:900;
}

/* Una sola geometría para las tarjetas: escritorio, tablet y móvil. */
.catalogPageActive .premiumGiftGrid,
.catalogPageActive .directGiftGrid{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-items:start!important;
  justify-items:center!important;
  align-content:start!important;
}
.catalogPageActive .premiumGift{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:24px minmax(0,1fr) 30px 78px!important;
  width:100%!important;
  max-width:212px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:.59 / 1!important;
  margin:0 auto!important;
  padding:9px 9px 11px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  text-align:center!important;
}
.catalogPageActive .premiumHanger{
  grid-row:1!important;
  grid-column:1!important;
  align-self:start!important;
  justify-self:center!important;
  transform:scale(.86)!important;
  transform-origin:top center!important;
}
.catalogPageActive .premiumLogo{
  grid-row:2!important;
  grid-column:1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:2px 0!important;
  overflow:visible!important;
}
.catalogPageActive .premiumLogo img{
  display:block!important;
  width:var(--img-size,68%)!important;
  height:auto!important;
  max-width:300%!important;
  max-height:94%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate(var(--img-x,0px),var(--img-y,0px))!important;
  transform-origin:center!important;
}
.catalogPageActive .premiumCardLabel{
  grid-row:3!important;
  grid-column:1!important;
  position:static!important;
  inset:auto!important;
  place-self:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 5px!important;
  transform:none!important;
  font-size:clamp(.62rem,.8vw,var(--duration-size,.84rem))!important;
  line-height:1.1!important;
  text-align:center!important;
}
.catalogPageActive .premiumStock.premiumStockBottom{
  grid-row:4!important;
  grid-column:1!important;
  position:static!important;
  inset:auto!important;
  place-self:end stretch!important;
  box-sizing:border-box!important;
  width:calc(100% - 8px)!important;
  min-width:0!important;
  max-width:none!important;
  min-height:70px!important;
  margin:0 4px!important;
  padding:6px 5px!important;
  transform:none!important;
  border-radius:14px!important;
}

/* Rankings sin textos o cantidades superpuestos. */
.rankingList>div{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
}
.rankingList>div b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.rankingList>div strong{
  min-width:22px!important;
  padding-left:5px!important;
  text-align:right!important;
}

/* Controles del constructor legibles. */
.builderManagerTools input,
.builderManagerTools select{
  background:#fff!important;
  color:#172033!important;
  border-color:#cbd5e1!important;
}
.builderManagerTools input::placeholder{color:#718096!important}
.builderManagerTools select option{background:#fff;color:#172033}

@media(min-width:901px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 24px!important;
    padding:18px 18px 34px!important;
  }

  /* Evita que herramientas y billetera se monten entre 901 y 1350 px. */
  .catalogPageActive .refHeader{
    gap:10px!important;
  }
  .catalogPageActive .headerContextTools{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .catalogPageActive .compactCatalogToolbar{
    min-width:0!important;
    width:100%!important;
    gap:8px!important;
  }
  .catalogPageActive .compactTabs button{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .catalogPageActive .compactSearch{
    min-width:155px!important;
    width:min(230px,18vw)!important;
  }
}

@media(min-width:901px) and (max-width:1350px){
  .catalogPageActive .installAppHeader{display:none!important}
  .catalogPageActive .walletCard{padding:6px!important}
  .catalogPageActive .walletIcon{display:none!important}
  .catalogPageActive .walletInfo{min-width:76px!important}
  .catalogPageActive .walletAction{padding:9px 10px!important}
  .catalogPageActive .premiumGift{max-width:205px!important}
}

@media(min-width:601px) and (max-width:900px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    padding:18px 20px 34px!important;
  }
  .catalogPageActive .premiumGift{
    grid-template-rows:22px minmax(0,1fr) 28px 72px!important;
    max-width:190px!important;
    padding:8px 8px 10px!important;
    border-radius:22px!important;
  }
  .catalogPageActive .premiumStock.premiumStockBottom{
    width:calc(100% - 8px)!important;
    min-height:66px!important;
    margin:0 4px!important;
  }
}

@media(max-width:600px){
  .catalogPageActive .refHeader .headerTitleBlock{display:none!important}
  .catalogPageActive .refHeader{
    min-height:62px!important;
    justify-content:flex-end!important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    padding:18px 14px 38px!important;
  }
  .catalogPageActive .premiumGift{
    grid-template-rows:18px minmax(0,1fr) 22px 62px!important;
    width:100%!important;
    max-width:160px!important;
    aspect-ratio:.59 / 1!important;
    padding:7px 7px 8px!important;
    border-radius:20px!important;
  }
  .catalogPageActive .premiumHanger{transform:scale(.72)!important}
  .catalogPageActive .premiumCardLabel{
    padding:0 3px!important;
    font-size:clamp(.52rem,2.15vw,.67rem)!important;
  }
  .catalogPageActive .premiumStock.premiumStockBottom{
    width:calc(100% - 6px)!important;
    min-height:58px!important;
    margin:0 3px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  .catalogPageActive .premiumStock .stockCaption{
    font-size:clamp(.47rem,1.8vw,.58rem)!important;
  }
  .catalogPageActive .premiumStock .stockQuantity{
    font-size:clamp(1rem,4.7vw,1.3rem)!important;
  }
  .catalogPageActive .premiumStock .stockUnit{
    font-size:clamp(.53rem,2vw,.65rem)!important;
  }

  /* Listados móviles: cada fila se convierte en una ficha completa. */
  .salesResponsiveWrap,
  .usersPage>.tableWrap,
  .inventoryGroup>.tableWrap{
    overflow:visible!important;
  }
  .salesResponsiveTable,
  .usersPage table,
  .inventoryGroup table{
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }
  .salesResponsiveTable thead,
  .usersPage table thead,
  .inventoryGroup table thead{
    display:none!important;
  }
  .salesResponsiveTable tbody,
  .usersPage table tbody,
  .inventoryGroup table tbody{
    display:grid!important;
    gap:10px!important;
    padding:10px!important;
  }
  .salesResponsiveTable tr,
  .usersPage table tr,
  .inventoryGroup table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px 12px!important;
    padding:13px!important;
    border:1px solid #e3e9f1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(15,23,42,.04)!important;
  }
  .salesResponsiveTable td,
  .usersPage table td,
  .inventoryGroup table td{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    overflow-wrap:anywhere!important;
  }
  .salesResponsiveTable td:nth-child(3),
  .salesResponsiveTable td:nth-child(4),
  .salesResponsiveTable td:nth-child(5),
  .usersPage table td:first-child,
  .usersPage table td:last-child,
  .inventoryGroup table td:nth-child(3){
    grid-column:1/-1!important;
  }
  .usersPage .userActions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    gap:7px!important;
  }
  .usersPage .userActions .btn{width:100%!important;padding:9px 5px!important}
  .inventoryGroup table td:first-child{grid-column:1!important}
  .inventoryGroup table td:nth-child(2){grid-column:2!important}

  .builderManageActions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .builderManageActions button:last-child{grid-column:1/-1!important}
  .builderManagerTools{display:grid!important;grid-template-columns:1fr!important}
  .builderManagerTools input,
  .builderManagerTools select,
  .builderManagerTools button{width:100%!important}

  .mobileMenuHandle{
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  .mobileMenuHandle:active{transform:translateY(-50%) scale(.94)!important}
}

@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:10px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .catalogPageActive .premiumGift{max-width:148px!important}
  .pwaUpdateBar{
    align-items:stretch;
    flex-direction:column;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogDock{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .catalogPageActive .refContent{
    padding-top:66px !important;
  }
}

/* MoviePlay v58 — menú móvil mediante gesto lateral */
@media(max-width:900px){
  .refSidebar{
    will-change:transform;
    touch-action:pan-y;
  }

  .sidebarBackdrop{
    touch-action:pan-y;
  }

  /* Zona visual discreta que indica que el menú puede deslizarse */
  body:not(.mobileMenuOpen)::after{
    content:"";
    position:fixed;
    left:0;
    top:38%;
    width:3px;
    height:56px;
    z-index:640;
    border-radius:0 4px 4px 0;
    background:rgba(99,102,241,.35);
    pointer-events:none;
  }
}

/* MoviePlay v59 — flecha lateral y sin hamburguesa móvil */

.mobileMenuHandle{
  display:none;
}

@media(max-width:900px){

  /* Quitar las tres rayas de la parte superior */
  #menu{
    display:none !important;
  }

  .refHeader{
    grid-template-columns:minmax(0,1fr) 42px !important;
    grid-template-areas:"title logout" !important;
  }

  /* Flecha lateral visible para abrir el menú */
  .mobileMenuHandle{
    position:fixed !important;
    left:0 !important;
    top:42% !important;
    z-index:950 !important;
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    height:62px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 16px 16px 0 !important;
    background:#111827 !important;
    color:#fff !important;
    font-size:2rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:0 8px 22px rgba(15,23,42,.30) !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    transition:transform .18s ease, opacity .18s ease !important;
  }

  .mobileMenuHandle:active{
    transform:scale(.94) !important;
  }

  body.mobileMenuOpen .mobileMenuHandle{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateX(-100%) !important;
  }

  /* Quitar la antigua línea indicadora */
  body:not(.mobileMenuOpen)::after{
    display:none !important;
    content:none !important;
  }
}

@media(max-width:600px){
  .mobileMenuHandle{
    width:28px !important;
    height:58px !important;
    font-size:1.85rem !important;
  }
}

@media(max-width:380px){
  .mobileMenuHandle{
    width:26px !important;
    height:54px !important;
    font-size:1.7rem !important;
  }
}


/* v59.1 +10% stock y precio */
.premiumStock,
.premiumStockBottom{
  font-size:95% !important;
  font-size:95%
}

.premiumPrice{
  font-size:110% !important;
}


/* MoviePlay v60 — buscador de ventas y saldo visible en selector móvil */
.salesSearchBar{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding:10px;
  border:1px solid #e3e9f1;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(15,23,42,.07);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.salesSearchInput{flex:1;min-width:0;margin:0!important;}
.salesSearchInput input{width:100%;}
.salesSearchCount{white-space:nowrap;font-size:.8rem;font-weight:800;color:#64748b;}

.mobileCatalogDockInner{
  width:min(100%,720px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:8px;
}
.mobileDockBalance{
  display:flex;
  min-width:132px;
  padding:5px 11px;
  border:1px solid #d7e0ec;
  border-radius:14px;
  background:#fff;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 5px 14px rgba(15,23,42,.06);
}
.mobileDockBalance span{font-size:.62rem;font-weight:750;color:#64748b;line-height:1.1;}
.mobileDockBalance b{font-size:.84rem;font-weight:900;color:#172033;line-height:1.25;white-space:nowrap;}

@media(max-width:900px){
  .mobileCatalogDock select{width:100%!important;margin:0!important;}
  .salesSearchBar{top:58px;margin:-8px -4px 14px;padding:8px;border-radius:14px;}
}
@media(max-width:480px){
  .mobileCatalogDockInner{grid-template-columns:minmax(0,1fr) 118px;gap:6px;}
  .mobileDockBalance{min-width:0;padding:4px 8px;border-radius:12px;}
  .mobileDockBalance span{font-size:.56rem;}
  .mobileDockBalance b{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;}
  .salesSearchBar{display:grid;grid-template-columns:1fr;gap:5px;}
  .salesSearchCount{padding-left:4px;font-size:.72rem;}
}


/* MoviePlay v61 — escritorio fijo y desplazamiento exclusivo de gift cards */
@media(min-width:901px){
  body.catalogPageActive{
    height:100vh !important;
    overflow:hidden !important;
  }

  .catalogPageActive .refApp{
    height:100vh !important;
    overflow:hidden !important;
  }

  .catalogPageActive .refLayout{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .catalogPageActive .refSidebar{
    position:sticky !important;
    top:0 !important;
    height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
  }

  .catalogPageActive .refSidebar nav{
    min-height:0 !important;
    overflow-y:auto !important;
  }

  .catalogPageActive .refMain{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .catalogPageActive .refHeader{
    position:relative !important;
    top:auto !important;
    flex:0 0 auto !important;
    z-index:40 !important;
  }

  .catalogPageActive .refContent{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .catalogPageActive .premiumCatalog,
  .catalogPageActive .compactCatalogContent{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    align-content:start !important;
    padding-right:8px !important;
    padding-bottom:24px !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }
}

.neoDanger{background:#ffe7e7;color:#a42126;border:1px solid #f2b8ba;border-radius:10px;padding:13px;font-weight:800}.neoDanger:hover{background:#ffd7d8}

/* v64 · Administración visible de Gift Cards y Combos */
.builderManager{margin:18px 0 22px;padding:18px;border:1px solid var(--line,#26314b);border-radius:18px;background:var(--panel,#111827)}
.builderManagerHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.builderManagerHead h2{margin:0 0 4px}.builderManagerHead p{margin:0;opacity:.72}
.builderManagerTools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.builderManagerTools input,.builderManagerTools select{min-height:42px;border-radius:10px;border:1px solid var(--line,#334155);background:var(--input,#0b1220);color:inherit;padding:0 12px}
.builderManagerTools input{min-width:240px}
.builderManageList{display:grid;gap:9px;max-height:430px;overflow:auto;padding-right:3px}
.builderManageItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line,#2b354b);border-radius:13px;background:rgba(255,255,255,.025)}
.builderSelectItem{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.builderSelectItem>input{width:18px;height:18px;flex:0 0 auto}
.builderTypeBadge{font-size:10px;font-weight:800;letter-spacing:.06em;padding:5px 7px;border-radius:999px;background:#173b73;color:#dbeafe;white-space:nowrap}.builderTypeBadge.combo{background:#4c1d95;color:#ede9fe}
.builderManageName{display:flex;flex-direction:column;min-width:0}.builderManageName b,.builderManageName small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builderManageName small{opacity:.68;margin-top:2px}
.builderManageActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.builderManageActions button{padding:8px 11px;min-height:36px}
.builderManagerEmpty{text-align:center;padding:24px;opacity:.7}
@media(max-width:760px){.builderManagerHead{flex-direction:column}.builderManagerTools{width:100%;justify-content:stretch}.builderManagerTools input,.builderManagerTools select,.builderManagerTools button{width:100%;min-width:0}.builderManageItem{align-items:flex-start;flex-direction:column}.builderSelectItem{width:100%}.builderManageActions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.builderManageActions button{padding:8px 4px;font-size:12px}}

/* MoviePlay v65 — editor avanzado y encabezados fijos */
.premiumGift{font-family:var(--gift-font,Inter),system-ui,sans-serif}
.premiumStock{font-size:var(--stock-size,1.25rem)!important;color:var(--stock-color,#fff)!important;font-weight:var(--stock-weight,950)!important}
.premiumDuration{font-size:var(--duration-size,.84rem)!important;color:var(--duration-color,var(--text,#fff))!important;font-weight:var(--duration-weight,850)!important}
.premiumPrice{font-size:var(--price-size,1.45rem)!important;color:var(--price-color,#0f172a)!important;font-weight:var(--price-weight,950)!important}
.giftTypography{border:1px solid #dfe5ee;border-radius:16px;padding:16px;background:#f8fafc;display:grid;gap:14px}
.giftTypographyHead p{margin:4px 0 0;color:#64748b;font-size:.78rem}.giftTextRows{display:grid;gap:10px}.giftTextRow{display:grid;grid-template-columns:minmax(130px,1fr) repeat(3,minmax(95px,.7fr));gap:10px;align-items:end;padding:11px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.giftTextRow label{display:grid;gap:5px;font-size:.72rem;color:#64748b}.giftTextRow input,.giftTextRow select{width:100%;padding:9px;border:1px solid #d8dee8;border-radius:9px;background:#fff}.giftTextRow input[type=color]{padding:3px;height:39px}
/* Encabezados internos fijos: el contenido de cada sección es lo único que se desplaza */
.dashboardHero,.salesSearchBar,.panelHead,.usersPageHead,.combosHeader,.builderIntro,.builderManagerHead,.panelHeading,.priceInfoBanner,.walletHeader,.inventoryPage>.panelHead,.auditWorkspace>.builderIntro{position:sticky!important;top:84px!important;z-index:70!important;background:rgba(247,249,252,.97)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:12px;padding-bottom:12px;border-bottom:1px solid rgba(203,213,225,.8);box-shadow:0 8px 18px rgba(15,23,42,.05)}
.builderManagerHead{top:178px!important}.builderGrid .panelHeading{top:178px!important}
@media(max-width:900px){.dashboardHero,.salesSearchBar,.panelHead,.usersPageHead,.combosHeader,.builderIntro,.builderManagerHead,.panelHeading,.priceInfoBanner,.walletHeader,.inventoryPage>.panelHead,.auditWorkspace>.builderIntro{top:76px!important}.builderManagerHead,.builderGrid .panelHeading{top:160px!important}}
@media(max-width:650px){.giftTextRow{grid-template-columns:1fr 1fr}.giftTextRow>b{grid-column:1/-1}.dashboardHero,.salesSearchBar,.panelHead,.usersPageHead,.combosHeader,.builderIntro,.builderManagerHead,.panelHeading,.priceInfoBanner,.walletHeader,.inventoryPage>.panelHead,.auditWorkspace>.builderIntro{top:70px!important}.builderManagerHead,.builderGrid .panelHeading{top:150px!important}}

/* MoviePlay v80.1 — encabezado de usuarios sin superposiciones */
.usersPage{
  overflow:visible !important;
}

.usersFixedHeader{
  position:sticky;
  top:84px;
  z-index:112;
  overflow:hidden;
  background:rgba(247,249,252,.98);
  border-radius:20px 20px 0 0;
  box-shadow:0 10px 24px rgba(15,23,42,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.usersFixedHeader > .usersPageHead,
.usersFixedHeader > .usersToolbar{
  position:static !important;
  top:auto !important;
}

.usersFixedHeader > .usersPageHead{
  min-height:auto;
  margin:0 !important;
  box-shadow:none !important;
}

.usersFixedHeader > .usersToolbar{
  grid-template-columns:minmax(260px,1fr) minmax(160px,220px) auto auto;
}

.usersCreateBtn{
  min-height:44px;
  white-space:nowrap;
}

@media(max-width:900px){
  .usersFixedHeader{
    top:76px;
  }
  .usersFixedHeader > .usersToolbar{
    grid-template-columns:minmax(0,1fr) minmax(140px,190px) auto;
  }
  .usersFixedHeader .usersResultCount{
    display:none;
  }
}

@media(max-width:620px){
  .usersFixedHeader{
    position:relative;
    top:auto;
    border-radius:16px 16px 0 0;
  }
  .usersFixedHeader > .usersToolbar{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .usersFixedHeader .usersSearch{
    grid-column:1/-1;
  }
  .usersFixedHeader .usersCreateBtn{
    width:auto;
  }
}

/* MoviePlay v65.1 — alineación móvil de logo y stock */
@media(max-width:900px){
  .premiumGift{
    grid-template-rows:auto auto minmax(0,1fr) auto auto !important;
    justify-items:center !important;
  }

  /* Stock en la misma zona visual de escritorio, con un poco más de aire */
  .premiumStock{
    grid-row:2 !important;
    align-self:start !important;
    justify-self:center !important;
    margin-top:16px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    position:relative !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    max-width:92% !important;
    white-space:nowrap !important;
  }

  /* Logo centrado, proporcional al de PC y adaptado al ancho móvil */
  .premiumLogo{
    grid-row:3 !important;
    width:100% !important;
    min-height:0 !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    margin:0 auto !important;
    padding:6px 0 !important;
  }

  .premiumLogo img{
    display:block !important;
    width:var(--img-size,68%) !important;
    height:auto !important;
    max-width:300% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:auto !important;
    transform:translate(0,0) !important;
    transform-origin:center center !important;
  }

  .premiumLogo .cardInitial{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:auto !important;
    text-align:center !important;
  }
}

@media(max-width:480px){
  .premiumStock{
    margin-top:18px !important;
    max-width:94% !important;
  }

  .premiumLogo{
    padding:8px 0 4px !important;
  }
}

/* MoviePlay v65.2 — Gift Card móvil con forma de PC, sin precio y stock inferior */
@media(max-width:900px){
  /* Reduce la tarjeta aproximadamente 10% y conserva la proporción vertical de PC */
  .premiumGiftGrid{
    justify-items:center !important;
  }

  .premiumGift{
    width:90% !important;
    max-width:90% !important;
    aspect-ratio:.59 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    padding:11px 10px 12px !important;
    margin:0 auto !important;
  }

  .premiumHanger{
    grid-row:1 !important;
  }

  .premiumLogo{
    grid-row:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    padding:4px 0 !important;
  }

  .premiumLogo img{
    width:var(--img-size,68%) !important;
    height:auto !important;
    max-width:300% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:auto !important;
    transform:translate(0,0) !important;
    transform-origin:center center !important;
  }

  /* En móvil no se muestra el precio */
  .premiumPrice{
    display:none !important;
  }

  /* El stock ocupa exactamente la zona visual que antes tenía el precio */
  .premiumStock,
  .premiumStockBottom{
    grid-row:3 !important;
    position:relative !important;
    inset:auto !important;
    justify-self:center !important;
    align-self:end !important;
    width:auto !important;
    min-width:82% !important;
    max-width:94% !important;
    margin:7px auto 0 !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#0f172a !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1.05 !important;
    font-size:var(--price-size,1.45rem) !important;
    font-weight:var(--price-weight,950) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.17) !important;
    transform:none !important;
  }
}

@media(max-width:420px){
  .premiumGift{
    width:90% !important;
    max-width:90% !important;
    aspect-ratio:.59 / 1 !important;
    padding:9px 8px 10px !important;
  }

  .premiumStock,
  .premiumStockBottom{
    min-width:86% !important;
    max-width:96% !important;
    padding:7px 7px !important;
    font-size:calc(var(--price-size,1.45rem) * .78) !important;
  }
}

/* v66 final — prevalece sobre los estilos heredados de v65.3 */
.premiumDuration,
.premiumPrice{
  display:none !important;
}

.premiumStock.premiumStockBottom{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  box-sizing:border-box !important;
  width:88% !important;
  min-width:0 !important;
  max-width:88% !important;
  min-height:82px !important;
  padding:8px 10px !important;
  white-space:normal !important;
  line-height:1 !important;
}

.premiumStock.premiumStockBottom .stockCaption{
  color:#64748b !important;
  font-size:clamp(.56rem,.65vw,.7rem) !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
}

.premiumStock.premiumStockBottom .stockQuantity{
  color:var(--price-color,#0f172a) !important;
  font-size:var(--price-size,1.45rem) !important;
  font-weight:var(--price-weight,950) !important;
  line-height:1.05 !important;
}

.premiumStock.premiumStockBottom .stockUnit{
  color:#64748b !important;
  font-size:clamp(.62rem,.75vw,.78rem) !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}

@media(max-width:900px){
  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:68px !important;
    padding:6px 7px !important;
  }
  .premiumStock.premiumStockBottom .stockCaption{
    font-size:clamp(.48rem,1.8vw,.6rem) !important;
    letter-spacing:.045em !important;
  }
  .premiumStock.premiumStockBottom .stockQuantity{
    font-size:clamp(1rem,4.7vw,var(--price-size,1.45rem)) !important;
  }
  .premiumStock.premiumStockBottom .stockUnit{
    font-size:clamp(.54rem,2vw,.68rem) !important;
  }
}

@media(max-width:420px){
  .premiumStock.premiumStockBottom{
    min-width:0 !important;
    width:90% !important;
    max-width:90% !important;
    min-height:62px !important;
    padding:5px 4px !important;
    font-size:inherit !important;
  }
}

/* MoviePlay v66.1 — misma Gift Card de escritorio adaptada a móvil */
@media(max-width:900px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    padding:14px 16px 28px !important;
    justify-items:center !important;
    align-items:start !important;
  }

  .premiumGift{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:190px !important;
    aspect-ratio:.59 / 1 !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    padding:10px 9px 11px !important;
    border-radius:clamp(18px,4vw,25px) !important;
  }

  .premiumHanger{
    grid-row:1 !important;
    transform:scale(.88) !important;
    transform-origin:top center !important;
  }

  .premiumLogo{
    grid-row:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:4px 0 !important;
  }

  .premiumLogo img{
    width:var(--img-size,68%) !important;
    height:auto !important;
    max-width:300% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:translate(var(--img-x,0px),var(--img-y,0px)) !important;
    transform-origin:center center !important;
  }

  .premiumStock.premiumStockBottom{
    grid-row:3 !important;
    width:88% !important;
    max-width:88% !important;
    min-height:clamp(60px,12vw,72px) !important;
    margin:6px auto 0 !important;
    padding:6px 5px !important;
    border-radius:12px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:14px 14px 26px !important;
  }

  .premiumGift{
    max-width:180px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premiumGift{
    max-width:165px !important;
    padding:8px 7px 9px !important;
  }

  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:58px !important;
  }
}

/* MoviePlay v66 — Gift Cards limpias con unidad dinámica */
.premiumDuration,
.premiumPrice{
  display:none !important;
}

.premiumGift{
  overflow:hidden !important;
}

.premiumLogo{
  min-width:0 !important;
  overflow:visible !important;
}

.premiumStock.premiumStockBottom{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  box-sizing:border-box !important;
  width:88% !important;
  min-width:0 !important;
  max-width:88% !important;
  min-height:82px !important;
  padding:8px 10px !important;
  white-space:normal !important;
  line-height:1 !important;
}

.premiumStock .stockCaption{
  display:block !important;
  max-width:100% !important;
  color:#64748b !important;
  font-size:clamp(.56rem,.65vw,.7rem) !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

.premiumStock .stockQuantity{
  display:block !important;
  max-width:100% !important;
  color:var(--price-color,#0f172a) !important;
  font-size:var(--price-size,1.45rem) !important;
  font-weight:var(--price-weight,950) !important;
  line-height:1.05 !important;
  overflow:hidden !important;
  text-align:center !important;
  text-overflow:ellipsis !important;
}

.premiumStock .stockUnit{
  display:block !important;
  max-width:100% !important;
  color:#64748b !important;
  font-size:clamp(.62rem,.75vw,.78rem) !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  overflow:hidden !important;
  text-align:center !important;
  text-overflow:ellipsis !important;
}

@media(max-width:900px){
  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:68px !important;
    padding:6px 7px !important;
  }

  .premiumStock .stockCaption{
    font-size:clamp(.48rem,1.8vw,.6rem) !important;
    letter-spacing:.045em !important;
  }

  .premiumStock .stockQuantity{
    font-size:clamp(1rem,4.7vw,var(--price-size,1.45rem)) !important;
  }

  .premiumStock .stockUnit{
    font-size:clamp(.54rem,2vw,.68rem) !important;
  }
}

@media(max-width:420px){
  .premiumStock.premiumStockBottom{
    min-height:62px !important;
    padding:5px 4px !important;
  }
}


/* MoviePlay v65.3 — mismo diseño en PC y móvil: sin precio, stock destacado y tarjeta 10% menor */
.premiumPrice{
  display:none !important;
}

.premiumGiftGrid,
.directGiftGrid{
  justify-items:center !important;
}

.premiumGift{
  width:90% !important;
  max-width:90% !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:.59 / 1 !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  padding:11px 10px 12px !important;
  margin:0 auto !important;
  justify-items:center !important;
}

.premiumHanger{
  grid-row:1 !important;
}

.premiumLogo{
  grid-row:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:4px 0 !important;
}

.premiumLogo img{
  display:block !important;
  width:var(--img-size,68%) !important;
  height:auto !important;
  max-width:300% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  transform:translate(var(--img-x,0px),var(--img-y,0px)) !important;
  transform-origin:center center !important;
}

.premiumStock,
.premiumStockBottom{
  grid-row:3 !important;
  position:relative !important;
  inset:auto !important;
  justify-self:center !important;
  align-self:end !important;
  width:auto !important;
  min-width:82% !important;
  max-width:94% !important;
  margin:7px auto 0 !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--price-color,#0f172a) !important;
  text-align:center !important;
  white-space:nowrap !important;
  line-height:1.05 !important;
  font-size:var(--price-size,1.45rem) !important;
  font-weight:var(--price-weight,950) !important;
  box-shadow:0 7px 16px rgba(0,0,0,.17) !important;
  transform:none !important;
}

@media(max-width:420px){
  .premiumGift{
    width:90% !important;
    max-width:90% !important;
    padding:9px 8px 10px !important;
  }
  .premiumStock,
  .premiumStockBottom{
    min-width:86% !important;
    max-width:96% !important;
    padding:7px !important;
    font-size:calc(var(--price-size,1.45rem) * .78) !important;
  }
}

/* MoviePlay v66 — bloque final de stock por tipo */
.premiumDuration,
.premiumPrice{
  display:none !important;
}

.premiumStock.premiumStockBottom{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  box-sizing:border-box !important;
  width:88% !important;
  min-width:0 !important;
  max-width:88% !important;
  min-height:82px !important;
  padding:8px 10px !important;
  white-space:normal !important;
  line-height:1 !important;
}

.premiumStock.premiumStockBottom .stockCaption{
  color:#64748b !important;
  font-size:clamp(.56rem,.65vw,.7rem) !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
}

.premiumStock.premiumStockBottom .stockQuantity{
  color:var(--price-color,#0f172a) !important;
  font-size:var(--price-size,1.45rem) !important;
  font-weight:var(--price-weight,950) !important;
  line-height:1.05 !important;
}

.premiumStock.premiumStockBottom .stockUnit{
  color:#64748b !important;
  font-size:clamp(.62rem,.75vw,.78rem) !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}

@media(max-width:900px){
  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:68px !important;
    padding:6px 7px !important;
  }
  .premiumStock.premiumStockBottom .stockCaption{
    font-size:clamp(.48rem,1.8vw,.6rem) !important;
    letter-spacing:.045em !important;
  }
  .premiumStock.premiumStockBottom .stockQuantity{
    font-size:clamp(1rem,4.7vw,var(--price-size,1.45rem)) !important;
  }
  .premiumStock.premiumStockBottom .stockUnit{
    font-size:clamp(.54rem,2vw,.68rem) !important;
  }
}

@media(max-width:420px){
  .premiumStock.premiumStockBottom{
    min-width:0 !important;
    width:90% !important;
    max-width:90% !important;
    min-height:62px !important;
    padding:5px 4px !important;
    font-size:inherit !important;
  }
}

/* MoviePlay v66.1 final — proporción de escritorio en tablet y móvil */
@media(max-width:900px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    padding:14px 16px 28px !important;
    justify-items:center !important;
    align-items:start !important;
  }

  .premiumGift{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:190px !important;
    aspect-ratio:.59 / 1 !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    padding:10px 9px 11px !important;
    border-radius:clamp(18px,4vw,25px) !important;
  }

  .premiumHanger{
    grid-row:1 !important;
    transform:scale(.88) !important;
    transform-origin:top center !important;
  }

  .premiumLogo{
    grid-row:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:4px 0 !important;
  }

  .premiumLogo img{
    width:var(--img-size,68%) !important;
    height:auto !important;
    max-width:300% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:translate(var(--img-x,0px),var(--img-y,0px)) !important;
    transform-origin:center center !important;
  }

  .premiumStock.premiumStockBottom{
    grid-row:3 !important;
    width:88% !important;
    max-width:88% !important;
    min-height:clamp(60px,12vw,72px) !important;
    margin:6px auto 0 !important;
    padding:6px 5px !important;
    border-radius:12px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:14px 14px 26px !important;
  }

  .premiumGift{
    max-width:180px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premiumGift{
    max-width:165px !important;
    padding:8px 7px 9px !important;
  }

  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:58px !important;
  }
}

/* MoviePlay v66.2 — etiqueta configurable: duración, PREMIUM u otro texto */
.premiumGift{
  grid-template-rows:auto minmax(0,1fr) auto auto !important;
}

.premiumCardLabel{
  grid-row:3 !important;
  align-self:center !important;
  justify-self:center !important;
  box-sizing:border-box !important;
  width:90% !important;
  max-width:90% !important;
  margin:2px auto 3px !important;
  color:var(--text,#fff) !important;
  font-size:var(--duration-size,.84rem) !important;
  font-weight:var(--duration-weight,850) !important;
  letter-spacing:.045em !important;
  line-height:1.15 !important;
  overflow:hidden !important;
  text-align:center !important;
  text-overflow:ellipsis !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.premiumStock.premiumStockBottom{
  grid-row:4 !important;
}

@media(max-width:900px){
  .premiumGift{
    grid-template-rows:auto minmax(0,1fr) auto auto !important;
  }

  .premiumCardLabel{
    width:92% !important;
    max-width:92% !important;
    margin:1px auto 3px !important;
    font-size:clamp(.58rem,2.2vw,var(--duration-size,.84rem)) !important;
    letter-spacing:.025em !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    font-size:clamp(.53rem,2.4vw,.66rem) !important;
  }
}

/* MoviePlay v66.3 — separación media entre el logo y la etiqueta */
.premiumCardLabel{
  margin:clamp(8px,1.15vw,14px) auto 5px !important;
}

@media(max-width:900px){
  .premiumCardLabel{
    margin:clamp(5px,1.8vw,9px) auto 4px !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    margin:5px auto 3px !important;
  }
}

/* MoviePlay v66.4 — etiqueta centrada entre logo y franja de stock */
.premiumCardLabel{
  align-self:center !important;
  margin:clamp(7px,1vw,12px) auto !important;
}

.premiumStock.premiumStockBottom{
  margin-top:0 !important;
}

@media(max-width:900px){
  .premiumCardLabel{
    margin:clamp(5px,1.6vw,8px) auto !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    margin:5px auto !important;
  }
}

/* MoviePlay v66.5 — etiqueta en la franja inmediatamente inferior al logo */
.premiumCardLabel{
  position:relative !important;
  top:clamp(-25px,-1.7vw,-15px) !important;
  margin:0 auto !important;
}

.premiumStock.premiumStockBottom{
  margin-top:clamp(-8px,-.55vw,-4px) !important;
}

@media(max-width:900px){
  .premiumCardLabel{
    top:clamp(-17px,-2.8vw,-10px) !important;
    margin:0 auto !important;
  }

  .premiumStock.premiumStockBottom{
    margin-top:clamp(-5px,-1vw,-2px) !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    top:-9px !important;
  }
}

/* MoviePlay v66.6 — Gift Card móvil completa, sin recortes */
@media(max-width:600px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:18px 14px 36px !important;
    overflow-x:visible !important;
  }

  .premiumGift{
    width:92% !important;
    max-width:160px !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:.59 / 1 !important;
    padding:8px 7px 9px !important;
    margin:0 auto !important;
    overflow:hidden !important;
  }

  .premiumHanger{
    transform:scale(.78) !important;
  }

  .premiumLogo{
    max-height:100% !important;
    padding:2px 0 !important;
  }

  .premiumLogo img{
    max-height:92% !important;
  }

  .premiumCardLabel{
    top:clamp(-12px,-2.6vw,-7px) !important;
    width:92% !important;
    max-width:92% !important;
    font-size:clamp(.52rem,2.1vw,.68rem) !important;
    line-height:1.05 !important;
  }

  .premiumStock.premiumStockBottom{
    width:90% !important;
    max-width:90% !important;
    min-height:58px !important;
    padding:4px !important;
    margin-top:-2px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:10px !important;
    padding:16px 10px 32px !important;
  }

  .premiumGift{
    width:94% !important;
    max-width:148px !important;
    padding:7px 6px 8px !important;
  }

  .premiumStock.premiumStockBottom{
    min-height:54px !important;
  }
}

/* MoviePlay v66.7 — estructura interna idéntica a PC en móvil */
@media(max-width:600px){
  .premiumGift{
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto auto !important;
    align-items:stretch !important;
    justify-items:center !important;
    width:92% !important;
    max-width:160px !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:.59 / 1 !important;
    overflow:hidden !important;
  }

  .premiumHanger{
    grid-row:1 !important;
    align-self:start !important;
    justify-self:center !important;
  }

  .premiumLogo{
    grid-row:2 !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    display:flex !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 auto !important;
    padding:2px 0 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .premiumLogo img{
    display:block !important;
    width:var(--img-size,68%) !important;
    height:auto !important;
    max-width:300% !important;
    max-height:92% !important;
    margin:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:translate(var(--img-x,0px),var(--img-y,0px)) !important;
    transform-origin:center center !important;
  }

  .premiumCardLabel{
    grid-row:3 !important;
    position:static !important;
    inset:auto !important;
    align-self:center !important;
    justify-self:center !important;
    width:92% !important;
    max-width:92% !important;
    margin:4px auto 6px !important;
    transform:none !important;
  }

  .premiumStock.premiumStockBottom{
    grid-row:4 !important;
    position:static !important;
    inset:auto !important;
    align-self:end !important;
    justify-self:center !important;
    width:90% !important;
    max-width:90% !important;
    margin:0 auto !important;
    transform:none !important;
  }
}

@media(max-width:380px){
  .premiumGift{
    width:94% !important;
    max-width:148px !important;
  }

  .premiumCardLabel{
    margin:3px auto 5px !important;
  }
}

/* MoviePlay v66.8 — centrado preciso de la información en móvil */
@media(max-width:600px){
  .premiumGift{
    justify-items:center !important;
    text-align:center !important;
  }

  .premiumCardLabel{
    left:auto !important;
    right:auto !important;
    place-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .premiumStock.premiumStockBottom{
    left:auto !important;
    right:auto !important;
    place-self:end center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .premiumStock.premiumStockBottom .stockCaption,
  .premiumStock.premiumStockBottom .stockQuantity,
  .premiumStock.premiumStockBottom .stockUnit{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}

/* MoviePlay v66.9 — etiqueta dos espacios más arriba en todos los dispositivos */
.premiumCardLabel{
  transform:translateY(-12px) !important;
}

@media(max-width:900px){
  .premiumCardLabel{
    transform:translateY(-9px) !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    transform:translateY(-7px) !important;
  }
}

/* MoviePlay v66.10 — eje central y franja de stock de lado a lado en móvil */
@media(max-width:600px){
  .premiumGift{
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:stretch !important;
  }

  .premiumHanger,
  .premiumLogo,
  .premiumCardLabel,
  .premiumStock.premiumStockBottom{
    grid-column:1 / -1 !important;
    box-sizing:border-box !important;
  }

  .premiumHanger{
    justify-self:center !important;
  }

  .premiumLogo{
    justify-self:stretch !important;
    text-align:center !important;
  }

  .premiumCardLabel{
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:6px !important;
    padding-right:6px !important;
    text-align:center !important;
  }

  .premiumStock.premiumStockBottom{
    justify-self:stretch !important;
    place-self:end stretch !important;
    width:calc(100% - 12px) !important;
    min-width:calc(100% - 12px) !important;
    max-width:calc(100% - 12px) !important;
    margin-left:6px !important;
    margin-right:6px !important;
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }

  .premiumStock.premiumStockBottom .stockCaption,
  .premiumStock.premiumStockBottom .stockQuantity,
  .premiumStock.premiumStockBottom .stockUnit{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }
}

@media(max-width:380px){
  .premiumStock.premiumStockBottom{
    width:calc(100% - 8px) !important;
    min-width:calc(100% - 8px) !important;
    max-width:calc(100% - 8px) !important;
    margin-left:4px !important;
    margin-right:4px !important;
  }
}

/* MoviePlay v66.11 — etiqueta dos espacios más arriba solo en celulares */
@media(max-width:600px){
  .premiumCardLabel{
    transform:translateY(-18px) !important;
  }
}

@media(max-width:380px){
  .premiumCardLabel{
    transform:translateY(-15px) !important;
  }
}

/* MoviePlay v66.13 — separación uniforme entre filas en computador */
@media(min-width:901px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    column-gap:24px !important;
    row-gap:28px !important;
    gap:28px 24px !important;
    align-content:start !important;
    padding-top:18px !important;
    padding-bottom:34px !important;
  }
}

/* MoviePlay v66.14 — cada fila reserva la altura completa de la Gift Card */
@media(min-width:901px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-auto-flow:row !important;
    grid-auto-rows:max-content !important;
    align-items:start !important;
  }

  .catalogPageActive .premiumGift{
    box-sizing:border-box !important;
    height:clamp(390px,33vw,525px) !important;
    min-height:clamp(390px,33vw,525px) !important;
    max-height:525px !important;
    aspect-ratio:auto !important;
    align-self:start !important;
  }
}

/* MoviePlay v66.15 — altura más compacta y proporcionada en PC */
@media(min-width:901px){
  .catalogPageActive .premiumGift{
    height:clamp(360px,28vw,460px) !important;
    min-height:clamp(360px,28vw,460px) !important;
    max-height:460px !important;
  }
}

/* MoviePlay v70.5 — selector de emojis para la etiqueta */
.cardEmojiPicker{
  display:grid;
  gap:8px;
  margin-top:4px;
}
.cardEmojiPicker>span{
  color:#64748b;
  font-size:.72rem;
  font-weight:850;
}
.cardEmojiPicker>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.cardEmojiPicker button{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #d8e0eb;
  border-radius:10px;
  background:#fff;
  font-size:1.2rem;
  line-height:1;
  transition:transform .15s ease,background .15s ease;
}
.cardEmojiPicker button:hover{
  transform:translateY(-2px);
  background:#eef6ff;
}

/* Bandera gráfica: evita que Windows muestre solamente “CO”. */
.flagIcon{
  display:inline-block;
  width:1.45em;
  height:.95em;
  margin:0 .12em;
  vertical-align:-.12em;
  border:1px solid rgba(15,23,42,.22);
  border-radius:.12em;
  box-shadow:0 1px 2px rgba(15,23,42,.18);
}
.flagColombia{
  background:linear-gradient(
    to bottom,
    #fcd116 0 50%,
    #003893 50% 75%,
    #ce1126 75% 100%
  );
}
.cardEmojiPicker .flagIcon{
  width:25px;
  height:17px;
  margin:0;
  vertical-align:middle;
}

/* MoviePlay v71 — una misma tarjeta en varias secciones */
.displaySectionChecks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:10px 0 8px;
}
.placementBox .displaySectionChecks label{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:9px 10px;
  border:1px solid #d7e0eb;
  border-radius:11px;
  background:#fff;
  color:#26364a;
  cursor:pointer;
}
.placementBox .displaySectionChecks input{
  width:18px!important;
  height:18px;
  margin:0;
  accent-color:#7bdc35;
}
@media(max-width:600px){
  .displaySectionChecks{
    grid-template-columns:1fr;
  }
}

/* MoviePlay v66.16 — formulario del constructor sin encabezado superpuesto */
.settingsPanel > .panelHeading{
  display:none !important;
}

.settingsPanel > #builderProductSelect{
  margin-top:0 !important;
}

.settingsPanel{
  padding-top:18px !important;
}

/* MoviePlay v66.17 — selector del catálogo arriba del todo en celulares */
@media(max-width:600px){
  .catalogPageActive .mobileCatalogDock{
    top:env(safe-area-inset-top,0px) !important;
    z-index:980 !important;
    padding:5px 10px 6px !important;
  }

  .catalogPageActive .mobileCatalogDockInner{
    max-width:100% !important;
  }

  .catalogPageActive .mobileCatalogDock select{
    height:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
    font-size:.82rem !important;
  }

  .catalogPageActive .mobileDockBalance{
    min-height:38px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
  }
}

/* MoviePlay v68.0 FINAL */
.catalogPageActive .premiumGiftGrid,
.catalogPageActive .directGiftGrid{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:center!important;
}
.catalogPageActive .premiumGift{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:24px minmax(0,1fr) 30px 78px!important;
  width:100%!important;
  max-width:212px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:.59 / 1!important;
  margin:0 auto!important;
  padding:9px 9px 11px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  text-align:center!important;
}
.catalogPageActive .premiumHanger{
  grid-area:1 / 1!important;
  align-self:start!important;
  justify-self:center!important;
  transform:scale(.86)!important;
  transform-origin:top center!important;
}
.catalogPageActive .premiumLogo{
  grid-area:2 / 1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:2px 0!important;
  overflow:visible!important;
}
.catalogPageActive .premiumLogo img{
  display:block!important;
  width:var(--img-size,68%)!important;
  height:auto!important;
  max-width:300%!important;
  max-height:94%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate(var(--img-x,0px),var(--img-y,0px))!important;
  transform-origin:center!important;
}
.catalogPageActive .premiumCardLabel{
  grid-area:3 / 1!important;
  position:static!important;
  inset:auto!important;
  place-self:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 5px!important;
  transform:none!important;
  font-size:clamp(.62rem,.8vw,var(--duration-size,.84rem))!important;
  line-height:1.1!important;
  text-align:center!important;
}
.catalogPageActive .premiumStock.premiumStockBottom{
  grid-area:4 / 1!important;
  position:static!important;
  inset:auto!important;
  place-self:end stretch!important;
  box-sizing:border-box!important;
  width:calc(100% - 8px)!important;
  min-width:0!important;
  max-width:none!important;
  min-height:70px!important;
  margin:0 4px!important;
  padding:6px 5px!important;
  transform:none!important;
  border-radius:14px!important;
}
@media(min-width:901px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 24px!important;
    padding:18px 18px 34px!important;
  }
}
@media(min-width:901px) and (max-width:1350px){
  .catalogPageActive .installAppHeader{display:none!important}
  .catalogPageActive .compactCatalogToolbar{gap:7px!important}
  .catalogPageActive .compactTabs button{padding-inline:9px!important}
  .catalogPageActive .compactSearch{min-width:145px!important;width:min(210px,17vw)!important}
  .catalogPageActive .walletIcon{display:none!important}
  .catalogPageActive .walletCard{padding:6px!important}
}
@media(min-width:601px) and (max-width:900px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    padding:18px 20px 34px!important;
  }
  .catalogPageActive .premiumGift{
    grid-template-rows:22px minmax(0,1fr) 28px 72px!important;
    max-width:190px!important;
    padding:8px 8px 10px!important;
    border-radius:22px!important;
  }
  .catalogPageActive .premiumStock.premiumStockBottom{
    width:calc(100% - 8px)!important;
    min-height:66px!important;
    margin:0 4px!important;
  }
}
@media(max-width:600px){
  .catalogPageActive .refHeader .headerTitleBlock{display:none!important}
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    padding:18px 14px 38px!important;
  }
  .catalogPageActive .premiumGift{
    grid-template-rows:18px minmax(0,1fr) 22px 62px!important;
    width:100%!important;
    max-width:160px!important;
    aspect-ratio:.59 / 1!important;
    padding:7px 7px 8px!important;
    border-radius:20px!important;
  }
  .catalogPageActive .premiumHanger{transform:scale(.72)!important}
  .catalogPageActive .premiumCardLabel{
    padding:0 3px!important;
    transform:none!important;
    font-size:clamp(.52rem,2.15vw,.67rem)!important;
  }
  .catalogPageActive .premiumStock.premiumStockBottom{
    width:calc(100% - 6px)!important;
    min-height:58px!important;
    margin:0 3px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
}
@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:10px!important;
    padding-inline:10px!important;
  }
  .catalogPageActive .premiumGift{max-width:148px!important}
}

/* v68.1: prioridad final para el catálogo compacto móvil */
@media(max-width:600px){
  .catalogPageActive .refContent,
  .catalogPageActive .compactCatalogContent{
    padding-top:0!important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:10px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* MoviePlay v69 — inventario y constructor compactos */
.inventoryDisclosure,
.builderManagerDisclosure{
  overflow:hidden;
}
.inventoryDisclosureSummary,
.builderManagerSummary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:72px;
  padding:16px 20px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.inventoryDisclosureSummary::-webkit-details-marker,
.builderManagerSummary::-webkit-details-marker{
  display:none;
}
.inventoryDisclosureSummary h3,
.builderManagerSummary h2{
  margin:0 0 4px;
}
.inventoryDisclosureSummary p,
.builderManagerSummary p{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
}
.disclosureChevron{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#edf2f7;
  color:#26364a;
  font-size:1.35rem;
  font-weight:900;
  transition:transform .2s ease,background .2s ease;
}
details[open]>.inventoryDisclosureSummary .disclosureChevron,
details[open]>.builderManagerSummary .disclosureChevron{
  transform:rotate(180deg);
  background:#dff7eb;
}
.inventoryDisclosureBody,
.builderManagerBody{
  border-top:1px solid var(--line);
}
.inventoryDisclosureBody>.groupActions{
  justify-content:flex-end;
  padding:12px 18px;
  background:#f8fafc;
}
.builderManagerSummary{
  background:rgba(247,249,252,.97);
}
.builderManagerBody{
  padding:14px;
}
.builderManagerBody .builderManagerTools{
  margin-bottom:12px;
}
.builderManagerDisclosure:not([open]){
  padding-bottom:0;
}

@media(max-width:600px){
  .inventoryGroups{
    gap:10px!important;
  }
  .inventoryDisclosureSummary,
  .builderManagerSummary{
    min-height:64px;
    padding:12px 14px;
  }
  .inventoryDisclosureSummary h3,
  .builderManagerSummary h2{
    font-size:1rem;
  }
  .inventoryDisclosureSummary p,
  .builderManagerSummary p{
    font-size:.7rem;
    line-height:1.35;
  }
  .disclosureChevron{
    width:30px;
    height:30px;
    font-size:1.1rem;
  }
  .inventoryDisclosureBody>.groupActions{
    display:grid;
    grid-template-columns:1fr;
    padding:10px;
  }
  .builderManagerBody{
    padding:10px;
  }
}

/* MoviePlay v69.1 — centrado real y Ventas sin recortes en móvil */
@media(max-width:600px){
  .catalogPageActive .premiumLogo{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .catalogPageActive .premiumLogo img{
    display:block!important;
    margin:auto!important;
    object-position:center!important;
    transform-origin:center!important;
  }
  .catalogPageActive .premiumCardLabel,
  .catalogPageActive .premiumStock.premiumStockBottom,
  .catalogPageActive .premiumStock.premiumStockBottom>*{
    text-align:center!important;
    justify-self:center!important;
  }

  html body .salesResponsiveWrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html body .salesResponsiveTable{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  html body .salesResponsiveTable tbody{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }
  html body .salesResponsiveTable tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body .salesResponsiveTable tbody td{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  html body .salesResponsiveTable tbody td:nth-child(3),
  html body .salesResponsiveTable tbody td:nth-child(4),
  html body .salesResponsiveTable tbody td:nth-child(5){
    grid-column:1/-1!important;
  }
}

@media(max-width:360px){
  html body .salesResponsiveTable tbody tr{
    grid-template-columns:1fr!important;
  }
  html body .salesResponsiveTable tbody td{
    grid-column:1!important;
  }
}

/* MoviePlay v70 — logos centrados y precios por servicio */
.catalogPageActive .premiumLogo,
.builderPremiumCard .premiumLogo{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  text-align:center!important;
}
.catalogPageActive .premiumLogo img,
.builderPremiumCard .premiumLogo img{
  display:block!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform-origin:center!important;
}
.priceGroups{
  display:grid;
  gap:10px;
  padding:14px;
  background:#f7f9fc;
}
.priceDisclosure{
  overflow:hidden;
  border:1px solid #e1e7f0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 4px 13px rgba(15,23,42,.04);
}
.priceDisclosureSummary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:66px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.priceDisclosureSummary::-webkit-details-marker{
  display:none;
}
.priceDisclosureSummary h3{
  margin:0 0 3px;
  font-size:1rem;
}
.priceDisclosureSummary p{
  margin:0;
  color:var(--muted);
  font-size:.74rem;
}
.priceDisclosureBody{
  border-top:1px solid var(--line);
}
.priceDurationTable{
  min-width:720px;
}
.priceDurationTable .priceEditRow{
  min-width:280px;
}

@media(max-width:600px){
  .pricesPage>.panelHead{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .pricesPage #priceUser{
    width:100%!important;
  }
  .priceGroups{
    gap:8px;
    padding:9px;
  }
  .priceDisclosureSummary{
    min-height:60px;
    padding:11px 12px;
  }
  .priceDisclosureBody{
    overflow:visible!important;
  }
  .priceDurationTable,
  .priceDurationTable tbody{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .priceDurationTable thead{
    display:none!important;
  }
  .priceDurationTable tbody{
    padding:8px!important;
  }
  .priceDurationTable tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 9px!important;
    padding:11px!important;
    border:1px solid #e5eaf1!important;
    border-radius:12px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .priceDurationTable td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    overflow-wrap:anywhere!important;
  }
  .priceDurationTable td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:#7b8798;
    font-size:.65rem;
    font-weight:850;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  .priceDurationTable td:last-child{
    grid-column:1/-1!important;
  }
  .priceDurationTable .priceEditRow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    min-width:0!important;
    width:100%!important;
  }
  .priceDurationTable .priceEditRow .resetPrice{
    grid-column:1/-1!important;
  }
}

/* MoviePlay v70.1 — un solo desplazamiento en el Constructor de PC */
@media(min-width:901px){
  .builderPage,
  .builderGrid,
  .previewPanel,
  .settingsPanel,
  .builderManagerBody,
  .builderManageList,
  .builderForm,
  .builderFormHost,
  #builderFormHost,
  .comboChecks,
  .comboDurationChecks{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  .settingsPanel{
    align-self:start!important;
  }
  .builderManageList{
    padding-right:0!important;
  }
  .comboChecks,
  .comboDurationChecks{
    padding-right:0!important;
  }
}

/* MoviePlay v70.2 — logo en el centro visual de toda la Gift Card */
.catalogPageActive .premiumLogo,
.builderPremiumCard .premiumLogo{
  transform:translateY(42px)!important;
}

@media(min-width:601px) and (max-width:900px){
  .catalogPageActive .premiumLogo,
  .builderPremiumCard .premiumLogo{
    transform:translateY(28px)!important;
  }
}

@media(max-width:600px){
  .catalogPageActive .premiumLogo,
  .builderPremiumCard .premiumLogo{
    transform:translateY(18px)!important;
  }
}

/* MoviePlay v70.3 — Gift Cards más compactas únicamente en PC */
@media(min-width:901px){
  .catalogPageActive .premiumGift{
    height:clamp(310px,21.5vw,350px)!important;
    min-height:clamp(310px,21.5vw,350px)!important;
    max-height:350px!important;
  }
  .catalogPageActive .premiumLogo,
  .builderPremiumCard .premiumLogo{
    transform:translateY(24px)!important;
  }
}

/* MoviePlay v72 - prioridad final del logo de marca */
.refSidebar .refLogoWrap .customBrandLogo{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.loginBrand .customBrandLogo{
  width:68px!important;
  height:68px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
@media(max-width:900px){
  .refSidebar .refLogoWrap .customBrandLogo{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
  }
}

/* MoviePlay v73 - solicitudes y avisos visibles de saldo */
.balanceRequestSummary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:18px 0;
}
.balanceRequestSummary>div,.balanceAlertDetails{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#f8fafc;
}
.balanceRequestSummary span,.balanceAlertDetails span{
  color:#64748b;
  font-size:.72rem;
  font-weight:800;
}
.balanceRequestActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.balanceAlertOverlay{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.balanceAlertCard{
  width:min(430px,100%);
  background:#fff;
  border-radius:26px;
  padding:30px;
  text-align:center;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  animation:balanceAlertIn .24s ease-out;
}
.balanceAlertIcon{
  width:68px;
  height:68px;
  margin:0 auto 14px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#84cc16,#22c55e);
  color:#fff;
  font-size:2rem;
  font-weight:950;
  box-shadow:0 14px 30px rgba(34,197,94,.25);
}
.balanceAlertCard.request .balanceAlertIcon{background:linear-gradient(135deg,#f59e0b,#f97316)}
.balanceAlertCard h2{margin:7px 0 8px}.balanceAlertCard>p{color:#64748b}
.balanceAlertAmount{display:block;margin:16px 0;font-size:2.2rem;color:#16a34a}
.balanceAlertDetails{margin:10px 0;text-align:left;grid-template-columns:1fr auto;align-items:center}
.balanceAlertNote{padding:10px;border-radius:12px;background:#f8fafc;font-size:.82rem}
.balanceAlertCard>small{display:block;margin:12px 0 18px;color:#64748b}
@keyframes balanceAlertIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .balanceRequestSummary{grid-template-columns:1fr}
  .balanceRequestActions{grid-template-columns:1fr}
  .balanceAlertCard{padding:24px 18px;border-radius:22px}
}

/* MoviePlay v74 - solicitud de saldo accesible en escritorio y móvil */
.generalBalanceAmount{
  display:grid;
  gap:7px;
  margin:15px 0 4px;
  color:#334155;
  font-size:.8rem;
  font-weight:850;
}
.generalBalanceAmount input{
  width:100%;
  border:1px solid #d7e0ec;
  border-radius:12px;
  padding:12px;
  background:#fff;
}
.requestBalanceAction{background:#16a34a!important;color:#fff!important}
.mobileRequestBalance,.mobileCodeMailButton{display:none}
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) 118px!important;
  }
  .catalogPageActive .mobileRequestBalance{
    display:block;
    grid-column:1/-1;
    min-height:30px;
    border:0;
    border-radius:10px;
    background:#16a34a;
    color:#fff;
    font-size:.72rem;
    font-weight:900;
  }
  .catalogPageActive .mobileCodeMailButton{
    display:block;
    grid-column:1/-1;
    min-height:30px;
    border:0;
    border-radius:10px;
    background:#111827;
    color:#fff;
    font-size:.72rem;
    font-weight:900;
  }
}

/* MoviePlay v75 - acceso moderno, recordatorio de usuario y fondo streaming */
.refLogin{
  grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr)!important;
  background:
    linear-gradient(90deg,rgba(3,7,24,.18) 0%,rgba(3,7,24,.42) 58%,rgba(3,7,24,.04) 100%),
    url('/login-streaming-background-v75.png') center/cover no-repeat!important;
}
.refLoginHero{padding:clamp(34px,5.5vw,88px)!important}
.refLoginHero .heroCopy{
  max-width:690px;
  padding:clamp(24px,3vw,38px);
  background:linear-gradient(135deg,rgba(8,15,43,.72),rgba(27,17,75,.5))!important;
  border:1px solid rgba(167,139,250,.24)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.3)!important;
}
.loginFeatureTags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.loginFeatureTags span{
  padding:9px 13px;
  border:1px solid rgba(196,181,253,.26);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:.72rem;
  font-weight:850;
  backdrop-filter:blur(7px);
}
.refLoginPanel{background:rgba(248,250,252,.9)!important}
.refLoginCard{gap:12px!important}
.loginIntro h2{margin:5px 0 3px;font-size:1.45rem;color:#0f172a}
.loginIntro p{margin:0 0 5px;color:#64748b;font-size:.83rem}
.loginInputWrap{position:relative;display:flex;align-items:center}
.loginInputWrap input{width:100%;padding-left:42px!important;padding-right:64px!important}
.loginInputIcon{
  position:absolute;
  left:15px;
  z-index:1;
  color:#7c3aed;
  font-size:.65rem;
  pointer-events:none;
}
.togglePassword{
  position:absolute;
  right:7px;
  min-width:48px;
  min-height:36px;
  border:0;
  border-radius:9px;
  background:#eef2ff;
  color:#4338ca;
  font-size:.69rem;
  font-weight:900;
}
.rememberUser{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  margin:3px 0 0!important;
  cursor:pointer;
}
.rememberUser input{width:18px!important;min-height:18px!important;height:18px!important;margin:0;accent-color:#6d28d9}
.rememberUser span{font-size:.76rem;color:#475569}
.capsLockWarning{display:block;color:#b45309;font-weight:800;font-size:.72rem}
.capsLockWarning[hidden],.loginError[hidden]{display:none!important}
.loginError{
  padding:10px 12px;
  border:1px solid #fecaca;
  border-radius:11px;
  background:#fff1f2;
  color:#b91c1c;
  font-size:.76rem;
  font-weight:800;
}
.refLoginCard input[aria-invalid="true"]{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}
.refLoginButton{
  position:relative;
  margin-top:8px!important;
  background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;
  box-shadow:0 12px 28px rgba(79,70,229,.24);
  transition:.18s ease;
}
.refLoginButton:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(79,70,229,.3)}
.refLoginButton:disabled{cursor:wait;opacity:.78}
.refLoginButton.loading span:before{
  content:"";
  display:inline-block;
  width:13px;height:13px;
  margin-right:9px;
  border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;
  border-radius:50%;
  vertical-align:-2px;
  animation:loginSpin .7s linear infinite;
}
.authorizedAccess{display:block;text-align:center;color:#94a3b8;font-size:.68rem}
@keyframes loginSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .refLogin{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(190px,31dvh) 1fr!important;
    background-position:64% center!important;
  }
  .refLoginHero{display:flex!important;min-height:0!important;padding:14px 14px 8px!important;align-items:flex-end!important}
  .refLoginHero .heroCopy{padding:15px 17px!important;border-radius:18px!important}
  .refLoginHero .heroCopy h1{font-size:clamp(1.45rem,6vw,2rem)!important;margin:5px 0 7px!important}
  .refLoginHero .heroCopy p{font-size:.8rem!important;margin:0!important}
  .loginFeatureTags{display:none}
  .refLoginPanel{min-height:69dvh!important;padding:12px 12px calc(16px + env(safe-area-inset-bottom))!important}
  .refLoginCard{max-width:470px!important;padding:20px 18px!important}
}
@media(max-width:480px){
  .refLogin{grid-template-rows:minmax(145px,24dvh) 1fr!important}
  .refLoginHero .heroCopy p{display:none!important}
  .refLoginPanel{min-height:76dvh!important}
  .loginIntro h2{font-size:1.22rem}
  .refLoginCard label{margin-top:8px!important}
  .loginBrand .customBrandLogo{width:58px!important;height:58px!important}
}

/* MoviePlay v76 - botón de instalación móvil siempre accesible */
@media(max-width:900px){
  html body .mobileInstallFab{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:94px!important;
    height:44px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#111827,#312e81)!important;
    color:#fff!important;
    font-size:.76rem!important;
    font-weight:900!important;
    box-shadow:0 14px 32px rgba(15,23,42,.34)!important;
  }
  html body .mobileInstallFab span{display:inline!important}
  html body .loginInstallFab{
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    z-index:10000!important;
  }
}
@media(display-mode:standalone){
  html body .mobileInstallFab{display:none!important}
}

/* MoviePlay v78 - Centro de códigos */
.codeMailWorkspace{display:grid;gap:18px}
.codeMailIntro{margin-bottom:0!important}
.codeMailColumns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;align-items:start}
.codeSearchCard{padding:24px;overflow:visible}
.codeSearchCard form{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);gap:14px;align-items:end}
.codeSearchCard label{display:grid;gap:7px;font-weight:850;color:#334155}
.codeSearchCard input,.codeSearchCard select{width:100%;min-height:48px;border:1px solid #d8e0eb;border-radius:13px;padding:0 14px;background:#fff;color:#172133}
.codeSearchCard form .wide{grid-column:1/-1;min-height:48px}
.codeMailResult{margin-top:20px;min-height:210px;border:1px dashed #cbd5e1;border-radius:20px;padding:25px;display:grid;place-content:center;text-align:center;background:#f8fafc}
.codeMailResult span{font-weight:900;color:#334155}
.codeMailResult p{margin:8px 0;color:#64748b}
.codeMailResult strong{display:block;font-size:clamp(2.8rem,7vw,5.6rem);letter-spacing:.12em;color:#111827;margin:8px 0}
.codeMailResult.found{border-style:solid;border-color:#86efac;background:linear-gradient(145deg,#f0fdf4,#ecfeff)}
.codeMailResult.found span{color:#15803d}
.codeMailResult.found h3{margin:10px 0 4px;font-size:clamp(1.35rem,3vw,2rem);color:#111827}
.codeMailResult.found a.btn{display:inline-flex;justify-content:center;min-width:min(100%,320px);margin:10px auto 4px}
.codeMailResult.found small{display:block;max-width:420px;margin:7px auto 0;color:#64748b}
.codeMailResult.notFound{border-color:#fdba74;background:#fff7ed}
.codePermissionFields{margin:6px 0 14px;padding:14px;border:1px solid #d8e0eb;border-radius:14px;background:#f8fafc}
.codePermissionFields legend{padding:0 6px;font-weight:900;color:#172133}
.codePermissionFields>p{margin:0 0 10px;color:#64748b;font-size:.78rem}
.codePermissionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.codePermissionGrid label{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:.8rem}
.codePermissionGrid input{width:auto!important;min-height:0!important;margin:0}
@media(max-width:620px){.codePermissionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.codeMailboxPanel{overflow:hidden;margin-top:0}
.codeMailboxPanel>.panelHead{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  background:#f8fafc!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  padding:20px 24px!important;
}
.codeMailboxList{padding:14px 18px 20px;display:grid;gap:10px}
.codeMailboxItem{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e2e8f0;border-radius:15px;padding:12px;background:#fff}
.codeMailboxItem small{display:block;color:#64748b;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.codeMailboxItem>span{font-size:.72rem;font-weight:900;border-radius:999px;padding:6px 9px;background:#fff7ed;color:#b45309}
.codeMailboxItem.ready>span{background:#ecfdf5;color:#15803d}
.codeMailboxItem .connectCodeMailbox{grid-column:2/-1;justify-self:start}
.codeMailboxIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:950}
.codeMailWarning{margin:0 18px 18px;padding:12px 14px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:.82rem}
@media(max-width:900px){
  .codeMailColumns{grid-template-columns:1fr}
  .codeSearchCard{padding:16px}
  .codeSearchCard form{grid-template-columns:1fr}
  .codeSearchCard form .wide{grid-column:auto}
  .codeMailResult{min-height:180px;padding:18px}
  .codeMailboxItem{grid-template-columns:40px minmax(0,1fr)}
  .codeMailboxItem>span{grid-column:2;justify-self:start}
  .codeMailboxItem .connectCodeMailbox{grid-column:2}
}
/* v80 · jerarquía de usuarios e imagen individual de instalación */
.hierarchyHelp{
  margin:-4px 0 16px;
  padding:12px 14px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#f6f9fc;
  color:#52627a;
  line-height:1.45;
}
.userInstallLogoPreview{
  display:block;
  width:72px;
  height:72px;
  margin:8px 0 10px;
  border-radius:18px;
  object-fit:contain;
  background:#eef2f7;
}
.networkLoginRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.networkLoginRow input{min-width:0}
@media(max-width:640px){.networkLoginRow{grid-template-columns:1fr}.networkLoginRow .btn{width:100%}}
/* v81: listas largas progresivas para mantener la interfaz fluida */
.lazyDisclosureHint{
  padding:18px 20px;
  color:#64748b;
  text-align:center;
  font-weight:750;
  background:#f8fafc;
}
.progressiveListFooter{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:18px;
  color:#64748b;
  font-weight:800;
}
@media(max-width:640px){
  .progressiveListFooter{flex-direction:column}
  .progressiveListFooter .btn{width:100%}
}

/* MoviePlay v81.1: etiquetas por rol y nombres completos en el constructor móvil */
.builderManageName{flex:1 1 auto;min-width:0}
@media(max-width:760px){
  .builderSelectItem{align-items:flex-start;min-width:0}
  .builderManageName{width:100%;max-width:100%}
  .builderManageName b,
  .builderManageName small{
    display:block;
    max-width:100%;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.3;
  }
  .builderManageName b{font-size:14px}
  .builderManageName small{margin-top:4px}
}

/* MoviePlay v81.2: notas con formato legible en inventario y entrega */
.deliveryMultiline,
.inventoryMultiline{
  display:grid;
  gap:7px;
}
.deliveryMultiline span,
.inventoryMultiline em{
  display:block;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.55;
  font-style:normal;
}
.deliveryNotesHint{
  flex:1 0 100%;
  margin-top:8px;
  padding:10px 12px;
  border-radius:12px;
  background:#eefaf2;
  color:#38624a;
  line-height:1.45;
}

/* MoviePlay v81.3: duraciones reales de cada servicio dentro de los combos */
.comboDurationCardLabel{
  width:100%;
  padding-inline:8px;
}
.comboDurationSummary{
  width:100%;
  display:grid;
  gap:3px;
  font-family:var(--gift-font,Inter);
  text-transform:none;
}
.comboDurationSummary span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  font-size:clamp(.55rem,.72vw,.7rem);
  line-height:1.1;
}
.comboDurationSummary b,
.comboDurationSummary em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.comboDurationSummary b{font-weight:950}
.comboDurationSummary em{font-style:normal;font-weight:800;opacity:.82}
.comboServices span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.comboServices span small{
  color:#64748b;
  font-weight:800;
  text-align:right;
}
.legacyComboDurationRow{
  display:grid!important;
  grid-template-columns:auto minmax(130px,1fr) minmax(130px,180px) auto auto;
  align-items:center!important;
  gap:10px!important;
  padding:10px;
  border:1px solid #e0e7ef;
  border-radius:12px;
  background:#fff;
}
.comboComponentIdentity{min-width:0}
.comboComponentIdentity b,
.comboComponentIdentity small{display:block}
.comboDurationSelect{min-width:0;width:100%}
.comboInlineControl,
.comboInlineFree{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  white-space:nowrap;
  font-size:.75rem;
}
.comboInlineControl .comboQty{width:58px!important}
.comboInlineFree input{width:auto!important;min-height:0!important}
.comboSaleSummary{
  display:grid;
  gap:8px;
  margin:12px 0 18px;
  padding:12px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#f8fafc;
}
.comboSaleSummary>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.comboSaleSummary span{min-width:0}
.comboSaleSummary small{
  display:inline-block;
  margin-left:5px;
  padding:3px 6px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:.66rem;
  font-weight:900;
}
.comboSaleSummary strong{
  color:#5b21b6;
  white-space:nowrap;
}
@media(max-width:760px){
  .comboDurationCardLabel{padding-inline:4px}
  .comboDurationSummary{gap:2px}
  .comboDurationSummary span{gap:3px;font-size:clamp(.46rem,2.15vw,.58rem)}
  .legacyComboDurationRow{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .legacyComboDurationRow .comboDurationSelect,
  .legacyComboDurationRow .comboInlineControl,
  .legacyComboDurationRow .comboInlineFree{
    grid-column:2;
  }
  .comboSaleSummary>div{align-items:flex-start}
}

/* MoviePlay v81.4: tiempo visible en móvil y avisos de ventas de la red */
.balanceAlertCard.sale .balanceAlertIcon{
  background:linear-gradient(135deg,#4f46e5,#7c3aed);
  box-shadow:0 14px 30px rgba(79,70,229,.26);
}
.balanceAlertCard.sale .balanceAlertDetails b{
  max-width:230px;
  text-align:right;
  overflow-wrap:anywhere;
}
@media(max-width:600px){
  .catalogPageActive .premiumGift{
    grid-template-rows:18px minmax(0,1fr) 30px 62px!important;
  }
  .catalogPageActive .premiumCardLabel:not(.comboDurationCardLabel){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:0 4px!important;
    font-size:clamp(.72rem,3.15vw,.9rem)!important;
    font-weight:var(--duration-weight,850)!important;
    line-height:1.05!important;
    letter-spacing:.01em!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:380px){
  .catalogPageActive .premiumCardLabel:not(.comboDurationCardLabel){
    font-size:clamp(.66rem,3.2vw,.8rem)!important;
  }
}


/* MoviePlay v81.6: combos con imagen completa y sin descripción en la Gift Card */
.catalogPageActive .premiumGift.comboGiftCatalog{
  grid-template-rows:24px minmax(0,1fr) 78px!important;
}
.catalogPageActive .premiumGift.comboGiftCatalog .premiumHanger{
  grid-area:1 / 1!important;
}
.catalogPageActive .premiumGift.comboGiftCatalog .premiumLogo{
  grid-area:2 / 1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 2px!important;
  overflow:hidden!important;
  transform:none!important;
}
.catalogPageActive .premiumGift.comboGiftCatalog .premiumLogo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.catalogPageActive .premiumGift.comboGiftCatalog .premiumStock.premiumStockBottom{
  grid-area:3 / 1!important;
}
@media(min-width:601px) and (max-width:900px){
  .catalogPageActive .premiumGift.comboGiftCatalog{
    grid-template-rows:22px minmax(0,1fr) 72px!important;
  }
}
@media(max-width:600px){
  .catalogPageActive .premiumGift.comboGiftCatalog{
    grid-template-rows:18px minmax(0,1fr) 62px!important;
  }
  .catalogPageActive .premiumGift.comboGiftCatalog .premiumLogo{
    padding:3px 1px!important;
  }
}

/* MoviePlay v81.8: desplazamiento vertical móvil en Dashboard y Ventas */
@media(max-width:900px){
  /* En estas dos secciones el documento vuelve a ser el único contenedor vertical. */
  html.dashboardPageActive,
  html.salesPageActive,
  body.dashboardPageActive,
  body.salesPageActive{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch;
  }

  body.dashboardPageActive .refApp,
  body.dashboardPageActive .refLayout,
  body.dashboardPageActive .refMain,
  body.salesPageActive .refApp,
  body.salesPageActive .refLayout,
  body.salesPageActive .refMain{
    height:auto!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  body.dashboardPageActive .refContent,
  body.dashboardPageActive #content,
  body.salesPageActive .refContent,
  body.salesPageActive #content,
  body.salesPageActive #salesTableHost{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  /* Las fichas móviles crecen con todas las ventas y no capturan el gesto vertical. */
  body.dashboardPageActive .dashboardPanel,
  body.dashboardPageActive .salesResponsiveWrap,
  body.dashboardPageActive .salesResponsiveTable,
  body.dashboardPageActive .salesResponsiveTable tbody,
  body.salesPageActive .salesResponsiveWrap,
  body.salesPageActive .salesResponsiveTable,
  body.salesPageActive .salesResponsiveTable tbody{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
  }

  body.dashboardPageActive .salesResponsiveTable tbody tr,
  body.dashboardPageActive .salesResponsiveTable tbody td,
  body.salesPageActive .salesResponsiveTable tbody tr,
  body.salesPageActive .salesResponsiveTable tbody td,
  body.salesPageActive .progressiveListFooter{
    touch-action:pan-y!important;
  }

  body.dashboardPageActive .proDashboard,
  body.salesPageActive #salesTableHost{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
}

/* MoviePlay v81.11: precio dinámico de combos */
.comboDynamicPriceNotice{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:12px 0 16px;
  padding:13px 15px;
  border:1px solid rgba(34,197,94,.35);
  border-radius:14px;
  background:rgba(34,197,94,.10);
}
.comboDynamicPriceNotice strong{font-size:14px;color:inherit}
.comboDynamicPriceNotice span{font-size:12px;line-height:1.45;opacity:.82}


/* MoviePlay v81.14 — plantilla de precios para varios revendedores */
.pricePageActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.pricePageActions select{min-width:230px}
.priceCopySource{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:14px 0;
  padding:13px 14px;
  border:1px solid #dbe4f0;
  border-radius:13px;
  background:#f7f9fc;
}
.priceCopySource span{color:var(--muted);font-size:.76rem;font-weight:750}
.priceCopySelectAll,
.priceCopyTarget{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.priceCopySelectAll{
  margin-bottom:9px;
  padding:11px 12px;
  border:1px solid #d7e0ec;
  border-radius:11px;
  background:#eef4ff;
  font-weight:850;
}
.priceCopySelectAll input,
.priceCopyTarget input{
  width:18px;
  height:18px;
  flex:0 0 auto;
  accent-color:#5b4ef0;
}
.priceCopyTargets{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:290px;
  overflow:auto;
  margin-bottom:12px;
  padding:3px;
}
.priceCopyTarget{
  min-width:0;
  padding:11px 12px;
  border:1px solid #e1e7f0;
  border-radius:11px;
  background:#fff;
}
.priceCopyTarget:hover{border-color:#8d83f7;background:#faf9ff}
.priceCopyTarget span{display:flex;min-width:0;flex-direction:column;gap:2px}
.priceCopyTarget b,
.priceCopyTarget small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.priceCopyTarget small{color:var(--muted)}
.priceCopyNotice{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:12px 0 14px;
  padding:12px 13px;
  border-left:4px solid #f59e0b;
  border-radius:9px;
  background:#fff7e6;
  color:#6f4c08;
  font-size:.82rem;
  line-height:1.45;
}
@media(max-width:600px){
  .pricePageActions{width:100%;align-items:stretch;flex-direction:column}
  .pricePageActions select,
  .pricePageActions .btn{width:100%;min-width:0}
  .priceCopyTargets{grid-template-columns:1fr;max-height:250px}
}

/* MoviePlay v81.15 — selector de categorías más visible en todos los dispositivos */
.catalogCategoryGuide,
.mobileCategoryChooser{
  --category-accent:#6d28d9;
  --category-soft:#f3efff;
}

.catalogCategoryGuide{
  display:none;
}

@media(min-width:901px){
  .catalogPageActive .compactCatalogToolbar{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    row-gap:10px!important;
  }

  .catalogCategoryGuide{
    display:flex;
    flex:0 0 100%;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:9px 14px;
    border:2px solid #cfc5ff;
    border-radius:15px;
    background:linear-gradient(135deg,#faf8ff,#eef4ff);
    color:#33206c;
    box-shadow:0 8px 22px rgba(91,33,182,.10);
  }

  .catalogCategoryGuide::before{
    content:"🎬";
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:10px;
    background:#6d28d9;
    color:#fff;
    box-shadow:0 7px 16px rgba(109,40,217,.24);
  }

  .catalogCategoryGuide span{
    font-size:.76rem;
    font-weight:950;
    letter-spacing:.055em;
    white-space:nowrap;
  }

  .catalogCategoryGuide small{
    color:#665c80;
    font-size:.75rem;
    font-weight:700;
  }

  .catalogPageActive .compactTabs{
    gap:9px!important;
  }

  .catalogPageActive .compactTabs button{
    min-height:46px!important;
    padding:8px 16px!important;
    border:2px solid #dbe2ed!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#334155!important;
    box-shadow:0 5px 14px rgba(15,23,42,.07)!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }

  .catalogPageActive .compactTabs button:hover{
    transform:translateY(-2px);
    border-color:#9d8cf5!important;
    box-shadow:0 10px 22px rgba(91,33,182,.13)!important;
  }

  .catalogPageActive .compactTabs button.active{
    border-color:#6d28d9!important;
    background:linear-gradient(135deg,#6d28d9,#4f46e5)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(91,33,182,.27)!important;
  }

  .catalogPageActive .compactTabs button span{
    font-weight:900;
  }
}

@keyframes movieplayCategoryPulse{
  0%,100%{transform:translateY(0);box-shadow:0 7px 18px rgba(91,33,182,.16)}
  50%{transform:translateY(-2px);box-shadow:0 12px 28px rgba(91,33,182,.30)}
}

@keyframes movieplayChevronNudge{
  0%,100%{transform:translateY(-1px)}
  50%{transform:translateY(3px)}
}

@media(max-width:900px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) 118px!important;
    align-items:stretch!important;
    gap:7px!important;
  }

  .catalogPageActive .mobileCategoryChooser{
    position:relative;
    display:grid!important;
    min-width:0;
    min-height:70px;
    align-content:center;
    gap:3px;
    padding:7px 9px 6px;
    border:2px solid var(--category-accent);
    border-radius:15px;
    background:linear-gradient(145deg,#fff,var(--category-soft));
    box-shadow:0 7px 18px rgba(91,33,182,.16);
    overflow:hidden;
  }

  .catalogPageActive .mobileCategoryChooser[data-section="cuentas"]{
    --category-accent:#0284c7;
    --category-soft:#eef9ff;
  }

  .catalogPageActive .mobileCategoryChooser[data-section="combos"]{
    --category-accent:#ea580c;
    --category-soft:#fff5eb;
  }

  .catalogPageActive .mobileCategoryChooser.categoryAttention{
    animation:movieplayCategoryPulse 1.25s ease-in-out 3;
  }

  .mobileCategoryPrompt{
    display:block;
    overflow:hidden;
    color:var(--category-accent);
    font-size:.57rem;
    font-weight:950;
    letter-spacing:.045em;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobileCategorySelectShell{
    position:relative;
    min-width:0;
    height:31px;
    border-radius:10px;
    background:#fff;
    box-shadow:inset 0 0 0 1px rgba(100,116,139,.18);
  }

  .mobileCategoryIcon,
  .mobileCategoryChevron{
    position:absolute;
    top:50%;
    z-index:2;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    pointer-events:none;
  }

  .mobileCategoryIcon{
    left:9px;
    width:19px;
    font-size:.94rem;
  }

  .mobileCategoryChevron{
    right:8px;
    width:21px;
    height:21px;
    border-radius:7px;
    background:var(--category-accent);
    color:#fff;
    font-size:1.05rem;
    font-weight:950;
    line-height:1;
    animation:movieplayChevronNudge 1s ease-in-out 4;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    position:relative;
    z-index:1;
    display:block!important;
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0 35px 0 34px!important;
    border:0!important;
    border-radius:10px!important;
    outline:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
    color:#172033!important;
    font-size:.84rem!important;
    font-weight:950!important;
    box-shadow:none!important;
    cursor:pointer;
  }

  .mobileCategoryChooser small{
    display:block;
    overflow:hidden;
    color:#64748b;
    font-size:.53rem;
    font-weight:750;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .catalogPageActive .mobileDockBalance{
    min-height:70px!important;
    height:auto!important;
    border-radius:15px!important;
    border-color:#d7e0ec!important;
    box-shadow:0 7px 18px rgba(15,23,42,.08)!important;
  }
}

@media(max-width:480px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:6px!important;
  }

  .catalogPageActive .mobileCategoryChooser{
    min-height:66px;
    padding:6px 7px 5px;
    border-radius:13px;
  }

  .mobileCategoryPrompt{
    font-size:.51rem;
    letter-spacing:.025em;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.77rem!important;
    padding-left:31px!important;
    padding-right:32px!important;
  }

  .mobileCategoryIcon{left:7px;font-size:.86rem}
  .mobileCategoryChevron{right:6px;width:20px;height:20px;font-size:.98rem}
  .mobileCategoryChooser small{font-size:.49rem}

  .catalogPageActive .mobileDockBalance{
    min-height:66px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* MoviePlay v81.16 — categorías en mayúscula + catálogo móvil sin cubrir tarjetas */
@media(max-width:900px){
  .mobileMenuHandle{
    left:-6px !important;
    top:46% !important;
    width:24px !important;
    height:54px !important;
    border-radius:0 14px 14px 0 !important;
    font-size:1.55rem !important;
    box-shadow:0 6px 16px rgba(15,23,42,.22) !important;
    opacity:.94 !important;
  }

  .catalogPageActive .refContent{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-left:24px !important;
    padding-right:16px !important;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select,
  .catalogPageActive .compactTabs button,
  .catalogPageActive .mobileSectionSelector select{
    text-transform:uppercase !important;
    letter-spacing:.01em !important;
  }

  .mobileCategoryChooser small,
  .catalogPageActive .compactTabs button small,
  #mobileCategoryHint{
    text-transform:uppercase !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:14px !important;
    padding-left:28px !important;
    padding-right:14px !important;
  }

  .mobileMenuHandle{
    left:-7px !important;
    width:23px !important;
    height:50px !important;
    font-size:1.45rem !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-left:24px !important;
    padding-right:10px !important;
  }

  .mobileMenuHandle{
    left:-8px !important;
    width:22px !important;
    height:46px !important;
    font-size:1.35rem !important;
  }
}


/* MoviePlay v81.17 — catálogo móvil limpio y categorías en mayúsculas */
@media(max-width:900px){
  /* El selector ya tiene un icono propio; el texto del select queda limpio. */
  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    text-transform:uppercase !important;
    font-weight:950 !important;
  }

  /* En el catálogo el botón flotante de instalación podía cubrir una tarjeta. */
  body.catalogPageActive .mobileInstallFab{
    display:none !important;
  }

  /* Reserva visual estable para la flecha lateral sin invadir las Gift Cards. */
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    box-sizing:border-box !important;
    padding-left:30px !important;
    padding-right:14px !important;
  }

  .catalogPageActive .mobileMenuHandle{
    left:-8px !important;
    width:22px !important;
    height:48px !important;
    opacity:.9 !important;
  }
}

@media(max-width:420px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-left:30px !important;
    padding-right:12px !important;
    gap:12px !important;
  }
}

@media(max-width:360px){
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-left:27px !important;
    padding-right:9px !important;
    gap:10px !important;
  }
}

/* MoviePlay v81.18 — revisión visual para portátil y PC */

/* La clase walletHeader también se usa dentro del encabezado principal.
   Evita heredar el sticky de las cabeceras internas de otras páginas. */
.refHeader > .headerActions.walletHeader{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Portátiles y monitores medianos: encabezado en dos niveles sin montajes. */
@media(min-width:901px) and (max-width:1499px){
  .catalogPageActive .refHeader{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:54px auto !important;
    column-gap:10px !important;
    row-gap:8px !important;
    height:auto !important;
    min-height:154px !important;
    padding:10px 20px 12px !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .catalogPageActive .refHeader #menu{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
    margin:0 !important;
  }

  .catalogPageActive .headerTitleBlock{
    display:none !important;
  }

  .catalogPageActive .headerActions.walletHeader{
    grid-column:2 / 4 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
  }

  .catalogPageActive .installAppHeader{
    display:none !important;
  }

  .catalogPageActive .headerContextTools{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    overflow:visible !important;
  }

  .catalogPageActive .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:minmax(300px,1fr) auto !important;
    grid-template-areas:
      "guide tabs"
      "tools tools" !important;
    gap:8px 10px !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    align-items:center !important;
  }

  .catalogPageActive .catalogCategoryGuide{
    grid-area:guide !important;
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
  }

  .catalogPageActive .catalogCategoryGuide span,
  .catalogPageActive .catalogCategoryGuide small{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .catalogPageActive .premiumTabs{
    grid-area:tabs !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:end !important;
    flex-wrap:nowrap !important;
  }

  .catalogPageActive .premiumTabs button{
    min-width:0 !important;
    min-height:44px !important;
    padding:7px 10px !important;
  }

  .catalogPageActive .premiumTabs button span{
    font-size:.72rem !important;
    white-space:nowrap !important;
  }

  .catalogPageActive .premiumTabs button small{
    font-size:.68rem !important;
  }

  .catalogPageActive .premiumTools{
    grid-area:tools !important;
    display:grid !important;
    grid-template-columns:minmax(210px,1fr) 150px !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .catalogPageActive .compactSearch{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .catalogPageActive .premiumTools select{
    width:150px !important;
    min-width:150px !important;
  }

  .catalogPageActive .walletCard{
    max-width:min(350px,100%) !important;
  }

  .catalogPageActive .refContent{
    padding-top:20px !important;
  }
}

/* PC amplio: conserva una sola línea, pero sin permitir que los controles se recorten. */
@media(min-width:1500px){
  .catalogPageActive .refHeader{
    min-height:86px !important;
    overflow:visible !important;
  }

  .catalogPageActive .headerContextTools,
  .catalogPageActive .compactCatalogToolbar{
    min-width:0 !important;
  }

  .catalogPageActive .catalogCategoryGuide{
    min-width:390px !important;
  }

  .catalogPageActive .premiumTabs{
    flex:0 0 auto !important;
  }

  .catalogPageActive .compactSearch{
    min-width:190px !important;
    width:min(240px,16vw) !important;
  }
}

/* En pantallas tipo tablet horizontal, el menú lateral pasa a modo móvil
   para no dejar las Gift Cards demasiado estrechas. */
@media(min-width:901px) and (max-width:1100px){
  .refLayout{
    grid-template-columns:1fr !important;
  }

  .refSidebar{
    position:fixed !important;
    left:-315px !important;
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
    z-index:90 !important;
    transition:left .22s ease !important;
  }

  .refSidebar.open{
    left:0 !important;
  }

  body.mobileMenuOpen .sidebarBackdrop{
    display:block !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .refMain{
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .refHeader #menu{
    display:grid !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .catalogPageActive .premiumGift{
    max-width:190px !important;
  }
}

/* Ajuste final v81.18 — dos filas reales en portátil, sin perder altura útil */
@media(min-width:901px) and (max-width:1499px){
  .catalogPageActive .refHeader{
    display:grid !important;
    grid-template-columns:44px minmax(240px,280px) minmax(150px,1fr) auto !important;
    grid-template-rows:54px 50px !important;
    gap:8px 10px !important;
    height:134px !important;
    min-height:134px !important;
    padding:7px 20px !important;
    align-items:center !important;
  }

  .catalogPageActive .refHeader #menu{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .catalogPageActive .headerContextTools,
  .catalogPageActive .compactCatalogToolbar{
    display:contents !important;
  }

  .catalogPageActive .catalogCategoryGuide{
    grid-column:2 / 4 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
  }

  .catalogPageActive .premiumTabs{
    grid-column:4 !important;
    grid-row:1 !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-self:end !important;
  }

  .catalogPageActive .premiumTabs button{
    flex:1 1 auto !important;
  }

  .catalogPageActive .premiumTools{
    grid-column:3 / 5 !important;
    grid-row:2 !important;
    align-self:center !important;
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
  }

  .catalogPageActive .headerActions.walletHeader{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:100% !important;
    min-width:0 !important;
  }

  .catalogPageActive .walletCard{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:50px !important;
  }

  .catalogPageActive .walletInfo{
    min-width:72px !important;
  }

  .catalogPageActive .walletAction{
    padding:8px 10px !important;
    white-space:nowrap !important;
  }

  .catalogPageActive .refContent{
    padding-top:16px !important;
  }
}

@media(min-width:901px) and (max-width:1100px){
  .refLayout{
    display:block !important;
    min-height:100vh !important;
  }

  .refSidebar{
    position:fixed !important;
    inset:0 auto 0 -315px !important;
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
    height:100vh !important;
    z-index:90 !important;
  }

  .refSidebar.open{
    left:0 !important;
  }

  .refMain{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .refHeader #menu{
    display:grid !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    padding:18px 22px 34px !important;
  }

  .catalogPageActive .premiumGift{
    width:100% !important;
    max-width:190px !important;
  }
}

@media(min-width:901px) and (max-width:1100px){
  body.catalogPageActive .refSidebar{
    position:fixed !important;
    inset:0 auto 0 -315px !important;
  }
  body.catalogPageActive .refSidebar.open{
    left:0 !important;
  }
}

@media(min-width:901px) and (max-width:1499px){
  .catalogPageActive .catalogCategoryGuide small{
    display:none !important;
  }
  .catalogPageActive .catalogCategoryGuide span{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
}


/* MoviePlay v81.19 — acciones móviles sin cubrir Gift Cards + saldo más amplio */
.mobileCatalogActions{
  display:none;
}

@media(max-width:900px){
  /* El selector cede espacio al saldo para que el valor se lea con comodidad. */
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.22fr) minmax(140px,1fr) !important;
    gap:7px !important;
  }

  .catalogPageActive .mobileDockBalance{
    min-width:0 !important;
    padding-left:11px !important;
    padding-right:11px !important;
    align-items:flex-start !important;
  }

  .catalogPageActive .mobileDockBalance span{
    font-size:.62rem !important;
    white-space:nowrap !important;
  }

  .catalogPageActive .mobileDockBalance b{
    max-width:100% !important;
    overflow:hidden !important;
    color:#111827 !important;
    font-size:clamp(.84rem,3.1vw,1rem) !important;
    line-height:1.2 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Estas acciones ahora pertenecen al contenido y se desplazan con la página. */
  .catalogPageActive .mobileCatalogActions{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin:0 0 16px !important;
    padding:0 2px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .catalogPageActive .mobileCatalogActions:empty{
    display:none !important;
    margin:0 !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    display:block !important;
    grid-column:auto !important;
    width:100% !important;
    min-height:44px !important;
    padding:10px 12px !important;
    border:0 !important;
    border-radius:13px !important;
    font-size:.75rem !important;
    font-weight:950 !important;
    line-height:1.15 !important;
    box-shadow:0 7px 17px rgba(15,23,42,.12) !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance{
    background:linear-gradient(135deg,#16a34a,#0f9f4b) !important;
    color:#fff !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    background:#111827 !important;
    color:#fff !important;
  }

  /* Reserva exacta para el selector fijo; los botones ya no forman parte de él. */
  .catalogPageActive .refContent{
    padding-top:100px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.05fr) minmax(144px,1fr) !important;
    gap:6px !important;
  }

  .catalogPageActive .mobileDockBalance{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.74rem !important;
    padding-left:30px !important;
    padding-right:29px !important;
  }

  .catalogPageActive .mobileCatalogActions{
    gap:7px !important;
    margin-bottom:14px !important;
  }

  .catalogPageActive .refContent{
    padding-top:92px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) minmax(138px,1.05fr) !important;
    gap:5px !important;
  }

  .mobileCategoryPrompt{
    font-size:.47rem !important;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.69rem !important;
    padding-left:28px !important;
    padding-right:27px !important;
  }

  .mobileCategoryIcon{
    left:6px !important;
    font-size:.8rem !important;
  }

  .mobileCategoryChevron{
    right:5px !important;
    width:19px !important;
    height:19px !important;
  }

  .catalogPageActive .mobileCatalogActions{
    grid-template-columns:1fr !important;
  }
}


/* MoviePlay v81.20 — encabezado de catálogo más limpio en PC + selector de compra más visible */
.catalogPageActive .catalogCategoryGuide{
  display:none !important;
}

@media(min-width:901px){
  .catalogPageActive .refHeader{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    gap:8px 12px !important;
    height:auto !important;
    min-height:116px !important;
    padding:10px 20px !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .catalogPageActive .refHeader #menu{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
  }

  .catalogPageActive .headerTitleBlock{
    display:none !important;
  }

  .catalogPageActive .headerActions.walletHeader{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:10px !important;
  }

  .catalogPageActive .headerContextTools{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .catalogPageActive .compactCatalogToolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"tabs tools" !important;
    gap:10px 12px !important;
    width:100% !important;
    min-width:0 !important;
    align-items:center !important;
  }

  .catalogPageActive .premiumTabs{
    grid-area:tabs !important;
    display:flex !important;
    gap:9px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-self:start !important;
    scrollbar-width:none;
  }
  .catalogPageActive .premiumTabs::-webkit-scrollbar{display:none}

  .catalogPageActive .premiumTabs button{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:8px 12px !important;
  }

  .catalogPageActive .premiumTabs button span{
    font-size:.77rem !important;
    white-space:nowrap !important;
  }

  .catalogPageActive .premiumTools{
    grid-area:tools !important;
    display:grid !important;
    grid-template-columns:minmax(230px,1fr) 150px !important;
    gap:8px !important;
    width:min(420px,100%) !important;
    min-width:0 !important;
    justify-self:end !important;
    align-items:center !important;
  }

  .catalogPageActive .compactSearch{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .catalogPageActive .premiumTools select{
    width:150px !important;
    min-width:150px !important;
  }
}

@media(min-width:901px) and (max-width:1280px){
  .catalogPageActive .compactCatalogToolbar{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "tabs"
      "tools" !important;
  }

  .catalogPageActive .premiumTools{
    width:100% !important;
    justify-self:stretch !important;
  }

  .catalogPageActive .installAppHeader{
    display:none !important;
  }
}

#saleForm .saleDurationField{
  display:grid !important;
  gap:8px;
  padding:14px 14px 12px;
  border:2px solid #c7d2fe;
  border-radius:18px;
  background:linear-gradient(145deg,#f8fbff,#eef4ff);
  box-shadow:0 10px 24px rgba(37,99,235,.08);
}

#saleForm .saleDurationField > small{
  margin-top:-2px;
  color:#4f46e5;
  font-size:.78rem;
  font-weight:800;
}

#saleForm #saleDuration{
  min-height:52px;
  padding:0 44px 0 16px;
  border:2px solid #93c5fd;
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  font-size:1.03rem;
  font-weight:900;
  box-shadow:0 6px 16px rgba(59,130,246,.10);
}

#saleForm #saleDuration:focus{
  border-color:#4f46e5;
  box-shadow:0 0 0 4px rgba(79,70,229,.14),0 10px 22px rgba(79,70,229,.12);
  outline:none;
}

#saleForm .salePlanSummary{
  margin-top:2px;
}

@media(max-width:700px){
  #saleForm .saleDurationField{
    padding:12px;
    border-radius:16px;
  }

  #saleForm #saleDuration{
    min-height:50px;
    font-size:.98rem;
  }
}


/* MoviePlay v81.21 — dock móvil más limpio, botones anclados y saldo centrado */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDock{
    padding:10px 14px 8px !important;
  }

  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.16fr) minmax(148px,.98fr) !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  .catalogPageActive .mobileCategoryChooser{
    min-height:76px !important;
    padding:8px 10px 8px !important;
  }

  .mobileCategoryPrompt{
    font-size:.6rem !important;
  }

  .mobileCategoryChooser small{
    white-space:normal !important;
    text-overflow:clip !important;
    overflow:visible !important;
    display:block !important;
    font-size:.56rem !important;
    line-height:1.08 !important;
    min-height:1.15rem !important;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.82rem !important;
    padding-left:34px !important;
    padding-right:31px !important;
  }

  .catalogPageActive .mobileDockBalance{
    min-height:76px !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    padding:8px 10px !important;
  }

  .catalogPageActive .mobileDockBalance span,
  .catalogPageActive .mobileDockBalance b{
    width:100% !important;
    text-align:center !important;
  }

  .catalogPageActive .mobileDockBalance span{
    font-size:.66rem !important;
    white-space:normal !important;
    line-height:1.05 !important;
    margin-bottom:3px !important;
  }

  .catalogPageActive .mobileDockBalance b{
    font-size:clamp(.98rem,4.3vw,1.22rem) !important;
    line-height:1.08 !important;
    text-overflow:clip !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }

  /* Acciones ancladas justo debajo del dock fijo */
  .catalogPageActive .mobileCatalogActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    position:fixed !important;
    top:152px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    z-index:899 !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:46px !important;
    border-radius:16px !important;
    font-size:.8rem !important;
    box-shadow:0 8px 18px rgba(15,23,42,.14) !important;
  }

  .catalogPageActive .refContent{
    padding-top:220px !important;
  }

  .catalogPageActive .premiumCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:0 !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .mobileCatalogDock{
    padding:9px 12px 8px !important;
  }

  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.12fr) minmax(144px,1fr) !important;
    gap:7px !important;
  }

  .catalogPageActive .mobileCategoryChooser{
    min-height:74px !important;
  }

  .catalogPageActive .mobileDockBalance{
    min-height:74px !important;
  }

  .catalogPageActive .mobileCatalogActions{
    top:148px !important;
    left:12px !important;
    right:12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:214px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.08fr) minmax(136px,.98fr) !important;
    gap:6px !important;
  }

  .mobileCategoryPrompt{
    font-size:.52rem !important;
  }

  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.75rem !important;
    padding-left:31px !important;
    padding-right:28px !important;
  }

  .catalogPageActive .mobileDockBalance span{
    font-size:.6rem !important;
  }

  .catalogPageActive .mobileDockBalance b{
    font-size:.96rem !important;
  }

  .catalogPageActive .mobileCatalogActions{
    top:144px !important;
    gap:7px !important;
  }

  .catalogPageActive .refContent{
    padding-top:208px !important;
  }
}


/* MoviePlay v81.22 — saldo móvil con estilo de billetera premium */
@media(max-width:900px){
  .catalogPageActive .mobileDockBalance{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    border:1px solid rgba(167,139,250,.65) !important;
    background:
      linear-gradient(145deg,#111827 0%,#21184d 54%,#312e81 100%) !important;
    box-shadow:
      0 12px 28px rgba(30,41,59,.25),
      inset 0 1px 0 rgba(255,255,255,.16) !important;
    color:#fff !important;
  }

  .catalogPageActive .mobileDockBalance::before{
    content:"◈";
    position:absolute;
    top:9px;
    left:9px;
    z-index:2;
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:9px;
    background:linear-gradient(145deg,#86efac,#22c55e);
    color:#082f1d;
    font-size:.82rem;
    font-weight:950;
    box-shadow:0 7px 15px rgba(34,197,94,.28);
  }

  .catalogPageActive .mobileDockBalance::after{
    content:"";
    position:absolute;
    z-index:0;
    width:90px;
    height:90px;
    right:-34px;
    bottom:-44px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 68%);
    pointer-events:none;
  }

  .catalogPageActive .mobileDockBalance span,
  .catalogPageActive .mobileDockBalance b{
    position:relative !important;
    z-index:1 !important;
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.22);
  }

  .catalogPageActive .mobileDockBalance span{
    color:#ddd6fe !important;
    font-size:.58rem !important;
    font-weight:850 !important;
    letter-spacing:.055em !important;
    line-height:1.05 !important;
    text-transform:uppercase !important;
  }

  .catalogPageActive .mobileDockBalance b{
    margin-top:4px !important;
    font-size:clamp(1rem,4.4vw,1.25rem) !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileDockBalance::before{
    top:7px;
    left:7px;
    width:23px;
    height:23px;
    border-radius:8px;
    font-size:.72rem;
  }

  .catalogPageActive .mobileDockBalance span{
    font-size:.52rem !important;
  }

  .catalogPageActive .mobileDockBalance b{
    font-size:.94rem !important;
  }
}


/* MoviePlay v81.24 — acciones móviles más arriba y con acabado más profesional */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:138px !important;
    left:14px !important;
    right:14px !important;
    gap:6px !important;
    padding:4px !important;
    border-radius:20px !important;
    background:rgba(244,246,249,.92) !important;
    border:1px solid rgba(226,232,240,.92) !important;
    box-shadow:0 10px 22px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:42px !important;
    padding:10px 14px !important;
    border-radius:14px !important;
    font-size:.78rem !important;
    font-weight:950 !important;
    letter-spacing:.01em !important;
    box-shadow:0 6px 14px rgba(15,23,42,.10) !important;
  }

  .catalogPageActive .refContent{
    padding-top:208px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .mobileCatalogActions{
    top:134px !important;
    left:12px !important;
    right:12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:202px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:130px !important;
    gap:6px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:40px !important;
    font-size:.74rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:198px !important;
  }
}


/* MoviePlay v81.25 — acciones móviles premium al lado cuando el ancho lo permita */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:126px !important;
    left:12px !important;
    right:12px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:4px !important;
    border-radius:18px !important;
    background:rgba(247,249,252,.88) !important;
    border:1px solid rgba(226,232,240,.95) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    font-size:.76rem !important;
    font-weight:950 !important;
    box-shadow:0 6px 14px rgba(15,23,42,.10) !important;
  }

  .catalogPageActive .refContent{
    padding-top:182px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    grid-template-columns:1fr !important;
    top:128px !important;
  }

  .catalogPageActive .refContent{
    padding-top:202px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:126px !important;
    gap:6px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:40px !important;
    font-size:.73rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:196px !important;
  }
}


/* MoviePlay v81.26 — acciones más pegadas arriba y tarjetas más cerca */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:118px !important;
    gap:6px !important;
    padding:3px !important;
    border-radius:16px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:41px !important;
    padding:9px 12px !important;
    border-radius:13px !important;
  }

  .catalogPageActive .refContent{
    padding-top:168px !important;
  }

  .catalogPageActive .premiumCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid{
    margin-top:0 !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:2px !important;
    row-gap:16px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:120px !important;
  }

  .catalogPageActive .refContent{
    padding-top:188px !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:1px !important;
    row-gap:14px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:118px !important;
    gap:5px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:39px !important;
    font-size:.72rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:184px !important;
  }
}


/* MoviePlay v81.27 — acciones móviles más finas + auditoría de códigos */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:116px !important;
    gap:5px !important;
    padding:3px !important;
    border-radius:15px !important;
    background:rgba(248,250,252,.82) !important;
    border:1px solid rgba(226,232,240,.88) !important;
    box-shadow:0 5px 14px rgba(15,23,42,.07) !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:37px !important;
    padding:8px 12px !important;
    border-radius:11px !important;
    font-size:.72rem !important;
    box-shadow:0 3px 8px rgba(15,23,42,.08) !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance{
    background:linear-gradient(135deg,#22a94f,#149447) !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    background:linear-gradient(135deg,#111827,#1e293b) !important;
  }
  .catalogPageActive .refContent{padding-top:160px !important}
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{padding-top:6px !important}
}
@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{top:118px !important}
  .catalogPageActive .refContent{padding-top:178px !important}
}
@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{top:116px !important}
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{min-height:36px !important;font-size:.69rem !important}
  .catalogPageActive .refContent{padding-top:174px !important}
}

.codeAuditDisclosure{display:block;margin-top:8px;color:#64748b;font-size:.69rem;line-height:1.35}
.codeAuditWorkspace{display:grid;gap:18px}
.codeAuditHero{margin-bottom:0}
.codeAuditStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.codeAuditStats article{padding:18px;border:1px solid #dfe7f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f8fc);box-shadow:0 8px 22px rgba(15,23,42,.06)}
.codeAuditStats span{display:block;color:#64748b;font-size:.75rem;font-weight:800}
.codeAuditStats b{display:block;margin-top:7px;font-size:1.8rem;color:#111827}
.codeAuditPanel{padding:0;overflow:hidden}
.codeAuditToolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 180px;gap:9px;padding:16px;border-bottom:1px solid #e5eaf1;background:#f8fafc}
.codeAuditSearch{display:flex;align-items:center;gap:8px;border:1px solid #d7e0ec;border-radius:13px;background:#fff;padding:0 12px}
.codeAuditSearch input{width:100%;height:43px;border:0;outline:0;background:transparent}
.codeAuditToolbar select{height:43px;border:1px solid #d7e0ec;border-radius:13px;background:#fff;padding:0 11px;font-weight:750;color:#334155}
.codeAuditTable td small{display:block;margin-top:4px;color:#64748b}
.codeAuditPlatform{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.68rem;font-weight:900}
.codeAuditResult{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:900}
.codeAuditResult.found{background:#dcfce7;color:#166534}
.codeAuditResult.notFound{background:#fee2e2;color:#991b1b}
.codeAuditLocation{color:#2563eb;font-weight:800;text-decoration:none;font-size:.75rem}
.codeAuditLocation.muted{color:#64748b}
.codeAuditMobileList{display:none}
@media(max-width:800px){
  .codeAuditStats{grid-template-columns:1fr 1fr}
  .codeAuditStats article:last-child{grid-column:1/-1}
  .codeAuditToolbar{grid-template-columns:1fr;padding:12px}
  .codeAuditTableWrap{display:none}
  .codeAuditMobileList{display:grid;gap:10px;padding:12px}
  .codeAuditMobileCard{padding:14px;border:1px solid #dde5ef;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.06)}
  .codeAuditMobileTop{display:flex;justify-content:space-between;gap:8px;align-items:center}
  .codeAuditMobileCard h3{margin:11px 0 8px;font-size:.95rem;word-break:break-all}
  .codeAuditMobileMeta{display:grid;gap:5px;color:#475569;font-size:.75rem;margin-bottom:9px}
  .codeAuditMobileCard small{display:block;margin-top:7px;color:#64748b}
}
@media(max-width:480px){
  .codeAuditStats{grid-template-columns:1fr}
  .codeAuditStats article:last-child{grid-column:auto}
}


/* MoviePlay v81.28 — recorte del espacio blanco entre acciones y tarjetas */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:112px !important;
  }
  .catalogPageActive .refContent{
    padding-top:146px !important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:0 !important;
    row-gap:12px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:112px !important;
  }
  .catalogPageActive .refContent{
    padding-top:154px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:110px !important;
  }
  .catalogPageActive .refContent{
    padding-top:150px !important;
  }
}


/* MoviePlay v81.30 — acciones más pegadas a la barra y tarjetas casi enseguida */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:102px !important;
    gap:4px !important;
    padding:2px !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:36px !important;
    padding:8px 12px !important;
    border-radius:10px !important;
    box-shadow:0 2px 6px rgba(15,23,42,.06) !important;
  }
  .catalogPageActive .refContent{
    padding-top:130px !important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:0 !important;
    row-gap:10px !important;
  }
}
@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:104px !important;
  }
  .catalogPageActive .refContent{
    padding-top:138px !important;
  }
}
@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:102px !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:35px !important;
    font-size:.68rem !important;
  }
  .catalogPageActive .refContent{
    padding-top:134px !important;
  }
}


/* MoviePlay v81.31 — acciones casi unidas a la barra y tarjetas casi pegadas */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    top:96px !important;
    gap:3px !important;
    padding:1px !important;
    border-radius:14px !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:34px !important;
    padding:7px 12px !important;
    border-radius:9px !important;
    box-shadow:0 1px 4px rgba(15,23,42,.05) !important;
  }
  .catalogPageActive .refContent{
    padding-top:116px !important;
  }
  .catalogPageActive .premiumCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid{
    margin-top:0 !important;
  }
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:0 !important;
    margin-top:0 !important;
    row-gap:8px !important;
  }
}
@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:98px !important;
  }
  .catalogPageActive .refContent{
    padding-top:124px !important;
  }
}
@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:96px !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:33px !important;
    font-size:.67rem !important;
  }
  .catalogPageActive .refContent{
    padding-top:120px !important;
  }
}


/* MoviePlay v81.32 — elimina espacio fantasma entre botones y Gift Cards */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:2px 0 6px !important;
    padding:0 !important;
    gap:4px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:34px !important;
    padding:7px 12px !important;
    box-shadow:0 1px 4px rgba(15,23,42,.05) !important;
  }
  .catalogPageActive .refContent{
    padding-top:92px !important;
  }
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}
@media(max-width:430px){
  .catalogPageActive .refContent{
    padding-top:96px !important;
  }
  .catalogPageActive .mobileCatalogActions{
    margin:2px 0 5px !important;
  }
}
@media(max-width:380px){
  .catalogPageActive .refContent{
    padding-top:94px !important;
  }
}


/* MoviePlay v81.32 — tarjetas casi pegadas a consultar códigos en móvil */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDock,
  .catalogPageActive .mobileCatalogDockInner{
    margin-bottom:0 !important;
  }

  .catalogPageActive .mobileCatalogActions{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:-8px 0 2px !important;
    padding:0 !important;
    gap:3px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:33px !important;
    padding:6px 12px !important;
    border-radius:9px !important;
    box-shadow:0 1px 3px rgba(15,23,42,.05) !important;
  }

  .catalogPageActive .refContent{
    padding-top:84px !important;
  }

  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-28px !important;
    padding-top:0 !important;
  }

  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
    row-gap:8px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    margin:-10px 0 2px !important;
  }
  .catalogPageActive .refContent{
    padding-top:86px !important;
  }
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-34px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    margin:-10px 0 1px !important;
  }
  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:32px !important;
    font-size:.67rem !important;
  }
  .catalogPageActive .refContent{
    padding-top:84px !important;
  }
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-36px !important;
  }
}


/* MoviePlay v81.33 — botones anclados y Gift Cards inician más arriba sin montarse */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    position:fixed !important;
    top:142px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:899 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:36px !important;
    padding:7px 12px !important;
    border-radius:10px !important;
    box-shadow:0 2px 6px rgba(15,23,42,.08) !important;
  }

  .catalogPageActive .refContent{
    padding-top:188px !important;
  }

  .catalogPageActive .premiumCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    row-gap:10px !important;
  }
}

@media(max-width:600px){
  .catalogPageActive .mobileCatalogActions{
    top:138px !important;
    left:12px !important;
    right:12px !important;
    gap:5px !important;
  }

  .catalogPageActive .refContent{
    padding-top:180px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:134px !important;
    left:12px !important;
    right:12px !important;
    gap:4px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:35px !important;
    padding:6px 12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:172px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:130px !important;
    gap:4px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:34px !important;
    font-size:.68rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:166px !important;
  }
}


/* MoviePlay v81.34 — corrección fina: botones siguen fijos y solo suben las Gift Cards */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    position:fixed !important;
    top:136px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:899 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:34px !important;
    padding:6px 12px !important;
    border-radius:10px !important;
    box-shadow:0 2px 5px rgba(15,23,42,.06) !important;
  }

  /* Mantener espacio para no tapar botones, pero recortar el hueco blanco */
  .catalogPageActive .refContent{
    padding-top:164px !important;
  }

  /* Subir únicamente el catálogo unos píxeles */
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-14px !important;
    padding-top:0 !important;
  }

  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
    row-gap:10px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:132px !important;
    left:12px !important;
    right:12px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:33px !important;
  }

  .catalogPageActive .refContent{
    padding-top:158px !important;
  }

  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-18px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:128px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCodeMailButton{
    min-height:32px !important;
    font-size:.67rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:154px !important;
  }

  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent{
    margin-top:-18px !important;
  }
}


/* MoviePlay v81.35 — bloque superior agrupado y separación igual a la de las Gift Cards */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDock{
    padding-bottom:4px !important;
  }

  .catalogPageActive .mobileCatalogActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    position:fixed !important;
    top:128px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:905 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:34px !important;
    padding:6px 12px !important;
    border-radius:10px !important;
    box-shadow:0 2px 5px rgba(15,23,42,.06) !important;
  }

  /* Reserva para el bloque agrupado superior */
  .catalogPageActive .refContent{
    padding-top:160px !important;
  }

  /* Las Gift Cards empiezan más arriba, justo debajo del bloque superior */
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    padding-top:0 !important;
  }

  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:-22px !important;
    row-gap:12px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogActions{
    top:124px !important;
  }

  .catalogPageActive .refContent{
    padding-top:154px !important;
  }

  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:-26px !important;
    row-gap:12px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogActions{
    top:120px !important;
  }

  .catalogPageActive .mobileCatalogActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogActions .mobileCodeMailButton{
    min-height:33px !important;
    font-size:.67rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:148px !important;
  }

  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:-28px !important;
    row-gap:12px !important;
  }
}


/* MoviePlay v81.36 — botones integrados al dock superior y espacio controlado */
.mobileCatalogDockActions{display:none;}

@media(max-width:900px){
  .catalogPageActive .mobileCatalogDock{
    padding:9px 12px 8px !important;
  }

  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.14fr) minmax(148px,1fr) !important;
    gap:6px !important;
    align-items:stretch !important;
  }

  .catalogPageActive .mobileCatalogDockActions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    margin-top:6px !important;
  }

  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    width:100% !important;
    min-height:36px !important;
    padding:7px 12px !important;
    border:0 !important;
    border-radius:11px !important;
    font-size:.75rem !important;
    font-weight:950 !important;
    line-height:1.12 !important;
    box-shadow:0 3px 8px rgba(15,23,42,.07) !important;
  }

  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance{
    background:linear-gradient(135deg,#16a34a,#0f9f4b) !important;
    color:#fff !important;
  }

  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    background:#111827 !important;
    color:#fff !important;
  }

  .catalogPageActive .mobileCatalogActions{display:none !important;}

  /* El contenido empieza debajo del bloque superior; la separación se deja corta */
  .catalogPageActive .refContent{
    padding-top:146px !important;
  }

  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    gap:12px !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .mobileCatalogDock{
    padding:8px 10px 8px !important;
  }

  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1.08fr) minmax(140px,1fr) !important;
    gap:6px !important;
  }

  .catalogPageActive .mobileCatalogDockActions{
    gap:5px !important;
    margin-top:5px !important;
  }

  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    min-height:35px !important;
    padding:6px 12px !important;
  }

  .catalogPageActive .refContent{
    padding-top:140px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) minmax(136px,1fr) !important;
    gap:5px !important;
  }

  .catalogPageActive .mobileCatalogDockActions{
    gap:4px !important;
    margin-top:4px !important;
  }

  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    min-height:34px !important;
    font-size:.7rem !important;
  }

  .catalogPageActive .refContent{
    padding-top:136px !important;
  }
}


/* MoviePlay v81.37 — subir Gift Cards ~50% del espacio blanco restante */
@media(max-width:900px){
  .catalogPageActive .refContent{
    padding-top:136px !important;
  }

  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

@media(max-width:430px){
  .catalogPageActive .refContent{
    padding-top:130px !important;
  }
}

@media(max-width:380px){
  .catalogPageActive .refContent{
    padding-top:126px !important;
  }
}


/* MoviePlay v82.13 — autorización especial para códigos sensibles de Netflix */
.sensitiveNetflixPermission{display:flex!important;align-items:flex-start!important;gap:10px;margin:12px 0 0!important;padding:12px;border:1px solid #fecaca;border-radius:12px;background:#fff7f7;color:#7f1d1d}
.sensitiveNetflixPermission input{width:auto!important;min-height:0!important;margin:3px 0 0!important}
.sensitiveNetflixPermission span{display:grid;gap:3px}
.sensitiveNetflixPermission b{font-size:.86rem}
.sensitiveNetflixPermission small{color:#991b1b;font-size:.75rem;line-height:1.35}
.sensitiveNetflixStatus{display:grid;gap:3px;margin-top:12px;padding:11px 12px;border-radius:12px;font-size:.8rem}
.sensitiveNetflixStatus small{line-height:1.35}
.sensitiveNetflixStatus.allowed{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}
.sensitiveNetflixStatus.restricted{border:1px solid #fecaca;background:#fff7f7;color:#991b1b}


/* MoviePlay v82.14 — correos autorizados por usuario y plataforma */
.codeEmailAllowlistPanel{margin-top:12px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;overflow:hidden}
.codeEmailAllowlistPanel summary{padding:12px 14px;cursor:pointer;font-size:.86rem;font-weight:900;color:#172133;background:linear-gradient(180deg,#fff,#f8fafc)}
.codeEmailAllowlistPanel>p{margin:0;padding:0 14px 12px;color:#64748b;font-size:.76rem;line-height:1.45}
.codeEmailAllowlistGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 14px}
.codeEmailAllowlistItem{display:grid!important;gap:7px;margin:0!important;padding:11px!important;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.codeEmailAllowlistItem>span{display:flex;align-items:center;justify-content:space-between;gap:8px}
.codeEmailAllowlistItem b{font-size:.82rem;color:#0f172a}
.codeEmailAllowlistItem small{font-size:.68rem;color:#64748b;text-align:right}
.codeEmailAllowlistItem textarea{width:100%;min-height:104px!important;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.4;white-space:pre;overflow:auto}
.codeEmailRestrictionStatus{display:grid;gap:3px;margin-top:12px;padding:11px 12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e}
.codeEmailRestrictionStatus[hidden]{display:none!important}
.codeEmailRestrictionStatus b{font-size:.83rem}
.codeEmailRestrictionStatus small{font-size:.74rem;line-height:1.4;color:#a16207}
@media(max-width:700px){
  .codeEmailAllowlistGrid{grid-template-columns:1fr}
  .codeEmailAllowlistItem textarea{min-height:116px!important}
}


/* MoviePlay v82.29 — respaldo definitivo del contador de garantías */
.refSidebar nav button[data-page="garantias"]{position:relative!important;overflow:visible!important}
.refSidebar nav button[data-page="garantias"].has-pending{color:#fff!important;background:linear-gradient(135deg,rgba(78,49,170,.78),rgba(190,18,60,.44))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 14px 32px rgba(225,29,72,.18)!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;margin-left:auto!important;border:2.5px solid #fff!important;border-radius:999px!important;background:radial-gradient(circle at 30% 24%,#ffc0ca 0%,#ff6a83 18%,#ef234d 58%,#b80c31 100%)!important;color:#fff!important;font-size:.79rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 9px 24px rgba(239,35,77,.48),0 0 0 5px rgba(239,35,77,.13)!important;opacity:1!important;visibility:visible!important;z-index:8!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[data-wide="true"]{width:auto!important;min-width:36px!important;padding:0 8px!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[hidden]{display:none!important}


/* MoviePlay v82.31 — solución detallada, copia de credenciales y contador legible */
.solvedGuaranteeResolution,.supportSolvedResultType{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border:1px solid rgba(16,185,129,.20);border-radius:13px;background:rgba(255,255,255,.76)}
.solvedGuaranteeResolution span,.supportSolvedResultType span{color:#64748b;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.solvedGuaranteeResolution b,.supportSolvedResultType b{color:#047857;font-size:.86rem;line-height:1.25}
.solvedCopyCredentials{background:linear-gradient(135deg,#0f766e,#059669)!important;color:#fff!important;border:0!important}
.supportSolvedResult{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:16px 0;padding:16px;border:1px solid #86efac;border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);box-shadow:0 12px 25px rgba(5,150,105,.08)}
.supportSolvedResult>div:first-child>span{display:block;color:#047857;font-size:.66rem;font-weight:950;letter-spacing:.1em}
.supportSolvedResult h3{margin:4px 0;font-size:1rem}.supportSolvedResult p{margin:0;color:#475569;font-size:.8rem}.supportSolvedResult .btn{white-space:nowrap}
.notificationItem.support-solved p{white-space:pre-line!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge,
.refSidebar nav button[data-page="garantias"] .supportNavBadge.level-warning,
.refSidebar nav button[data-page="garantias"] .supportNavBadge.level-critical{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:2px solid #fff!important;border-radius:999px!important;background:linear-gradient(180deg,#ff4d6d 0%,#e11d48 100%)!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;line-height:32px!important;text-align:center!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(225,29,72,.42),0 0 0 4px rgba(225,29,72,.12)!important;overflow:visible!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge::before,.refSidebar nav button[data-page="garantias"] .supportNavBadge::after{display:none!important;content:none!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[data-wide="true"]{width:auto!important;min-width:38px!important;padding:0 8px!important}
@media(max-width:700px){.supportSolvedResult{grid-template-columns:1fr;gap:10px}.supportSolvedResult .btn{width:100%}.solvedGuaranteeNoticeActions{display:grid}.solvedGuaranteeNoticeActions .btn{width:100%}}


/* MoviePlay v82.31 — alertas de saldo y campos COP */
.copInputShell{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 52px;
  align-items:center;
  min-height:50px;
  margin-top:7px;
  border:1px solid #dbe4ef;
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.copInputShell:focus-within{
  border-color:#7c3aed;
  box-shadow:0 0 0 4px rgba(124,58,237,.10),0 8px 20px rgba(15,23,42,.06);
}
.copInputShell>span{
  height:100%;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#334155;
  font-size:1.05rem;
  font-weight:950;
}
.copInputShell>em{
  color:#64748b;
  font-size:.72rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.06em;
}
.copInputShell input.copAmountInput,
.copInputShell input{
  width:100%;
  min-width:0;
  height:48px;
  padding:0 13px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0f172a;
  font-size:1.2rem;
  font-weight:900;
  letter-spacing:.01em;
}
.usersPage tr.sellerLowBalance td{background:#fffaf0!important;}
.usersPage tr.sellerLowBalance td:first-child{box-shadow:inset 4px 0 0 #f59e0b;}
.sellerLowBadge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.6rem;font-style:normal;font-weight:950;letter-spacing:.05em;}
.notificationItem.balance-low{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff);}
.notificationItem.balance-zero{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff);}
.notificationItem.balance-low>span,.notificationItem.balance-zero>span{font-size:1.25rem;}
@media(max-width:700px){
  .copInputShell{grid-template-columns:40px minmax(0,1fr) 48px;min-height:48px;border-radius:14px}
  .copInputShell input.copAmountInput,.copInputShell input{height:46px;font-size:1.08rem}
}

/* MoviePlay v82.32 — ubicación por IP más precisa y bandera del país */
.codeAuditLocation{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  line-height:1.35;
}
.codeAuditCountryFlag{
  display:inline-grid;
  place-items:center;
  min-width:25px;
  font-size:1.18rem;
  line-height:1;
  filter:drop-shadow(0 2px 3px rgba(15,23,42,.16));
}
.codeAuditMobileCard .codeAuditLocation{
  width:fit-content;
  max-width:100%;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(79,70,229,.06);
}


/* MoviePlay v82.33 — banderas visuales y avisos modernos de disponibilidad */
.codeAuditCountryFlag{
  width:28px;
  min-width:28px;
  height:21px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border-radius:5px;
  background:rgba(255,255,255,.9);
  box-shadow:0 2px 7px rgba(15,23,42,.16),0 0 0 1px rgba(15,23,42,.08);
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.codeAuditCountryFlag img{
  display:block;
  width:28px;
  height:21px;
  object-fit:cover;
  border-radius:4px;
}
.codeAuditFlagEmoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:1.18rem;
  line-height:1;
}
.stockLiveAlert.soldout{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(135deg,#3b0a21 0%,#881337 48%,#e11d48 100%);
  border-color:rgba(251,113,133,.34);
  box-shadow:0 22px 50px rgba(136,19,55,.35),0 0 0 1px rgba(255,255,255,.08) inset;
}
.stockLiveAlert.restored{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#064e3b 0%,#059669 50%,#22c55e 100%);
  border-color:rgba(110,231,183,.34);
  box-shadow:0 22px 50px rgba(5,150,105,.30),0 0 0 1px rgba(255,255,255,.10) inset;
}
.stockLiveAlert.soldout .stockLiveAlertIcon,
.stockLiveAlert.restored .stockLiveAlertIcon{
  background:rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.16);
}
.stockLiveAlert.restored .stockLiveAlertCopy small{color:#d1fae5;}
.stockLiveAlert.soldout .stockLiveAlertCopy small{color:#ffe4e6;}
.notificationItem.stock-user-zero{
  border:1px solid rgba(244,63,94,.16);
  background:linear-gradient(135deg,#fff1f2,#fff 72%);
}
.notificationItem.stock-user-restored{
  border:1px solid rgba(16,185,129,.17);
  background:linear-gradient(135deg,#ecfdf5,#fff 72%);
}
.notificationItem.stock-user-zero b{color:#be123c!important;}
.notificationItem.stock-user-restored b{color:#047857!important;}
.notificationItem.stock-user-zero strong{color:#881337;}
.notificationItem.stock-user-restored strong{color:#065f46;}
@media(max-width:700px){
  .codeAuditCountryFlag{width:26px;min-width:26px;height:19px;}
  .codeAuditCountryFlag img{width:26px;height:19px;}
}

/* ============================================================
   MoviePlay v82.34 — usuarios móviles sin superposición
   El buscador y los filtros ocupan su espacio normal y nunca
   cubren la primera tarjeta del listado.
   ============================================================ */
@media (max-width: 800px){
  .usersPage{
    display:block !important;
    overflow:visible !important;
    padding-top:0 !important;
  }

  .usersFixedHeader{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 14px !important;
    padding:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    border-radius:16px !important;
  }

  .usersFixedHeader > .usersPageHead,
  .usersFixedHeader > .usersToolbar{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .usersFixedHeader > .usersPageHead{
    padding:18px 16px 14px !important;
    margin:0 !important;
  }

  .usersFixedHeader > .usersToolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px 14px 14px !important;
    align-items:stretch !important;
  }

  .usersFixedHeader .usersSearch{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .usersFixedHeader .usersSearch input{
    width:100% !important;
    min-width:0 !important;
  }

  .usersFixedHeader #userRoleFilter,
  .usersFixedHeader .usersCreateBtn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .usersFixedHeader .usersResultCount{
    display:none !important;
  }

  .usersPage > .tableWrap{
    position:relative !important;
    z-index:1 !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .usersPage table,
  .usersPage table tbody{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

@media (max-width: 420px){
  .usersFixedHeader > .usersPageHead{
    padding:16px 14px 12px !important;
  }

  .usersFixedHeader > .usersToolbar{
    padding:10px 12px 12px !important;
    gap:8px !important;
  }

  .usersFixedHeader #userRoleFilter,
  .usersFixedHeader .usersCreateBtn{
    min-height:48px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* V83.193 — diálogos propios de Movieplay por encima de cualquier modal/PWA. */
#movieplayDialogRootV83193{position:relative;z-index:2147483640}
.movieplayDialogLayerV83193{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:18px;isolation:isolate}
.movieplayDialogBackV83193{position:absolute;inset:0;background:rgba(3,10,18,.72);backdrop-filter:blur(6px)}
.movieplayDialogCardV83193{position:relative;z-index:2;width:min(460px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.42);border:1px solid rgba(13,31,50,.1);display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px}
.movieplayDialogCardV83193.warning{border-top:4px solid #e5a62f}.movieplayDialogCardV83193.danger{border-top:4px solid #dc4048}.movieplayDialogCardV83193.success{border-top:4px solid #1ca568}.movieplayDialogCardV83193.info{border-top:4px solid #3199ce}
.movieplayDialogIconV83193{width:42px;height:42px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;font-size:1.3rem}
.movieplayDialogCopyV83193{min-width:0}.movieplayDialogCopyV83193 h3{margin:5px 0 8px;font-size:1.18rem;color:#132238}.movieplayDialogCopyV83193 p{margin:0;color:#536579;line-height:1.48;overflow-wrap:anywhere}
.movieplayDialogDetailsV83193{margin-top:13px;padding:12px 13px;border-radius:13px;background:#f5f8fb;border:1px solid #e2e8f0;color:#26384b;font-size:.84rem;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.movieplayDialogActionsV83193{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.movieplayDialogActionsV83193 .btn{min-width:128px}
.toast{z-index:2147483646!important;max-width:min(430px,calc(100vw - 30px));box-shadow:0 18px 55px rgba(0,0,0,.35)!important}
@media(max-width:600px){.movieplayDialogLayerV83193{align-items:end;padding:10px}.movieplayDialogCardV83193{width:100%;max-width:none;border-radius:20px;padding:18px 15px;grid-template-columns:42px minmax(0,1fr)}.movieplayDialogActionsV83193{display:grid;grid-template-columns:1fr 1fr}.movieplayDialogActionsV83193 .btn{width:100%;min-width:0}.movieplayDialogActionsV83193 .btn:only-child{grid-column:1/-1}}

/* V83.196 — Fase 2C CLIENTES: pago y renovación solo Admin. */
.sheetClientAdminActionsV83196{margin:14px 0 16px;padding:14px;border:1px solid rgba(16,185,129,.22);background:linear-gradient(180deg,#f7fffb,#f4f8fb);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.sheetClientAdminHeadV83196{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sheetClientAdminHeadV83196>div{display:flex;flex-direction:column;gap:2px}.sheetClientAdminHeadV83196 span{font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#0f9d67}.sheetClientAdminHeadV83196 b{font-size:1rem;color:#142033}.sheetClientAdminHeadV83196 small{font-size:.72rem;color:#708095;text-align:right}
.sheetClientAdminGridV83196{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(280px,1.28fr);gap:10px}.sheetClientAdminCardV83196{padding:13px;border-radius:15px;background:#fff;border:1px solid #e5ebf1;display:flex;flex-direction:column;gap:8px;min-width:0}.sheetClientAdminCardV83196>span{font-size:.72rem;font-weight:850;color:#617185;text-transform:uppercase;letter-spacing:.06em}.sheetClientAdminCardV83196>small{color:#718096;font-size:.7rem;line-height:1.35}.sheetClientAdminCardV83196 .btn{min-height:40px}
.sheetPaymentStateV83196{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:.78rem;letter-spacing:.04em}.sheetPaymentStateV83196.paid{background:#e8fff3;color:#087847;border:1px solid #b8efd2}.sheetPaymentStateV83196.pending{background:#fff4e8;color:#9a5211;border:1px solid #f4d2ad}
.sheetClientRenewFieldsV83196{display:grid;grid-template-columns:110px minmax(160px,1fr);gap:8px}.sheetClientRenewFieldsV83196 label{display:flex;flex-direction:column;gap:5px;font-size:.72rem;font-weight:800;color:#617185}.sheetClientRenewFieldsV83196 input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #dbe3eb;border-radius:11px;padding:9px 10px;background:#fbfdff;color:#172334;font:inherit}
@media(max-width:720px){.sheetClientAdminGridV83196{grid-template-columns:1fr}.sheetClientAdminHeadV83196{align-items:flex-start}.sheetClientRenewFieldsV83196{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.sheetClientAdminActionsV83196{padding:11px;margin:12px 0}.sheetClientAdminHeadV83196{display:block}.sheetClientAdminHeadV83196 small{display:block;text-align:left;margin-top:4px}.sheetClientRenewFieldsV83196{grid-template-columns:1fr}.sheetClientAdminCardV83196{padding:11px}}

/* V83.197 — CLIENTES Fase 2D: estado comercial + cola de cortes. */
.sheetClientsCommercialStripV83197{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sheetClientsCommercialStripV83197 button{min-width:0;min-height:62px;padding:9px 10px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;color:#334155;text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.04);transition:.16s ease}
.sheetClientsCommercialStripV83197 button:hover{transform:translateY(-1px);border-color:#94a3b8}
.sheetClientsCommercialStripV83197 button.active{border-color:#0f172a;background:#0f172a;color:#fff;box-shadow:0 8px 22px rgba(15,23,42,.18)}
.sheetClientsCommercialStripV83197 button span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheetClientsCommercialStripV83197 button strong{display:block;margin-top:4px;font-size:20px;line-height:1}
.sheetClientCommercialBadgeV83197{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.025em;white-space:nowrap;background:#eef2f7;color:#475569}
.sheetClientCommercialBadgeV83197.ok{background:#dcfce7;color:#166534}.sheetClientCommercialBadgeV83197.warning{background:#fef3c7;color:#92400e}.sheetClientCommercialBadgeV83197.danger{background:#fee2e2;color:#b91c1c}.sheetClientCommercialBadgeV83197.cut{background:#991b1b;color:#fff}.sheetClientCommercialBadgeV83197.neutral{background:#eef2f7;color:#475569}
.sheetClientCommercialCardV83197{margin:14px 0;padding:14px;border:1px solid rgba(245,158,11,.24);border-radius:18px;background:linear-gradient(180deg,#fffdf7,#fff);box-shadow:0 10px 28px rgba(15,23,42,.055)}
.sheetClientCommercialHeadV83197{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheetClientCommercialHeadV83197>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sheetClientCommercialHeadV83197>div>span{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#7c5b13}.sheetClientCommercialHeadV83197>small{color:#7b8796;font-size:.7rem;text-align:right}
.sheetClientCommercialFlagsV83197{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.sheetClientCommercialFlagV83197{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:.68rem;font-weight:800}.sheetClientCommercialFlagV83197.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
.sheetClientCommercialActionsRowV83197{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.sheetClientCommercialActionsRowV83197 .btn{min-height:40px}.sheetClientCommercialActionsRowV83197 .btn.danger{background:#b91c1c;color:#fff;border-color:#b91c1c}
.sheetClientCommercialSafetyV83197{display:block;margin-top:9px;color:#64748b;line-height:1.42}.sheetClientCommercialSafetyV83197 b{color:#334155}
.sheetClientCommercialHistoryBoxV83197{margin-top:10px;border-top:1px solid #edf1f5;padding-top:9px}.sheetClientCommercialHistoryBoxV83197 summary{cursor:pointer;color:#475569;font-size:.72rem;font-weight:900}.sheetClientCommercialHistoryV83197{display:grid;gap:6px;margin-top:8px}.sheetClientCommercialHistoryV83197>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,.8fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:10px;background:#f8fafc;color:#475569;font-size:.68rem}.sheetClientCommercialHistoryV83197 span{font-weight:850;color:#334155}.sheetClientCommercialHistoryV83197 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientCommercialHistoryV83197 small{white-space:nowrap;color:#7b8796}.sheetClientCommercialHistoryEmptyV83197{display:block;margin-top:8px;color:#94a3b8}
@media(max-width:980px){.sheetClientsCommercialStripV83197{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sheetClientsCommercialStripV83197{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sheetClientsCommercialStripV83197 button{min-height:54px;padding:8px}.sheetClientCommercialHeadV83197{display:block}.sheetClientCommercialHeadV83197>small{display:block;text-align:left;margin-top:5px}.sheetClientCommercialHistoryV83197>div{grid-template-columns:1fr auto}.sheetClientCommercialHistoryV83197>div small{grid-column:1/-1}.sheetClientCommercialCardV83197{padding:11px}}

/* V83.198 — CLIENTES responsive por dispositivo. Solo presentación; no altera lógica de negocio. */
.sheetClientsCardsV83198{display:none}
.sheetClientCardV83198{min-width:0;border:1px solid #dbe3ef;border-radius:18px;background:#fff;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.sheetClientCardHeadV83198{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sheetClientCardIdentityV83198{min-width:0}.sheetClientCardIdentityV83198>span{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sheetClientCardIdentityV83198 h3{margin:3px 0 1px;color:#0f172a;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.sheetClientCardIdentityV83198 small{display:block;color:#64748b;font-size:10px;overflow-wrap:anywhere}
.sheetClientCardMatchV83198{display:inline-block;margin-top:9px;padding:4px 7px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:9px;font-weight:850}
.sheetClientCardGridV83198{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.sheetClientCardGridV83198>div{min-width:0;padding:9px;border:1px solid #edf1f5;border-radius:11px;background:#f8fafc}.sheetClientCardGridV83198 span{display:block;color:#64748b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sheetClientCardGridV83198 b{display:block;min-width:0;margin-top:3px;color:#1e293b;font-size:11px;overflow-wrap:anywhere}.sheetClientCardGridV83198 b i{font-style:normal}.sheetClientCardGridV83198 small{display:block;margin-top:3px;color:#64748b;font-size:9px;overflow-wrap:anywhere}
.sheetClientCardPaymentV83198.paid{color:#166534!important}.sheetClientCardPaymentV83198.pending{color:#b45309!important}
.sheetClientCardFlagsV83198{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.sheetClientCardFlagsV83198 span{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#475569;font-size:9px;font-weight:850}.sheetClientCardFlagsV83198 span.danger{background:#fee2e2;color:#b91c1c}
.sheetClientCardActionV83198{width:100%;min-height:42px!important;margin-top:11px;background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.sheetClientsCardsEmptyV83198{grid-column:1/-1;padding:28px 16px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:#64748b;text-align:center;font-size:12px}
.sheetClientMobileQuickV83198{display:none}

@media(min-width:1280px){
  .sheetClientsStatsV83180{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sheetClientsCommercialStripV83197{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sheetClientsTableV83180{min-width:960px!important}
}

@media(min-width:901px) and (max-width:1279px){
  .sheetClientsStatsV83180,.sheetClientsCommercialStripV83197{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sheetClientsFiltersV83180{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(130px,1fr))!important}
  .sheetClientsFiltersV83180 label:first-child{grid-column:auto!important}
  .sheetClientsTableV83180{min-width:760px!important;table-layout:fixed}
  .sheetClientsTableV83180 th,.sheetClientsTableV83180 td{padding:9px 7px!important;font-size:11px!important}
  .sheetClientsTableV83180 th{font-size:9px!important}
  .sheetClientsTableV83180 th:nth-child(7),.sheetClientsTableV83180 td:nth-child(7),.sheetClientsTableV83180 th:nth-child(9),.sheetClientsTableV83180 td:nth-child(9){display:none}
}

@media(min-width:901px) and (max-width:1100px){
  .sheetClientsFiltersV83180 label:first-child{grid-column:1/-1!important}
  .sheetClientsTableV83180{min-width:680px!important}
  .sheetClientsTableV83180 th:nth-child(8),.sheetClientsTableV83180 td:nth-child(8){display:none}
}

@media(min-width:901px){.sheetClientsCardsV83198{display:none!important}}

@media(max-width:900px){
  .sheetClientsTableWrapV83180{display:none!important}
  .sheetClientsCardsV83198{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sheetClientsStatsV83180,.sheetClientsCommercialStripV83197{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sheetClientsFiltersV83180{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .sheetClientsFiltersV83180 label:first-child{grid-column:1/-1!important}
  .sheetCutFilterV83180{width:100%}
  .sheetClientsPagerV83180{align-items:center!important}
  .sheetClientModalV83198{align-items:stretch!important;padding:0!important}
  .sheetClientModalBoxV83198{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:max(14px,env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;scrollbar-gutter:auto!important}
  .sheetClientModalBoxV83198 .close{top:0!important;margin:-4px -2px 2px 8px!important}
  .sheetClientModalTitleV83198{padding-right:46px}
  .sheetClientMobileQuickV83198{position:sticky;top:0;z-index:44;display:flex;gap:6px;margin:8px -4px 10px;padding:7px 4px;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #edf1f5}
  .sheetClientMobileQuickV83198::-webkit-scrollbar{display:none}.sheetClientMobileQuickV83198 button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-size:10px;font-weight:900}
  .sheetClientEditActionsV83185{top:50px!important;z-index:43!important}
  #sheetClientCommercialSectionV83198,#sheetClientAdminSectionV83198,#sheetClientPaymentSectionV83198,#sheetClientRenewSectionV83198,#sheetClientEditSectionV83198{scroll-margin-top:58px}
}

@media(max-width:600px){
  .sheetClientsStatsV83180,.sheetClientsCommercialStripV83197{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sheetClientsFiltersV83180{grid-template-columns:1fr!important;padding:10px!important}
  .sheetClientsFiltersV83180 label:first-child{grid-column:auto!important}
  .sheetClientsCardsV83198{grid-template-columns:1fr!important;gap:9px}
  .sheetClientCardV83198{padding:12px;border-radius:15px}
  .sheetClientCardActionV83198{min-height:46px!important}
  .sheetClientsPagerV83180{align-items:stretch!important;flex-direction:column!important;text-align:center}.sheetClientsPagerV83180>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sheetClientsPagerV83180 button{width:100%;min-height:42px!important}
  .sheetClientModalBoxV83198{padding:max(12px,env(safe-area-inset-top)) 13px calc(16px + env(safe-area-inset-bottom))!important}
  .sheetClientMobileQuickV83198{margin-left:-2px;margin-right:-2px}
  .sheetClientEditGridV83185{padding:10px!important}
  .sheetClientCommercialActionsRowV83197 .btn{flex:1 1 100%}
  .sheetClientAdminGridV83196{grid-template-columns:1fr!important}
}

@media(max-width:380px){
  .sheetClientsPageV83180{gap:8px!important}
  .sheetClientsBannerV83180{padding:11px 12px!important;border-radius:13px!important}.sheetClientsBannerV83180 b{font-size:12px!important}.sheetClientsBannerV83180 small{font-size:10px!important}
  .sheetClientStatV83180{padding:9px!important;border-radius:12px!important}.sheetClientStatV83180 span{font-size:8px!important}.sheetClientStatV83180 strong{font-size:18px!important}
  .sheetClientsCommercialStripV83197 button{min-height:50px!important;padding:7px!important;border-radius:11px!important}.sheetClientsCommercialStripV83197 button span{font-size:8px!important}.sheetClientsCommercialStripV83197 button strong{font-size:17px!important}
  .sheetClientCardV83198{padding:10px}.sheetClientCardHeadV83198{gap:6px}.sheetClientCardIdentityV83198 h3{font-size:14px}.sheetClientCardGridV83198{gap:6px}.sheetClientCardGridV83198>div{padding:7px}.sheetClientCardGridV83198 b{font-size:10px}.sheetClientCommercialBadgeV83197{padding:4px 7px!important;font-size:8px!important}
  .sheetClientMobileQuickV83198 button{min-height:36px;padding:0 10px;font-size:9px}
}

/* V83.199 — conserva layout responsive V83198; sin cambios visuales adicionales. */

/* V83.200 — CLIENTES: filtros dependientes + señal visual de cuenta CAÍDA. */
.sheetClientTechnicalBadgeV83200{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:900;line-height:1.15;white-space:nowrap}
.sheetClientTechnicalBadgeV83200.down{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;box-shadow:0 0 0 2px rgba(220,38,38,.06)}
.sheetClientsTableV83180 tr.sheetClientRowDownV83200 td{background:#fff1f2;border-bottom-color:#fecdd3}
.sheetClientsTableV83180 tr.sheetClientRowDownV83200 td:first-child{box-shadow:inset 4px 0 #dc2626}
.sheetClientsTableV83180 tr.sheetClientRowDownV83200:hover td{background:#ffe4e6}
.sheetClientCardV83198.sheetClientCardDownV83200{border-color:#fca5a5;background:linear-gradient(135deg,#fff1f2 0%,#fff 72%);box-shadow:0 10px 28px rgba(220,38,38,.10)}
.sheetClientCardV83198.sheetClientCardDownV83200 .sheetClientCardIdentityV83198 h3{color:#991b1b}
@media(max-width:900px){.sheetClientCardV83198.sheetClientCardDownV83200{position:relative;overflow:hidden}.sheetClientCardV83198.sheetClientCardDownV83200:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#dc2626}}

/* V83.202 — CLIENTES: métricas clickeables + modal compacto y edición por dato. */
.sheetClientsMetricsV83202{grid-template-columns:repeat(6,minmax(0,1fr))}
.sheetClientMetricV83202{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;text-align:left;font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.sheetClientMetricV83202:hover{transform:translateY(-1px);border-color:#94a3b8;box-shadow:0 10px 26px rgba(15,23,42,.09)}
.sheetClientMetricV83202:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}
.sheetClientMetricV83202.active{border-color:#0f172a;background:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.18)}
.sheetClientMetricV83202.active span,.sheetClientMetricV83202.active strong,.sheetClientMetricV83202.active small{color:#fff!important}
.sheetClientMetricV83202 small{display:block;margin-top:4px;color:#94a3b8;font-size:8px;font-weight:800}
.sheetClientMetricV83202.warning strong{color:#c2410c}.sheetClientMetricV83202.danger strong,.sheetClientMetricV83202.down strong{color:#b91c1c}.sheetClientMetricV83202.success strong{color:#15803d}.sheetClientMetricV83202.cut strong{color:#dc2626}
.sheetClientsOpsCompactV83202{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.sheetClientsOpsCompactCopyV83202{min-width:0}.sheetClientsOpsCompactCopyV83202 b{display:block;color:#0f172a;font-size:11px}.sheetClientsOpsCompactCopyV83202 small{display:block;margin-top:2px;color:#64748b;font-size:9px;line-height:1.4}
.sheetClientsOpsCompactV83202>button{min-height:36px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}
.sheetClientsOpsCompactV83202>.sheetClientsOpsActivityV83201{grid-column:1/-1;margin:0;padding-top:7px}
.sheetClientQuickActionsV83201{display:block!important}.sheetClientUnifiedActionV83202{width:100%;min-height:38px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#0f172a!important;color:#fff!important;padding:0 12px!important;font-size:10px!important;font-weight:900!important;white-space:nowrap;cursor:pointer}
.sheetClientModalHeadV83202{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sheetClientModalHeadV83202>div{min-width:0}.sheetClientModalHeadV83202>small{max-width:220px;color:#64748b;font-size:10px;line-height:1.35;text-align:right}.sheetClientModalHeadV83202 .sheetClientModalTitleV83198{margin:8px 0 0!important}
.sheetClientCompactSummaryV83202{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.sheetClientCompactItemV83202{min-width:0;padding:10px 11px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.sheetClientCompactItemV83202 span{display:block;color:#64748b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sheetClientCompactItemV83202 b{display:block;margin-top:3px;color:#0f172a;font-size:12px;overflow-wrap:anywhere}.sheetClientCompactItemV83202 small{display:block;margin-top:3px;color:#64748b;font-size:9px;overflow-wrap:anywhere}.sheetClientCompactItemV83202.ok{background:#f0fdf4;border-color:#bbf7d0}.sheetClientCompactItemV83202.warning{background:#fffbeb;border-color:#fde68a}.sheetClientCompactItemV83202.danger,.sheetClientCompactItemV83202.cut{background:#fff1f2;border-color:#fecaca}.sheetClientCompactItemV83202.down{background:#fff1f2;border-color:#fecaca}
.sheetClientActionAccordionV83202,.sheetClientEditableFieldV83202,.sheetClientMoreInfoV83202{border:1px solid #dbe3ef;border-radius:14px;background:#fff;overflow:hidden}.sheetClientActionAccordionV83202{margin:8px 0}.sheetClientActionAccordionV83202>summary,.sheetClientEditableFieldV83202>summary,.sheetClientMoreInfoV83202>summary{list-style:none;cursor:pointer}.sheetClientActionAccordionV83202>summary::-webkit-details-marker,.sheetClientEditableFieldV83202>summary::-webkit-details-marker,.sheetClientMoreInfoV83202>summary::-webkit-details-marker{display:none}
.sheetClientActionAccordionV83202>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 12px;background:#f8fafc}.sheetClientActionAccordionV83202>summary span{font-size:10px;font-weight:900;color:#334155;text-transform:uppercase}.sheetClientActionAccordionV83202>summary>b{font-size:10px;color:#0f172a}.sheetClientActionAccordionV83202>summary i{font-style:normal;color:#2563eb;font-size:9px;font-weight:900}.sheetClientActionAccordionV83202[open]>summary{border-bottom:1px solid #e2e8f0}.sheetClientActionAccordionV83202 .sheetClientCommercialCardV83197,.sheetClientActionAccordionV83202 .sheetClientAdminActionsV83196{margin:0;border:0;border-radius:0;box-shadow:none}
.sheetClientEditableGridV83202{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.sheetClientEditableFieldV83202.wide{grid-column:1/-1}.sheetClientEditableFieldV83202>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;padding:10px 11px;background:#fff}.sheetClientEditableFieldV83202>summary span{grid-column:1/-1;color:#64748b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sheetClientEditableFieldV83202>summary b{min-width:0;color:#0f172a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientEditableFieldV83202>summary small{grid-column:1/2;color:#64748b;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientEditableFieldV83202>summary i{align-self:center;font-style:normal;color:#2563eb;font-size:9px;font-weight:900}.sheetClientEditableFieldV83202[open]>summary{background:#eff6ff;border-bottom:1px solid #bfdbfe}.sheetClientEditableBodyV83202{display:grid;gap:6px;padding:10px;background:#f8fbff}.sheetClientEditableBodyV83202>input,.sheetClientEditableBodyV83202>select,.sheetClientEditableBodyV83202>textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;padding:9px 10px;font:inherit}.sheetClientEditableBodyV83202>textarea{min-height:86px;resize:vertical}.sheetClientEditableBodyV83202>small{color:#64748b;font-size:9px}.sheetClientEditableBodyV83202 .sheetClientStockBoxV83189{padding:0;border:0;background:transparent}
.sheetClientMoreInfoV83202{margin-top:10px}.sheetClientMoreInfoV83202>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:#f8fafc}.sheetClientMoreInfoV83202>summary span{color:#334155;font-size:10px;font-weight:900}.sheetClientMoreInfoV83202>summary small{color:#64748b;font-size:9px}.sheetClientMoreInfoV83202[open]>summary{border-bottom:1px solid #e2e8f0}.sheetClientMoreInfoGridV83202{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.sheetClientMoreInfoGridV83202>div{min-width:0;padding:8px 9px;border-radius:10px;background:#f8fafc}.sheetClientMoreInfoGridV83202>div.wide{grid-column:1/-1}.sheetClientMoreInfoGridV83202 span{display:block;color:#64748b;font-size:8px;font-weight:900;text-transform:uppercase}.sheetClientMoreInfoGridV83202 b{display:block;margin-top:3px;color:#0f172a;font-size:10px;overflow-wrap:anywhere}
@media(max-width:1100px){.sheetClientsMetricsV83202{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sheetClientCompactSummaryV83202{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sheetClientsMetricsV83202{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sheetClientUnifiedActionV83202{min-height:44px!important}.sheetClientEditableGridV83202{grid-template-columns:1fr}.sheetClientEditableFieldV83202.wide{grid-column:auto}.sheetClientModalHeadV83202>small{display:none}}
@media(max-width:600px){.sheetClientsMetricsV83202{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sheetClientsOpsCompactV83202{grid-template-columns:1fr}.sheetClientsOpsCompactV83202>button{width:100%}.sheetClientCompactSummaryV83202{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sheetClientCompactItemV83202{padding:8px}.sheetClientMoreInfoGridV83202{grid-template-columns:1fr}.sheetClientMoreInfoGridV83202>div.wide{grid-column:auto}.sheetClientActionAccordionV83202>summary{grid-template-columns:minmax(0,1fr) auto}.sheetClientActionAccordionV83202>summary i{display:none}}
@media(max-width:380px){.sheetClientsMetricsV83202{gap:6px!important}.sheetClientMetricV83202{padding:8px!important}.sheetClientCompactSummaryV83202{grid-template-columns:1fr 1fr}.sheetClientCompactItemV83202 b{font-size:11px}}

/* V83.202 — CLIENTES: solución de garantía dinámica, auditoría y estado de guardado */
.sheetClientModalMetaV83202{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 12px;padding:9px 10px;border:1px solid #dbe3ef;border-radius:13px;background:#fff}.sheetClientModalMetaCopyV83202{display:flex;align-items:center;gap:8px;min-width:0}.sheetClientModalMetaCopyV83202 small{color:#64748b;font-size:9px;line-height:1.3;overflow-wrap:anywhere}.sheetClientSyncStateV83202{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.sheetClientSyncStateV83202.saved{background:#dcfce7;color:#166534}.sheetClientSyncStateV83202.saving{background:#dbeafe;color:#1d4ed8}.sheetClientSyncStateV83202.error{background:#fee2e2;color:#b91c1c}.sheetClientSyncStateV83202.readonly{background:#f1f5f9;color:#475569}.sheetClientCopySolutionV83202{min-height:36px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;color:#166534;padding:0 12px;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.sheetClientCopySolutionV83202:hover{background:#dcfce7}.sheetClientCopySolutionV83202:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.sheetClientModalMetaV83202{align-items:stretch;flex-direction:column}.sheetClientModalMetaCopyV83202{align-items:flex-start;flex-direction:column}.sheetClientCopySolutionV83202{width:100%;min-height:42px}}

/* V83.203 · CLIENTES — avisos WhatsApp asistidos, sin API */
.sheetClientsWhatsappRemindersV83203{min-height:38px;border:1px solid #86efac;border-radius:11px;background:#f0fdf4;color:#166534;padding:0 13px;font-weight:900;white-space:nowrap}
.sheetClientWhatsappV83203{display:grid;gap:14px;max-width:920px;margin:0 auto}.sheetClientWhatsappTitleV83203{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sheetClientWhatsappTitleV83203 h2{margin:0}.sheetClientWhatsappTitleV83203 p{margin:6px 0 0;color:#64748b;line-height:1.45}.sheetClientWhatsappCloseV83203{width:38px;height:38px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#475569;font-weight:900}.sheetClientWhatsappTabsV83203{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sheetClientWhatsappTabsV83203 button{display:grid;gap:2px;text-align:left;border:1px solid #dbe3ef;border-radius:13px;background:#fff;padding:10px 12px;color:#334155}.sheetClientWhatsappTabsV83203 button span{font-size:10px;font-weight:900}.sheetClientWhatsappTabsV83203 button b{font-size:22px;color:#0f172a}.sheetClientWhatsappTabsV83203 button small{font-size:9px;color:#64748b}.sheetClientWhatsappTabsV83203 button.active{border-color:#22c55e;background:#f0fdf4;box-shadow:0 0 0 2px rgba(34,197,94,.08)}.sheetClientWhatsappSummaryV83203{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:stretch}.sheetClientWhatsappSummaryV83203>div{display:grid;gap:2px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;padding:8px 10px}.sheetClientWhatsappSummaryV83203 span{font-size:9px;font-weight:850;color:#64748b;text-transform:uppercase}.sheetClientWhatsappSummaryV83203 b{font-size:17px;color:#0f172a}.sheetClientWhatsappSummaryV83203>button{border:0;border-radius:11px;background:#16a34a;color:#fff;padding:0 14px;font-weight:900}.sheetClientWhatsappSummaryV83203>button:disabled{background:#cbd5e1;color:#64748b}.sheetClientWhatsappListV83203{display:grid;gap:10px;max-height:min(58vh,650px);overflow:auto;padding-right:2px}.sheetClientWhatsappCardV83203{display:grid;gap:9px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:12px}.sheetClientWhatsappCardV83203.managed{background:#f8fafc;border-color:#cbd5e1}.sheetClientWhatsappCardV83203.missing{border-color:#fecaca;background:#fff7f7}.sheetClientWhatsappCardHeadV83203{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheetClientWhatsappCardHeadV83203>div{display:grid;gap:2px}.sheetClientWhatsappCardHeadV83203 span{font-weight:950;color:#0f172a}.sheetClientWhatsappCardHeadV83203 b{font-size:10px;color:#64748b}.sheetClientWhatsappCardHeadV83203 em{font-style:normal;font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:#fef3c7;color:#92400e}.sheetClientWhatsappCardV83203.managed .sheetClientWhatsappCardHeadV83203 em{background:#dcfce7;color:#166534}.sheetClientWhatsappMetaV83203{display:flex;flex-wrap:wrap;gap:6px 14px;color:#475569;font-size:10px}.sheetClientWhatsappItemsV83203{display:grid;gap:6px}.sheetClientWhatsappItemsV83203>div{display:grid;gap:2px;padding:7px 9px;border-radius:10px;background:#f8fafc}.sheetClientWhatsappItemsV83203 b{font-size:11px;color:#0f172a}.sheetClientWhatsappItemsV83203 small{font-size:9px;color:#64748b}.sheetClientWhatsappManagedAtV83203{color:#64748b;font-size:9px}.sheetClientWhatsappActionsV83203{display:flex;gap:8px;justify-content:flex-end}.sheetClientWhatsappActionsV83203 button{min-height:36px}.sheetClientWhatsappEmptyV83203{display:grid;gap:4px;text-align:center;padding:28px;border:1px dashed #cbd5e1;border-radius:14px;color:#475569}.sheetClientWhatsappEmptyV83203 small{color:#94a3b8}
@media(max-width:650px){.sheetClientWhatsappTabsV83203{grid-template-columns:1fr}.sheetClientWhatsappTabsV83203 button{grid-template-columns:1fr auto;align-items:center}.sheetClientWhatsappTabsV83203 button small{grid-column:1/-1}.sheetClientWhatsappSummaryV83203{grid-template-columns:repeat(3,1fr)}.sheetClientWhatsappSummaryV83203>button{grid-column:1/-1;min-height:42px}.sheetClientWhatsappCardHeadV83203{align-items:flex-start}.sheetClientWhatsappActionsV83203{display:grid;grid-template-columns:1fr 1fr}.sheetClientWhatsappActionsV83203 button{width:100%;padding-left:7px;padding-right:7px}.sheetClientsWhatsappRemindersV83203{width:100%}}

/* V83.204 · CLIENTES — filtro por vendedor en avisos WhatsApp */
.sheetClientWhatsappFilterV83204{display:flex;align-items:end;justify-content:space-between;gap:12px;border:1px solid #dbe3ef;border-radius:13px;background:#f8fafc;padding:10px 12px}.sheetClientWhatsappFilterV83204 label{display:grid;gap:5px;min-width:min(320px,100%)}.sheetClientWhatsappFilterV83204 label>span{font-size:9px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.sheetClientWhatsappFilterV83204 select{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;padding:0 34px 0 11px;font-weight:850}.sheetClientWhatsappFilterV83204 small{color:#64748b;font-size:9px;line-height:1.4;text-align:right;max-width:340px}
@media(max-width:650px){.sheetClientWhatsappFilterV83204{display:grid;align-items:stretch}.sheetClientWhatsappFilterV83204 label{min-width:0;width:100%}.sheetClientWhatsappFilterV83204 small{text-align:left;max-width:none}}

/* V83.221 — estado de sincronización de ventas con Google Sheets */
.sheetSyncBadgeV83221{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.15;white-space:nowrap;vertical-align:middle}
.sheetSyncBadgeV83221.synced{background:rgba(34,197,94,.12);color:#15803d}
.sheetSyncBadgeV83221.pending{background:rgba(245,158,11,.14);color:#a16207}
.sheetSyncBadgeV83221.error{background:rgba(239,68,68,.12);color:#b91c1c}
@media(max-width:760px){.sheetSyncBadgeV83221{font-size:10px;padding:3px 6px}}

.sheetSyncStateStackV83222{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px}
.sheetSyncRetryV83222{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:25px;padding:4px 8px;border:1px solid rgba(185,28,28,.22);border-radius:999px;background:#fff7f7;color:#b91c1c;font-size:10px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap;transition:.15s}
.sheetSyncRetryV83222:hover{background:#fee2e2;border-color:rgba(185,28,28,.38)}
.sheetSyncRetryV83222:disabled{opacity:.62;cursor:wait}
.sheetSyncRetryV83222.compact{min-height:22px;padding:3px 7px;font-size:9.5px}
.sheetSyncQuickRetryWrapV83222{display:flex;justify-content:flex-end;margin:12px 0 2px}
.sheetSyncQuickRetryWrapV83222 .sheetSyncRetryV83222{min-height:38px;padding:8px 13px;font-size:11px}
@media(max-width:760px){.sheetSyncStateStackV83222{gap:4px}.sheetSyncRetryV83222{min-height:28px;font-size:10px}.sheetSyncRetryV83222.compact{min-height:26px;padding:4px 8px}.sheetSyncQuickRetryWrapV83222{justify-content:stretch}.sheetSyncQuickRetryWrapV83222 .sheetSyncRetryV83222{width:100%;min-height:42px}}

/* V83.223 — motivo exacto de rechazo de Google Sheets */
.sheetSyncErrorDetailV83223{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(239,68,68,.2);border-radius:12px;background:rgba(254,242,242,.9);color:#991b1b;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.sheetSyncErrorDetailV83223 b{font-weight:900}
@media(max-width:760px){.sheetSyncErrorDetailV83223{font-size:11px;padding:9px 10px;border-radius:10px}}

/* V83.234 — CLIENTES Pro: cola de atención + accesos rápidos de operación. */
.sheetClientAttentionBadgeV83234{display:inline-flex;align-items:center;margin-top:5px;padding:4px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-size:9px;font-weight:900;white-space:nowrap}.sheetClientAttentionBadgeV83234.danger{background:#fff1f2;color:#b91c1c;border-color:#fecaca}.sheetClientAttentionBadgeV83234.warning{background:#fffbeb;color:#92400e;border-color:#fde68a}
.sheetClientProActionBarV83234{position:sticky;top:0;z-index:42;display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px;border:1px solid #dbe3ef;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(15,23,42,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none}.sheetClientProActionBarV83234::-webkit-scrollbar{display:none}.sheetClientProActionBarV83234 button{flex:0 0 auto;min-height:36px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.sheetClientProActionBarV83234 button:hover{border-color:#94a3b8;background:#f8fafc}.sheetClientProAttentionV83234{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-size:9px;font-weight:950;white-space:nowrap}.sheetClientProAttentionV83234.danger{background:#fff1f2;color:#b91c1c;border-color:#fecaca}.sheetClientProAttentionV83234.ok{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
@media(max-width:650px){.sheetClientProActionBarV83234{margin-left:-1px;margin-right:-1px}.sheetClientProActionBarV83234 button{min-height:38px}.sheetClientProAttentionV83234{min-height:32px}}

/* V83.235 — CLIENTES Pro · historial operativo por ID VENTA */
.sheetClientHistoryPanelV83235{margin:10px 0;border:1px solid #dbe3ef;border-radius:14px;background:#fff;overflow:hidden}.sheetClientHistoryPanelV83235>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:12px 14px;cursor:pointer;background:#f8fafc}.sheetClientHistoryPanelV83235>summary::-webkit-details-marker{display:none}.sheetClientHistoryPanelV83235>summary span{font-size:12px;font-weight:950;color:#0f172a}.sheetClientHistoryPanelV83235>summary small{grid-column:1;font-size:9px;color:#64748b}.sheetClientHistoryPanelV83235>summary i{grid-column:2;grid-row:1/3;font-style:normal;font-size:9px;font-weight:900;color:#334155}.sheetClientHistoryBodyV83235{padding:12px 14px}.sheetClientHistoryBodyV83235>.btn{min-height:36px}.sheetClientHistoryBodyV83235>small{display:block;margin-top:7px;font-size:9px;color:#64748b}.sheetClientHistoryTimelineV83235{position:relative;display:grid;gap:0;padding-left:4px}.sheetClientHistoryEventV83235{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:0 0 14px}.sheetClientHistoryEventV83235:not(:last-child):before{content:"";position:absolute;left:8px;top:16px;bottom:-2px;width:1px;background:#dbe3ef}.sheetClientHistoryEventV83235>i{position:relative;z-index:1;width:17px;height:17px;border-radius:999px;background:#e2e8f0;border:4px solid #fff;box-shadow:0 0 0 1px #cbd5e1}.sheetClientHistoryEventV83235.renewal>i{background:#86efac}.sheetClientHistoryEventV83235.payment>i{background:#93c5fd}.sheetClientHistoryEventV83235.account_change>i{background:#fcd34d}.sheetClientHistoryEventV83235.commercial_state>i{background:#c4b5fd}.sheetClientHistoryEventBodyV83235{min-width:0;border:1px solid #e2e8f0;border-radius:11px;padding:9px 10px;background:#fff}.sheetClientHistoryEventHeadV83235{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.sheetClientHistoryEventHeadV83235 b{font-size:10px;color:#0f172a}.sheetClientHistoryEventHeadV83235 time{font-size:8px;color:#64748b;white-space:nowrap}.sheetClientHistoryEventBodyV83235>small{display:block;margin-top:3px;font-size:8.5px;color:#64748b}.sheetClientHistoryEventBodyV83235 ul{margin:7px 0 0;padding-left:16px}.sheetClientHistoryEventBodyV83235 li{margin:2px 0;font-size:9px;color:#334155;overflow-wrap:anywhere}.sheetClientHistoryEventBodyV83235 em{display:block;margin-top:6px;font-size:8px;color:#94a3b8;font-style:normal}.sheetClientHistoryEmptyV83235,.sheetClientHistoryErrorV83235,.sheetClientHistoryLoadingV83235{padding:10px;border-radius:10px;background:#f8fafc;color:#475569;font-size:10px}.sheetClientHistoryEmptyV83235 b,.sheetClientHistoryErrorV83235 b{display:block;color:#0f172a}.sheetClientHistoryEmptyV83235 small,.sheetClientHistoryErrorV83235 small{display:block;margin:3px 0 8px;color:#64748b}@media(max-width:650px){.sheetClientHistoryPanelV83235>summary{padding:11px 12px}.sheetClientHistoryBodyV83235{padding:10px}.sheetClientHistoryEventHeadV83235{display:block}.sheetClientHistoryEventHeadV83235 time{display:block;margin-top:2px}.sheetClientHistoryEventBodyV83235{padding:9px}}


/* MoviePlay v83.239 — ventas de red agrupadas sin bloquear la operación */
.networkSalesBannerV83239{
  position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:2147482500;
  width:min(720px,calc(100vw - 28px));transform:translateX(-50%);display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;
  padding:10px 11px;border:1px solid rgba(121,201,0,.34);border-radius:16px;
  background:rgba(12,17,12,.96);color:#fff;box-shadow:0 18px 46px rgba(9,11,10,.3);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.networkSalesBannerIconV83239{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#a8ff1a;color:#071006;font-size:18px}
.networkSalesBannerCopyV83239{min-width:0;display:grid;gap:2px}.networkSalesBannerCopyV83239 b{font-size:12px;line-height:1.2}.networkSalesBannerCopyV83239 small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5c9;font-size:10px}
.networkSalesBannerViewV83239,.networkSalesBannerCloseV83239{border:0;border-radius:10px;font:inherit;font-weight:900;cursor:pointer}
.networkSalesBannerViewV83239{min-height:36px;padding:0 12px;background:#a8ff1a;color:#071006;font-size:10px}
.networkSalesBannerCloseV83239{width:34px;height:34px;background:rgba(255,255,255,.1);color:#fff;font-size:18px}
.stockLiveAlert.withNetworkSalesBannerV83239{bottom:calc(env(safe-area-inset-bottom,0px) + 94px)!important;inset-block-end:calc(env(safe-area-inset-bottom,0px) + 94px)!important}
.balanceRequestAdminActionsV83239{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:12px}
@media(min-width:901px){.stockLiveAlert.withNetworkSalesBannerV83239{bottom:100px!important;inset-block-end:100px!important}}
@media(max-width:700px){
  .networkSalesBannerV83239{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);width:calc(100vw - 18px);grid-template-columns:auto minmax(0,1fr) auto;padding:9px;border-radius:14px}
  .networkSalesBannerViewV83239{grid-column:2/3;justify-self:start;min-height:32px;padding:0 10px}.networkSalesBannerCloseV83239{grid-column:3;grid-row:1/3}.networkSalesBannerCopyV83239 small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .stockLiveAlert.withNetworkSalesBannerV83239{bottom:calc(env(safe-area-inset-bottom,0px) + 154px)!important;inset-block-end:calc(env(safe-area-inset-bottom,0px) + 154px)!important}
  .balanceRequestAdminActionsV83239{grid-template-columns:1fr 1fr}.balanceRequestAdminActionsV83239 #balanceRequestLaterV83239{grid-column:1/-1}
}

/* V83.240-R6 — CLIENTES Ficha 360 responsive y navegacion estable. */
#modalRoot .modal.sheetClient360ModalV83240R6{padding:16px!important;align-items:center!important}
#modalRoot .modal.sheetClient360ModalV83240R6 .modalBox.sheetClient360ModalBoxV83240R6{width:min(1180px,calc(100vw - 32px))!important;max-width:min(1180px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
.sheetClient360V83240R5{display:grid;gap:14px;min-width:0;color:#0f172a}
.sheetClient360LoadingV83240R5{display:grid;place-items:center;min-height:260px;text-align:center;padding:28px}.sheetClient360LoadingV83240R5>span,.sheetClient360HeadV83240R5>div:first-child>span{color:#15803d;font-size:10px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.sheetClient360LoadingV83240R5 h2{margin:6px 0 0}.sheetClient360LoadingV83240R5 p{max-width:520px;margin:7px 0 0;color:#64748b;line-height:1.45}
.sheetClient360HeadV83240R5{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);gap:12px;align-items:stretch}.sheetClient360HeadV83240R5 h2{margin:4px 0 0;font-size:clamp(22px,2.2vw,30px);line-height:1.08;overflow-wrap:anywhere}.sheetClient360HeadV83240R5>div:first-child>small{display:block;margin-top:6px;color:#64748b;line-height:1.4}
.sheetClient360ContactV83240R5{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 14px;border:1px solid #dbe3ef;border-radius:15px;background:#f8fafc}.sheetClient360ContactV83240R5>span{color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}.sheetClient360ContactV83240R5>b{margin-top:4px;overflow-wrap:anywhere}.sheetClient360ContactV83240R5>small{margin-top:3px;color:#64748b;font-size:9px}
.sheetClient360WarningV83240R5{padding:10px 12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:11px;font-weight:800;line-height:1.4}
.sheetClient360MetricsV83240R5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sheetClient360MetricV83240R5{min-width:0;padding:11px 12px;border:1px solid #dbe3ef;border-radius:14px;background:#fff}.sheetClient360MetricV83240R5>span{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;line-height:1.25}.sheetClient360MetricV83240R5>b{display:block;margin-top:5px;font-size:22px;line-height:1}.sheetClient360MetricV83240R5.danger{border-color:#fecaca;background:#fff7f7}.sheetClient360MetricV83240R5.danger>b{color:#b91c1c}.sheetClient360MetricV83240R5.warning{border-color:#fde68a;background:#fffbeb}.sheetClient360MetricV83240R5.warning>b{color:#92400e}.sheetClient360MetricV83240R5.renewal{border-color:#bfdbfe;background:#eff6ff}.sheetClient360MetricV83240R5.renewal>b{color:#1d4ed8}
.sheetClient360ServicesV83240R5{display:grid;gap:9px;min-width:0}.sheetClient360ServicesV83240R5>header{display:flex;justify-content:space-between;gap:10px;align-items:end}.sheetClient360ServicesV83240R5>header b{display:block}.sheetClient360ServicesV83240R5>header small{display:block;margin-top:2px;color:#64748b;font-size:10px}
.sheetClient360ServiceListV83240R5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.sheetClient360ServiceV83240R5{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.04)}.sheetClient360ServiceV83240R5.needsAttention{border-color:#fdba74;background:linear-gradient(145deg,#fff7ed,#fff 66%)}.sheetClient360ServiceV83240R5>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sheetClient360ServiceV83240R5>header>div{min-width:0}.sheetClient360ServiceV83240R5>header>div>span{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}.sheetClient360ServiceV83240R5 h3{margin:3px 0 1px;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.sheetClient360ServiceV83240R5>header small{display:block;color:#64748b;font-size:9px;overflow-wrap:anywhere}
.sheetClient360ServiceGridV83240R5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.sheetClient360ServiceGridV83240R5>div{min-width:0;padding:8px;border:1px solid #edf2f7;border-radius:10px;background:#f8fafc}.sheetClient360ServiceGridV83240R5 span{display:block;color:#64748b;font-size:8px;font-weight:900;text-transform:uppercase}.sheetClient360ServiceGridV83240R5 b{display:block;margin-top:3px;font-size:10px;overflow-wrap:anywhere}.sheetClient360ServiceGridV83240R5 b.ok{color:#166534}.sheetClient360ServiceGridV83240R5 b.pending{color:#b45309}.sheetClient360ServiceGridV83240R5 small{display:block;margin-top:2px;color:#64748b;font-size:8px;overflow-wrap:anywhere}
.sheetClient360FlagsV83240R5{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.sheetClient360FlagsV83240R5>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-size:8px;font-weight:900}.sheetClient360FlagsV83240R5>span.danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.sheetClient360FlagsV83240R5>span.renewal{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.sheetClient360FlagsV83240R5>span.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.sheetClient360ServiceV83240R5>.btn{width:100%;min-height:42px;margin-top:auto}
@media(max-width:900px){
  #modalRoot .modal.sheetClient360ModalV83240R6{padding:10px!important}
  #modalRoot .modal.sheetClient360ModalV83240R6 .modalBox.sheetClient360ModalBoxV83240R6{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
  .sheetClient360HeadV83240R5{grid-template-columns:1fr}.sheetClient360ContactV83240R5{padding:10px 12px}
  .sheetClient360MetricsV83240R5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sheetClient360ServiceListV83240R5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){.sheetClient360ServiceListV83240R5{grid-template-columns:1fr}}
@media(max-width:600px){
  #modalRoot .modal.sheetClient360ModalV83240R6{align-items:flex-end!important;padding:4px!important}
  #modalRoot .modal.sheetClient360ModalV83240R6 .modalBox.sheetClient360ModalBoxV83240R6{width:100%!important;max-width:100%!important;height:calc(100dvh - 4px)!important;max-height:calc(100dvh - 4px)!important;border-radius:20px 20px 10px 10px!important;padding:13px 12px max(16px,env(safe-area-inset-bottom))!important}
  .sheetClient360V83240R5{gap:10px}.sheetClient360LoadingV83240R5{min-height:70dvh;padding:20px 8px}
  .sheetClient360HeadV83240R5 h2{font-size:22px}.sheetClient360HeadV83240R5>div:first-child>small{font-size:10px}
  .sheetClient360MetricsV83240R5{gap:6px}.sheetClient360MetricV83240R5{padding:9px}.sheetClient360MetricV83240R5>b{font-size:19px}
  .sheetClient360ServicesV83240R5>header{display:block}.sheetClient360ServiceV83240R5{padding:10px;border-radius:14px}.sheetClient360ServiceV83240R5>header{gap:6px}.sheetClient360ServiceGridV83240R5{gap:6px}.sheetClient360ServiceGridV83240R5>div{padding:7px}.sheetClient360ServiceV83240R5>.btn{min-height:44px}
}
@media(max-width:380px){.sheetClient360ServiceGridV83240R5{grid-template-columns:1fr 1fr}.sheetClient360MetricV83240R5>span{font-size:8px}.sheetClient360MetricV83240R5>b{font-size:18px}}

/* V83.240-R6 — indicadores compactos de CLIENTES. */
.sheetClientsMetricsMoreV83240R6{min-width:0;border:1px solid #dbe3ef;border-radius:13px;background:#fff;overflow:hidden}.sheetClientsMetricsMoreV83240R6>summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;cursor:pointer;color:#334155;font-size:10px;font-weight:950;list-style:none}.sheetClientsMetricsMoreV83240R6>summary::-webkit-details-marker{display:none}.sheetClientsMetricsMoreV83240R6>summary:after{content:'＋';font-size:15px;color:#64748b}.sheetClientsMetricsMoreV83240R6[open]>summary:after{content:'−'}.sheetClientsMetricsSecondaryV83240R6{padding:0 10px 10px}.sheetClientsMetricsPrimaryV83240R6{margin-bottom:0}
@media(min-width:901px){.sheetClientsMetricsMoreV83240R6{display:none}}
@media(max-width:900px){.sheetClientsMetricsMoreV83240R6{display:block}.sheetClientsMetricsSecondaryV83240R6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sheetClientsMetricsPrimaryV83240R6{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){.sheetClientsMetricsSecondaryV83240R6,.sheetClientsMetricsPrimaryV83240R6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sheetClientsMetricsMoreV83240R6>summary{min-height:44px}}


/* V83.240-R6.1 — CLIENTES UX: selección inequívoca y acción exterior única. */
.sheetClientMetricV83202{position:relative}
.sheetClientMetricV83202.active{border-color:#0f172a!important;background:#0f172a!important;color:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.22)!important}
.sheetClientMetricV83202.active span,.sheetClientMetricV83202.active strong,.sheetClientMetricV83202.active small{color:#fff!important}
.sheetClientMetricSelectedV83240R61{position:absolute;top:7px;right:8px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#fff;color:#0f172a;font-size:11px;font-style:normal;font-weight:1000;line-height:1;box-shadow:0 1px 5px rgba(0,0,0,.18)}
.sheetClientMetricV83202.active .sheetClientMetricSelectedV83240R61{display:inline-flex}

.sheetClientMetricV83202.isLoading{box-shadow:0 0 0 3px rgba(37,99,235,.16),0 10px 28px rgba(15,23,42,.18)!important}
.sheetClientMetricV83202.isLoading .sheetClientMetricSelectedV83240R61{animation:sheetClientMetricPulseV83240R61 .7s ease-in-out infinite alternate}
@keyframes sheetClientMetricPulseV83240R61{from{transform:scale(.88);opacity:.7}to{transform:scale(1);opacity:1}}
.sheetClientsActiveFilterV83240R61{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:10px}.sheetClientsActiveFilterV83240R61 span{min-width:0;overflow-wrap:anywhere}.sheetClientsActiveFilterV83240R61 button{flex:0 0 auto;min-height:34px;border:1px solid #93c5fd;border-radius:9px;background:#fff;color:#1d4ed8;padding:0 9px;font-size:10px;font-weight:900}
@media(max-width:600px){.sheetClientsActiveFilterV83240R61{align-items:flex-start}.sheetClientsActiveFilterV83240R61 button{min-height:44px}}

@media(min-width:901px){#modalRoot .sheetClientModalBoxV83198{width:min(900px,calc(100vw - 48px))!important;max-width:min(900px,calc(100vw - 48px))!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}}
.sheetClientProActionBarV83234 button.active{border-color:#0f172a!important;background:#0f172a!important;color:#fff!important;box-shadow:0 2px 10px rgba(15,23,42,.18)}
.sheetClientProActionBarV83234 button[aria-current="location"]{outline:2px solid rgba(37,99,235,.18);outline-offset:1px}
#sheetClientCommercialSectionV83198,#sheetClientPaymentSectionV83198,#sheetClientRenewSectionV83198,#sheetClientEditSectionV83198,#sheetClientMoreInfoV83202,#sheetEditServicioV83194{scroll-margin-top:76px}

.sheetClientSearchBoxV83240R61{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:5px}.sheetClientSearchBoxV83240R61>input{min-width:0;width:100%}.sheetClientSearchBoxV83240R61>button{width:34px;height:34px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#475569;font-size:18px;line-height:1}.sheetClientSearchBoxV83240R61>button[hidden]{visibility:hidden;display:block!important;pointer-events:none}
@media(max-width:600px){.sheetClientSearchBoxV83240R61{grid-template-columns:minmax(0,1fr) 44px}.sheetClientSearchBoxV83240R61>button{width:44px;height:44px}}

/* R6.1 — jerarquía visual compacta en todos los dispositivos. */
@media(min-width:901px){.sheetClientsMetricsMoreV83240R6{display:block}.sheetClientsMetricsPrimaryV83240R6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sheetClientsMetricsSecondaryV83240R6{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
.sheetClient360StickyV83240R61{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 0;padding:9px 10px;border:1px solid #dbe3ef;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 8px 20px rgba(15,23,42,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheetClient360StickyV83240R61>div{min-width:0}.sheetClient360StickyV83240R61 b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:12px}.sheetClient360StickyV83240R61 small{display:block;margin-top:2px;color:#64748b;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClient360StickyV83240R61 button{flex:0 0 auto;width:36px;height:36px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;color:#334155;font-size:20px;line-height:1}
@media(max-width:600px){.sheetClientProActionBarV83234 button{min-height:44px!important}.sheetClientCardGridV83198 span{font-size:9px!important}.sheetClientCardGridV83198 small{font-size:9px!important}.sheetClientCardFlagsV83198 span{font-size:9px!important}.sheetClient360ServiceGridV83240R5 span{font-size:9px!important}.sheetClient360ServiceGridV83240R5 small{font-size:9px!important}.sheetClient360FlagsV83240R5>span{font-size:9px!important}.sheetClient360StickyV83240R61{top:-1px;margin-top:-1px}.sheetClient360StickyV83240R61 small{font-size:9px}.sheetClient360StickyV83240R61 button{width:44px;height:44px}}

/* V83.240-R7 · Salud de CLIENTES */
.sheetClientsHealthCardV83240R7{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(300px,1fr) auto;gap:14px;align-items:center;margin:10px 0;padding:13px 15px;border:1px solid #dce7d7;border-radius:16px;background:linear-gradient(135deg,#fbfdf9,#f6faF3);box-shadow:0 5px 16px rgba(23,49,15,.045);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.sheetClientsHealthCardV83240R7:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(23,49,15,.07)}.sheetClientsHealthCardV83240R7:focus-visible{outline:3px solid rgba(118,201,0,.32);outline-offset:2px}.sheetClientsHealthCardV83240R7.critical{border-color:#f0b7b7;background:linear-gradient(135deg,#fffafa,#fff5f5)}.sheetClientsHealthCardV83240R7.review{border-color:#ead3a1;background:linear-gradient(135deg,#fffdf8,#fff9ec)}.sheetClientsHealthLeadV83240R7{display:flex;align-items:center;gap:11px;min-width:0}.sheetClientsHealthIconV83240R7{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eaf6df;color:#315f17;font-size:18px;font-weight:900}.sheetClientsHealthCardV83240R7.critical .sheetClientsHealthIconV83240R7{background:#fee8e8;color:#b42318}.sheetClientsHealthCardV83240R7.review .sheetClientsHealthIconV83240R7{background:#fff0cc;color:#8a5a00}.sheetClientsHealthLeadV83240R7 b{display:block;color:#162712;font-size:13px}.sheetClientsHealthLeadV83240R7 small{display:block;margin-top:2px;color:#63705f;font-size:10px;line-height:1.35}.sheetClientsHealthStatsV83240R7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sheetClientsHealthStatsV83240R7 span{display:grid;place-items:center;min-height:46px;padding:5px 8px;border:1px solid #e4eae1;border-radius:10px;background:rgba(255,255,255,.8)}.sheetClientsHealthStatsV83240R7 b{font-size:14px;color:#172713}.sheetClientsHealthStatsV83240R7 small{font-size:8px;color:#748070;text-transform:uppercase;font-weight:900}.sheetClientsHealthOpenV83240R7{min-height:38px;padding:8px 12px;border:0;border-radius:10px;background:#213919;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}.sheetClientHealthModalV83240R7{width:min(1080px,calc(100vw - 28px))!important;max-width:1080px!important;max-height:min(900px,calc(100dvh - 28px))!important;overflow:hidden!important}.sheetClientHealthModalV83240R7>.sheetClientHealthModalV83240R7{width:auto!important;max-width:none!important;max-height:none!important;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;height:min(790px,calc(100dvh - 70px));overflow:hidden}.sheetClientHealthModalHeadV83240R7{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-right:38px}.sheetClientHealthModalHeadV83240R7 h2{margin:2px 0 4px;font-size:22px;color:#15230f}.sheetClientHealthModalHeadV83240R7 p{margin:0;max-width:720px;color:#667262;font-size:10.5px;line-height:1.45}.sheetClientHealthTabsV83240R7{display:flex;gap:6px;overflow-x:auto;padding:3px;border:1px solid #e0e7dc;border-radius:12px;background:#f7faf5;scrollbar-width:none}.sheetClientHealthTabsV83240R7::-webkit-scrollbar{display:none}.sheetClientHealthTabV83240R7{min-height:36px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:#556352;font-size:10px;font-weight:900;white-space:nowrap}.sheetClientHealthTabV83240R7.active{background:#213919;color:#fff;box-shadow:0 3px 10px rgba(24,52,16,.12)}.sheetClientsHealthBodyV83240R7{min-height:0;overflow:auto;padding:2px 4px 2px 1px;overscroll-behavior:contain}.sheetClientHealthIssueListV83240R7{display:grid;gap:9px}.sheetClientHealthIssueV83240R7{border:1px solid #e1e7de;border-left:4px solid #d69b23;border-radius:13px;background:#fff;padding:11px 12px}.sheetClientHealthIssueV83240R7.critical{border-color:#efc5c5;border-left-color:#d74343;background:#fffafa}.sheetClientHealthIssueV83240R7.sync{box-shadow:inset 0 0 0 1px rgba(84,116,160,.035)}.sheetClientHealthIssueHeadV83240R7{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheetClientHealthIssueHeadV83240R7 span{display:block;color:#8b5b00;font-size:8px;font-weight:1000;letter-spacing:.06em}.sheetClientHealthIssueV83240R7.critical .sheetClientHealthIssueHeadV83240R7 span{color:#b42318}.sheetClientHealthIssueHeadV83240R7 h3{margin:2px 0 0;font-size:12.5px;color:#192619}.sheetClientHealthIssueHeadV83240R7>small{color:#788374;font-size:9px;white-space:nowrap}.sheetClientHealthIssueV83240R7>p{margin:7px 0 9px;color:#596657;font-size:10px;line-height:1.45}.sheetClientHealthMetaV83240R7{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sheetClientHealthMetaV83240R7 span{min-width:0;padding:7px 8px;border-radius:9px;background:#f7f9f6}.sheetClientHealthMetaV83240R7 small{display:block;color:#899285;font-size:7.5px;font-weight:900;text-transform:uppercase}.sheetClientHealthMetaV83240R7 b{display:block;margin-top:2px;color:#263423;font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientHealthSyncErrorV83240R7{margin-top:7px;padding:7px 9px;border-radius:9px;background:#fff4e8;color:#7d4d08;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.sheetClientHealthIssueActionsV83240R7{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.sheetClientHealthIssueActionsV83240R7 code{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#939b91;font-size:7.5px}.sheetClientHealthIssueActionsV83240R7 .btn{min-height:34px!important;padding:6px 10px!important;font-size:9.5px!important}.sheetClientsHealthPagerV83240R7{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:32px;color:#697566;font-size:9px}.sheetClientsHealthPagerV83240R7 .btn{min-height:32px!important;padding:5px 9px!important;font-size:9px!important}.sheetClientHealthCorrectV83240R7,.sheetClientHealthEmptyV83240R7{display:flex;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:24px;border:1px dashed #cbd9c5;border-radius:14px;background:#fafdf8;text-align:left}.sheetClientHealthCorrectV83240R7>span,.sheetClientHealthEmptyV83240R7>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8f6de;color:#2d6412;font-size:22px;font-weight:1000}.sheetClientHealthCorrectV83240R7 h3{margin:0;color:#1f3615;font-size:16px}.sheetClientHealthCorrectV83240R7 p,.sheetClientHealthEmptyV83240R7 small{display:block;margin:4px 0 0;color:#6a7666;font-size:10px;line-height:1.45}.sheetClientHealthEmptyV83240R7{flex-direction:column;text-align:center}.sheetClientHealthLoadingV83240R7{display:grid;place-items:center;min-height:200px;color:#72806e;font-size:11px;font-weight:800}
@media(max-width:900px){.sheetClientsHealthCardV83240R7{grid-template-columns:1fr auto}.sheetClientsHealthStatsV83240R7{grid-column:1/-1;order:3}.sheetClientHealthModalV83240R7{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important}.sheetClientHealthModalV83240R7>.sheetClientHealthModalV83240R7{height:calc(100dvh - 58px)}.sheetClientHealthMetaV83240R7{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sheetClientsHealthCardV83240R7{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 11px;border-radius:13px}.sheetClientsHealthLeadV83240R7{gap:8px}.sheetClientsHealthIconV83240R7{width:34px;height:34px;flex-basis:34px;border-radius:10px}.sheetClientsHealthLeadV83240R7 b{font-size:11.5px}.sheetClientsHealthLeadV83240R7 small{font-size:9px}.sheetClientsHealthOpenV83240R7{min-height:44px;padding:7px 10px;font-size:9px}.sheetClientsHealthStatsV83240R7{display:flex;grid-column:1/-1;gap:5px;overflow-x:auto;scrollbar-width:none}.sheetClientsHealthStatsV83240R7::-webkit-scrollbar{display:none}.sheetClientsHealthStatsV83240R7 span{flex:1 0 72px;min-height:40px}.sheetClientHealthModalV83240R7{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:max(10px,env(safe-area-inset-top)) 9px max(9px,env(safe-area-inset-bottom))!important}.sheetClientHealthModalV83240R7>.sheetClientHealthModalV83240R7{height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));gap:7px}.sheetClientHealthModalHeadV83240R7{display:block;padding-right:38px}.sheetClientHealthModalHeadV83240R7 h2{font-size:18px}.sheetClientHealthModalHeadV83240R7 p{font-size:9.5px}.sheetClientHealthModalHeadV83240R7 .btn{margin-top:7px;min-height:38px!important}.sheetClientHealthTabsV83240R7{gap:3px}.sheetClientHealthTabV83240R7{min-height:42px;padding:7px 10px;font-size:9.5px}.sheetClientHealthIssueV83240R7{padding:10px}.sheetClientHealthIssueHeadV83240R7{display:block}.sheetClientHealthIssueHeadV83240R7>small{display:block;margin-top:3px}.sheetClientHealthMetaV83240R7{grid-template-columns:1fr 1fr}.sheetClientHealthMetaV83240R7 span{padding:6px 7px}.sheetClientHealthMetaV83240R7 b{white-space:normal;overflow-wrap:anywhere}.sheetClientHealthIssueActionsV83240R7{align-items:flex-end}.sheetClientHealthIssueActionsV83240R7 code{max-width:48%}.sheetClientHealthIssueActionsV83240R7 .btn{min-height:44px!important;font-size:10px!important}.sheetClientsHealthPagerV83240R7{justify-content:space-between}.sheetClientsHealthPagerV83240R7 .btn{min-height:42px!important}.sheetClientHealthCorrectV83240R7,.sheetClientHealthEmptyV83240R7{min-height:180px}}

/* V83.240-R9 · Cartera Pro + CLIENTES UX Operativo */
.sheetClientsToolbarV83240R9{position:sticky;top:0;z-index:13;display:grid;gap:8px;margin:0;padding:10px 11px;border:1px solid #dce5d7;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 7px 22px rgba(22,39,15,.055);backdrop-filter:blur(12px)}
.sheetClientsToolbarGridV83240R9{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(5,minmax(130px,1fr));gap:7px;align-items:end}.sheetClientsToolbarGridV83240R9 label{display:grid;gap:4px;min-width:0;color:#65725f;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientsToolbarGridV83240R9 input,.sheetClientsToolbarGridV83240R9 select{width:100%;min-width:0;height:40px;border:1px solid #d9e3d4;border-radius:10px;background:#fff;color:#1c2c18;padding:0 10px;font-size:10px;font-weight:800;outline:none}.sheetClientsToolbarGridV83240R9 input:focus,.sheetClientsToolbarGridV83240R9 select:focus{border-color:#8ccf38;box-shadow:0 0 0 3px rgba(140,207,56,.14)}.sheetClientsToolbarGridV83240R9 .sheetClientSearchBoxV83240R61{min-width:0}.sheetClientsToolbarGridV83240R9 .sheetClientSearchBoxV83240R61 input{padding-right:38px}
.sheetClientsToolbarBottomV83240R9{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.sheetClientsQuickFiltersV83240R9{display:flex;gap:5px;min-width:0;overflow-x:auto;padding:1px;scrollbar-width:none}.sheetClientsQuickFiltersV83240R9::-webkit-scrollbar{display:none}.sheetClientsQuickFiltersV83240R9 button{flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid #e0e7dc;border-radius:999px;background:#f8faf7;color:#50604b;font-size:9px;font-weight:900;white-space:nowrap}.sheetClientsQuickFiltersV83240R9 button b{margin-left:4px;color:#1b2d17}.sheetClientsQuickFiltersV83240R9 button.active{border-color:#203a19;background:#203a19;color:#fff}.sheetClientsQuickFiltersV83240R9 button.active b{color:#a8ff1a}.sheetClientsToolbarActionsV83240R9{display:flex;gap:6px;align-items:center;flex:0 0 auto}.sheetClientsToolbarActionsV83240R9 button{min-height:36px;padding:6px 10px;border:1px solid #dce5d7;border-radius:10px;background:#fff;color:#31442c;font-size:9px;font-weight:900;white-space:nowrap}.sheetClientsToolbarActionsV83240R9 button.receivables{border-color:#a8dc70;background:#effce3;color:#234d14}.sheetClientsToolbarActionsV83240R9 button.receivables small{font-size:8px;color:#6b7d63}.sheetClientsToolbarActionsV83240R9 .sheetCutFilterV83180.active{border-color:#ef4444;background:#fff1f2;color:#b91c1c}
.sheetClientsGroupedSurfaceV83240R9{display:grid;gap:11px}.sheetClientsGroupV83240R9{display:grid;gap:7px;min-width:0}.sheetClientsGroupV83240R9>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #dce5d7;border-radius:11px;background:#f7faf5}.sheetClientsGroupV83240R9>header b{display:block;color:#22341d;font-size:11px}.sheetClientsGroupV83240R9>header small{display:block;margin-top:2px;color:#7a8776;font-size:8px}.sheetClientsGroupV83240R9>header>span{color:#92520a;font-size:9px;font-weight:900;white-space:nowrap}
.sheetClient360MoneyMetricV83240R9>b{font-size:18px!important}.sheetClient360ServicesV83240R5>header>.btn{min-height:36px!important;padding:6px 10px!important;font-size:9px!important}
#modalRoot .modalBox.sheetClientReceivablesModalV83240R9{width:min(1160px,calc(100vw - 30px))!important;max-width:1160px!important;max-height:calc(100dvh - 30px)!important;overflow:auto!important;overscroll-behavior:contain!important}
.sheetClientReceivablesV83240R9{display:grid;gap:10px;min-width:0;color:#172713}.sheetClientReceivablesLoadingV83240R9{display:grid;place-items:center;min-height:300px;color:#64745f;font-size:11px;font-weight:900}.sheetClientReceivablesHeadV83240R9{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:38px}.sheetClientReceivablesHeadV83240R9>div:first-child>span{color:#3b7c1d;font-size:9px;font-weight:1000;letter-spacing:.06em}.sheetClientReceivablesHeadV83240R9 h2{margin:3px 0 2px;font-size:23px}.sheetClientReceivablesHeadV83240R9 p{margin:0;color:#64745f;font-size:10px;line-height:1.45}.sheetClientReceivablesHeadActionsV83240R9{display:flex;gap:6px}.sheetClientReceivablesHeadActionsV83240R9 .btn{min-height:38px!important;padding:7px 11px!important;font-size:9px!important;white-space:nowrap}
.sheetClientReceivablesSummaryV83240R9{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:7px}.sheetClientReceivablesSummaryV83240R9>div{min-width:0;padding:10px 11px;border:1px solid #dfe7dc;border-radius:12px;background:#f9fbf8}.sheetClientReceivablesSummaryV83240R9>div.money{border-color:#b9dea1;background:#f1fbe9}.sheetClientReceivablesSummaryV83240R9>div.warning{border-color:#f2d38d;background:#fff9eb}.sheetClientReceivablesSummaryV83240R9 span{display:block;color:#73806e;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReceivablesSummaryV83240R9 b{display:block;margin-top:4px;color:#1d3218;font-size:18px;overflow-wrap:anywhere}.sheetClientReceivablesSummaryV83240R9 .money b{color:#245d10;font-size:22px}.sheetClientReceivablesSummaryV83240R9 .warning b{color:#995b00}
.sheetClientReceivablesTabsV83240R9{display:flex;gap:5px;overflow-x:auto;padding:3px;border:1px solid #e1e8dd;border-radius:11px;background:#f7faf5;scrollbar-width:none}.sheetClientReceivablesTabsV83240R9::-webkit-scrollbar{display:none}.sheetClientReceivablesTabsV83240R9 button{flex:1 0 auto;min-height:36px;padding:6px 11px;border:0;border-radius:8px;background:transparent;color:#62705e;font-size:9.5px;font-weight:900}.sheetClientReceivablesTabsV83240R9 button.active{background:#203a19;color:#fff;box-shadow:0 3px 10px rgba(32,58,25,.11)}
.sheetClientReceivablesFiltersV83240R9{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(140px,1fr));gap:7px}.sheetClientReceivablesFiltersV83240R9 label{display:grid;gap:4px;color:#6e7a69;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReceivablesFiltersV83240R9 input,.sheetClientReceivablesFiltersV83240R9 select{height:40px;min-width:0;border:1px solid #dde6d9;border-radius:10px;background:#fff;padding:0 10px;color:#243720;font-size:10px;font-weight:800;outline:none}.sheetClientReceivablesFiltersV83240R9 input:focus,.sheetClientReceivablesFiltersV83240R9 select:focus{border-color:#8ccf38;box-shadow:0 0 0 3px rgba(140,207,56,.12)}
.sheetClientReceivableSellerSummaryV83240R9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sheetClientReceivableSellerSummaryV83240R9 button{min-width:0;padding:9px 10px;border:1px solid #dfe8db;border-radius:11px;background:#fff;text-align:left}.sheetClientReceivableSellerSummaryV83240R9 span{display:block;color:#677663;font-size:8px;font-weight:950;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientReceivableSellerSummaryV83240R9 b{display:block;margin-top:4px;color:#235514;font-size:14px}.sheetClientReceivableSellerSummaryV83240R9 small{display:block;margin-top:2px;color:#7d8979;font-size:8px}
.sheetClientReceivablesListV83240R9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.sheetClientReceivableCardV83240R9{display:flex;flex-direction:column;min-width:0;padding:11px;border:1px solid #dfe7dc;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(24,44,19,.035)}.sheetClientReceivableCardV83240R9.missingPrice{border-color:#efc97b;background:#fffdf7}.sheetClientReceivableCardV83240R9>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.sheetClientReceivableCardV83240R9>header>div{min-width:0}.sheetClientReceivableCardV83240R9>header span{display:block;color:#788573;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReceivableCardV83240R9 h3{margin:2px 0;font-size:13px;color:#1b2d17;overflow-wrap:anywhere}.sheetClientReceivableCardV83240R9>header small{display:block;color:#768172;font-size:8.5px;overflow-wrap:anywhere}.sheetClientReceivableCardV83240R9>header>b{flex:0 0 auto;padding:4px 7px;border-radius:999px;font-size:8px}.sheetClientReceivableCardV83240R9>header>b.pending{background:#fee2e2;color:#b91c1c}.sheetClientReceivableCardV83240R9>header>b.paid{background:#dcfce7;color:#166534}.sheetClientReceivableGridV83240R9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.sheetClientReceivableGridV83240R9>div{min-width:0;padding:7px 8px;border-radius:9px;background:#f7faf6}.sheetClientReceivableGridV83240R9 span{display:block;color:#7e8a79;font-size:7.5px;font-weight:950;text-transform:uppercase}.sheetClientReceivableGridV83240R9 b{display:block;margin-top:2px;color:#293d24;font-size:9.5px;overflow-wrap:anywhere}.sheetClientReceivableGridV83240R9 small{display:block;margin-top:2px;color:#7c8778;font-size:8px}.sheetClientReceivableActionsV83240R9{display:flex;justify-content:flex-end;gap:6px;margin-top:auto;padding-top:9px}.sheetClientReceivableActionsV83240R9 .btn{min-height:38px!important;padding:6px 10px!important;font-size:9px!important}.sheetClientReceivablesEmptyV83240R9{display:grid;place-items:center;grid-column:1/-1;min-height:170px;padding:20px;border:1px dashed #cfdcc9;border-radius:13px;background:#fafdf9;text-align:center}.sheetClientReceivablesEmptyV83240R9 b{color:#344c2c}.sheetClientReceivablesEmptyV83240R9 small{margin-top:3px;color:#7a8875;font-size:9px}.sheetClientReceivablesPagerV83240R9{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#71806d;font-size:9px}.sheetClientReceivablesPagerV83240R9>div{display:flex;gap:6px}.sheetClientReceivablesPagerV83240R9 .btn{min-height:34px!important;padding:5px 9px!important;font-size:9px!important}
@media(max-width:1250px){.sheetClientsToolbarGridV83240R9{grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(130px,1fr));}.sheetClientsToolbarGridV83240R9 label:nth-child(5),.sheetClientsToolbarGridV83240R9 label:nth-child(6){grid-row:2}.sheetClientReceivableSellerSummaryV83240R9{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sheetClientsToolbarV83240R9{top:0;padding:9px}.sheetClientsToolbarGridV83240R9{grid-template-columns:1fr 1fr}.sheetClientsToolbarGridV83240R9 label.search{grid-column:1/-1}.sheetClientsToolbarGridV83240R9 label:nth-child(5),.sheetClientsToolbarGridV83240R9 label:nth-child(6){grid-row:auto}.sheetClientsToolbarBottomV83240R9{align-items:stretch;flex-direction:column}.sheetClientsToolbarActionsV83240R9{display:grid;grid-template-columns:1fr auto auto}.sheetClientsToolbarActionsV83240R9 button.receivables{text-align:left;overflow:hidden;text-overflow:ellipsis}.sheetClientsGroupV83240R9>header{position:sticky;top:142px;z-index:2}.sheetClientReceivablesSummaryV83240R9{grid-template-columns:1fr 1fr}.sheetClientReceivablesFiltersV83240R9{grid-template-columns:1fr 1fr}.sheetClientReceivableSellerSummaryV83240R9{grid-template-columns:repeat(2,minmax(0,1fr))}.sheetClientReceivablesListV83240R9{grid-template-columns:1fr}.sheetClient360MetricsV83240R5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sheetClientsToolbarV83240R9{margin-left:-2px;margin-right:-2px;border-radius:13px}.sheetClientsToolbarGridV83240R9{grid-template-columns:1fr 1fr;gap:6px}.sheetClientsToolbarGridV83240R9 label{font-size:7.5px}.sheetClientsToolbarGridV83240R9 input,.sheetClientsToolbarGridV83240R9 select{height:44px;font-size:10px}.sheetClientsQuickFiltersV83240R9 button{min-height:42px;padding:7px 11px;font-size:9.5px}.sheetClientsToolbarActionsV83240R9{grid-template-columns:1fr 1fr}.sheetClientsToolbarActionsV83240R9 button{min-height:44px;font-size:9px}.sheetClientsToolbarActionsV83240R9 button.receivables{grid-column:1/-1}.sheetClientsGroupV83240R9>header{top:220px}.sheetClientsGroupV83240R9>header>span{font-size:8px}.sheetClient360MetricsV83240R5{grid-template-columns:1fr 1fr}.sheetClient360ServicesV83240R5>header>.btn{width:100%;margin-top:7px;min-height:44px!important}#modalRoot .modalBox.sheetClientReceivablesModalV83240R9{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:max(10px,env(safe-area-inset-top)) 9px max(10px,env(safe-area-inset-bottom))!important}.sheetClientReceivablesV83240R9{gap:8px}.sheetClientReceivablesHeadV83240R9{display:block;padding-right:38px}.sheetClientReceivablesHeadV83240R9 h2{font-size:19px}.sheetClientReceivablesHeadV83240R9 p{font-size:9px}.sheetClientReceivablesHeadActionsV83240R9{margin-top:7px}.sheetClientReceivablesHeadActionsV83240R9 .btn{min-height:42px!important}.sheetClientReceivablesSummaryV83240R9{gap:5px}.sheetClientReceivablesSummaryV83240R9>div{padding:8px}.sheetClientReceivablesSummaryV83240R9 b{font-size:15px}.sheetClientReceivablesSummaryV83240R9 .money b{font-size:17px}.sheetClientReceivablesTabsV83240R9 button{min-height:42px;font-size:9.5px}.sheetClientReceivablesFiltersV83240R9{grid-template-columns:1fr 1fr;gap:5px}.sheetClientReceivablesFiltersV83240R9 label:first-child{grid-column:1/-1}.sheetClientReceivablesFiltersV83240R9 input,.sheetClientReceivablesFiltersV83240R9 select{height:44px}.sheetClientReceivableSellerSummaryV83240R9{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.sheetClientReceivableSellerSummaryV83240R9 button{flex:0 0 180px;min-height:72px}.sheetClientReceivableGridV83240R9{grid-template-columns:1fr 1fr}.sheetClientReceivableActionsV83240R9{display:grid;grid-template-columns:1fr 1fr}.sheetClientReceivableActionsV83240R9 .btn{width:100%;min-height:44px!important}.sheetClientReceivablesPagerV83240R9 .btn{min-height:42px!important}}
@media(max-width:390px){.sheetClientsToolbarGridV83240R9{grid-template-columns:1fr}.sheetClientsToolbarGridV83240R9 label.search{grid-column:auto}.sheetClientsToolbarActionsV83240R9{grid-template-columns:1fr}.sheetClientsToolbarActionsV83240R9 button.receivables{grid-column:auto}.sheetClientReceivablesSummaryV83240R9{grid-template-columns:1fr 1fr}.sheetClientReceivablesFiltersV83240R9{grid-template-columns:1fr}.sheetClientReceivablesFiltersV83240R9 label:first-child{grid-column:auto}.sheetClientReceivableGridV83240R9{grid-template-columns:1fr}.sheetClientReceivableActionsV83240R9{grid-template-columns:1fr}}

/* V83.240-R9.1 · CLIENTES Modo Resultados */
.sheetClientsAdvancedFieldV83240R91{min-width:0}.sheetClientsAdvancedFieldV83240R91>label{height:100%}
.sheetClientsAdvancedToggleV83240R91{display:none;min-height:40px;border:1px solid #dce5d7;border-radius:10px;background:#f8faf7;color:#31442c;padding:7px 10px;font-size:9px;font-weight:900}
.sheetClientsViewSwitchV83240R91{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #dce5d7;border-radius:10px;background:#f4f7f2}.sheetClientsViewSwitchV83240R91 button{min-height:30px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#5e6c59!important;padding:5px 9px!important;box-shadow:none!important}.sheetClientsViewSwitchV83240R91 button.active{background:#203a19!important;color:#fff!important}.sheetClientsViewSwitchV83240R91 button.active:focus-visible{outline:3px solid rgba(140,207,56,.25);outline-offset:1px}
.sheetClientsResultsHeadV83240R91{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #cfe2c5;border-radius:13px;background:linear-gradient(135deg,#f7fbf4,#fff);box-shadow:0 4px 14px rgba(26,56,17,.04);scroll-margin-top:150px}.sheetClientsResultsHeadV83240R91>div{min-width:0}.sheetClientsResultsHeadV83240R91 span{display:block;color:#6a7865;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.sheetClientsResultsHeadV83240R91 b{display:block;margin-top:2px;color:#1d3218;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetClientsResultsHeadV83240R91 small{display:block;margin-top:2px;color:#73806e;font-size:9px}.sheetClientsResultsHeadV83240R91 button{flex:0 0 auto;min-height:36px;border:1px solid #cfe2c5;border-radius:9px;background:#fff;color:#36592a;padding:6px 10px;font-size:9px;font-weight:900}
.sheetClientsPageV83180.resultsModeV83240R91{gap:9px}.sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsTableWrapV83180,.sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsCardsV83198,.sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsGroupedSurfaceV83240R9{scroll-margin-top:160px}
@media(max-width:900px){
  .sheetClientsResultsHeadV83240R91{align-items:flex-start;flex-wrap:wrap;padding:9px 10px}.sheetClientsResultsHeadV83240R91>div{flex:1 1 360px}.sheetClientsResultsHeadV83240R91 button{min-height:40px}.sheetClientsViewSwitchV83240R91{justify-self:stretch}.sheetClientsViewSwitchV83240R91 button{flex:1}
  .sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsGroupV83240R9>header{top:148px}
}
@media(max-width:600px){
  .sheetClientsToolbarV83240R9{gap:6px;padding:8px;top:0}.sheetClientsAdvancedToggleV83240R91{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px}.sheetClientsToolbarV83240R9:not(.showAdvancedV83240R91) .advancedV83240R91{display:none!important}.sheetClientsToolbarGridV83240R9{grid-template-columns:1fr!important;gap:5px}.sheetClientsToolbarGridV83240R9 label.search{grid-column:1/-1}.sheetClientsToolbarGridV83240R9 .advancedV83240R91{grid-column:1/-1}.sheetClientsToolbarGridV83240R9 .sheetClientsAdvancedFieldV83240R91{grid-column:1/-1}.sheetClientsToolbarBottomV83240R9{gap:5px}.sheetClientsToolbarActionsV83240R9{grid-template-columns:1fr 1fr!important;gap:5px}.sheetClientsViewSwitchV83240R91{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;width:100%;min-height:44px}.sheetClientsViewSwitchV83240R91 button{min-height:40px!important;font-size:10px!important}.sheetClientsToolbarActionsV83240R9 button.receivables{grid-column:1/-1;min-height:44px}.sheetClientsToolbarActionsV83240R9>button:not(.receivables){min-height:42px}
  .sheetClientsResultsHeadV83240R91{display:grid;grid-template-columns:1fr;gap:7px;padding:9px;border-radius:11px;scroll-margin-top:190px}.sheetClientsResultsHeadV83240R91 b{font-size:11px;white-space:normal;overflow-wrap:anywhere}.sheetClientsResultsHeadV83240R91 small{font-size:8.5px}.sheetClientsResultsHeadV83240R91 button{width:100%;min-height:44px}.sheetClientsPageV83180.resultsModeV83240R91{gap:7px}.sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsGroupV83240R9>header{top:176px}.sheetClientsPageV83180.resultsModeV83240R91 .sheetClientsCardsV83198{gap:7px}
}

/* V83.240-R10 · Avisos por gestionar + Cartera por Vendedor */
.sheetClientReceivableSellerDebtV83240R10{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #a8dc70;border-radius:13px;background:linear-gradient(135deg,#eefbe4,#f9fff5)}.sheetClientReceivableSellerDebtV83240R10>div{min-width:0}.sheetClientReceivableSellerDebtV83240R10 span{display:block;color:#648057;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReceivableSellerDebtV83240R10 strong{display:block;margin-top:2px;color:#204f13;font-size:18px;overflow-wrap:anywhere}.sheetClientReceivableSellerDebtV83240R10 small{display:block;margin-top:3px;color:#64745f;font-size:9px}.sheetClientReceivableSellerDebtV83240R10 .btn{flex:0 0 auto;min-height:38px!important;font-size:9px!important}
#modalRoot .modalBox.sheetClientReminderModalV83240R10{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;overscroll-behavior:contain!important}.sheetClientReminderCenterV83240R10{display:grid;gap:10px;min-width:0;color:#172713}.sheetClientReminderHeadV83240R10{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:38px}.sheetClientReminderHeadV83240R10>div{min-width:0}.sheetClientReminderHeadV83240R10 span{display:block;color:#4d7a28;font-size:9px;font-weight:1000;letter-spacing:.05em}.sheetClientReminderHeadV83240R10 h2{margin:3px 0 2px;font-size:23px}.sheetClientReminderHeadV83240R10 p{margin:0;color:#64745f;font-size:10px;line-height:1.45}.sheetClientReminderHeadV83240R10 .btn{min-height:38px!important;font-size:9px!important;white-space:nowrap}.sheetClientReminderFilterV83240R10{display:grid;grid-template-columns:minmax(220px,340px);gap:7px}.sheetClientReminderFilterV83240R10 label{display:grid;gap:4px;color:#6e7a69;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReminderFilterV83240R10 select{height:40px;border:1px solid #dde6d9;border-radius:10px;background:#fff;padding:0 10px;color:#243720;font-size:10px;font-weight:800}.sheetClientReminderTabsV83240R10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sheetClientReminderTabsV83240R10 button{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #dfe7dc;border-radius:11px;background:#f8faf7;color:#52644d;font-size:9px;font-weight:900}.sheetClientReminderTabsV83240R10 button b{font-size:15px;color:#274c1d}.sheetClientReminderTabsV83240R10 button.active{border-color:#203a19;background:#203a19;color:#fff}.sheetClientReminderTabsV83240R10 button.active b{color:#a8ff1a}.sheetClientReminderSummaryV83240R10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sheetClientReminderSummaryV83240R10>div{padding:8px 10px;border:1px solid #e0e7dd;border-radius:10px;background:#fafcf9}.sheetClientReminderSummaryV83240R10 span{display:block;color:#74816f;font-size:7.5px;font-weight:950;text-transform:uppercase}.sheetClientReminderSummaryV83240R10 b{display:block;margin-top:3px;color:#223b1b;font-size:15px}.sheetClientReminderListV83240R10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheetClientReminderCardV83240R10{display:flex;flex-direction:column;min-width:0;padding:11px;border:1px solid #dfe7dc;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(24,44,19,.035)}.sheetClientReminderCardV83240R10.prepared{border-color:#e8cf88;background:#fffdf7}.sheetClientReminderCardV83240R10.managed,.sheetClientReminderCardV83240R10.sent_manual{border-color:#bddcb0;background:#f9fdf7}.sheetClientReminderCardV83240R10>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.sheetClientReminderCardV83240R10>header>div{min-width:0}.sheetClientReminderCardV83240R10>header span{display:block;color:#70806b;font-size:8px;font-weight:950;text-transform:uppercase}.sheetClientReminderCardV83240R10 h3{margin:2px 0;color:#1d3019;font-size:13px;overflow-wrap:anywhere}.sheetClientReminderCardV83240R10>header small{display:block;color:#7a8676;font-size:8px;overflow-wrap:anywhere}.sheetClientReminderCardV83240R10 .status{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#f1f5ef;color:#556651;font-size:8px;white-space:nowrap}.sheetClientReminderCardV83240R10 .status.prepared{background:#fff3cf;color:#8a5a00}.sheetClientReminderCardV83240R10 .status.managed,.sheetClientReminderCardV83240R10 .status.sent_manual{background:#dcfce7;color:#166534}.sheetClientReminderItemsV83240R10{display:grid;gap:5px;margin-top:9px}.sheetClientReminderItemsV83240R10>div{min-width:0;padding:7px 8px;border-radius:9px;background:#f7faf6}.sheetClientReminderItemsV83240R10 b{display:block;color:#2b3d26;font-size:9px;overflow-wrap:anywhere}.sheetClientReminderItemsV83240R10 small{display:block;margin-top:2px;color:#7b8777;font-size:8px;overflow-wrap:anywhere}.sheetClientReminderDeliveryV83240R10{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#6c7c67;font-size:8px}.sheetClientReminderDeliveryV83240R10 small{text-align:right}.sheetClientReminderActionsV83240R10{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:9px}.sheetClientReminderActionsV83240R10 .btn{flex:1 1 auto;min-height:38px!important;padding:6px 9px!important;font-size:8.5px!important}.sheetClientReminderEmptyV83240R10{display:grid;place-items:center;grid-column:1/-1;min-height:180px;padding:20px;border:1px dashed #cfdbc9;border-radius:13px;background:#fafdf9;text-align:center}.sheetClientReminderEmptyV83240R10 b{color:#324a2b}.sheetClientReminderEmptyV83240R10 small{margin-top:3px;color:#7b8877;font-size:9px}
@media(max-width:900px){.sheetClientReminderHeadV83240R10{flex-wrap:wrap}.sheetClientReminderTabsV83240R10{grid-template-columns:1fr 1fr}.sheetClientReminderSummaryV83240R10{grid-template-columns:1fr 1fr}.sheetClientReminderListV83240R10{grid-template-columns:1fr}.sheetClientReminderActionsV83240R10 .btn{min-height:42px!important}.sheetClientReceivableSellerDebtV83240R10{align-items:flex-start}.sheetClientReceivableSellerDebtV83240R10 strong{font-size:16px}}
@media(max-width:600px){#modalRoot .modalBox.sheetClientReminderModalV83240R10{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:max(10px,env(safe-area-inset-top)) 9px max(10px,env(safe-area-inset-bottom))!important}.sheetClientReminderCenterV83240R10{gap:8px}.sheetClientReminderHeadV83240R10{display:block;padding-right:38px}.sheetClientReminderHeadV83240R10 h2{font-size:19px}.sheetClientReminderHeadV83240R10 p{font-size:9px}.sheetClientReminderHeadV83240R10 .btn{width:100%;min-height:44px!important;margin-top:7px}.sheetClientReminderFilterV83240R10{grid-template-columns:1fr}.sheetClientReminderFilterV83240R10 select{height:44px;font-size:16px}.sheetClientReminderTabsV83240R10{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.sheetClientReminderTabsV83240R10 button{flex:0 0 150px;min-height:44px}.sheetClientReminderSummaryV83240R10{grid-template-columns:1fr 1fr;gap:5px}.sheetClientReminderSummaryV83240R10>div{padding:7px}.sheetClientReminderCardV83240R10{padding:9px}.sheetClientReminderCardV83240R10>header{display:block}.sheetClientReminderCardV83240R10 .status{display:inline-block;margin-top:6px}.sheetClientReminderDeliveryV83240R10{display:grid;grid-template-columns:1fr}.sheetClientReminderDeliveryV83240R10 small{text-align:left}.sheetClientReminderActionsV83240R10{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sheetClientReminderActionsV83240R10 .btn{width:100%;min-height:44px!important;font-size:9px!important}.sheetClientReminderActionsV83240R10 .btn.primary{grid-column:1/-1}.sheetClientReceivableSellerDebtV83240R10{display:grid;grid-template-columns:1fr;padding:10px}.sheetClientReceivableSellerDebtV83240R10 strong{font-size:15px}.sheetClientReceivableSellerDebtV83240R10 .btn{width:100%;min-height:44px!important}}
@media(max-width:390px){.sheetClientReminderSummaryV83240R10{grid-template-columns:1fr 1fr}.sheetClientReminderActionsV83240R10{grid-template-columns:1fr}.sheetClientReminderActionsV83240R10 .btn.primary{grid-column:auto}.sheetClientReminderTabsV83240R10 button{flex-basis:136px}}

/* V83.240-R11 · Operación Pro: resumen financiero liviano, responsive. */
.operationFinanceV83240R11{display:grid;gap:9px;margin:0 0 11px;padding:11px;border:1px solid #dce7d8;border-radius:15px;background:#fbfdf9}.operationFinanceHeadV83240R11{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operationFinanceHeadV83240R11>div{min-width:0}.operationFinanceHeadV83240R11 span{display:block;color:#5f7b55;font-size:8px;font-weight:1000;letter-spacing:.05em}.operationFinanceHeadV83240R11 h2{margin:2px 0;font-size:17px;color:#233a1e}.operationFinanceHeadV83240R11 small{color:#788572;font-size:8px}.operationFinanceActionsV83240R11{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.operationFinanceActionsV83240R11 button{min-height:36px;padding:0 10px;border:1px solid #d7e2d3;border-radius:9px;background:#fff;color:#3f5f35;font-size:8.5px;font-weight:900;cursor:pointer}.operationFinanceGridV83240R11{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.operationFinanceGridV83240R11 article{min-width:0;padding:9px;border:1px solid #e1e8df;border-radius:11px;background:#fff}.operationFinanceGridV83240R11 article.due{border-color:#efd7a4;background:#fffdf7}.operationFinanceGridV83240R11 span{display:block;color:#778471;font-size:7.5px;font-weight:950;text-transform:uppercase}.operationFinanceGridV83240R11 b{display:block;margin-top:3px;color:#23391e;font-size:15px;overflow-wrap:anywhere}.operationFinanceGridV83240R11 small{display:block;margin-top:2px;color:#7d8978;font-size:7.5px;line-height:1.3}.operationFinanceDetailV83240R11{display:grid;gap:10px;min-width:0}.operationFinanceDetailHeadV83240R11 span{display:block;color:#5d7a52;font-size:8px;font-weight:1000}.operationFinanceDetailHeadV83240R11 h2{margin:3px 0;font-size:20px}.operationFinanceDetailHeadV83240R11 p{margin:0;color:#7a8675;font-size:9px}.operationFinanceDetailListV83240R11{display:grid;gap:6px;max-height:62vh;overflow:auto}.operationFinanceDetailListV83240R11 article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #e1e8df;border-radius:10px;background:#fff}.operationFinanceDetailListV83240R11 article>div{min-width:0}.operationFinanceDetailListV83240R11 article>div:last-child{text-align:right}.operationFinanceDetailListV83240R11 b,.operationFinanceDetailListV83240R11 strong{display:block;overflow-wrap:anywhere}.operationFinanceDetailListV83240R11 small{display:block;margin-top:2px;color:#788573;font-size:8px}
@media(max-width:1100px){.operationFinanceGridV83240R11{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.operationFinanceHeadV83240R11{display:grid}.operationFinanceActionsV83240R11{justify-content:flex-start}.operationFinanceGridV83240R11{grid-template-columns:repeat(2,minmax(0,1fr))}.operationFinanceActionsV83240R11 button{min-height:42px}}
@media(max-width:600px){.operationFinanceV83240R11{padding:8px;gap:7px}.operationFinanceHeadV83240R11 h2{font-size:15px}.operationFinanceActionsV83240R11{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.operationFinanceActionsV83240R11 button{min-height:44px}.operationFinanceGridV83240R11{grid-template-columns:1fr 1fr;gap:5px}.operationFinanceGridV83240R11 article{padding:8px}.operationFinanceGridV83240R11 b{font-size:13px}.operationFinanceDetailListV83240R11 article{align-items:flex-start;display:grid;grid-template-columns:1fr}.operationFinanceDetailListV83240R11 article>div:last-child{text-align:left}}
@media(max-width:390px){.operationFinanceGridV83240R11{grid-template-columns:1fr 1fr}.operationFinanceActionsV83240R11{grid-template-columns:1fr}.operationFinanceGridV83240R11 b{font-size:12px}}

/* V83.240-R11 · prioridad de cartera */
.sheetClientReceivablePriorityV83240R11{display:flex;align-items:stretch;gap:5px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}.sheetClientReceivablePriorityV83240R11 button{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-width:112px;min-height:40px;padding:6px 9px;border:1px solid #dce6d8;border-radius:10px;background:#f9fbf8;color:#53664d;font-size:8.5px;font-weight:900;cursor:pointer}.sheetClientReceivablePriorityV83240R11 button b{font-size:13px;color:#294b20}.sheetClientReceivablePriorityV83240R11 button.active{border-color:#25431e;background:#25431e;color:#fff}.sheetClientReceivablePriorityV83240R11 button.active b{color:#b8ff59}.sheetClientReceivablePriorityV83240R11 button.clear{min-width:78px}.sheetClientReceivablePriorityTagV83240R11{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:#eef3ec;color:#61705d;font-style:normal;font-size:7.5px;font-weight:950}.sheetClientReceivablePriorityTagV83240R11.expired{background:#fee2e2;color:#991b1b}.sheetClientReceivablePriorityTagV83240R11.today{background:#ffedd5;color:#9a3412}.sheetClientReceivablePriorityTagV83240R11.tomorrow{background:#fef3c7;color:#92400e}
@media(max-width:600px){.sheetClientReceivablePriorityV83240R11{margin:0 -2px;padding-bottom:4px}.sheetClientReceivablePriorityV83240R11 button{min-width:122px;min-height:44px;font-size:9px}.sheetClientReceivablePriorityTagV83240R11{font-size:8px}}

/* V83.240-R11 · alertas operativas compactas, sin centro adicional */
.operationAlertsV83240R11{margin:14px 0;padding:16px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:var(--panel,#fff);display:grid;gap:12px;min-width:0}
.operationAlertsV83240R11.hasCritical{border-color:rgba(220,38,38,.32)}
.operationAlertsHeadV83240R11{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.operationAlertsHeadV83240R11>div:first-child{min-width:0}.operationAlertsHeadV83240R11 span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#64748b}.operationAlertsHeadV83240R11 h2{margin:3px 0;font-size:18px}.operationAlertsHeadV83240R11 small{color:#64748b}
.operationAlertsCountsV83240R11{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.operationAlertsCountsV83240R11 b,.operationAlertsCountsV83240R11 span{padding:7px 10px;border-radius:999px;background:#f1f5f9;font-size:11px;white-space:nowrap}.operationAlertsCountsV83240R11 b{background:#fee2e2;color:#991b1b}
.operationAlertsListV83240R11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.operationAlertsListV83240R11 article{min-width:0;padding:10px 12px;border-radius:13px;background:#f8fafc;border:1px solid #e2e8f0}.operationAlertsListV83240R11 article[data-severity="critical"]{background:#fff7f7;border-color:#fecaca}.operationAlertsListV83240R11 strong,.operationAlertsListV83240R11 small{display:block}.operationAlertsListV83240R11 strong{font-size:12px}.operationAlertsListV83240R11 small{margin-top:4px;color:#64748b;font-size:11px;line-height:1.35}
.operationAlertsActionsV83240R11{display:flex;gap:8px;flex-wrap:wrap}.operationAlertsActionsV83240R11 button{min-height:42px;padding:0 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-weight:800;cursor:pointer}
@media(max-width:900px){.operationAlertsListV83240R11{grid-template-columns:repeat(2,minmax(0,1fr))}.operationAlertsListV83240R11 article:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.operationAlertsV83240R11{padding:13px;border-radius:15px}.operationAlertsHeadV83240R11{display:grid}.operationAlertsCountsV83240R11{justify-content:flex-start}.operationAlertsListV83240R11{grid-template-columns:1fr}.operationAlertsListV83240R11 article:last-child:nth-child(odd){grid-column:auto}.operationAlertsActionsV83240R11 button{min-height:44px;flex:1 1 150px}}
@media(max-width:390px){.operationAlertsHeadV83240R11 h2{font-size:16px}.operationAlertsActionsV83240R11 button{width:100%;flex-basis:100%}}


/* V83.240-R13 · FLUIDEZ — contención de render solo en superficies secundarias. */
@supports (content-visibility: auto){
  body[data-page="dashboard"] .dashboardDeferredV83114,
  body[data-page="inventario"] .inventoryGroupV83118:not([open]),
  body[data-page="clientes-sheet"] .sheetClientsMetricsMoreV83240R6,
  body[data-page="clientes-sheet"] .sheetClientsOpsActivityV83201{
    content-visibility:auto;
    contain-intrinsic-size:auto 280px;
  }
  body[data-page="inventario"] .inventoryGroupV83118:not([open]){contain-intrinsic-size:auto 64px}
  body[data-page="inventario"] .inventoryGroupV83118[open]{content-visibility:visible}
}

/* V83.240-R13 · RESPONSIVE QA — seguridad de layout 1024 → 320 CSS px. */
body[data-page="dashboard"] #content,
body[data-page="clientes-sheet"] #content,
body[data-page="inventario"] #content{min-width:0;max-width:100%;overflow-x:hidden}

@media (max-width: 1024px){
  body[data-page="dashboard"] #content,
  body[data-page="clientes-sheet"] #content,
  body[data-page="inventario"] #content{padding-left:16px;padding-right:16px}
}
@media (max-width: 768px){
  body[data-page="inventario"] .inventoryImportBarV83118,
  body[data-page="clientes-sheet"] .sheetClientsBannerV83180{min-width:0;max-width:100%}
  body[data-page="inventario"] .inventoryImportActionsV83118{flex-wrap:wrap}
}
@media (max-width: 390px){
  body[data-page="dashboard"] .btn,
  body[data-page="clientes-sheet"] .btn,
  body[data-page="inventario"] .btn,
  body[data-page="clientes-sheet"] button[data-sheet-clients-view],
  body[data-page="inventario"] .inventoryImportActionsV83118 button,
  body[data-page="inventario"] .inventoryImportActionsV83118 .btn{min-height:44px}
  body[data-page="dashboard"] #content,
  body[data-page="clientes-sheet"] #content,
  body[data-page="inventario"] #content{padding-left:10px;padding-right:10px}
}
@media (max-width: 360px){
  body[data-page="clientes-sheet"] .sheetClientsBannerV83180,
  body[data-page="inventario"] .inventoryImportBarV83118{gap:8px}
  body[data-page="inventario"] .inventoryImportActionsV83118{width:100%}
}
@media (max-width: 320px){
  body[data-page="dashboard"] #content,
  body[data-page="clientes-sheet"] #content,
  body[data-page="inventario"] #content{padding-left:8px;padding-right:8px}
  body[data-page="inventario"] .inventoryImportActionsV83118 .btn{flex:1 1 100%}
}

/* MoviePlay v83.240 R23 — catálogo comercial limpio, sin nombres ni precios extra */
.catalogCardPolishV83240R23{
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
.catalogCardPolishV83240R23:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.18) !important;
}

.catalogCommercialBadgeV83240R23{
  position:absolute;
  z-index:24;
  left:13px;
  top:57px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:20px;
  max-width:76px;
  padding:3px 7px 3px 6px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:4px 7px 7px 4px;
  color:#fff;
  font-size:8px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
  box-shadow:0 4px 10px rgba(15,23,42,.15);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  pointer-events:none;
}
.catalogCommercialBadgeV83240R23::before{font-size:9px;line-height:1}
.catalogCommercialBadgeV83240R23::after{
  content:"";
  position:absolute;
  top:3px;
  right:-6px;
  width:7px;
  height:14px;
  background:inherit;
  clip-path:polygon(0 0,100% 50%,0 100%);
  filter:drop-shadow(1px 0 0 rgba(255,255,255,.18));
}
.catalogCommercialBadgeV83240R23.top{background:linear-gradient(90deg,rgba(180,120,0,.96),rgba(110,72,0,.94))}
.catalogCommercialBadgeV83240R23.top::before{content:"★";color:#ffe36a}
.catalogCommercialBadgeV83240R23.critical{background:linear-gradient(90deg,rgba(109,40,217,.96),rgba(147,51,234,.94))}
.catalogCommercialBadgeV83240R23.critical::before{content:"⌛";font-size:8px}

.premiumStockBottom.stockStateGoodV83240R23{
  border:1px solid rgba(148,163,184,.20) !important;
  background:rgba(255,255,255,.98) !important;
}
.premiumStockBottom.stockStateLowV83240R23{
  border:1px solid rgba(245,158,11,.48) !important;
  background:#fffaf0 !important;
  box-shadow:0 7px 18px rgba(245,158,11,.12) !important;
}
.premiumStockBottom.stockStateCriticalV83240R23{
  border:1px solid rgba(239,68,68,.50) !important;
  background:#fff5f5 !important;
  box-shadow:0 7px 18px rgba(239,68,68,.12) !important;
}
.premiumStockBottom.stockStateCriticalV83240R23 .stockQuantity{color:#b91c1c !important}
.premiumStockBottom.stockStateLowV83240R23 .stockQuantity{color:#b45309 !important}
.premiumStockBottom.stockStateZeroV83240R23{
  border:1px solid rgba(148,163,184,.34) !important;
  background:#f8fafc !important;
}

/* La composición de PC aprobada se conserva en cinco tarjetas; móvil permanece en dos. */
@media(min-width:1400px){
  body.catalogPageActive .premiumGiftGrid.directGiftGrid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    column-gap:24px !important;
    row-gap:24px !important;
  }
}
@media(max-width:600px){
  body.catalogPageActive .premiumGiftGrid.directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .catalogCommercialBadgeV83240R23{
    left:8px;
    top:48px;
    min-height:17px;
    max-width:62px;
    padding:2px 5px;
    border-radius:3px 6px 6px 3px;
    font-size:6.7px;
    box-shadow:0 3px 8px rgba(15,23,42,.12);
  }
  .catalogCommercialBadgeV83240R23::before{font-size:7px}
  .catalogCommercialBadgeV83240R23::after{top:2px;right:-5px;width:6px;height:12px}
}

/* R23 · cabecera de Servicios: refinamiento visual sin sumar contenido. */
body.catalogPageActive .compactCatalogToolbar .premiumTabs button{
  border-color:rgba(148,163,184,.30) !important;
  box-shadow:0 4px 12px rgba(15,23,42,.035);
}
body.catalogPageActive .catalogSearchDesktopSlotV83111{
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}

/* R24 · compra PRO compacta: menos scroll, duración más clara y CTA persistente. */
.saleModalBoxV83240R24{
  width:min(620px,calc(100vw - 28px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:auto !important;
  overscroll-behavior:contain;
}
.saleFormProV83240R24{gap:10px !important}
.saleNameGridV83240R24{gap:9px !important}
.saleDetailsGridV83240R24{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 10px;
  min-width:0;
}
.saleDetailsGridV83240R24>label{min-width:0;margin:0 !important}
.saleQuickDurationBtn{display:grid !important;place-items:center;gap:2px}
.saleQuickDurationPriceV83240R24{
  display:block;
  color:#73806f;
  font-size:9px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.saleQuickDurationBtn.isActive .saleQuickDurationPriceV83240R24{color:#dfffad}
.saleFieldMissingV83240R24{
  border-color:#dc2626 !important;
  background:#fff7f7 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.10) !important;
}
.saleMobileCheckoutV83240R24{display:block}
.saleMobileCheckoutSummaryV83240R24{display:none}
.saleMobileCheckoutV83240R24>.btn{width:100%}
@media(max-width:640px){
  .saleModalBoxV83240R24{width:100% !important;max-width:100% !important;max-height:calc(100dvh - 8px) !important}
  .saleFormProV83240R24{gap:7px !important;padding-bottom:0 !important}
  .saleDetailsGridV83240R24{grid-template-columns:1fr;gap:7px}
  .saleFormProV83240R24>.salePlanSummary{display:none !important}
  .saleQuickDurationPriceV83240R24{font-size:8px}
  .saleMobileCheckoutV83240R24{
    position:sticky;
    bottom:-14px;
    z-index:26;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(164px,.9fr);
    align-items:center;
    gap:9px;
    margin:8px -14px -14px;
    padding:9px 14px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid rgba(203,213,225,.82);
    background:rgba(255,255,255,.97);
    box-shadow:0 -10px 24px rgba(15,23,42,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .saleMobileCheckoutSummaryV83240R24{display:grid;min-width:0;gap:2px}
  .saleMobileCheckoutSummaryV83240R24 span{
    overflow:hidden;
    color:#64748b;
    font-size:10px;
    font-weight:850;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .saleMobileCheckoutSummaryV83240R24 strong{color:#172016;font-size:16px;line-height:1.05}
  .saleMobileCheckoutV83240R24>.btn{
    min-height:46px !important;
    margin:0 !important;
    padding:9px 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
}
@media(max-width:380px){
  .saleMobileCheckoutV83240R24{
    grid-template-columns:minmax(0,.82fr) minmax(158px,1.18fr);
    margin-left:-11px;
    margin-right:-11px;
    padding-left:11px;
    padding-right:11px;
  }
  .saleMobileCheckoutSummaryV83240R24 strong{font-size:14px}
  .saleMobileCheckoutV83240R24>.btn{font-size:11px !important}
}



/* V83.240 audit — Garantías: contener pista grid en tablet 768–900px. */
@media(min-width:768px) and (max-width:900px){
  body[data-page="garantias"] .supportWorkspace{
    grid-template-columns:minmax(0,1fr)!important;
  }
}



/* R34.1 audit — Constructor: tablet sin overflow horizontal. */
@media(min-width:901px) and (max-width:1280px){
  body[data-page="configuracion"] .builderGridV83120{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-page="configuracion"] .builderPreviewPanelV83120,
  body[data-page="configuracion"] .builderSettingsPanelV83120,
  body[data-page="configuracion"] .builderForm,
  body[data-page="configuracion"] .builderAccordionV83120,
  body[data-page="configuracion"] .builderAccordionBodyV83120{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="configuracion"] .builderPreviewPanelV83120{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
  }
  body[data-page="configuracion"] .durationTableV83120,
  body[data-page="configuracion"] .giftTypography,
  body[data-page="configuracion"] .deliveryFields{
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-page="configuracion"] .durationTableHeadV83120,
  body[data-page="configuracion"] .durationRowV83120{
    grid-template-columns:minmax(0,1.4fr) 64px minmax(92px,1fr) 64px 34px!important;
  }
}


/* R34.2 audit — Constructor tablet 768–900: contener ancho intrínseco. */
@media(min-width:768px) and (max-width:900px){
  body[data-page="configuracion"] .builderPageV83120,
  body[data-page="configuracion"] .builderEditorToolbarV83120,
  body[data-page="configuracion"] .builderToolbarMainV83120,
  body[data-page="configuracion"] .builderToolbarActionsV83120,
  body[data-page="configuracion"] .builderCurrentPickerV83120,
  body[data-page="configuracion"] .builderGridV83120,
  body[data-page="configuracion"] .builderPreviewPanelV83120,
  body[data-page="configuracion"] .builderSettingsPanelV83120,
  body[data-page="configuracion"] #builderFormHost,
  body[data-page="configuracion"] .builderForm,
  body[data-page="configuracion"] .builderAccordionV83120,
  body[data-page="configuracion"] .builderAccordionBodyV83120{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="configuracion"] .builderGridV83120{
    display:block!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-page="configuracion"] .builderToolbarMainV83120,
  body[data-page="configuracion"] .builderToolbarActionsV83120{
    flex-wrap:wrap!important;
  }
  body[data-page="configuracion"] .builderCurrentPickerV83120 select,
  body[data-page="configuracion"] .builderToolbarActionsV83120 button,
  body[data-page="configuracion"] .builderAccordionBodyV83120 input,
  body[data-page="configuracion"] .builderAccordionBodyV83120 select,
  body[data-page="configuracion"] .builderAccordionBodyV83120 textarea{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="configuracion"] .builderPreviewPanelV83120{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
  }
  body[data-page="configuracion"] .builderPreviewHost,
  body[data-page="configuracion"] .builderPremiumCard,
  body[data-page="configuracion"] .durationTableV83120,
  body[data-page="configuracion"] .giftTypography,
  body[data-page="configuracion"] .deliveryFields{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="configuracion"] .durationTableHeadV83120{
    display:none!important;
  }
  body[data-page="configuracion"] .durationRowV83120{
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 48px 34px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="configuracion"] .giftTextRow{
    grid-template-columns:minmax(0,1fr) 72px 64px 96px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/* R34.4 audit — inputs ocultos del Constructor no expanden tablet. */
@media(min-width:768px) and (max-width:900px){
  body[data-page="configuracion"] .durMainV83120 input[type="radio"]{
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    height:1px!important;
    min-height:1px!important;
    max-height:1px!important;
    padding:0!important;
    margin:0!important;
  }
  body[data-page="configuracion"] .builderFileInputV83120{
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    height:1px!important;
    min-height:1px!important;
    max-height:1px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
}


/* R34.5 audit — Usuarios tablet: cards sin scroll lateral. */
@media(min-width:768px) and (max-width:900px){
  body[data-page="usuarios"] .usersPageV8254,
  body[data-page="usuarios"] .usersTableWrapV8254,
  body[data-page="usuarios"] .usersDataTableV8254,
  body[data-page="usuarios"] .usersDataTableV8254 tbody{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="usuarios"] .usersTableWrapV8254{
    overflow:visible!important;
  }
  body[data-page="usuarios"] .usersColumnsBarV8254,
  body[data-page="usuarios"] .usersDataTableV8254 thead{
    display:none!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254,
  body[data-page="usuarios"] .usersDataTableV8254 tbody{
    display:block!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254 tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
    gap:8px 12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:12px!important;
    border:1px solid #dfe7dc!important;
    border-radius:14px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254 tbody td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:first-child,
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:last-child{
    grid-column:1/-1!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(n+2):nth-child(-n+6)::before{
    display:block!important;
    margin-bottom:3px!important;
    color:#7a8877!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(2)::before{content:"WhatsApp";}
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(3)::before{content:"Rol";}
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(4)::before{content:"Responsable";}
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(5)::before{content:"Saldo";}
  body[data-page="usuarios"] .usersDataTableV8254 tbody td:nth-child(6)::before{content:"Estado";}
  body[data-page="usuarios"] .usersCompactActionsV83123{
    flex-wrap:wrap!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-page="usuarios"] .usersActionMenuV83123:not([open])>.usersActionPopupV83123,
  body[data-page="usuarios"] .usersBalanceMenuV83123:not([open])>.usersActionPopupV83123{
    display:none!important;
  }
  body[data-page="usuarios"] .usersActionMenuV83123[open]>.usersActionPopupV83123,
  body[data-page="usuarios"] .usersBalanceMenuV83123[open]>.usersActionPopupV83123{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:18px!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
  }
}

/* MoviePlay R40: una identidad para navegación y búsqueda operativa. */
#content .codeModesWorkspace .codeModeChooser h2,
#content .codeModesWorkspace[data-code-mode="client"] .codeModeChooser h2{
  display:block!important;
  color:#101611!important;
  font-weight:900!important;
  margin:0 0 5px!important;
}
#content .codeModesWorkspace .codeModeChooser p{margin:0 0 16px;color:#60705d;font-size:14px;}
#content .codeModesWorkspace .codeClientLookup{border:1px solid #d9e8cc;border-radius:16px;background:#f7fbf2;}
#content .codeModesWorkspace #codeDirectEmail,
#content .codeModesWorkspace #codeBackToSearch{margin-top:10px;color:#23451d;font-weight:800;}
.sidebarMoreV83240R25[open]>summary{background:#a8ff1a!important;color:#101611!important;}
@media(max-width:900px){
  body:not(.catalogPageActive) .mobileInstallFab{display:none!important;}
  body:not(.catalogPageActive) .refHeader #adminPushButton span{display:none!important;}
  body:not(.catalogPageActive) .refHeader .headerTitleBlock{min-width:0!important;overflow:hidden!important;}
  body:not(.catalogPageActive) .refHeader h1{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
}


/* R63 — tarjetas agotadas en gris, sin afectar servicios disponibles.
   La clase outOfStockHighlight la asigna el catálogo cuando stock=0.
   Se conserva el texto "Sin stock" y se evita animar tarjetas no comprables. */
body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight{
  filter:grayscale(1) saturate(0) !important;
  opacity:.73 !important;
  box-shadow:0 0 0 1px rgba(100,116,139,.24),0 6px 16px rgba(15,23,42,.10) !important;
  cursor:not-allowed !important;
  transform:none !important;
  transition:none !important;
}
body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight:hover,
body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight:focus-within{
  filter:grayscale(1) saturate(0) !important;
  opacity:.73 !important;
  transform:none !important;
  box-shadow:0 0 0 1px rgba(100,116,139,.24),0 6px 16px rgba(15,23,42,.10) !important;
}
body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight .premiumStockBottom.stockStateZeroV83240R23{
  background:#e5e7eb !important;
  border-color:#aeb6c2 !important;
  color:#334155 !important;
  box-shadow:none !important;
}
body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight .premiumStockBottom.stockStateZeroV83240R23 :is(.stockCaption,.stockQuantity,.stockUnit){
  color:#334155 !important;
}
/* Solo protege dispositivos que prefieren menos movimiento, sin cambiar otras cards. */
@media(prefers-reduced-motion:reduce){
  body.catalogPageActive #giftGrid .premiumGift.outOfStockHighlight{animation:none !important}
}

/* Combo checkout: give the per-service price enough room on every screen. */
.comboSalePriceBlockR67,.comboSalePriceRowR67{min-width:0}
.comboSalePriceRowR67{grid-template-columns:minmax(0,1fr) minmax(220px,42%)!important}
.comboSalePriceRowR67 .copInputShell{width:100%;min-width:0;grid-template-columns:34px minmax(0,1fr) 42px;min-height:44px;margin-top:0}
.comboSalePriceRowR67 .copInputShell input{height:42px;padding:0 8px;font-size:1rem}
@media(max-width:700px){
  .comboSalePriceRowR67{grid-template-columns:minmax(0,1fr)!important}
  .comboSalePriceRowR67 .copInputShell{min-height:48px}
  .comboSalePriceRowR67 .copInputShell input{height:46px}
}