:root{ --bg:#F5F6F8; --surface:#FFFFFF; --soft:#EEF0F4; --fg:#12131A; --muted:#5B6070; --line:#E2E5EB; --accent:#7C3AED; --accent2:#0891B2; --accent3:#E11D48; --on-accent:#FFFFFF; --on-accent2:#FFFFFF; --on-accent3:#FFFFFF; --price:#7C3AED; --hero-em:#5EEAF7; --g-baja:#16A34A; --g-media:#7C3AED; --g-alta:#E11D48; --foot:#0F1016; --foot-fg:#F1EEF9; --overlay:linear-gradient(90deg,rgba(8,4,20,.88),rgba(8,4,20,.25)); --hover-shadow:0 14px 30px -18px rgba(30,20,60,.35); --display:"Chakra Petch", "Arial Narrow", system-ui, sans-serif; --body:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif; --hw:700; --hs:0; --r:8px; --logo-r:6px; color-scheme:light; }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){ --bg:#0B0A12; --surface:#15131F; --soft:#1A1726; --fg:#F1EEF9; --muted:#A39DB8; --line:#2A2640; --accent:#8B5CF6; --accent2:#22D3EE; --accent3:#F43F5E; --on-accent:#FFFFFF; --on-accent2:#04171B; --on-accent3:#FFFFFF; --price:#5EEAF7; --hero-em:#5EEAF7; --g-baja:#16A34A; --g-media:#7C3AED; --g-alta:#E11D48; --foot:#07060C; --foot-fg:#F1EEF9; --overlay:linear-gradient(90deg,rgba(8,4,20,.88),rgba(8,4,20,.25)); --hover-shadow:0 0 0 1px #8B5CF6, 0 0 30px -6px rgba(139,92,246,.6); color-scheme:dark }}
:root[data-theme="dark"]{ --bg:#0B0A12; --surface:#15131F; --soft:#1A1726; --fg:#F1EEF9; --muted:#A39DB8; --line:#2A2640; --accent:#8B5CF6; --accent2:#22D3EE; --accent3:#F43F5E; --on-accent:#FFFFFF; --on-accent2:#04171B; --on-accent3:#FFFFFF; --price:#5EEAF7; --hero-em:#5EEAF7; --g-baja:#16A34A; --g-media:#7C3AED; --g-alta:#E11D48; --foot:#07060C; --foot-fg:#F1EEF9; --overlay:linear-gradient(90deg,rgba(8,4,20,.88),rgba(8,4,20,.25)); --hover-shadow:0 0 0 1px #8B5CF6, 0 0 30px -6px rgba(139,92,246,.6); color-scheme:dark }
body{background:var(--bg);color:var(--fg)}
*{box-sizing:border-box} [hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55}
.wrap{max-width:1220px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit} img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:var(--hw);line-height:1.08;text-wrap:balance;margin:0;letter-spacing:var(--hs)}
h2{font-size:clamp(26px,3.6vw,38px)} h3{font-size:18px}
p{margin:0}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--accent)}
.muted{color:var(--muted)}

