/* Digital Bros Chile · estilos globales */
:root{--n0:#071230;--n1:#0B1A3A;--n2:#11224d;--n3:#1a2f63;--ln:#243b74;--tx:#e8edf8;--mu:#9fb0d4;--red:#E5161F;--gold:#FFD000;--green:#1ED36F;--pur:#8A2BE2;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,'Segoe UI',Roboto,Arial,sans-serif;color:var(--tx);background:var(--n0);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}
.w{max-width:1320px;margin:0 auto;padding:0 16px}
.btn-y{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#0B1A3A;font-weight:800;border-radius:10px;padding:10px 16px;font-size:14px;border:0;cursor:pointer;transition:filter .15s,transform .15s;text-align:center}
.btn-y:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#17a85a;color:#fff;font-weight:800;border-radius:10px;padding:10px 16px;font-size:14px;border:0;cursor:pointer}.btn-g:hover{background:#1ED36F}.btn-g svg{width:20px;height:20px}
.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--gold);color:var(--gold);background:none;font-weight:800;border-radius:10px;padding:9px 16px;font-size:14px;cursor:pointer}
.btn-o:hover{background:var(--gold);color:var(--n1)}
.btn-p{display:inline-flex;align-items:center;justify-content:center;background:var(--pur);color:#fff;font-weight:800;border-radius:10px;padding:10px 16px;font-size:14px;border:0;cursor:pointer}.btn-p:hover{filter:brightness(1.12)}
/* barra superior */
.ut{background:#050d24;font-size:12px;color:var(--mu)}.ut .w{display:flex;justify-content:space-between;align-items:center;height:34px;gap:16px}
.ut-l{display:flex;gap:18px;white-space:nowrap;overflow:hidden;align-items:center}.ut-l b{color:var(--gold)}.ut-r{display:flex;gap:16px}.ut-r a:hover{color:#fff}
.ut-cd{background:var(--red);color:#fff;padding:3px 10px;border-radius:20px;font-weight:700}.ut-cd b{color:#fff}
/* header */
.hd{background:var(--n1);position:sticky;top:0;z-index:50;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.hd-m .w{display:flex;align-items:center;gap:22px;height:76px}
.lg{display:flex;align-items:center;gap:10px;flex:0 0 auto}.lg .av{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,208,0,.5)}.lg .wm{width:170px;height:auto}
.sr{flex:1;position:relative;max-width:720px}
.sr form{display:flex;background:#fff;border-radius:12px;overflow:hidden;height:46px}
.sr input{flex:1;border:0;outline:0;padding:0 16px;font:500 15px Poppins,Arial;color:#0B1A3A;min-width:0}
.sr button{width:54px;border:0;background:var(--gold);color:var(--n1);cursor:pointer;display:flex;align-items:center;justify-content:center}.sr button svg{width:22px;height:22px}
.sr-r{position:absolute;left:0;right:0;top:52px;background:#fff;color:#0B1A3A;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.45);display:none;max-height:420px;overflow-y:auto;z-index:5}
.sr-r.on{display:block}.sr-r a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #eef1f7}.sr-r a:hover,.sr-r a.k{background:#f2f5fc}
.sr-r img{width:38px;height:54px;object-fit:cover;border-radius:6px}.sr-r span{flex:1;font-weight:600;font-size:14px}.sr-r b{color:#E5161F;font-size:14px}.sr-r .all{justify-content:center;font-weight:800;color:#8A2BE2}
.ha{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.ha a,.ha button{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:10px 14px;border-radius:12px;position:relative;border:0;cursor:pointer;color:#fff;background:none}.ha svg{width:22px;height:22px}
.ha .wa{background:#17a85a}.ha .wa:hover{background:#1ED36F}.ha .ct{border:2px solid var(--gold);color:var(--gold)}.ha .ct:hover{background:rgba(255,208,0,.1)}
.ha .ct i{position:absolute;top:-7px;right:-7px;background:var(--red);color:#fff;font:800 11px Poppins,Arial;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-style:normal;padding:0 5px}
.cn{background:var(--n2);border-top:1px solid var(--ln)}.cn .w{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;height:48px;align-items:center}.cn .w::-webkit-scrollbar{display:none}
.cn a{white-space:nowrap;font-weight:600;font-size:14px;padding:8px 14px;border-radius:10px;color:#dfe6f6}.cn a:hover{background:var(--n3);color:#fff}.cn a.hot{color:var(--gold)}
.cn a.on{background:var(--gold);color:var(--n1)}
.rb{height:4px;background:linear-gradient(90deg,var(--red) 0 25%,var(--green) 25% 50%,var(--gold) 50% 75%,var(--pur) 75%)}
/* migas y cabecera de página */
.bc{font-size:13px;color:var(--mu);padding:16px 0 0;display:flex;gap:6px;flex-wrap:wrap}.bc a:hover{color:var(--gold)}.bc span{color:#fff}
.ph{position:relative;margin:14px 0 6px;border-radius:20px;overflow:hidden;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#0f2357 0%,#1a2f63 50%,#3d0f78 100%);border:1px solid rgba(255,255,255,.08)}
.ph.red{background:linear-gradient(110deg,#7a0a10,#E5161F 60%,#ff4d55)}.ph.pur{background:linear-gradient(110deg,#240a52,#5a189a 55%,#8A2BE2)}.ph.grn{background:linear-gradient(110deg,#064d27,#0f8a47 55%,#1ED36F)}
.ph h1{margin:0;font-size:clamp(24px,3.2vw,42px);font-weight:900;line-height:1.08}.ph h1 em{font-style:normal;color:var(--gold)}
.ph p{margin:8px 0 0;color:#dfe6ff;font-size:15px;max-width:640px}
.ph img{width:210px;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
.ph .tg{display:inline-block;background:var(--gold);color:var(--n1);font-weight:800;font-size:12px;padding:4px 10px;border-radius:6px;margin-bottom:10px}
/* contador */
.cd{display:inline-flex;gap:8px;margin-top:14px}.cd span{background:rgba(7,18,48,.55);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:6px 10px;min-width:58px;text-align:center;font-weight:900;font-size:22px;line-height:1.1}.cd small{display:block;font-size:10px;font-weight:600;color:#dfe6ff;text-transform:uppercase}
/* hero */
.hero{padding:22px 0 10px;background:radial-gradient(900px 420px at 15% 0%,rgba(138,43,226,.30),transparent 65%),radial-gradient(700px 380px at 100% 20%,rgba(229,22,31,.18),transparent 60%)}
.hg{display:grid;grid-template-columns:1fr 330px;gap:16px}
.car{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/8;background:var(--n2)}
.hs{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}.hs.on{opacity:1;pointer-events:auto}
.hs img{width:100%;height:100%;object-fit:cover}
.hs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,48,.92) 0%,rgba(7,18,48,.55) 38%,transparent 65%)}
.hs-c{position:absolute;left:34px;bottom:34px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:46%}
.hs-tag{background:var(--red);color:#fff;font-weight:800;font-size:13px;padding:5px 12px;border-radius:8px}
.hs-c b{font-size:clamp(20px,2.6vw,36px);line-height:1.1;font-weight:900;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.hs-pr{display:flex;align-items:baseline;gap:10px}.hs-pr s{color:var(--mu);font-size:16px}.hs-pr strong{color:var(--gold);font-size:30px;font-weight:900}
.ar{position:absolute;bottom:18px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(7,18,48,.7);color:#fff;font-size:24px;cursor:pointer}.ar:hover{background:var(--pur)}.ar.p{right:70px}.ar.n{right:18px}
.ths{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:12px}
.th{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.6;transition:.2s}.th img{aspect-ratio:16/9;object-fit:cover;width:100%}.th.on,.th:hover{opacity:1;border-color:var(--gold)}
.side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.pt{position:relative;border-radius:18px;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px}
.pt b{font-size:26px;font-weight:900;line-height:1.05;position:relative;z-index:1}.pt small{font-size:13px;color:#e2e8ff;position:relative;z-index:1;margin:6px 0 12px}.pt .btn-y{align-self:flex-start;position:relative;z-index:1}
.pt img{position:absolute;right:-10px;top:-6px;width:58%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.pt.a{background:linear-gradient(135deg,#E5161F,#8e0b12)}.pt.b{background:linear-gradient(135deg,#8A2BE2,#3d0f78)}
.pt.b .big{position:absolute;right:16px;top:14px;font-size:54px;font-weight:900;color:rgba(255,255,255,.12);line-height:.9;text-align:right}
/* plataformas */
.h1w{padding:18px 0 6px}.h1w h1{font-size:clamp(18px,2vw,24px);font-weight:800;margin:0 0 14px;line-height:1.3}.h1w h1 span{color:var(--gold)}
.pfs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.pf{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--n2);border:1px solid var(--ln);border-radius:14px;padding:14px 8px;font-weight:700;font-size:13px;text-align:center;transition:.18s}
.pf:hover{border-color:var(--pur);background:var(--n3);transform:translateY(-2px)}.pf-i svg{width:30px;height:30px}
/* secciones */
section{padding:30px 0 6px}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.sh h2{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:900;display:flex;align-items:center;gap:10px}.sh h2 svg{width:28px;height:28px}
.sh p{margin:4px 0 0;color:var(--mu);font-size:14px}
.sh a.more{color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}.sh a.more:hover{text-decoration:underline}
.u{display:block;height:4px;width:60px;border-radius:4px;background:linear-gradient(90deg,var(--pur),var(--red));margin-top:8px}
.row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--ln) transparent}
.row>*{scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
/* tarjeta de juego */
.gc{background:var(--n2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.gc:hover{transform:translateY(-4px);border-color:var(--pur);box-shadow:0 16px 34px rgba(0,0,0,.45)}
.gc-img{position:relative;display:block;aspect-ratio:61/100;background:#0a1534}.gc-img img{width:100%;height:100%;object-fit:cover}
.bd{position:absolute;right:8px;top:8px;background:var(--red);color:#fff;font-weight:900;font-size:14px;padding:4px 9px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.35)}.bd.pre{background:var(--pur);font-size:12px}
.bd3{position:absolute;right:8px;bottom:8px;background:var(--gold);color:var(--n1);font-weight:900;font-size:11px;padding:3px 7px;border-radius:6px}
.gc-b{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.gc-t{font-weight:700;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.gc-t:hover{color:var(--gold)}
.gc-pl{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}
.sw{width:10px;height:14px;border-radius:3px;background:linear-gradient(90deg,var(--red) 50%,var(--green) 50%);display:inline-block;flex:0 0 auto}
.gc-pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:auto}.gc-pr small{color:var(--mu);font-size:12px}.gc-pr b{font-size:20px;font-weight:900}.gc-pr s{color:var(--mu);font-size:13px}
.gc .btn-y,.gc .btn-p{width:100%;margin-top:6px}
.gc.added .btn-y{background:var(--green)}
/* banner */
.bn{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#0f2357 0%,#3d0f78 55%,#8A2BE2 100%);display:flex;align-items:center;justify-content:space-between;padding:26px 34px;gap:20px;border:1px solid rgba(255,255,255,.08)}
.bn::before{content:"3X2";position:absolute;right:28%;top:50%;transform:translateY(-50%);font-size:180px;font-weight:900;color:rgba(255,255,255,.06);letter-spacing:-6px}
.bn-t{position:relative}.bn-t small{display:inline-block;background:var(--gold);color:var(--n1);font-weight:800;font-size:12px;padding:4px 10px;border-radius:6px}
.bn-t b{display:block;font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.05;margin:10px 0 6px}.bn-t b em{font-style:normal;color:var(--gold)}.bn-t p{margin:0 0 14px;color:#dfe6ff}
.bn img{width:300px;flex:0 0 auto;position:relative;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
/* ranking */
.rks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rk{min-width:0;display:flex;align-items:center;gap:14px;background:var(--n2);border:1px solid var(--ln);border-radius:14px;padding:10px 14px;transition:.18s}
.rk:hover{border-color:var(--gold);background:var(--n3)}
.rk-n{font-size:34px;font-weight:900;width:44px;flex:0 0 44px;text-align:center;color:transparent;-webkit-text-stroke:2px var(--gold)}
.rk:nth-child(-n+3) .rk-n{color:var(--gold);-webkit-text-stroke:0}
.rk img{width:52px;height:74px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.rk-i{display:flex;flex-direction:column;gap:3px;min-width:0}.rk-t{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-p{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}.rk-pr{font-weight:900;color:var(--gold)}.rk-pr em{font-style:normal;background:var(--red);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;margin-left:4px}
/* suscripciones */
.nsw{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;align-items:stretch}
.ns-in{border-radius:18px;padding:24px;background:linear-gradient(160deg,#E5161F,#7a0a10);display:flex;flex-direction:column;justify-content:center}
.ns-in b{font-size:28px;font-weight:900;line-height:1.1}.ns-in p{color:#ffe1e3;margin:10px 0 0;font-size:14px}
.ns{position:relative;background:var(--n2);border:1px solid var(--ln);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
.ns.best{border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(255,208,0,.12)}.ns-b{position:absolute;top:-12px;right:18px;background:var(--gold);color:var(--n1);font-weight:900;font-size:11px;padding:4px 10px;border-radius:6px}
.ns-h{display:flex;gap:12px;align-items:center}.ns-ic svg{width:40px;height:40px}.ns-h b{display:block;font-size:17px;line-height:1.25}.ns-h small{color:var(--mu);font-size:12px}
.ns ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d6def2}.ns li{padding-left:24px;position:relative}.ns li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 3px var(--n2)}
.ns-p{margin-top:auto;display:flex;align-items:baseline;gap:6px}.ns-p strong{font-size:32px;font-weight:900;color:var(--gold)}.ns-p small{color:var(--mu)}
/* colecciones */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.col{position:relative;border-radius:18px;overflow:hidden;min-height:200px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.col::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-2;transition:transform .4s}.col:hover::before{transform:scale(1.06)}
.col::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--c) 10%,rgba(7,18,48,.15) 100%)}
.col b{font-size:24px;font-weight:900}.col small{color:#e6ebff;font-size:14px;margin-top:4px}
/* beneficios */
.bfs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bf{display:flex;gap:12px;align-items:center;background:var(--n2);border:1px solid var(--ln);border-radius:14px;padding:16px}
.bf i{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-style:normal;font-size:22px;font-weight:900}
.bf b{display:block;font-size:15px}.bf small{color:var(--mu);font-size:12.5px}
.nl{margin-top:34px;border-radius:20px;background:linear-gradient(120deg,#0f8a47,#17a85a 45%,#1ED36F);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nl b{display:block;font-size:clamp(20px,2.4vw,30px);font-weight:900;color:#fff}.nl p{margin:6px 0 0;color:#eafff3;font-weight:500}
.nl a{background:#fff;color:#0f6b38;font-weight:900;border-radius:12px;padding:14px 22px;display:flex;align-items:center;gap:10px;white-space:nowrap}.nl a svg{width:22px;height:22px}
/* catálogo */
.cat{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start;margin-top:18px}
.cat>*{min-width:0}
.flt{background:var(--n2);border:1px solid var(--ln);border-radius:16px;padding:18px;position:sticky;top:150px}
.flt h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--gold)}.flt .fg{margin-bottom:18px}
.flt label{display:flex;align-items:center;gap:8px;font-size:14px;padding:5px 0;cursor:pointer;color:#dfe6f6}.flt input[type=radio],.flt input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}
.flt label span{margin-left:auto;color:var(--mu);font-size:12px}
.tb{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.tb .cnt{color:var(--mu);font-size:14px}.tb .cnt b{color:#fff}
.tb select,.fin{background:var(--n2);color:#fff;border:1px solid var(--ln);border-radius:10px;padding:10px 12px;font-size:14px}
.fin{width:100%;margin-bottom:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{background:var(--n2);border:1px solid var(--ln);color:#dfe6f6;border-radius:30px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.chip.on,.chip:hover{border-color:var(--gold);color:var(--gold)}
.fbtn{display:none}
.more-b{display:flex;justify-content:center;margin:24px 0 0}
.empty{background:var(--n2);border:1px dashed var(--ln);border-radius:16px;padding:40px;text-align:center;color:var(--mu)}
/* producto */
.pd{display:grid;grid-template-columns:380px 1fr;gap:34px;margin-top:18px;align-items:start}
.pd-cv{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 20px 40px rgba(0,0,0,.4)}.pd-cv img{width:100%;height:auto;aspect-ratio:61/100;object-fit:cover}
.pd h1{margin:0 0 10px;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.1}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag{background:var(--n3);border:1px solid var(--ln);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.tag.y{background:var(--gold);color:var(--n1);border-color:var(--gold)}.tag.p{background:var(--pur);border-color:var(--pur)}
.buy{background:var(--n2);border:1px solid var(--ln);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;max-width:520px}
.buy .pr{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.buy .pr b{font-size:40px;font-weight:900;color:var(--gold);line-height:1}.buy .pr s{color:var(--mu);font-size:18px}.buy .pr em{font-style:normal;background:var(--red);color:#fff;font-weight:900;padding:4px 10px;border-radius:8px}
.buy .btn-y,.buy .btn-g,.buy .btn-p{width:100%;padding:14px;font-size:16px}
.buy .gift{font-size:13px;color:#dfe6f6;background:rgba(30,211,111,.1);border:1px solid rgba(30,211,111,.35);border-radius:10px;padding:10px 12px}
.nt{font-size:13px;color:var(--mu);margin:0;padding-left:18px}.nt li{margin:3px 0}
.desc{font-size:15px;line-height:1.7;color:#dfe6f6;margin:22px 0}
.spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.spec div{background:var(--n2);border:1px solid var(--ln);border-radius:12px;padding:10px 14px}.spec dt{font-size:12px;color:var(--mu)}.spec dd{margin:2px 0 0;font-weight:700;font-size:14px}
.tr{position:relative;aspect-ratio:16/9;max-width:860px;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;border:1px solid var(--ln)}.tr img{width:100%;height:100%;object-fit:cover;opacity:.8}.tr span{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.tr iframe{width:100%;height:100%;border:0}
/* textos (faq, términos) */
.prose{background:var(--n2);border:1px solid var(--ln);border-radius:18px;padding:28px 32px;margin-top:18px;line-height:1.7;color:#dfe6f6;font-size:15px}
.prose h1{font-size:clamp(22px,2.6vw,32px);color:#fff;margin:0 0 12px;line-height:1.2}.prose h2{font-size:18px;color:var(--gold);margin:26px 0 8px}.prose h3{color:#fff}
.prose a{color:var(--gold);text-decoration:underline}.prose .meta{color:var(--mu);font-size:13px}
.prose details{border:1px solid var(--ln);border-radius:12px;margin:10px 0;background:var(--n1)}.prose summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:10px}.prose summary::after{content:"+";color:var(--gold);font-weight:900;font-size:20px;line-height:1}.prose details[open] summary::after{content:"−"}.prose details .a{padding:0 16px 12px}
/* pasos */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.st{position:relative;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:340px;overflow:hidden}
.st .n{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--n1);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.st img{width:100%;margin:auto 0 0}.st b{font-size:18px;line-height:1.2}.st p{margin:0;font-size:13.5px;color:#eef2ff}
/* contacto */
.cg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.cc{background:var(--n2);border:1px solid var(--ln);border-radius:18px;padding:24px}
.cc h2{margin:0 0 6px;font-size:22px}.cc p{color:var(--mu);margin:0 0 16px;font-size:14px}
.chn{display:flex;flex-direction:column;gap:10px}.chn a{display:flex;align-items:center;gap:14px;background:var(--n1);border:1px solid var(--ln);border-radius:14px;padding:14px}.chn a:hover{border-color:var(--gold)}.chn i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.chn i svg{width:22px;height:22px}.chn b{display:block}.chn small{color:var(--mu)}
.fm{display:flex;flex-direction:column;gap:10px}.fm label{font-size:13px;font-weight:600;color:#dfe6f6}.fm input,.fm select,.fm textarea{width:100%;background:var(--n1);color:#fff;border:1px solid var(--ln);border-radius:10px;padding:12px;font-size:14px;margin-top:4px}.fm textarea{min-height:110px;resize:vertical}
/* carrito */
.dr-bg{position:fixed;inset:0;background:rgba(2,6,20,.6);z-index:80;opacity:0;pointer-events:none;transition:.25s}.dr-bg.on{opacity:1;pointer-events:auto}
.dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--n1);z-index:81;transform:translateX(100%);transition:transform .28s;display:flex;flex-direction:column;box-shadow:-20px 0 40px rgba(0,0,0,.5)}.dr.on{transform:none}
.dr-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ln)}.dr-h b{font-size:18px}.dr-h button{background:none;border:0;color:#fff;font-size:28px;cursor:pointer;line-height:1}
.dr-l{flex:1;overflow-y:auto;padding:12px 18px;display:flex;flex-direction:column;gap:10px}
.ci{display:flex;gap:12px;align-items:center;background:var(--n2);border:1px solid var(--ln);border-radius:12px;padding:8px}.ci img{width:44px;height:64px;object-fit:cover;border-radius:6px}.ci div{flex:1;min-width:0}.ci b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci small{font-size:12px;color:var(--mu)}
.ci .pz{font-weight:900;color:var(--gold);font-size:14px}.ci .pz.fr{color:var(--green)}.ci .x3{background:var(--gold);color:var(--n1);font-size:10px;font-weight:900;padding:1px 6px;border-radius:5px;margin-left:4px}
.ci button{background:none;border:0;color:var(--mu);cursor:pointer;font-size:18px;padding:4px}.ci button:hover{color:var(--red)}
.dr-f{border-top:1px solid var(--ln);padding:14px 18px 18px;display:flex;flex-direction:column;gap:8px}
.sm{display:flex;justify-content:space-between;font-size:14px;color:#dfe6f6}.sm.d{color:var(--green)}.sm.t{font-size:18px;font-weight:900;color:#fff}.sm.t b{color:var(--gold)}
.bnr{background:rgba(30,211,111,.12);border:1px solid rgba(30,211,111,.4);border-radius:10px;padding:10px 12px;font-size:13px}.bnr b{color:var(--green);display:block}
.bnr.y{background:rgba(255,208,0,.1);border-color:rgba(255,208,0,.4)}.bnr.y b{color:var(--gold)}
.dr-e{text-align:center;color:var(--mu);padding:40px 10px}.dr-e img{width:120px;margin:0 auto 14px;opacity:.85}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);background:var(--green);color:#05231a;font-weight:800;padding:12px 18px;border-radius:12px;z-index:90;opacity:0;transition:.25s;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.4)}.toast.on{opacity:1;transform:translateX(-50%)}
.cart-pg{display:grid;grid-template-columns:1fr 380px;gap:22px;margin-top:18px;align-items:start}.cart-pg .box{background:var(--n2);border:1px solid var(--ln);border-radius:18px;padding:18px}
/* footer */
footer{margin-top:44px;background:#050d24;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--red) 0 25%,var(--green) 25% 50%,var(--gold) 50% 75%,var(--pur) 75%) 1}
.ft{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;padding:36px 16px 20px}
.ft h4{margin:0 0 12px;font-size:15px;color:#fff}.ft a{display:block;color:var(--mu);font-size:14px;padding:4px 0}.ft a:hover{color:var(--gold)}
.ft .ab p{color:var(--mu);font-size:13.5px;line-height:1.6;margin:12px 0}
.pays{display:flex;flex-wrap:wrap;gap:8px}.pays span{background:#fff;color:#0B1A3A;font-weight:800;font-size:12px;padding:6px 10px;border-radius:8px}
.soc{display:flex;gap:10px;margin-top:14px}.soc a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;color:#fff}.soc svg{width:20px;height:20px}
.fb2{border-top:1px solid #15244d;padding:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7d8db3;font-size:12.5px}
.waf{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;background:#1ED36F;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.45)}.waf svg{width:32px;height:32px}
/* responsive */
@media(max-width:1100px){.hg{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr;grid-template-rows:none}.row{grid-auto-columns:calc((100% - 3*14px)/4)}.ft{grid-template-columns:1fr 1fr 1fr}.ft .ab{grid-column:1/-1}.nsw{grid-template-columns:1fr 1fr}.ns-in{grid-column:1/-1}.steps{grid-template-columns:repeat(3,1fr)}.pd{grid-template-columns:300px 1fr}}
@media(max-width:820px){.ut-r{display:none}.hd-m .w{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px}.lg .wm{width:128px}.lg .av{width:42px;height:42px}
 .sr{order:3;flex:0 0 100%;max-width:100%;min-width:0}.ha{margin-left:auto}.ha a span,.ha button span{display:none}.ha a,.ha button{padding:9px 11px}
 .pfs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:116px;overflow-x:auto;scrollbar-width:none}.pfs::-webkit-scrollbar{display:none}
 .ths{display:none}.car{aspect-ratio:16/10}.hs::after{background:linear-gradient(0deg,rgba(7,18,48,.95) 0%,rgba(7,18,48,.4) 50%,transparent 75%)}.hs-c{left:16px;right:16px;bottom:16px;max-width:none;gap:6px}.hs-pr strong{font-size:22px}.hs-c .btn-y{display:none}.ar{display:none}
 .row{grid-auto-columns:44%;gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rks{grid-template-columns:minmax(0,1fr)}.nsw{grid-template-columns:1fr}.cols{grid-template-columns:1fr}.bfs{grid-template-columns:1fr 1fr}
 .bn,.ph{flex-direction:column;text-align:center;padding:24px 18px}.bn img{width:220px}.ph img{width:160px}.ph p{margin-left:auto;margin-right:auto}.nl{flex-direction:column;text-align:center;padding:24px 18px}.ft{grid-template-columns:1fr 1fr}
 .side{display:none}.sh{align-items:flex-start}.sh a.more{margin-top:6px}
 .cat{grid-template-columns:1fr}.flt{position:fixed;inset:auto 0 0 0;top:auto;max-height:80vh;overflow-y:auto;z-index:85;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .25s}.flt.on{transform:none}.fbtn{display:inline-flex}
 .pd{grid-template-columns:1fr}.pd-cv{max-width:230px;margin:0 auto}.buy{max-width:none}.spec{grid-template-columns:1fr}
 .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px}.chip{white-space:nowrap}.tb select{max-width:150px}
 .steps{grid-template-columns:1fr}.st{min-height:0}.st img{max-width:260px;margin:8px auto 0}.cg{grid-template-columns:1fr}.cart-pg{grid-template-columns:1fr}.prose{padding:20px 18px}}
@media(max-width:420px){.bfs{grid-template-columns:1fr}.row{grid-auto-columns:62%}.gc-pr b{font-size:17px}}
/* buscador del catálogo */
.csr{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:0 18px;height:54px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,0,0,.25);border:3px solid var(--gold)}
.csr svg{width:22px;height:22px;color:#0B1A3A;flex:0 0 auto}
.csr input{flex:1;border:0;outline:0;font:500 16px Poppins,Arial;color:#0B1A3A;min-width:0;background:none}
/* ícono Switch */
.sw{width:15px;height:15px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9d4ee' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 2.5H7A4.5 4.5 0 0 0 2.5 7v10A4.5 4.5 0 0 0 7 21.5h3.5z'/%3E%3Cpath d='M13.5 2.5H17A4.5 4.5 0 0 1 21.5 7v10a4.5 4.5 0 0 1-4.5 4.5h-3.5z'/%3E%3Cpath d='M5.5 8.5h2.5'/%3E%3Ccircle cx='6.7' cy='15.5' r='.6' fill='%23c9d4ee'/%3E%3Ccircle cx='17.3' cy='8.5' r='.6' fill='%23c9d4ee'/%3E%3Cpath d='M17.3 13.5v4M15.3 15.5h4'/%3E%3C/svg%3E") center/contain no-repeat !important}
.ha{margin-left:auto}
/* ===== arte con personajes y carátulas ===== */
.pa{position:relative;width:340px;height:240px;flex:0 0 auto}
.pa-cv{position:absolute;bottom:6px;width:110px;aspect-ratio:61/100;object-fit:cover;border-radius:12px;border:3px solid rgba(255,255,255,.85);box-shadow:0 14px 30px rgba(0,0,0,.45);left:calc(10px + var(--i)*62px);transform:rotate(calc(-10deg + var(--i)*8deg)) translateY(calc(var(--i)*-6px))}
.pa-ch{position:absolute;right:-6px;bottom:0;height:230px;width:auto;max-width:210px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));z-index:3}
.ph .pa{margin-right:10px}
.ph.gold{background:linear-gradient(110deg,#0f2357 0%,#5b4300 60%,#c79a00 100%)}
/* hero nuevo */
.car{aspect-ratio:auto;height:420px}
.hx{display:flex;align-items:center;justify-content:space-between;padding:40px 50px;overflow:hidden;color:#fff}
.hx::after{display:none}
.hx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 2px,transparent 2.5px);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%)}
.hx-red{background:radial-gradient(500px 400px at 85% 60%,rgba(255,208,0,.35),transparent 60%),linear-gradient(115deg,#5a0a14 0%,#E5161F 55%,#ff5a3c 100%)}
.hx-blue{background:radial-gradient(500px 400px at 85% 60%,rgba(30,211,111,.25),transparent 60%),linear-gradient(115deg,#071230 0%,#1a3a8f 55%,#2f6bff 100%)}
.hx-pink{background:radial-gradient(500px 400px at 85% 60%,rgba(255,255,255,.25),transparent 60%),linear-gradient(115deg,#3d0f78 0%,#8A2BE2 50%,#ff6fb5 100%)}
.hx-green{background:radial-gradient(500px 400px at 85% 60%,rgba(255,208,0,.25),transparent 60%),linear-gradient(115deg,#05301a 0%,#0f8a47 55%,#1ED36F 100%)}
.hx-t{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:48%}
.hx-t b{font-size:clamp(28px,3.6vw,52px);line-height:1.02;font-weight:900;text-shadow:0 4px 18px rgba(0,0,0,.35)}.hx-t b em{font-style:normal;color:#FFD000}
.hx .hs-tag{background:rgba(7,18,48,.6);border:1px solid rgba(255,255,255,.3)}
.hx-p{font-size:16px;color:#f1f4ff;max-width:420px}
.hx-a{width:460px;height:340px}.hx-a .pa-cv{width:140px;left:calc(0px + var(--i)*80px)}.hx-a .pa-ch{height:330px;max-width:300px}
.ths.dots{position:absolute;left:50px;bottom:18px;display:flex !important;gap:8px;margin:0;z-index:4}
.ths.dots .th{width:10px;height:10px;border-radius:6px;background:rgba(255,255,255,.45);border:0;opacity:1;padding:0}.ths.dots .th.on{width:28px;background:#FFD000}
/* tiles laterales */
.pt img{width:52%;right:0;top:4px;object-fit:contain}
.pt.b{background:linear-gradient(135deg,#c79a00,#5b4300)}
/* banner */
.bn-a{width:380px;height:250px}.bn::before{right:32%}
/* colecciones */
.cx{flex-direction:row;align-items:flex-end;justify-content:space-between;min-height:220px;padding:22px}
.cx::before,.cx::after{display:none}.cx span{display:flex;flex-direction:column;z-index:2;position:relative}
.cx.red{background:linear-gradient(135deg,#E5161F,#7a0a10)}.cx.pur{background:linear-gradient(135deg,#8A2BE2,#3d0f78)}.cx.blu{background:linear-gradient(135deg,#1a3a8f,#071230)}
.col-a{width:200px;height:170px;position:absolute;right:6px;bottom:6px}.col-a .pa-cv{width:72px;left:calc(var(--i)*40px)}.col-a .pa-ch{height:150px;max-width:120px}
.cx:hover{filter:brightness(1.08)}
/* accesorios */
.acs{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ac{background:var(--n2);border:1px solid var(--ln);border-radius:16px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:.18s}
.ac:hover{border-color:var(--gold);transform:translateY(-3px)}
.ac svg{width:64px;height:64px}.ac b{font-size:15px}.ac small{color:var(--mu);font-size:12.5px;flex:1}.ac .btn-y{width:100%;padding:8px}
.acs.big{grid-template-columns:repeat(3,1fr)}.acs.big .ac{padding:26px 20px}.acs.big svg{width:84px;height:84px}
@media(max-width:1100px){.acs{grid-template-columns:repeat(3,1fr)}.hx-a{width:360px}.hx-a .pa-ch{height:260px}}
@media(max-width:820px){
 .car{height:auto;aspect-ratio:auto;min-height:440px}
 .hx{flex-direction:column;justify-content:flex-start;padding:22px 18px 44px;text-align:left}
 .hx-t{max-width:none;gap:8px}.hx-t .btn-y{display:inline-flex}.hx-p{font-size:14px}
 .hx-a{width:300px;height:220px;margin:6px auto 0}.hx-a .pa-cv{width:96px;left:calc(var(--i)*54px)}.hx-a .pa-ch{height:210px;max-width:180px}
 .ths.dots{left:18px;bottom:14px}
 .pa{width:260px;height:190px;margin:10px auto 0}.pa-cv{width:84px;left:calc(var(--i)*48px)}.pa-ch{height:180px}
 .ph .pa{display:block;margin:10px auto 0}.ph img.pa-cv,.ph img.pa-ch{display:block}
 .bn-a{width:280px;height:190px}
 .acs,.acs.big{grid-template-columns:1fr 1fr}
 .cx{min-height:190px}
}
.ph{min-height:300px}
.pt img{width:44%;z-index:0}.pt b,.pt small,.pt .btn-y{z-index:2}
@media(max-width:820px){.ph{min-height:0}}
.ph .pa img,.bn .pa img{filter:none}
.ph .pa .pa-cv,.bn .pa .pa-cv{width:110px;height:auto}
.ph .pa .pa-ch,.bn .pa .pa-ch{width:auto;height:230px;max-width:210px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.bn .bn-a .pa-cv{width:120px;left:calc(20px + var(--i)*70px)}.bn .bn-a .pa-ch{height:240px}
.cx span{max-width:52%}.col-a{width:180px;height:160px}.col-a .pa-cv{width:64px}.col-a .pa-ch{height:140px;max-width:110px}
@media(max-width:820px){.ph .pa .pa-cv,.bn .pa .pa-cv{width:84px}.ph .pa .pa-ch,.bn .pa .pa-ch{height:180px;max-width:170px}}
.bn .pa img{position:absolute}.bn .pa{position:relative;flex:0 0 auto}
/* personajes nuevos */
.hx-blue2{background:radial-gradient(500px 400px at 85% 60%,rgba(255,208,0,.22),transparent 60%),linear-gradient(115deg,#071230 0%,#3d0f78 55%,#8A2BE2 100%)}
.hx-blue{background:radial-gradient(520px 420px at 80% 50%,rgba(255,255,255,.12),transparent 60%),linear-gradient(115deg,#05070f 0%,#111a33 55%,#24345f 100%)}
.pa-ph{position:absolute;right:0;bottom:0;height:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.5);border:3px solid rgba(255,255,255,.2);z-index:3}
.pa-sq .pa-cv{left:calc(var(--i)*60px)}
.pa-ch.pa-link{max-width:none}
.pa-ch.pa-sports{max-width:none;height:110%!important;bottom:-4%}
.pa-ch.pa-dk{max-width:none}
.hx-t{max-width:44%}.hx-t b{font-size:clamp(26px,3.1vw,46px)}
.hx-a{width:430px}.hx-a .pa-ch.pa-link{height:310px}.hx-a .pa-ch.pa-sports{height:330px!important;bottom:0}
@media(max-width:820px){.hx-t{max-width:none}}
@media(max-width:820px){
 .hx-a{width:300px;height:230px;margin:10px auto 0;flex:0 0 auto}
 .hx-a .pa-ch,.hx-a .pa-ch.pa-link,.hx-a .pa-ch.pa-sports,.hx-a .pa-ch.pa-dk{height:220px!important;max-width:200px;bottom:0}
 .hx-a .pa-ph{height:200px}
 .hs.hx{position:absolute}
}
/* fix: no recortar personajes en el carrusel */
.hs .pa img{object-fit:contain!important}
.hs .pa .pa-ch{width:auto!important;max-width:none!important}
.hs .pa .pa-cv{height:auto!important;object-fit:cover!important}
.hs .pa .pa-ph{width:auto!important;height:100%!important;aspect-ratio:1/1;object-fit:cover!important;right:0;left:auto}
.hx-a .pa-ch{height:330px}
.hx-a .pa-ch.pa-link{height:330px}
@media(max-width:820px){.hs .pa .pa-ch{height:220px!important}.hs .pa .pa-ph{height:210px!important}}
@media(max-width:820px){.car{min-height:500px}}
@media(max-width:820px){.hs .pa .pa-ch{height:auto!important;max-height:220px;max-width:230px!important;right:0}.hx-a{width:min(320px,100%)}}
/* ===== botones estilo morado neón ===== */
.btn-y{background:linear-gradient(135deg,#9b3cf0,#5a189a)!important;color:#fff!important;border-radius:999px!important;padding:11px 22px;box-shadow:0 8px 20px rgba(138,43,226,.45),inset 0 1px 0 rgba(255,255,255,.3);border:0}
.btn-y:hover{filter:brightness(1.15);box-shadow:0 10px 26px rgba(138,43,226,.65),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-p{background:linear-gradient(135deg,#ff3b47,#b30d17)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(229,22,31,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-o{border-color:rgba(255,255,255,.55)!important;color:#fff!important;border-radius:999px!important}
.btn-o:hover{background:rgba(138,43,226,.35)!important;border-color:#b77bff!important;color:#fff!important}
.btn-g{border-radius:999px!important}
.gc.added .btn-y{background:linear-gradient(135deg,#1ED36F,#0f8a47)!important;box-shadow:0 8px 20px rgba(30,211,111,.4)}
.cn a.on{background:linear-gradient(135deg,#9b3cf0,#5a189a);color:#fff;border-radius:999px;box-shadow:0 6px 16px rgba(138,43,226,.45)}
.ha .ct{border-color:#b77bff!important;color:#fff!important;border-radius:999px}
.ha .ct:hover{background:rgba(138,43,226,.25)!important}
.ha .wa{border-radius:999px}
.ac .btn-y,.gc .btn-y,.gc .btn-p{padding:9px 14px}
.chip.on,.chip:hover{border-color:#b77bff!important;color:#fff!important;background:rgba(138,43,226,.3)!important}
.csr{border-color:#8A2BE2!important}
/* buscador nuevo */
.csr2{display:flex;align-items:center;gap:12px;height:58px;padding:0 6px 0 8px;margin-bottom:14px;border-radius:999px;background:linear-gradient(90deg,rgba(138,43,226,.22),rgba(17,34,77,.9));border:1px solid rgba(183,123,255,.45);box-shadow:0 0 0 4px rgba(138,43,226,.08),0 10px 30px rgba(0,0,0,.35);cursor:text;transition:.2s}
.csr2:focus-within{border-color:#b77bff;box-shadow:0 0 0 4px rgba(138,43,226,.25),0 0 24px rgba(138,43,226,.45)}
.csr2-i{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9b3cf0,#5a189a);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.csr2-i svg{width:24px;height:24px}
.csr2 input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 16px Poppins,Arial;letter-spacing:.2px}
.csr2 input::placeholder{color:#b9c4e4;font-weight:500}
.csr2 input::-webkit-search-cancel-button{filter:invert(1)}
.csr2-b{flex:0 0 auto;background:#1ED36F;color:#05231a;font-weight:800;font-size:14px;padding:11px 22px;border-radius:999px}
@media(max-width:820px){.csr2{height:52px}.csr2-b{display:none}.csr2-i{width:38px;height:38px}}
/* ===== tipografía gamer ===== */
@font-face{font-family:'Russo One';src:url(/assets/fonts/RussoOne-Regular.woff2) format('woff2');font-display:swap}
@font-face{font-family:Orbitron;src:url(/assets/fonts/Orbitron.woff2) format('woff2');font-weight:400 900;font-display:swap}
/* ===== mega banner 3x2 ===== */
.mb{padding:22px 0 0}
.mb-in{position:relative;display:flex;align-items:center;min-height:430px;border-radius:24px;overflow:hidden;padding:34px 40px;isolation:isolate;
background:radial-gradient(600px 420px at 15% 40%,rgba(138,43,226,.6),transparent 65%),radial-gradient(520px 420px at 78% 115%,rgba(229,22,31,.45),transparent 60%),linear-gradient(120deg,#080d2a 0%,#0B1A3A 45%,#1d0a45 100%);border:1px solid rgba(183,123,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.mb-in::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(183,123,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(183,123,255,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%)}
.mb-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#E5161F 0 25%,#1ED36F 25% 50%,#FFD000 50% 75%,#8A2BE2 75%)}
.mb-l{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:44%}
.mb-tag{font-family:Orbitron,Poppins,sans-serif;font-weight:800;font-size:15px;letter-spacing:1.5px;background:linear-gradient(90deg,#E5161F,#ff3d7f);padding:8px 18px;border-radius:8px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 8px 20px rgba(229,22,31,.4)}
.mb-big{font-family:'Russo One',Poppins,sans-serif;font-size:clamp(90px,11vw,170px);line-height:.95;display:flex;gap:6px;margin:10px 0 2px;letter-spacing:2px}
.mb-big span{color:#fff;text-shadow:0 0 30px rgba(183,123,255,.55),5px 6px 0 #5a189a}
.mb-big i{font-style:normal;background:linear-gradient(180deg,#ff4fd8,#8A2BE2);-webkit-background-clip:text;color:transparent;filter:drop-shadow(5px 6px 0 #2a0b5c) drop-shadow(0 0 18px rgba(255,79,216,.6))}
.mb-sub{font-family:'Russo One',Poppins,sans-serif;font-size:clamp(22px,2.6vw,36px);letter-spacing:1px}.mb-sub b{font-weight:400;color:#ff7ae0}
.mb-ft{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;font-weight:700;text-transform:uppercase;color:#dfe6f6}
.mb-ft span{display:flex;align-items:center;gap:8px}.mb-ft i{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:15px}
.mb-ft .g{background:rgba(30,211,111,.2);color:#1ED36F}.mb-ft .v{background:rgba(255,79,216,.2)}.mb-ft .r{background:rgba(138,43,226,.3)}
.mb-cta{margin-top:20px;font-family:Orbitron,Poppins,sans-serif;font-weight:800;font-size:15px;letter-spacing:1px;background:linear-gradient(135deg,#9b3cf0,#5a189a);padding:13px 26px;border-radius:999px;box-shadow:0 8px 22px rgba(138,43,226,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.mb-in:hover .mb-cta{filter:brightness(1.15)}
.mb-g{position:absolute;left:44%;top:30px;width:41%;display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:perspective(1400px) rotateY(-12deg) rotateZ(-3deg);z-index:1}
.mb-t{position:relative;border-radius:16px;overflow:hidden;border:3px solid rgba(255,255,255,.85);box-shadow:0 18px 40px rgba(0,0,0,.55);aspect-ratio:16/9}
.mb-t:nth-child(2n){transform:translateY(-14px)}
.mb-t img{width:100%;height:100%;object-fit:cover}
.mb-t.hl{border-color:#ff7ae0;box-shadow:0 0 0 5px rgba(255,79,216,.35),0 0 34px rgba(255,79,216,.6),0 18px 40px rgba(0,0,0,.55)}
.mb-t em{position:absolute;left:8px;bottom:8px;font-style:normal;font-family:'Russo One',Poppins,sans-serif;font-size:17px;background:#fff;color:#0B1A3A;padding:4px 12px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.mb-t.hl em{left:auto;right:8px}
.mb-bd{position:absolute;right:40px;top:28px;z-index:4;width:112px;height:112px;border-radius:50%;background:linear-gradient(135deg,#1ED36F,#0f8a47);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700;transform:rotate(-10deg);box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 0 5px rgba(255,255,255,.3)}
.mb-bd b{font-family:'Russo One',Poppins,sans-serif;font-weight:400;font-size:28px;line-height:1}
.mb-ch{position:absolute;right:10px;bottom:8px;height:300px;width:auto;z-index:3;filter:drop-shadow(0 16px 30px rgba(0,0,0,.6))}
@media(max-width:1100px){.mb-l{width:52%}.mb-g{left:50%;width:46%}.mb-ch{height:220px}}
@media(max-width:820px){
 .mb-in{flex-direction:column;align-items:stretch;padding:22px 18px 26px;min-height:0}
 .mb-l{width:100%}.mb-ft{gap:10px;font-size:11px}.mb-ft i{width:26px;height:26px}
 .mb-g{position:relative;left:auto;top:auto;width:100%;margin-top:22px;transform:none;gap:10px}
 .mb-t:nth-child(2n){transform:none}.mb-t em{font-size:14px}
 .mb-bd{width:84px;height:84px;right:14px;top:16px}.mb-bd b{font-size:21px}
 .mb-ch{height:150px;right:0;bottom:auto;top:120px}
}
/* titulares gamer en toda la web */
.ph h1,.hx-t b,.sh h2,.bn-t b,.pt b,.cx b,.nl b{font-family:'Russo One',Poppins,sans-serif;font-weight:400;letter-spacing:.5px}
.hs-tag,.ph .tg,.bn-t small{font-family:Orbitron,Poppins,sans-serif;font-weight:800;letter-spacing:1px}
/* menos amarillo */
.hx-t b em,.ph h1 em,.bn-t b em,.h1w h1 span{color:#ff7ae0!important}
.cn a.hot{color:#ff7ae0}
.pt.b{background:linear-gradient(135deg,#0f8a47,#05301a)!important}
.ph.gold{background:linear-gradient(110deg,#0f2357 0%,#5a189a 60%,#ff4fd8 100%)!important}
.ph .tg,.bn-t small{background:linear-gradient(90deg,#E5161F,#ff3d7f)!important;color:#fff!important}
.ths.dots .th.on{background:#ff7ae0!important}
.sh a.more{color:#ff7ae0}
@media(max-width:820px){.mb-ch{display:none}.mb-tag{font-size:12px}.mb-bd{top:auto;bottom:250px}}
@media(max-width:820px){.mb-bd{bottom:auto;top:200px;right:14px}}
.mb-ch.mb-lg{height:380px;right:18px;bottom:22px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(138,43,226,.35))}
.mb-g{width:37%}.mb-bd{right:auto;left:calc(44% - 70px);top:auto;bottom:40px}
@media(max-width:1100px){.mb-ch.mb-lg{height:270px}.mb-g{width:34%}}
@media(max-width:820px){.mb-ch.mb-lg{display:block;position:relative;height:auto;width:62%;margin:14px auto 0;right:auto;bottom:auto;top:auto}.mb-g{width:100%}.mb-bd{left:auto;right:14px;top:200px;bottom:auto}}
@media(min-width:1101px){.mb-g{left:40%;width:35%}.mb-bd{left:calc(40% - 40px);bottom:30px}}
.mb-ch.mb-lg{height:310px!important;right:40px;bottom:50px}
@media(max-width:1100px){.mb-ch.mb-lg{height:230px!important}}
@media(max-width:820px){.mb-ch.mb-lg{height:auto!important;width:50%}}
/* ===== ajustes celular (uniforme) ===== */
@media(max-width:820px){
 /* menú en 2 filas, sin deslizar */
 .cn .w{flex-wrap:wrap;height:auto;overflow:visible;justify-content:center;gap:6px;padding-top:8px;padding-bottom:8px}
 .cn a{font-size:12.5px;padding:6px 11px}
 /* banner 3x2 */
 .mb-in{padding:20px 16px 22px}
 .mb-ch.mb-lg{order:-1;position:static!important;display:block;width:44%!important;height:auto!important;margin:0 auto 4px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}
 .mb-big{font-size:84px;margin:8px 0 0}.mb-sub{font-size:21px}
 .mb-tag{font-size:11px;padding:6px 12px}
 .mb-ft{gap:8px 12px;margin-top:12px}.mb-ft span{font-size:10.5px}.mb-ft i{width:24px;height:24px;font-size:12px}
 .mb-cta{font-size:13px;padding:11px 20px;margin-top:14px}
 .mb-bd{position:absolute;top:16px;right:14px;left:auto;bottom:auto;width:70px;height:70px}.mb-bd b{font-size:18px}.mb-bd{font-size:11px}
 .mb-g{margin-top:16px;gap:8px}.mb-t{border-width:2px;border-radius:10px}.mb-t em{font-size:12px;padding:3px 8px;left:6px;bottom:6px}.mb-t.hl em{right:6px}
 /* catálogo: 3 columnas más compactas */
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gc{border-radius:10px}.gc-b{padding:7px 7px 8px;gap:3px}
 .gc-t{font-size:11.5px;min-height:30px;line-height:1.25}
 .gc-pl{display:none}
 .gc-pr small{display:none}.gc-pr b{font-size:14px}.gc-pr s{font-size:10.5px}
 .gc .btn-y,.gc .btn-p{padding:7px 4px!important;font-size:11px;margin-top:4px}
 .bd{font-size:11px;padding:2px 6px;top:5px;right:5px;border-radius:6px}.bd3{font-size:9px;padding:2px 5px}
 /* filas del inicio del mismo tamaño */
 .row{grid-auto-columns:31%;gap:8px}
 /* accesorios uniformes */
 .acs,.acs.big{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ac,.acs.big .ac{padding:12px 8px;gap:5px}.ac svg,.acs.big svg{width:44px;height:44px}.ac b{font-size:12px}.ac small{font-size:10.5px}.ac .btn-y{font-size:11px;padding:7px 4px}
 .sh h2{font-size:19px}.sh h2 svg{width:22px;height:22px}
 .chips{gap:6px}.chip{font-size:12px;padding:6px 11px}
}
@media(max-width:420px){.row{grid-auto-columns:31%}.gc-pr b{font-size:13px}}
@media(max-width:820px){
 .hd{position:relative}
 .cn .w{gap:4px 2px;padding-top:6px;padding-bottom:6px}.cn a{font-size:11.5px;padding:5px 8px}
 .ph{padding:18px 16px;margin-top:10px}.ph h1{font-size:24px}.ph p{font-size:13px}
 .ph .pa{width:220px;height:150px;margin-top:8px}.ph .pa .pa-cv{width:66px!important;left:calc(var(--i)*38px)}.ph .pa .pa-ch{height:145px!important;max-width:140px!important}
 .ph .pa .pa-ph{height:140px}
}
@media(max-width:820px){
 .pfs{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible;gap:6px}
 .pf{padding:9px 4px;font-size:10.5px;gap:5px;border-radius:10px}.pf-i svg{width:22px;height:22px}
 .chips{flex-wrap:wrap!important;overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:0!important}
}
@media(max-width:820px){
 .mb-ch.mb-lg{order:0;position:absolute!important;top:12px;right:10px;width:34%!important;max-width:150px;height:auto!important;margin:0;z-index:4}
 .mb-tag{max-width:62%}
 .mb-bd{top:auto!important;bottom:auto;right:14px;width:64px!important;height:64px!important;top:calc(12px + min(34vw,150px) * 1.13 + 6px)!important}
 .mb-bd b{font-size:16px!important}
}
@media(max-width:820px){.mb-bd{display:none!important}.mb-sub{font-size:19px}}
@media(max-width:820px){.ph .pa{display:none!important}.ph{padding:16px 14px;min-height:0}.ph>div{width:100%}.bn .pa{display:none!important}.bn{padding:20px 16px}}
@media(max-width:820px){
 .ph{position:relative;overflow:hidden;isolation:isolate}
 .ph .pa{display:block!important;position:absolute!important;right:-18px;bottom:-14px;width:150px!important;height:160px!important;margin:0!important;opacity:.38;pointer-events:none;z-index:-1;transform:rotate(-6deg)}
 .ph .pa .pa-cv{display:none!important}
 .ph .pa .pa-ch{position:absolute!important;right:0;bottom:0;height:160px!important;max-width:none!important;filter:none!important}
 .ph::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.12) 1.5px,transparent 2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000)}
 .ph>div:first-child{position:relative;z-index:1}
 .ph h1,.ph p{text-shadow:0 2px 10px rgba(0,0,0,.45)}
}
/* carrito flotante */
.ctf{position:fixed;right:18px;bottom:92px;z-index:60;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#9b3cf0,#5a189a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 3px rgba(183,123,255,.35);transition:transform .15s}
.ctf:hover{transform:scale(1.07)}.ctf svg{width:28px;height:28px}
.ctf i{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#E5161F;color:#fff;font:800 12px Poppins,Arial;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #0B1A3A}
.ctf.bump{animation:ctfb .45s}@keyframes ctfb{30%{transform:scale(1.22)}60%{transform:scale(.95)}}
/* icono carrito dentro */
.ci-ic{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#9b3cf0,#5a189a);color:#fff;box-shadow:0 0 0 6px rgba(138,43,226,.18),0 10px 26px rgba(138,43,226,.45);margin:0 auto 14px}
.ci-ic svg{width:42px;height:42px}
.ci-ic.sm{width:34px;height:34px;margin:0 10px 0 0;box-shadow:0 4px 12px rgba(138,43,226,.45);vertical-align:middle}.ci-ic.sm svg{width:18px;height:18px}
.dr-t{display:flex;align-items:center}
.dr-e .ci-ic{display:flex}
@media(max-width:820px){.ctf{width:54px;height:54px;bottom:84px;right:16px}.ctf svg{width:25px;height:25px}}
.ci .x3,.bd3{background:linear-gradient(135deg,#ff4fd8,#8A2BE2)!important;color:#fff!important}.bnr.y{background:rgba(255,79,216,.1)!important;border-color:rgba(255,79,216,.45)!important}.bnr.y b{color:#ff7ae0!important}.ci .pz{color:#fff}
/* ===== PC: banners estilo teléfono (personaje difuminado atrás) ===== */
@media(min-width:821px){
 .ph{position:relative;overflow:hidden;isolation:isolate;min-height:0!important;padding:30px 40px!important;display:block}
 .ph>div:first-child{position:relative;z-index:1;max-width:760px}
 .ph .pa{position:absolute!important;right:30px;bottom:-30px;width:300px!important;height:300px!important;margin:0!important;opacity:.35;pointer-events:none;z-index:-1;transform:rotate(-6deg)}
 .ph .pa .pa-cv{display:none!important}
 .ph .pa .pa-ch{position:absolute!important;right:0;bottom:0;height:300px!important;max-width:none!important;filter:none!important}
 .ph .pa .pa-ph{height:260px!important;opacity:.9}
 .ph::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.12) 1.5px,transparent 2px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000)}
 .ph h1,.ph p{text-shadow:0 2px 10px rgba(0,0,0,.45)}
}
/* banners: personaje completo y sin cortes */
.ph .pa{position:absolute!important;top:10px!important;bottom:0!important;right:34px!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;opacity:.4;z-index:-1;pointer-events:none;display:block!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
.ph .pa .pa-cv{display:none!important}
.ph .pa .pa-ch,.ph .pa .pa-ph{position:static!important;display:block;height:100%!important;width:auto!important;max-width:none!important;object-fit:contain!important;filter:none!important;border:0!important;box-shadow:none!important}
.ph-bg{position:absolute;top:0;right:0;bottom:0;width:55%;z-index:-1;background-size:cover;background-position:center;opacity:.35;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60%);mask-image:linear-gradient(90deg,transparent 0,#000 60%);pointer-events:none}
@media(max-width:820px){.ph .pa{right:6px!important;top:auto!important;height:80%!important;opacity:.32}.ph-bg{width:75%;opacity:.3}}
@media(min-width:821px){.ph .pa{opacity:.5}.ph{min-height:150px!important}}
/* plan básico NSO */
.ns-basic{overflow:hidden;isolation:isolate}
.ns-retro{position:absolute;inset:0;z-index:-1;background:url(/img/db-nso-retro.webp) center top/cover;opacity:.16;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 75%)}
.ns-card{position:absolute;right:16px;top:58px;width:78px;border-radius:8px;transform:rotate(8deg);box-shadow:0 10px 22px rgba(0,0,0,.5);opacity:.95;z-index:1}
.ns-basic ul{padding-right:84px}
@media(max-width:820px){.ns-card{width:64px;top:64px}.ns-basic ul{padding-right:70px}}
.ns-retro.ns-gc{background-image:url(/img/db-nso-gc.webp);background-position:center 20%;opacity:.2}
.ns-card.ns-card2{width:92px;transform:rotate(-7deg);top:78px;border-radius:6px}
.ns.best{overflow:visible}.ns.best .ns-retro{border-radius:16px}
.ns.best ul{padding-right:98px}
@media(max-width:820px){.ns-card.ns-card2{width:72px}.ns.best ul{padding-right:78px}}
.steps{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.steps{grid-template-columns:1fr}}
.pfs{grid-template-columns:repeat(6,1fr)}@media(max-width:820px){.pfs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* barra superior nueva */
.ut-l{gap:14px}
.ut-cd.ut-pulse{display:inline-flex;align-items:center;gap:6px;animation:utp 1.2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(229,22,31,.6)}
.ut-cd svg{width:13px;height:13px}
@keyframes utp{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(229,22,31,.6)}50%{transform:scale(1.06);box-shadow:0 0 0 6px rgba(229,22,31,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(229,22,31,0)}}
.ut-hl{background:linear-gradient(90deg,#8A2BE2,#5a189a);color:#fff;font-weight:700;padding:3px 10px;border-radius:20px}
.ut-hl.g{background:linear-gradient(90deg,#17a85a,#0f8a47)}
@media(max-width:820px){.ut .w{justify-content:flex-start}.ut-l{overflow-x:auto;scrollbar-width:none;gap:8px}.ut-l::-webkit-scrollbar{display:none}.ut-l>*{flex:0 0 auto;font-size:11px}}
/* ícono NSO */
.ico-nso{width:30px;height:30px;border-radius:7px;display:block}
.sh h2 .ico-nso{width:28px;height:28px}.ns-ic .ico-nso{width:40px;height:40px;border-radius:9px}
/* slide NSO rojo con mario retro */
.hx-nso{background:radial-gradient(500px 400px at 82% 55%,rgba(255,255,255,.18),transparent 60%),linear-gradient(115deg,#7a0008 0%,#E60012 55%,#ff3b3b 100%)}
.hx-nso .hx-t b em{color:#fff!important;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.pa-retro{position:relative}
.pa-retro .pa-rt{position:absolute;right:20px;bottom:0;height:100%;width:auto;border-radius:18px;border:4px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.45);transform:rotate(4deg)}
.pa-retro .pa-nso{position:absolute;left:10px;top:20px;width:130px;height:130px;border-radius:26px;border:4px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.4);transform:rotate(-8deg);z-index:2}
@media(max-width:820px){.pa-retro .pa-rt{height:210px!important;right:10px}.pa-retro .pa-nso{width:84px;height:84px;top:10px;left:20px;border-radius:18px}}
/* luigi detrás del mario retro */
.pa-retro .pa-lg{position:absolute;right:46%;bottom:14px;height:84%;width:auto;border-radius:14px;border:4px solid #fff;box-shadow:0 18px 36px rgba(0,0,0,.45);transform:rotate(-7deg);z-index:0}
.pa-retro .pa-rt{z-index:1}.pa-retro .pa-nso{z-index:3}
@media(max-width:820px){.pa-retro .pa-lg{height:180px;right:40%}}
/* banner suscripciones rojo */
.ph.nsor{background:linear-gradient(110deg,#7a0008 0%,#E60012 60%,#ff3b3b 100%)}
.ph.nsor h1 em{color:#fff!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.ph .pa.pa-duo{display:flex!important;gap:14px;align-items:flex-end;padding-bottom:10px}
.ph .pa.pa-duo .pa-ch{height:92%!important;border-radius:12px;border:3px solid #fff!important}
.ph .pa.pa-duo .pa-ch:first-child{transform:rotate(-6deg)}.ph .pa.pa-duo .pa-ch:last-child{transform:rotate(5deg)}
/* tarjeta colección switch online */
.cx.nso{background:linear-gradient(135deg,#ff2b2b,#a8000e)}
.cx-duo{display:flex;align-items:flex-end;gap:8px}
.cx-duo img{height:140px;width:auto;border-radius:10px;border:3px solid #fff;box-shadow:0 10px 22px rgba(0,0,0,.45)}
.cx-duo img:first-child{transform:rotate(-7deg) translateX(14px)}.cx-duo img:last-child{transform:rotate(6deg)}
@media(max-width:820px){.cx-duo img{height:110px}}
.pa-retro .pa-lg{right:auto;left:0;bottom:30px;height:72%}
.hx-a.pa-retro .pa-nso{left:auto;right:-6px;top:6px;width:110px;height:110px}
.col-a.cx-duo{display:flex!important;flex-wrap:nowrap;width:auto!important;height:auto!important;right:14px;bottom:14px}
.cx-duo img{height:120px}
@media(max-width:820px){.pa-retro .pa-lg{height:150px;bottom:20px}.hx-a.pa-retro .pa-nso{width:74px;height:74px}.cx-duo img{height:100px}}
.cx span.cx-duo{flex-direction:row!important;position:absolute;max-width:none}
/* recién agregado */
.gc{position:relative}
.gc-new{border-color:#ff4fd8!important;box-shadow:0 0 0 2px rgba(255,79,216,.35),0 0 22px rgba(255,79,216,.35)}
.nw{position:absolute;left:50%;top:-11px;transform:translateX(-50%);z-index:5;white-space:nowrap;background:linear-gradient(90deg,#ff4fd8,#8A2BE2);color:#fff;font:800 11px Poppins,Arial;padding:4px 10px;border-radius:20px;box-shadow:0 6px 16px rgba(138,43,226,.55);animation:nwf 2.2s ease-in-out infinite}
@keyframes nwf{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
.grid{padding-top:12px;row-gap:24px}.row{padding-top:14px}
@media(max-width:820px){.nw{font-size:9px;padding:3px 7px;top:-9px}}
/* mega banner rotativo */
.mb-t{position:relative}
.mb-f{position:absolute;inset:0;opacity:0;transform:scale(.85) rotateY(70deg);transition:opacity .6s ease,transform .6s ease}
.mb-f.on{opacity:1;transform:none}
.mb-f.out{opacity:0;transform:scale(1.08) rotateY(-70deg)}
.mb-f img{width:100%;height:100%;object-fit:cover}
.mb-f em{position:absolute;left:8px;bottom:8px;font-style:normal;font-family:'Russo One',Poppins,sans-serif;font-size:17px;background:#fff;color:#0B1A3A;padding:4px 12px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.mb-t.hl .mb-f em{left:auto;right:8px}
@media(max-width:820px){.mb-f em{font-size:12px;padding:3px 8px;left:6px;bottom:6px}}
.gc{overflow:visible!important}.gc-img{overflow:hidden;border-radius:13px 13px 0 0}.nw{top:-12px}
/* precio anterior destacado */
.gc-pr s,.buy .pr s,.hs-pr s,.ci small s{color:#ff6b7a!important;text-decoration:line-through;text-decoration-color:#ff2b3d;text-decoration-thickness:2px;opacity:1}
.gc-pr s::before{content:"Antes ";text-decoration:none;display:inline-block;color:#9fb0d4;font-size:.85em;margin-right:2px}
/* slides nuevos */
.hx-bat{background:radial-gradient(520px 420px at 80% 50%,rgba(255,208,0,.12),transparent 60%),linear-gradient(115deg,#03050f 0%,#0b1640 55%,#1f2f73 100%)}
.hx-resort{background:radial-gradient(520px 420px at 80% 50%,rgba(255,255,255,.2),transparent 60%),linear-gradient(115deg,#0a2a6b 0%,#1e6fe0 55%,#43c4ff 100%)}
.pa-wide .pa-ph{aspect-ratio:16/10!important;height:auto!important;width:100%!important;top:50%;transform:translateY(-50%);position:absolute}
.hs .pa.pa-wide .pa-ph{width:100%!important;height:auto!important}
/* beneficios */
.bfi{width:48px!important;height:48px!important;border-radius:14px!important;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.bfi svg{width:24px;height:24px}
.bf-y{background:linear-gradient(135deg,#ff4fd8,#8A2BE2)}.bf-g{background:linear-gradient(135deg,#1ED36F,#0f8a47)}.bf-w{background:linear-gradient(135deg,#25D366,#128c4a)}.bf-p{background:linear-gradient(135deg,#ff3b47,#b30d17)}
.bf{transition:.18s}.bf:hover{border-color:#b77bff;transform:translateY(-2px)}
/* recuadro NSO compacto en celular */
@media(max-width:820px){
 .ns-in{flex-direction:row!important;align-items:center;gap:14px;padding:14px 16px!important;text-align:left}
 .ns-in img{width:110px!important;max-width:110px!important;margin:0!important;flex:0 0 auto}
 .ns-in b{font-size:17px!important}.ns-in p{font-size:12px!important;margin-top:4px!important}
 .bfs{grid-template-columns:1fr 1fr;gap:8px}.bf{padding:10px;gap:8px}.bfi{width:38px!important;height:38px!important;border-radius:11px!important}.bfi svg{width:19px;height:19px}.bf b{font-size:12.5px}.bf small{font-size:10.5px}
}
@media(max-width:820px){.ns{padding:16px;gap:10px}.ns ul{font-size:13px;gap:5px}.ns-h b{font-size:15px}.ns-p strong{font-size:26px}.ns-ic .ico-nso{width:34px;height:34px}.ns-card{width:58px!important;top:54px!important}.ns-card.ns-card2{width:62px!important;top:70px!important}}
/* pestaña 3X2 latiendo */
.cn a.hot,.cn a[href="/3x2/"]{background:linear-gradient(135deg,#ff3b47,#b30d17);color:#fff!important;border-radius:999px;animation:tab3 1.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,59,71,.6)}
.cn a[href="/3x2/"]::before{content:"🔥 "}
@keyframes tab3{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,71,.6)}50%{transform:scale(1.07);box-shadow:0 0 0 7px rgba(255,59,71,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,71,0)}}
/* botón añadir al 3X2 en movimiento */
.buy .btn-p{animation:wig 2.4s ease-in-out infinite;position:relative;overflow:hidden}
.buy .btn-p::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:shine 2.4s ease-in-out infinite}
@keyframes wig{0%,60%,100%{transform:none}65%{transform:rotate(-2deg) scale(1.03)}70%{transform:rotate(2deg) scale(1.03)}75%{transform:rotate(-1.5deg) scale(1.03)}80%{transform:rotate(1deg)}85%{transform:none}}
@keyframes shine{0%{left:-60%}55%,100%{left:130%}}
.gc .btn-p{animation:pb 1.8s ease-in-out infinite}
@keyframes pb{0%,100%{box-shadow:0 8px 20px rgba(229,22,31,.4)}50%{box-shadow:0 8px 26px rgba(255,59,71,.85),0 0 0 3px rgba(255,59,71,.25)}}
@media(prefers-reduced-motion:reduce){.cn a[href="/3x2/"],.buy .btn-p,.buy .btn-p::after,.gc .btn-p{animation:none}}

/* tiles laterales nuevos */
.pt.pt-acc{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2790%27%20height%3D%2790%27%20viewBox%3D%270%200%2090%2090%27%3E%3Cg%20transform%3D%27translate%2825%2020%29%20rotate%28-12%2020%2025%29%27%20fill%3D%27none%27%20stroke%3D%27rgba%28120%2C70%2C0%2C.28%29%27%20stroke-width%3D%273%27%3E%3Cpath%20d%3D%27M17%202H11A9%209%200%200%200%202%2011v28a9%209%200%200%200%209%209h6z%27%20fill%3D%27rgba%28120%2C70%2C0%2C.28%29%27%20stroke%3D%27none%27/%3E%3Cpath%20d%3D%27M23%202h6a9%209%200%200%201%209%209v28a9%209%200%200%201-9%209h-6z%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2714%27%20r%3D%273.2%27%20fill%3D%27%23fff%27%20stroke%3D%27none%27/%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%273.2%27%20fill%3D%27rgba%28120%2C70%2C0%2C.28%29%27%20stroke%3D%27none%27/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#FFD000,#ffb300 60%,#ff9500)!important;background-size:90px 90px,cover!important;color:#2a1700}
.pt.pt-acc b,.pt.pt-acc small{color:#2a1700;text-shadow:none}
.pt.pt-ban{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2780%27%20height%3D%2780%27%20viewBox%3D%270%200%2080%2080%27%3E%3Cg%20transform%3D%27translate%2818%2018%29%20rotate%2820%2020%2020%29%27%3E%3Cpath%20d%3D%27M6%206c10%2018%2022%2026%2036%2024-2%206-10%2010-18%209C10%2037%202%2022%206%206z%27%20fill%3D%27rgba%28255%2C224%2C40%2C.65%29%27/%3E%3Cpath%20d%3D%27M5%204l3%204%27%20stroke%3D%27rgba%28110%2C70%2C0%2C.5%29%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#E5161F,#8e0b12)!important;background-size:80px 80px,cover!important}
.pt img.pt-ac{width:44%!important;right:8px!important;top:8px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.pt img.pt-dk{width:56%!important;right:-6px!important;top:6px!important}
.cx.cx-star{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2770%27%20height%3D%2770%27%20viewBox%3D%270%200%2070%2070%27%3E%3Cpath%20d%3D%27M20%208l3.5%207.5%208%201-6%205.5%201.6%208L20%2026l-7.1%204%201.6-8-6-5.5%208-1z%27%20fill%3D%27rgba%28255%2C230%2C80%2C.5%29%27/%3E%3Cpath%20d%3D%27M52%2040l2%204.3%204.6.6-3.4%203.1.9%204.6L52%2050.3l-4.1%202.3.9-4.6-3.4-3.1%204.6-.6z%27%20fill%3D%27rgba%28255%2C255%2C255%2C.4%29%27/%3E%3C/svg%3E"),linear-gradient(135deg,#E5161F,#7a0a10)!important;background-size:70px 70px,cover!important}
.cx-bj{position:absolute;right:8px;bottom:0;height:96%;width:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}
.pf-i svg{filter:drop-shadow(0 2px 6px rgba(230,0,18,.35))}
@media(max-width:820px){.cx-bj{height:88%}}
.pt img.pt-ac{width:38%!important;top:auto!important;bottom:10px;right:10px!important}.pt.pt-acc small{max-width:58%}.pt.pt-ban small{max-width:60%}