👾 MONKEY.SHOP ▸ CATÁLOGO

Encuentra tu setup

Filtra por temática, medida y precio. Todos con envío gratis 🛸

Ordenar

#mgbf{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(5,0,15,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px); font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color:#efe7ff;animation:mgbfIn .3s ease} #mgbf[hidden],#mgbf-fab[hidden]{display:none!important} #mgbf *{box-sizing:border-box} #mgbf button,#mgbf-fab{font:inherit;color:inherit;border:0;margin:0;cursor:pointer;text-transform:none;letter-spacing:normal;line-height:1.2;box-shadow:none;-webkit-tap-highlight-color:transparent} #mgbf .b-box{position:relative;overflow:hidden;width:100%;max-width:440px;max-height:calc(100vh - 28px);overflow-y:auto;padding:26px 22px 20px;border-radius:24px;text-align:center; background:radial-gradient(circle at 50% 0,#4a12a0,#14052e 65%);border:2px solid #b14bff;box-shadow:0 0 40px rgba(177,75,255,.5),0 30px 70px rgba(0,0,0,.6);animation:mgbfPop .45s cubic-bezier(.2,1.4,.4,1)} #mgbf .b-stars{position:absolute;inset:0;pointer-events:none} #mgbf .b-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.7;animation:mgbfTw 3s ease-in-out infinite} #mgbf .b-box>*:not(.b-stars):not(.b-x){position:relative} #mgbf .b-x{position:absolute;right:10px;top:8px;width:36px;height:36px;border-radius:50%;background:transparent;font-size:24px;color:#a998c9;z-index:2} #mgbf .b-x:hover{color:#fff;background:rgba(255,255,255,.1)} #mgbf .b-tag{display:inline-block;margin:0 0 10px;font-size:11px;letter-spacing:2px;color:#39ff88;border:1px solid #39ff88;padding:5px 10px;border-radius:30px;text-shadow:0 0 8px #39ff88} #mgbf .b-hi{margin:0;font-size:14px;font-weight:800;color:#ff3df2;text-shadow:0 0 10px rgba(255,61,242,.7)} #mgbf .b-off{font-size:clamp(64px,18vw,86px);font-weight:800;line-height:.95;color:#fff;margin:6px 0 4px;text-shadow:0 0 22px #b14bff,0 0 40px #7b2cff} #mgbf .b-off small{display:block;font-size:.3em;letter-spacing:4px;color:#39ff88;text-shadow:0 0 10px #39ff88;margin-top:6px} #mgbf .b-lead{margin:6px 0 14px;font-size:13px;line-height:1.5;color:#d9ccf2} #mgbf .b-lead b{color:#fff} #mgbf .b-code{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px} #mgbf .b-code b{font-size:24px;letter-spacing:4px;background:#000;border:1px solid #39ff88;color:#39ff88;padding:8px 14px;border-radius:10px;text-shadow:0 0 8px #39ff88} #mgbf .b-copy{background:#b14bff;color:#fff;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:800} #mgbf .b-copy:hover{background:#ff3df2} #mgbf .b-count{display:flex;justify-content:center;gap:8px} #mgbf .b-count div{background:rgba(255,255,255,.06);border:1px solid rgba(177,75,255,.35);border-radius:8px;padding:6px 8px;min-width:56px} #mgbf .b-count strong{display:block;font-size:20px;color:#fff} #mgbf .b-count em{font-style:normal;font-size:10px;color:#b9a3ff} #mgbf .b-note{margin:10px 0 14px;font-size:11px;color:#b9a3ff} #mgbf .b-actions{display:grid;gap:8px} #mgbf .b-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:14px;font-size:15px;font-weight:800;color:#fff; background:linear-gradient(90deg,#7b2cff,#ff3df2);box-shadow:0 0 18px rgba(255,61,242,.5);transition:filter .2s,transform .1s} #mgbf .b-btn:hover{filter:brightness(1.12)} #mgbf .b-btn:active{transform:scale(.98)} #mgbf .b-btn.ghost{background:rgba(122,18,232,.25);border:2px solid #b36bff;box-shadow:none;font-size:14px;padding:12px} #mgbf .b-perks{margin:12px 0 0;font-size:11px;color:#d9ccf2} #mgbf-fab{position:fixed;left:16px;bottom:16px;z-index:99980;padding:11px 16px;border-radius:99px;font-size:13px;font-weight:800;color:#fff; background:linear-gradient(90deg,#7b2cff,#ff3df2);box-shadow:0 0 20px rgba(255,61,242,.6);animation:mgbfPulse 2s ease-in-out infinite;font-family:"JetBrains Mono",ui-monospace,monospace} /* ---- celular: solo el regalo flotante + pop up compacto ---- */ @media(max-width:767px){ #mgbf-fab{left:12px;bottom:calc(96px + env(safe-area-inset-bottom));width:52px;height:52px;padding:0;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center} #mgbf-fab::before{content:"🎁";font-size:26px;line-height:1} #mgbf{padding:24px} #mgbf .b-box{max-width:320px;padding:18px 16px 14px;border-radius:20px} #mgbf .b-tag{font-size:9px;letter-spacing:1px;padding:4px 8px;margin-bottom:6px} #mgbf .b-hi,#mgbf .b-lead,#mgbf .b-perks{display:none} #mgbf .b-off{font-size:56px;margin:2px 0 10px} #mgbf .b-code{margin-bottom:10px} #mgbf .b-code b{font-size:19px;letter-spacing:3px;padding:6px 10px} #mgbf .b-copy{padding:10px 12px;font-size:12px} #mgbf .b-count{gap:6px} #mgbf .b-count div{min-width:46px;padding:4px 6px} #mgbf .b-count strong{font-size:16px} #mgbf .b-note{margin:8px 0 10px;font-size:10px} #mgbf .b-btn{padding:12px;font-size:13px;border-radius:12px} #mgbf .b-btn.ghost{padding:10px;font-size:12px} } @keyframes mgbfIn{from{opacity:0}} @keyframes mgbfPop{from{opacity:0;transform:scale(.75)}} @keyframes mgbfTw{50%{opacity:.1;transform:scale(.5)}} @keyframes mgbfPulse{50%{filter:brightness(1.15);transform:scale(1.04)}} @media(prefers-reduced-motion:reduce){#mgbf *,#mgbf-fab{animation:none!important}}(function(){ if(window.__mgbfPop)return;window.__mgbfPop=true; var R=document.getElementById('mgbf'),FAB=document.getElementById('mgbf-fab');if(!R)return; document.body.appendChild(R);document.body.appendChild(FAB);/* ================= CONFIGURACIÓN ================= */ var CFG={ code:'BLACK10', end:'2026-11-30T23:59:59-05:00', // fin de la promo (hora Colombia) autoOpenMs:3500, // se abre a los 3,5 s shopUrl:'/categoria-producto/mouse-pad/', customUrl:'/categoria-producto/mouse-pad/mouse-pad-personalizable/' }; /* ================================================= */var endT=new Date(CFG.end).getTime(); if(Date.now()>endT)return; // la promo ya terminó: no muestra nadavar $=function(s){return R.querySelector(s)}; var seen=function(){try{return sessionStorage.getItem('mgbf_seen')}catch(e){return null}}; var mark=function(){try{sessionStorage.setItem('mgbf_seen','1')}catch(e){}};var st=$('.b-stars');for(var i=0;i.8){e.style.background='#b14bff';e.style.width=e.style.height='3px'}st.appendChild(e)}var timer=0,p=function(n){return (n<10?'0':'')+n}; function tick(){var d=Math.max(0,endT-Date.now());$('.b-d').textContent=p(Math.floor(d/864e5));$('.b-h').textContent=p(Math.floor(d/36e5)%24);$('.b-m').textContent=p(Math.floor(d/6e4)%60);$('.b-s').textContent=p(Math.floor(d/1e3)%60)} function open(){R.hidden=false;FAB.hidden=true;document.documentElement.style.overflow='hidden';tick();timer=setInterval(tick,1000);mark()} function close(){R.hidden=true;document.documentElement.style.overflow='';clearInterval(timer);FAB.hidden=false} function copy(btn,label,okTxt){ var ok=function(){btn.textContent=okTxt;setTimeout(function(){btn.textContent=label},1800)}; if(navigator.clipboard){navigator.clipboard.writeText(CFG.code).then(ok,ok)} else{var t=document.createElement('textarea');t.value=CFG.code;document.body.appendChild(t);t.select();try{document.execCommand('copy')}catch(x){}t.remove();ok()} }$('.b-x').addEventListener('click',close); R.addEventListener('click',function(e){if(e.target===R)close()}); document.addEventListener('keydown',function(e){if(e.key==='Escape'&&!R.hidden)close()}); $('.b-copy').addEventListener('click',function(){copy(this,'COPIAR','¡COPIADO!')}); $('.b-shop').addEventListener('click',function(){copy({textContent:''},'','');close();location.href=CFG.shopUrl}); $('.b-custom').addEventListener('click',function(){copy({textContent:''},'','');close();location.href=CFG.customUrl}); FAB.addEventListener('click',open);if(seen()){FAB.hidden=false} // ya lo vio en esta sesión: solo el regalo flotante else setTimeout(function(){if(R.hidden)open()},CFG.autoOpenMs); // 1 vez por sesión (PC y celular) })();