/* Cabecera */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--accent)}
.promo{background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;text-align:center}
.promo .wrap{padding-block:7px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 6px 20px -16px rgba(0,0,0,.4)}
.top{display:flex;align-items:center;gap:18px;padding-block:12px}
.logo{font-family:var(--display);font-weight:var(--hw);font-size:22px;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}
.logo i{width:30px;height:30px;border-radius:var(--logo-r);background:conic-gradient(var(--accent) 0 33%,var(--accent2) 0 66%,var(--accent3) 0);flex:none}
.search{position:relative;flex:1;min-width:0}
.search input{width:100%;font:inherit;font-size:15px;padding:11px 16px 11px 42px;border-radius:999px;border:2px solid var(--line);background:var(--soft);color:var(--fg)}
.search input:focus{border-color:var(--accent);outline:none;background:var(--surface)}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2.2}
.drop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45);overflow:hidden;z-index:40}
.drop a{display:flex;align-items:center;gap:12px;padding:9px 14px;text-decoration:none;border-bottom:1px solid var(--line)}
.drop a:last-child{border-bottom:0}
.drop a:hover,.drop a.on{background:var(--soft)}
.drop img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
.drop b{display:block;font-size:14px;line-height:1.25}
.drop small{color:var(--muted);font-size:12px}
.drop .pr{margin-left:auto;font-weight:800;color:var(--accent);white-space:nowrap}
.drop .all{justify-content:center;font-weight:700;color:var(--accent);font-size:14px}
.icons{display:flex;gap:6px}
.ibtn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;color:var(--fg);background:transparent;border:0;cursor:pointer}
.ibtn:hover{background:var(--soft)}
.ibtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.ibtn em{font-style:normal;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;text-decoration:none;font-weight:600;font-size:14px;padding:7px 13px;border-radius:999px;color:var(--muted)}
.nav a:hover{color:var(--fg);background:var(--soft)}
.nav a.on{background:var(--fg);color:var(--bg)}
.nav .hot{color:var(--accent)}
@media (max-width:700px){.top{flex-wrap:wrap}.search{order:3;flex-basis:100%}.ibtn span{display:none}}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 20px;text-decoration:none;border:2px solid transparent;border-radius:var(--r);cursor:pointer;line-height:1.2}
.btn-main{background:var(--accent);color:var(--on-accent)}
.btn-amz{background:var(--accent2);color:var(--on-accent2)}
.btn-ghost{border-color:var(--line);color:var(--fg);background:var(--surface)}
.btn-white{background:#fff;color:#111}
.btn-outline{border-color:rgba(255,255,255,.85);color:#fff}
.btn:hover{filter:brightness(1.06)}
.btn-sm{padding:8px 12px;font-size:13px}

/* Héroe */
.hero{position:relative;color:#fff;background:#111 center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:var(--overlay)}
.hero .wrap{position:relative;padding-block:clamp(56px,9vw,110px)}
.hero h1{font-size:clamp(40px,6.5vw,78px);max-width:13em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 em{font-style:normal;color:var(--hero-em)}
.hero .lead{margin-top:16px;font-size:clamp(16px,2vw,19px);max-width:34em;opacity:.95}
.hero .chip{display:inline-block;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.hsearch{margin-top:26px;max-width:560px;display:flex;background:#fff;border-radius:999px;padding:5px;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.hsearch input{flex:1;min-width:0;border:0;font:inherit;font-size:16px;padding:10px 18px;border-radius:999px;color:#111;background:transparent}
.hsearch input:focus{outline:none}
.hsearch button{border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:700;padding:10px 22px;cursor:pointer;font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tags a{font-size:13px;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px)}
.stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}
.stats b{display:block;font-family:var(--display);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.stats small{opacity:.8;font-size:13px}

section{padding-block:56px}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.sec-head>div{display:flex;flex-direction:column;gap:6px;max-width:44em}
.sec-head a.more{font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap}
.tint{background:var(--soft)}

/* Categorías */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px}
.cat{position:relative;border-radius:calc(var(--r) + 4px);overflow:hidden;aspect-ratio:1/1;text-decoration:none;color:#fff}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat:hover img{transform:scale(1.07)}
.cat span{position:absolute;inset:auto 0 0;padding:44px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-weight:800;font-size:17px;line-height:1.2}
.cat small{display:block;font-weight:500;font-size:12px;opacity:.85;margin-top:2px}

/* Tarjetas de producto */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,280px);gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.row>*{scroll-snap-align:start}
.card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--hover-shadow)}
.ph{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;background:var(--soft)}
.ph img{width:100%;height:100%;object-fit:cover}
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.bdg{white-space:nowrap;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px;background:var(--surface);color:var(--fg)}
.bdg.g-baja{background:var(--g-baja);color:#fff}.bdg.g-media{background:var(--g-media);color:#fff}.bdg.g-alta{background:var(--g-alta);color:#fff}
.bdg.off{background:var(--accent3);color:var(--on-accent3)}
.bdg.top{background:var(--accent2);color:var(--on-accent2)}
.fav{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer}
.fav svg{width:20px;height:20px;stroke:#d23;fill:none;stroke-width:2.2}
.fav.on svg{fill:#d23}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.card .cn{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.card h3{font-family:var(--body);font-weight:700;font-size:16px;line-height:1.3;cursor:pointer}
.card .sp{font-size:13px;color:var(--muted)}
.rate{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.stars{color:#C77C02;letter-spacing:1px;font-size:14px}
.rate b{color:var(--fg)}
.pr{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:6px}
.pr b.pband{font-size:19px;background:none;padding:0;border-radius:0}
.pr b{font-family:var(--display);font-weight:var(--hw);font-size:24px;font-variant-numeric:tabular-nums;color:var(--price)}
.pr s{color:var(--muted);font-size:14px}
.pr small{font-size:12px;color:var(--muted)}
.acts{display:flex;gap:8px;align-items:center}
.acts .btn{flex:1}
.cmp{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.cmp input{accent-color:var(--accent);width:16px;height:16px}

/* Presupuesto */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier{border-radius:calc(var(--r) + 6px);padding:26px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:8px;min-height:190px;justify-content:flex-end;position:relative;overflow:hidden;background:#111 center/cover}
.tier::before{content:"";position:absolute;inset:0}
.tier.t-baja::before{background:linear-gradient(160deg,color-mix(in srgb,var(--g-baja) 70%,transparent),rgba(0,0,0,.75))}
.tier.t-media::before{background:linear-gradient(160deg,color-mix(in srgb,var(--g-media) 70%,transparent),rgba(0,0,0,.75))}
.tier.t-alta::before{background:linear-gradient(160deg,color-mix(in srgb,var(--g-alta) 70%,transparent),rgba(0,0,0,.75))}
.tier>*{position:relative}
.tier b{font-family:var(--display);font-size:28px;line-height:1}
.tier span{opacity:.9;font-size:14px}
@media (max-width:760px){.tiers{grid-template-columns:1fr}}

/* Banda test */
.band{border-radius:calc(var(--r) + 8px);background:var(--accent);color:var(--on-accent);display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden}
.band>div{padding:36px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.band img{width:100%;height:100%;object-fit:cover;min-height:240px}
.band .btn{align-self:flex-start;background:var(--surface);color:var(--fg)}
@media (max-width:760px){.band{grid-template-columns:1fr}.band img{max-height:220px}}

/* Packs y guías */
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.pack{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 6px);overflow:hidden;display:flex;flex-direction:column}
.pack .ims{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}
.pack .ims img{aspect-ratio:1;object-fit:cover;width:100%}
.pack .pb{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.pack ul{margin:0;padding:0;list-style:none;font-size:14px;display:flex;flex-direction:column;gap:6px}
.pack li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.pack li a{color:var(--fg);text-decoration:none} .pack li a:hover{color:var(--accent)}
.pack .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto}
.pack .tot b{font-family:var(--display);font-size:28px;color:var(--price)}
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}
.guide{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden}
.guide img{aspect-ratio:16/9;object-fit:cover;width:100%}
.guide div{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}
.guide b{font-size:17px;line-height:1.3}
.guide small{color:var(--muted)}

/* Página de categoría */
.chead{position:relative;color:#fff;background:#111 center/cover}
.chead::before{content:"";position:absolute;inset:0;background:var(--overlay)}
.chead .wrap{position:relative;padding-block:46px}
.chead h1{font-size:clamp(32px,5vw,54px)}
.chead p{margin-top:10px;max-width:40em;opacity:.95}
.crumbs{font-size:13px;opacity:.85;margin-bottom:10px}
.crumbs a{text-decoration:none}
.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{border:2px solid var(--line);background:var(--surface);color:var(--fg);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;cursor:pointer}
.tabs button[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.tabs button .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.filters label{display:flex;align-items:center;gap:8px;font-weight:600}
.filters select{font:inherit;font-size:14px;padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:var(--surface);color:var(--fg)}
.filters input[type=range]{accent-color:var(--accent);width:140px}
.tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:40px}
.tip{background:var(--soft);border-radius:calc(var(--r) + 2px);padding:18px}
.tip b{display:block;margin-bottom:4px}
.tip p{font-size:14px;color:var(--muted)}
.empty{padding:50px 20px;text-align:center;color:var(--muted);background:var(--soft);border-radius:calc(var(--r) + 4px)}
.empty b{display:block;color:var(--fg);font-size:18px;margin-bottom:6px}

/* Guía */
.rank{display:flex;flex-direction:column;gap:16px;max-width:900px}
.ritem{display:grid;grid-template-columns:auto 220px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:16px;align-items:center}
.ritem .n{font-family:var(--display);font-size:40px;color:var(--accent);width:44px;text-align:center}
.ritem img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%;cursor:pointer}
.ritem .rb{display:flex;flex-direction:column;gap:8px;min-width:0}
.ritem ul{margin:0;padding-left:18px;font-size:14px;color:var(--muted)}
@media (max-width:700px){.ritem{grid-template-columns:auto 1fr}.ritem img{grid-column:2}.ritem .rb{grid-column:1/-1}}
.article{max-width:760px;font-size:17px}
.article p{margin-bottom:14px}

/* Comparador */
.ctable{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px)}
.ctable table{border-collapse:collapse;width:100%;min-width:560px}
.ctable th,.ctable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}
.ctable th{width:140px;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.ctable img{width:100%;max-width:220px;border-radius:var(--r);aspect-ratio:4/3;object-fit:cover}
.ctable .win{color:var(--g-baja);font-weight:800}
.cbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--fg);color:var(--bg);border-radius:999px;padding:8px 8px 8px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 40px -12px rgba(0,0,0,.5);font-weight:600;font-size:14px;max-width:calc(100% - 32px)}
.cbar .btn{padding:8px 16px}
.cbar button.x{background:transparent;border:0;color:inherit;opacity:.7;cursor:pointer;font-size:18px}

/* Test */
.quiz{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 8px);padding:clamp(20px,4vw,40px)}
.qbar{height:8px;background:var(--soft);border-radius:4px;overflow:hidden;margin-bottom:22px}
.qbar i{display:block;height:100%;background:var(--accent);transition:width .3s}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;margin-top:20px}
.opt{border:2px solid var(--line);background:var(--bg);color:var(--fg);border-radius:var(--r);padding:16px;text-align:left;cursor:pointer;font-weight:700;font-size:15px;display:flex;flex-direction:column;gap:4px}
.opt small{font-weight:500;color:var(--muted)}
.opt:hover{border-color:var(--accent)}

/* Modal */
.modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.mbox{background:var(--surface);border-radius:calc(var(--r) + 8px);max-width:900px;width:100%;max-height:calc(100% - 20px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;position:relative}
.mbox>img{width:100%;height:100%;object-fit:cover;min-height:280px}
.mbody{padding:26px;display:flex;flex-direction:column;gap:12px}
.mbody h2{font-size:26px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}
.pc ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}
.pc b{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.pc .pro b{color:var(--g-baja)} .pc .con b{color:var(--accent3)}
.close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:var(--surface);color:var(--fg);font-size:22px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:2}
.sim{display:flex;gap:10px;overflow-x:auto}
.sim a{flex:0 0 110px;text-decoration:none;font-size:12px;line-height:1.25}
.sim img{width:110px;height:82px;object-fit:cover;border-radius:8px;margin-bottom:4px}
@media (max-width:760px){.mbox{grid-template-columns:1fr}.mbox>img{min-height:0;max-height:240px}}

.notice{font-size:13px;color:var(--muted);text-align:center;padding-block:16px;border-bottom:1px solid var(--line)}
footer{background:var(--foot);color:var(--foot-fg);font-size:14px;margin-top:40px}
footer .wrap{padding-block:40px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}
footer h4{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
footer a{text-decoration:none;opacity:.8} footer a:hover{opacity:1}
footer p{opacity:.75}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.card,.cat img{transition:none}}
.logo i{display:flex;align-items:center;justify-content:center;background:var(--accent)}
.logo i svg{width:19px;height:19px;stroke:var(--on-accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.upd{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
.season{border-radius:calc(var(--r) + 8px);background:linear-gradient(120deg,var(--fg),color-mix(in srgb,var(--fg) 75%,var(--accent)));color:var(--bg);padding:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.season h2{color:inherit}
.cd{display:flex;gap:10px}
.cd div{background:color-mix(in srgb,var(--bg) 12%,transparent);border-radius:12px;padding:10px 12px;text-align:center;min-width:64px}
.cd b{display:block;font-family:var(--display);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.cd small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.events{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.event{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:18px;display:flex;flex-direction:column;gap:6px}
.event.next{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.event b{font-size:17px}
.event .when{font-weight:700;color:var(--accent);font-size:14px}
.event p{font-size:14px;color:var(--muted)}
.news{border-radius:calc(var(--r) + 8px);background:var(--soft);padding:clamp(22px,4vw,40px);display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.news form{display:flex;gap:8px;flex-wrap:wrap}
.news input{flex:1;min-width:200px;font:inherit;padding:12px 16px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--fg)}
.news .ok{font-weight:600;color:var(--accent);margin-top:8px;font-size:14px}
@media (max-width:760px){.news{grid-template-columns:1fr}}
.sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.site{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden}
.site img{width:110px;height:100%;min-height:96px;object-fit:cover}
.site div{padding:12px 14px 12px 0;display:flex;flex-direction:column;gap:4px}
.site small{color:var(--muted);font-size:13px}
.arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.art{display:flex;gap:12px;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:12px}
.art img{width:72px;height:72px;border-radius:var(--r);object-fit:cover;flex:none}
.art b{font-size:15px;line-height:1.3}
.art small{color:var(--muted);font-size:12px;display:block;margin-top:3px}
.tool2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tbox{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 6px);padding:24px;display:flex;flex-direction:column;gap:14px}
.tbox label{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}
.tbox select,.tbox input[type=number]{width:100%;font:inherit;padding:10px 12px;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--fg)}
.tbox input[type=range]{width:100%;accent-color:var(--accent)}
.res3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.res3 div{background:var(--soft);border-radius:10px;padding:12px;text-align:center}
.res3 b{display:block;font-family:var(--display);font-size:24px;color:var(--price);font-variant-numeric:tabular-nums}
.res3 small{font-size:12px;color:var(--muted)}
.chk{display:flex;flex-wrap:wrap;gap:8px}
.chk label{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-weight:600;font-size:14px;border:2px solid var(--line);border-radius:999px;padding:6px 12px;margin:0;cursor:pointer}
.chk input{accent-color:var(--accent)}
.cfgres ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cfgres li{display:flex;gap:10px;align-items:center;border-bottom:1px dashed var(--line);padding-bottom:8px}
.cfgres li img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.cfgres li span{flex:1;font-size:14px}
.cfgres li a{font-weight:700;color:var(--accent);font-size:13px;white-space:nowrap}
@media (max-width:820px){.tool2{grid-template-columns:1fr}}
.alert{background:var(--soft);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.alert form{display:flex;gap:6px}
.alert input{flex:1;min-width:0;font:inherit;padding:8px 12px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--fg)}
.prose{max-width:760px;font-size:17px;display:flex;flex-direction:column;gap:14px}
.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:24px}
.ideal{font-size:12px;color:var(--fg);background:var(--soft);border-radius:999px;padding:3px 10px;align-self:flex-start;font-weight:600}
.uses{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.uses button{border:2px solid var(--line);background:var(--surface);color:var(--fg);font-weight:600;font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer}
.uses button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.uses .lbl2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-self:center;margin-right:4px}
.trust{background:var(--surface);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-block:16px}
.trust div{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.35}
.trust svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:2;flex:none}
.trust b{display:block;font-size:14px}
@media (max-width:860px){.trust .wrap{grid-template-columns:1fr 1fr}}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:12px;font-weight:600;background:var(--soft);border-radius:999px;padding:4px 10px}
.bigt{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px)}
.bigt table{border-collapse:collapse;width:100%;min-width:860px;font-size:14px}
.bigt th,.bigt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.bigt th{position:sticky;top:0;background:var(--accent);color:var(--on-accent);font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap}
.bigt th[aria-sort]::after{content:" ↕";opacity:.6}
.bigt tbody tr:hover{background:var(--soft)}
.bigt img{width:56px;height:42px;object-fit:cover;border-radius:6px}
.bigt td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.prof{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;text-decoration:none;background:#111 center/cover}
.prof::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.82))}
.prof>*{position:relative}
.prof b{font-size:19px;line-height:1.2}
.prof span{font-size:13px;opacity:.88;margin-top:4px}
.cartb{display:flex;flex-direction:column;gap:4px}
.cartb .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.cartb small{font-size:12px;color:var(--muted)}
/* ===== Cocina: revista cálida, héroe partido, categorías redondas ===== */
.theme-cocina .hero{background:var(--soft)!important;color:var(--fg)}
.theme-cocina .hero::before{display:none}
.theme-cocina .hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44%;background:var(--hero) center/cover;border-bottom-left-radius:160px}
.theme-cocina .hero .wrap>*{max-width:50%}
.theme-cocina .hero h1{text-shadow:none}
.theme-cocina .hero h1 em{color:var(--accent)}
.theme-cocina .hero .lead{opacity:1;color:var(--muted)}
.theme-cocina .hsearch{border:2px solid var(--line);box-shadow:0 14px 30px -18px rgba(80,30,10,.35)}
.theme-cocina .tags a{color:var(--fg);background:var(--surface);border-color:var(--line);backdrop-filter:none}
.theme-cocina .stats b{color:var(--accent)}
.theme-cocina .stats small{opacity:1;color:var(--muted)}
@media (max-width:860px){.theme-cocina .hero::after{position:relative;display:block;width:100%;height:220px;border-radius:0 0 0 90px}.theme-cocina .hero{display:flex;flex-direction:column-reverse}.theme-cocina .hero .wrap>*{max-width:none}.theme-cocina .hero .wrap{width:100%;min-width:0}}
.theme-cocina .cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:20px}
.theme-cocina .cat{aspect-ratio:auto;color:var(--fg);text-align:center;overflow:visible}
.theme-cocina .cat img{aspect-ratio:1;border-radius:50%;border:4px solid var(--surface);box-shadow:0 10px 24px -14px rgba(80,30,10,.5)}
.theme-cocina .cat span{position:static;background:none;padding:10px 0 0;font-size:15px}
.theme-cocina .cat small{color:var(--muted)}
.theme-cocina .card{border:0;border-radius:22px;box-shadow:0 10px 30px -18px rgba(80,30,10,.4)}
.theme-cocina .ph{margin:10px 10px 0;border-radius:16px}
.theme-cocina .sec-head .eyebrow::before{content:"";display:inline-block;width:22px;height:3px;border-radius:2px;background:var(--accent2);margin-right:8px;vertical-align:middle}
.theme-cocina .nav a.on{background:var(--accent);color:var(--on-accent)}
.theme-cocina .tier,.theme-cocina .prof,.theme-cocina .band,.theme-cocina .pack,.theme-cocina .guide{border-radius:26px}

/* ===== Hogar: editorial, centrado, mucho aire, retratos ===== */
.theme-hogar .hero .wrap{text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:clamp(70px,11vw,140px)}
.theme-hogar .hero::before{background:linear-gradient(180deg,rgba(18,30,24,.35),rgba(18,30,24,.7))}
.theme-hogar .hero h1{margin-inline:auto;font-style:normal;letter-spacing:-.02em}
.theme-hogar .hero .lead{margin-inline:auto}
.theme-hogar .hsearch{margin-inline:auto;width:100%;border-radius:6px}
.theme-hogar .hsearch input,.theme-hogar .hsearch button{border-radius:4px}
.theme-hogar .tags,.theme-hogar .stats{justify-content:center}
.theme-hogar .chip{background:transparent;border:1px solid rgba(255,255,255,.7);letter-spacing:.2em}
.theme-hogar section{padding-block:72px}
.theme-hogar .sec-head{flex-direction:column;align-items:center;text-align:center;margin-inline:auto;margin-bottom:34px}
.theme-hogar .sec-head>div{align-items:center}
.theme-hogar .cats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);grid-template-columns:none;overflow-x:auto;padding-bottom:8px}
.theme-hogar .cat{aspect-ratio:3/4;border-radius:4px}
.theme-hogar .cat span{font-family:var(--display);font-weight:500;font-size:20px}
.theme-hogar .card{border:0;background:transparent;border-radius:0}
.theme-hogar .card:hover{box-shadow:none;transform:none}
.theme-hogar .card:hover .ph img{transform:scale(1.04)}
.theme-hogar .ph{border-radius:4px}
.theme-hogar .ph img{transition:transform .5s}
.theme-hogar .card .body{padding:14px 2px 6px}
.theme-hogar .card h3{font-family:var(--display);font-weight:600;font-size:18px}
.theme-hogar .btn{border-radius:4px}
.theme-hogar .btn-amz{background:var(--fg);color:var(--bg)}
.theme-hogar .bdg{border-radius:2px}
.theme-hogar .tier,.theme-hogar .prof,.theme-hogar .band,.theme-hogar .pack,.theme-hogar .guide,.theme-hogar .tool,.theme-hogar .news{border-radius:4px}
.theme-hogar .nav a:first-child{margin-left:auto}.theme-hogar .nav a:last-child{margin-right:auto}
.theme-hogar .nav a{border-radius:0;border-bottom:2px solid transparent}
.theme-hogar .nav a.on{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}

