:root{--bg:#09090a;--sf:#131315;--sf2:#1b1b1e;--ln:#2a2a2e;--tx:#f4eee4;--mu:#a39b8e;--b1:#b08d57;--b2:#d9b779;--b3:#ecd3a5;--hh:4.9rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:400 .9375rem/1.5 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 background-image:radial-gradient(56.25rem 31.25rem at 12% -5%,rgba(176,141,87,.25),transparent 62%),radial-gradient(50rem 28.75rem at 95% 8%,rgba(236,211,165,.10),transparent 62%);
 background-repeat:no-repeat;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}[hidden]{display:none!important}
:focus-visible{outline:.125rem solid var(--b3);outline-offset:.125rem}
.wrap{max-width:75rem;margin:0 auto;padding:0 1rem}
/* cabecera */
.bar{position:sticky;top:0;z-index:30;background:rgba(9,9,10,.94);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border-bottom:1px solid var(--ln);padding-top:env(safe-area-inset-top)}
.in{display:grid;grid-template-columns:minmax(0,1fr) clamp(10.625rem,28vw,23.75rem) minmax(0,1fr);align-items:center;gap:.75rem;height:var(--hh)}
.lf{display:flex;align-items:center;gap:.75rem;justify-self:start}.logo{height:3rem;width:auto}
nav.main{display:flex;gap:.125rem}
nav.main a{padding:.5rem .6875rem;border-radius:.625rem;font-weight:700;font-size:.88rem;color:#ddd2c0;white-space:nowrap}
nav.main a:hover{background:var(--sf2);color:#fff}
.tools{display:flex;align-items:center;gap:.375rem;justify-self:end}
.sc{min-width:0}.sc:empty{display:none}
.sf{position:relative;width:100%}
.sf>svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none}
.sf input{width:100%;height:2.625rem;border-radius:6.1875rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);font:inherit;padding:0 1rem 0 2.625rem;outline:0}
.sf input:focus{border-color:var(--b2);box-shadow:0 0 0 .1875rem rgba(217,183,121,.18)}.sf input::-webkit-search-cancel-button{display:none}
#sug{position:absolute;left:0;right:0;top:calc(100% + .5rem);margin:0;padding:.375rem;list-style:none;background:#161618;border:1px solid var(--ln);border-radius:.875rem;box-shadow:0 1.125rem 2.5rem rgba(0,0,0,.55);z-index:45}
#sug li{display:flex;justify-content:space-between;gap:.625rem;padding:.625rem .75rem;border-radius:.625rem;cursor:pointer;font-weight:600;font-size:.9rem}
#sug li small{color:var(--mu);font-weight:500;white-space:nowrap}#sug li:hover,#sug li.on{background:var(--sf2)}#sug li.no{cursor:default;color:var(--mu)}
.sub{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:.625rem 1rem 0}.sub:empty{display:none}.sub .sf{max-width:35rem}
.ib{position:relative;display:inline-flex;align-items:center;gap:.5rem;height:2.9rem;padding:0 .85rem;border-radius:.8rem;border:1px solid var(--ln);background:var(--sf);font-weight:700;font-size:.95rem;white-space:nowrap}
.ib:hover{border-color:var(--b2)}.ib svg{flex:none}
.ib.ai{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}
.badge{position:absolute;top:-.375rem;right:-.375rem;min-width:1.1875rem;height:1.1875rem;border-radius:6.1875rem;background:var(--b2);color:#0f0f11;font-size:.7rem;font-weight:800;display:grid;place-items:center;padding:0 .3125rem}
.fl{width:1.375rem;height:.9375rem;border-radius:.125rem;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.2);flex:none}.fl svg{display:block;width:100%;height:100%}
.dd{position:relative}
.pop{position:absolute;right:0;top:calc(100% + .5rem);min-width:13.125rem;background:#161618;border:1px solid var(--ln);border-radius:.875rem;padding:.375rem;box-shadow:0 1.125rem 2.5rem rgba(0,0,0,.55);z-index:40}
.pop li,.pop a.row{list-style:none;display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:.625rem;cursor:pointer;font-weight:600;font-size:.9rem}
.pop ul{margin:0;padding:0}.pop li:hover,.pop a.row:hover{background:var(--sf2)}.pop li[aria-selected=true]{background:rgba(217,183,121,.18);color:#fff}
.pop h4{margin:.375rem .75rem .375rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.pop small{display:block;color:var(--mu);font-weight:500}#sMenu{min-width:16.875rem}#sMenu a.row{white-space:nowrap}
/* portada */
main{padding-top:1.125rem}
/* textos informativos */
.info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-top:1rem}
.info div{border:1px solid var(--ln);border-radius:1.125rem;background:var(--sf);padding:1.375rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:10rem}
.info h3{margin:0 0 .5rem;font-size:.96rem;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;min-height:2.6em;text-align:center}.info p{margin:0;color:#c9bfae}
h2,h3,.ph2 span,#bot .bh span{text-transform:uppercase}
/* secciones */
section{margin-top:3.5rem;scroll-margin-top:calc(var(--hh) + .875rem)}
.sh{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.375rem;text-align:left}
.sh h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;letter-spacing:.02em;display:inline-block}
.sh h2::after{content:"";display:block;width:100%;height:.25rem;border-radius:.1875rem;background:linear-gradient(90deg,var(--b3),var(--b1));margin:.625rem 0 0}
.rw{position:relative}
.arrows{position:absolute;left:-.75rem;right:-.75rem;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:3}
.arrows button{pointer-events:auto;width:2.375rem;height:2.375rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(9,9,10,.78);display:grid;place-items:center;box-shadow:0 .375rem 1.125rem rgba(0,0,0,.5)}
.arrows button:hover:not(:disabled){background:var(--b1);border-color:var(--b2)}.arrows button:disabled{opacity:0;pointer-events:none}
.rail{--g:.875rem;display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.125rem}
.rail::-webkit-scrollbar{display:none}
.rail>.pc{flex:0 0 calc((100% - var(--g)*(var(--n) - 1) - .25rem)/var(--n));scroll-snap-align:start}
.v4{--n:4;--tf:.8rem;--pf:1.35rem;--tl:2.5em}.v6{--n:6;--tf:.68rem;--pf:1.12rem;--tl:1.25em}
/* tarjetas: imagen + título + línea + precio (misma altura en toda la fila) */
.pc{display:flex;flex-direction:column;aspect-ratio:var(--ob,4/5);border-radius:1rem;overflow:hidden;border:1px solid var(--ln);background:#121214;cursor:pointer;transition:transform .2s,border-color .2s;text-align:center;position:relative}
.pc:hover{transform:translateY(-.1875rem);border-color:var(--b2)}
.pc .im{position:relative;flex:1 1 0;min-height:0;overflow:hidden;background:linear-gradient(160deg,#222226,#101012)}
.pc .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,center)}
.pi{flex:none;padding:.5rem .75rem .6875rem}
.pt{height:var(--tl,1.25em);display:flex;align-items:flex-end;justify-content:center;font-weight:800;font-size:var(--tf,.74rem);line-height:1.2;letter-spacing:.02em;text-transform:uppercase}
.dv{height:1px;background:#4a3d28;box-shadow:0 0 .5rem rgba(217,183,121,.22);margin:.375rem 0 .25rem;width:100%}
.pp{font-weight:900;font-size:var(--pf,1.2rem);line-height:1.15;letter-spacing:.01em}
.pp.na{font-size:.74rem;color:var(--mu);letter-spacing:.05em;padding:.25rem 0}.pp.go{font-size:.74rem;color:var(--b3);letter-spacing:.06em;padding:.25rem 0;text-transform:uppercase}
.xh{flex:none;height:2.125rem;background:linear-gradient(180deg,#14a014,#0d780d);display:flex;align-items:center;justify-content:center;gap:.4375rem;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.02em}.xh svg{width:1.1875rem;height:1.1875rem}
.pc.vb .pi{padding:.75rem 1rem .875rem;text-align:left}
.vi{display:flex;gap:.75rem;align-items:stretch}
.vbar{flex:none;width:.3125rem;border-radius:.25rem;background:linear-gradient(180deg,#ecd3a5,#c9a566);box-shadow:0 0 .625rem rgba(217,183,121,.55)}
.vt{flex:1;min-width:0}.va{font-weight:300;font-size:.9rem;letter-spacing:.06em;color:#d8ccb8;text-transform:uppercase;line-height:1.3}
.pc.vb .dv{margin:.375rem 0}.pc.vb .pp{font-size:1.7rem;text-align:left}.pc.vb .pp.na{font-size:.9rem}
/* tienda de Fortnite en vivo (texto encima de la imagen, sin fondo) */
.feat,.mini{--g:.875rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.feat{--n:3;margin-bottom:var(--g)}.mini{--n:9}
.feat>.pc,.mini>.pc{flex:0 0 calc((100% - var(--g)*(var(--n) - 1))/var(--n))}
.pc.lt{aspect-ratio:1/1;text-align:left;background:linear-gradient(160deg,var(--c1),var(--c3))}
.pc.lt>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}.pc.lt.ctn>img{object-fit:contain;object-position:center}
.lo{position:absolute;left:0;right:0;bottom:0;padding:.625rem .75rem;text-shadow:0 1px .1875rem rgba(0,0,0,.95),0 0 .625rem rgba(0,0,0,.55)}
.lo .tt{font-weight:800;font-size:.86rem;text-transform:uppercase;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lo .vv{font-weight:400;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;margin-top:.125rem}
.lo .dv{background:rgba(255,255,255,.35);box-shadow:none;margin:.25rem 0 .1875rem}.lo .pp{font-size:1.2rem}
.mini .lo{padding:.375rem .4375rem}.mini .lo .tt{font-size:.58rem;line-height:1.12}.mini .lo .vv{font-size:.5rem;margin-top:1px}.mini .lo .dv{margin:.1875rem 0 .125rem}.mini .lo .pp{font-size:.8rem}
.feat .lo .tt{font-size:.98rem}.feat .lo .pp{font-size:1.4rem}.feat .lo .vv{font-size:.8rem}
.cd{position:relative;display:block;border-radius:1rem;overflow:hidden;border:1px solid var(--ln);background:linear-gradient(160deg,#222226,#101012)}
.cd.sk{aspect-ratio:1/1}.cd.more{display:grid;place-items:center;align-content:center;gap:.375rem;text-align:center;border:0;background:var(--gold-grad);font-weight:800;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;aspect-ratio:1/1;color:var(--on-gold)}
.live{display:flex;align-items:flex-start;gap:.5rem;margin-top:.625rem;color:var(--mu);font-size:.8rem;font-weight:700;letter-spacing:.02em}
.live i{width:.5rem;height:.5rem;border-radius:50%;background:#22c55e;box-shadow:0 0 .5rem #22c55e;flex:none;margin-top:.38em}.live.err i{background:#f59e0b;box-shadow:0 0 .5rem #f59e0b}.live span{flex:1;min-width:0}
.msg{text-align:center;color:var(--mu);padding:1.875rem .625rem;border:1px dashed var(--ln);border-radius:1rem;flex:1 1 100%}.msg a{color:var(--b3);font-weight:800}
.cta{display:flex;justify-content:center;margin-top:1.625rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.9375rem 2rem;border-radius:.875rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 .625rem 1.75rem rgba(217,183,121,.35)}.btn:hover{filter:brightness(1.12)}
/* páginas internas */
.view{padding-bottom:3.75rem}
.svh{display:flex;align-items:flex-end;justify-content:space-between;gap:.875rem;flex-wrap:wrap;margin:1.375rem 0 .25rem}
.back{display:inline-flex;align-items:center;gap:.5rem;height:2.625rem;padding:0 1rem;border-radius:.75rem;border:1px solid var(--ln);background:var(--sf);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.back:hover{border-color:var(--b2)}
.svh h1{margin:1rem 0 0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;text-transform:uppercase;letter-spacing:.01em}
.ss,.plr{margin-top:4rem;scroll-margin-top:calc(var(--hh) + .875rem)}.ss:first-child,.plr:first-child{margin-top:2.125rem}
.ss h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900}.ss h2::after{content:"";display:block;width:3.5rem;height:.25rem;border-radius:.1875rem;background:linear-gradient(90deg,var(--b3),var(--b1));margin:.625rem 0 0}
.cat{margin:.625rem 0 0;color:var(--mu);font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.07em}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-top:1.375rem;grid-auto-flow:dense}
.st{position:relative;border-radius:.875rem;overflow:hidden;aspect-ratio:221/300;background:linear-gradient(160deg,var(--c1),var(--c3));border:1px solid rgba(255,255,255,.07);cursor:pointer}
.st.s2{grid-column:span 2;aspect-ratio:452/300}.st.s3{grid-column:span 3;aspect-ratio:683/300}
.st>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.st.ctn>img{object-fit:contain}
.st .lo{padding:.75rem}.st .lo .pp{font-size:1.25rem}
.nw{display:inline-block;background:#f4ff1a;color:#000;font-size:.62rem;font-weight:900;text-transform:uppercase;padding:.125rem .4375rem;border-radius:.1875rem;margin-bottom:.3125rem;text-shadow:none}
.st .lf2{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.62);border-radius:.375rem;padding:.1875rem .4375rem;font-size:.68rem;font-weight:700}
.st .ng{position:absolute;top:.5rem;left:.5rem;background:rgba(0,0,0,.72);border-radius:.375rem;padding:.1875rem .4375rem;font-size:.66rem;font-weight:800;text-transform:uppercase}
.st.hit,.pc.hit{outline:.1875rem solid var(--b3);outline-offset:.125rem}
.pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-top:1.375rem;--tf:.95rem;--pf:1.6rem;--tl:1.3em}
.pg .pc{--ob:4/5}.pg .pc .pp{font-size:1.6rem}
.sn{position:fixed;left:max(.625rem,calc(50% - 41.25rem));top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center}
.snd{display:flex;flex-direction:column;align-items:center;gap:.5625rem;padding:.75rem 0;width:2rem;border-radius:1rem;background:rgba(14,14,16,.82);border:1px solid var(--ln);max-height:70vh;overflow:hidden;cursor:pointer}
.snd i{display:block;width:.375rem;height:.375rem;border-radius:50%;background:#857d70;transition:all .2s}.snd i.on{width:.625rem;height:.625rem;background:#fff}
.snm{position:absolute;left:-.125rem;top:50%;transform:translateY(-50%) translateX(-.375rem);opacity:0;pointer-events:none;width:18.75rem;max-height:78vh;overflow:auto;padding:.875rem .75rem;border-radius:1.5rem;background:rgba(8,11,26,.9);-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);border:1px solid var(--ln);box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.55);transition:opacity .15s,transform .15s}
.sn:hover .snm,.sn.open .snm{opacity:1;pointer-events:auto;transform:translateY(-50%)}
.mi2{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:0;border-radius:.6875rem;padding:.625rem .875rem;font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.mi2:hover{outline:1.5px solid rgba(255,255,255,.55)}.mi2.on{background:#dcdce2;color:#0a0a0a}.mi2.sb{padding-left:1.75rem;font-weight:700}
.ms2{display:none}.ms2.open{display:block}
.snb{display:none;width:2.75rem;height:2.75rem;padding:0;border-radius:50%;background:rgba(14,14,16,.92);border:1px solid var(--ln);color:#fff;place-items:center}
/* contacto */
.wa{display:grid;grid-template-columns:auto 1fr;gap:1.75rem;align-items:center;border:1px solid var(--ln);border-radius:1.625rem;padding:1.125rem 1.875rem;background:linear-gradient(135deg,#0b1535,#101012 60%,#0d1c4a);margin-bottom:2.5rem;text-align:center;min-height:10rem}
.wa .art{display:grid;place-items:center;width:20.625rem;height:6.5rem;border-radius:1rem;background:radial-gradient(circle at 50% 40%,rgba(217,183,121,.3),transparent 65%),var(--sf);border:1px solid var(--ln)}.wa .art img{width:76%}
.wa h2{margin:0;font-size:clamp(1.15rem,2.4vw,1.55rem);letter-spacing:.02em}
.wl{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}
.num{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border:1px solid var(--ln);border-radius:.875rem;background:rgba(9,9,10,.6);font-weight:800;font-size:1rem}
.num:hover{border-color:#25d366}.num svg{flex:none}.num span{color:var(--mu);font-weight:600;font-size:.78rem;margin-left:auto}
/* carrito, confirmación y asistente */
#ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}#ov.on{opacity:1;pointer-events:auto}
#cart{position:fixed;top:0;right:0;bottom:0;width:min(25rem,100vw);background:#0f0f11;border-left:1px solid var(--ln);z-index:60;transform:translateX(102%);transition:transform .25s;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
#cart.on{transform:none}
.ph2{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.125rem;border-bottom:1px solid var(--ln);font-weight:800}
.x{width:2.25rem;height:2.25rem;border-radius:.625rem;border:1px solid var(--ln);background:var(--sf);display:grid;place-items:center}
#lines{flex:1;overflow:auto;padding:.875rem 1.125rem}.empty{text-align:center;color:var(--mu);margin-top:18vh}.empty svg{opacity:.4;margin-bottom:.5rem}
.ln{display:grid;grid-template-columns:3.5rem 1fr auto;gap:.75rem;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--ln)}
.ln img,.ln i{width:3.5rem;height:3.5rem;border-radius:.625rem;background:var(--sf2);object-fit:cover;display:block}.ln small{display:block;color:var(--mu);font-size:.72rem}
.qty{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.qty button{width:1.625rem;height:1.625rem;border-radius:.5rem;border:1px solid var(--ln);background:var(--sf)}
.tot{padding:1rem 1.125rem;border-top:1px solid var(--ln);display:flex;justify-content:space-between;font-weight:800}#kT div{text-align:right}.na2{color:var(--mu);font-size:.72rem}
#cf{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(0,0,0,.62);padding:1rem}
.cfc{width:min(26.25rem,100%);background:#141416;border:1px solid var(--ln);border-radius:1.125rem;padding:1.25rem;box-shadow:0 1.5rem 3.75rem rgba(0,0,0,.6)}
.cfh{display:flex;gap:.875rem;align-items:center}.cfh img{width:4.5rem;height:4.5rem;border-radius:.75rem;object-fit:cover;background:var(--sf2);flex:none}
.cfh b{font-size:1rem;text-transform:uppercase;line-height:1.25;display:block}.cfp{color:var(--b3);font-weight:800;margin-top:.25rem;font-size:.9rem}
.cfc p{margin:1rem 0;color:#ddd2c0}.cfb{display:flex;gap:.625rem;justify-content:flex-end;flex-wrap:wrap}
.cfb button{padding:.75rem 1.125rem;border-radius:.75rem;border:1px solid var(--ln);background:var(--sf);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.03em}
.cfb .pri{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}
#bot{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:min(23.125rem,calc(100vw - 2rem));max-height:min(35rem,82vh);display:none;flex-direction:column;background:#0f0f11;border:1px solid var(--ln);border-radius:1.25rem;box-shadow:0 1.5rem 3.75rem rgba(0,0,0,.6);z-index:60;overflow:hidden}
#bot.on{display:flex}#bot .bh{display:flex;align-items:center;gap:.6rem;padding:.5rem .875rem;background:var(--gold-grad);font-weight:800;color:var(--on-gold)}
#bot .bh img{width:1.65rem;height:1.65rem;object-fit:contain;background:#0b0b0c;border-radius:.5rem;padding:.15rem}#bot .bh .x{margin-left:auto;background:rgba(0,0,0,.25);border:0}
#msgs{flex:1;overflow:auto;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}
.m{max-width:86%;padding:.625rem .8125rem;border-radius:.875rem;font-size:.9rem}.m.b{background:var(--sf2);border-top-left-radius:.25rem}.m.u{align-self:flex-end;background:var(--b1);border-top-right-radius:.25rem}
.m a{display:block;margin-top:.375rem;font-weight:800;color:var(--b3)}
.chips{display:flex;flex-wrap:wrap;gap:.4375rem;padding:.625rem .875rem .875rem;border-top:1px solid var(--ln)}
.chips button{padding:.5rem .75rem;border-radius:6.1875rem;border:1px solid var(--ln);background:var(--sf);font-size:.82rem;font-weight:700}.chips button:hover{border-color:var(--b2)}
/* pantallas */
@media (min-width:820px) and (max-width:1099px){.view .wrap{padding-left:3.75rem}}
@media (max-width:1099px){.ib .t{display:none}}
@media (max-width:1100px){.v6{--n:5}}
@media (max-width:900px){.info{grid-template-columns:minmax(0,1fr)}.info div{min-height:0}.info h3{min-height:0}.wa{grid-template-columns:1fr;padding:1.375rem 1.25rem}.v6{--n:4}.v4{--n:3}.mini{--n:6}.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:819px){:root{--hh:4rem}.logo{height:2.25rem}.in{grid-template-columns:auto 1fr}.tools{gap:.375rem}.ib{padding:0 .625rem;height:2.5rem}
 .sn{left:.625rem;top:auto;bottom:1rem;transform:none}.snd{display:none}.snb{display:grid}.snm{position:fixed;left:.625rem;top:auto;bottom:4.25rem;transform:none;width:min(18.75rem,calc(100vw - 1.25rem));max-height:60vh}.sn.open .snm{transform:none}}
@media (max-width:700px){.v6{--n:3}.rail{--g:.625rem}.v4{--n:2}.feat,.mini{--g:.625rem}.arrows{left:-.375rem;right:-.375rem}.arrows button{width:2.125rem;height:2.125rem}.wa{grid-template-columns:1fr;padding:1.125rem 1rem;gap:.75rem;min-height:0}.wa .art{width:min(17.5rem,100%);height:5.25rem;margin:0 auto}.pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}}
@media (max-width:560px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mini{--n:3}.feat>.pc:first-child{flex-basis:100%;aspect-ratio:16/11}.feat>.pc:nth-child(n+2){flex-basis:calc((100% - var(--g))/2)}.sh h2{font-size:1.15rem}.v4{--tf:.72rem;--pf:1.2rem}.pc.vb .pp{font-size:1.4rem}.pg{--tf:.78rem;--pf:1.25rem}.pg .pc .pp{font-size:1.25rem}}
@media (max-width:480px){.v6{--n:2}.num{font-size:.98rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.v6.pk{--tl:3.65em;--tf:.62rem}
.feat>.pc,.mini>.pc,.mini>.cd{flex:0 0 calc((100% - var(--g)*(var(--n) - 1))/var(--n))}
.ob-vb{--ob:33/29}.ob-45{--ob:4/5}
@media (max-width:700px){.ob-vb{--ob:4/5}.v4{--tl:2.6em}.pc.vb .va{font-size:.78rem}.pc.vb .pi{padding:.625rem .75rem .75rem}.vbar{width:.25rem}}
@media (max-width:560px){.feat>.pc:nth-child(n+2) .lo .tt{font-size:.72rem}.feat>.pc:nth-child(n+2) .lo .pp{font-size:1.05rem}.feat>.pc:nth-child(n+2) .lo .vv{font-size:.62rem}.lo{padding:.5rem .5625rem}}
.pc.blank{pointer-events:none;cursor:default}.pc.blank .pi>*{visibility:hidden}

/* ===== tipografía, espacios y pantallas grandes ===== */
:root{--gap:1.375rem;--wmax:75rem}
body{letter-spacing:-.005em}
main{padding-top:var(--gap)}.info{margin-top:var(--gap)}
.wrap{max-width:var(--wmax)}
.sn{left:max(.625rem,calc(50% - var(--wmax)/2 - 3.75rem))}
/* ===== bloques: mismas dimensiones en todas las filas; títulos y precios del mismo tamaño ===== */
.v4{--tl:2.3em}
.pi{padding:.375rem .625rem .5625rem}.pt{line-height:1.15}.dv{margin:.3125rem 0 .1875rem}
.pc .im img{object-position:center}
.pc.vb .pi{padding:.5rem .75rem .625rem;text-align:center}.vi{gap:.625rem}.vt{text-align:center}.va{font-weight:500;font-size:var(--tf);letter-spacing:.03em;color:#eadfcc}
.pc.vb .pp{font-size:var(--pf);text-align:center}.pc.vb .dv{margin:.3125rem 0 .1875rem}.pc.vb .pp.na{font-size:.74rem}
.pc.off{opacity:.5;cursor:not-allowed}.pc.off:hover{transform:none;border-color:var(--ln)}
.pc.sel{border-color:var(--b2);box-shadow:0 0 0 .125rem rgba(217,183,121,.6),0 .625rem 1.875rem rgba(37,99,235,.25)}
/* animación de estilos en la tienda */
.st>.lay,.pc.lt>.lay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease}
.st>.lay.on,.pc.lt>.lay.on{opacity:1}.st.ctn>.lay,.pc.lt.ctn>.lay{object-fit:contain}
/* ===== selector de plataforma / duración ===== */
.sel2{display:grid;grid-template-columns:minmax(0,1fr) minmax(19.375rem,24.375rem);gap:1.375rem;align-items:start}
.opts .pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.875rem;margin-top:0;--tf:.8rem;--pf:1.35rem;--tl:2.3em}.opts .pg .pc .pp{font-size:var(--pf)}
.opts .sh2{margin:1.375rem 0 .75rem}.opts .sh2:first-child{margin-top:0}.sh2 h3{margin:0;font-size:1.05rem;letter-spacing:.06em;color:#eadfcc}
.scard{position:sticky;top:calc(var(--hh) + 1rem);background:#141416;border:1px solid var(--ln);border-radius:1.375rem;padding:1.375rem;box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.35)}
.sc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.sc-h h3{margin:0;font-size:1.3rem;font-weight:800;line-height:1.2}
.stock{flex:none;font-size:.7rem;font-weight:800;padding:.25rem .625rem;border-radius:6.1875rem;white-space:nowrap}.stock.ok{background:rgba(34,197,94,.16);color:#4ade80}.stock.no{background:rgba(239,68,68,.15);color:#fca5a5}
.sc-hr{height:1px;background:var(--ln);margin:1rem 0}.sc-d{margin:0;color:#c9bfae;font-size:.9rem}
.sc-l{display:block;font-weight:800;font-size:1.05rem;margin-bottom:.625rem}
.selw{position:relative}.selw::after{content:"";position:absolute;right:1.125rem;top:50%;width:.5rem;height:.5rem;border-right:.125rem solid var(--mu);border-bottom:.125rem solid var(--mu);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.selw select{appearance:none;-webkit-appearance:none;width:100%;height:3.25rem;border-radius:.75rem;border:.125rem solid var(--ln);background:#17171a;color:var(--tx);padding:0 2.75rem 0 1rem;font:inherit;font-size:.92rem;cursor:pointer;text-overflow:ellipsis}
.selw select:hover{border-color:#2a3a78}.selw select:focus{outline:0;border-color:var(--b2);box-shadow:0 0 0 .1875rem rgba(217,183,121,.25)}
.est{display:flex;justify-content:space-between;align-items:center;gap:.625rem;margin-top:1rem;padding:1rem 1.125rem;border-radius:.875rem;background:var(--sf);border:1px solid var(--ln)}
.est span{color:var(--mu);font-weight:600}.est b{font-size:1.45rem;font-weight:800;color:#e3c88f;text-align:right}.est b.na{color:var(--mu);font-size:1.2rem}
.qrow{display:flex;gap:.625rem;margin-top:.75rem}
.qs{display:flex;align-items:center;border:1px solid var(--ln);border-radius:.75rem;background:var(--sf);overflow:hidden;flex:none}.qs button{width:2.5rem;height:3.25rem;border:0;background:transparent;font-size:1.2rem}.qs button:hover{background:var(--sf2)}
.qs input{width:2.25rem;border:0;background:transparent;color:var(--tx);text-align:center;font:inherit;font-weight:800}
.addb{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;height:3.25rem;border:0;border-radius:.75rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:1rem;transition:filter .2s,transform .2s}
.addb:hover:not(:disabled){filter:brightness(1.12)}.addb:active:not(:disabled){transform:scale(.98)}.addb:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:900px){.sel2{grid-template-columns:minmax(0,1fr)}.scard{order:-1;position:static}}
@media (max-width:560px){.opts .pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;--tf:.72rem;--pf:1.2rem}.scard{padding:1.125rem}.sc-h h3{font-size:1.15rem}}
/* contacto: logo 50% más ancho */
@media (min-width:701px){.wa .art{width:min(30.9375rem,100%);height:9.375rem}.wa .art img{width:76%}}

main.wrap{padding-top:var(--gap)}
@media (min-width:1000px){.wa{grid-template-columns:30.9375rem 1fr}.wa .art{width:100%}}
@media (min-width:701px) and (max-width:999px){.wa{grid-template-columns:minmax(0,45%) 1fr}.wa .art{width:100%}}

/* ===== escala global: en escritorio la página se ve como con el zoom del navegador al 67 % ===== */
:root{--k:1;--wmax:75rem}
html{font-size:calc(16px*var(--k))}
@media (min-width:1100px){:root{--k:.8;--wmax:78rem}.v4{--n:5}}
@media (min-width:1700px){:root{--wmax:84rem}}
@media (min-width:2200px){:root{--k:.95}}
@media (min-width:3200px){:root{--k:1.25}}
/* ===== bloques con la misma altura en todas las filas: encabezado 34 + imagen cuadrada + zona de precio 78 ===== */
.rw{container-type:inline-size}
.rail.v4>.pc{aspect-ratio:5/7}
@supports (width:1cqw){.rail.v4>.pc{aspect-ratio:auto;height:calc((100cqw - var(--g)*(var(--n) - 1) - .5rem)/var(--n) + 9.125rem)}}
.pi{flex:none;height:6.9rem;padding:.3125rem .625rem .5rem;overflow:hidden}
.pc.vb .pi{padding:.375rem .75rem .5rem}
.opts .pg{grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr))}
.rail.v4 .pc .pt,.rail.v4 .pc .va{font-size:var(--tf)}
/* tienda completa: mismos tamaños que la tienda oficial (1, 2 o 3 columnas) */
.st>.lay,.pc.lt>.lay{object-position:center top}
.st.ctn>.lay,.pc.lt.ctn>.lay{object-position:center center}
@media (max-width:560px){.st.s3{grid-column:span 2;aspect-ratio:452/300}}
/* ===== chat con IA ===== */
#bot{display:none}#bot.on{display:flex}
#msgs{min-height:7.5rem}
.m{line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}.m ul{margin:.375rem 0 .125rem;padding-left:1.125rem}.m li{margin:.125rem 0}.m b{font-weight:800}
.m.e{background:#2b0f1d;border:1px solid #7f1d1d;color:#fecaca}
.m.typ{display:flex;gap:.3125rem;align-items:center;padding:.8125rem .9375rem}.m.typ i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--b3);opacity:.35;animation:tp 1s infinite}.m.typ i:nth-child(2){animation-delay:.18s}.m.typ i:nth-child(3){animation-delay:.36s}
@keyframes tp{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-.1875rem)}}
.pcs{display:grid;gap:.4375rem;margin-top:.5625rem}
.pcd{display:grid;grid-template-columns:1fr auto;gap:.125rem .625rem;padding:.625rem .75rem;border-radius:.75rem;background:#161618;border:1px solid var(--ln);margin:0!important;color:var(--tx)!important;font-weight:500!important}
.pcd:hover{border-color:var(--b2)}.pcd b{grid-column:1/-1;font-size:.86rem}.pcd span{color:var(--mu);font-size:.78rem}.pcd em{font-style:normal;font-weight:800;color:var(--b3);text-align:right}.pcd i{grid-column:1/-1;font-style:normal;font-size:.76rem;color:var(--b2);font-weight:800}
#bf{display:flex;gap:.5rem;padding:.625rem .75rem;border-top:1px solid var(--ln);background:#0e0e10}
#bi{flex:1;min-width:0;height:2.75rem;border-radius:.75rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 .875rem;font:inherit;font-size:1rem}
#bi:focus{outline:0;border-color:var(--b2);box-shadow:0 0 0 .1875rem rgba(217,183,121,.25)}
#bs{flex:none;width:2.75rem;height:2.75rem;border-radius:.75rem;border:0;background:var(--gold-grad);color:var(--on-gold);display:grid;place-items:center}
#bs:disabled,#bi:disabled{opacity:.5;cursor:not-allowed}
#msgs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#bot{touch-action:manipulation}#bot .bh{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
@media (max-width:699px){input,select,textarea{font-size:max(16px,1em)}}
.bn{padding:0 .875rem .625rem;font-size:.7rem;color:var(--mu);background:#0e0e10;line-height:1.3}
.chips{max-height:6.5rem;overflow:auto;padding:.5rem .75rem .625rem}
@media (max-width:699px){#bot{right:.5rem;left:.5rem;width:auto;bottom:calc(.5rem + env(safe-area-inset-bottom));max-height:calc(100dvh - 1.5rem);height:min(40rem,calc(100dvh - 1.5rem))}}
@media (min-width:1100px){#bot{width:23rem;max-height:min(34rem,80vh);right:1.25rem;bottom:1.25rem;border-radius:1.25rem}}
.m a.pcd{display:grid;grid-template-columns:1fr auto;margin:0}

.stock.wait{background:rgba(245,158,11,.16);color:#fbbf24}
/* contacto: logo y texto juntos y centrados (sin hueco enorme entre ellos) */
@media (min-width:701px){.wa{display:flex;justify-content:center;align-items:center;gap:2.25rem;padding:1.25rem 2rem}.wa .art{flex:0 0 min(28rem,48%);width:min(28rem,48%);height:9.375rem}.wa>div:last-child{flex:0 1 auto;min-width:0}}
@media (min-width:701px) and (max-width:999px){.wa .art{flex-basis:44%;width:44%}}

/* contacto: el logo va solo, sin recuadro ni degradado */
.wa .art,.wa .art:hover{background:none!important;border:0!important;box-shadow:none!important}

/* ===== pagar, pedido y chat ===== */
.cft{padding:.75rem 1.125rem 1.125rem;display:grid;gap:.6rem}
#kPay{height:3rem;border:0;border-radius:.8rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:1rem}#kPay:disabled{opacity:.45;cursor:not-allowed}#kPay:hover:not(:disabled){filter:brightness(1.12)}
#kOrd a{display:block;font-size:.82rem;color:var(--b3);padding:.15rem 0}
#co,#ac{position:fixed;inset:0;z-index:85;display:grid;place-items:center;background:rgba(0,0,0,.66);padding:1rem}#co[hidden],#ac[hidden]{display:none}
.coc{width:min(30rem,100%);max-height:92vh;overflow:auto;background:#141416;border:1px solid var(--ln);border-radius:1.25rem;padding:1.25rem;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.coh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.coh b{font-size:1.2rem}
.col{display:grid;gap:.35rem;margin:.6rem 0;font-size:.85rem;color:var(--mu)}.col input{height:2.8rem;border-radius:.7rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 .9rem;font:inherit;font-size:1rem}
.com{display:grid;gap:.55rem;margin-top:.4rem}
.pm{display:flex;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.9rem 1rem;border-radius:.9rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);text-align:left;font:inherit;cursor:pointer}.pm:hover:not(:disabled){border-color:var(--b2)}.pm:disabled{opacity:.5;cursor:not-allowed}.pm span{color:var(--b3);font-weight:800}.pm.alt{background:transparent;justify-content:center;color:var(--mu)}
.co-note{color:var(--mu);font-size:.82rem;margin:.4rem 0 0;line-height:1.4}.coe{color:#fca5a5;font-size:.88rem;margin:.6rem 0 0}.coe.info{color:#e3c88f}
.od-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,21rem);gap:1.1rem;align-items:start}
.od-card{background:#141416;border:1px solid var(--ln);border-radius:1.1rem;padding:1.2rem;margin-bottom:1rem}.od-card h3{margin:0 0 .7rem;font-size:1rem}
.od-hero{display:flex;gap:1.1rem;align-items:center}.od-ic{flex:none;width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#111}.od-ic.pend{background:#2a2410;color:#fbbf24}.od-ic.bad{background:#2b0f1d;color:#fca5a5}
.od-hero h2{margin:0;font-size:1.4rem}.od-hero small{color:var(--mu)}.od-hero p{margin:.5rem 0 0;color:#c7d3f5;font-size:.9rem}
.od-ch{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.od-ch b{font-size:1.05rem}
.od-tr{display:flex;gap:.4rem}.od-tr button,.od-tr select{height:2.3rem;border-radius:.6rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 .7rem;font:inherit;font-size:.9rem;cursor:pointer}.od-tr button.on{background:#b08d57;border-color:#b08d57}
.od-msgs{height:min(26rem,52vh);overflow:auto;display:flex;flex-direction:column;gap:.55rem;padding:.6rem;background:#0e0e10;border-radius:.8rem}
.odm{max-width:82%;padding:.55rem .8rem;border-radius:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;font-size:.95rem}.odm small{display:block;opacity:.7;font-size:.78rem;margin-top:.3rem}.odm .who{font-size:.72rem;opacity:.7;margin-bottom:.1rem}
.odm.you{align-self:flex-end;background:#c9a566}.odm.seller{align-self:flex-start;background:#26241f}.odm.sys{align-self:center;background:none;color:var(--mu);font-size:.85rem;text-align:center;max-width:100%}
.od-f{display:flex;gap:.5rem;margin-top:.7rem}.od-f input{flex:1;min-width:0;height:2.9rem;border-radius:.7rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 .9rem;font:inherit;font-size:1rem}.od-f button{height:2.9rem;padding:0 1.2rem;border:0;border-radius:.7rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;cursor:pointer}
.od-items{display:grid;gap:.45rem;margin-bottom:.8rem;font-size:.9rem}.od-items div{display:flex;justify-content:space-between;gap:.8rem}.od-items small{color:var(--mu);display:block}
.od-kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem;border-top:1px solid var(--ln);padding-top:.8rem;font-size:.9rem}.od-kv span{color:var(--mu)}.od-kv b{text-align:right}.od-kv .big{font-size:1.2rem;color:#e3c88f}
.od-amt{display:flex;justify-content:space-between;align-items:center;background:var(--sf);border:1px solid var(--ln);border-radius:.8rem;padding:.8rem 1rem;margin-bottom:.7rem}.od-amt span{color:var(--mu)}.od-amt b{font-size:1.35rem;color:#e3c88f}
.od-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--ln);font-size:.9rem}.od-row span{color:var(--mu)}.od-row b{text-align:right;overflow-wrap:anywhere}.od-row button{border:1px solid var(--ln);background:var(--sf);color:var(--tx);border-radius:.5rem;padding:.25rem .6rem;font:inherit;font-size:.8rem;cursor:pointer}
.od-go{display:grid;place-items:center;height:3rem;border-radius:.8rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;margin:.4rem 0}
.od-card a.pri{display:inline-grid;place-items:center;height:2.8rem;padding:0 1.2rem;border-radius:.7rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800}
@media (max-width:900px){.od-grid{grid-template-columns:minmax(0,1fr)}.od-side{order:-1}.od-hero{gap:.8rem}.od-ic{width:3.4rem;height:3.4rem}}
@media (max-width:900px){.od-grid{display:flex;flex-direction:column;gap:0}.od-main,.od-side{display:contents}#odSt{order:1}#odPay{order:2}#odChat{order:3}#odDet{order:4}}

/* =====================================================================
   TEMA PREMIUM GODX · negro carbón, dorado champán y crema
   ===================================================================== */
:root{--gold:#d9b779;--gold2:#ecd3a5;--gold-d:#b08d57;--cream:#f3e7d3;--ink:#2a2014;--ink2:#6a5a44;
  --gold-grad:linear-gradient(180deg,#fbe3a0 0%,#f1c86d 50%,#d9a640 100%);--on-gold:#1a1300;--gold-glow:0 0 28px rgba(240,196,96,.45),0 0 0 1px rgba(255,236,180,.45) inset,0 10px 26px rgba(0,0,0,.4)}
body{background-color:#09090a;background-image:
  radial-gradient(62rem 26rem at 8% -8%,rgba(176,141,87,.18),transparent 62%),
  radial-gradient(46rem 24rem at 100% 2%,rgba(217,183,121,.08),transparent 62%),
  radial-gradient(72rem 36rem at 50% 118%,rgba(176,141,87,.09),transparent 62%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.011) 0 1px,transparent 1px 8px);background-attachment:scroll,scroll,scroll,fixed}
::selection{background:rgba(217,183,121,.35)}
/* ---------- cabecera ---------- */
.bar{background:rgba(10,10,11,.9);border-bottom:1px solid rgba(217,183,121,.14)}
.bar .wrap{max-width:calc(var(--wmax) + 6rem)}
.in{grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem}
.lf{gap:1.5rem}.logo{height:3.1rem}
nav.main{display:flex;align-items:center;gap:.15rem}
nav.main a{position:relative;padding:.55rem .75rem;border-radius:0;background:none;color:#ddd2c0;font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:color .2s}
nav.main a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.05rem;height:.14rem;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav.main a:hover{background:none;color:var(--gold2)}nav.main a.on{color:var(--gold2)}nav.main a:hover::after,nav.main a.on::after{transform:scaleX(1)}
.sf input{background:#111113;border-color:rgba(255,255,255,.1);height:2.9rem}.sf input:focus{border-color:rgba(217,183,121,.6);box-shadow:0 0 0 .2rem rgba(217,183,121,.14)}
.sf>svg{color:#b9b0a1}
.ib{background:#121214;border-color:rgba(255,255,255,.1);border-radius:.85rem;color:#efe7d8;transition:border-color .2s,background .2s,transform .2s}
.ib:hover{border-color:rgba(217,183,121,.55);background:#18181b}
.ib.ai{background:var(--gold-grad);color:var(--on-gold);border-color:transparent;box-shadow:0 .4rem 1.2rem rgba(217,183,121,.18)}.ib.ai:hover{filter:brightness(1.06);transform:translateY(-1px)}
#kN{background:var(--gold-grad);color:var(--on-gold);font-weight:900;box-shadow:0 0 0 2px #09090a}
.fl{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.pop{background:#131315;border-color:rgba(217,183,121,.22)}.pop li:hover,.pop a.row:hover{background:#1d1d20}
.pop li[aria-selected=true]{background:rgba(217,183,121,.16);color:var(--gold2)}
/* ---------- banner principal ---------- */
main.wrap>.hb{margin-top:0}
.hb{position:relative;display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);min-height:21rem;border-radius:1.6rem;overflow:hidden;border:1px solid rgba(217,183,121,.22);background:linear-gradient(115deg,#171718 0%,#0f0f10 55%,#0a0a0b 100%);box-shadow:0 1.6rem 3.6rem rgba(0,0,0,.5)}
.hb::before{content:"";position:absolute;inset:0;background:radial-gradient(28rem 15rem at 6% 0,rgba(217,183,121,.14),transparent 66%);pointer-events:none;z-index:1}
.hb-txt{position:relative;z-index:3;padding:2.3rem 0 2rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
.hb-eye{margin:0 0 .75rem;font-size:.7rem;letter-spacing:.42em;color:#cfc4b2;font-weight:600}
.hb h1{margin:0;font-size:clamp(2.1rem,4.7vw,3.7rem);line-height:.98;font-weight:900;letter-spacing:-.012em;text-transform:uppercase;color:#fff}
.hb h1 span,.hb h1 em{display:block}
.hb h1 em{font-style:normal;background:linear-gradient(180deg,#f3ddb0,#cfa763);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hb-sub{margin:.95rem 0 1.15rem;font-size:.72rem;letter-spacing:.28em;color:#cfc4b2;font-weight:600;text-transform:uppercase}
.hb-ben{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap}
.hb-ben li{display:flex;gap:.6rem;align-items:center}.hb-ben svg{flex:none;color:var(--gold)}
.hb-ben b{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#f1e8d8;line-height:1.25}.hb-ben small{display:block;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#9d9486;line-height:1.3}
.hb-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.7rem;height:3.1rem;padding:0 1.5rem;border-radius:99px;background:var(--gold-grad);color:var(--on-gold);font-weight:800;letter-spacing:.01em;box-shadow:0 .6rem 1.4rem rgba(217,183,121,.2);transition:transform .2s,box-shadow .2s,filter .2s}
.hb-cta:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 .9rem 1.8rem rgba(217,183,121,.3)}.hb-cta svg{transition:transform .2s}.hb-cta:hover svg{transform:translateX(3px)}
.hb-art{position:relative;display:flex;margin-left:-3%;z-index:2}
.pn{position:relative;flex:1 1 0;min-width:0;margin-left:-2.2rem;overflow:hidden;transform:skewX(-9deg);border-left:1px solid rgba(255,255,255,.14);background:#111}
.pn:first-child{margin-left:0}
.pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:skewX(9deg) scale(1.34);transition:transform .5s ease,filter .4s;filter:saturate(1.05)}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45));pointer-events:none}
.pn:hover img{transform:skewX(9deg) scale(1.44);filter:saturate(1.15) brightness(1.06)}
/* ---------- franja de plataformas ---------- */
.plat{display:flex;align-items:center;gap:1.4rem;margin-top:.95rem;padding:.9rem 1.6rem;border-radius:1.1rem;border:1px solid rgba(217,183,121,.14);background:rgba(18,18,20,.82)}
.plat-l{font-size:.6rem;letter-spacing:.3em;color:#9d9486;font-weight:700;white-space:nowrap}
.plat ul{list-style:none;margin:0;padding:0;display:flex;flex:1;justify-content:space-around;align-items:center;gap:.4rem .6rem;flex-wrap:wrap}
.plat li{display:flex;align-items:center}.plat li+li{border-left:1px solid rgba(255,255,255,.09);padding-left:1rem}
.plat li a{display:flex;align-items:center;gap:.55rem;color:#e9e1d3;font-weight:600;font-size:.9rem;padding:.25rem .3rem;transition:color .2s}.plat li a:hover{color:var(--gold2)}
.pi-ic{display:grid;place-items:center;width:1.5rem;height:1.5rem}.pi-ic svg{width:100%;height:100%}
/* ---------- tarjetas informativas (crema y dorado) ---------- */
.i3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.ic3{position:relative;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.2rem;border-radius:1.15rem;background:linear-gradient(180deg,#f7eddc,#eadcc3);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 .9rem 2rem rgba(0,0,0,.38);transition:transform .22s,box-shadow .22s}
.ic3:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 1.2rem 2.4rem rgba(0,0,0,.45)}
.ico{flex:none;width:3.4rem;height:3.4rem;border-radius:.95rem;background:#efdfc3;display:grid;place-items:center;color:#2a2014;box-shadow:inset 0 0 0 1px rgba(176,141,87,.25)}.ico svg{width:1.7rem;height:1.7rem}
.ic3 div{min-width:0;flex:1}.ic3 h3{margin:0 0 .3rem;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;font-weight:900;color:#2a2014;line-height:1.2}
.ic3 p{margin:0;font-size:.76rem;line-height:1.45;color:var(--ink2);font-weight:500}
.go{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;background:#fbf4e6;border:1px solid #d8c6a4;display:grid;place-items:center;color:#2a2014;transition:background .2s,transform .2s}.ic3:hover .go{background:#2a2014;color:var(--gold2);transform:translateX(2px)}
/* ---------- encabezados de sección ---------- */
section{margin-top:3.2rem}
.sh{margin-bottom:1.25rem}.sh-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%}
.eyebrow{display:block;margin:0 0 .5rem;font-size:.62rem;letter-spacing:.32em;color:#a39b8e;font-weight:700;text-transform:uppercase}
.sh h2{font-size:clamp(1.5rem,3.5vw,2.45rem);font-weight:900;letter-spacing:0;line-height:1;text-transform:uppercase;color:#fff}
.sh h2::after{display:none}
.sh h2 em{font-style:normal;background:linear-gradient(180deg,#f0d9a8,#cfa763);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.btn-o{flex:none;display:inline-flex;align-items:center;gap:.55rem;height:2.8rem;padding:0 1.3rem;border-radius:.95rem;border:1px solid rgba(217,183,121,.42);color:#f1e6d2;font-weight:700;font-size:.9rem;transition:background .2s,border-color .2s,transform .2s}
.btn-o:hover{background:rgba(217,183,121,.12);border-color:var(--gold);transform:translateY(-1px)}
.live{color:#b7ae9f}
.cta .btn{display:inline-flex;align-items:center;gap:.6rem;height:3rem;padding:0 1.6rem;border-radius:.95rem;font-weight:800;letter-spacing:.04em}
/* ---------- tarjetas de producto ---------- */
.pc{background:linear-gradient(180deg,#18181a,#111113);border:1px solid rgba(255,255,255,.07);border-radius:1.15rem;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.35);transition:transform .25s,border-color .25s,box-shadow .25s}
.pc:hover{transform:translateY(-4px);border-color:rgba(217,183,121,.55);box-shadow:0 1rem 2rem rgba(0,0,0,.5),0 0 0 1px rgba(217,183,121,.18)}
.pc .im{background:linear-gradient(160deg,#222226,#101012)}
.pt{color:#efe7d8}
.dv{background:linear-gradient(90deg,transparent,rgba(217,183,121,.5),transparent);box-shadow:none}
.pp{color:var(--gold2)}.pp.na{color:#8f877a}
.pp.go{display:none}
.cc{display:flex;align-items:center;justify-content:center;gap:.35rem;height:1.55rem;margin-top:.45rem;border-radius:99px;background:rgba(217,183,121,.1);border:1px solid rgba(217,183,121,.38);color:var(--gold2);font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.cc svg{width:.7rem;height:.7rem}.pc:hover .cc{background:var(--gold-grad);color:var(--on-gold);border-color:transparent}
.pc.off .cc,.pc.blank .cc{display:none}
.pg .pi,.opts .pg .pi{height:4.875rem}.pg .cc,.opts .cc{display:none}
.xh{background:linear-gradient(180deg,#15a015,#0c760c)}
.pc.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(217,183,121,.55),0 .8rem 1.8rem rgba(0,0,0,.45)}
.cd.more{color:var(--on-gold)}
.arrows button{border-color:rgba(217,183,121,.5);background:rgba(10,10,11,.82);color:var(--gold2)}.arrows button:hover:not(:disabled){background:var(--gold-d);border-color:var(--gold);color:#fff}
/* ---------- carrito, diálogos, selector y chat ---------- */
#cart{background:#0e0e10;border-left-color:rgba(217,183,121,.18)}
.scard{background:#141416;border-color:rgba(217,183,121,.2)}
.est b,.od-amt b,.od-kv .big{color:var(--gold2)}
.od-ic{background:var(--cream);color:#2a2014}.od-ic.pend{background:#2a2410;color:#fbbf24}
.od-tr button.on{background:var(--gold-grad);color:var(--on-gold);border-color:transparent}
.m.u,.odm.you{background:var(--gold-grad);color:var(--on-gold)}
.m.b,.odm.seller{background:#1b1b1e}
.wa{background:linear-gradient(135deg,#18181a,#0f0f11);border:1px solid rgba(217,183,121,.2);box-shadow:0 1rem 2.4rem rgba(0,0,0,.4)}
.wa .art{background:none!important;border:0!important;box-shadow:none!important}
/* ---------- adaptación a tablet y móvil ---------- */
@media (max-width:1099px){.sub{padding:.6rem 1rem 0}.sub nav.main{width:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;border-bottom:1px solid rgba(217,183,121,.12)}.sub nav.main::-webkit-scrollbar{display:none}}
@media (max-width:900px){.i3{grid-template-columns:minmax(0,1fr)}.plat{flex-wrap:wrap;gap:.6rem 1rem;padding:.9rem 1.1rem}.plat ul{justify-content:flex-start}}
@media (max-width:800px){.hb{grid-template-columns:minmax(0,1fr);min-height:0}.hb-txt{padding:1.6rem 1.3rem 1.2rem}.hb-art{height:12rem;margin:0}.hb h1{font-size:clamp(2rem,9vw,3rem)}.hb-sub{letter-spacing:.16em}.hb-ben{gap:1rem}.hb-eye{letter-spacing:.3em}}
@media (max-width:560px){.sh-row{flex-wrap:wrap;align-items:flex-start}.btn-o{height:2.4rem;padding:0 1rem;font-size:.82rem}.hb-cta{width:100%;justify-content:center}.plat li+li{border-left:0;padding-left:0}.plat ul{gap:.4rem 1.1rem}.cc{font-size:.56rem;height:1.45rem}}
/* --- ajustes tras revisar contra la referencia --- */
.bar .wrap{max-width:calc(var(--wmax) + 16rem)}
nav.main a{padding:.55rem .65rem}
.hb{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);min-height:19.5rem}
.hb h1{font-size:clamp(1.8rem,3.3vw,2.8rem)}.hb h1 em{white-space:nowrap}
.hb-ben{flex-wrap:nowrap;gap:1.1rem}.hb-ben li{min-width:0}.hb-ben b{white-space:nowrap}
.hb-art{margin-left:-5%}
.pn img{transform:skewX(9deg) scale(1.2)}.pn:hover img{transform:skewX(9deg) scale(1.3)}
.pn{margin-left:-1.6rem}.pn:first-child{margin-left:0}
.pn span{position:absolute;left:.25rem;right:.25rem;bottom:.9rem;z-index:2;text-align:center;font-weight:900;font-size:.68rem;line-height:1.08;letter-spacing:.03em;color:#fff;text-transform:uppercase;transform:skewX(9deg);text-shadow:0 1px 6px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.7)}
@media (max-width:800px){.hb h1 em{white-space:normal}.hb-ben{flex-wrap:wrap}.hb-art{margin-left:0}.pn span{font-size:.62rem;bottom:.6rem}}
.hb{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr)}
.hb-art{margin-left:-2%}
.hb-sub{letter-spacing:.2em;font-size:.64rem}
.hb-ben{gap:.9rem}.hb-ben b{font-size:.56rem}.hb-ben small{font-size:.5rem}.hb-ben svg{width:1.7rem;height:1.7rem}
#r-vbucks{justify-content:center}
@media (max-width:800px){.hb-art{margin-left:0}.hb-sub{letter-spacing:.14em}}
/* --- móvil, tableta y pantallas medianas --- */
@media (min-width:701px) and (max-width:900px){.hb-txt{padding:1.6rem 0 1.5rem 1.6rem}.hb h1{font-size:clamp(1.5rem,4.2vw,2.3rem)}.hb-ben{flex-wrap:wrap;gap:.7rem 1rem}}
@media (max-width:700px){
  .hb{grid-template-columns:minmax(0,1fr);min-height:0}.hb-txt{padding:1.6rem 1.3rem 1.2rem}.hb-art{height:12rem;margin:0}
  .hb h1{font-size:clamp(2rem,9.5vw,3rem)}.hb h1 em{white-space:normal}.hb-sub{letter-spacing:.14em;font-size:.62rem}.hb-ben{flex-wrap:wrap;gap:.8rem 1.2rem}
  .plat{display:block;padding:.9rem 1rem}.plat-l{display:block;margin-bottom:.6rem}.plat ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem}.plat li+li{border:0;padding:0}.plat li a{padding:.3rem 0}
}
@media (min-width:1100px) and (max-width:1279px){.ib.ai .t{display:none}nav.main a{padding:.5rem .5rem;font-size:.84rem}.logo{height:2.7rem}.in{gap:1rem}}
@media (min-width:701px){.hb-art{margin-left:0}.hb-txt{padding-right:1.2rem}.hb-sub{letter-spacing:.15em}.hb-ben{gap:.7rem}.hb-ben li{gap:.45rem}.hb-ben svg{width:1.5rem;height:1.5rem}.hb h1{font-size:clamp(1.7rem,3.1vw,2.65rem)}}

/* ---------- portada con diagonales: la primera imagen (Call of Duty) rellena toda su diagonal, completa y sin degradado encima ---------- */
.pn::after{display:none}
.pn:first-child{background:#0b0303}
.pn:first-child img{max-width:none;inset:auto -2rem;top:50%;height:auto;width:calc(100% + 4rem);transform:skewX(9deg) translateY(-50%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.pn:first-child:hover img{transform:skewX(9deg) translateY(-50%) scale(1.06)}
.pn:last-child{margin-right:-2.4rem}

/* ---------- pago crypto dentro del pedido ---------- */
.od-qrw{display:grid;justify-items:center;gap:.5rem;margin:.2rem 0 .8rem}.od-qr{border-radius:.8rem;border:.5rem solid #fff;background:#fff;max-width:100%;height:auto}.od-qrw small{color:var(--mu);font-size:.78rem}
.od-row i{display:block;width:1px}
.od-live{display:flex;align-items:center;gap:.55rem;margin:.8rem 0 .2rem;padding:.65rem .8rem;border-radius:.7rem;background:var(--sf);border:1px solid var(--ln);font-size:.86rem}
.od-live i{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:#e3c88f;animation:odp 1.4s ease-in-out infinite}.od-live span{flex:1}.od-live em{font-style:normal;color:#e3c88f;font-weight:700;font-variant-numeric:tabular-nums}
.od-live.confirming i{background:#7fd99a}.od-live.partial i,.od-live.failed i{background:#fca5a5;animation:none}
@keyframes odp{50%{opacity:.35;transform:scale(.8)}}
.od-amt{gap:.6rem}.od-amt span{white-space:nowrap}.od-amt b{text-align:right;overflow-wrap:anywhere}

/* logo en celular: ya no queda tapado por los botones de la cabecera */
@media (max-width:480px){.logo{height:2.1rem}}

/* agotado: la tarjeta se ve más oscura que las que sí tienen stock */
.pc.so{filter:brightness(.52) saturate(.6);cursor:not-allowed}.pc.so:hover{transform:none;border-color:var(--ln)}.pc.so.off{opacity:1}.pc.so .pp{color:#d48a7a;letter-spacing:.08em;font-weight:800}
.lowst{color:#e3c88f!important;font-weight:700}

/* título de la tienda: FORTNITE con el degradado dorado de la web */
.svh h1 em{font-style:normal;background:linear-gradient(180deg,#f0d9a8,#cfa763);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* información de la plataforma debajo del carrito */
.scol{position:sticky;top:calc(var(--hh) + 1rem);display:grid;gap:1rem;max-height:calc(100vh - var(--hh) - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3328 transparent;padding:.125rem}
.scol .scard{position:static}
.sinfo{background:#141416;border:1px solid rgba(217,183,121,.2);border-radius:1.375rem;padding:1.125rem 1.25rem;display:grid;gap:1rem}
.sinfo:empty{display:none}
.ii{display:grid;grid-template-columns:2.25rem 1fr;gap:.75rem;align-items:start}
.ii i{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:rgba(217,183,121,.1);border:1px solid rgba(217,183,121,.25);color:var(--b2)}
.ii b{display:block;font-size:.88rem;color:var(--b3);letter-spacing:.01em;margin-bottom:.125rem}
.ii p{margin:0;font-size:.78rem;line-height:1.45;color:var(--mu)}
@media (max-width:900px){.scol{display:contents;position:static;max-height:none;overflow:visible}.scol .scard{order:-2}.sinfo{order:-1;margin-top:1rem}}

/* ---- cuenta, saldo y cupones ---- */
#uBtn.on{border-color:var(--b2)}#uBtn.on::after{content:"";position:absolute;top:.45rem;right:.5rem;width:.55rem;height:.55rem;border-radius:50%;background:#4ade80;border:2px solid var(--sf)}
.cpr{display:flex;gap:.5rem}.cpr input{flex:1;min-width:0;text-transform:uppercase}.cpr button{height:2.8rem;padding:0 1rem;border-radius:.7rem;border:1px solid var(--b2);background:transparent;color:var(--b3);font:inherit;font-weight:700;cursor:pointer}.cpr button:hover{background:rgba(217,183,121,.12)}.cpr button:disabled{opacity:.5}
.co-note.ok{color:#4ade80}.co-note.bad{color:#fca5a5}.pm s{color:var(--mu);font-weight:500;margin-right:.35rem}.pm b small{display:block;font-weight:500;color:var(--mu);font-size:.78rem;margin-top:.15rem}.pm.bal{border-color:rgba(217,183,121,.5)}.pm.sel{border-color:var(--b2);background:rgba(217,183,121,.1)}
#acB{display:grid;gap:.4rem}#acB .acgo{height:3rem;border-radius:.8rem;font:inherit;font-weight:800;cursor:pointer;margin-top:.5rem}#acB .acgo:disabled{opacity:.6}
.actabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:var(--sf);padding:.25rem;border-radius:.8rem;border:1px solid var(--ln)}.actabs button{height:2.4rem;border:0;border-radius:.6rem;background:transparent;color:var(--mu);font:inherit;font-weight:700;cursor:pointer}.actabs button.on{background:var(--gold-grad);color:var(--on-gold)}
.accode{letter-spacing:.5em;text-align:center;font-size:1.4rem!important;font-weight:800}
.aclinks{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.aclinks button,.acout{background:none;border:0;color:var(--mu);font:inherit;font-size:.88rem;cursor:pointer;text-decoration:underline;padding:.4rem 0}.aclinks button:disabled{opacity:.6;text-decoration:none;cursor:default}.acout{justify-self:start;margin-top:.4rem}
.acu{display:grid;gap:.1rem}.acu b{font-size:1.1rem}.acu small{color:var(--mu)}
.acbal{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0}.acbal div{background:var(--sf);border:1px solid var(--ln);border-radius:.8rem;padding:.6rem .7rem;display:grid;gap:.15rem}.acbal small{color:var(--mu);font-size:.72rem}.acbal b{color:var(--b3);font-size:1.05rem}
.acsec{margin:.9rem 0 .3rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--b2)}
.aco{display:grid;gap:.4rem;max-height:14rem;overflow:auto}.aco a{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--ln);border-radius:.8rem;background:var(--sf);text-decoration:none;color:var(--tx)}.aco a:hover{border-color:var(--b2)}.aco small{display:block;color:var(--mu);font-size:.76rem}.aco .st{font-weight:800;color:var(--b3);white-space:nowrap}.aco .st.cancelled{color:#fca5a5}
.acamts{display:flex;gap:.4rem;flex-wrap:wrap}.acamts button{padding:.5rem .9rem;border-radius:.7rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);font:inherit;font-weight:700;cursor:pointer}.acamts button:hover{border-color:var(--b2)}
#acB .acgo{background:var(--gold-grad);color:var(--on-gold);border:0}#acB .acgo:hover:not(:disabled){filter:brightness(1.08)}
.coc{min-width:0}.col>*,.com>*{min-width:0}.col input{width:100%}.pm>b{min-width:0;flex:1}.pm>span{white-space:nowrap;text-align:right;flex:none}

#bBtn.has{border-color:var(--b2)}#bBtn.has span{color:var(--b3)}#uTxt{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}
.pfl{display:grid;gap:.5rem}.pfr{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--ln);border-radius:.85rem;background:var(--sf);text-decoration:none;color:var(--tx)}.pfr:hover{border-color:var(--b2)}.pfr small{display:block;color:var(--mu);font-size:.76rem;margin-top:.1rem}.pfs{display:grid;justify-items:end;gap:.2rem;white-space:nowrap}.pfs b{color:var(--b3)}
.stt{font-style:normal;font-size:.7rem;font-weight:800;padding:.1rem .55rem;border-radius:99px;background:rgba(245,158,11,.16);color:#fbbf24}.stt.paid{background:rgba(34,197,94,.16);color:#4ade80}.stt.completed{background:rgba(217,183,121,.18);color:var(--b3)}.stt.cancelled{background:rgba(239,68,68,.18);color:#fca5a5}
#pfv .acgo,#pfBody .acgo{height:3rem;border-radius:.8rem;font:inherit;font-weight:800;cursor:pointer;margin-top:.5rem;background:var(--gold-grad);color:var(--on-gold);border:0;width:100%}
#pfBody .acbal{grid-template-columns:repeat(3,1fr)}
@media(max-width:560px){#uTxt{max-width:4.5rem}.ib{padding:0 .6rem}}

.regb{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;margin-bottom:.8rem;border-radius:.9rem;border:2px solid var(--b2);background:linear-gradient(180deg,rgba(217,183,121,.2),rgba(217,183,121,.06));box-shadow:0 0 0 3px rgba(217,183,121,.08)}.regb small{font-weight:800;letter-spacing:.16em;color:var(--b3);font-size:.78rem}.regb b{font-size:1.35rem;letter-spacing:.06em;color:#fff;font-weight:900}
#accRow{display:flex;gap:.5rem;width:100%;max-width:35rem}#accRow .ib{flex:1;justify-content:center;height:2.6rem}#accRow #uTxt{max-width:none}
#pfBody .od-card,#pfBody .od-main,#pfBody .od-side{box-sizing:border-box;width:100%;min-width:0}
.regb{padding:.5rem 1rem;margin-bottom:.7rem}.regb small,.regb b{font-size:.82rem;font-weight:800;letter-spacing:.14em}.regb b{color:#fff}

/* ---------- portada 5 paneles con logo + personaje ---------- */
.hb-art{overflow:visible}
.pn{margin-left:-1.8rem}.pn:first-child{margin-left:0}.pn:last-child{margin-right:-2.4rem}
.pn:first-child{background:#111}
.pn img,.pn:first-child img{position:absolute;inset:0;top:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:none;mask-image:none;transform:skewX(9deg) scale(1.3)}
.pn:hover img,.pn:first-child:hover img{transform:skewX(9deg) scale(1.4)}
.pn::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.pn .lg{position:absolute;z-index:2;left:50%;bottom:.9rem;width:70%;height:2.9rem;transform:translateX(-50%) skewX(9deg);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));pointer-events:none}
.hb-art .hchar{position:absolute;z-index:4;right:-1%;bottom:3.6rem;width:62%;height:auto;max-height:84%;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 .8rem 1.2rem rgba(0,0,0,.6))}
@media (max-width:700px){.pn{margin-left:-1rem}.pn .lg{height:1.7rem;bottom:.5rem;width:78%}.hb-art .hchar{bottom:2.2rem;width:70%}}
@media (max-width:819px){#uTxt{display:none}}
.pn:nth-child(2) .lg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(255,255,255,.5))}
.hb-art .hchar{width:54%}
@media (min-width:820px) and (max-width:1439px){.ib.ai .t{display:none}#bBtn{padding:0 .6rem}}
@media (max-width:819px){.logo{height:2rem;width:auto}.in{gap:.4rem}.tools{gap:.3rem}.ib{padding:0 .5rem}#cBtn>svg{display:none}#aiBtn{padding:0 .55rem}}
@media (max-width:700px){.hb-art .hchar{width:62%}}

/* ajustes portada v2: sin desenfoque al pasar el mouse, logos sin sombra, personaje abajo-izquierda */
.pn:hover img,.pn:first-child:hover img{transform:skewX(9deg) scale(1.3) translateY(-2.5%);filter:none}
.pn img{filter:none;transition:transform .5s ease}
.pn .lg,.pn:nth-child(2) .lg{filter:none;left:calc(50% - 7px)}
.pn:last-child .lg{left:calc(50% + 7px)}
.hb-art .hchar{right:auto;left:2%;bottom:0;width:58%;max-height:92%;object-position:left bottom;filter:none}
@media (max-width:700px){.hb-art .hchar{width:64%;bottom:0;left:1%}}
.hb-art .hchar{left:0;width:46%;max-height:80%}

.pn .lg{display:none}
.lgs{position:absolute;inset:0;z-index:6;display:flex;pointer-events:none}
.lgs i{flex:1 1 0;min-width:0;margin-left:-1.8rem;position:relative}.lgs i:first-child{margin-left:0}.lgs i:last-child{margin-right:-2.4rem}
.lgs i{background-repeat:no-repeat;background-position:calc(50% - 22px) calc(100% - .9rem);background-size:70% 2.9rem}
.lgs i:last-child{background-position:calc(50% - 8px) calc(100% - .9rem)}
@media (max-width:700px){.lgs i{margin-left:-1rem;background-position:calc(50% - 18px) calc(100% - .5rem);background-size:78% 1.7rem}.lgs i:last-child{background-position:calc(50% - 4px) calc(100% - .5rem)}}
@media (max-width:700px){.lgs i:last-child{background-position:calc(50% - 30px) calc(100% - .5rem);background-size:64% 1.7rem}}

/* v3: logos centrados dentro de su diagonal (misma geometría que el panel) y personaje más grande */
.lgs i{margin-left:-1.8rem;transform:skewX(-9deg);background:none!important;position:relative}.lgs i:first-child{margin-left:0}.lgs i:last-child{margin-right:-2.4rem}
.lgs i b{position:absolute;left:.7rem;right:2.5rem;bottom:.9rem;height:2.9rem;background-repeat:no-repeat;background-position:center;background-size:contain;transform:skewX(9deg)}
.lgs i:first-child b{left:.9rem}.lgs i:last-child b{right:3.1rem}
.hb-art .hchar{left:-3%;bottom:0;width:78%;max-height:100%}
@media (max-width:700px){.lgs i{margin-left:-1rem}.lgs i b{left:.4rem;right:1.5rem;bottom:.5rem;height:1.7rem}.lgs i:first-child b{left:.6rem}.lgs i:last-child b{right:2.4rem}.hb-art .hchar{width:84%;left:-2%}}
/* v4 */
.lgs i{clip-path:inset(0 1.8rem 0 0)}.lgs i:last-child{clip-path:inset(0 2.4rem 0 0)}
.lgs i:nth-child(3) b,.lgs i:nth-child(4) b{left:.3rem;right:4.2rem}
.hb-art .hchar{z-index:8;left:-12%}
@media (max-width:700px){.lgs i{clip-path:inset(0 1rem 0 0)}.lgs i:last-child{clip-path:inset(0 1.5rem 0 0)}.lgs i:nth-child(3) b,.lgs i:nth-child(4) b{left:.2rem;right:2.8rem}.hb-art .hchar{left:-8%}}
.hb-art .hchar{width:66%}
@media (max-width:700px){.hb-art .hchar{width:72%}}
.hb-art .hchar{width:52%;left:-13%}
@media (max-width:700px){.hb-art .hchar{width:60%;left:-9%}}
@media (max-width:700px){.hb-art .hchar{width:52%;left:-8%}}

/* v5: logo dentro de su panel (se mueve junto con la imagen) */
.lgs{display:none}
.pn .lg{display:block;position:absolute;z-index:2;left:.7rem;right:2.5rem;bottom:.9rem;height:2.9rem;width:auto;background-repeat:no-repeat;background-position:center;background-size:contain;filter:none;transform:skewX(9deg);transition:transform .5s ease;pointer-events:none}
.pn:first-child .lg{left:.9rem}.pn:last-child .lg{right:3.1rem}
.pn:nth-child(3) .lg{left:.3rem;right:4.2rem}.pn:nth-child(4) .lg{left:.3rem;right:4.2rem;bottom:1.5rem}
.pn:nth-child(2) .lg{bottom:1.5rem;filter:none}
.pn:hover .lg{transform:skewX(9deg) translateY(-6px)}
.hb-art .hchar{width:58%;left:-21%;bottom:0;max-height:112%}
@media (max-width:700px){.pn .lg{left:.4rem;right:1.5rem;bottom:.5rem;height:1.7rem}.pn:first-child .lg{left:.6rem}.pn:last-child .lg{right:2.4rem}.pn:nth-child(3) .lg{left:.2rem;right:2.8rem}.pn:nth-child(4) .lg{left:.2rem;right:2.8rem;bottom:.9rem}.pn:nth-child(2) .lg{bottom:.9rem}.hb-art .hchar{width:58%;left:-14%;max-height:108%}}
.pn:nth-child(2) .lg,.pn:last-child .lg{left:.7rem}
@media (max-width:700px){.pn:nth-child(2) .lg,.pn:last-child .lg{left:.4rem}.pn:nth-child(2) .lg{right:1.5rem}}
@media (min-width:701px) and (max-width:1279px){.hb-art .hchar{left:-4%}}
@media (min-width:1280px){.hb-art .hchar{left:-10%}}
@media (min-width:701px) and (max-width:1279px){.hb-art .hchar{left:0;width:50%}}

/* v6 */
.pn:nth-child(4) .lg{left:.7rem;right:3rem;bottom:1.1rem}
@media (max-width:700px){.pn:nth-child(4) .lg{left:.4rem;right:2rem;bottom:.7rem}}
@media (min-width:1280px){.hb-art .hchar{left:-30%;width:58%}}
@media (min-width:701px) and (max-width:1279px){.hb-art .hchar{left:-16%;width:50%}}
@media (min-width:1280px){.hb-art .hchar{left:-24%}}
@media (min-width:1280px){.hb-art .hchar{left:-20%}}
@media (min-width:1500px){.hb-art .hchar{left:-11%}}
@media (min-width:1280px) and (max-width:1499px){.hb-art .hchar{left:-15%}}

.pc .im img[data-im="pk5"],.pc .im img[src*="pk5."]{object-position:center 0%!important}
/* Pre-cargadas: la imagen interna se baja al máximo (muestra la parte superior del arte) sin tocar el diseño de la tarjeta */
.pc .im img[data-im^="acc_"],.pc .im img[src*="/acc_"]{object-position:center top!important}
.pc.lt>img[data-im^="acc_"],.pc.lt>img[src*="/acc_"]{object-position:center top!important}
/* caballero a la izquierda (puede tapar "Soporte WhatsApp") */
@media (min-width:701px) and (max-width:1279px){.hb-art .hchar{left:-26%}}
@media (min-width:1280px){.hb-art .hchar{left:-40%}}
@media (min-width:1500px){.hb-art .hchar{left:-36%}}
@media (max-width:700px){.hb-art .hchar{left:-14%}}
@media (min-width:1280px) and (max-width:1499px){.hb-art .hchar{left:-35%}}

.od-cancel{display:block;width:100%;margin-top:.9rem;padding:.7rem 1rem;border-radius:.8rem;border:1px solid rgba(248,113,113,.5);background:transparent;color:#f87171;font-weight:700;cursor:pointer}.od-cancel.ask{background:#f87171;color:#1a0a0a}.od-cancel:disabled{opacity:.6}
@media (min-width:701px) and (max-width:1279px){.hb-art .hchar{left:-8%}}
@media (min-width:1280px) and (max-width:1499px){.hb-art .hchar{left:-18%}}
@media (min-width:1500px){.hb-art .hchar{left:-18%}}
@media (max-width:700px){.hb-art .hchar{left:-4%}}
/* v7: caballero 50px más a la izquierda; logo Brawl 15px a la derecha; botón copiar */
.hb-art .hchar{margin-left:-50px}
.pn:nth-child(3) .lg{left:calc(.3rem + 15px);right:calc(4.2rem - 15px)}
@media (max-width:700px){.hb-art .hchar{margin-left:-30px}.pn:nth-child(3) .lg{left:calc(.2rem + 15px);right:calc(2.8rem - 15px)}}
.tkc{background:none;border:1px solid var(--ln,#333);color:inherit;border-radius:6px;font-size:.7rem;padding:.1rem .4rem;margin-left:.3rem;cursor:pointer}
/* v8: chat de tickets */
#tkm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(0,0,0,.66);padding:1rem}#tkm[hidden]{display:none}
.tkl{display:grid;gap:.5rem;max-height:46vh;min-height:8rem;overflow:auto;padding:.5rem;border:1px solid var(--ln);border-radius:.9rem;margin:.6rem 0;align-content:start}
.tkb{padding:.5rem .75rem;border-radius:.9rem;max-width:88%;word-break:break-word;white-space:pre-wrap;font-size:.92rem}.tkb small{display:block;opacity:.6;font-size:.7rem;margin-bottom:.15rem}
.tkb.me{justify-self:end;background:#3b2f14}.tkb.ad{justify-self:start;background:#1e1e23}.tkb img{display:block;max-width:100%;max-height:240px;margin-top:.4rem;border-radius:.6rem;cursor:zoom-in}
.tkin{display:flex;gap:.4rem;align-items:center}.tkin input#tkI{flex:1;min-width:0;background:#0b0b0d;border:1px solid var(--ln);color:inherit;border-radius:.8rem;padding:.65rem .8rem;font:inherit}.tkat{cursor:pointer;font-size:1.3rem;padding:0 .2rem}.tkin .acgo{width:auto;padding:.65rem 1rem;margin:0}
.hb-art .hchar{margin-left:-70px}
@media (max-width:700px){.hb-art .hchar{margin-left:-40px}}
#coM .acgo,#tkm .acgo{height:3rem;border-radius:.8rem;font:inherit;font-weight:800;cursor:pointer;margin-top:.5rem;background:var(--gold-grad);color:var(--on-gold);border:0;width:100%}#coM .acgo:disabled,#tkm .acgo:disabled{opacity:.6}
#coM .col,#coM .acamts{margin:.4rem 0}#coM .acamts{display:flex;gap:.4rem;flex-wrap:wrap}#coM .acamts button{background:#1b1b20;border:1px solid var(--ln);color:inherit;border-radius:.7rem;padding:.5rem .9rem;cursor:pointer}
#coM .col input{background:#0b0b0d;border:1px solid var(--ln);color:inherit;border-radius:.8rem;padding:.7rem .8rem;font:inherit}
#tkm .tkin .acgo{width:auto;padding:0 1rem;margin:0;height:2.6rem}

/* v9 */
.hb-art .hchar{margin-left:-100px}
@media (max-width:700px){.hb-art .hchar{margin-left:-70px}}
.dz{display:flex;align-items:center;gap:.6rem;border:1.5px dashed var(--ln);border-radius:.8rem;padding:.65rem .8rem;color:var(--mu);font-size:.85rem;cursor:pointer;background:rgba(255,255,255,.02)}
.dz.on,.dz.hot{border-color:#c9a566;color:var(--tx);background:rgba(201,165,102,.08)}.dz img{max-height:46px;border-radius:.5rem}
.tkin{flex-wrap:wrap}.tkin .tkdz{flex:1 1 100%}.od-f{flex-wrap:wrap}.od-f .odz{flex:1 1 100%}
.odimg,.tkb img{display:block;max-width:100%;max-height:240px;margin-top:.4rem;border-radius:.6rem;cursor:zoom-in}
.num.fbl{margin-top:.5rem}.num.fbl:hover{border-color:#1877f2}

/* v10: logo Fortnite 15px a la derecha */
.pn:last-child .lg{left:calc(.7rem + 15px);right:calc(3.1rem - 15px)}
@media (max-width:700px){.pn:last-child .lg{left:calc(.4rem + 15px);right:calc(2.4rem - 15px)}}

/* v11: modal de recarga, datos de pago */
#tkf{position:fixed;inset:0;z-index:88;display:grid;place-items:center;background:rgba(0,0,0,.66);padding:1rem}#tkf[hidden]{display:none}
#tkf .acgo,#coM .acgo{height:3rem;border-radius:.8rem;font:inherit;font-weight:800;cursor:pointer;margin-top:.5rem;background:var(--gold-grad);color:var(--on-gold);border:0;width:100%}#tkf .acgo:disabled{opacity:.6}
#tkf .col,#tkf .acamts{margin:.4rem 0;display:grid;gap:.3rem}#tkf .acamts{display:flex;gap:.4rem;flex-wrap:wrap}#tkf .acamts button{background:#1b1b20;border:1px solid var(--ln);color:inherit;border-radius:.7rem;padding:.5rem .9rem;cursor:pointer}
#tkf input,#tkf select,#coM select{background:#0b0b0d;border:1px solid var(--ln);color:inherit;border-radius:.8rem;padding:.7rem .8rem;font:inherit;width:100%}
.paydata{border-top:2px solid #d9b779;border-bottom:2px solid #d9b779;padding:1rem .6rem;margin:.9rem 0;text-align:center;display:grid;gap:1rem}
.pdl small{display:block;color:var(--mu);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.pdl b{display:block;font-size:1.55rem;line-height:1.25;letter-spacing:.02em;user-select:all;cursor:copy;word-break:break-all;color:#ecd3a5}
.pdl .tkc{margin:.45rem 0 0;font-size:.85rem;padding:.35rem .9rem;border-radius:.6rem;border-color:#d9b779}

/* v12 */
.pn:last-child .lg{left:calc(.7rem + 30px);right:calc(3.1rem - 30px)}
@media (max-width:700px){.pn:last-child .lg{left:calc(.4rem + 30px);right:calc(2.4rem - 30px)}}
#tkf .coh{justify-content:center;position:relative;text-align:center}#tkf .coh .x{position:absolute;right:0;top:50%;transform:translateY(-50%)}#tkf .coh b{padding:0 2.6rem}
.pdl.nm b{font-weight:400;font-size:1.25rem;color:var(--tx);user-select:text;cursor:auto}
.salt{font-size:.8rem;letter-spacing:.12em;color:var(--mu);margin:.2rem 0 .4rem;text-align:center;font-weight:700}
.balrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.8rem}
.balrow .pm{flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.6rem .3rem;text-align:center}.balrow .pm small{color:var(--mu);font-size:.78rem;font-weight:700}.balrow .pm b{font-size:1.05rem}
/* v13: el logo de Fortnite es el 5.º panel (el caballero es el último hijo, por eso last-child no aplicaba) */
.pn:nth-child(5) .lg{left:calc(.7rem + 21px);right:calc(3.1rem - 21px)}
@media (max-width:700px){.pn:nth-child(5) .lg{left:calc(.4rem + 15px);right:calc(2.4rem - 15px)}}

/* v14 */
.wl{display:grid;gap:.6rem}.wrow{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.wrow .num{margin-top:0;flex:1 1 14rem;justify-content:center;max-width:22rem}.wrow .num span{margin-left:.5rem}
#bot .bh{cursor:pointer}
#tkm .od-cancel{margin:.2rem 0 .4rem}
.wrow{flex-wrap:nowrap}.wrow .num{flex:1 1 0;min-width:0;max-width:none;font-size:.86rem;padding:.55rem .4rem;gap:.35rem;flex-wrap:wrap;justify-content:center;text-align:center}.wrow .num span{margin:0;flex-basis:100%;text-align:center;font-size:.72rem}.wrow .num svg{width:1.1rem;height:1.1rem}

/* v15 · Finalizar compra */
#co .coc.cof{width:min(56rem,100%);padding:1.4rem}
#co .coh{justify-content:center;position:relative;text-align:center}#co .coh .x{position:absolute;right:0;top:50%;transform:translateY(-50%)}#co .coh b{font-size:1.45rem;padding:0 2.6rem}
.cosub{text-align:center;color:var(--mu);margin:0 0 1rem}
.cog{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}
#co .com{display:grid;gap:.7rem;align-content:start}
.rg{border:1px solid var(--ln);background:var(--sf);border-radius:1rem;padding:.85rem .95rem;transition:border-color .15s,background .15s}
.rg.on{border-color:var(--b2);background:rgba(217,183,121,.07);box-shadow:0 0 0 1px rgba(217,183,121,.35)}
.rgh{display:flex;align-items:center;gap:.7rem;width:100%;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.rad{width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid #6d675d;flex:none;position:relative}
.rg.on .rad{border-color:var(--b2)}.rg.on .rad:after{content:"";position:absolute;inset:.18rem;border-radius:50%;background:var(--b2)}
.rgh .fl{width:2.1rem;height:1.4rem;border-radius:.25rem;overflow:hidden;flex:none;display:block}.rgh .fl svg{width:100%;height:100%;display:block}
.rgt{display:grid;min-width:0}.rgt b{font-size:1rem}.rgt small{color:var(--mu);font-size:.78rem}
.rgc{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0 1.85rem}
.chp{font:700 .72rem/1 inherit;letter-spacing:.06em;padding:.45rem .7rem;border-radius:.5rem;border:1px solid var(--ln);background:#0b0b0d;color:var(--mu);pointer-events:none}
.rg.on .chp{pointer-events:auto;cursor:pointer;color:var(--tx)}.rg.on .chp:hover{border-color:var(--b2)}
.chp.sel{border-color:var(--b2);background:var(--gold-grad);color:var(--on-gold)!important}
.rgf{margin-top:.7rem;border-top:1px solid var(--ln);padding-top:.5rem}
.rgf input,.rgf select{background:#0b0b0d;border:1px solid var(--ln);color:inherit;border-radius:.8rem;padding:.7rem .8rem;font:inherit;width:100%}
.rgf .acamts{display:flex;gap:.4rem;flex-wrap:wrap}.rgf .acamts button{background:#1b1b20;border:1px solid var(--ln);color:inherit;border-radius:.7rem;padding:.5rem .9rem;cursor:pointer}
.cogr{background:var(--sf);border:1px solid var(--ln);border-radius:1rem;padding:1rem;position:sticky;top:0}
.cogr h3{margin:0 0 .6rem;font-size:1.05rem}
.smi{display:flex;gap:.7rem;align-items:center;margin:.4rem 0}.smi img{width:3.4rem;height:3.4rem;object-fit:cover;border-radius:.6rem;background:#0b0b0d;flex:none}.smi div{min-width:0}.smi b{display:block;font-size:.92rem}.smi small{color:var(--mu)}
.smr{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;color:var(--mu)}.smr b{color:var(--tx);font-weight:600}
.smr.t{border-top:1px solid var(--ln);margin-top:.35rem;padding-top:.7rem;color:var(--tx);font-weight:800}.smr.t b{color:var(--b3);font-size:1.25rem;font-weight:800}
#coGo{height:3rem;border-radius:.8rem;font:inherit;font-weight:800;cursor:pointer;margin-top:.7rem;background:var(--gold-grad);color:var(--on-gold);border:0;width:100%}#coGo:disabled{opacity:.45;cursor:not-allowed}
.cosec{text-align:center;color:var(--mu);font-size:.8rem;margin:.6rem 0 0}
#co .balrow{margin-bottom:.2rem}
@media (max-width:760px){.cog{grid-template-columns:1fr}.cogr{position:static}#co .coc.cof{padding:1rem}}

/* v16 · cabecera más ancha: Inicio + buscador siempre visible */
.bar .wrap{max-width:none;padding-left:clamp(1rem,2.2vw,2.5rem);padding-right:clamp(1rem,2.2vw,2.5rem)}
@media (min-width:1100px){.sc{min-width:12rem}.lf{gap:1.1rem}}
@media (min-width:1100px) and (max-width:1439px){.ib.ai .t{display:none}nav.main a{padding:.5rem .45rem;font-size:.84rem}.in{gap:.9rem}.tools{gap:.3rem}.ib{padding:0 .7rem}}
@media (min-width:1440px){.sc{min-width:15rem}}
@media (min-width:1100px) and (max-width:1439px){#aiBtn .t{display:none}#aiBtn{padding:0 .75rem}}
@media (min-width:1100px) and (max-width:1279px){#uTxt{display:none}nav.main a{padding:.5rem .38rem;font-size:.82rem}.lf{gap:.8rem}.logo{height:2.5rem}}
/* v16 · responsive: tablets de 701–800px (collage a toda la altura, el caballero no tapa el texto) y teléfonos pequeños */
@media (min-width:701px) and (max-width:800px){.hb-art{height:auto}}
@media (max-width:380px){.logo{height:1.75rem}.in{gap:.3rem}.tools{gap:.22rem}.ib{padding:0 .42rem;height:2.35rem}.tools .dd .ib,#cBtn{padding:0 .4rem}}
@media (min-width:701px) and (max-width:1099px){.hb-txt{z-index:9}}
@media (max-width:340px){.wrap.in{padding-left:.6rem;padding-right:.6rem}.logo{height:1.55rem}.tools{gap:.15rem}.ib{padding:0 .34rem;height:2.2rem}.ib svg{width:17px;height:17px}}
@media (max-width:900px){#odv .od-grid{align-items:stretch}}

/* v17 · EE. UU.: botón para abrir el pago con tarjeta */
.tkpay{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.4rem;border-radius:.8rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;text-decoration:none}.tkpay:hover{filter:brightness(1.08)}.pdl .tkpayh{margin-top:.55rem;text-transform:none;letter-spacing:0;font-size:.82rem}

/* v18 · Iniciar sesión destacado (el asistente pasa a segundo plano) */
#uBtn:not(.on){background:var(--gold-grad);color:var(--on-gold);border-color:transparent;font-weight:800;animation:uGlow 2.8s ease-in-out infinite}
#uBtn:not(.on):hover{filter:brightness(1.07);transform:translateY(-1px)}
@keyframes uGlow{0%,100%{box-shadow:0 0 0 1px rgba(236,211,165,.35),0 .35rem 1rem rgba(217,183,121,.22)}50%{box-shadow:0 0 0 .22rem rgba(236,211,165,.28),0 .5rem 1.6rem rgba(217,183,121,.45)}}
@media (prefers-reduced-motion:reduce){#uBtn:not(.on){animation:none}}
.ib.ai,#aiBtn.ib.ai{background:#121214;border-color:rgba(217,183,121,.35);color:var(--b3);box-shadow:none}
.ib.ai:hover{border-color:var(--b2);filter:none}

/* v18 · Pedido / ticket estilo panel (cabecera, chat y plazo de entrega) */
#odBody .edh{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:0 0 1rem}
#odBody .edh .thumb{width:3.6rem;height:3.6rem;border-radius:.7rem;background:#0e0e10 center/cover no-repeat;border:1px solid var(--ln);flex:none;display:grid;place-items:center;font-size:1.6rem}
#odBody .edh .ht{flex:1;min-width:12rem}#odBody .edh h2{margin:0;font-size:1.15rem;line-height:1.25}
#odBody .edh small{color:var(--mu);display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.82rem;word-break:break-all}
.cpy{background:none;border:0;color:var(--mu);padding:.1rem .3rem;font-size:1rem;cursor:pointer}.cpy:hover{color:var(--b3)}
.pill{font-weight:800;font-size:.8rem;padding:.4rem .9rem;border-radius:.55rem;white-space:nowrap}.pill.ok{background:#2dd4bf;color:#062b27}.pill.pd{background:rgba(245,158,11,.16);color:#fbbf24}.pill.bl{background:rgba(59,130,246,.2);color:#93c5fd}.pill.rd{background:rgba(239,68,68,.16);color:#fca5a5}
.od-chat{padding:0;overflow:hidden}.od-chat .chh{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid var(--ln);flex-wrap:wrap}
.od-chat .av{width:2.3rem;height:2.3rem;border-radius:50%;background:var(--gold-grad);color:var(--on-gold);display:grid;place-items:center;font-weight:900;font-size:.8rem;flex:none}
.od-chat .chn{display:grid;line-height:1.2;margin-right:auto}.od-chat .chn small{color:var(--mu);font-size:.75rem}
.od-chat .od-msgs{border-radius:0;height:min(32rem,58vh);padding:.9rem}
.od-chat .od-f{display:grid;gap:.5rem;margin:0;padding:.7rem .8rem;border-top:1px solid var(--ln)}.od-chat .sr{display:flex;gap:.5rem;align-items:center}.od-chat .sr input{flex:1;min-width:0}
.od-chat .co-note{padding:0 1rem .6rem}
.od-chat.drop .od-msgs{outline:2px dashed var(--b2);outline-offset:-.5rem}
.clip{flex:none;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:.7rem;border:1px solid var(--ln);background:var(--sf);color:var(--b3);cursor:pointer}.clip:hover{border-color:var(--b2)}
.att{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.att:empty{display:none}.att figure{margin:0;position:relative}
.att img{width:4rem;height:4rem;object-fit:cover;border-radius:.55rem;border:1px solid var(--ln);display:block}
.att button{position:absolute;top:-.4rem;right:-.4rem;width:1.3rem;height:1.3rem;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:.7rem;line-height:1;cursor:pointer;padding:0}
.att .hint{color:var(--mu);font-size:.78rem}
.odm .tm{display:block;text-align:right;font-size:.68rem;opacity:.65;margin-top:.25rem}.odm.op{opacity:.55}
.odm.you{border-bottom-right-radius:.3rem}.odm.seller{border-bottom-left-radius:.3rem;border:1px solid var(--ln)}
.tmr{display:grid;grid-template-columns:1fr 1fr;text-align:center}.tmr div+div{border-left:1px solid var(--ln)}.tmr b{display:block;font-size:1.35rem}.tmr small{color:var(--mu);font-size:.75rem}
.od-kv .big{color:var(--b3)}
@media (max-width:900px){#odTm{order:2}#tkTm{order:2}}

/* v18 · QR del método de pago y pago con tarjeta dentro de la web */
.pdqr{display:grid;justify-items:center;gap:.4rem}.pdqr img{width:min(13rem,70%);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:.8rem;padding:.5rem}.pdqr small{color:var(--mu);font-size:.8rem}
.cpay{margin:.7rem 0;display:grid;gap:.5rem;justify-items:center}.cpfw{width:100%;border:1px solid var(--ln);border-radius:.9rem;overflow:hidden;background:#fff}
.cpf{display:block;width:100%;height:min(560px,70vh);border:0}
.cplk{background:none;border:0;color:var(--b3);text-decoration:underline;font:inherit;font-size:.85rem;cursor:pointer}
.cpay .tkpay{border:0;cursor:pointer;font:inherit;font-weight:800;font-size:1rem;width:100%}
.co-note.ok{color:#4ade80}.dz.hot{border-color:var(--b2);box-shadow:0 0 0 .2rem rgba(217,183,121,.25)}

/* v18 · Agrega a nuestras cuentas (solicitudes de amistad) */
.botw{margin:0 0 1.2rem}.botw:empty{display:none}
.botc{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.25fr);gap:.9rem 1.1rem;align-items:center;padding:1rem 1.2rem;border-radius:1.1rem;border:1px solid rgba(217,183,121,.35);background:linear-gradient(110deg,rgba(217,183,121,.12),rgba(20,20,22,.9) 55%)}
.boti{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:var(--gold-grad);color:var(--on-gold)}
.bott{display:grid;gap:.2rem;min-width:0}.bott b{font-size:1.05rem}.bott small{color:var(--mu);font-size:.85rem;line-height:1.35}.botn{font-style:normal;font-size:.75rem;color:#4ade80;font-weight:700}
.botf{display:flex;gap:.5rem;min-width:0}.botf input{flex:1;min-width:0;height:2.9rem;border-radius:.7rem;border:1px solid var(--ln);background:#0e0e10;color:var(--tx);padding:0 .9rem;font:inherit}
.botf input:focus{outline:0;border-color:var(--b2)}.botf button{height:2.9rem;padding:0 1.1rem;border-radius:.7rem;border:0;background:var(--gold-grad);color:var(--on-gold);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.botf button:disabled{opacity:.6}
.botr{grid-column:1/-1;font-size:.9rem;display:grid;gap:.3rem}.botr p{margin:0}.botr .ok{color:#4ade80;font-weight:700}.botr .mu{color:var(--mu);font-size:.82rem}.botr.bad{color:#fca5a5}
.botp{height:.45rem;border-radius:99px;background:#1b1b1e;overflow:hidden}.botp i{display:block;height:100%;background:var(--gold-grad);transition:width .3s}
@media (max-width:820px){.botc{grid-template-columns:auto minmax(0,1fr)}.botf{grid-column:1/-1}}
@media (max-width:420px){.botf{flex-direction:column}.botf button{width:100%}}
.od-chat .od-f>*{min-width:0}.od-chat .sr input{width:100%}.od-chat .sr button{flex:none}
.od-chat .odimg{max-width:min(100%,16rem);max-height:15rem;object-fit:cover}

/* v19 · tarjeta del código Xbox en el chat + separación de "Agrega a nuestras cuentas" en la tienda */
.odm.xc{background:linear-gradient(160deg,#0f2a14,#141416 70%)!important;color:var(--tx)!important;border:1px solid #1f7a33!important;min-width:min(19rem,100%);max-width:min(26rem,92%)}
.odm.xc .xch{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;color:#4ade80;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.odm.xc .xch svg{width:1.2rem;height:1.2rem;flex:none}
.odm.xc .xcn{display:block;font-size:1rem;margin-bottom:.15rem}.odm.xc .xcr{display:block;color:var(--mu);font-size:.82rem;margin-bottom:.6rem}.odm.xc .xcr b{color:var(--tx)}
.odm.xc .xcode{display:grid;gap:.45rem}.odm.xc code{display:block;font:800 1.02rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;background:#0a0a0b;border:1px dashed #2f8a45;border-radius:.6rem;padding:.65rem .7rem;text-align:center;word-break:break-all;user-select:all}
.odm.xc button{height:2.4rem;border-radius:.6rem;border:0;background:#22c55e;color:#04220e;font:inherit;font-weight:800;cursor:pointer}.odm.xc button:hover{filter:brightness(1.08)}
.odm.xc .xchint{display:block;color:var(--mu);font-size:.75rem;margin-top:.55rem;opacity:1}
.odm.xc.xcg .xcgo{width:100%;height:2.7rem;border-radius:.65rem;border:0;background:var(--gold-grad);color:var(--on-gold);font:inherit;font-weight:800;cursor:pointer}.odm.xc.xcg .xcgo:hover{filter:brightness(1.08)}
.xcov{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:120;display:grid;place-items:center;padding:1rem}
.xcbox{width:min(27rem,100%);background:#141416;border:1px solid var(--ln);border-radius:1.1rem;padding:1.5rem;box-shadow:0 1.5rem 3.75rem rgba(0,0,0,.6)}
.xcbox p{margin:0 0 1.3rem;font-size:1rem;line-height:1.5;color:var(--tx)}
.xcbtns{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.xcbtns button{height:2.9rem;border:0;border-radius:.7rem;font:inherit;font-weight:800;cursor:pointer}
.xcbtns .xy{background:#22c55e;color:#04220e}.xcbtns .xy:hover{filter:brightness(1.08)}
.xcbtns .xn{background:#ef4444;color:#fff}.xcbtns .xn:hover{filter:brightness(1.08)}
.odm.sys.xtut{text-align:left;background:#0f1a14;border:1px solid #1f7a33;color:var(--tx);border-radius:.9rem;padding:.9rem 1rem;max-width:min(30rem,94%);line-height:1.5}
.odm.sys.xtut b{display:block;color:#4ade80;margin-bottom:.5rem;font-size:.95rem}
.odm.sys.xtut ol{margin:.2rem 0 .5rem;padding-left:1.2rem;display:grid;gap:.4rem;font-size:.9rem}
.odm.sys.xtut a{color:#7dd3fc;word-break:break-all}
.odm.sys.xtut p{margin:.5rem 0 0;font-size:.9rem}.odm.sys.xtut .xte{font-weight:800;color:#e3c88f}
#botSv{margin:1.6rem 0 1.8rem}
@media (max-width:420px){.odm.xc code{font-size:.84rem;letter-spacing:.03em}}

/* v20 · perfil: imagen pequeña junto al precio (recarga = billetera, compra = producto) */
.pfr>span:first-child{flex:1;min-width:0}.pfr .pfim{width:2.6rem;height:2.6rem;border-radius:.55rem;object-fit:cover;flex:none;background:#0e0e10;border:1px solid var(--ln)}
.pfr .pfim.top{display:grid;place-items:center;background:rgba(217,183,121,.12);border-color:rgba(217,183,121,.4);color:var(--b3);font-size:1.1rem}
@media (max-width:380px){.pfr .pfim{width:2.2rem;height:2.2rem}}

/* v21 · visor de imágenes, miniatura en collage, chat multilínea, scrollbar temática */
#lb{position:fixed;inset:0;z-index:120;display:none;place-items:center;background:rgba(0,0,0,.86);padding:1.2rem;cursor:zoom-out}#lb.on{display:grid}
#lb img{max-width:min(96vw,60rem);max-height:92vh;border-radius:.6rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.6)}
#lb button{position:fixed;top:1rem;right:1.1rem;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.1rem;cursor:pointer}
#odBody #odTh.col{background:none!important;padding:0;overflow:hidden;display:grid;gap:1px;border-radius:.6rem;place-items:stretch}
#odBody #odTh.col i{background:#0e0e10 center/cover no-repeat;display:block}
#odBody #odTh.col.n1{grid-template-columns:1fr}#odTh.col.n2{grid-template-columns:1fr 1fr}#odTh.col.n3,#odTh.col.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
#odBody #odTh.col.n3 i:first-child{grid-column:1/-1}
#odBody #odTh.col .more{display:grid;place-items:center;background:#1b1b1e;color:var(--b3);font-weight:800;font-size:.62rem}
.od-chat .od-f textarea{flex:1;min-width:0;height:2.9rem;max-height:9rem;border-radius:.7rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:.7rem .9rem;font:inherit;font-size:1rem;resize:none;line-height:1.35}
.od-chat .od-f textarea:focus{outline:0;border-color:var(--b2)}
.od-tr select{height:2.3rem;border-radius:.6rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 .6rem;font:inherit;font-size:.86rem;cursor:pointer}
#odDet .od-items{display:grid;gap:.5rem;margin:.2rem 0 .3rem}
#odDet .od-items>div{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;padding:.4rem 0;border-bottom:1px dashed var(--ln)}
#odDet .od-items>div:last-child{border-bottom:0}
#odDet .od-items small{display:block;color:var(--mu);font-size:.78rem;margin-top:.15rem}
/* scrollbar con la temática de la web */
*{scrollbar-width:thin;scrollbar-color:#6d5a34 transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b08d57,#7a6234);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d9b779,#b08d57);background-clip:padding-box}
/* v21 · zona de comprobante más grande y clara */
.bigdz .dz{min-height:7rem;flex-direction:column;justify-content:center;gap:.4rem;text-align:center;border-width:2px;font-size:.95rem}
.bigdz .dz img{max-height:6rem}
/* v21 · buscador de la tienda, nombre de perfil en carrito, acceso Epic */
.svsearch{position:relative;max-width:34rem;margin:0 auto 1.1rem}
.svsearch svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--mu)}
.svsearch input{width:100%;height:2.9rem;border-radius:6rem;border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:0 1rem 0 2.7rem;font:inherit;outline:0}
.svsearch input:focus{border-color:var(--b2)}
#svEmpty{text-align:center;color:var(--mu);margin:1.5rem 0}
.pfin{display:grid;gap:.25rem;margin:.35rem 0 .1rem}.pfin span{font-size:.72rem;color:var(--b3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pfin input{height:2.2rem;border-radius:.55rem;border:1px solid var(--ln);background:#0e0e10;color:var(--tx);padding:0 .6rem;font:inherit;font-size:.9rem}
.pfin input:focus{outline:0;border-color:var(--b2)}
.od-items .pfh{color:#8fd4a0!important}
.epc{border:1px solid var(--b2);background:linear-gradient(160deg,rgba(217,183,121,.12),rgba(20,20,22,.6));border-radius:.9rem;padding:.9rem 1rem;margin:.6rem .9rem}
.epc .eph{display:flex;align-items:center;gap:.5rem;font-weight:800;margin-bottom:.4rem}.epc .eph svg{width:1.3rem;height:1.3rem;color:var(--b3)}
.epc p{margin:.2rem 0;font-size:.9rem;color:var(--tx)}.epc ol{margin:.5rem 0;padding-left:1.1rem;display:grid;gap:.35rem;color:var(--mu);font-size:.88rem}.epc ol a{color:var(--b3)}
.epc .epf{display:flex;gap:.5rem;margin-top:.5rem}.epc .epf input{flex:1;min-width:0;height:2.7rem;border-radius:.6rem;border:1px solid var(--ln);background:#0e0e10;color:var(--tx);padding:0 .8rem;font:inherit}
.epc .epf button{height:2.7rem;padding:0 1rem;border-radius:.6rem;border:0;font-weight:800;cursor:pointer}
.odm.sys.ep{background:rgba(217,183,121,.1);border:1px dashed var(--b2);color:var(--b3)}

/* v22 · asistente más compacto */
#bot{width:min(21rem,calc(100vw - 2rem));max-height:min(32rem,78vh)}
#bot .bh{padding:.4rem .75rem}#bot .bh img{width:1.5rem;height:1.5rem}#bot .bh span{font-size:.92rem}
@media (max-width:699px){#bot{width:auto;max-height:calc(100dvh - 2rem);height:min(34rem,calc(100dvh - 2rem))}}

/* v26: hero: caballero2 ENCIMA del caballero1, misma caja/tamaño, sin sombras ni luces, solo aparece de abajo hacia arriba */
.hb-art .hchar2{z-index:9;opacity:0;filter:none;will-change:clip-path,opacity;animation:hcharTf 7.5s ease-in-out infinite}
@keyframes hcharTf{
 0%,36%{opacity:0;clip-path:inset(100% 0 0 0)}
 46%,78%{opacity:1;clip-path:inset(0 0 0 0)}
 90%,100%{opacity:0;clip-path:inset(100% 0 0 0)}}
@media (prefers-reduced-motion:reduce){.hb-art .hchar2{animation:none;opacity:1;clip-path:none;filter:none}}
/* v23: boton de acceso Epic del cliente con el tema dorado (ya no blanco) */
.epc .pri,.epc button#epGo{display:block;width:100%;height:2.8rem;margin-top:.2rem;border:0;border-radius:.7rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:.98rem;cursor:pointer;transition:filter .15s,transform .05s}
.epc .pri:hover,.epc button#epGo:hover{filter:brightness(1.07)}
.epc .pri:active,.epc button#epGo:active{transform:translateY(1px)}
.epc .pri:disabled,.epc button#epGo:disabled{opacity:.6;cursor:default}

/* v24: input del nombre de perfil obligatorio */
.epc .pfin2{display:block;margin:.5rem 0 .2rem}.epc .pfin2 span{display:block;font-size:.82rem;color:var(--mu);margin-bottom:.25rem}.epc .pfin2 input{width:100%;height:2.7rem;border-radius:.6rem;border:1px solid var(--ln);background:#0e0e10;color:var(--tx);padding:0 .8rem;font:inherit}

/* v25: recuadro del Epic ID del cliente (Tienda de Fortnite) */
.epc .fnpl{margin:.4rem 0;padding:.6rem .7rem;border-radius:.6rem;background:#0e0e10;border:1px solid var(--ln);font-weight:700;color:var(--b3);word-break:break-word}
.epc .epf2{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.epc .epf2 .pri,.epc .epf2 .sec{flex:1;min-width:8rem;height:2.7rem;border-radius:.6rem;border:0;font-weight:800;cursor:pointer}.epc .epf2 .pri{background:var(--gold-grad);color:var(--on-gold)}.epc .epf2 .sec{background:#1a1a1d;color:var(--tx);border:1px solid var(--ln)}

/* v26: recuadro del nombre de perfil (streaming), tema propio, sin relacion con Epic */
.pfc{border:1px solid var(--ln);background:var(--sf);border-radius:.9rem;padding:.9rem 1rem;margin:.6rem .9rem}.pfc .pfh{display:flex;align-items:center;gap:.45rem;font-weight:800;margin-bottom:.35rem}.pfc p{margin:.2rem 0;font-size:.9rem;color:var(--mu)}.pfc .pri{display:block;width:100%;height:2.8rem;margin-top:.5rem;border:0;border-radius:.7rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:.98rem;cursor:pointer}.pfc .pri:disabled{opacity:.6}

/* v26: botón Dar acceso dentro del recuadro Epic */
.epc .epf .pri{width:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--gold-grad);color:var(--on-gold);white-space:nowrap}

/* v27: recuadro de authorizationCode más largo y alto; botón "Dar acceso" más angosto */
.epc .epf{flex-wrap:wrap}
.epc .epf input{flex:1 1 100%;min-width:0;height:3.2rem;font-size:1rem;padding:0 .9rem}
.epc .epf .pri{flex:0 0 auto;width:auto;align-self:flex-end;height:2.7rem;padding:0 1.3rem}

/* v28: botón de inicio de sesión de Fortnite enviado por el vendedor */
.odm.fnlg{display:flex;flex-direction:column;gap:.4rem}
.odm .fnlgo{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:.2rem 0;padding:.6rem 1.1rem;border-radius:.6rem;background:var(--gold-grad);color:var(--on-gold);font-weight:800;text-decoration:none}
.odm.fnlg small{opacity:.8}

/* v29: TODOS los paneles quedan en su posición original (centrada). Solo la imagen interna del panel de FORTNITE (5º) se desplaza a la izquierda,
   usando object-position (mantiene el recorte/máscara con object-fit:cover; nunca deja huecos ni el triángulo plomo). */
.hb-art .pn:nth-child(5) img{object-position:30% center}

/* v30: etiquetas del buscador del inicio en mayúscula + buscador responsive */
#sug li small{text-transform:uppercase;letter-spacing:.02em}
#sug li{align-items:center}
@media(max-width:600px){#sug{padding:.3rem}#sug li{padding:.55rem .6rem;font-size:.85rem;gap:.4rem}#sug li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#sug li small{flex:none;font-size:.66rem}}

/* v31: fuentes del comprobante + imagen */
@font-face{font-family:'Cakids';src:url('../fonts/cakids-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'SweaterSchool';src:url('../fonts/sweaterschool-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'BahnschriftLocal';src:url('../fonts/bahnschrift.ttf') format('truetype');font-display:swap}
.odm.cmp{padding:0;background:none}
.odm.cmp .cmpimg{width:100%;max-width:420px;border-radius:.6rem;display:block}

/* v30 · garantía de streaming (contador D/H/M en el pedido del cliente) */
.warc .wartime{display:flex;gap:.55rem;margin-top:.55rem}
.warc .wartime span{flex:1;text-align:center;background:#0e0e10;border:1px solid var(--b2);border-radius:.7rem;padding:.55rem .3rem;font-size:1.5rem;font-weight:900;color:#fff;line-height:1.1}
.warc .wartime small{display:block;font-size:.62rem;color:var(--mu);font-weight:700;letter-spacing:.12em;margin-top:.2rem}
.warc .warx{font-weight:900;color:#fca5a5;font-size:1rem;margin:.3rem 0 0}
.odm.sys.warx{background:#2b0f1d;border:1px solid #7f1d1d;color:#fecaca;font-weight:800}
.odm.sys.warext{background:#0f1a14;border:1px solid #1f7a33;color:#bbf7d0;font-weight:800}

/* v31 · tarjeta de regalos: escaneo de IDs por plataforma, un ID por regalo y aviso de lote ya poseído */
.gfslots{display:grid;gap:.6rem;margin-top:.5rem}
.gfslot{border:1px solid var(--ln);border-radius:.85rem;padding:.75rem .85rem;background:#0e0e10}
.gfslot.done{border-color:#1f7a33}.gfslot.bad{border-color:#7f1d1d;background:#1a0e12}
.gfsth{display:flex;align-items:center;gap:.5rem;font-size:.82rem;margin-bottom:.55rem;padding-bottom:.45rem;border-bottom:1px solid var(--ln)}
.gfsth .gfgi{font-size:1.15rem;line-height:1;flex:none}
.gfsth b{color:var(--b3);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.gfsth .gfit{margin-left:auto;text-align:right;color:#fff;font-weight:800;overflow-wrap:anywhere;max-width:62%;font-size:.86rem}
.gfscanh{font-weight:800;color:var(--b3);font-size:.85rem;margin-bottom:.4rem}
.gfplats{display:grid;gap:.3rem;margin-bottom:.55rem}
.gfplats>div{display:flex;justify-content:space-between;gap:.6rem;align-items:center;background:#141416;border:1px solid var(--ln);border-radius:.6rem;padding:.45rem .65rem;font-size:.92rem}
.gfplats span{color:var(--mu);font-weight:700}.gfplats b{color:var(--tx);overflow-wrap:anywhere;text-align:right}
.gfplats .gfp-xbox{border-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e}
.gfplats .gfp-psn{border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f6}
.gfplats .gfp-nin{border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef4444}
.gfplats .gfp-steam{border-color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf8}
.fnch{border:1px solid var(--b2);background:linear-gradient(160deg,rgba(217,183,121,.12),rgba(20,20,22,.5));border-radius:.75rem;padding:.7rem .8rem;margin:0 0 .6rem}
.fnch .fnchq{font-weight:800;font-size:.9rem;margin-bottom:.5rem;color:var(--tx)}
.fnch .fnchopts{display:grid;gap:.45rem}
.fnch .fnopt{text-align:left;display:block;width:100%;border:1.5px solid var(--ln);background:#0e0e10;color:var(--tx);border-radius:.6rem;padding:.55rem .7rem;cursor:pointer;transition:border-color .15s,background .15s}
.fnch .fnopt b{display:block;font-size:.92rem}
.fnch .fnopt span{display:block;font-size:.78rem;color:var(--mu);margin-top:.12rem}
.fnch .fnopt.sel{border-color:var(--b3);background:rgba(217,183,121,.14)}
.gfneed{display:flex;gap:.55rem;align-items:flex-end}
.gfneed .pfin2{flex:1 1 auto;min-width:0;margin:.5rem 0 0}
.gfitr{flex:0 0 auto;max-width:42%;align-self:stretch;display:flex;align-items:center;text-align:right;overflow-wrap:anywhere;background:rgba(217,183,121,.14);border:1px solid var(--b2);border-radius:.55rem;padding:.35rem .55rem;margin-top:.5rem;color:#fff;font-weight:800;font-size:.82rem;line-height:1.15}
.gfowns>b{display:block;color:#fca5a5;margin-bottom:.35rem}.gfowns>p{margin:.2rem 0 .65rem;font-size:.9rem}
.gfbad{color:#fca5a5;font-weight:700;margin:.2rem 0 .6rem}
.gfslot .dngb{flex:1;min-width:8rem;height:2.7rem;border:0;border-radius:.6rem;background:#ef4444;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.gfslot .dngb:hover{filter:brightness(1.08)}

/* v32 · mensaje de escaneo de IDs en el chat del cliente */
.odm.gfmsg{background:linear-gradient(160deg,#0f1a2a,#141416 72%)!important;border:1px solid #2a4a7a!important;color:var(--tx)!important;max-width:min(27rem,94%)}
.odm.gfmsg .gfscanh{color:#7dd3fc;font-weight:800;font-size:.8rem;margin-bottom:.45rem}

/* ===== Programa de recompensas · Tienda de Fortnite ===== */
.rwtt{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.rwtt h1,.rwtt h2{margin-bottom:0}
.rwchip{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .8rem;border-radius:99px;border:1px solid var(--b2);background:linear-gradient(160deg,rgba(217,183,121,.22),rgba(20,20,22,.7));color:var(--b3);font:inherit;font-weight:800;font-size:.82rem;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .1s}
.rwchip:hover{filter:brightness(1.12)}.rwchip:active{transform:translateY(1px)}
.rwd{position:relative;border:1px solid var(--b2);border-radius:1rem;padding:1rem 1.1rem;margin:0 0 1.25rem;background:linear-gradient(160deg,rgba(217,183,121,.13),rgba(14,14,16,.92) 60%);overflow:hidden;transition:box-shadow .3s}
.rwd::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 0%,rgba(217,183,121,.14),transparent 60%);pointer-events:none}
.rwd.hot{box-shadow:0 0 0 3px rgba(217,183,121,.45)}
.rwd>*{position:relative}
.rwh{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem}.rwh .rwi{font-size:1.6rem;line-height:1;flex:none}.rwh b{display:block;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.03em}.rwh small{display:block;color:var(--mu);font-size:.78rem}
.rwhb{margin-left:auto;flex:none;height:2rem;padding:0 .8rem;border-radius:.6rem;border:1px solid var(--ln);background:#141416;color:var(--tx);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.rwhb.on{border-color:var(--b2);color:var(--b3)}
.rwnum{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.rwnum b{font-size:1.9rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1}.rwnum b small{font-size:1.05rem;font-weight:800;color:var(--b3)}.rwnum span{color:var(--mu);font-weight:700;font-size:.9rem}.rwnum em{margin-left:auto;font-style:normal;font-weight:800;color:var(--b3);font-size:.9rem}
.rwbar{position:relative;height:.95rem;border-radius:99px;background:#0e0e10;border:1px solid var(--ln);margin:.35rem 0 .75rem;overflow:visible}
.rwbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b08d57,#e2bf86 55%,#f5e3bf);box-shadow:0 0 14px rgba(226,191,134,.45);transition:width .6s cubic-bezier(.2,.8,.2,1);min-width:0}
.rwbar.full i{background:linear-gradient(90deg,#22c55e,#86efac);box-shadow:0 0 14px rgba(34,197,94,.45)}
.rwbar s{position:absolute;top:50%;width:1.35rem;height:1.35rem;border-radius:50%;transform:translate(-50%,-50%);background:#0e0e10;border:2px solid var(--ln);text-decoration:none;display:grid;place-items:center;font-size:.7rem}
.rwbar s::after{content:"🎁";filter:grayscale(1) opacity(.5)}.rwbar s.on{border-color:var(--b2);background:var(--gold-grad);box-shadow:0 0 10px rgba(226,191,134,.6)}.rwbar s.on::after{filter:none}
.rwmsg{margin:.2rem 0 .8rem;font-weight:700;color:var(--tx);font-size:.92rem}.rwmsg.ok{color:#fde68a}
.rwgoals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.6rem}
.rwg{border:1px solid var(--ln);border-radius:.8rem;padding:.7rem .8rem;background:rgba(14,14,16,.7)}.rwg.avail{border-color:var(--b2);background:linear-gradient(160deg,rgba(217,183,121,.16),rgba(14,14,16,.8))}.rwg.claimed{border-color:#1f7a33;background:rgba(34,197,94,.06)}.rwg.locked{opacity:.78}
.rwgh{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem}.rwgi{font-size:1.25rem;line-height:1;flex:none}.rwgh b{display:block;font-size:.9rem;color:#fff}.rwgh small{display:block;color:var(--mu);font-size:.76rem}
.rwst{margin-left:auto;flex:none;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:99px;border:1px solid var(--ln);color:var(--mu)}.rwg.avail .rwst{border-color:var(--b2);color:var(--b3);background:rgba(217,183,121,.14)}.rwg.claimed .rwst{border-color:#1f7a33;color:#4ade80;background:rgba(34,197,94,.12)}
.rwcode{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;align-items:center;background:#0a0a0b;border:1px dashed var(--b2);border-radius:.6rem;padding:.5rem .65rem;margin:.35rem 0}.rwcode span{grid-column:1/-1;font-size:.7rem;color:var(--mu);text-transform:uppercase;letter-spacing:.05em}.rwcode b{font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;letter-spacing:.08em;color:#fff;user-select:all;overflow-wrap:anywhere}.rwcode.big b{font-size:1.35rem}
.rwcp{height:2rem;padding:0 .75rem;border-radius:.5rem;border:1px solid var(--b2);background:var(--gold-grad);color:var(--on-gold);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}.rwcp.ok{filter:brightness(1.1)}
.rwhow{margin:.3rem 0;color:var(--mu);font-size:.8rem}.rwhow b{color:#fff}
.rwwas{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.45rem}.rwwa{display:inline-flex;align-items:center;gap:.4rem;height:2.3rem;padding:0 .8rem;border-radius:.6rem;background:#0f2a14;border:1px solid #1f7a33;color:#dcfce7;text-decoration:none;font-weight:800;font-size:.82rem}.rwwa svg{width:1.15rem;height:1.15rem}.rwwa:hover{filter:brightness(1.1)}
.rwreset{margin:.75rem 0 0;font-size:.74rem;color:#f87171;font-weight:600}
.rwhistb{border-top:1px dashed var(--ln);margin-top:.75rem;padding-top:.6rem}.rwhistb>b{display:block;font-size:.85rem;color:var(--b3);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}
.rwhl>div{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--ln);font-size:.82rem}.rwhl>div:last-child{border-bottom:0}.rwhl span{color:var(--mu);min-width:0}.rwhl b{font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#fff}.rwhl em{font-style:normal;font-size:.7rem;font-weight:800;text-transform:uppercase;padding:.15rem .5rem;border-radius:99px;border:1px solid var(--ln);color:var(--b3)}.rwhl em.claimed{border-color:#1f7a33;color:#4ade80}
@media (max-width:560px){.rwd{padding:.85rem .85rem;border-radius:.85rem}.rwnum b{font-size:1.55rem}.rwnum em{margin-left:0;flex-basis:100%}.rwhl>div{grid-template-columns:1fr auto;grid-auto-rows:auto}.rwhl span{grid-column:1/-1}.rwchip{height:1.8rem;font-size:.76rem;padding:0 .65rem}}
/* aviso de recompensa desbloqueada */
.rwmo{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s}.rwmo.on{opacity:1}
.rwmc{position:relative;width:min(30rem,100%);max-height:92vh;overflow:auto;border-radius:1.1rem;border:1px solid var(--b2);background:linear-gradient(170deg,rgba(217,183,121,.2),#121214 45%);padding:1.6rem 1.3rem 1.2rem;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(12px) scale(.98);transition:transform .2s}.rwmo.on .rwmc{transform:none}
.rwmc .rwmi{font-size:3rem;line-height:1;margin-bottom:.4rem;filter:drop-shadow(0 0 16px rgba(226,191,134,.6))}
.rwmc h3{margin:0 0 .6rem;font-size:1.15rem;line-height:1.3;color:#fff;letter-spacing:.01em}.rwmc p{margin:0 0 .9rem;color:var(--tx);font-size:.92rem}
.rwmc .rwcode{text-align:left}.rwmc .rwwas{justify-content:center;margin-top:.7rem}
.rwmx{position:absolute;top:.5rem;right:.6rem;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--ln);background:#1a1a1d;color:var(--tx);font-size:1.2rem;line-height:1;cursor:pointer}
.rwok{margin-top:.9rem;height:2.6rem;width:100%;border:0;border-radius:.7rem;background:var(--gold-grad);color:var(--on-gold);font:inherit;font-weight:800;cursor:pointer}

/* ===== Checkout (referencia: negro + dorado, Perú / México / Cripto siempre) ===== */
#co .coh b{display:inline-flex;align-items:center;gap:.55rem}#co .coh b .cico{width:1.7rem;height:1.7rem;color:var(--b3);flex:none}
.cico{width:1.25rem;height:1.25rem;flex:none;display:inline-block}
.cobal{border:1px solid var(--ln);background:var(--sf);border-radius:1rem;padding:.9rem .95rem .8rem}
.coh2{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem}.coh2 .cico{width:1.5rem;height:1.5rem;color:var(--b3)}.coh2 b{font-size:1.05rem;color:#fff}.coh2 small{display:block;color:var(--mu);font-size:.8rem;margin-top:.1rem}
.coh2.mh{margin:.35rem 0 .1rem;padding:0 .2rem}
#co .balrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0}
#co .balrow .pm{flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .4rem;text-align:center;border-radius:.8rem;background:#0e0e10;border:1px solid var(--ln);min-height:4.4rem}
#co .balrow .pm small{color:var(--mu);font-size:.78rem;font-weight:700;letter-spacing:.03em}#co .balrow .pm b{font-size:1.15rem;font-weight:800;color:#fff}
#co .balrow .pm:disabled{opacity:.55;cursor:not-allowed}#co .balrow .pm.sel{border-color:var(--b2);box-shadow:0 0 0 1px var(--b2),0 0 18px rgba(217,183,121,.25);background:rgba(217,183,121,.08)}
.rg{border:1px solid var(--ln);background:var(--sf);border-radius:1rem;padding:.95rem 1rem;transition:border-color .15s,box-shadow .15s,background .15s}
.rg:hover:not(.off){border-color:#4a4335}.rg.on{border-color:var(--b2);box-shadow:0 0 0 1px var(--b2),0 0 22px rgba(217,183,121,.22);background:linear-gradient(160deg,rgba(217,183,121,.07),var(--sf) 60%)}
.rg.off{opacity:.55}.rg .rgh:disabled{cursor:not-allowed}
.rgh{display:flex;align-items:center;gap:.9rem;width:100%;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.rad{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid #6d675d;flex:none;position:relative;transition:border-color .15s}
.rg.on .rad{border-color:var(--b2)}.rg.on .rad:after{content:"";position:absolute;inset:.2rem;border-radius:50%;background:var(--b2)}
.rgh .fl{width:3.1rem;height:2.1rem;border-radius:.35rem;overflow:hidden;flex:none;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.rgh .fl svg{width:100%;height:100%;display:block}
.fl.big{position:relative}.fl.big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.coins{display:flex;align-items:center;flex:none;margin-right:.1rem}.coin{position:relative;width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.05rem;box-shadow:0 0 0 2px #141416;margin-left:-.45rem;overflow:hidden}.coin:first-child{margin-left:0}.coin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.rgt{display:grid;min-width:0;flex:1}.rgt b{font-size:1.05rem;color:#fff}.rgt small{color:var(--mu);font-size:.82rem;margin-top:.1rem}
.chev{flex:none;color:var(--b3);font-size:1.5rem;line-height:1;font-weight:300;padding:0 .2rem;transition:transform .15s}
.rgc{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 0 2.15rem;max-height:0;overflow:hidden;transition:max-height .2s,margin .2s}.rg.on .rgc:not(:empty){margin:.75rem 0 0 2.15rem;max-height:40rem}
.chp{font:700 .74rem/1 inherit;letter-spacing:.06em;padding:.5rem .8rem;border-radius:.55rem;border:1px solid var(--ln);background:#0b0b0d;color:var(--mu);pointer-events:none}
.rg.on .chp{pointer-events:auto;cursor:pointer;color:var(--tx)}.rg.on .chp:hover{border-color:var(--b2)}.chp.sel{border-color:var(--b2);background:var(--gold-grad);color:var(--on-gold)!important}
.rgf{margin-top:.8rem;border-top:1px solid var(--ln);padding-top:.6rem}
.cogr{background:var(--sf);border:1px solid var(--ln);border-radius:1rem;padding:1.1rem;position:sticky;top:0}.cogr h3{margin:0 0 .7rem;font-size:1.15rem;color:#fff}
.smi{display:flex;gap:.75rem;align-items:center;margin:.3rem 0 .6rem}.smi img{width:3.6rem;height:3.6rem;object-fit:cover;border-radius:.65rem;background:#0b0b0d;flex:none;border:1px solid var(--ln)}.smi b{font-size:1rem;color:#fff}.smi small{color:var(--mu);font-size:.84rem}
.smr{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem 0;color:var(--mu);font-size:.95rem}.smr b{color:var(--tx);font-weight:700}
.smr.t{border-top:1px solid var(--ln);margin-top:.4rem;padding-top:.8rem;color:#fff;font-weight:800;font-size:1.05rem}.smr.t b{color:var(--b3);font-size:1.35rem;font-weight:900}
#coM>.rg:first-of-type{margin-top:.1rem}
#coNote{display:none}#coNote.box{display:flex;gap:.55rem;align-items:flex-start;background:rgba(217,183,121,.08);border:1px solid rgba(217,183,121,.45);border-radius:.75rem;padding:.7rem .8rem;color:var(--tx);font-size:.84rem;line-height:1.4;margin:.6rem 0 0}#coNote.box .cico{color:var(--b3);margin-top:.05rem}
#coM .acgo,#coGo{display:flex;align-items:center;justify-content:center;gap:.5rem}#coGo .cico{width:1.25rem;height:1.25rem}
.cosec{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--mu);font-size:.82rem;margin:.65rem 0 0}.cosec .cico{width:1rem;height:1rem;color:var(--b3)}
.pm.alt{justify-content:center;border-style:dashed;color:var(--b3);font-weight:700}
@media (max-width:760px){.rgh{gap:.7rem}.rgh .fl{width:2.6rem;height:1.75rem}.coin{width:2rem;height:2rem;font-size:.9rem}.rgt b{font-size:.98rem}.rgc,.rg.on .rgc:not(:empty){margin-left:0}#co .balrow .pm b{font-size:1.02rem}}

#co .coc.cof{width:min(64rem,100%)}

/* ===== Cupón dorado (ticket) con brillo y animación ===== */
.gtk{position:relative;width:100%;aspect-ratio:1400/560;margin:.55rem 0 .35rem;cursor:pointer;user-select:none;container-type:inline-size;filter:drop-shadow(0 10px 24px rgba(226,191,134,.35));animation:gtkfloat 4.2s ease-in-out infinite,gtkglow 2.6s ease-in-out infinite;transform-origin:50% 50%}
.gtk:hover{animation-play-state:paused;filter:drop-shadow(0 12px 28px rgba(245,227,191,.55))}
.gtkbg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.gtkt{position:absolute;left:15.5%;right:24%;top:12.5%;bottom:12.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25cqw;overflow:hidden;color:#3b2a06;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,248,220,.7),0 0 2px rgba(255,255,255,.25);line-height:1.15}
.gtk1{font-size:3.1cqw;text-transform:uppercase;letter-spacing:.16em;opacity:.9}
.gtk2{font-size:3.7cqw;text-transform:uppercase;white-space:nowrap}
.gtk3{font-size:2.7cqw;margin-top:.6cqw;display:flex;flex-direction:column;align-items:center;gap:.5cqw;white-space:nowrap}.gtk3 b{font-family:ui-monospace,Consolas,"SF Mono",monospace;font-size:4.4cqw;letter-spacing:.1em;background:rgba(255,250,230,.45);border:1px solid rgba(120,85,10,.38);border-radius:.8cqw;padding:.3cqw 2cqw;color:#2b1d03;line-height:1.25}
.gtk4{font-size:2.15cqw;font-weight:700;margin-top:.9cqw;max-width:94%;opacity:.92;line-height:1.2}
.gtkshine{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:url(../img/cupon_oro.webp);mask-image:url(../img/cupon_oro.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.gtkshine::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.08) 70%,transparent 100%);transform:translateX(-160%) skewX(-18deg);animation:gtkshine 3.4s cubic-bezier(.4,0,.2,1) infinite}
.gtk.copied::before{content:attr(data-msg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;background:#141416;color:var(--b3);border:1px solid var(--b2);border-radius:.6rem;padding:.4rem .9rem;font-weight:800;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.rwcp2{display:flex;justify-content:center;margin:.1rem 0 .35rem}
@keyframes gtkshine{0%{transform:translateX(-160%) skewX(-18deg)}55%{transform:translateX(380%) skewX(-18deg)}100%{transform:translateX(380%) skewX(-18deg)}}
@keyframes gtkfloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes gtkglow{0%,100%{filter:drop-shadow(0 10px 24px rgba(226,191,134,.32))}50%{filter:drop-shadow(0 12px 30px rgba(245,227,191,.62))}}
@media (prefers-reduced-motion:reduce){.gtk,.gtkshine::after{animation:none}}
.rwmc .gtk{margin:.3rem 0 .4rem}

/* ===== Cuentas pre-cargadas: entrega y mensaje de gracias ===== */
.odm.pcacc{background:linear-gradient(160deg,#0f2a14,#141416 72%)!important;border:1px solid #1f7a33!important;color:var(--tx)!important;max-width:min(27rem,94%)}
.odm.pcacc .pch{font-size:.78rem;font-weight:800;color:#4ade80;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}.odm.pcacc .pch span{color:#fff;text-transform:none;letter-spacing:0}
.odm.pcacc .pcd{margin:0 0 .5rem;white-space:pre-wrap;overflow-wrap:anywhere;font:600 .92rem/1.45 ui-monospace,Consolas,monospace;background:#0a0a0b;border:1px dashed #2f8a45;border-radius:.6rem;padding:.6rem .7rem;color:#fff;user-select:all}
.odm.pcacc .rwcp{height:2.1rem}
.odm.sys.pgx{display:block;max-width:min(30rem,94%);text-align:left;background:linear-gradient(160deg,rgba(217,183,121,.16),rgba(20,20,22,.85))!important;border:1px solid var(--b2)!important;border-radius:.9rem;padding:.8rem .95rem;color:var(--tx)!important;font-size:.9rem;line-height:1.45}
.odm.sys.pgx b{display:block;font-size:1rem;color:#fff;margin-bottom:.3rem}.odm.sys.pgx p{margin:.3rem 0 0}
.botr.lim,.botr .lim{color:#fde68a;font-weight:800;border-color:rgba(217,183,121,.5)!important;background:rgba(217,183,121,.08)}

/* ===== Mi cuenta: login premium negro/dorado (glass) ===== */
#ac{background:rgba(0,0,0,.74);backdrop-filter:blur(6px)}
#ac .coc{--ag1:#fbe3a0;--ag2:#f1c86d;--ag3:#d9a640;--aink:var(--on-gold);width:min(36rem,100%);padding:2.3rem 2.2rem 2.1rem;border-radius:2rem;border:1.5px solid rgba(236,198,112,.92);background:linear-gradient(160deg,#1d1e23 0%,#121317 42%,#0c0c0f 100%);box-shadow:0 0 0 1px rgba(236,198,112,.18),0 0 54px rgba(236,190,96,.3),inset 0 1px 0 rgba(255,255,255,.06),0 40px 100px rgba(0,0,0,.8);backdrop-filter:blur(18px);position:relative;overflow:hidden}
#ac .coc::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 100% 0%,rgba(236,198,112,.12),transparent 62%),radial-gradient(55% 45% at 0% 100%,rgba(236,198,112,.07),transparent 60%)}
#ac .coc>*{position:relative}
#ac .coh{justify-content:space-between;align-items:flex-start;margin-bottom:.15rem}
#ac .coh b{font-size:clamp(2.3rem,6.4vw,3.1rem);font-weight:900;letter-spacing:-.025em;line-height:1.02;color:#fff}
#ac .coh b em{font-style:normal;background:linear-gradient(180deg,#f8dc98 0%,#edc46a 55%,#d6a240 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#ac .x{width:3.1rem;height:3.1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#f1ece2;font-size:1.3rem;font-weight:300;line-height:1;display:grid;place-items:center;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:border-color .15s,background .15s,transform .1s}#ac .x:hover{border-color:rgba(236,198,112,.7);background:rgba(255,255,255,.08)}#ac .x:active{transform:scale(.96)}
#ac .x{font-size:0}#ac .x::before{content:"";width:1.15rem;height:1.15rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
.acsub{margin:.25rem 0 1.45rem;color:#b8b2a6;font-size:1.12rem}
#ac .actabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;background:rgba(0,0,0,.55);padding:.36rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);margin-bottom:1.45rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 18px rgba(0,0,0,.5)}
#ac .actabs button{height:3.3rem;border:0;border-radius:999px;background:transparent;color:#c8c2b6;font:inherit;font-weight:700;font-size:1.08rem;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
#ac .actabs button svg{width:1.35rem;height:1.35rem}
#ac .actabs button.on{background:linear-gradient(180deg,var(--ag1) 0%,var(--ag2) 52%,var(--ag3) 100%);color:var(--aink);box-shadow:0 0 24px rgba(240,196,96,.55),0 0 0 1px rgba(255,236,180,.45) inset,0 3px 10px rgba(0,0,0,.4)}
#ac .col.acf{gap:.55rem;margin:.9rem 0}#ac .col.acf>span{font-size:1.1rem;font-weight:600;color:#fff}
.acin{position:relative;display:flex;align-items:center;height:4rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(32,33,39,.9),rgba(22,23,27,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.25);transition:border-color .15s,box-shadow .15s}
.acin:focus-within{border-color:rgba(236,198,112,.75);box-shadow:0 0 0 3px rgba(236,198,112,.12),0 0 24px rgba(236,198,112,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.acin .aci{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);width:1.4rem;height:1.4rem;color:#aaa49a;pointer-events:none;display:block}.acin .aci svg{width:100%;height:100%;display:block}
.acin:focus-within .aci{color:var(--ag2)}
#ac .acin input{height:100%;width:100%;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:1.25rem;padding:0 3.4rem 0 3.5rem;font-size:1.12rem;color:#fff}
#ac .acin input::placeholder{color:#8b867d}
#ac .acin input.accode{padding-left:3.5rem;text-align:left;letter-spacing:.45em}
.aceye{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;border:0;background:transparent;color:#b3ada2;cursor:pointer;display:grid;place-items:center;border-radius:.8rem}.aceye svg{width:1.5rem;height:1.5rem}.aceye:hover{color:var(--ag2);background:rgba(255,255,255,.05)}
#ac .acgo{height:4.1rem;margin-top:1.5rem;border:0;border-radius:1.25rem;background:linear-gradient(180deg,var(--ag1) 0%,var(--ag2) 50%,var(--ag3) 100%);color:var(--aink);font:inherit;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;cursor:pointer;box-shadow:0 0 34px rgba(240,196,96,.55),0 0 0 1px rgba(255,236,180,.5) inset,0 12px 30px rgba(0,0,0,.45);transition:filter .15s,transform .08s,box-shadow .2s;position:relative;overflow:hidden}
#ac .acgo svg{width:1.6rem;height:1.6rem}
#ac .acgo::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:28%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg) translateX(-120%);animation:acshine 3.8s ease-in-out infinite}
#ac .acgo:hover{filter:brightness(1.05);box-shadow:0 0 44px rgba(240,196,96,.7),0 0 0 1px rgba(255,236,180,.5) inset,0 14px 34px rgba(0,0,0,.5)}#ac .acgo:active{transform:translateY(1px)}#ac .acgo:disabled{opacity:.65;cursor:default}
@keyframes acshine{0%{transform:skewX(-20deg) translateX(-140%)}45%,100%{transform:skewX(-20deg) translateX(520%)}}
#ac .aclinks{margin-top:1.3rem}#ac .aclinks.c{justify-content:center}
#ac .aclinks button{color:#ecc56b;font-size:1.08rem;font-weight:600;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1.5px;display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;cursor:pointer}#ac .aclinks button svg{width:1.05rem;height:1.05rem;text-decoration:none}#ac .aclinks button:hover{color:#f6d68a}
#ac .acnote{margin:0 0 .4rem;font-size:.95rem;color:#b8b2a6}
#ac #acM{margin-top:.9rem;text-align:center}
@media (max-width:480px){#ac{padding:.6rem}#ac .coc{padding:1.5rem 1.15rem 1.3rem;border-radius:1.5rem}#ac .coh b{font-size:2.2rem}#ac .x{width:2.8rem;height:2.8rem}#ac .actabs button{font-size:.95rem;gap:.4rem;height:3rem}#ac .acin{height:3.5rem}#ac .acgo{height:3.6rem;font-size:1.12rem}.acsub{font-size:1rem}}
@media (prefers-reduced-motion:reduce){#ac .acgo::after{animation:none}}

/* ===== animación ligera en toda la web (solo transform/opacity; se apaga con prefers-reduced-motion) ===== */
.rv:not(.rvon){opacity:0;transform:translateY(.9rem)}
.rv.rvon{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.hb-cta{position:relative;overflow:hidden}
.hb-cta::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg) translateX(-200%);animation:ctashine 5.5s ease-in-out 1.2s infinite;pointer-events:none}
@keyframes ctashine{0%{transform:skewX(-20deg) translateX(-200%)}28%,100%{transform:skewX(-20deg) translateX(420%)}}
.ic3 .ico svg{transition:transform .3s}.ic3:hover .ico svg{transform:scale(1.1) rotate(-4deg)}
.pc .im img{transition:transform .45s ease}.pc:hover .im img{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.rv:not(.rvon){opacity:1;transform:none}.hb-cta::after{animation:none}.pc:hover .im img,.ic3:hover .ico svg{transform:none}}

/* ===== botón dorado único de GODX (mismo dorado y brillo que "Iniciar sesión") ===== */
.gbtn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:0;cursor:pointer;font:inherit;font-weight:800;color:var(--on-gold);background:var(--gold-grad);box-shadow:var(--gold-glow);transition:filter .15s,transform .08s,box-shadow .2s}
.gbtn::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:28%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg) translateX(-140%);animation:acshine 3.8s ease-in-out infinite;pointer-events:none}
.gbtn:hover{filter:brightness(1.05);box-shadow:0 0 38px rgba(240,196,96,.6),0 0 0 1px rgba(255,236,180,.5) inset,0 12px 30px rgba(0,0,0,.45)}.gbtn:active{transform:translateY(1px)}.gbtn:disabled{opacity:.65;cursor:default}
.gbtn svg{flex:none;width:1.45rem;height:1.45rem}
@media (prefers-reduced-motion:reduce){.gbtn::after{animation:none}}
/* ===== Mi perfil: Mis datos · Mi saldo · Recargar saldo ===== */
#pfBody .od-grid{grid-template-columns:minmax(0,1fr) minmax(23rem,31rem)}
#pfP,#pfB,#pfT2{padding:1.6rem 1.5rem;border-radius:1.6rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#17181c 0%,#111215 55%,#0d0d10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.45);margin-bottom:1.1rem}
.pfhd{margin-bottom:1.1rem}.pfhd h3{margin:0;font-size:clamp(1.55rem,4.2vw,2rem);font-weight:900;letter-spacing:-.01em;line-height:1.08;color:#fff}.pfhd p{margin:.3rem 0 0;color:#b8b2a6;font-size:1.02rem}
.pflab{display:block;color:#b8b2a6;font-size:1rem;margin:0 0 .5rem}
.pfnr{display:flex;gap:.8rem;align-items:stretch;padding-bottom:1.15rem;border-bottom:1px solid rgba(255,255,255,.08)}
.pfin{position:relative;flex:1;min-width:0;margin:0!important;display:flex;align-items:center;height:3.6rem;border-radius:1rem;border:1px solid rgba(255,255,255,.16);background:rgba(10,11,14,.7);transition:border-color .15s,box-shadow .15s}
.pfin:focus-within{border-color:rgba(236,198,112,.75);box-shadow:0 0 0 3px rgba(236,198,112,.12)}
.pfin i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.45rem;height:1.45rem;color:#d9d3c7;display:block;pointer-events:none}.pfin i svg{width:100%;height:100%;display:block}
#pfBody .pfin input{height:100%;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 1rem 0 3.3rem;color:#fff;font:inherit;font-size:1.12rem;font-weight:600;text-transform:uppercase;outline:0}
.pfsave{height:3.6rem;padding:0 1.35rem;border-radius:1rem;font-size:1.12rem;flex:none}
.pfrow{display:grid;grid-template-columns:3rem auto minmax(0,1fr);gap:1rem;align-items:center;padding:.95rem 0;border-bottom:1px solid rgba(255,255,255,.08);width:100%;font:inherit;color:inherit;text-align:left;background:none;border-left:0;border-right:0;border-top:0}
.pfrow:last-child{border-bottom:0;padding-bottom:0}
.pfic{width:3rem;height:3rem;border-radius:.8rem;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e8e2d6}.pfic svg{width:1.45rem;height:1.45rem}
.pfrow span{color:#b8b2a6;font-size:1.02rem;white-space:nowrap}.pfrow b{text-align:right;font-size:1.08rem;font-weight:700;color:#fff;overflow-wrap:break-word;min-width:0;line-height:1.3}
.pfrow.out{grid-template-columns:3rem minmax(0,1fr) auto;cursor:pointer}.pfrow.out span{color:#ff4d5e;font-weight:600;font-size:1.08rem}
.pfrow.out .pfic{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.35);color:#ff4d5e}
.pfch{width:1.4rem;height:1.4rem;color:#e8e2d6;display:block;transition:transform .2s}.pfch svg{width:100%;height:100%;display:block}.pfrow.out:hover .pfch{transform:translateX(3px)}.pfrow.out:hover span{color:#ff6b79}
.pfbal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.pfbt{container-type:inline-size;display:flex;flex-direction:column;border-radius:1rem;border:1px solid rgba(255,255,255,.14);background:rgba(10,11,14,.6);overflow:hidden;min-width:0}
.pfbt-h{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.85rem .85rem 0}
.pfbt small{color:#d9d3c7;font-size:1rem;font-weight:600}
.pff{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(255,255,255,.12)}.pff svg{width:160%;height:100%;display:block}
.pff.tether{background:#26a17b;position:relative}.pff.tether img{width:100%;height:100%;position:absolute;inset:0}.pff.tether b{color:#fff;font-size:1.2rem;font-weight:800;line-height:1}
.pfbt>b{display:block;padding:.35rem .85rem .7rem;font-size:min(2.05rem,17cqw);font-weight:900;letter-spacing:-.01em;line-height:1.1;background:linear-gradient(180deg,#f8dc98 0%,#edc46a 55%,#d6a240 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap}
.pfbt>em{display:block;margin-top:auto;font-style:normal;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.06);padding:.55rem .85rem;color:#c8c2b6;font-size:min(.92rem,9.5cqw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pftop{width:100%;height:3.9rem;border-radius:1.1rem;font-size:1.25rem}.pftop .pfch{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);color:var(--on-gold)}.pftop:hover .pfch{transform:translateY(-50%) translateX(3px)}.pftop svg{width:1.7rem;height:1.7rem}
@media (max-width:900px){#pfBody .od-grid{grid-template-columns:minmax(0,1fr)}#pfP{order:-3}#pfB{order:-2}#pfT2{order:-1}}
@media (min-width:600px) and (max-width:900px){#pfBody .od-grid{max-width:40rem;margin:0 auto}}
@media (max-width:560px){#pfP,#pfB,#pfT2{padding:1.25rem 1rem;border-radius:1.3rem}.pfnr{gap:.55rem}.pfsave{padding:0 .95rem;font-size:1rem}.pfsave svg{width:1.25rem;height:1.25rem}.pfin{height:3.3rem}.pfsave{height:3.3rem}#pfBody .pfin input{font-size:1rem;padding-left:3rem}.pfrow{grid-template-columns:2.6rem auto minmax(0,1fr);gap:.7rem}.pfrow.out{grid-template-columns:2.6rem minmax(0,1fr) auto}.pfic{width:2.6rem;height:2.6rem}.pfic svg{width:1.25rem;height:1.25rem}.pfrow span{font-size:.92rem}.pfrow b{font-size:clamp(.85rem,3.9vw,.98rem)}.pfbal{gap:.45rem}.pfbt-h{padding:.65rem .6rem 0}.pfbt small{font-size:.85rem}.pff{width:1.7rem;height:1.7rem}.pfbt>b{padding:.3rem .6rem .55rem}.pfbt>em{padding:.45rem .6rem}.pftop{height:3.5rem;font-size:1.08rem}}
@media (max-width:380px){.pfrow{grid-template-columns:2.6rem minmax(0,1fr);row-gap:.15rem}.pfrow b{grid-column:2;text-align:left}.pfrow.out{grid-template-columns:2.6rem minmax(0,1fr) auto}}

/* ===== pago crypto: red muy visible ===== */
.netw{border:2px solid #ef4444;background:linear-gradient(180deg,rgba(239,68,68,.16),rgba(239,68,68,.06));border-radius:1rem;padding:.85rem 1rem;margin:.2rem 0 .8rem;text-align:center}
.netw-h{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#fca5a5}
.netw-n{font-size:clamp(1.35rem,5vw,1.75rem);font-weight:900;color:#fff;margin:.2rem 0 .3rem;letter-spacing:.01em}
.netw p{margin:0;font-size:.86rem;line-height:1.45;color:#fde2e2}
.netw.okc{border-color:#22c55e;background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.05))}.netw.okc .netw-h{color:#86efac}
.netok{width:100%;min-height:3.1rem;margin:.4rem 0 .6rem;border-radius:.9rem;font-weight:900;font-size:1rem;background:var(--gold-grad);color:var(--on-gold);border:0;box-shadow:var(--gold-glow);cursor:pointer;padding:.5rem 1rem}
.paidb{width:100%;margin:.6rem 0 .2rem;justify-content:center}
.paydead{display:grid;gap:.5rem;margin:.4rem 0 .8rem}.paydead p{margin:0}.paydead .btn-o{justify-content:center}

/* botón HERRAMIENTAS de la cabecera */
.sfrow{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.sfrow .sf{flex:1;min-width:0}
.htb{position:relative;display:inline-flex;align-items:center;gap:.4rem;height:2.625rem;padding:0 .8rem;border-radius:99px;border:1px solid rgba(34,211,238,.35);background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(167,139,250,.14));color:#e6fbff;font-weight:800;font-size:.78rem;letter-spacing:.04em;white-space:nowrap;flex:none;transition:transform .15s,box-shadow .2s,border-color .2s;overflow:hidden}
.htb::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.htb:hover{border-color:#22d3ee;box-shadow:0 0 1.1rem rgba(34,211,238,.35);transform:translateY(-1px)}.htb:hover::after{transform:translateX(120%)}.htb svg{color:#22d3ee}
@media (max-width:1279px) and (min-width:820px){.htb .t{display:none}.htb{padding:0 .7rem}}
@media (max-width:819px){.sfrow{max-width:35rem}.sub .sfrow .sf{max-width:none}}

/* objetos nuevos sin imagen todavía (catálogo oficial de Epic): logo GODX de fondo */
article.ni::before{content:"";position:absolute;inset:0 0 38% 0;background:url(../img/logo.webp?v=1793640000) center/55% no-repeat;opacity:.22;pointer-events:none}

/* plataformas vinculadas con su logo */
.gfplats .gfpn{display:inline-flex;align-items:center;gap:.5rem;min-width:0;white-space:nowrap}
.gfplats .gfpi{position:relative;flex:0 0 auto;width:1.45rem;height:1.45rem;border-radius:.4rem;display:inline-grid;place-items:center;font-style:normal;font-size:.62rem;font-weight:900;letter-spacing:.02em;color:#fff;background:#2a2a30;overflow:hidden}
.gfplats .gfpi::before{content:attr(data-b)}
.gfplats .gfpi img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:.18rem;background:inherit}
.gfplats .gfp-epic .gfpi{background:#2b2b2b}.gfplats .gfp-xbox .gfpi{background:#107c10}.gfplats .gfp-psn .gfpi{background:#0070d1}.gfplats .gfp-nintendo .gfpi{background:#e60012}.gfplats .gfp-steam .gfpi{background:#1b2838}
.gfplats .gfp-xbox{border-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e}.gfplats .gfp-nintendo{border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef4444}
.gfplats .gfp-nintendo .gfpi{width:2.7rem}.gfplats .gfp-nintendo .gfpi img{padding:.2rem .16rem}
/* Botón principal STW + EPIC MANAGER: rojo como su icono; rayos rojos finos al pulsar */
.htb{border-color:#e10100;background:linear-gradient(135deg,#3b0606,#5a0909);color:#fff;overflow:visible}
.htb .t{color:#fff;font-weight:800;letter-spacing:.02em}
.htb .htbi{width:20px;height:20px;object-fit:contain;flex:none;filter:drop-shadow(0 0 4px rgba(255,40,40,.45))}
.htb::after{border-radius:inherit}
.htb:hover{border-color:#ff2a2a;box-shadow:0 0 1.1rem rgba(225,1,0,.45);background:linear-gradient(135deg,#4a0707,#700b0b)}
.htb .bz{position:absolute;top:50%;width:16px;height:22px;margin-top:-11px;color:#ff2020;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,0,0,.9))}
.htb .bz svg{width:100%;height:100%;display:block}
.htb .bz.l{left:-15px;transform:rotate(-14deg)}.htb .bz.r{right:-15px;transform:scaleX(-1) rotate(-14deg)}
.htb.zap{box-shadow:0 0 0 1px #ff2a2a,0 0 22px rgba(255,0,0,.55)}
.htb.zap .bz.l{animation:bzL .75s ease-out}.htb.zap .bz.r{animation:bzR .75s ease-out}
@keyframes bzL{0%{opacity:0;transform:translateX(6px) rotate(-14deg) scale(.6)}15%{opacity:1}30%{opacity:.25}45%{opacity:1;transform:translateX(-2px) rotate(-14deg) scale(1)}100%{opacity:0;transform:translateX(-8px) rotate(-14deg) scale(1.05)}}
@keyframes bzR{0%{opacity:0;transform:translateX(-6px) scaleX(-1) rotate(-14deg) scale(.6)}15%{opacity:1}30%{opacity:.25}45%{opacity:1;transform:translateX(2px) scaleX(-1) rotate(-14deg) scale(1)}100%{opacity:0;transform:translateX(8px) scaleX(-1) rotate(-14deg) scale(1.05)}}
.htb .bz svg{color:#ff2020}
/* STW + EPIC MANAGER: sin barrido que invada el buscador; bordes que brillan (como el cupón) y rayos DENTRO del botón */
.htb{overflow:hidden;isolation:isolate;animation:htbGlow 2.8s ease-in-out infinite}
.htb::after{display:none}
.htb::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:-1;
  background:conic-gradient(from var(--htba,0deg),transparent 0 62%,rgba(255,90,90,.15) 70%,#ff3b3b 82%,#fff1f1 86%,#ff3b3b 90%,transparent 98%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:htbSpin 3.2s linear infinite}
@property --htba{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes htbSpin{to{--htba:360deg}}
@keyframes htbGlow{0%,100%{box-shadow:inset 0 0 .35rem rgba(225,1,0,.25)}50%{box-shadow:inset 0 0 .8rem rgba(255,40,40,.55)}}
.htb>*{position:relative;z-index:1}
.htb .bz{width:10px;height:16px;margin-top:-8px}
.htb .bz.l{left:3px}.htb .bz.r{right:3px}
@keyframes bzL{0%{opacity:0;transform:rotate(-14deg) scale(.5)}15%{opacity:1}30%{opacity:.2}45%{opacity:1;transform:rotate(-14deg) scale(1)}100%{opacity:0;transform:rotate(-14deg) scale(1)}}
@keyframes bzR{0%{opacity:0;transform:scaleX(-1) rotate(-14deg) scale(.5)}15%{opacity:1}30%{opacity:.2}45%{opacity:1;transform:scaleX(-1) rotate(-14deg) scale(1)}100%{opacity:0;transform:scaleX(-1) rotate(-14deg) scale(1)}}
.htb .bz{position:absolute}
/* Asistente GODX: burbuja flotante abajo a la derecha (como Messenger), en toda la web */
#aiBtn.aifab{position:fixed;right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:58;width:3.75rem;height:3.75rem;padding:0;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,236,190,.55);background:var(--gold-grad);color:var(--on-gold);box-shadow:0 .5rem 1.4rem rgba(0,0,0,.45),0 0 0 0 rgba(217,183,121,.5);transition:transform .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
#aiBtn.aifab svg{width:1.6rem;height:1.6rem}
#aiBtn.aifab .t{display:none}
#aiBtn.aifab::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(217,183,121,.65);opacity:0;animation:aiPulse 2.6s ease-out infinite;pointer-events:none}
#aiBtn.aifab::after{content:"";position:absolute;top:.2rem;right:.2rem;width:.7rem;height:.7rem;border-radius:50%;background:#22c55e;border:2px solid #0b0b0d}
#aiBtn.aifab:hover{transform:translateY(-2px) scale(1.05)}
#aiBtn.aifab:active{transform:scale(.94)}
@keyframes aiPulse{0%{opacity:.8;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.35)}}
#bot.on~#aiBtn.aifab{opacity:0;pointer-events:none;transform:scale(.6)}
@media (max-width:699px){#aiBtn.aifab{width:3.4rem;height:3.4rem;right:calc(.75rem + env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){#aiBtn.aifab::before{animation:none}}
/* Recibos: acceso desde el pedido y el historial */
.rcbtn{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:9px 16px;border-radius:10px;border:1px solid rgba(236,211,165,.55);background:var(--gold-grad);color:var(--on-gold);font-weight:800;font-size:.86rem;cursor:pointer}
.rcbtn:hover{filter:brightness(1.06)}
.pfrc{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;border:1px solid rgba(236,211,165,.55);color:#e9d3a2;font-size:.72rem;font-weight:800;cursor:pointer}
.pfrc:hover{background:rgba(217,183,121,.15)}
/* ===== Luz que recorre el contorno (STW + EPIC MANAGER, usuario y saldo) =====
   Se rota la capa con transform (funciona en TODOS los navegadores de PC y móvil; antes se animaba una
   propiedad @property que algunos navegadores de escritorio no animan y la luz quedaba fija arriba).
   La capa va recortada dentro del botón (overflow:hidden): no cambia su tamaño ni tapa otros botones. */
.htb,#uBtn,#bBtn{position:relative;overflow:hidden;isolation:isolate}
.htb::before,#uBtn::before,#bBtn::before{content:"";position:absolute;inset:auto;left:50%;top:50%;width:320%;aspect-ratio:1/1;height:auto;padding:0;
  -webkit-mask:none;mask:none;border-radius:0;pointer-events:none;z-index:-2;transform:translate(-50%,-50%) rotate(0deg);animation:ringSpin 2.6s linear infinite}
.htb::before{background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,90,90,.15) 70%,#ff3b3b 82%,#fff1f1 86%,#ff3b3b 90%,transparent 98%)}
#uBtn::before,#bBtn::before{background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,214,120,.18) 70%,#e7b64a 82%,#fff3cf 86%,#e7b64a 90%,transparent 98%);animation-duration:3.2s}
#bBtn::before{animation-delay:-1.6s}
/* relleno interior: copia el fondo propio del botón y deja ver 1.5 px de contorno donde pasa la luz */
.htb::after,#uBtn::after,#bBtn::after{content:"";display:block;position:absolute;inset:1.5px;top:1.5px;right:1.5px;width:auto;height:auto;border:0;border-radius:inherit;background:inherit;
  z-index:-1;pointer-events:none;transform:none;transition:none;opacity:1}
#uBtn.on::after{top:1.5px;right:1.5px;width:auto;height:auto;border:0;background:inherit}
@keyframes ringSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/* punto verde de «en línea» (antes usaba ::after) */
#uBtn .udot{display:none;position:absolute;top:.4rem;right:.45rem;width:.55rem;height:.55rem;border-radius:50%;background:#4ade80;border:2px solid var(--sf);z-index:2}
#uBtn.on .udot{display:block}
#uBtn>*:not(.udot),#bBtn>*{position:relative;z-index:1}
/* WhatsApp: contorno verde fijo */
#sBtn{border-color:#25d366;color:#25d366;box-shadow:inset 0 0 0 1px rgba(37,211,102,.25)}
#sBtn:hover{border-color:#4be381;background:rgba(37,211,102,.1)}
/* ===== Contorno fino con brillo que fluye (MISMA animación que «Alertas de pavos») =====
   Sustituye la luz giratoria: borde de 1.5 px con degradado en movimiento (background-position, funciona en
   todos los navegadores). Sin pulsos ni luz extra. Dentro del propio botón: no cambia tamaños ni tapa nada. */
.htb,#uBtn,#bBtn{border-color:transparent;animation:none}
.htb::before,#uBtn::before,#bBtn::before{content:"";position:absolute;inset:0;left:0;top:0;width:auto;height:auto;aspect-ratio:auto;transform:none;border-radius:inherit;padding:1.5px;
  background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:btnFlow 3s linear infinite;pointer-events:none;z-index:2}
#uBtn::before,#bBtn::before{background-image:linear-gradient(120deg,#fbbf24,#fff7cc,#f59e0b,#fbbf24,#fde68a)}
.htb::before{background-image:linear-gradient(120deg,#e10100,#ffd0d0,#b80000,#ff2a2a,#ff8a8a)}
#bBtn::before{animation-delay:-1.5s}
.htb::after,#uBtn::after,#bBtn::after{display:none}
@keyframes btnFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}