/* ===== Gaming: angular, cortes en diagonal, neón ===== */
.theme-gaming h1,.theme-gaming h2{text-transform:uppercase;letter-spacing:.01em}
.theme-gaming .hero{clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.theme-gaming .hero .wrap{padding-bottom:clamp(90px,12vw,150px)}
.theme-gaming .hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);pointer-events:none}
.theme-gaming .chip{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border-radius:0;padding:5px 16px}
.theme-gaming .card,.theme-gaming .cat,.theme-gaming .tier,.theme-gaming .prof,.theme-gaming .pack,.theme-gaming .guide,.theme-gaming .tbox,.theme-gaming .event,.theme-gaming .band{border-radius:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.theme-gaming .btn{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-transform:uppercase;letter-spacing:.05em;font-size:13px}
.theme-gaming .cat{border:1px solid var(--line)}
.theme-gaming .cat:hover{border-color:var(--accent2)}
.theme-gaming .cat span{text-transform:uppercase;letter-spacing:.04em;font-family:var(--display)}
.theme-gaming .cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.theme-gaming .bdg,.theme-gaming .tags a,.theme-gaming .uses button,.theme-gaming .tabs button,.theme-gaming .ideal,.theme-gaming .pill{border-radius:0}
.theme-gaming .nav a{text-transform:uppercase;font-size:12px;letter-spacing:.08em;border-radius:0}
.theme-gaming .nav a.on{background:var(--accent);color:var(--on-accent);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.theme-gaming .search input{border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.theme-gaming .hsearch,.theme-gaming .hsearch input,.theme-gaming .hsearch button{border-radius:0}
.theme-gaming .eyebrow::before{content:"// ";color:var(--accent2)}
.theme-gaming .score{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:52px;height:52px}
.faq{max-width:800px;display:flex;flex-direction:column;gap:10px}
details{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 2px);padding:14px 18px}
summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-size:22px;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:8px;color:var(--muted)}
.a11y{display:flex;gap:4px;align-items:center}
.a11y button{border:2px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;min-width:36px;height:36px;font-weight:800;cursor:pointer;font-size:14px}
.a11y button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:700;border:0}
.skip:focus{left:12px}
:root.hc{--muted:var(--fg);--line:color-mix(in srgb,var(--fg) 55%,transparent);--soft:var(--bg)}
:root.hc .card,:root.hc .tip,:root.hc details,:root.hc .event{border:2px solid var(--fg)}
:root.hc main a{text-decoration:underline}
[data-open][tabindex]:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.share a,.share button{font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;border:2px solid rgba(255,255,255,.5);color:inherit;background:transparent;text-decoration:none;cursor:pointer;font-family:inherit}
.howto{counter-reset:s;display:flex;flex-direction:column;gap:16px;max-width:820px}
.howto li{list-style:none;counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:18px}
.howto li::before{content:counter(s);font-family:var(--display);font-size:28px;color:var(--accent);line-height:1}
.howto b{display:block;font-size:18px;margin-bottom:4px}
.howto p{color:var(--muted)}
.warn{background:color-mix(in srgb,var(--accent3) 12%,var(--surface));border-radius:calc(var(--r) + 4px);padding:18px 20px;max-width:820px}
.warn ul{margin:8px 0 0;padding-left:20px}
.gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.gloss div{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 2px);padding:14px 16px}
.gloss b{display:block;margin-bottom:4px;color:var(--accent)}
.gloss p{font-size:14px;color:var(--muted)}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;max-width:900px}
.vs .mid{display:flex;align-items:center;font-family:var(--display);font-size:34px;color:var(--accent)}
@media (max-width:700px){.vs{grid-template-columns:1fr}.vs .mid{justify-content:center}}
.form2{display:flex;flex-direction:column;gap:12px;max-width:560px}
.form2 input,.form2 textarea{font:inherit;padding:12px 14px;border-radius:10px;border:2px solid var(--line);background:var(--surface);color:var(--fg)}
.form2 label{font-weight:700;font-size:14px}
.legal{max-width:760px;display:flex;flex-direction:column;gap:12px}
.legal h2{font-size:22px;margin-top:14px}
.legal .ph{background:color-mix(in srgb,var(--accent2) 30%,transparent);padding:0 4px;border-radius:4px}
@media (max-width:700px){.a11y{display:none}}
.cbtn{flex:none;width:40px;height:38px;border-radius:var(--r);border:2px solid var(--line);background:var(--surface);color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.cbtn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.cartl{display:flex;flex-direction:column;gap:12px}
.citem{display:grid;grid-template-columns:96px 1fr auto auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:12px}
.citem img{width:96px;height:72px;object-fit:cover;border-radius:var(--r);cursor:pointer}
.ci{display:flex;flex-direction:column;gap:3px;min-width:0}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:var(--bg);color:var(--fg);font-size:18px;cursor:pointer}
.qty span{min-width:20px;text-align:center;font-weight:700}
.cact{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.lnk{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13px}
.ctot{margin-top:18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--soft);border-radius:calc(var(--r) + 4px);padding:18px}
.ctot>div:first-child{display:flex;flex-direction:column;gap:2px}
.ctot b{font-family:var(--display);font-size:28px;color:var(--price)}
@media (max-width:700px){.citem{grid-template-columns:80px 1fr}.citem img{width:80px;height:60px}.qty,.cact{grid-column:1/-1}.cact{flex-direction:row;flex-wrap:wrap}}
/* ===== Acabado profesional común ===== */
body{font-size:15px}
.tint{background:var(--soft)}
.sec-head h2,.sec-head h1.h2like{font-size:clamp(24px,3vw,32px)}
.card{border-radius:10px;box-shadow:none}
.card:hover{transform:none;box-shadow:var(--hover-shadow)}
.card h3{font-size:15px}
.card .sp{font-size:12.5px}
.btn{font-size:14px}
.band{background:var(--surface)!important;color:var(--fg)!important;border:1px solid var(--line)}
.band .btn{background:var(--accent)!important;color:var(--on-accent)!important}
.band .eyebrow{color:var(--accent)!important;opacity:1!important}
.season{background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.season .eyebrow{color:var(--accent)!important;opacity:1!important}
.season .cd div{background:var(--soft)}
.season .cd b{color:var(--accent)}
.trust{background:var(--bg)}
.news{background:var(--surface);border:1px solid var(--line)}
header{box-shadow:none}
.nav a{font-weight:500}
.promo{font-weight:500}
.chead .wrap{padding-block:38px}
.chead h1{font-size:clamp(28px,4vw,44px)}
.tier,.prof{min-height:170px}
footer{margin-top:0}
/* Cocina: limpio y blanco, toque cálido */
.theme-cocina .hero{background:var(--bg)!important}
.theme-cocina .hero::after{border-bottom-left-radius:0;border-radius:18px;top:28px;bottom:28px;right:max(16px,calc((100vw - 1220px)/2 + 16px));width:min(42%,540px)}
.theme-cocina .card{box-shadow:none;border:1px solid var(--line);border-radius:14px}
.theme-cocina .ph{margin:8px 8px 0;border-radius:10px}
.theme-cocina .tier,.theme-cocina .prof,.theme-cocina .band,.theme-cocina .pack,.theme-cocina .guide{border-radius:16px}
@media (max-width:860px){.theme-cocina .hero::after{position:relative;inset:auto;width:auto;margin:0 16px;height:220px}}
/* Hogar: revista sobria */
.theme-hogar .hero::before{background:linear-gradient(180deg,rgba(18,30,24,.25),rgba(18,30,24,.62))}
.theme-hogar .promo{background:var(--fg)}
/* Gaming: tienda clara con cabecera negra */
.theme-gaming header{background:#0F1016;border-bottom-color:#1F2130}
.theme-gaming header .logo,.theme-gaming header .ibtn{color:#fff}
.theme-gaming header .ibtn:hover{background:#1C1E2A}
.theme-gaming .search input{background:#1A1C27;border-color:#2A2D3D;color:#fff}
.theme-gaming .search input::placeholder{color:#8C90A6}
.theme-gaming .nav a{color:#B7BACB}
.theme-gaming .nav a:hover{color:#fff;background:#1C1E2A}
.theme-gaming .a11y button{background:#1A1C27;border-color:#2A2D3D;color:#fff}
.theme-gaming .a11y button[aria-pressed="true"]{background:#fff;color:#0F1016}
.theme-gaming .card,.theme-gaming .cat,.theme-gaming .tier,.theme-gaming .prof,.theme-gaming .pack,.theme-gaming .guide,.theme-gaming .tbox,.theme-gaming .event,.theme-gaming .band{clip-path:none;border-radius:6px}
.theme-gaming .card{border:1px solid var(--line)}
.theme-gaming h2{text-transform:none}
.theme-gaming .btn{font-size:12.5px}
.theme-gaming body::before{background:#0F1016}
.tabs button[aria-pressed="true"] .muted{color:inherit;opacity:.8}
:root[data-theme="dark"] .stars{color:#F5B83D}
.hero h1 em{text-shadow:0 0 30px rgba(94,234,247,.55)}

/* Revisión 3: mega menú, hub, ficha de producto */
#mega{visibility:hidden;opacity:0;transform:translateY(-10px);clip-path:inset(0 0 100% 0);transition:clip-path .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s;pointer-events:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 18px 40px -20px rgba(0,0,0,.45);max-height:calc(100vh - 150px);overflow:auto;z-index:30}
#mega .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:22px 28px;padding-block:22px 26px}
#mega h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
#mega a{display:flex;align-items:center;gap:10px;padding:6px 0;text-decoration:none;color:var(--fg);font-weight:600;font-size:15px}
#mega a:hover span{text-decoration:underline}
#mega a img{width:42px;height:42px;object-fit:cover;border-radius:8px;flex:none}
#mega a small{display:block;color:var(--muted);font-weight:400;font-size:12px}
#mega .all{margin-top:6px;color:var(--accent)}
.theme-gaming #mega{background:#0F1016;border-bottom-color:#1F2130}
.theme-gaming #mega a{color:#fff}.theme-gaming #mega a small,.theme-gaming #mega h4{color:#B7BACB}
.theme-gaming #mega .all{color:var(--accent)}
.grp{margin-bottom:34px}.grp h3{font-size:20px;margin:0 0 14px}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start}
.pdp>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.pdp .mbody{padding:0}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media (max-width:760px){.pdp{grid-template-columns:minmax(0,1fr);gap:18px}}

.setw{position:relative}
.setp{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 32px));background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.45);padding:16px;z-index:40}
.setp .eyebrow{margin:0 0 8px}
.srow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.srow button{border:2px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;min-width:38px;height:36px;font-weight:800;cursor:pointer;font-size:14px;margin-left:4px;padding:0 8px}
.srow button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sbtns{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.sbtns button{font-weight:600;font-size:13px;height:32px}
.theme-gaming .setp{background:#14151D;color:#fff;border-color:#2A2D3D}.theme-gaming .srow{border-top-color:#2A2D3D}
.theme-gaming .srow button{background:#1A1C27;border-color:#2A2D3D;color:#fff}.theme-gaming .srow button[aria-pressed="true"]{background:#fff;color:#0F1016}
.bdg.nw{background:#0B7A3E;color:#fff}
.plats{font-size:13px;margin:-2px 0 10px}.plats b{font-weight:700}
.totop{position:fixed;right:16px;bottom:18px;width:44px;height:44px;border-radius:50%;border:0;background:var(--fg);color:var(--bg);font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);z-index:15}
.amzbar{display:none}
@media (max-width:760px){.amzbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:16;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 20px -14px rgba(0,0,0,.4)}.amzbar b{font-size:15px}.amzbar .btn{flex:none}.has-amzbar .totop{bottom:84px}.has-amzbar #app{padding-bottom:70px}}

#mega.open{visibility:visible;opacity:1;transform:none;clip-path:inset(0 0 0 0);pointer-events:auto;transition:clip-path .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s}
#megab .car{display:inline-block;transition:transform .3s ease}
#megab[aria-expanded="true"] .car{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){#mega,#mega.open,#megab .car{transition:none}}
.tool2.t3{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.tres{background:var(--soft);border-radius:12px;padding:14px 16px;margin-top:12px;font-size:15px}
.tres p{margin:0 0 6px}.tres p:last-child{margin:0}
.tres .big{font-size:24px;font-weight:800;display:block;margin:2px 0 6px;color:var(--accent)}
h1.h2like{font-size:clamp(26px,3.6vw,38px)} .theme-gaming h1.h2like{text-transform:none}