:root{--deep:#06102A;--night:#0B1D45;--white:#FFFFFF;--dim:#A9B8D6;--yel:#FFE500;--frame:#030817;--rule:rgba(255,255,255,.14);--cap:"Montserrat",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--deep)}
body{margin:0;color:var(--white);font:500 18px/1.6 var(--cap);background:linear-gradient(180deg,var(--night) 0,var(--deep) 900px,var(--deep) 100%);overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px;border-radius:4px}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
/* focos */
.lights{position:absolute;inset:0 0 auto 0;height:1100px;pointer-events:none;z-index:0;overflow:hidden}
.lights i{position:absolute;border-radius:50%;filter:blur(10px)}
.lights .l1{width:1100px;height:900px;right:-220px;top:-420px;background:radial-gradient(closest-side,rgba(120,170,255,.55),transparent)}
.lights .l2{width:800px;height:700px;left:-260px;top:-380px;background:radial-gradient(closest-side,rgba(90,130,255,.38),transparent)}
.lights .beam{position:absolute;top:-120px;width:240px;height:1000px;background:linear-gradient(180deg,rgba(170,200,255,.16),transparent 75%);filter:blur(18px);transform-origin:50% 0}
.lights .b1{right:22%;transform:rotate(24deg)}.lights .b2{right:8%;transform:rotate(-16deg)}
header,main,footer{position:relative;z-index:1}
/* cabecera */
.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.mark{font:900 21px var(--cap);text-decoration:none;letter-spacing:-.01em}
.mark b{color:var(--yel)}
nav a{text-decoration:none;font-weight:600;font-size:16px;margin-left:28px;color:var(--dim)}
nav a:hover{color:var(--white)}
.hire{font:800 15px var(--cap);text-decoration:none;color:var(--frame);background:var(--white);padding:10px 18px;border-radius:999px}
/* hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:calc(100vh - 84px);max-height:900px;padding-bottom:40px}
.cap{font:900 clamp(52px,6.4vw,92px)/1.02 var(--cap);text-transform:uppercase;margin:0;text-shadow:0 6px 0 var(--frame)}
.cap span{display:inline-block;transition:color .15s,opacity .15s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.js .cap span{opacity:.22}
.js .cap span.on{opacity:1}
.cap span.now{color:var(--yel);transform:scale(1.06) rotate(-2deg)}
.cap span.after{color:var(--dim)}
.sub{max-width:31em;margin:28px 0 30px;font-size:19px;color:#DDE5F5}
.btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.play-btn{display:inline-flex;align-items:center;gap:12px;background:var(--yel);color:var(--frame);font:900 18px var(--cap);padding:15px 24px 15px 18px;border-radius:999px;border:0;box-shadow:0 5px 0 var(--frame);cursor:pointer;transition:transform .12s,box-shadow .12s}
.play-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--frame)}
.play-btn i{width:26px;height:26px;border-radius:50%;background:var(--frame);display:grid;place-items:center}
.play-btn i::before{content:"";border-left:9px solid var(--yel);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.ghost{font:900 18px var(--cap);color:var(--white);text-decoration:none;padding:13px 22px;border-radius:999px;border:3px solid var(--white)}
.hint{width:100%;font-size:14px;color:var(--dim);margin-top:4px}
/* móviles */
.phones{position:relative;height:720px}
.ph{position:absolute;width:290px;height:540px;border-radius:34px;overflow:hidden;border:8px solid var(--frame);background:var(--frame);box-shadow:0 40px 70px -25px rgba(0,0,0,.7)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph .c{position:absolute;left:0;right:0;bottom:110px;text-align:center;font:900 29px/1.1 var(--cap);text-transform:uppercase;color:#fff;paint-order:stroke fill;-webkit-text-stroke:7px #000;padding:0 14px}
.ph .c em{font-style:normal;color:var(--yel)}
.ph .side{position:absolute;right:10px;bottom:22px;display:grid;gap:12px;justify-items:center;font:900 13px var(--cap);text-shadow:0 1px 3px #000}
.ph .side span::before{content:"";display:block;width:30px;height:30px;margin:0 auto 3px;border-radius:50%;background:rgba(255,255,255,.9);-webkit-mask:radial-gradient(circle,#000 60%,transparent 62%);mask:radial-gradient(circle,#000 60%,transparent 62%)}
.ph .prog{position:absolute;left:14px;right:14px;top:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.ph .prog b{display:block;height:100%;width:0;background:#fff}
.p2 .prog b{animation:prog 6s linear infinite}
@keyframes prog{to{width:100%}}
.p1{left:0;top:110px;transform:rotate(-8deg)}
.p2{left:150px;top:30px;z-index:2;transform:rotate(2deg)}
.p3{left:300px;top:140px;transform:rotate(9deg)}
.tag{position:absolute;z-index:3;left:110px;top:610px;background:var(--yel);color:var(--frame);font:900 21px var(--cap);padding:8px 16px;border-radius:12px;transform:rotate(-6deg);box-shadow:0 5px 0 var(--frame)}
/* secciones */
section.wrap{padding-top:120px}
main{overflow-x:clip}
h2:where(:not(.h1x)){font:900 clamp(40px,4.6vw,64px)/1.02 var(--cap);text-transform:uppercase;margin:0 0 16px;text-shadow:0 5px 0 var(--frame)}
h2:where(:not(.h1x)) em{font-style:normal;color:var(--yel)}
.intro{max-width:36em;color:#C9D4EA;margin:0 0 36px}
/* narraciones */
.tracks{border-top:1px solid var(--rule)}
.track{display:grid;grid-template-columns:auto 1fr 220px;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--rule);transition:background .3s}
.track[data-on]{background:linear-gradient(90deg,rgba(255,229,0,.10),transparent 70%)}
.play{width:56px;height:56px;border-radius:50%;border:0;background:var(--white);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 0 var(--frame)}
.play::before{content:"";border-left:15px solid var(--frame);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.track[data-on] .play{background:var(--yel)}
.track[data-on] .play::before{border:0;width:14px;height:16px;margin:0;border-left:5px solid var(--frame);border-right:5px solid var(--frame)}
.track h3{font:900 24px/1.15 var(--cap);text-transform:uppercase;margin:0}
.track p{margin:4px 0 0;color:var(--dim);font-size:16px}
.track .say{display:block;margin-top:8px;font:900 18px var(--cap);text-transform:uppercase;color:var(--yel);min-height:1.4em;opacity:0;transition:opacity .2s}
.track[data-on] .say{opacity:1}
.wave{width:220px;height:46px}
.note{color:var(--dim);font-size:14px;margin-top:16px}
/* okocha: estantería de reels */
.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 40px 30px;margin:0 -40px;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}
.reel{scroll-snap-align:start;position:relative;height:520px;border-radius:26px;overflow:hidden;border:6px solid var(--frame);background:var(--frame);margin:0}
.reel img{width:100%;height:100%;object-fit:cover}
.reel figcaption{position:absolute;left:0;right:0;bottom:70px;text-align:center;font:900 26px/1.12 var(--cap);text-transform:uppercase;paint-order:stroke fill;-webkit-text-stroke:6px #000;padding:0 14px}
.reel figcaption em{font-style:normal;color:var(--yel)}
.reel small{position:absolute;left:16px;right:16px;bottom:18px;font:600 14px/1.35 var(--cap);color:#fff;text-shadow:0 1px 4px #000}
.reel.text{background:var(--yel);color:var(--frame);display:grid;align-content:center;padding:30px}
.reel.text b{font:900 30px/1.05 var(--cap);text-transform:uppercase}
.reel.text p{margin:14px 0 0;font-weight:600}
.reel.text a{font-weight:900}
/* plaza */
.plaza{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.rounds{list-style:none;margin:0;padding:0}
.rounds li{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule)}
.rounds li:first-child{border-top:1px solid var(--rule)}
.rounds b{font:900 22px var(--cap);text-transform:uppercase}
.rounds li:last-child b{color:var(--yel)}
.rounds span{color:#DDE5F5}
.quote{font:900 clamp(30px,3vw,40px)/1.15 var(--cap);text-transform:uppercase;margin:0;paint-order:stroke fill;-webkit-text-stroke:0}
.quote em{font-style:normal;color:var(--yel)}
.quote+p{color:var(--dim);margin-top:18px}
/* trayectoria */
.editor{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0 26px}
.monitor{min-height:160px;display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:start}
.monitor .y{font:900 76px/1 var(--cap);color:var(--yel);font-variant-numeric:tabular-nums;text-shadow:0 5px 0 var(--frame)}
.monitor h3{font:900 28px/1.15 var(--cap);text-transform:uppercase;margin:4px 0 10px}
.monitor p{margin:0;color:#DDE5F5;max-width:38em}
.monitor .fade{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}
.tl{position:relative;margin-top:24px;padding-top:32px}
.chapters{position:absolute;top:0;left:0;right:0;height:24px}
.chapters button{position:absolute;transform:translateX(-50%);font:800 14px var(--cap);color:var(--dim);background:none;border:0;cursor:pointer;padding:2px 4px;white-space:nowrap}
.chapters button[aria-current="true"]{color:var(--white)}
.track-bar{height:52px;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px),rgba(255,255,255,.05);position:relative;overflow:hidden}
.track-bar .clip{position:absolute;top:9px;bottom:9px;border-radius:6px;background:rgba(169,184,214,.35)}
.track-bar .clip.hot{background:var(--yel)}
input[type=range]{position:absolute;left:0;right:0;bottom:0;width:100%;height:52px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:70px;background:#fff;border-radius:2px;box-shadow:0 0 0 5px rgba(255,255,255,.18);margin-top:-9px}
input[type=range]::-moz-range-thumb{width:4px;height:70px;background:#fff;border:0;border-radius:2px}
input[type=range]::-webkit-slider-runnable-track{height:52px}
.drag{color:var(--dim);font-size:14px;margin:14px 0 0}
/* contacto */
.wrap.contact{padding-top:150px;padding-bottom:90px;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:end}
.contact h2:where(:not(.h1x)){font-size:clamp(46px,6vw,86px)}
.contact>div{min-width:0}
.mailrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mail{font:900 22px var(--cap);overflow-wrap:anywhere}
.copy{font:900 15px var(--cap);background:var(--white);color:var(--frame);border:0;border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 4px 0 var(--frame)}
footer{border-top:1px solid var(--rule);padding:28px 0 46px;color:var(--dim);font-size:15px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* el gol */
.stinger{position:fixed;inset:0;z-index:50;pointer-events:none;display:grid;place-items:center;overflow:hidden}
.stinger .band{position:absolute;left:-10%;right:-10%;height:48vh;background:var(--yel);transform:translateX(-120%) skewX(-12deg)}
.stinger .word{position:relative;font:900 min(16vw,200px)/1 var(--cap);color:var(--frame);opacity:0;white-space:nowrap;text-transform:uppercase}
.stinger .code{position:relative;display:flex;gap:5px;max-width:92vw;flex-wrap:wrap;justify-content:center;opacity:0}
.stinger.on .band{animation:sweep 2.9s cubic-bezier(.65,0,.35,1) forwards}
.stinger.on .word,.stinger.on .code{animation:word 2.9s ease forwards}
@keyframes sweep{0%{transform:translateX(-120%) skewX(-12deg)}18%,78%{transform:translateX(0) skewX(-12deg)}100%{transform:translateX(120%) skewX(-12deg)}}
@keyframes word{0%,14%{opacity:0;transform:scale(.8)}24%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.04)}82%,100%{opacity:0}}
.code i{display:block;height:9px;border-radius:5px;background:var(--frame);opacity:.25}
.code i.s{width:9px}.code i.l{width:24px}.code i.g{width:7px;background:none}.code i.w{width:18px;background:none}
.code i.lit{opacity:1}
.stack{display:grid;justify-items:center;gap:14px}
.banner{position:relative;z-index:2;background:var(--yel);color:var(--frame);text-align:center;font:700 14px var(--cap);padding:7px 16px}
@media (max-width:980px){
 nav{display:none}
 .hero{grid-template-columns:1fr;min-height:0;max-height:none;padding-top:20px}
 .phones{height:560px;transform:scale(.78);transform-origin:0 0;margin-bottom:-120px}
 .plaza,.wrap.contact{grid-template-columns:1fr}
 .monitor{grid-template-columns:1fr;gap:6px}
 .track{grid-template-columns:auto 1fr}
 .wave{display:none}
}
@media (max-width:560px){
 body{font-size:17px}
 .wrap{padding:0 16px}
 .shelf{padding:10px 16px 26px;margin:0 -16px;grid-auto-columns:250px}
 .reel{height:440px}
 .phones{transform:scale(.56);height:470px;margin:10px 0 -40px 14px}
 .rounds li{grid-template-columns:1fr;gap:2px}
 .chapters button{font-size:11.5px}
 .chapters button:nth-child(even){top:-16px}
 .hire{padding:8px 14px;font-size:14px}
 section.wrap{padding-top:90px}
 .wrap.contact{padding-top:110px}
}

/* ---- multipágina ---- */
.view[hidden]{display:none}
nav a[aria-current="page"]{color:var(--white);box-shadow:inset 0 -3px 0 var(--yel)}
.menu{display:none;font:900 15px var(--cap);background:none;color:var(--white);border:2px solid var(--white);border-radius:999px;padding:7px 14px;cursor:pointer}
.drawer{display:grid;gap:4px;padding:8px 16px 20px}
.drawer a{font:900 28px/1.3 var(--cap);text-transform:uppercase;text-decoration:none}
.drawer a[aria-current="page"]{color:var(--yel)}
.page-head{padding-top:70px}
.crumb{font-weight:600;font-size:15px;color:var(--dim);margin:0 0 18px}
.crumb a{color:var(--dim)}
.ptitle{font-size:clamp(48px,6vw,88px);margin-bottom:24px;max-width:14ch}
.ptitle em{font-style:normal;color:var(--yel)}
.js .ptitle span{opacity:.22}
.js .ptitle span.on{opacity:1}
section.wrap.tight{padding-top:72px}
/* puertas de la portada */
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.door{position:relative;display:block;height:470px;border-radius:26px;overflow:hidden;border:6px solid var(--frame);background:var(--frame);text-decoration:none;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.door img{width:100%;height:100%;object-fit:cover;opacity:.85}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(3,8,23,.9))}
.door .dc{position:absolute;z-index:1;left:0;right:0;bottom:84px;text-align:center;font:900 27px/1.1 var(--cap);text-transform:uppercase;paint-order:stroke fill;-webkit-text-stroke:6px #000;padding:0 12px}
.door .dc em{font-style:normal;color:var(--yel)}
.door small{position:absolute;z-index:1;left:18px;right:18px;bottom:20px;font:600 14px/1.35 var(--cap);color:#DDE5F5;text-align:center}
.door:hover,.door:focus-visible{transform:translateY(-8px) rotate(-1.5deg);box-shadow:0 30px 50px -25px #000}
.door:nth-child(even):hover{transform:translateY(-8px) rotate(1.5deg)}
.bigline{font:900 clamp(28px,3.2vw,44px)/1.15 var(--cap);text-transform:uppercase;max-width:22ch;margin:0}
.bigline a{color:var(--yel);text-underline-offset:6px}
.bigline.small{font-size:clamp(22px,2.2vw,30px);max-width:30ch;margin-top:40px}
.teaser-contact{padding-bottom:40px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.split p{margin:6px 0 0;color:#DDE5F5}
/* pasos y filas */
.steps{list-style:none;margin:0;padding:0;counter-reset:s;border-top:1px solid var(--rule)}
.steps li{counter-increment:s;display:grid;grid-template-columns:70px 230px 1fr;gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule)}
.steps li::before{content:counter(s);font:900 30px var(--cap);color:var(--yel)}
.steps b,.row b{font:900 22px var(--cap);text-transform:uppercase}
.steps span,.row span{color:#DDE5F5}
.rows{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule)}
/* siguiente página */
.next{display:block;margin:120px auto 0;max-width:1240px;padding:46px 40px 60px;border-top:1px solid var(--rule);text-decoration:none}
.next small{display:block;font-weight:700;color:var(--dim);font-size:16px;margin-bottom:6px}
.next span{display:inline-block;font:900 clamp(38px,5vw,72px)/1.02 var(--cap);text-transform:uppercase;text-shadow:0 5px 0 var(--frame);transition:transform .3s cubic-bezier(.2,.9,.2,1)}
.next span em{font-style:normal;color:var(--yel)}
.next span::after{content:"";display:inline-block;width:.55em;height:.55em;margin-left:.3em;border-top:.14em solid var(--yel);border-right:.14em solid var(--yel);transform:rotate(45deg) translate(-.1em,.05em)}
.next:hover span,.next:focus-visible span{transform:translateX(14px)}
/* transición entre páginas: cortinilla amarilla */
.wipe{position:fixed;inset:0;z-index:40;pointer-events:none;background:var(--yel);transform:translateX(-101%)}
.wipe.in{transition:transform .32s cubic-bezier(.7,0,.3,1);transform:translateX(0)}
.wipe.out{transition:transform .38s cubic-bezier(.7,0,.3,1);transform:translateX(101%)}
@media (max-width:980px){
 .doors{grid-template-columns:repeat(2,1fr)}
 .split{grid-template-columns:1fr;gap:10px}
 .steps li{grid-template-columns:50px 1fr}
 .steps li span{grid-column:2}
 .row{grid-template-columns:1fr;gap:2px}
 .menu{display:inline-block}
}
@media (min-width:981px){.drawer{display:none!important}}
@media (max-width:560px){
 .doors{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:240px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:6px 16px 20px}
 .door{height:400px;scroll-snap-align:start}
 .hire{display:none}
 .page-head{padding-top:40px}
 .next{padding:40px 16px 50px;margin-top:90px}
 section.wrap.tight{padding-top:56px}
}
.view h1[tabindex="-1"]:focus,
.view h2.h1x[tabindex="-1"]:focus{outline:none}
.drawer[hidden]{display:none}

/* ---- v5: títulos más contenidos y más imagen ---- */
.cap{font-size:clamp(42px,4.9vw,70px);text-shadow:0 4px 0 var(--frame)}
.hero{min-height:calc(100vh - 120px);max-height:820px}
.ptitle{font:900 clamp(32px,3.6vw,50px)/1.05 var(--cap);text-transform:uppercase;max-width:20ch;margin:0 0 18px;text-shadow:0 4px 0 var(--frame)}
h2:where(:not(.h1x)){font-size:clamp(24px,2.3vw,32px);text-shadow:0 3px 0 var(--frame);margin-bottom:12px}
.next span{font-size:clamp(26px,3vw,40px);text-shadow:0 3px 0 var(--frame)}
.next{margin-top:90px}
.bigline{font-size:clamp(22px,2.2vw,30px);max-width:30ch}
.door .dc{font-size:22px;-webkit-text-stroke:5px #000}
.door{height:420px}
.page-head{padding-top:56px}
.page-head.feature{align-items:center}
section.wrap.tight{padding-top:80px}
/* vídeo dentro de los móviles */
.ph video,.reel video{width:100%;height:100%;object-fit:cover;display:block}
.sound{position:absolute;z-index:3;right:12px;top:24px;font:800 13px var(--cap);color:#fff;background:rgba(3,8,23,.7);border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 12px;cursor:pointer}
.sound[data-on]{background:var(--yel);color:var(--frame);border-color:var(--yel)}
.phone-solo{position:relative;justify-self:center;width:300px;height:533px;border-radius:32px;overflow:hidden;border:8px solid var(--frame);background:var(--frame);box-shadow:0 40px 70px -25px rgba(0,0,0,.7);transform:rotate(2deg)}
.phone-solo video{width:100%;height:100%;object-fit:cover;display:block}
.reel .sound{top:14px}
/* bloques imagen + texto */
.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.feature.reverse{grid-template-columns:.7fr 1.3fr}
.feature .intro{margin-bottom:24px}
.poster{width:100%;max-width:300px;justify-self:center;border-radius:18px;border:6px solid var(--frame);box-shadow:0 30px 60px -25px #000;transform:rotate(-2deg)}
.thumbs{display:grid;gap:16px}
.thumbs img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:5px solid var(--frame)}
.thumbs img:nth-child(1){transform:rotate(-1.5deg)}
.thumbs img:nth-child(2){transform:rotate(1.5deg);width:80%;justify-self:end;margin-top:-40px}
/* mosaico de piezas para redes */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.mosaic figure{margin:0}
.mosaic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:14px;border:5px solid var(--frame);box-shadow:0 24px 40px -24px #000;transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.mosaic figure:nth-child(odd) img{transform:rotate(-1.5deg)}
.mosaic figure:nth-child(even) img{transform:rotate(1.5deg);margin-top:28px}
.mosaic figcaption,.duo figcaption{font-size:14px;color:var(--dim);margin-top:10px}
.duo{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;margin-top:48px;align-items:end}
.duo figure{margin:0}
.duo img{width:100%;border-radius:16px;border:5px solid var(--frame);display:block}
.duo figure:first-child img{aspect-ratio:3/4;object-fit:cover}
.duo figure:last-child img{aspect-ratio:4/3;object-fit:cover}
/* chips de ElPlural */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.chips button{font:800 15px var(--cap);color:var(--white);background:rgba(255,255,255,.06);border:2px solid var(--rule);border-radius:999px;padding:9px 16px;cursor:pointer}
.chips button:hover{border-color:var(--yel);color:var(--yel)}
section[id^="ep-"]{scroll-margin-top:24px}
/* enlace con foto */
.banner-link{position:relative;display:block;height:300px;border-radius:22px;overflow:hidden;border:6px solid var(--frame);text-decoration:none}
.banner-link img{width:100%;height:100%;object-fit:cover;object-position:center 75%;transition:transform .6s cubic-bezier(.2,.9,.2,1)}
.banner-link::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,23,.92) 0,rgba(3,8,23,.4) 60%,transparent)}
.banner-link span{position:absolute;z-index:1;left:34px;bottom:30px;max-width:16ch;font:900 clamp(22px,2.4vw,32px)/1.1 var(--cap);text-transform:uppercase}
.banner-link small{display:block;font:700 14px var(--cap);text-transform:none;color:var(--yel);margin-bottom:8px}
.banner-link:hover img{transform:scale(1.03)}
/* línea de tiempo con imagen */
.monitor{grid-template-columns:200px 1fr 200px}
.monitor .y{font-size:58px}
.monitor h3{font-size:22px}
#timg{width:200px;height:140px;object-fit:cover;border-radius:12px;border:4px solid var(--frame);animation:fade .35s ease}
#timg[hidden]{display:none}
.reel.text.dark{background:rgba(255,255,255,.06);color:var(--white);border-color:var(--frame)}
.reel.text b{font-size:24px}
@media (max-width:980px){
 .feature,.feature.reverse{grid-template-columns:1fr;gap:30px}
 .mosaic{grid-template-columns:repeat(2,1fr)}
 .monitor{grid-template-columns:1fr}
 .duo{grid-template-columns:1fr}
}
@media (max-width:560px){
 .phone-solo{width:250px;height:444px}
 .banner-link{height:240px}
 .banner-link span{left:20px;bottom:20px}
 .door{height:380px}
 .mosaic{gap:14px}
}

/* ---- v6: el rincón ---- */
nav a.rin{color:var(--yel)}
nav a.rin[aria-current="page"]{color:var(--yel)}
/* ticker de resultados */
.ticker{position:relative;overflow:hidden;background:rgba(3,8,23,.6);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);height:44px}
.tick-track{display:flex;gap:40px;white-space:nowrap;height:44px;align-items:center;padding-left:40px;animation:tick 60s linear infinite;width:max-content}
.ticker:hover .tick-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tick-track span{font:700 15px var(--cap);color:#DDE5F5}
.tick-track b{color:var(--yel);font-weight:900;margin:0 6px}
.tick-track i{font-style:normal;color:var(--dim);font-weight:600;margin-right:8px}
/* hub */
.hub{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:22px}
.hub a{text-decoration:none;color:var(--white)}
.hub-big{grid-row:span 4;position:relative;border-radius:24px;overflow:hidden;border:6px solid var(--frame);min-height:560px;display:block}
.hub-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hub-big::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(3,8,23,.95))}
.hub-big>div{position:absolute;z-index:1;left:26px;right:26px;bottom:26px}
.hub-big b{display:block;font:900 32px/1.05 var(--cap);text-transform:uppercase;margin:12px 0 6px}
.hub-big small{color:#DDE5F5;font-size:16px}
.hub-item{grid-column:span 2;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.05);border:2px solid var(--rule);transition:border-color .2s,transform .3s cubic-bezier(.2,.9,.2,1)}
.hub-item:hover,.hub-item:focus-visible{border-color:var(--yel);transform:translateX(6px)}
.hub-item img{width:150px;height:150px;object-fit:cover;border-radius:12px}
.hub-item b{display:block;font:900 24px var(--cap);text-transform:uppercase}
.hub-item small{color:var(--dim);font-size:15px}
.mini-board{width:150px;height:150px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:12px;background:var(--frame);border-radius:12px;align-content:center}
.mini-board i{aspect-ratio:1;border-radius:4px;background:#1b2b4f}
.mini-board i.g{background:var(--yel)}.mini-board i.y{background:#5C8DFF}
.mini-table{width:150px;height:150px;background:var(--frame);border-radius:12px;padding:12px 12px;display:grid;gap:6px;align-content:center;font:800 12px var(--cap)}
.mini-table div{display:flex;justify-content:space-between;color:#DDE5F5}
.mini-table div:first-child{color:var(--yel)}
.live-dot{display:inline-flex;align-items:center;gap:8px;font:800 13px var(--cap);background:rgba(3,8,23,.8);padding:6px 12px;border-radius:999px}
.live-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--yel)}
.live-dot.on::before{background:#ff4b4b;animation:blink 1s infinite alternate}
.live-dot.off::before{background:var(--dim)}
@keyframes blink{to{opacity:.3}}
/* artículos */
.art-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;text-decoration:none;color:var(--white);margin-bottom:30px}
.art-lead img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;border:6px solid var(--frame)}
.art-lead h3{font:900 clamp(26px,2.6vw,36px)/1.1 var(--cap);text-transform:uppercase;margin:10px 0 12px}
.art-lead:hover h3{color:var(--yel)}
.art-lead p{color:#DDE5F5;margin:0 0 12px}
.cat{display:inline-block;font:800 13px var(--cap);color:var(--frame);background:var(--yel);padding:3px 10px;border-radius:6px}
.cat.ep{background:#00BE62;color:#fff}
.meta{font-size:14px;color:var(--dim)}
.art-rows{border-top:1px solid var(--rule)}
.art-row{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--white)}
.art-row img{width:120px;height:80px;object-fit:cover;border-radius:10px}
.art-row h3{font:800 20px/1.25 var(--cap);margin:6px 0 0}
.art-row:hover h3{color:var(--yel)}
.art-row .meta{white-space:nowrap}
.chips button[aria-pressed="true"]{background:var(--yel);color:var(--frame);border-color:var(--yel)}
/* plantilla de artículo */
.article{max-width:820px;padding-top:56px}
.kicker{font:800 15px var(--cap);color:var(--yel);margin:0 0 10px}
.byline{display:flex;gap:14px;align-items:center;font-weight:700;margin:0 0 30px}
.byline img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--yel)}
.byline small{font-weight:500;color:var(--dim)}
.a-hero{margin:0 0 36px}
.a-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:6px solid var(--frame)}
.a-body{font-size:19px;line-height:1.75;color:#E8EEF9;max-width:68ch}
.a-body p{margin:0 0 22px}
.dropcap::first-letter{float:left;font:900 74px/.8 var(--cap);color:var(--yel);margin:8px 12px 0 0}
.a-body blockquote{margin:36px 0;padding:0 0 0 22px;border-left:5px solid var(--yel);font:900 26px/1.25 var(--cap);text-transform:uppercase;color:var(--white)}
.share{display:flex;gap:14px;align-items:center;padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:20px;font-weight:700}
/* directo */
.player{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:6px solid var(--frame);background:var(--frame)}
.player>img{width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(.8)}
.player-over{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:20px}
.player-over b{font:900 clamp(24px,3vw,38px) var(--cap);text-transform:uppercase}
.player-over small{color:#DDE5F5}
.count{display:flex;gap:14px}
.count div{min-width:84px;padding:10px 6px;background:rgba(3,8,23,.75);border:2px solid var(--rule);border-radius:12px}
.count b{display:block;font:900 40px/1 var(--cap);color:var(--yel);font-variant-numeric:tabular-nums}
.count span{font-size:13px;color:var(--dim)}
.past{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.past-item{text-decoration:none;color:var(--white)}
.past-item img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 30%;border-radius:16px;border:5px solid var(--frame);margin-bottom:10px;transition:transform .3s}
.past-item:hover img{transform:translateY(-4px)}
.past-item b{display:block;font:900 18px var(--cap);text-transform:uppercase}
.past-item small{color:var(--dim)}
/* wordle */
.wordle{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:start}
.wgrid{display:grid;grid-template-rows:repeat(6,1fr);gap:8px;width:min(360px,86vw)}
.wrow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.wcell{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--rule);border-radius:10px;font:900 30px var(--cap);text-transform:uppercase;background:rgba(255,255,255,.03)}
.wcell.filled{border-color:var(--dim);animation:pop .12s ease}
@keyframes pop{50%{transform:scale(1.08)}}
.wcell.g{background:var(--yel);color:var(--frame);border-color:var(--yel)}
.wcell.y{background:#5C8DFF;border-color:#5C8DFF}
.wcell.x{background:#1b2b4f;border-color:#1b2b4f;color:var(--dim)}
.wcell.flip{animation:flip .45s ease both}
@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.wrow.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.kbd{display:grid;gap:6px;margin-top:18px;width:min(460px,92vw)}
.kbd div{display:flex;gap:5px;justify-content:center}
.kbd button{flex:1;min-width:0;height:50px;border:0;border-radius:8px;background:#22355e;color:#fff;font:800 15px var(--cap);cursor:pointer}
.kbd button.wide{flex:1.6;font-size:12px}
.kbd button.g{background:var(--yel);color:var(--frame)}.kbd button.y{background:#5C8DFF}.kbd button.x{background:#0e1a36;color:#5b6b8c}
.wmsg{font:900 22px var(--cap);text-transform:uppercase;min-height:1.3em;color:var(--yel)}
/* torneo de aura */
.bracket{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center;margin:20px 0}
.round{display:grid;gap:18px}
.duel{display:grid;gap:6px;background:rgba(255,255,255,.04);border:2px solid var(--rule);border-radius:14px;padding:8px}
.duel button{font:800 16px var(--cap);text-align:left;color:var(--white);background:#16284d;border:2px solid transparent;border-radius:9px;padding:10px 12px;cursor:pointer;transition:background .2s,transform .2s}
.duel button:hover:not(:disabled){border-color:var(--yel)}
.duel button.win{background:var(--yel);color:var(--frame)}
.duel button.lose{opacity:.35}
.duel button:disabled{cursor:default}
.duel .tbd{font:600 15px var(--cap);color:var(--dim);padding:10px 12px}
.champ{text-align:center;padding:20px;border-radius:16px;border:3px dashed var(--rule)}
.champ b{display:block;font:900 26px/1.1 var(--cap);text-transform:uppercase;color:var(--yel);margin-top:6px}
.champ.done{border-style:solid;border-color:var(--yel);animation:pop .4s ease}
/* ligas */
.leagues{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
.tbl{width:100%;border-collapse:collapse;font-size:16px}
.tbl th{text-align:left;font:700 13px var(--cap);color:var(--dim);padding:8px 6px;border-bottom:1px solid var(--rule)}
.tbl td{padding:11px 6px;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
.tbl td:nth-child(2){font-weight:800}
.tbl td:last-child{font-weight:900;color:var(--yel)}
.tbl tr.ucl td:first-child{box-shadow:inset 3px 0 0 #5C8DFF}
.tbl tr.down td:first-child{box-shadow:inset 3px 0 0 #ff4b4b}
.matches{display:grid;gap:10px}
.match{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:2px solid var(--rule)}
.match span:first-child{text-align:right;font-weight:800}
.match span:last-child{font-weight:800}
.match b{font:900 20px var(--cap);color:var(--yel);background:var(--frame);padding:4px 12px;border-radius:8px;min-width:76px;text-align:center}
.match b.live{color:var(--frame);background:var(--yel)}
.match small{grid-column:1/-1;text-align:center;color:var(--dim);font-size:13px;margin-top:-4px}
.note.demo{border-left:3px solid var(--yel);padding-left:12px}
.door.rin-door .dc em{color:var(--yel)}
@media (max-width:980px){
 .hub{grid-template-columns:1fr}
 .hub-big{grid-row:auto;min-height:420px}
 .hub-item{grid-column:auto}
 .art-lead,.wordle,.leagues{grid-template-columns:1fr;gap:26px}
 .bracket{grid-template-columns:1fr 1fr}
 .past{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .hub-item{grid-template-columns:96px 1fr;gap:14px}
 .hub-item img,.mini-board,.mini-table{width:96px;height:96px}
 .mini-board{padding:7px;gap:2px}.mini-table{font-size:8px;padding:6px;gap:3px}
 .art-row{grid-template-columns:84px 1fr;gap:14px}
 .art-row img{width:84px;height:64px}
 .art-row .meta.r{display:none}
 .count div{min-width:64px}.count b{font-size:28px}
 .bracket{grid-template-columns:1fr}
 .past{grid-template-columns:1fr}
 .a-body{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.tick-track{animation:none}}
.bracket{align-items:stretch}.round{align-content:space-around}

.art-row.ext{grid-template-columns:auto 1fr auto}
.art-row.ext h3{margin:0}
.art-lead.text{display:block;padding:30px 34px;border-radius:20px;background:rgba(255,255,255,.05);border:2px solid var(--rule)}
.art-lead.text h3{font-size:clamp(26px,2.8vw,38px);max-width:24ch}
.art-lead.text p{font-size:19px;max-width:52ch}
.today{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:start}
.tcard{padding:22px;border-radius:20px;background:rgba(255,255,255,.05);border:2px solid var(--rule);text-decoration:none;color:var(--white)}
.tcard h3{font:900 20px var(--cap);text-transform:uppercase;margin:0 0 14px}
.tv{list-style:none;margin:0;padding:0}
.tv li{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--rule)}
.tv b{font:900 16px var(--cap);color:var(--yel);font-variant-numeric:tabular-nums}
.tv span{font-weight:800;font-size:16px}
.tv small{display:block;font-weight:500;color:var(--dim);font-size:13px}
.pq{font-weight:800;margin:0 0 12px}
.poll{display:grid;gap:8px}
.poll button{position:relative;overflow:hidden;display:flex;justify-content:space-between;font:800 15px var(--cap);color:var(--white);text-align:left;padding:12px 14px;border-radius:10px;border:2px solid var(--rule);background:transparent;cursor:pointer}
.poll button::before{content:"";position:absolute;inset:0;width:var(--p);background:rgba(255,229,0,.25);transition:width .6s cubic-bezier(.2,.9,.2,1)}
.poll button span,.poll button b{position:relative}
.poll button:hover:not(:disabled){border-color:var(--yel)}
.poll button:disabled{cursor:default}
.wcta .mini-board{margin-bottom:12px}
.wcta p{color:#DDE5F5;margin:0 0 14px}
.wcta .copy{display:inline-block}
.wcta:hover{border-color:var(--yel)}
@media (max-width:980px){.today{grid-template-columns:1fr}}

.mini-porra{width:150px;height:150px;background:var(--frame);border-radius:12px;display:grid;align-content:center;gap:8px;padding:14px}
.mini-porra span{font:900 20px var(--cap);text-align:center;background:#16284d;border-radius:8px;padding:4px}
.mini-porra span:first-child{background:var(--yel);color:var(--frame)}
.today.two{margin-top:22px;grid-template-columns:1fr 1fr}
.efe-d{font:900 26px/1.1 var(--cap);color:var(--yel);margin:0 0 8px}
.efe p,.pick p,.news p{margin:0 0 10px;color:#DDE5F5}
.pick-m{font:900 24px/1.1 var(--cap);text-transform:uppercase;color:var(--white)!important;margin:0 0 4px!important}
.news input,#porraF input{width:100%;font:600 17px var(--cap);padding:13px 14px;border-radius:12px;border:2px solid var(--rule);background:rgba(3,8,23,.6);color:#fff;margin:4px 0 12px}
.news input:focus,#porraF input:focus{border-color:var(--yel);outline:none}
.play-btn.sm{padding:11px 18px;font-size:16px}
.copy.sm{margin-top:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.streak{display:flex;gap:12px;margin:18px 0}
.streak div{min-width:96px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:2px solid var(--rule);text-align:center}
.streak b{display:block;font:900 32px/1 var(--cap);color:var(--yel)}
.streak span{font-size:13px;color:var(--dim)}
.porra{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.pm{display:grid;gap:10px;margin-bottom:22px}
.pmr{display:grid;grid-template-columns:1fr 58px 14px 58px 1fr;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:2px solid var(--rule)}
.pmr span{font-weight:800}
.pmr span:first-child{text-align:right}
.pmr i{font-style:normal;text-align:center;color:var(--dim)}
#porraF .pmr input{margin:0;text-align:center;font:900 20px var(--cap);padding:8px 4px}
.lbl{font-weight:700;font-size:15px;color:var(--dim)}
#porraF .play-btn{margin-top:4px}
.tbl tr.me td{color:var(--yel)}
@media (max-width:980px){.today.two,.porra{grid-template-columns:1fr}}
@media (max-width:560px){.mini-porra{width:96px;height:96px;padding:8px;gap:4px}.mini-porra span{font-size:13px}.pmr{grid-template-columns:1fr 46px 10px 46px 1fr;gap:5px;padding:8px}.pmr span{font-size:14px}}

.efe-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.efes{list-style:none;margin:6px -40px 0;padding:6px 40px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}
.efes li{scroll-snap-align:start;padding:18px 18px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:2px solid var(--rule);display:flex;flex-direction:column;gap:6px}
.efes li:first-child{background:var(--yel);color:var(--frame);border-color:var(--yel)}
.efes li:first-child .efe-tag{background:var(--frame);color:var(--yel)}
.efes li:first-child small{color:var(--frame)}
.efe-tag{align-self:flex-start;font:800 12px var(--cap);background:rgba(255,255,255,.12);padding:3px 9px;border-radius:6px}
.efes b{font:900 36px/1 var(--cap);font-variant-numeric:tabular-nums}
.efes p{margin:0;font-weight:600;font-size:16px;line-height:1.4}
.efes small{display:block;margin-top:6px;font:800 13px var(--cap);color:var(--yel)}
@media (max-width:560px){.efes{margin:6px -16px 0;padding:6px 16px 16px;grid-auto-columns:240px}}

.sound{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%}
.sound svg{width:22px;height:22px}
.sound .i-on{display:none}
.sound[data-on] .i-on{display:block}
.sound[data-on] .i-off{display:none}

.door.gfx img{opacity:1}
.door.gfx::after{background:linear-gradient(transparent 55%,rgba(3,8,23,.75))}

.lib-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.lib-tools{display:grid;gap:12px;margin:8px 0 24px}
.lib-tools input{width:100%;max-width:560px;font:600 17px var(--cap);padding:13px 16px;border-radius:12px;border:2px solid var(--rule);background:rgba(3,8,23,.6);color:#fff}
.lib-tools input:focus{border-color:var(--yel);outline:none}
.lib-tools .chips{margin:0}
.lib{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.clip{position:relative;display:flex;flex-direction:column;gap:6px;min-height:200px;padding:18px 18px 16px;border-radius:18px;text-decoration:none;color:var(--white);background:linear-gradient(160deg,#16306A,#0B1D45 60%,#06102A);border:2px solid var(--rule);overflow:hidden;transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .2s}
.clip:hover,.clip:focus-visible{transform:translateY(-4px);border-color:var(--yel)}
.clip.gol{box-shadow:inset 4px 0 0 var(--yel)}
.clip .ctag{align-self:flex-start;font:800 12px var(--cap);padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.12)}
.clip.gol .ctag{background:var(--yel);color:var(--frame)}
.clip .cplay{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;background:var(--white);box-shadow:0 3px 0 var(--frame)}
.clip .cplay::before{content:"";position:absolute;left:14px;top:11px;border-left:13px solid var(--frame);border-top:8px solid transparent;border-bottom:8px solid transparent}
.clip b{font:900 21px/1.12 var(--cap);text-transform:uppercase;margin-top:auto;padding-right:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.clip em{font-style:normal;font-weight:800;color:var(--yel);font-size:15px}
.clip small{color:var(--dim);font-size:13px;font-weight:600}
.more{display:block;margin:22px auto 0}
@media (max-width:980px){.lib{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lib{grid-template-columns:1fr 1fr;gap:10px}.clip{min-height:170px;padding:14px}.clip b{font-size:16px}.clip .cplay{width:30px;height:30px;right:10px;top:10px}.clip .cplay::before{left:11px;top:8px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px}}

.golink{margin-top:18px;text-decoration:none}
.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 34px}
.soc{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:2px solid var(--rule);text-decoration:none;color:var(--white);transition:border-color .2s,transform .3s cubic-bezier(.2,.9,.2,1)}
.soc svg{grid-row:span 2;width:44px;height:44px;color:var(--yel)}
.soc b{font:900 20px var(--cap);text-transform:uppercase}
.soc small{color:var(--dim);font-weight:600}
.soc:hover,.soc:focus-visible{border-color:var(--yel);transform:translateY(-3px)}
.subh{font:900 18px var(--cap);text-transform:uppercase;color:var(--dim);margin:0 0 16px}
@media (max-width:760px){.socials{grid-template-columns:1fr}}

.graf-big{margin:0 0 18px}
.graf-big img,.graf-row img{width:100%;display:block;border-radius:16px;border:5px solid var(--frame);box-shadow:0 30px 60px -30px #000}
.graf-big figcaption,.graf-row figcaption{font-size:14px;color:var(--dim);margin-top:10px}
.graf-row{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center}
.graf-row figure{margin:0}
.graf-marc img{border:0;box-shadow:0 20px 40px -20px #000;border-radius:6px}
@media (max-width:760px){.graf-row{grid-template-columns:1fr}}

.graf-row{grid-template-columns:1.6fr 1fr;align-items:start}

.ghost.sm{padding:9px 16px;font-size:16px;border-width:2px}
.play-btn.sm{text-decoration:none}
/* Mi canal */
.nets{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:4px 0 26px}
.nets [role=tab]{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:12px 12px;border-radius:18px;background:rgba(255,255,255,.05);border:2px solid var(--rule);color:var(--white);cursor:pointer;font-family:var(--cap);transition:border-color .2s,background .2s}
.nets [role=tab] svg{grid-row:span 2;width:32px;height:32px;color:var(--yel)}
.nets [role=tab] b{font:900 18px/1.1 var(--cap);text-transform:uppercase}
.nets [role=tab] small{font:600 14px/1.3 var(--cap);color:var(--dim)}
.nets [role=tab]:hover{border-color:var(--yel)}
.nets [role=tab][aria-selected=true]{background:var(--yel);border-color:var(--yel);color:var(--frame)}
.nets [role=tab][aria-selected=true] svg{color:var(--frame)}
.nets [role=tab][aria-selected=true] small{color:rgba(3,8,23,.72)}
.netpan[hidden]{display:none}
.np-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px}
.np-head p{margin:0;color:#C9D4EA;max-width:36em}
.np-sub{font:900 18px var(--cap);text-transform:uppercase;margin:26px 0 10px}
.ghost.sm{font-size:15px;padding:9px 16px;border-width:2px;white-space:nowrap}
.rail{display:grid;grid-auto-flow:column;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 10px;overscroll-behavior-x:contain}
.rail.v{grid-auto-columns:200px}
.rail.h{grid-auto-columns:330px}
.card{scroll-snap-align:start;display:block;text-decoration:none;color:var(--white)}
.card .th{position:relative;display:block;border-radius:16px;overflow:hidden;border:4px solid var(--frame);background:var(--frame)}
.rail.v .th{aspect-ratio:9/16}.rail.h .th{aspect-ratio:16/9}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.card:hover img{transform:scale(1.04)}
.card .th em{position:absolute;right:8px;bottom:8px;font:800 12px var(--cap);font-style:normal;background:rgba(3,8,23,.85);padding:3px 7px;border-radius:6px}
.card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 15px/1.3 var(--cap);margin:10px 2px 2px}
.card small{display:block;color:var(--dim);font:600 13px var(--cap);margin:0 2px}
.card:hover b{color:var(--yel)}
.streams{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.streams a{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--white)}
.streams a:hover b{color:var(--yel)}
.streams i{width:44px;height:44px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:0 3px 0 var(--frame)}
.streams i::after{content:"";border-left:13px solid var(--frame);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.streams b{font:800 16px/1.3 var(--cap)}
.streams small{color:var(--dim);font:600 14px var(--cap);white-space:nowrap;text-align:right}
.dir-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
.dir-lead figure{margin:0;border-radius:18px;overflow:hidden;border:5px solid var(--frame)}
.dir-lead img{display:block;width:100%}
.ig{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ig img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block}
/* el desván: la única luz cálida de la web */
.desvan{position:relative;margin-top:70px;padding-top:56px;padding-bottom:40px;isolation:isolate}
.desvan::before{content:"";position:absolute;z-index:-1;left:50%;top:-60px;width:min(1100px,120vw);height:720px;transform:translateX(-50%);background:radial-gradient(ellipse 46% 50% at 50% 34%,rgba(255,196,110,.28),rgba(255,160,80,.07) 55%,transparent 72%);pointer-events:none}
.desvan .bulb{display:block;width:2px;height:56px;margin:-56px auto 0;background:linear-gradient(#FFC46E00,#FFC46E)}
.desvan .bulb::after{content:"";display:block;width:22px;height:22px;margin:56px 0 0 -10px;border-radius:50%;background:#FFE3A8;box-shadow:0 0 30px 10px rgba(255,196,110,.55)}
.desvan h2:where(:not(.h1x)){text-align:center;margin-top:22px}
.desvan h2:where(:not(.h1x)) em{font-style:normal;color:#FFC46E}
.desvan .intro{text-align:center;margin:0 auto 34px}
.attic{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;align-items:start}
.attic .card{background:#F3EBDD;color:#1B1A17;padding:10px 10px 14px;border-radius:4px;box-shadow:0 14px 30px rgba(0,0,0,.45);transform:rotate(var(--r,0deg));transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.attic .card:nth-child(1){--r:-2.2deg}.attic .card:nth-child(2){--r:1.6deg}.attic .card:nth-child(3){--r:-1deg}.attic .card:nth-child(4){--r:-1.8deg}.attic .card:nth-child(5){--r:2.4deg}
.attic .card:hover{transform:rotate(0) translateY(-6px)}
.attic .card .th{border:0;border-radius:2px;aspect-ratio:16/10}
.attic .card b{color:#1B1A17;font-size:16px}
.attic .card small{color:#5E574B}
.attic .card:hover b{color:#1B1A17;text-decoration:underline}
.attic .sab .th{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 10% 85%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 45%,#cfe0ff,transparent),#05070F;display:grid;place-items:center}
.attic .sab .th span{font:900 22px/1 var(--cap);text-transform:uppercase;color:#fff;text-align:center;letter-spacing:.02em}
.attic .sab .th span i{display:block;margin:10px auto 0;width:70%;height:4px;border-radius:4px;background:#7FD3FF;box-shadow:0 0 10px 2px rgba(127,211,255,.8)}
.attic .sab .stud{position:absolute;left:10px;bottom:10px;display:flex;gap:5px}
.attic .sab .stud u{width:14px;height:14px;border-radius:50%;background:#E3B11A;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
@media (max-width:980px){.nets{grid-template-columns:repeat(3,1fr)}.attic{grid-template-columns:repeat(3,1fr)}.dir-lead{grid-template-columns:1fr}}
@media (max-width:760px){.nets{display:flex;overflow-x:auto;scrollbar-width:none;margin:4px -16px 22px;padding:0 16px}.nets::-webkit-scrollbar{display:none}.nets [role=tab]{flex:0 0 auto;grid-template-columns:28px auto;padding:10px 14px}.nets [role=tab] svg{width:26px;height:26px}.nets [role=tab] small{display:none}.nets [role=tab] svg{grid-row:auto}.np-head{flex-direction:column;align-items:flex-start}.rail.h{grid-auto-columns:78vw}.rail.v{grid-auto-columns:46vw}.attic{grid-template-columns:1fr 1fr;gap:16px}.streams a{grid-template-columns:40px 1fr}.streams small{grid-column:2;text-align:left}.ig{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.dir-lead figure{display:none}}
.tw-frame{margin:0;border-radius:18px;overflow:hidden;border:5px solid var(--frame)}.tw-frame img{display:block;width:100%}
@media (min-width:761px) and (max-width:1180px){.nets{grid-template-columns:repeat(3,1fr)}}
.ig a{position:relative;display:block;border-radius:12px;overflow:hidden}.ig a img{border-radius:0;transition:transform .5s cubic-bezier(.2,.9,.2,1)}.ig a:hover img{transform:scale(1.04)}.ig a em{position:absolute;right:8px;top:8px;font:800 12px var(--cap);font-style:normal;background:rgba(3,8,23,.85);padding:3px 8px;border-radius:6px}
@media (max-width:980px){.ig{grid-template-columns:repeat(3,1fr)}}
/* sliders: flechas laterales en lugar de barra */
.slider{position:relative}
.slider>.shelf,.slider>.efes,.slider>.doors,.slider>.rail{scrollbar-width:none}
.slider>.shelf::-webkit-scrollbar,.slider>.efes::-webkit-scrollbar,.slider>.doors::-webkit-scrollbar,.slider>.rail::-webkit-scrollbar{display:none}
.sl-arrow{position:absolute;top:50%;z-index:3;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:2px solid var(--yel);background:rgba(3,8,23,.88);color:var(--yel);display:none;place-items:center;cursor:pointer;padding:0;box-shadow:0 6px 24px rgba(0,0,0,.45);transition:opacity .2s,transform .2s,background .2s}
.sl-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sl-arrow.prev{left:-14px}.sl-arrow.next{right:-14px}
.slider.scrollable .sl-arrow{display:grid}
.sl-arrow:hover{background:var(--yel);color:var(--deep)}
.sl-arrow:active{transform:scale(.94)}
.sl-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sl-arrow:disabled{opacity:0;pointer-events:none}
@media (max-width:760px){.sl-arrow{width:42px;height:42px;margin-top:-21px}.sl-arrow.prev{left:-6px}.sl-arrow.next{right:-6px}}
.slider>.shelf,.slider>.efes{scroll-padding-inline:40px}
.slider>.doors{scroll-padding-inline:16px}
@media (min-width:761px){.sl-arrow.prev{left:-30px}.sl-arrow.next{right:-30px}}
@media (max-width:760px){.slider>.shelf{scroll-padding-inline:16px}}
@media (max-width:560px){.slider>.efes{scroll-padding-inline:16px}}
/* fonoteca con audio */
.lib .clip{padding:0;display:block;min-height:0;cursor:default}
.lib .clip:hover{transform:none}
.cbtn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;width:100%;min-height:210px;padding:18px 18px 14px;border-radius:16px;position:relative}
.cbtn:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.lib .clip:has(.cbtn:hover){border-color:var(--yel)}
.cbtn b{font:900 19px/1.15 var(--cap);text-transform:uppercase;margin-top:auto;padding-right:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cbtn small{color:var(--dim);font:600 13px var(--cap)}
.cwave{display:flex;align-items:center;gap:2px;height:30px;margin-top:8px}
.cwave i{flex:1;border-radius:2px;background:rgba(255,255,255,.22);min-height:2px;transition:background .15s}
.cwave i.on{background:var(--yel)}
.clip.otro .ctag{background:rgba(255,255,255,.12);color:var(--white)}
.clip.playing{border-color:var(--yel);box-shadow:0 0 0 1px var(--yel),0 14px 40px rgba(255,229,0,.12)}
.clip.playing .cplay{background:var(--yel)}
.clip.playing .cbtn[aria-pressed=true] .cplay::before{left:12px;top:11px;width:5px;height:16px;border:0;background:var(--frame);box-shadow:9px 0 0 var(--frame)}
.csrc{display:block;margin:0 18px 14px;font:700 13px var(--cap);color:var(--dim)}
.csrc:hover{color:var(--yel)}
@media (max-width:560px){.cbtn{min-height:180px;padding:14px}.cbtn b{font-size:15px}.csrc{margin:0 14px 12px}.clip.playing .cbtn[aria-pressed=true] .cplay::before{left:9px;top:8px;height:14px;width:4px;box-shadow:7px 0 0 var(--frame)}}
/* trayectoria: editor */
.ed{border-top:1px solid var(--rule);padding-top:30px}
.ed-view{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;align-items:center}
.ed-mon{position:relative;margin:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;border:6px solid var(--frame);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ed-stage{position:absolute;inset:0}
.ed-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-stage .fr{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .35s}.ed-stage .fr.on{opacity:1}
.ed-stage .fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-stage .fr .ed-blur{display:none}.ed-stage .fr.fit .ed-blur{display:block}.ed-stage .fr.fit img{object-fit:contain}
.ed-blur{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px) brightness(.55)}
.ed-ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:repeating-linear-gradient(135deg,#0B1D45 0 14px,#0d2150 14px 28px)}
.ed-ph svg{width:70px;height:70px;fill:none;stroke:var(--yel);stroke-width:1.8;stroke-linecap:round}
.ed-ph span{font:900 26px var(--cap);text-transform:uppercase;color:#fff}
.ed-tc{position:absolute;right:12px;top:10px;z-index:2;font:800 13px var(--cap);font-variant-numeric:tabular-nums;background:rgba(3,8,23,.75);padding:4px 8px;border-radius:6px}
.ed-rec{position:absolute;left:12px;top:10px;z-index:2;font:900 13px var(--cap);background:var(--yel);color:var(--frame);padding:4px 9px;border-radius:6px}
.ed-sub{position:absolute;left:0;right:0;bottom:7%;z-index:2;margin:0;padding:0 8%;text-align:center;font:900 clamp(18px,2.3vw,30px)/1.1 var(--cap);text-transform:uppercase;color:#fff;paint-order:stroke fill;-webkit-text-stroke:6px #000}
.ed-sub span{transition:color .12s}.ed-sub span.lit{color:var(--yel)}
.ed-info .ed-y{font:900 64px/1 var(--cap);color:var(--yel);margin:0;text-shadow:0 5px 0 var(--frame);font-variant-numeric:tabular-nums}
.ed-info h3{font:900 26px/1.15 var(--cap);text-transform:uppercase;margin:10px 0 10px}
.ed-info p{margin:0;color:#DDE5F5}
.ed-info .ed-goal{display:inline-block;margin-top:14px;font:800 13px var(--cap);background:var(--yel);color:var(--frame);padding:4px 10px;border-radius:6px}
.ed-info.in{animation:edIn .35s ease}
@keyframes edIn{from{opacity:0;transform:translateY(6px)}}
.ed-bar{display:flex;align-items:center;gap:10px;margin:22px 0 12px}
.ed-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--rule);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.ed-btn svg{width:18px;height:18px;fill:currentColor}
.ed-btn:hover{border-color:var(--yel);color:var(--yel)}
.ed-play{width:54px;height:54px;background:var(--yel);border-color:var(--yel);color:var(--frame);box-shadow:0 4px 0 var(--frame)}
.ed-play:hover{color:var(--frame)}
.ed-play .i-pause,.ed.playing .ed-play .i-play{display:none}.ed.playing .ed-play .i-pause{display:block}
.ed-snd{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:800 14px var(--cap);color:#fff;background:transparent;border:2px solid var(--rule);border-radius:999px;padding:8px 14px;cursor:pointer}
.ed-snd svg{width:18px;height:18px;fill:currentColor}
.ed-snd[aria-pressed=true]{background:var(--yel);border-color:var(--yel);color:var(--frame)}
.ed-tl{position:relative;user-select:none;touch-action:none;background:var(--frame);border-radius:14px;padding:8px 10px 10px 48px;cursor:ew-resize}
.ed-ruler{position:relative;height:22px;margin-bottom:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 10px) bottom/100% 6px no-repeat}
.ed-ruler span{position:absolute;top:0;font:800 12px var(--cap);color:var(--dim);padding-left:4px;border-left:1px solid rgba(255,255,255,.3);height:22px}
.ed-mark{position:absolute;top:2px;width:10px;height:10px;margin-left:-5px;background:var(--yel);transform:rotate(45deg)}
.ed-track{position:relative;display:flex;align-items:stretch;margin-top:5px}
.ed-lab{position:absolute;left:-40px;top:50%;transform:translateY(-50%);font:800 11px var(--cap);color:var(--dim)}
.ed-lane{position:relative;flex:1;height:30px}
.ed-track:nth-of-type(3) .ed-lane{height:58px}
.ed-track:nth-of-type(4) .ed-lane{height:38px}
.ed-blk{position:absolute;top:0;bottom:0;padding:0;border:0;margin:0;box-sizing:border-box;border-left:2px solid var(--frame);border-right:2px solid var(--frame);border-radius:7px;overflow:hidden;font:inherit;color:inherit;cursor:pointer}
.ed-blk.t{background:#3B2A7A;display:flex;align-items:center;padding:0 8px;text-align:left}
.ed-blk.t span{font:800 12px var(--cap);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-blk.v{background:#1E3F8A;display:flex}
.ed-blk.v i{flex:1;min-width:0;background-size:cover;border-right:1px solid rgba(0,0,0,.4)}
.ed-blk.v.empty{background:repeating-linear-gradient(135deg,#1E3F8A 0 8px,#173470 8px 16px);display:grid;place-items:center}
.ed-blk.v em{font:700 11px var(--cap);font-style:normal;color:var(--dim)}
.ed-blk.a{background:#0F5B4A;display:flex;align-items:center;gap:1px;padding:0 4px}
.ed-blk.a i{flex:1;background:#4FE3B7;border-radius:1px}
.ed-blk.a.empty{background:rgba(255,255,255,.05)}
.ed-blk.on{box-shadow:inset 0 0 0 2px var(--yel)}
.ed-blk:focus-visible{outline:3px solid var(--yel);outline-offset:-3px}
.ed-head{position:absolute;top:4px;bottom:4px;width:22px;margin-left:-11px;z-index:3;cursor:grab;outline:none}
.ed-tl>.ed-head{left:0}
.ed-head i{position:absolute;left:10px;top:12px;bottom:0;width:2px;background:var(--yel);box-shadow:0 0 10px rgba(255,229,0,.6)}
.ed-head::before{content:"";position:absolute;left:3px;top:0;width:16px;height:16px;background:var(--yel);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.ed-head:focus-visible::before{outline:none;box-shadow:0 0 0 3px #fff}
.ed-head:focus-visible i{width:3px}
@media (max-width:900px){.ed-view{grid-template-columns:1fr;gap:18px}.ed-info .ed-y{font-size:44px}.ed-info h3{font-size:21px}}
@media (max-width:560px){.ed-tl{padding-left:34px}.ed-lab{left:-28px}.ed-blk.t span{font-size:0}.ed-blk.t span::first-letter{font-size:0}.ed-track:nth-of-type(2){display:none}.ed-blk.v em{display:none}.ed-snd{white-space:nowrap}.ed-snd{font-size:13px;padding:7px 11px}.ed-ruler span{font-size:10px}}
.ed-info .ed-goal[hidden]{display:none}
/* álbum de cromos */
.tr-switch{margin-bottom:-10px}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--frame);border:2px solid var(--rule)}
.seg button{font:800 15px var(--cap);color:var(--dim);background:transparent;border:0;border-radius:999px;padding:9px 18px;cursor:pointer}
.seg button[aria-selected=true]{background:var(--yel);color:var(--frame)}
.album{position:relative;border-radius:22px;padding:26px 26px 30px;background:
 radial-gradient(1px 1px at 12px 12px,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/24px 24px,
 linear-gradient(160deg,#0E2558,#081536 70%);border:2px solid var(--rule);box-shadow:inset 0 0 0 10px rgba(3,8,23,.35)}
.al-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 20px;padding-bottom:14px;border-bottom:2px dashed rgba(255,255,255,.14)}
.al-head b{display:block;font:900 22px/1.1 var(--cap);text-transform:uppercase}
.al-head span{color:var(--dim);font:600 14px var(--cap)}
.al-count{font:800 14px var(--cap)!important;color:var(--frame)!important;background:var(--yel);padding:5px 12px;border-radius:999px;white-space:nowrap}
.al-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px;perspective:1100px}
.al-slot{position:relative;aspect-ratio:5/7}
.al-ghost{position:absolute;inset:0;border:2px dashed rgba(255,255,255,.22);border-radius:12px;display:grid;place-content:center;justify-items:center;gap:2px;color:rgba(255,255,255,.28)}
.al-ghost b{font:900 44px/1 var(--cap)}.al-ghost small{font:800 14px var(--cap)}
/* cromo */
.cromo{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;transform:rotate(var(--rot,0deg)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease;transform-style:preserve-3d;z-index:1}
.cromo:hover{z-index:2}
.cromo:focus-visible{outline:3px solid var(--yel);outline-offset:4px;border-radius:12px}
.cromo.drop{animation:crDrop .55s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes crDrop{from{transform:translateY(160px) rotate(-14deg) scale(.7);opacity:0}60%{opacity:1}to{transform:rotate(var(--rot,0deg))}}
.cr-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.8,.3,1)}
.cromo[aria-pressed=true] .cr-in{transform:rotateY(180deg)}
.cr-front,.cr-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.25)}
.cr-front{background:#FBF8F1;padding:7px}
.cromo.esp .cr-front{background:linear-gradient(135deg,#FFE500,#FFF6A8 30%,#E8C200 55%,#FFF2A0 80%,#FFD400)}
.cr-photo{position:absolute;inset:7px;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#2A4FA0,#0B1D45 70%)}
.cr-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cr-photo.fit img{object-fit:contain;padding:10% 8% 34%}
.cr-num{position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--frame);color:var(--yel);font:900 14px var(--cap);box-shadow:0 0 0 2px #FBF8F1}
.cr-year{position:absolute;right:7px;top:16px;background:var(--yel);color:var(--frame);font:900 15px var(--cap);padding:4px 10px 4px 12px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.cr-tag{position:absolute;right:7px;top:46px;background:var(--frame);color:var(--yel);font:800 10px var(--cap);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px}
.cr-plate{position:absolute;left:7px;right:7px;bottom:7px;padding:22px 12px 10px;background:linear-gradient(180deg,rgba(6,16,42,0),rgba(6,16,42,.85) 28%,#06102A);border-radius:0 0 7px 7px;display:grid;gap:2px}
.cr-plate::before{content:"";position:absolute;left:0;right:0;top:12px;height:4px;background:var(--yel);clip-path:polygon(0 0,62% 0,58% 100%,0 100%)}
.cr-plate small{font:800 11px var(--cap);text-transform:uppercase;letter-spacing:.06em;color:var(--yel)}
.cr-plate b{font:900 16px/1.08 var(--cap);text-transform:uppercase;color:#fff}
.cr-plate i{font:900 10px var(--cap);font-style:normal;color:rgba(255,255,255,.55);margin-top:3px}.cr-plate i em{font-style:normal;color:var(--yel)}
.cr-holo{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.7) 40%,rgba(255,229,0,.45) 48%,rgba(120,180,255,.55) 56%,transparent 70%);background-size:260% 260%;background-position:var(--mx,30%) var(--my,30%);transition:background-position .1s}
.cr-back{transform:rotateY(180deg);background:
 repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px),
 repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px),#0B1D45;
 border:7px solid #FBF8F1;padding:12px 12px 10px;display:flex;flex-direction:column;gap:7px;color:#fff;text-align:left}
.cromo.esp .cr-back{border-color:#F2D200}
.cb-top{display:flex;justify-content:space-between;align-items:center;font:900 13px var(--cap);color:var(--yel)}
.cb-top span{background:var(--yel);color:var(--frame);padding:2px 8px;border-radius:4px}
.cb-name{font:900 17px/1.05 var(--cap);text-transform:uppercase;border-bottom:2px solid var(--yel);padding-bottom:6px}
.cb-row{display:grid;gap:1px;font:700 12.5px/1.3 var(--cap)}
.cb-row small{font:800 10px var(--cap);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.cb-txt{font:600 12px/1.4 var(--cap);color:#C9D4EA;margin-top:auto}
.cb-foot{font:800 9.5px var(--cap);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-top:1px solid rgba(255,255,255,.15);padding-top:6px}
/* sobre */
.al-pack{position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:rgba(6,16,42,.35);border-radius:22px;transition:opacity .4s}
.al-pack.open{pointer-events:none}
.al-pack.open .sobre{animation:sbOpen .6s ease forwards}
@keyframes sbOpen{to{transform:translateY(40px) scale(.9);opacity:0}}
.sobre{all:unset;cursor:pointer;position:relative;width:190px;height:250px;border-radius:12px;background:linear-gradient(150deg,#FFE500,#FFC400);box-shadow:0 24px 50px rgba(0,0,0,.5);display:grid;place-items:center;overflow:hidden;transition:transform .25s}
.sobre:hover{transform:rotate(-3deg) scale(1.04)}
.sobre:focus-visible{outline:3px solid #fff;outline-offset:5px}
.sb-top{position:absolute;left:0;right:0;top:0;height:34px;background:repeating-linear-gradient(90deg,#E6B800 0 6px,#FFD400 6px 12px);clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,90% 70%,85% 100%,80% 70%,75% 100%,70% 70%,65% 100%,60% 70%,55% 100%,50% 70%,45% 100%,40% 70%,35% 100%,30% 70%,25% 100%,20% 70%,15% 100%,10% 70%,5% 100%,0 70%)}
.sb-body{display:grid;justify-items:center;gap:4px;color:var(--frame);text-align:center;margin-top:14px}
.sb-body b{font:900 34px/1 var(--cap);text-transform:uppercase}
.sb-body small{font:800 14px var(--cap)}
.sb-body em{font:900 14px var(--cap);font-style:normal;background:var(--frame);color:var(--yel);padding:7px 16px;border-radius:999px;margin-top:12px}
@media (max-width:980px){.al-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.album{padding:16px 14px 20px}.al-grid{grid-template-columns:repeat(2,1fr);gap:18px 14px}.cr-plate b{font-size:13px}.cr-num{width:28px;height:28px;font-size:12px;left:12px;top:12px}.cr-year{font-size:12px}.cb-name{font-size:14px}.cb-row{font-size:11px}.cb-txt{display:none}.al-head{flex-direction:column;align-items:flex-start}}
.al-pack[hidden],.cromo[hidden]{display:none}
/* el dorso escala con el tamaño del cromo */
.al-slot{container-type:inline-size}
.cr-back{padding:6cqw 6cqw 5cqw;gap:3.2cqw}
.cb-top{font-size:5.6cqw}.cb-top span{padding:.4cqw 3cqw}
.cb-name{font-size:7cqw;padding-bottom:2.4cqw}
.cb-row{font-size:5.4cqw;line-height:1.25}.cb-row small{font-size:4.2cqw}
.cb-txt{font-size:5cqw;line-height:1.35}
.cb-foot{font-size:3.8cqw;padding-top:2.4cqw}
.cr-plate b{font-size:6.6cqw}.cr-plate small{font-size:4.6cqw}.cr-plate i{font-size:4cqw}
@media (max-width:640px){.cb-txt{display:block}.cb-foot{display:none}.cr-plate b{font-size:7cqw}}
/* ===== el rincón: el bar ===== */
.bar-scene{position:relative;padding-bottom:10px;background:
 radial-gradient(ellipse 60% 40% at 30% 0,rgba(255,190,110,.16),transparent 70%),
 radial-gradient(ellipse 40% 30% at 85% 10%,rgba(255,190,110,.10),transparent 70%)}
.bar-head{text-align:left}
.neon{font:700 clamp(46px,6.4vw,86px)/1 "Kalam",cursive;margin:6px 0 14px;color:#FFF4A8;text-transform:none;letter-spacing:-.01em;
 text-shadow:0 0 4px #FFE500,0 0 14px rgba(255,229,0,.75),0 0 34px rgba(255,200,0,.45)}
.neon span{color:#E9F2FF;text-shadow:0 0 4px #9CC2FF,0 0 14px rgba(120,170,255,.7),0 0 34px rgba(90,140,255,.4)}
.view:not([hidden]) .neon{animation:neonOn 1.4s steps(1) 1}
@keyframes neonOn{0%{opacity:.15}8%{opacity:1}12%{opacity:.3}18%{opacity:1}55%{opacity:.6}58%{opacity:1}}
.bar-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 28px;align-items:start;padding-top:10px;padding-bottom:40px;
 grid-template-areas:"tv tv tv tv tv tv tv sd sd sd sd sd" "ld ld ld ld ld ld ld sd sd sd sd sd" "pr pr pr pr co co co co ar ar ar ar"}
/* tele */
.tv{grid-area:tv;display:block;text-decoration:none;color:#fff;background:#121418;border-radius:16px;padding:12px 12px 22px;box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 0 0 2px #23262C;position:relative}
.tv-screen{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.tv-screen img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}
.tv-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45));pointer-events:none}
.tv-bug{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:7px;font:800 12px var(--cap);text-transform:uppercase;letter-spacing:.04em;background:rgba(3,8,23,.85);padding:5px 10px;border-radius:4px}
.tv-bug i{width:8px;height:8px;border-radius:50%;background:#FF3B3B;box-shadow:0 0 8px #FF3B3B}
.tv-low{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;padding:10px 14px;background:linear-gradient(90deg,var(--yel) 0 190px,rgba(3,8,23,.92) 190px)}
.tv-low b{font:900 18px var(--cap);text-transform:uppercase;color:var(--frame);width:162px}
.tv-low small{font:700 14px var(--cap);color:#fff}
.tv-count{font:800 13px var(--cap);color:var(--yel);white-space:nowrap}
.tv-foot{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:6px}.tv-foot i{width:5px;height:5px;border-radius:50%;background:#3A3F48}.tv-foot i:first-child{background:#3BD16F}
.tv:hover .tv-screen img{filter:saturate(1.2) brightness(1.08)}
.tv:focus-visible{outline:3px solid var(--yel);outline-offset:5px}
/* pizarra */
.side{grid-area:sd;display:grid;gap:24px}
.chalk{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.04),transparent 45%),#1D2925;border:10px solid #6B4A2B;border-radius:6px;padding:18px 20px 14px;box-shadow:0 20px 40px rgba(0,0,0,.45),inset 0 0 30px rgba(0,0,0,.4);color:#F1F1EA;font-family:"Kalam",cursive}
.chalk h2:where(:not(.h1x)){font:700 30px/1 "Kalam",cursive;margin:0 0 10px;text-transform:none;text-shadow:none;color:#FFF6B8}
.chalk ul{list-style:none;margin:0;padding:0}
.chalk li{display:grid;grid-template-columns:58px 1fr;column-gap:10px;padding:5px 0;border-bottom:1px dashed rgba(241,241,234,.18)}
.chalk li b{font:700 19px "Kalam",cursive;color:#FFE97A;grid-row:span 2}
.chalk li span{font:400 19px/1.15 "Kalam",cursive}
.chalk li small{font:400 14px "Kalam",cursive;color:rgba(241,241,234,.6)}
.chalk-note{font:400 13px "Kalam",cursive;color:rgba(241,241,234,.5);margin:8px 0 0}
/* marcador led */
.led{grid-area:ld;align-self:start;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:-8px;text-decoration:none;background:#07080A;border-radius:10px;padding:14px 16px;box-shadow:0 16px 30px rgba(0,0,0,.45),inset 0 0 0 2px #1A1C20;background-image:radial-gradient(rgba(255,229,0,.06) 1px,transparent 1.4px);background-size:5px 5px;font-family:"Big Shoulders Display",var(--cap)}
.led-h{display:grid;gap:0;font:800 15px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.12em;color:#7FA8FF;margin-bottom:6px}.led-h em{font-style:normal}
.led-rows{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.led-rows div{display:grid;justify-items:center;text-align:center;font:700 18px/1.1 "Big Shoulders Display",var(--cap);text-transform:uppercase;color:#FFD84A;text-shadow:0 0 6px rgba(255,200,0,.6);letter-spacing:.04em}
.led-more{display:block;font:700 13px var(--cap);color:#9AA6BC}
.led:hover .led-more{color:var(--yel)}
/* hoja de la porra */
.porra-sheet{grid-area:pr;position:relative;background:linear-gradient(rgba(60,110,200,.14) 1px,transparent 1px) 0 0/100% 26px,linear-gradient(90deg,rgba(60,110,200,.14) 1px,transparent 1px) 0 0/26px 100%,#F7F3E8;color:#1C3A8A;padding:30px 24px 22px;transform:rotate(-2deg);box-shadow:0 18px 36px rgba(0,0,0,.45);font-family:"Kalam",cursive}
.pin{position:absolute;left:50%;top:-8px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF7A70,#C4271D 60%,#7E140E);box-shadow:0 3px 4px rgba(0,0,0,.4)}
.porra-sheet h2:where(:not(.h1x)){font:700 30px/1 "Kalam",cursive;color:#1C3A8A;margin:0 0 4px;text-transform:none;text-shadow:none}
.ps-sub{margin:0 0 8px;font-size:17px}
.ps-rank{margin:0 0 10px;padding-left:26px;font-size:20px}
.ps-rank li{display:flex;gap:8px;align-items:baseline}
.ps-rank li span{flex:1;overflow:hidden;white-space:nowrap}
.ps-rank li span::after{content:" ...........................................";color:rgba(28,58,138,.35)}
.ps-rank li b{font-weight:700;white-space:nowrap}.ps-rank li b::after{content:" pts";font-weight:400}
.ps-go{display:inline-block;font:700 20px "Kalam",cursive;color:#C4271D;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
/* posavasos */
.coaster{grid-area:co;justify-self:center;width:min(100%,330px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#F1E4C8 0 62%,#E6D3AE 63% 100%);box-shadow:0 0 0 9px #B3261E,0 0 0 12px #F1E4C8,0 22px 40px rgba(0,0,0,.5);transform:rotate(4deg);display:grid;place-items:center;color:#2A1A0E;margin-top:14px}
.coaster-in{width:74%;text-align:center}
.co-h{margin:0;font:800 12px var(--cap);text-transform:uppercase;letter-spacing:.12em;color:#B3261E}
.co-q{margin:4px 0 10px;font:900 19px/1.15 var(--cap);color:#2A1A0E}
.co-opts{display:grid;gap:6px}
.co-opts button{position:relative;overflow:hidden;display:flex;justify-content:space-between;font:800 14px var(--cap);color:#2A1A0E;background:transparent;border:2px solid #2A1A0E;border-radius:999px;padding:6px 14px;cursor:pointer}
.co-opts button::before{content:"";position:absolute;inset:0;width:var(--p,0%);background:rgba(179,38,30,.22);transition:width .6s ease}
.co-opts button span,.co-opts button b{position:relative}
.co-opts button:not(:disabled):hover{background:#2A1A0E;color:#F1E4C8}
.co-n{margin:8px 0 0;font:600 12px var(--cap);color:#6B5333}
.co-share{margin-top:6px;font:800 12px var(--cap);background:#2A1A0E;color:#F1E4C8;border:0;border-radius:999px;padding:5px 12px;cursor:pointer}
/* máquina */
.arcade{grid-area:ar;justify-self:center;width:min(100%,290px);display:grid;text-decoration:none;color:#fff;filter:drop-shadow(0 22px 30px rgba(0,0,0,.5))}
.ar-top{display:block;text-align:center;font:900 22px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.12em;color:var(--frame);background:linear-gradient(180deg,#FFF07A,var(--yel));padding:12px 10px;border-radius:12px 12px 0 0;box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}
.ar-screen{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#0A0D14;border:12px solid #27358A;border-top-width:14px;padding:16px 14px}
.ar-board{display:grid;grid-template-columns:repeat(5,16px);gap:3px}
.ar-board i{width:16px;height:16px;border-radius:2px;background:#2A2F3A}.ar-board i.g{background:var(--yel)}.ar-board i.y{background:var(--yel)}
.ar-txt{font:700 16px/1.45 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.06em;color:#7FE3FF}
.ar-panel{position:relative;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#3A4BB0,#27358A);padding:16px 18px 20px;border-radius:0 0 18px 18px;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}
.stick{width:12px;height:30px;background:#111;border-radius:6px;position:relative}.stick::before{content:"";position:absolute;left:-7px;top:-12px;width:26px;height:26px;border-radius:50%;background:#E5322A}
.bt{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3)}.bt.r{background:#E5322A}.bt.y{background:var(--yel)}
.ar-coin{margin-left:auto;font:900 13px var(--cap);text-transform:uppercase;background:#0A0D14;color:var(--yel);padding:6px 12px;border-radius:6px}
.arcade:hover .ar-coin{background:var(--yel);color:var(--frame)}
.arcade:focus-visible{outline:3px solid var(--yel);outline-offset:6px;border-radius:14px}
/* la barra */
.counter{position:relative;background:linear-gradient(180deg,#5A3A22 0 14px,#3E2716 14px,#2B1A0F);box-shadow:inset 0 2px 0 rgba(255,220,170,.25);padding:34px 0 60px;margin-top:10px}
.counter-in{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:34px;align-items:start}
.paper{background:#F4F1E8;color:#1A1A1A;padding:18px 24px 20px;transform:rotate(-1deg) translateY(-50px);box-shadow:0 24px 40px rgba(0,0,0,.5);font-family:"Literata",Georgia,serif}
.pp-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;border-bottom:3px double #1A1A1A;padding-bottom:6px;margin-bottom:14px}
.pp-mast b{font:900 54px/.9 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.02em;text-align:center}
.pp-mast span{font:600 12px var(--cap);color:#555}.pp-mast span:last-child{text-align:right}
.pp-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}
.pp-lead{display:block;text-decoration:none;color:inherit}
.pp-lead small{font:800 11px var(--cap);text-transform:uppercase;letter-spacing:.08em;color:#B3261E}
.pp-lead h3{font:700 30px/1.08 "Literata",Georgia,serif;margin:4px 0 8px;text-transform:none;color:#111}
.pp-lead p{font:400 16px/1.5 "Literata",Georgia,serif;margin:0 0 8px;color:#333}
.pp-lead span{font:600 13px var(--cap);color:#555}
.pp-lead:hover h3{text-decoration:underline}
.pp-list{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #1A1A1A;display:grid;gap:10px}
.pp-list a{font:600 16px/1.3 "Literata",Georgia,serif;color:#111;text-decoration:none}.pp-list a:hover{text-decoration:underline}
.pp-side{border-left:1px solid #1A1A1A;padding-left:18px}
.pp-side h3{font:900 22px/1 "Big Shoulders Display",var(--cap);text-transform:uppercase;margin:0 0 10px;color:#111}
.pp-side ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pp-side li{font:400 14px/1.4 "Literata",Georgia,serif;color:#333}.pp-side li b{display:block;font:900 20px "Big Shoulders Display",var(--cap);color:#B3261E}
.pp-more{display:inline-block;margin-top:16px;font:800 14px var(--cap);color:#111}
/* servilleta */
.napkin{position:relative;background:#FFFFFF;color:#2B2B2B;padding:24px 22px 22px;transform:rotate(2.5deg) translateY(-30px);box-shadow:0 18px 30px rgba(0,0,0,.45);font-family:"Kalam",cursive;
 -webkit-mask:radial-gradient(circle 5px at 50% 0,transparent 98%,#000) 0 0/14px 51% repeat-x,radial-gradient(circle 5px at 50% 100%,transparent 98%,#000) 0 100%/14px 51% repeat-x;
 mask:radial-gradient(circle 5px at 50% 0,transparent 98%,#000) 0 0/14px 51% repeat-x,radial-gradient(circle 5px at 50% 100%,transparent 98%,#000) 0 100%/14px 51% repeat-x}
.napkin h2:where(:not(.h1x)){font:700 28px/1.05 "Kalam",cursive;color:#1C3A8A;margin:0 0 6px;text-transform:none;text-shadow:none}
.napkin p{font:400 17px/1.35 "Kalam",cursive;margin:0 0 12px}
.napkin input{width:100%;font:400 20px "Kalam",cursive;color:#1C3A8A;background:transparent;border:0;border-bottom:2px solid #1C3A8A;padding:4px 2px;margin-bottom:12px}
.napkin input:focus{outline:none;border-bottom-color:#B3261E}
.napkin button{font:900 15px var(--cap);background:#1C3A8A;color:#fff;border:0;border-radius:999px;padding:9px 18px;cursor:pointer}
.nap-msg{min-height:1em;margin:8px 0 0!important;color:#B3261E}
@media (max-width:1000px){.bar-wall{grid-template-columns:1fr 1fr;grid-template-areas:"tv tv" "sd sd" "pr co" "ar ar"}.side{grid-template-columns:1.3fr 1fr}.counter-in{grid-template-columns:1fr}.paper{transform:rotate(-.6deg) translateY(-40px)}.napkin{transform:rotate(1.5deg);margin-top:-30px;max-width:420px}}
@media (max-width:640px){.bar-wall{grid-template-columns:1fr;grid-template-areas:"tv" "sd" "pr" "co" "ar";gap:30px}.side{grid-template-columns:1fr}.tv-low{grid-template-columns:1fr;background:linear-gradient(180deg,var(--yel) 0 30px,rgba(3,8,23,.92) 30px);padding:6px 10px 8px}.tv-low b{font-size:14px;width:auto}.tv-low small{font-size:12px}.tv-count{font-size:12px}.porra-sheet{transform:rotate(-1deg)}.pp-cols{grid-template-columns:1fr}.pp-side{border-left:0;border-top:1px solid #1A1A1A;padding:12px 0 0}.pp-mast{grid-template-columns:1fr}.pp-mast span:last-child{text-align:left}.pp-mast b{font-size:44px;text-align:left}.pp-lead h3{font-size:24px}.paper{padding:16px}}
.led-rows div span:last-child{font-size:30px}
.tv-low{background:rgba(3,8,23,.92);grid-template-columns:auto 1fr auto;padding:0 14px 0 0}
.tv-low b{width:auto;background:var(--yel);padding:12px 16px}
.paper{transform:rotate(-1deg);margin-top:-60px}
.napkin{transform:rotate(2.5deg);margin-top:-36px}
.counter{padding:0 0 44px}
.side{align-self:stretch}
@media (max-width:1000px){.bar-wall{grid-template-areas:"tv tv" "ld ld" "sd sd" "pr co" "ar ar"}.paper{transform:rotate(-.6deg)}.napkin{margin-top:0}}
@media (max-width:640px){.bar-wall{grid-template-areas:"tv" "ld" "sd" "pr" "co" "ar"}.led{grid-template-columns:1fr;gap:8px}.led-rows{gap:4px}.led-rows div{font-size:13px}.led-rows div span:last-child{font-size:22px}.tv-low{grid-template-columns:1fr;padding:0 0 6px}.tv-low b{padding:6px 10px}.tv-low small,.tv-count{padding:0 10px}}
@media (max-width:1000px){.bar-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.side{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.bar-wall{grid-template-columns:minmax(0,1fr)}.led-rows{grid-template-columns:repeat(5,minmax(0,1fr))}.chalk li{grid-template-columns:50px minmax(0,1fr)}.coaster{width:min(100%,310px)}}
/* ===== páginas del bar ===== */
.barv{background:radial-gradient(ellipse 60% 30% at 30% 0,rgba(255,190,110,.14),transparent 70%)}
.barv .neon{margin-bottom:12px}
.barv .hand{font:700 34px/1 "Kalam",cursive;text-transform:none;text-shadow:none;color:#FFF4A8;margin:0 0 20px}
.barv .note{color:#9AA6BC}
/* chips del bar: como fichas de pizarra */
.barv .chips button{font:700 18px "Kalam",cursive;background:#1D2925;border:2px solid #6B4A2B;color:#F1F1EA}
.barv .chips button[aria-pressed=true]{background:#FFE97A;border-color:#FFE97A;color:#1D2925}
/* hoja de periódico */
.paper.sheet{transform:rotate(-.4deg);margin:0;padding:22px 28px 28px}
.sheet .pp-mast{margin-bottom:20px}
.sheet .art-lead{display:block;color:#111;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #1A1A1A}
.sheet .art-lead h3{font:700 clamp(26px,3vw,40px)/1.08 "Literata",Georgia,serif;text-transform:none;color:#111}
.sheet .art-lead p{font:400 18px/1.5 "Literata",Georgia,serif;color:#333}
.sheet .art-lead:hover h3{color:#111;text-decoration:underline}
.sheet .meta,.sheet .art-row .meta{color:#666}
.sheet .cat{background:#111;color:#F4F1E8}.sheet .cat.ep{background:#B3261E;color:#fff}
.sheet .art-rows{border-top:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.sheet .art-row{color:#111;border-bottom:1px solid rgba(0,0,0,.18);grid-template-columns:1fr auto;padding:14px 0}
.sheet .art-row img{display:none}
.sheet .art-row h3{font:600 18px/1.3 "Literata",Georgia,serif;color:#111}
.sheet .art-row:hover h3{color:#111;text-decoration:underline}
/* artículo */
.barv .article{padding-top:36px}
.art-sheet{padding:30px clamp(18px,5vw,56px) 34px}
.art-sheet .crumb,.art-sheet .crumb a{color:#555}
.art-sheet .kicker{color:#B3261E;font:800 13px var(--cap);text-transform:uppercase;letter-spacing:.08em}
.art-sheet h1,
.art-sheet h2.h1x{font:700 clamp(32px,4.6vw,56px)/1.05 "Literata",Georgia,serif;text-transform:none;color:#111;text-shadow:none;margin:0 0 18px}
.art-sheet .byline{color:#111}.art-sheet .byline small{color:#666}.art-sheet .byline img{border-color:#B3261E}
.art-sheet .a-hero img{border:0;border-radius:2px;filter:grayscale(.15)}
.art-sheet .a-body{font:400 19px/1.75 "Literata",Georgia,serif;color:#222;max-width:68ch}
.art-sheet .a-body blockquote{border-left-color:#B3261E;font:700 26px/1.3 "Literata",Georgia,serif;text-transform:none;color:#111}
.art-sheet .share{border-color:rgba(0,0,0,.2);color:#111}
.art-sheet .dropcap::first-letter{color:#B3261E}
/* directo: la tele grande */
.tv-big{display:block;padding:14px 14px 26px;cursor:default}
.tv-big .player{border:0;border-radius:6px}
.wall-photos{gap:30px}
.wall-photos .past-item{background:#FBF8F1;padding:10px 10px 14px;color:#1B1A17;box-shadow:0 16px 30px rgba(0,0,0,.45);transform:rotate(-1.5deg);position:relative}
.wall-photos .past-item:nth-child(2){transform:rotate(1.2deg)}.wall-photos .past-item:nth-child(3){transform:rotate(-.6deg)}
.wall-photos .past-item::before{content:"";position:absolute;left:50%;top:-8px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF7A70,#C4271D 60%,#7E140E);box-shadow:0 3px 4px rgba(0,0,0,.4);z-index:1}
.wall-photos .past-item img{border:0;border-radius:2px;margin-bottom:8px}
.wall-photos .past-item b{font:700 22px/1.1 "Kalam",cursive;text-transform:none;color:#1C3A8A}
.wall-photos .past-item small{font:400 16px "Kalam",cursive;color:#555}
/* minijuegos: la recreativa */
.arc-tabs{margin-top:6px}
.cabinet{max-width:1000px;margin:10px auto 0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.cab-top{text-align:center;font:900 clamp(22px,3vw,34px) "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.14em;color:var(--frame);background:linear-gradient(180deg,#FFF07A,var(--yel));padding:16px 10px;border-radius:18px 18px 0 0;box-shadow:inset 0 -5px 0 rgba(0,0,0,.15)}
.cab-screen{background:#0A0D14;border:18px solid #27358A;border-top-width:20px;padding:26px clamp(14px,3vw,34px) 30px;box-shadow:inset 0 0 60px rgba(0,0,0,.8)}
.cab-screen .wrap{max-width:none;padding:0}
.cab-screen h2:where(:not(.h1x)){font-family:"Big Shoulders Display",var(--cap);letter-spacing:.06em;text-shadow:none}
.cab-screen h2:where(:not(.h1x)) em{color:#7FE3FF;font-style:normal}
.cab-screen .intro{color:#9FB3D9}
.cab-panel{display:flex;align-items:center;gap:20px;background:linear-gradient(180deg,#3A4BB0,#27358A);padding:22px 30px 26px;border-radius:0 0 26px 26px;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}
.cab-panel .stick{width:14px;height:36px}.cab-panel .stick::before{left:-9px;top:-14px;width:32px;height:32px}
.cab-panel .bt{width:26px;height:26px}.cab-panel .bt.b{background:#3DA9FF}
/* porra: hojas clavadas */
.porra{gap:40px}
.sheet-form,.sheet-rank{transform:rotate(-1deg)}
.sheet-rank{transform:rotate(1.2deg)}
.porra-sheet h2:where(:not(.h1x)){font:700 32px/1 "Kalam",cursive;color:#1C3A8A;text-transform:none;text-shadow:none;margin:0 0 12px}
.porra-sheet h2:where(:not(.h1x)) em{color:#C4271D;font-style:normal}
.sheet-form .pmr{color:#1C3A8A;font:700 19px "Kalam",cursive}
.sheet-form .pmr input{background:transparent;border:0;border-bottom:2px solid #1C3A8A;border-radius:0;color:#1C3A8A;font:700 22px "Kalam",cursive;text-align:center}
.sheet-form .lbl{color:#1C3A8A;font:700 17px "Kalam",cursive}
.sheet-form #pname{background:transparent;border:0;border-bottom:2px solid #1C3A8A;border-radius:0;color:#1C3A8A;font:400 20px "Kalam",cursive;padding:4px 2px}
.sheet-form .wmsg{color:#C4271D;font:700 18px "Kalam",cursive;text-transform:none}
.sheet-form .play-btn{background:#C4271D;color:#fff;box-shadow:0 4px 0 #7E140E}
.sheet-rank .tbl th{color:#555;border-color:rgba(28,58,138,.3);font-family:var(--cap)}
.sheet-rank .tbl td{color:#1C3A8A;border-color:rgba(28,58,138,.2);font:700 19px "Kalam",cursive}
.sheet-rank .tbl td:last-child{color:#C4271D}
.sheet-rank .tbl tr.me td{background:rgba(255,229,0,.35)}
.sheet-rank .note{color:#555}
/* ligas: el marcador luminoso */
.ledboard{background:#07080A;background-image:radial-gradient(rgba(255,229,0,.06) 1px,transparent 1.4px);background-size:5px 5px;border-radius:16px;padding:26px 28px;box-shadow:0 26px 50px rgba(0,0,0,.5),inset 0 0 0 3px #1A1C20}
.ledboard h2:where(:not(.h1x)){font:800 22px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.14em;color:#7FA8FF;text-shadow:none;margin:0 0 12px}
.ledboard .tbl th{color:#7FA8FF;border-color:rgba(127,168,255,.25);font:800 14px "Big Shoulders Display",var(--cap);letter-spacing:.1em;text-transform:uppercase}
.ledboard .tbl td{color:#FFD84A;border-color:rgba(255,216,74,.12);font:700 21px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 6px rgba(255,200,0,.5);padding:8px 6px}
.ledboard .tbl td:last-child{color:#FFF3A0}
.ledboard .tbl tr.ucl td:first-child{box-shadow:inset 3px 0 0 #3DA9FF}
.ledboard .match{background:#0E1014;border:1px solid #1E2128;border-radius:8px}
.ledboard .match span{color:#E6E9EF;font:700 18px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.04em}
.ledboard .match b{background:#000;color:#FFD84A;font:800 24px "Big Shoulders Display",var(--cap);text-shadow:0 0 6px rgba(255,200,0,.6)}
.ledboard .match b.live{background:#FFD84A;color:#000}
.ledboard .match small{color:#7FA8FF;font:700 13px "Big Shoulders Display",var(--cap);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:760px){.sheet .art-rows{grid-template-columns:1fr}.paper.sheet{padding:16px}.ledboard{padding:16px 12px}.cab-screen{border-width:10px;padding:16px 10px}.cab-panel{padding:16px 20px 20px}.wall-photos .past-item{transform:none!important}}
.sheet-form,.sheet-rank{grid-area:auto}
.sheet .art-row{display:block;padding:14px 0}
.sheet .art-row .cat{display:inline-block;margin-bottom:4px}
.sheet .art-row h3{margin:2px 0 0}
.sheet .art-row .meta.r{display:none}
.art-sheet h1 em,
.art-sheet h2.h1x em{color:#111;font-style:normal}
.barv .art-rows#moreArts{border-top:0}
.porra .sheet-form .pmr input{background:rgba(255,255,255,.6);border:0;border-bottom:2px solid #1C3A8A;border-radius:0;color:#1C3A8A;font:700 22px "Kalam",cursive;text-align:center;box-shadow:none}
.sheet .art-lead{border-radius:0;padding-left:0;padding-right:0;background:none}
#porraF.sheet-form input{background:rgba(255,255,255,.55);border:0;border-bottom:2px solid #1C3A8A;border-radius:0;color:#1C3A8A}
#porraF.sheet-form .pmr input{font:700 22px "Kalam",cursive;padding:4px}
#porraF.sheet-form #pname{background:transparent;font:400 20px "Kalam",cursive;padding:4px 2px}
#porraF.sheet-form input:focus{border-bottom-color:#C4271D}
/* ===== minijuegos nuevos (dentro de la recreativa) ===== */
.arc-tabs{flex-wrap:wrap}
.g2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start}
.cab-screen .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gbtn{font:800 15px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.08em;color:#0A0D14;background:var(--yel);border:0;border-radius:6px;padding:9px 16px;cursor:pointer;box-shadow:0 3px 0 #9C8A00}
.gbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #9C8A00}
.gform{display:flex;gap:8px;margin:14px 0 6px;max-width:440px}
.gform input{flex:1;min-width:0;font:600 17px var(--cap);color:#fff;background:#141A26;border:2px solid #2B3550;border-radius:8px;padding:10px 12px}
.gform input:focus{outline:none;border-color:#7FE3FF}
.gform button{font:800 15px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.08em;background:#7FE3FF;color:#0A0D14;border:0;border-radius:8px;padding:0 16px;cursor:pointer}
.cab-screen .wmsg{font-family:"Big Shoulders Display",var(--cap);letter-spacing:.04em;margin:8px 0 0}
/* quién es */
.clues{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;counter-reset:c}
.clues li{counter-increment:c;display:flex;gap:10px;align-items:center;font:600 16px var(--cap);color:#3A4560;background:#11151F;border:1px solid #1E2536;border-radius:8px;padding:8px 12px}
.clues li::before{content:counter(c);font:800 14px "Big Shoulders Display",var(--cap);width:22px;height:22px;display:grid;place-items:center;border-radius:4px;background:#1E2536;color:#7FA8FF}
.clues li.on{color:#E8EEF9;border-color:#2B3550}.clues li.on::before{background:var(--yel);color:#0A0D14}
.shirt{width:240px;height:260px;image-rendering:pixelated;background:radial-gradient(circle,#1B2336,#0A0D14 70%);border-radius:12px}
/* mayor o menor */
.mm{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin:14px 0 4px}
.mm-card{display:grid;align-content:center;justify-items:center;text-align:center;gap:6px;min-height:200px;padding:20px;background:#11151F;border:2px solid #1E2536;border-radius:12px}
.mm-card b{font:800 26px/1.05 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.03em}
.mm-v{font:900 64px/1 "Big Shoulders Display",var(--cap);color:var(--yel);text-shadow:0 0 12px rgba(255,229,0,.35)}
.mm-card small{color:#7FA8FF;font:700 13px var(--cap)}
.mm-card.b{border-color:#7FE3FF}
.mm-ask{display:flex;gap:10px;margin-top:8px}
.mm-vs{align-self:center;font:900 22px "Big Shoulders Display",var(--cap);color:#7FA8FF;text-transform:uppercase}
.mm-streak{max-width:320px}
/* el once */
.pitch{position:relative;width:min(420px,86vw);aspect-ratio:3/4;border-radius:10px;background:repeating-linear-gradient(180deg,#1E7A3A 0 12.5%,#228742 12.5% 25%);border:3px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 2px rgba(0,0,0,.2)}
.pitch::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.7)}
.pitch::after{content:"";position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.7);border-radius:50%}
.pl{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;z-index:1}
.pl i{width:24px;height:24px;border-radius:50%;background:#C8102E;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.pl b{font:800 12px var(--cap);color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;white-space:nowrap}
.pl.hid i{background:#0A0D14;border-style:dashed}.pl.hid b{background:var(--yel);color:#0A0D14;min-width:28px;text-align:center}
.pl.ok b{background:#3DDC84;color:#0A0D14}
/* trayectoria */
.tray{list-style:none;display:flex;flex-wrap:wrap;gap:10px 0;padding:0;margin:16px 0 6px;counter-reset:t}
.tray li{display:flex;align-items:center;animation:trIn .4s both;animation-delay:var(--d)}
.tray li span{font:800 15px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.05em;color:var(--b);background:var(--a);padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.tray li:not(:last-child)::after{content:"";width:22px;height:2px;background:#3A4560;margin:0 4px}
@keyframes trIn{from{opacity:0;transform:translateY(8px)}}
/* penaltis */
.pen-dots{display:flex;gap:10px;margin:14px 0 4px}
.pen-dots i{width:22px;height:22px;border-radius:50%;border:2px solid #3A4560}
.pen-dots i.g{background:#3DDC84;border-color:#3DDC84}.pen-dots i.x{background:#FF5A5A;border-color:#FF5A5A}
.goal{position:relative;width:min(420px,86vw);height:300px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#0E1830 0 62%,#1E7A3A 62%)}
.net{position:absolute;left:8%;right:8%;top:16%;height:46%;border:6px solid #F2F2F2;border-bottom:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 12px),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 12px)}
.zones{position:absolute;left:8%;right:8%;top:16%;height:46%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);z-index:3}
.zones button{background:transparent;border:1px dashed rgba(255,255,255,.18);cursor:crosshair}
.zones button:hover,.zones button:focus-visible{background:rgba(255,229,0,.18);outline:none}
.keeper{position:absolute;left:50%;top:34%;width:46px;height:80px;margin-left:-23px;z-index:2;transition:transform .45s cubic-bezier(.2,.8,.3,1)}
.keeper i{position:absolute;inset:0;border-radius:22px 22px 8px 8px;background:linear-gradient(180deg,#FFE500 0 55%,#111 55%);box-shadow:0 0 0 2px rgba(0,0,0,.3)}
.keeper i::before{content:"";position:absolute;left:50%;top:-20px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#E8B98F}
.keeper.dive0{transform:translateX(-120px) rotate(-70deg)}.keeper.dive1{transform:translateY(-14px)}.keeper.dive2{transform:translateX(120px) rotate(70deg)}
.ball{position:absolute;left:50%;bottom:16px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#ddd 60%,#999);z-index:4;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
@media (max-width:760px){.g2{grid-template-columns:1fr}.mm{grid-template-columns:1fr}.mm-vs{justify-self:center}.mm-card{min-height:150px}.mm-v{font-size:48px}.keeper.dive0{transform:translateX(-90px) rotate(-70deg)}.keeper.dive2{transform:translateX(90px) rotate(70deg)}}
.cab-screen .game{padding-top:0;margin-top:0}
.mm-topics{margin:8px 0 6px}.cab-screen .mm-topics button{font:800 14px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.06em;background:#11151F;border:2px solid #2B3550;color:#9FB3D9}.cab-screen .mm-topics button[aria-pressed=true]{background:#7FE3FF;border-color:#7FE3FF;color:#0A0D14}
.cab-screen section.game{padding-top:0!important;margin-top:0!important}
/* ===== el bar de verdad: fuera el azul ===== */
body.in-bar{--bwall:#2A1D13;--bwood:#1A110B;--bcream:#EFE4CC;--bamber:#FFB547;--bgreen:#2F6B4F;--bred:#C7362B;
 background:
  radial-gradient(ellipse 45% 26% at 22% 160px,rgba(255,176,80,.20),transparent 70%),
  radial-gradient(ellipse 35% 22% at 78% 220px,rgba(255,176,80,.14),transparent 70%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 2px,rgba(255,255,255,.015) 2px 4px,transparent 4px 132px),
  linear-gradient(180deg,#33241A 0,#2A1D13 700px,#24180F 100%)}
body.in-bar .lights{display:none}
body.in-bar header{background:linear-gradient(180deg,#160E08,#1E140C);box-shadow:0 3px 0 #4A3020,0 8px 20px rgba(0,0,0,.35)}
body.in-bar nav a{color:#CDB89A}body.in-bar nav a:hover,body.in-bar nav a[aria-current=page]{color:#FFF3DC}
body.in-bar nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--bamber)}
body.in-bar .drawer{background:#1E140C}
body.in-bar footer{background:#160E08;border-top:3px solid #4A3020;color:#B9A386}
body.in-bar footer a{color:#E8D6B8}
body.in-bar .crumb,body.in-bar .crumb a{color:#BFA88A}
body.in-bar .intro{color:#E8DCC6}
body.in-bar .note{color:#B9A386}
body.in-bar .next{border-top-color:rgba(255,220,170,.12)}
body.in-bar .next small{color:#BFA88A}
/* azulejos sobre el zócalo, al pie de cada página del bar */
body.in-bar main::after{content:"";display:block;height:96px;margin-top:20px;border-top:6px solid #5A3A22;
 background:
  linear-gradient(90deg,rgba(60,40,20,.25) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(rgba(60,40,20,.25) 1px,transparent 1px) 0 0/48px 48px,
  radial-gradient(circle at 50% 50%,var(--bgreen) 0 5px,transparent 6px) 0 0/48px 48px,
  radial-gradient(circle at 0 0,var(--bgreen) 0 9px,transparent 10px) 0 0/48px 48px,
  radial-gradient(circle at 100% 100%,#C79A3E 0 6px,transparent 7px) 0 0/24px 24px,
  var(--bcream)}
/* ticker: luminoso rojo de bar */
body.in-bar .ticker{background:#120B07;border-color:#3A2616}
body.in-bar .tick-track span{color:#FFD9A8}body.in-bar .tick-track b{color:var(--bamber)}body.in-bar .tick-track i{color:#9C7F5E}
/* neón: amarillo y rojo, nada de azul */
body.in-bar .neon span{color:#FFE3E0;text-shadow:0 0 4px #FF5A4E,0 0 14px rgba(255,70,60,.75),0 0 34px rgba(255,60,50,.45)}
/* fondo de escena */
body.in-bar .bar-scene,body.in-bar .barv{background:none}
/* pizarras y fichas */
body.in-bar .barv .chips button{background:#1D2925;border-color:#6B4A2B}
/* marcador luminoso: ámbar */
body.in-bar .led-h,body.in-bar .ledboard h2:where(:not(.h1x)),body.in-bar .ledboard .tbl th,body.in-bar .ledboard .match small{color:#FF9A3C}
body.in-bar .ledboard .tbl tr.ucl td:first-child{box-shadow:inset 3px 0 0 #FF9A3C}
body.in-bar .led-more{color:#B9A386}
/* recreativa: mueble rojo */
body.in-bar .ar-screen,body.in-bar .cab-screen{border-color:#8E1B14}
body.in-bar .ar-panel,body.in-bar .cab-panel{background:linear-gradient(180deg,#B3261E,#7E140E)}
body.in-bar .ar-txt,body.in-bar .cab-screen h2:where(:not(.h1x)) em{color:#7CFF9B}
body.in-bar .bt.b{background:#7CFF9B}
body.in-bar .cab-screen .intro{color:#C9BBA4}
body.in-bar .gform input{background:#17110C;border-color:#3A2A1C}
body.in-bar .gform input:focus{border-color:#7CFF9B}
body.in-bar .gform button{background:#7CFF9B}
body.in-bar .cab-screen .mm-topics button{background:#17110C;border-color:#3A2A1C;color:#C9BBA4}
body.in-bar .cab-screen .mm-topics button[aria-pressed=true]{background:#7CFF9B;border-color:#7CFF9B;color:#0A0D14}
body.in-bar .clues li{background:#141009;border-color:#2A2016;color:#5E5242}
body.in-bar .clues li.on{color:#F1E6D2;border-color:#3A2A1C}
body.in-bar .clues li::before{background:#2A2016;color:#FF9A3C}
body.in-bar .mm-card{background:#141009;border-color:#2A2016}
body.in-bar .mm-card.b{border-color:#7CFF9B}
body.in-bar .mm-card small,body.in-bar .mm-vs{color:#FF9A3C}
body.in-bar .goal{background:linear-gradient(180deg,#1A120C 0 62%,#1E7A3A 62%)}
body.in-bar .shirt{background:radial-gradient(circle,#2A2016,#0E0A07 70%)}
body.in-bar .kbd button{background:#3A2A1C}
body.in-bar .streak div{background:#141009;border-color:#2A2016}
body.in-bar .tray li:not(:last-child)::after{background:#5E4630}
body.in-bar .pen-dots i{border-color:#5E4630}
/* tele y botones */
body.in-bar .count div{background:rgba(20,12,6,.8);border-color:#4A3020}
body.in-bar .count span{color:#CDB89A}
body.in-bar .tv-bug{background:rgba(20,12,6,.88)}
body.in-bar .tv-low{background:rgba(20,12,6,.92)}
/* artículos fuera del papel */
body.in-bar .barv h2:where(:not(.h1x)):not(.hand){text-shadow:0 4px 0 #120B07}
body.in-bar .barv .art-rows .art-row{border-color:rgba(255,220,170,.14)}
body.in-bar .cat.ep{background:var(--bred);color:#fff}
body.in-bar .barv .chips button[aria-pressed=true]{background:#FFE97A;border-color:#FFE97A;color:#1D2925}
body.in-bar .napkin button{background:var(--bred)}
body.in-bar .wcell.y,body.in-bar .kbd button.y,body.in-bar .mini-board i.y,body.in-bar .ar-board i.y{background:#FF8A2B;border-color:#FF8A2B}
body.in-bar .ar-board i.g{background:#FFE500}
body.in-bar .wcell.x,body.in-bar .kbd button.x{background:#2A2016;border-color:#2A2016;color:#7A6A55}
body.in-bar .wcell{border-color:rgba(255,220,170,.18)}
/* ===== fondo del bar: las máquinas ===== */
.bar-wall{grid-template-areas:"tv tv tv tv tv tv tv sd sd sd sd sd" "ld ld ld ld ld ld ld sd sd sd sd sd" "pr pr pr pr pr pr co co co co co co" "mc mc mc mc mc mc mc mc mc mc mc mc"}
.porra-sheet{justify-self:center;width:min(100%,440px)}
.machines{grid-area:mc;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;justify-items:center;padding:30px 0 10px;position:relative}
.machines::after{content:"";position:absolute;left:-40px;right:-40px;bottom:-18px;height:26px;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}
/* recreativa grande */
.arcade.big{width:min(100%,430px)}
.arcade.big .ar-top{font-size:34px;padding:18px 10px;border-radius:16px 16px 0 0}
.arcade.big .ar-screen{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;padding:24px 22px;border-width:16px;min-height:300px;align-content:center}
.arcade.big .ar-board{grid-template-columns:repeat(5,22px)}.arcade.big .ar-board i{width:22px;height:22px}
.ar-list{display:grid;gap:3px;font:700 17px/1.2 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.05em;color:#7CFF9B}
.ar-list b{font-size:22px;color:var(--yel);margin-bottom:4px}
.ar-blink{grid-column:1/-1;text-align:center;font:800 16px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.14em;color:#fff;animation:blink 1.2s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.arcade.big .ar-panel{padding:22px 26px 26px}
.ar-base{display:block;height:150px;margin:0 6%;background:linear-gradient(90deg,#7E140E,#B3261E 12%,#B3261E 88%,#7E140E);border-radius:0 0 6px 6px;position:relative}
.ar-base::before{content:"";position:absolute;left:50%;top:34px;width:56px;height:70px;margin-left:-28px;border-radius:6px;background:#2A1A10;box-shadow:inset 0 0 0 3px #D9A441}
.ar-base::after{content:"";position:absolute;left:50%;top:52px;width:8px;height:30px;margin-left:-4px;border-radius:4px;background:#000}
/* la Tragagoles */
.slot{position:relative;width:min(100%,400px);background:linear-gradient(180deg,#D7DDE3,#9AA3AD 40%,#C9D0D7);border-radius:26px 26px 10px 10px;padding:16px 16px 26px;box-shadow:0 30px 50px rgba(0,0,0,.55),inset 0 0 0 4px #7A838E;margin-right:40px}
.sl-top{position:relative;background:#B3261E;border-radius:16px;padding:16px 12px 12px;text-align:center;box-shadow:inset 0 0 0 4px #7E140E}
.sl-top b{display:block;font:900 34px/1 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.06em;color:var(--yel);text-shadow:0 3px 0 #7E140E,0 0 18px rgba(255,229,0,.5)}
.sl-top small{display:block;margin-top:6px;font:700 11px var(--cap);color:#FFD9C7}
.sl-bulbs{position:absolute;inset:6px;border-radius:12px;pointer-events:none;background:radial-gradient(circle,#FFF2A6 0 3px,transparent 4px) 0 0/16px 16px;-webkit-mask:linear-gradient(#000 0 0) top/100% 8px no-repeat,linear-gradient(#000 0 0) bottom/100% 8px no-repeat;mask:linear-gradient(#000 0 0) top/100% 8px no-repeat,linear-gradient(#000 0 0) bottom/100% 8px no-repeat;animation:bulbs .8s steps(2) infinite}
@keyframes bulbs{50%{background-position:8px 0}}
.sl-win{margin:12px 0 10px;min-height:40px;display:grid;place-items:center;text-align:center;background:#120B07;border-radius:8px;padding:8px;font:800 17px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.06em;color:#FF9A3C;text-shadow:0 0 8px rgba(255,140,40,.6)}
.slot.won .sl-win{color:var(--yel);animation:blink .3s steps(1) 5}
.sl-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#1A120C;border-radius:12px;padding:10px;box-shadow:inset 0 6px 14px rgba(0,0,0,.6)}
.reel3{height:110px;border-radius:8px;background:linear-gradient(180deg,#bbb,#fff 30%,#fff 70%,#bbb);display:grid;place-items:center;overflow:hidden;position:relative}
.reel3 span{font-size:56px;line-height:1;display:block}
.reel3.go span{filter:blur(1.5px);animation:roll .12s linear infinite}
@keyframes roll{from{transform:translateY(-14px)}to{transform:translateY(14px)}}
.reel3.stop span{animation:land .3s cubic-bezier(.3,1.6,.5,1)}
@keyframes land{from{transform:translateY(-16px)}}
.sl-info{display:flex;justify-content:space-between;margin:12px 2px 8px;font:800 15px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.06em;color:#2A1A10}
.sl-info b{font-size:22px;color:#B3261E;margin-left:6px}
.sl-pay{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font:700 13px var(--cap);color:#3A2A1C;background:rgba(255,255,255,.45);border-radius:8px;padding:8px 10px;margin-bottom:12px}
.sl-btn{width:100%;font:900 18px "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.08em;color:#2A1A10;background:linear-gradient(180deg,#FFF07A,var(--yel));border:0;border-radius:10px;padding:13px;cursor:pointer;box-shadow:0 5px 0 #A88F00}
.sl-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #A88F00}
.sl-btn:disabled{opacity:.6;cursor:default}
.sl-lever{position:absolute;right:-40px;top:150px;width:40px;height:150px;background:none;border:0;padding:0;cursor:pointer}
.sl-lever::before{content:"";position:absolute;left:0;top:96px;width:22px;height:44px;border-radius:0 8px 8px 0;background:linear-gradient(90deg,#7A838E,#C9D0D7)}
.sl-lever i{position:absolute;left:14px;top:0;width:8px;height:110px;border-radius:4px;background:linear-gradient(90deg,#9AA3AD,#EEF1F4,#9AA3AD);transform-origin:50% 100%;transition:transform .25s}
.sl-lever i::before{content:"";position:absolute;left:-12px;top:-26px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF8A80,#C7362B 60%,#7E140E)}
.sl-lever.pull i{transform:scaleY(-.4)}
.sl-lever:focus-visible{outline:3px solid var(--yel);outline-offset:4px;border-radius:8px}
.sl-tray{position:absolute;left:22%;right:22%;bottom:-14px;height:22px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#7A838E,#C9D0D7)}
@media (max-width:1000px){.bar-wall{grid-template-areas:"tv tv" "ld ld" "sd sd" "pr co" "mc mc"}}
@media (max-width:760px){.machines{grid-template-columns:1fr;gap:60px}.slot{margin-right:34px}.reel3{height:90px}.reel3 span{font-size:44px}.bar-wall{grid-template-areas:"tv" "ld" "sd" "pr" "co" "mc"}}
@media (prefers-reduced-motion:reduce){.sl-bulbs,.ar-blink{animation:none}}
.machines .arcade{grid-area:auto}
.machines{margin-bottom:70px}
@media (max-width:760px){.slot{width:calc(100% - 46px);margin:0 46px 0 0;justify-self:start}.sl-lever{right:-42px}.machines{justify-items:stretch}.arcade.big{justify-self:center}}
/* contacto con formulario */
.contact2{padding-top:110px;padding-bottom:30px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}
.c-main .intro{margin-bottom:26px}
.cform{display:grid;gap:18px;max-width:640px}
.c-kind{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.c-kind legend{font:800 15px var(--cap);color:var(--dim);margin-bottom:10px;padding:0}
.c-kind label{position:relative;cursor:pointer}
.c-kind input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.c-kind span{display:inline-block;font:800 15px var(--cap);padding:10px 16px;border-radius:999px;border:2px solid var(--rule);background:rgba(255,255,255,.05);color:var(--white);transition:background .15s,border-color .15s}
.c-kind input:checked+span{background:var(--yel);border-color:var(--yel);color:var(--frame)}
.c-kind input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}
.c-kind label:hover span{border-color:var(--yel)}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c-f{display:grid;gap:6px}
.c-f>span{font:800 15px var(--cap);color:var(--white)}
.c-f small{font-weight:600;color:var(--dim)}
.c-f input,.c-f textarea{width:100%;font:600 17px var(--cap);color:#fff;background:rgba(3,8,23,.6);border:2px solid var(--rule);border-radius:12px;padding:13px 14px;resize:vertical}
.c-f input[type=date]{color-scheme:dark}
.c-f input:focus,.c-f textarea:focus{outline:none;border-color:var(--yel)}
.c-f textarea::placeholder{color:#7F8DAA}
.c-f.bad input,.c-f.bad textarea{border-color:#FF6B5A}
.c-err{margin:0;min-height:1.2em;color:#FF8A7A;font:700 15px var(--cap)}
.cform .play-btn{justify-self:start}
.c-ok{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--yel);color:var(--frame)}
.c-ok b{font:900 20px var(--cap);text-transform:uppercase}
.c-ok[hidden]{display:none}
.c-side{display:grid;gap:12px;position:sticky;top:110px}
.c-side .poster{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;border:6px solid var(--frame)}
.c-alt{margin:8px 0 0;color:var(--dim);font-weight:700}
.c-side .mail{font-size:18px}
@media (max-width:900px){.contact2{grid-template-columns:1fr;padding-top:90px}.c-side{position:static;grid-template-columns:120px 1fr;align-items:center}.c-side .poster{grid-row:span 2}.c-row{grid-template-columns:1fr}}
/* ajustes responsive */
@media (min-width:901px) and (max-width:1240px){.phones{transform:scale(.8);transform-origin:0 50%}}
.cab-screen .wordle{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:760px){.cab-screen .wordle{grid-template-columns:minmax(0,1fr);gap:24px}.cab-screen .wgrid,.cab-screen .kbd{width:100%}}

/* móvil: el hueco de los teléfonos mide lo que se ve */
@media (max-width:980px){.phones{height:720px;margin-bottom:-158px}}
@media (max-width:560px){.phones{height:720px;margin:10px 0 -307px 14px}}
/* redes en la portada */
.socials-home{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.socials-home a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--white);font:800 14px var(--cap);padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:2px solid var(--rule);transition:border-color .15s,background .15s,transform .15s}
.socials-home a:hover,.socials-home a:focus-visible{border-color:var(--yel);background:rgba(255,229,0,.1);transform:translateY(-2px)}
.socials-home i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--yel);color:var(--frame)}
.socials-home svg{width:18px;height:18px}
.socials-home small{display:block;font:600 12px var(--cap);color:var(--dim)}
@media (max-width:560px){.socials-home{gap:8px}.socials-home a{padding:6px 8px 6px 6px}.socials-home span{display:none}.socials-home i{width:38px;height:38px}.socials-home svg{width:22px;height:22px}}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.socials-home small{display:none}
.socials-home a{font-size:14px}
@media (max-width:560px){.phones{margin-top:24px}}
@media (min-width:561px){.socials-home{gap:7px;flex-wrap:nowrap}.socials-home a{padding:5px 11px 5px 5px;font-size:13px}.socials-home i{width:26px;height:26px}.socials-home svg{width:16px;height:16px}}
@media (max-width:980px){.wrap.hero{max-height:none;min-height:0;height:auto}}
.porra-close{font:400 16px "Kalam",cursive;margin:-6px 0 12px;opacity:.75}
.sheet .pp-mast{padding:14px 16px 10px;border-bottom-color:#F6C945}.sheet .pp-mast b{color:#F6E7C8}.sheet .pp-mast span{color:#BFA88A}
/* ---------- Sables y Blasters ---------- */
@font-face{font-family:"Star Jedi";src:url(Starjedi.ttf) format("truetype");font-display:swap}
.sb-th-card{background:#05060c;display:grid;place-items:center}.sb-th-card img{width:78%;height:auto;aspect-ratio:1;object-fit:contain}
.sabv{background:#05060c;color:#EAF0F7}
.sb-hero{background-size:cover;background-position:center 70%;padding:120px 0 90px;position:relative}
.sb-hero-in{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:center}
.sb-logo{width:260px;height:260px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.18),0 20px 60px rgba(0,0,0,.5)}
.sabv .crumb,.sabv .crumb a{color:rgba(234,240,247,.7)}
.sb-title{font:400 clamp(44px,6.4vw,84px)/1 "Star Jedi",sans-serif;color:#FFD60A;margin:6px 0 16px;-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:0 3px 0 #140a0e,0 0 24px rgba(0,0,0,.4)}
.sb-lead{font:500 20px/1.5 var(--cap);max-width:560px;margin:0 0 22px;color:#F6EBDD}
.sb-stats{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:10px 26px;font:500 16px var(--cap);color:#F6EBDD}.sb-stats b{color:#FFD60A;font-weight:800}
.sb-btn{display:inline-flex;align-items:center;gap:10px;background:#FFD60A;color:#0b0b10;font:800 17px var(--cap);padding:14px 26px;border-radius:999px;text-decoration:none;box-shadow:0 4px 0 #8a6d00}
.sb-btn:hover{transform:translateY(-1px)}
.sb-sec{padding-top:56px}
.sb-h{font:800 30px/1.15 var(--cap);color:#FFD60A;margin:0 0 22px;letter-spacing:-.01em;text-transform:none}
.sb-series{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sb-s{background:#0d1222;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px}
.sb-s span{display:inline-block;background:var(--c);color:var(--t,#fff);font:800 14px var(--cap);text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.sb-s p{margin:0;font:400 15px/1.5 var(--cap);color:#C7D0E0}
.sb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.sb-card{text-decoration:none;color:#EAF0F7;display:block}
.sb-th{display:block;position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#16244a,#05060c);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.sb-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.sb-card:hover .sb-th img{transform:scale(1.04)}
.sb-th em{position:absolute;left:8px;bottom:8px;font:800 13px var(--cap);font-style:normal;background:rgba(0,0,0,.65);color:#fff;padding:4px 8px;border-radius:6px}
.sb-th em::before{content:"▶ "}
.sb-card b{display:block;font:700 14px/1.35 var(--cap);margin-top:8px}
.sabv .next{color:#EAF0F7}.sabv .next em{color:#FFD60A}
@media (max-width:980px){.sb-series{grid-template-columns:1fr 1fr}.sb-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.sb-hero{padding:90px 0 60px}.sb-hero-in{grid-template-columns:1fr;gap:22px;text-align:left}.sb-logo{width:150px;height:150px}.sb-series{grid-template-columns:1fr}.sb-grid{grid-template-columns:1fr 1fr}.sb-lead{font-size:17px}}
body.in-galaxy{background:#05060c}body.in-galaxy header{background:#05060c;box-shadow:0 1px 0 rgba(255,255,255,.08)}
/* ---------- El desván: página propia y puertas en Mi canal ---------- */
.dv-doors{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.dv-door{position:relative;display:flex;align-items:center;gap:20px;min-height:170px;padding:22px 26px;border-radius:14px;text-decoration:none;color:#fff;overflow:hidden;background-size:cover;background-position:center 70%;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:transform .25s}
.dv-door:hover{transform:translateY(-4px)}
.dv-door img{width:120px;height:120px;border-radius:50%;flex:none}
.dv-door b{display:block;font:800 26px/1.1 var(--cap)}.dv-door small{display:block;font:500 15px/1.4 var(--cap);opacity:.85;margin-top:6px}
.dv-up{background:#F3EBDD;color:#1B1A17;justify-content:flex-start}
.dv-up b::after{content:" ↑"}
.dvv .crumb{text-align:center}
.dv-h1{text-align:center;font:900 clamp(40px,6vw,72px)/1 var(--cap);margin:22px 0 10px;text-transform:none}.dv-h1 em{font-style:normal;color:#FFC46E}
.dv-feature{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center;padding:34px 40px;border-radius:18px;background-size:cover;background-position:center 75%;color:#fff;text-decoration:none;margin:10px auto 60px;max-width:980px;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);transition:transform .25s}
.dv-feature:hover{transform:translateY(-4px)}
.dv-feature img{width:180px;height:180px;border-radius:50%}
.dv-feature small{font:700 14px var(--cap);color:#F6EBDD;opacity:.9}
.dv-feature .sj{display:block;font:400 clamp(34px,4.6vw,58px)/1.05 "Star Jedi",sans-serif;color:#FFD60A;text-shadow:0 3px 0 #140a0e;margin:6px 0 10px}
.dv-feature i{display:block;font:500 18px/1.45 var(--cap);font-style:normal;color:#F6EBDD;max-width:520px}
.dv-feature u{display:inline-block;margin-top:16px;text-decoration:none;background:#FFD60A;color:#0b0b10;font:800 16px var(--cap);padding:11px 20px;border-radius:999px}
.dv-h2{text-align:center;margin:0 0 26px}
.attic4{grid-template-columns:repeat(4,1fr)}
@media (max-width:820px){.dv-doors{grid-template-columns:1fr}.dv-feature{grid-template-columns:1fr;text-align:center;padding:28px 22px}.dv-feature img{width:130px;height:130px;margin:0 auto}.dv-feature i{margin:0 auto}.attic4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dv-door img{width:84px;height:84px}.dv-door b{font-size:21px}.attic4{grid-template-columns:1fr}}

/* ---------- La cantina de Mos Eisley ---------- */
.cantina{--sand:#D9BC8C;--adobe:#B98A55;--clay:#8A5A33;--night:#140D08;--lamp:#FFB35C;--teal:#3FC1B0;background:linear-gradient(180deg,#2A1A0F 0,#140D08 520px);color:#F2E3C8;position:relative;padding-bottom:30px}
.mos-sky{height:140px;margin-top:-1px;background:linear-gradient(180deg,#1b0f12 0,#2A1A0F 100%)}
.mos-sky svg{display:block;width:100%;height:140px}.mos-sky .d1{fill:#5A3A22}.mos-sky .d2{fill:#3A2416}
.ct-door{text-align:center;padding-top:18px}
.ct-kick{font:700 14px var(--cap);color:var(--lamp);letter-spacing:.06em;margin:0 0 6px}
.ct-title{font:900 clamp(34px,5.4vw,64px)/1.05 var(--cap);color:#F6E7CC;margin:0 0 12px;text-transform:none}
.ct-title .sj{font:400 1em "Star Jedi",sans-serif;color:var(--lamp);text-shadow:0 0 22px rgba(255,179,92,.45)}
.ct-sub{font:500 18px/1.55 var(--cap);color:#E2CFAE;max-width:640px;margin:0 auto 22px}
.ct-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ct-nav a{color:#1b1208;background:var(--sand);text-decoration:none;font:800 15px var(--cap);padding:10px 18px;border-radius:24px 24px 6px 6px;box-shadow:inset 0 -4px 0 var(--adobe)}
.ct-nav a:hover{background:#ECD3A6}
.ct-sec{padding-top:64px}
.ct-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;font:900 30px/1.1 var(--cap);color:#F6E7CC;margin:0 0 22px;text-transform:none}
.ct-h i{font:400 18px "Star Jedi",sans-serif;font-style:normal;color:var(--lamp)}
.ct-h small{font:500 16px var(--cap);color:#C9B08A}
.ct-h4{font:800 18px var(--cap);color:#E2CFAE;margin:28px 0 14px}
/* juegos: hornacinas de adobe */
.ct-games{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:start}
.ct-game{background:linear-gradient(180deg,#3A2516,#24170D);border-radius:120px 120px 14px 14px/60px 60px 14px 14px;padding:42px 22px 22px;box-shadow:inset 0 0 0 2px rgba(217,188,140,.25),0 18px 30px rgba(0,0,0,.35)}
.ct-gh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ct-gh b{font:900 21px/1.15 var(--cap);color:#F6E7CC}
.ct-pts{flex:none;font:800 13px var(--cap);background:var(--lamp);color:#24170D;padding:5px 10px;border-radius:999px}
.ct-gd{font:500 14px/1.5 var(--cap);color:#C9B08A;margin:8px 0 14px}
.ct-clues{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}
.ct-clues li{display:flex;gap:10px;align-items:flex-start;font:500 15px/1.4 var(--cap);color:#7C6650;background:rgba(0,0,0,.22);border-radius:8px;padding:8px 10px}
.ct-clues li.on{color:#F6E7CC;background:rgba(217,188,140,.12)}
.ct-clues li span{flex:none;width:28px;height:22px;display:grid;place-items:center;border-radius:6px;background:rgba(255,179,92,.18);color:var(--lamp);font:800 12px var(--cap)}
.ct-guess{display:flex;flex-wrap:wrap;gap:8px}
.ct-guess input{flex:1 1 150px;min-width:0;background:#140D08;border:2px solid #5A3A22;color:#F6E7CC;border-radius:10px;padding:10px 12px;font:600 16px var(--cap)}
.ct-guess input:focus{outline:none;border-color:var(--lamp)}
.cantina button{cursor:pointer;font:800 15px var(--cap);border:0;border-radius:10px;padding:10px 16px;background:var(--lamp);color:#24170D}
.cantina button.ghost{background:transparent;color:var(--sand);box-shadow:inset 0 0 0 2px #5A3A22}
.cantina button.link{background:none;padding:0;color:var(--lamp);text-decoration:underline;font-weight:700}
.cantina button:disabled{opacity:.45;cursor:default}
.ct-msg{min-height:22px;font:700 15px var(--cap);color:var(--teal);margin:12px 0 4px}
.ct-score{font:500 14px var(--cap);color:#C9B08A;margin:4px 0 0}.ct-score b{color:#F6E7CC}
.ct-big{font:900 30px/1.15 var(--cap);color:#F6E7CC;text-align:center;margin:30px 0 26px;min-height:70px;display:grid;place-items:center}
.ct-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cantina .ct-two .jedi{background:#2E7CF6;color:#fff;box-shadow:0 0 18px rgba(46,124,246,.4)}
.cantina .ct-two .sith{background:#D6332C;color:#fff;box-shadow:0 0 18px rgba(214,51,44,.4)}
.ct-vs{display:grid;gap:8px;text-align:center}
.ct-vs i{font:800 14px var(--cap);font-style:normal;color:#C9B08A}
.cantina .ct-vs button{display:grid;gap:3px;justify-items:center;background:#140D08;color:#F6E7CC;box-shadow:inset 0 0 0 2px #5A3A22;padding:14px 12px}
.cantina .ct-vs button:hover{box-shadow:inset 0 0 0 2px var(--lamp)}
.ct-vs b{font:800 17px/1.2 var(--cap)}.ct-vs small{font:500 13px var(--cap);color:#C9B08A}.ct-vs em{font:800 14px var(--cap);font-style:normal;color:var(--lamp)}
.ct-num{font:800 12px var(--cap);color:#24170D;background:var(--sand);padding:2px 8px;border-radius:4px;letter-spacing:.04em}
/* tablón: carteles de "se busca" sobre adobe */
.ct-wanted{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px;border-radius:16px;background:var(--adobe) radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 60%);box-shadow:inset 0 -8px 0 var(--clay)}
.ct-poster{background:#EAD9BA;color:#2A1A0F;padding:16px 16px 14px;border-radius:3px;box-shadow:0 8px 16px rgba(0,0,0,.3);transform:rotate(var(--r,-1deg));position:relative}
.ct-poster:nth-child(2n){--r:1.2deg}.ct-poster:nth-child(3n){--r:-.4deg}
.ct-poster::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#5A3A22;box-shadow:0 2px 0 rgba(0,0,0,.3)}
.ct-poster small{display:block;font:400 13px "Star Jedi",sans-serif;color:#8A5A33;margin-bottom:6px}
.ct-poster b{display:block;font:900 19px/1.15 var(--cap);margin-bottom:8px}
.ct-poster .ct-num{background:#2A1A0F;color:#EAD9BA}
.ct-poster dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 8px}
.ct-poster dt{font:600 11px var(--cap);color:#8A5A33}.ct-poster dd{margin:0;font:900 22px var(--cap)}
.ct-poster p{margin:0;font:500 13px/1.35 var(--cap);color:#5A3A22}
/* curiosidades */
.ct-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ct-fact{background:rgba(217,188,140,.07);border:1px solid rgba(217,188,140,.18);border-radius:14px;padding:18px}
.ct-fact b{display:block;font:900 30px/1 var(--cap);color:var(--lamp);margin-bottom:8px}
.ct-fact p{margin:0;font:500 15px/1.5 var(--cap);color:#E2CFAE}
/* saga en orden */
.ct-saga{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;counter-reset:s}
.ct-saga li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#24170D;border-radius:10px;padding:10px 12px;border-left:4px solid var(--lamp)}
.ct-saga li.serie{border-left-color:var(--teal)}
.ct-saga .ep{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,179,92,.14);font:900 16px var(--cap);color:var(--lamp)}
.ct-saga li.serie .ep{background:rgba(63,193,176,.12);color:var(--teal)}
.ct-saga b{font:800 15px/1.2 var(--cap);color:#F6E7CC}.ct-saga small{font:500 12px var(--cap);color:#C9B08A}
/* tele */
.ct-series{display:flex;flex-wrap:wrap;gap:8px}
.ct-series span{background:var(--c);color:var(--t,#fff);font:800 13px var(--cap);padding:6px 12px;border-radius:999px}
.cantina .sb-th{box-shadow:0 0 0 2px rgba(217,188,140,.25)}
.cantina .sb-card b{color:#F2E3C8}
@media (max-width:980px){.ct-games{grid-template-columns:1fr 1fr}.ct-game:first-child{grid-column:1/-1}.ct-wanted{grid-template-columns:repeat(2,1fr)}.ct-facts{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ct-games{grid-template-columns:1fr}.ct-wanted{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.ct-facts{grid-template-columns:1fr}.mos-sky,.mos-sky svg{height:80px}.ct-h{font-size:25px}.ct-poster b{font-size:16px}.ct-poster dd{font-size:18px}}
@media (min-width:981px) and (max-width:1180px){nav a{margin-left:18px;font-size:15px}}
/* ================= El desván (página) ================= */
body.in-attic{background:#120b07}
body.in-attic header{background:#120b07}
.dvv{background:repeating-linear-gradient(90deg,#2a1a10 0 118px,#24160d 118px 120px,#2e1d12 120px 238px,#22150c 238px 240px);position:relative;overflow:hidden}
.attic-room{position:relative;padding-bottom:70px}
.attic-roof{position:absolute;inset:0 0 auto 0;width:100%;height:420px;z-index:0}
.attic-beam{position:absolute;left:50%;top:150px;width:520px;height:900px;transform:translateX(-50%) rotate(14deg);transform-origin:top center;background:linear-gradient(180deg,rgba(255,217,160,.28),rgba(255,217,160,0) 75%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);pointer-events:none;z-index:1;mix-blend-mode:screen}
.attic-dust{position:absolute;inset:0;pointer-events:none;z-index:2}
.attic-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe2b0;opacity:.5;animation:dust 14s linear infinite}
.attic-dust i:nth-child(1){left:48%;top:30%;animation-delay:-2s}.attic-dust i:nth-child(2){left:53%;top:42%;animation-delay:-5s}.attic-dust i:nth-child(3){left:57%;top:55%;animation-delay:-8s}.attic-dust i:nth-child(4){left:45%;top:62%;animation-delay:-1s}.attic-dust i:nth-child(5){left:60%;top:36%;animation-delay:-11s}.attic-dust i:nth-child(6){left:51%;top:70%;animation-delay:-6s}.attic-dust i:nth-child(7){left:63%;top:50%;animation-delay:-9s}.attic-dust i:nth-child(8){left:42%;top:46%;animation-delay:-3s}
@keyframes dust{0%{transform:translate(0,0);opacity:0}15%{opacity:.6}50%{transform:translate(30px,-60px)}85%{opacity:.5}100%{transform:translate(-20px,-120px);opacity:0}}
.attic-in{position:relative;z-index:3;padding-top:260px}
.dvv .crumb{text-align:center;color:#c9a77c}.dvv .crumb a{color:#e8cba0}
.dvv .intro{text-align:center;margin:0 auto 46px;color:#e8d5b5}
/* la caja */
.attic-box{position:relative;display:block;max-width:900px;margin:0 auto 80px;text-decoration:none;color:#2a1a10}
.box-glow{position:absolute;left:10%;right:10%;top:-30px;height:120px;background:radial-gradient(ellipse at 50% 100%,rgba(255,214,10,.55),rgba(63,193,176,.25) 45%,transparent 70%);filter:blur(10px);transition:opacity .3s,transform .3s;opacity:.7}
.box-lid{position:absolute;left:-1%;right:-1%;top:-16px;height:34px;background:#b98a55;border-radius:4px;box-shadow:inset 0 -6px 0 #9a6f40;transform-origin:50% 100%;transform:perspective(600px) rotateX(18deg);transition:transform .35s}
.box-body{position:relative;display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:34px 36px;background:#c99a62 linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.12));border-radius:4px;box-shadow:0 22px 40px rgba(0,0,0,.55),inset 0 0 0 3px #a57745}
.box-tape{position:absolute;left:50%;top:0;bottom:0;width:70px;margin-left:-35px;background:rgba(230,210,160,.55);pointer-events:none}
.box-body img{position:relative;width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 4px #2a1a10}
.box-txt{position:relative}
.box-txt small{display:inline-block;font:800 13px var(--cap);letter-spacing:.06em;text-transform:uppercase;color:#7a2a1a;border:2px solid #7a2a1a;padding:3px 8px;transform:rotate(-2deg)}
.box-txt .sj{display:block;font:400 clamp(30px,4.4vw,52px)/1.05 "Star Jedi",sans-serif;color:#141010;margin:12px 0 10px}
.box-txt i{display:block;font:600 17px/1.45 var(--cap);font-style:normal;color:#2a1a10;max-width:520px}
.box-txt u{display:inline-block;margin-top:16px;text-decoration:none;background:#141010;color:#FFD60A;font:800 16px var(--cap);padding:11px 20px;border-radius:999px}
.attic-box:hover .box-lid,.attic-box:focus-visible .box-lid{transform:perspective(600px) rotateX(62deg) translateY(-10px)}
.attic-box:hover .box-glow{opacity:1;transform:scaleY(1.3)}
/* tendedero de polaroids */
.dvv .dv-h2{text-align:center;color:#f3e3c7;margin:0 0 30px}
.clothesline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-top:34px}
.clothesline::before{content:"";position:absolute;left:-4%;right:-4%;top:10px;height:40px;border-top:3px solid #8a6a48;border-radius:50%/100% 100% 0 0;transform:scaleY(-1);pointer-events:none}
.card.pol{position:relative;background:#F3EBDD;color:#1B1A17;padding:10px 10px 14px;border-radius:3px;box-shadow:0 14px 30px rgba(0,0,0,.5);transform:rotate(var(--r,0deg));transform-origin:50% -20px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);text-decoration:none}
.card.pol::before{content:"";position:absolute;left:50%;top:-22px;width:14px;height:34px;margin-left:-7px;background:#c9a26b;border-radius:3px;box-shadow:inset 0 0 0 2px #9a7445}
.card.pol:nth-child(1){--r:-3deg}.card.pol:nth-child(2){--r:2deg}.card.pol:nth-child(3){--r:-1.5deg}.card.pol:nth-child(4){--r:2.6deg}
.card.pol:hover{transform:rotate(calc(var(--r) * -1))}
.card.pol .th{display:block;aspect-ratio:16/10;overflow:hidden}.card.pol .th img{width:100%;height:100%;object-fit:cover;display:block}
.card.pol b{display:block;font:700 15px/1.3 var(--cap);margin-top:10px}.card.pol small{color:#5E574B}
.card.pol em{display:none}
@media (max-width:820px){.clothesline{grid-template-columns:1fr 1fr;row-gap:44px}.clothesline::before{display:none}.box-body{grid-template-columns:1fr;text-align:center;padding:28px 20px}.box-body img{margin:0 auto;width:120px;height:120px}.box-txt i{margin:0 auto}.attic-in{padding-top:200px}}
@media (max-width:520px){.clothesline{grid-template-columns:1fr}.attic-roof{height:300px}}

/* ================= La cantina (escena) ================= */
.cantina2{--sand:#D9BC8C;--adobe:#B98A55;--clay:#8A5A33;--lamp:#FFB35C;--teal:#3FC1B0;background:#140D08;color:#F2E3C8;position:relative}
.ct-entry{position:relative;background:#c48a55 linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.08));padding-bottom:0;overflow:hidden}
.ct-facade{height:200px;background:linear-gradient(180deg,#1b0f12 0,#6a3424 70%,#b5653a 100%)}
.ct-facade svg{display:block;width:100%;height:200px}.ct-facade .d1{fill:#c48a55}
.ct-gate{text-align:center;position:relative;padding:34px 16px 0}
.ct-kick{font:700 14px var(--cap);color:#3a2416;letter-spacing:.06em;margin:0 0 6px}
.ct-title{font:900 clamp(32px,5.4vw,64px)/1.05 var(--cap);color:#2a1a10;margin:0 0 10px;text-transform:none}
.ct-title .sj{font:400 1em "Star Jedi",sans-serif;color:#7a2a1a}
.ct-sub{font:600 18px/1.5 var(--cap);color:#3a2416;max-width:620px;margin:0 auto 34px}
.ct-arch{position:relative;width:min(360px,80vw);height:420px;margin:0 auto;border-radius:180px 180px 0 0;background:#2a1a10;box-shadow:0 0 0 18px #a8784a,0 0 0 22px #8a5a33,0 30px 60px rgba(0,0,0,.35);perspective:900px;overflow:visible}
.ct-inside{position:absolute;inset:0;border-radius:180px 180px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#ffb35c 0,#7a3a16 35%,#1a0d07 75%)}
.ct-inside span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(0,0,0,.25) 40px 44px);opacity:.4}
.ct-leaf{position:absolute;top:150px;width:50%;height:170px;border:0;padding:0;cursor:pointer;background:repeating-linear-gradient(180deg,#8a5a33 0 20px,#6e4520 20px 24px);box-shadow:inset 0 0 0 6px #5a3a22;transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.ct-leaf.l{left:0;transform-origin:left center;border-radius:0 40px 0 0}
.ct-leaf.r{right:0;transform-origin:right center;border-radius:40px 0 0 0}
.ct-arch:hover .ct-leaf.l{transform:rotateY(-14deg)}.ct-arch:hover .ct-leaf.r{transform:rotateY(14deg)}
.ct-entry.open .ct-leaf.l{transform:rotateY(-78deg)}.ct-entry.open .ct-leaf.r{transform:rotateY(78deg)}
.ct-push{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);white-space:nowrap;border:0;border-radius:999px;background:#FFD60A;color:#1b1208;font:900 17px var(--cap);padding:14px 24px;cursor:pointer;box-shadow:0 5px 0 #8a6d00;z-index:2}
.ct-entry.open .ct-push{opacity:0;pointer-events:none;transition:opacity .2s}
.ct-room{opacity:0;transition:opacity .6s;padding:26px 0 40px;background:#140D08}
.ct-room.in{opacity:1}
.ct-hint{text-align:center;font:600 15px var(--cap);color:#C9B08A;margin:0 0 14px;padding:0 16px}
.ct-swipe{display:none}
.ct-stage{max-width:1500px;margin:0 auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.ct-scene{display:block;width:100%;min-width:960px;height:auto}
.ct-scene .hs{cursor:pointer;outline:none}
.ct-scene .hs .ring{fill:none;stroke:#FFD60A;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ring 2.2s ease-out infinite}
.ct-scene .hs .dot{fill:#FFD60A}
.ct-scene .hs .hst rect{fill:rgba(20,13,8,.9);stroke:#FFD60A;stroke-width:2}
.ct-scene .hs .hst text{fill:#FFE9B0;font:800 17px var(--cap)}
.ct-scene .hs .hst{opacity:.92;transition:opacity .2s}
.ct-scene .hs:hover .hst rect,.ct-scene .hs:focus-visible .hst rect{fill:#FFD60A}.ct-scene .hs:hover .hst text,.ct-scene .hs:focus-visible .hst text{fill:#1b1208}
@keyframes ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.9);opacity:0}}
.ct-scene .lamp .glow{animation:flick 5s infinite}
@keyframes flick{0%,100%{opacity:1}46%{opacity:1}48%{opacity:.6}50%{opacity:1}72%{opacity:.85}}
.ct-scene .eye{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.ct-scene .notes text{animation:note 3s ease-in-out infinite}.ct-scene .notes text:nth-child(2){animation-delay:1.4s}
@keyframes note{0%{transform:translateY(10px);opacity:0}30%{opacity:1}100%{transform:translateY(-26px);opacity:0}}
.ct-scene .holopieces{animation:hover 3s ease-in-out infinite}
@keyframes hover{50%{transform:translateY(-6px)}}
.ct-scene .band{transform-box:fill-box;transform-origin:50% 100%;animation:bob 1.1s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px)}}
.ct-zones{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;padding:0 16px;max-width:1100px}
.ct-zones button{border:0;cursor:pointer;background:#2a1a10;color:#F2E3C8;font:700 15px var(--cap);padding:10px 16px;border-radius:999px;box-shadow:inset 0 0 0 2px #5A3A22}
.ct-zones button:hover{box-shadow:inset 0 0 0 2px #FFD60A}
@media (prefers-reduced-motion:reduce){.ct-scene *{animation:none!important}.ct-leaf,.ct-room{transition:none}}
@media (max-width:900px){.ct-swipe{display:inline}}
/* panel */
body.ct-lock{overflow:hidden}
.ct-panel{position:fixed;inset:0;z-index:1000;background:rgba(10,6,3,.72);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s;backdrop-filter:blur(3px)}
.ct-panel.on{opacity:1}
.ct-sheet{position:relative;width:min(1180px,100%);max-height:92vh;overflow:auto;background:#1e140c;border-radius:22px 22px 0 0;padding:34px 34px 40px;box-shadow:0 -20px 60px rgba(0,0,0,.5),inset 0 0 0 2px rgba(217,188,140,.18);transform:translateY(40px);transition:transform .3s cubic-bezier(.2,1,.3,1)}
.ct-panel.on .ct-sheet{transform:none}
.ct-close{position:sticky;top:0;float:right;margin:-14px -14px 0 0;width:44px;height:44px;border:0;border-radius:50%;background:#FFD60A;color:#1b1208;font:900 18px var(--cap);cursor:pointer;z-index:2}
.ct-pt{font:900 clamp(24px,3.4vw,36px)/1.1 var(--cap);color:#F6E7CC;margin:0 0 6px;text-transform:none}
.ct-say{font:500 16px/1.5 var(--cap);color:#C9B08A;margin:0 0 20px}.ct-say b{color:#FFB35C}
.ct-credit{font:500 12px var(--cap);color:#8a7356;margin:30px 0 0}
.ct-z .ct-games{margin-top:6px}
/* barman */
.ct-barman{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:center;margin-top:10px}
.ct-barman svg{width:230px;height:auto}
.ct-bubble{position:relative;background:#F3EBDD;color:#2a1a10;border-radius:20px;padding:24px 26px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ct-bubble::before{content:"";position:absolute;left:-18px;top:46%;border:12px solid transparent;border-right:18px solid #F3EBDD;border-left:0}
.ct-bubble p{font:700 clamp(18px,2.2vw,23px)/1.45 var(--cap);margin:0}
.ct-bubble small{display:block;order:-1;font:800 13px var(--cap);color:#8a5a33;margin-top:12px}
.ct-bar-btns{display:flex;align-items:center;gap:16px;margin-top:20px;justify-content:flex-end}
.ct-bar-btns span{font:600 14px var(--cap);color:#C9B08A}
.cantina2 button:not(.ct-leaf):not(.ct-fig):not(.ct-zones button):not(.ct-close):not(.ct-push){cursor:pointer;font:800 15px var(--cap);border:0;border-radius:10px;padding:10px 16px;background:var(--lamp);color:#24170D}
.cantina2 button.ghost{background:transparent!important;color:var(--sand)!important;box-shadow:inset 0 0 0 2px #5A3A22}
.cantina2 button.link{background:none!important;padding:0!important;color:var(--lamp)!important;text-decoration:underline}
.cantina2 .ct-two .jedi{background:#2E7CF6!important;color:#fff!important}.cantina2 .ct-two .sith{background:#D6332C!important;color:#fff!important}
.cantina2 .ct-vs button{display:grid!important;gap:3px;justify-items:center;background:#140D08!important;color:#F6E7CC!important;box-shadow:inset 0 0 0 2px #5A3A22;padding:14px 12px!important}
/* sets */
.ct-wanted2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;padding:24px;border-radius:14px;background:#8a5a33 radial-gradient(circle at 20% 10%,rgba(255,255,255,.08),transparent 60%);box-shadow:inset 0 0 0 6px #6e4520}
.ct-poster2{background:#EAD9BA;color:#2A1A0F;padding:14px 14px 16px;border-radius:3px;box-shadow:0 10px 18px rgba(0,0,0,.35);transform:rotate(var(--r));position:relative;transition:transform .25s}
.ct-poster2:hover{transform:rotate(0) scale(1.03);z-index:2}
.ct-poster2::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#5A3A22}
.ct-poster2 small{display:block;text-align:center;font:400 14px "Star Jedi",sans-serif;color:#8A5A33;margin-bottom:8px}
.ct-poster2 .pimg{background:#fff;border:2px solid #2a1a10;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.ct-poster2 .pimg img{width:100%;height:100%;object-fit:contain;filter:sepia(.15)}
.ct-poster2 b{display:block;font:900 18px/1.2 var(--cap);margin:10px 0 6px}
.ct-poster2 .row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font:600 13px var(--cap)}
.ct-poster2 .row strong{font-weight:900;font-size:15px}
.ct-poster2 .ct-num{background:#2A1A0F;color:#EAD9BA}
.ct-poster2 p{margin:8px 0 0;font:500 13px/1.4 var(--cap);color:#5A3A22}
/* minifiguras */
.ct-figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;padding:20px;border-radius:14px;background:linear-gradient(180deg,#1e2a33,#141c22);box-shadow:inset 0 0 0 6px #3a2416,inset 0 0 40px rgba(127,232,255,.08)}
.ct-fig{border:0;cursor:pointer;background:none;color:#F2E3C8;padding:8px 4px;border-radius:10px;display:grid;gap:8px;justify-items:center;transition:background .2s}
.ct-fig span{display:grid;place-items:end center;height:130px;width:100%;background:radial-gradient(ellipse at 50% 100%,rgba(255,179,92,.25),transparent 70%)}
.ct-fig img{max-height:120px;max-width:90%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5));transition:transform .25s}
.ct-fig:hover img,.ct-fig.sel img{transform:translateY(-6px) rotate(-3deg)}
.ct-fig b{font:700 13px/1.25 var(--cap);text-align:center}
.ct-fig.sel{background:rgba(255,214,10,.12);box-shadow:inset 0 0 0 2px #FFD60A}
.ct-figinfo{min-height:48px;font:500 16px/1.5 var(--cap);color:#E2CFAE;margin:16px 0 0}.ct-figinfo b{color:#FFD60A}.ct-figinfo span{font-size:12px;color:#8a7356}
@media (max-width:820px){.ct-sheet{padding:28px 18px 30px}.ct-barman{grid-template-columns:1fr;justify-items:center}.ct-barman svg{width:160px}.ct-bubble::before{left:50%;top:-18px;margin-left:-12px;border:12px solid transparent;border-bottom:18px solid #F3EBDD;border-top:0}.ct-bar-btns{justify-content:center}}

.ct-panel[hidden],.ct-room[hidden]{display:none}
.ct-arch{margin-bottom:0}
.ct-poster2 .row,.ct-poster2 .row span{color:#2A1A0F}
/* ===== cantina v3 ===== */
.ct-scene .hs .hst{opacity:0;transition:opacity .2s}
.ct-scene .hs:hover .hst,.ct-scene .hs:focus-visible .hst{opacity:1}
.ct-scene .hs .dot{fill:#FFD60A;opacity:.9}.ct-scene .hs .ring{stroke-width:2}
.ct-scene [class^="zone-"],.ct-scene .vend{transition:filter .25s}
.ct-scene .holo-screen{animation:holo 4s infinite;transform-box:fill-box;transform-origin:center}
@keyframes holo{0%,100%{opacity:.95}7%{opacity:.7}8%{opacity:.95}52%{opacity:.9;transform:skewX(0)}53%{opacity:.6;transform:skewX(-1.5deg)}54%{opacity:.95;transform:skewX(0)}}
.ct-scene .vend-led{animation:flick 2s infinite}
.ct-zones button{font-weight:800}
/* panel ancho completo */
.ct-sheet{width:min(1240px,100%)}
.ct-h4 small{font-size:14px;color:#C9B08A;font-weight:600;margin-left:6px}
/* sala de juegos: recreativas */
.gm-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.gm-card{position:relative;display:grid;gap:10px;text-align:left;border:0;cursor:pointer;padding:0 0 16px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#2a1d14,#1a120b);box-shadow:inset 0 0 0 3px var(--c),0 14px 26px rgba(0,0,0,.4);color:#F2E3C8;overflow:hidden;transition:transform .2s}
.gm-card:hover{transform:translateY(-4px)}
.gm-marquee{display:block;background:var(--c);color:#fff;font:900 19px/1.15 var(--cap);padding:14px 16px;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.gm-screen{display:block;height:80px;margin:0 16px;border-radius:10px;background:#0a1418 repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 2px #000,inset 0 0 30px color-mix(in srgb,var(--c) 45%,transparent);position:relative}
.gm-screen i{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;background:var(--c);box-shadow:0 0 20px var(--c);animation:ring 1.8s ease-out infinite}
.gm-card small{display:block;padding:0 16px;font:500 14px/1.45 var(--cap);color:#C9B08A}
.gm-card em{padding:0 16px;font:800 13px var(--cap);font-style:normal;color:var(--lamp)}
.gm-play{border-radius:18px;padding:18px;background:#160f09;box-shadow:inset 0 0 0 3px var(--c,#FFB35C)}
.gm-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.gm-top b{font:900 22px var(--cap);color:#F6E7CC;flex:1}
.gm-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.gm-vs>i{font:900 18px var(--cap);font-style:normal;color:#C9B08A}
.cantina2 .gm-opt{display:grid!important;gap:6px;justify-items:center;background:#24170D!important;color:#F6E7CC!important;box-shadow:inset 0 0 0 2px #5A3A22;padding:14px!important;border-radius:14px!important}
.cantina2 .gm-opt:hover{box-shadow:inset 0 0 0 2px var(--c)}
.gm-opt .im,.gm-q .im{display:grid;place-items:center;width:100%;aspect-ratio:4/3;background:#fff;border-radius:10px;overflow:hidden}
.gm-opt .im img,.gm-q .im img{max-width:92%;max-height:92%;object-fit:contain}
.gm-q .im.fig{aspect-ratio:3/4;max-width:240px;margin:0 auto}
.gm-opt b{font:800 16px/1.2 var(--cap);text-align:center}.gm-opt small{font:500 13px var(--cap);color:#C9B08A}.gm-opt em{font:900 17px var(--cap);font-style:normal;color:var(--lamp)}
.cantina2 .gm-opt.ok,.cantina2 .gm-o.ok{box-shadow:inset 0 0 0 3px #3FC1B0!important}.cantina2 .gm-opt.ko,.cantina2 .gm-o.ko{box-shadow:inset 0 0 0 3px #D6332C!important;opacity:.8}
.gm-q{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:22px;align-items:center}
.gm-q.yr{grid-template-columns:minmax(220px,420px) 1fr}
.gm-opts{display:grid;gap:10px}
.cantina2 .gm-o{background:#24170D!important;color:#F6E7CC!important;box-shadow:inset 0 0 0 2px #5A3A22;text-align:left;padding:14px 16px!important;font:800 16px var(--cap)!important}
.cantina2 .gm-o:hover{box-shadow:inset 0 0 0 2px var(--c)}
.gm-name{font:900 22px/1.2 var(--cap);color:#F6E7CC;margin:0 0 6px}
#yrOut{font:900 48px var(--cap);color:var(--lamp)}#yrIn{width:100%;accent-color:#FFB35C}
/* archivo y vitrina */
.br-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.br-tools input,.br-tools select{background:#140D08;border:2px solid #5A3A22;color:#F6E7CC;border-radius:10px;padding:10px 12px;font:600 15px var(--cap)}
.br-tools input{flex:1 1 240px}
.br-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cantina2 .br-chips button{background:#24170D!important;color:#E2CFAE!important;border-radius:999px!important;padding:8px 14px!important;font:700 14px var(--cap)!important;box-shadow:inset 0 0 0 2px #5A3A22}
.cantina2 .br-chips button.on{background:#FFB35C!important;color:#24170D!important}
.br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.br-grid.figs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.br-grid.mini{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.cantina2 .br-card{position:relative;display:grid!important;gap:6px;align-content:start;text-align:left;background:#24170D!important;color:#F2E3C8!important;border-radius:12px!important;padding:8px!important;box-shadow:inset 0 0 0 1px rgba(217,188,140,.18);transition:transform .2s}
.cantina2 .br-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px #FFB35C}
.br-card .im{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-radius:8px;overflow:hidden}
.br-card.fig .im{aspect-ratio:3/4;background:radial-gradient(ellipse at 50% 90%,#f3e7d0,#fff 70%)}
.br-card .im img{max-width:92%;max-height:92%;object-fit:contain}
.br-card b{font:800 14px/1.25 var(--cap)}.br-card small{font:500 12px/1.35 var(--cap);color:#C9B08A}
.br-card .ucs{position:absolute;top:12px;left:12px;z-index:1;font:900 11px var(--cap);font-style:normal;background:#141010;color:#FFD60A;padding:3px 7px;border-radius:5px}
.br-card.r-cromo{box-shadow:inset 0 0 0 2px #e8d27a}.br-card.r-excl{box-shadow:inset 0 0 0 2px #b07ae0}
.cantina2 .br-more{display:block!important;margin:18px auto 0;background:#FFB35C!important;color:#24170D!important}
/* fichas */
.cantina2 .fc-back{margin-bottom:14px}
.fc-set{display:grid;grid-template-columns:minmax(260px,1.1fr) 1fr;gap:26px;align-items:start}
.fc-img{background:#fff;border-radius:14px;display:grid;place-items:center;padding:16px;aspect-ratio:4/3}.fc-img img{max-width:100%;max-height:100%;object-fit:contain}
.fc-img.fig{aspect-ratio:3/4;max-width:300px}
.fc-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 14px}.fc-dl div{background:#24170D;border-radius:10px;padding:10px 12px}
.fc-dl dt{font:700 12px var(--cap);color:#C9B08A}.fc-dl dd{margin:2px 0 0;font:900 22px/1.15 var(--cap);color:#F6E7CC}
.fc-era{font:500 16px var(--cap);color:#E2CFAE}.fc-era b{color:var(--lamp)}
.fc-note{font:500 13px/1.45 var(--cap);color:#8a7356}
.fc-full{font:600 15px/1.45 var(--cap);color:#C9B08A;margin:0 0 12px}
.fc-link{display:inline-block;margin-top:8px;color:var(--lamp);font:800 15px var(--cap)}
.fc-saga{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.fc-sin{font:500 17px/1.6 var(--cap);color:#F2E3C8}
.fc-rev{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.fc-slot{border:2px dashed #5A3A22;border-radius:14px;padding:18px;display:grid;gap:4px;min-height:110px;align-content:center;background:rgba(0,0,0,.18)}
.fc-slot b{font:900 17px var(--cap);color:#F6E7CC}.fc-slot span{font:500 14px var(--cap);color:#C9B08A}
.dd.r-cromo,.r-cromo dd{color:#e8d27a}
/* cartelera */
.sg-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}
.sg-poster{position:relative;display:grid;align-content:space-between;gap:8px;aspect-ratio:2/3;border:0;cursor:pointer;padding:16px 14px;border-radius:4px;text-align:left;background:linear-gradient(170deg,var(--a) 0,color-mix(in srgb,var(--a) 55%,#000) 100%);color:var(--b);box-shadow:0 12px 22px rgba(0,0,0,.45),inset 0 0 0 6px rgba(0,0,0,.25),inset 0 0 0 8px color-mix(in srgb,var(--b) 40%,transparent);transform:rotate(var(--r,0));transition:transform .25s}
.sg-poster:hover{transform:rotate(0) scale(1.04)}
.sg-ep{font:400 44px/1 "Star Jedi",sans-serif;opacity:.95}
.sg-t{font:900 19px/1.12 var(--cap);color:#fff;text-wrap:balance}
.sg-y{font:700 12px var(--cap);opacity:.85}
.sg-poster.big{transform:none;cursor:default;width:100%}
.sg-poster::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 45%);pointer-events:none}
/* álbum y máquina */
.sa-top{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center}
.sa-vend{background:#a8302a;border-radius:16px;padding:14px;box-shadow:inset 0 -8px 0 #7a1e1a,0 16px 30px rgba(0,0,0,.4);text-align:center}
.sa-vend-h{display:block;font:400 24px "Star Jedi",sans-serif;color:#FFD60A;margin-bottom:10px}
.sa-vend-win{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#1a2630;padding:10px;border-radius:8px;margin-bottom:12px}
.sa-vend-win span{aspect-ratio:2/3;border-radius:4px;background:var(--c);box-shadow:inset 0 6px 0 rgba(255,255,255,.35)}
.cantina2 .sa-buy{background:#FFD60A!important;color:#1b1208!important;font:900 17px var(--cap)!important;width:100%;padding:13px!important;box-shadow:0 4px 0 #8a6d00}
.sa-left{font:600 13px var(--cap);color:#ffd9d3;margin:10px 0 0}
.sa-big{font:500 20px var(--cap);margin:0 0 8px}.sa-big b{font:900 40px var(--cap);color:#FFD60A}
.sa-bar{height:12px;border-radius:99px;background:#24170D;overflow:hidden;margin-bottom:14px}.sa-bar i{display:block;height:100%;background:linear-gradient(90deg,#FFB35C,#FFD60A)}
.sa-stats ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sa-stats li{background:#24170D;border-radius:10px;padding:10px;display:grid;gap:2px;font:700 13px var(--cap)}.sa-stats li b{font:900 18px var(--cap)}
.sa-small{font:500 13px var(--cap);color:#C9B08A}
.r-cromo{--rc:#e8d27a}.r-excl{--rc:#b07ae0}.r-vet{--rc:#4ea8de}.r-base{--rc:#C9B08A}
.sa-stats li{box-shadow:inset 0 -3px 0 var(--rc)}
.sa-reveal{margin:24px 0;padding:24px;border-radius:18px;background:radial-gradient(ellipse at center,#3a2416,#160f09);text-align:center}
.sa-pack{width:200px;height:280px;margin:0 auto;border-radius:10px;cursor:pointer;display:grid;place-content:center;gap:12px;background:linear-gradient(160deg,#1a2a6a,#05060c 60%),#05060c;box-shadow:0 0 0 4px #FFD60A,0 20px 40px rgba(0,0,0,.5);animation:packbob 1.6s ease-in-out infinite}
.sa-pack span{font:400 26px/1.1 "Star Jedi",sans-serif;color:#FFD60A;padding:0 12px}.sa-pack small{font:700 12px var(--cap);color:#cfe4ff;padding:0 14px}
.sa-pack.rip{animation:rip .45s forwards}
@keyframes packbob{50%{transform:translateY(-6px) rotate(-1deg)}}
@keyframes rip{40%{transform:scale(1.08) rotate(3deg)}100%{transform:scale(.4);opacity:0}}
.sa-flip{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;perspective:900px}
.sa-fc{width:150px;height:226px;cursor:pointer}
.sa-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;transition-delay:var(--d)}
.sa-fc.up .sa-in{transform:rotateY(180deg)}
.sa-back,.sa-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px}
.sa-back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#1a2a6a 0 10px,#14205a 10px 20px);box-shadow:inset 0 0 0 4px #FFD60A}
.sa-back span{font:400 30px "Star Jedi",sans-serif;color:#FFD60A}
.sa-front{transform:rotateY(180deg)}
.sa-front .sa-card{height:100%}
.sa-front em{position:absolute;top:-8px;right:-8px;font:900 11px var(--cap);font-style:normal;padding:4px 8px;border-radius:99px;background:#3FC1B0;color:#08201c}
.sa-front em.rep{background:#5A3A22;color:#F2E3C8}.sa-front em.hol{top:auto;bottom:-8px;background:linear-gradient(90deg,#ff7ae0,#7fe8ff,#d4ef7a);color:#1b1208}
.sa-msg{font:700 15px var(--cap);color:#F2E3C8;margin:16px 0 0}
.sa-tools{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}.sa-tools label{font:700 14px var(--cap);color:#C9B08A;display:flex;gap:8px;align-items:center}
.sa-tools select{background:#140D08;border:2px solid #5A3A22;color:#F6E7CC;border-radius:10px;padding:8px 10px;font:600 14px var(--cap)}
.sa-book{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding:18px;border-radius:14px;background:#efe3c9;box-shadow:inset 0 0 0 8px #8a5a33}
.sa-card{position:relative;display:grid;gap:4px;align-content:start;padding:7px 7px 9px;border-radius:8px;background:#fffaf0;color:#2a1a10;box-shadow:inset 0 0 0 3px var(--rc),0 3px 6px rgba(0,0,0,.18)}
.sa-card.miss{background:#e4d6ba;box-shadow:inset 0 0 0 2px #c9b08a;opacity:.9}
.sa-ph{display:grid;place-items:center;aspect-ratio:3/4;border-radius:5px;background:#fff;overflow:hidden}
.sa-card.miss .sa-ph{background:#d8c8a8}.sa-card.miss .sa-ph i{font:900 18px var(--cap);font-style:normal;color:#a8936e}
.sa-ph img{max-width:90%;max-height:90%;object-fit:contain}
.sa-card b{font:800 12px/1.2 var(--cap)}.sa-card small{font:700 10px var(--cap);color:#8a5a33}
.sa-card.r-cromo.have{background:linear-gradient(135deg,#fff6c8,#e8d27a 40%,#fff6c8 60%,#c9a84a)}
.sa-card.r-excl.have{background:linear-gradient(160deg,#f6ecff,#e2ccff)}
.sa-card.holo::after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(115deg,transparent 20%,rgba(255,122,224,.35) 35%,rgba(127,232,255,.35) 50%,rgba(212,239,122,.35) 65%,transparent 80%);background-size:250% 250%;animation:foil 3s linear infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes foil{to{background-position:-250% 0}}
.ct-holo .ct-say{color:#9ff0ff}
.ct-holo .sb-grid{padding:16px;border-radius:14px;background:rgba(63,193,255,.06);box-shadow:inset 0 0 0 1px rgba(159,240,255,.25)}
@media (max-width:820px){.gm-q,.gm-q.yr,.fc-set,.fc-saga,.sa-top{grid-template-columns:1fr}.fc-saga .sg-poster.big{max-width:220px}.sa-stats ul{grid-template-columns:1fr 1fr}.gm-vs{grid-template-columns:1fr}.gm-vs>i{text-align:center}.fc-rev{grid-template-columns:1fr}.sa-fc{width:120px;height:180px}}
.cantina2 [hidden]{display:none!important}
.cantina2 .gm-card{background:linear-gradient(180deg,#2a1d14,#1a120b)!important;color:#F2E3C8!important;padding:0 0 16px!important;border-radius:18px 18px 10px 10px!important;font:inherit!important}
.cantina2 .sg-poster{background:linear-gradient(170deg,var(--a) 0,color-mix(in srgb,var(--a) 55%,#000) 100%)!important;color:var(--b)!important;padding:16px 14px!important;border-radius:4px!important}
.cantina2 .ct-fig,.cantina2 .gm-card,.cantina2 .sg-poster{font-weight:inherit}
.gm-opt .im{max-width:340px}.gm-vs{max-width:900px;margin:0 auto}
/* ===== cromos de Sables y Blasters ===== */
.sa-book{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:16px!important;background:#e8dcc2 repeating-linear-gradient(0deg,transparent 0 30px,rgba(138,90,51,.06) 30px 31px)!important}
.sw-card{position:relative;aspect-ratio:5/7;border-radius:12px;padding:3px;background:linear-gradient(145deg,#d9dde3,#8a929c 45%,#e9ecef 55%,#6b737c);box-shadow:0 6px 14px rgba(0,0,0,.35);color:#fff;transition:transform .2s}
.sw-card:hover{transform:translateY(-3px) rotate(-.6deg)}
.sw-frame{position:relative;height:100%;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;background:linear-gradient(165deg,var(--e) 0,color-mix(in srgb,var(--e) 40%,#0b0d16) 55%,#0b0d16 100%)}
.sw-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 4px}
.sw-no{font:800 11px/1 "Big Shoulders Display",var(--cap);letter-spacing:.06em;color:rgba(255,255,255,.85);background:rgba(0,0,0,.35);padding:3px 6px;border-radius:4px}
.sw-gem{width:14px;height:14px;transform:rotate(45deg);border-radius:3px;background:#b9c0c8;box-shadow:0 0 0 2px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.5)}
.sw-art{position:relative;margin:0 7px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--e) 70%,#fff) 0,transparent 55%),radial-gradient(1px 1px at 20% 25%,#fff,transparent),radial-gradient(1px 1px at 75% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 62% 70%,#fff,transparent),radial-gradient(1px 1px at 30% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 55%,#fff,transparent),#0a0d1c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),inset 0 -20px 30px rgba(0,0,0,.45)}
.sw-art img{max-width:82%;max-height:92%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.6));position:relative;z-index:1}
.sw-name{margin:6px 7px 0;padding:5px 6px;border-radius:5px;background:linear-gradient(180deg,#f6efe0,#d9cdb2);color:#1b1208;font:900 13px/1.05 "Big Shoulders Display",var(--cap);text-transform:uppercase;letter-spacing:.02em;text-align:center;min-height:32px;display:grid;place-items:center;text-wrap:balance}
.sw-foot{display:flex;justify-content:space-between;gap:6px;padding:5px 8px 7px;font:700 9.5px/1.1 var(--cap);color:rgba(255,255,255,.8)}
.sw-foot span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-x{position:absolute;right:6px;bottom:30px;z-index:2;font:900 12px var(--cap);background:#FFD60A;color:#1b1208;padding:2px 6px;border-radius:99px}
/* rarezas */
.sw-card.r-vet{background:linear-gradient(145deg,#4ea8de,#1d4e7a 50%,#8fd0ff)}.sw-card.r-vet .sw-gem{background:#4ea8de}
.sw-card.r-excl{background:linear-gradient(135deg,#b07ae0,#ff7ae0,#7fe8ff,#b07ae0);background-size:300% 300%;animation:foil 4s linear infinite}.sw-card.r-excl .sw-gem{background:#b07ae0;box-shadow:0 0 8px #e0b0ff}
.sw-card.r-cromo{background:linear-gradient(135deg,#fff3b0,#c9a84a 30%,#fff6c8 50%,#a8862a 70%,#fff3b0);background-size:250% 250%;animation:foil 3s linear infinite}
.sw-card.r-cromo .sw-frame{background:linear-gradient(165deg,#e8d27a,#8a6a1a 60%,#2a1e06)}
.sw-card.r-cromo .sw-art{background:radial-gradient(circle at 50% 55%,#fff6c8,#c9a84a 55%,#5a4210)}
.sw-card.r-cromo .sw-name{background:linear-gradient(180deg,#fff6c8,#e8d27a)}
.sw-card.r-cromo .sw-gem{background:#FFD60A;box-shadow:0 0 10px #FFD60A}
.sw-card.r-cromo .sw-frame::after,.sw-card.holo .sw-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);background-size:250% 100%;animation:shine 2.8s ease-in-out infinite;mix-blend-mode:overlay;z-index:3}
.sw-card.holo .sw-frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,rgba(255,122,224,.35),rgba(127,232,255,.35),rgba(212,239,122,.35),rgba(255,214,10,.35),rgba(255,122,224,.35));background-size:400% 400%;animation:foil 4s linear infinite;mix-blend-mode:color-dodge}
@keyframes shine{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
/* las que faltan: silueta */
.sw-card.miss{background:#c9b897;box-shadow:inset 0 0 0 2px #b09a72;filter:none}
.sw-card.miss .sw-frame{background:#d8c8a6}
.sw-card.miss .sw-art{background:#cbb88f;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}
.sw-card.miss .sw-art img{filter:brightness(0);opacity:.28}
.sw-card.miss .sw-name{background:#c9b48c;color:#7a6440}
.sw-card.miss .sw-foot,.sw-card.miss .sw-no{color:#7a6440;background:none}
.sw-card.miss .sw-gem{opacity:.4}
.sw-card.miss{animation:none}
/* en el sobre */
.sa-fc{width:170px!important;height:238px!important}
.sa-front .sw-card{height:100%;aspect-ratio:auto}
@media (max-width:820px){.sa-fc{width:130px!important;height:182px!important}.sa-book{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}.sw-name{font-size:12px}}
/* cartelera con pósters oficiales */
.cantina2 .sg-poster.off{padding:0!important;background:#000!important;border-radius:6px!important;overflow:hidden;aspect-ratio:2/3;display:block!important;box-shadow:0 14px 26px rgba(0,0,0,.5),0 0 0 3px #2a1a10}
.sg-poster.off img{width:100%;height:100%;object-fit:cover;display:block}
.sg-poster.off .sg-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:grid;gap:2px;text-align:left;opacity:0;transition:opacity .2s}
.sg-poster.off:hover .sg-cap,.sg-poster.off:focus-visible .sg-cap{opacity:1}
.sg-cap b{font:900 14px/1.15 var(--cap);color:#fff}.sg-cap small{font:600 11px var(--cap);color:#ddd}
.sg-poster.off.big{max-width:300px;transform:none}
.sg-wall{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}

/* ================= páginas de lectura (fútbol hoy, clasificaciones, fichas de Sables y Blasters) ================= */
.sp-wrap{padding-top:28px;padding-bottom:70px}
.sp-crumbs{font:600 14px var(--cap);color:var(--dim);margin:0 0 22px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sp-crumbs a{color:inherit;text-decoration:none;margin:0;font-size:inherit}.sp-crumbs a:hover{color:var(--white);text-decoration:underline}
.sp-crumbs i{font-style:normal;opacity:.6}
.sp-crumbs [aria-current]{color:var(--white)}
.sp-h1{font:900 clamp(34px,4.6vw,58px)/1.04 var(--cap);margin:0 0 10px;letter-spacing:-.01em}
.sp-h2{font:900 clamp(22px,2.4vw,30px)/1.1 var(--cap);margin:44px 0 16px;text-transform:none;text-shadow:none}
.sp-h2 small{font-size:.6em;opacity:.55;margin-left:6px}
.sp-date{font:700 16px var(--cap);margin:0 0 16px;color:var(--dim)}
.sp-intro{max-width:44em;font-size:18px;margin:0 0 20px}
.sp-jump{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.sp-jump a{font:800 15px var(--cap);text-decoration:none;padding:9px 16px;border-radius:999px;border:2px solid currentColor}
.sp-jump a b{margin-left:6px;opacity:.7}
.sp-jump a:hover{background:rgba(255,255,255,.08)}
.sp-note{font:500 13px var(--cap);opacity:.6;margin:28px 0 0}
.sp-empty{opacity:.75;font-style:italic}
.sp-box{margin:46px 0 0;padding:22px 26px;border-radius:14px}
.sp-box h2{font:700 28px/1.1 "Kalam",cursive;margin:0 0 6px;text-transform:none;text-shadow:none}
.sp-box p{margin:0}

/* fútbol: madera y pizarra, como el rincón */
body.in-bar .sp-crumbs,body.in-bar .sp-date{color:#C9B191}
body.in-bar .sp-crumbs [aria-current]{color:#FFF3DC}
body.in-bar .sp-h1{font:700 clamp(44px,6vw,76px)/1 "Kalam",cursive;color:#FFF4A8;text-shadow:0 0 6px rgba(255,190,90,.55),0 0 24px rgba(255,150,60,.35)}
body.in-bar .sp-intro{color:#EFE4CC}
body.in-bar .sp-jump a{color:#FFDCA6}
body.in-bar .sp-h2{color:#FFF3DC}
body.in-bar .sp-box{background:#EFE4CC;color:#2A1D13;box-shadow:0 6px 0 #120B07}
body.in-bar .sp-box h2{color:#1C3A8A}
body.in-bar .sp-box a{color:#C4271D;font-weight:800}
.sp-comp{background:#1F3B2E;border:10px solid #5A3A22;border-radius:6px;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 6px 0 #120B07;padding:16px 20px 12px;margin:0 0 22px;color:#F1F1EA}
.sp-comp h3{font:700 26px/1.1 "Kalam",cursive;color:#FFF6B8;margin:0 0 8px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sp-comp h3 a{font:700 13px var(--cap);color:#CFE8D8;text-decoration:none;border-bottom:1px dashed}
.sp-matches{list-style:none;margin:0;padding:0}
.sp-matches li{display:grid;grid-template-columns:58px 1fr 76px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed rgba(241,241,234,.18);font-weight:700;font-size:16px}
.sp-matches li:first-child{border-top:0}
.sp-matches time{font:700 15px "Big Shoulders Display",var(--cap);letter-spacing:.05em;opacity:.75}
.sp-matches .h{text-align:right}
.sp-matches .sc{text-align:center;font:800 19px "Big Shoulders Display",var(--cap);background:rgba(0,0,0,.25);border-radius:6px;padding:2px 0}
.sp-matches small{grid-column:2/-1;font-size:12px;text-align:center;opacity:.7;margin-top:-4px}
.sp-matches li.in .sc{background:#C7362B;color:#fff}
.sp-matches li.in small{color:#FFB1A8;opacity:1}
.sp-matches li.in small::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF5A4E;margin-right:6px;vertical-align:1px;animation:spLive 1.2s infinite}
.sp-matches li.post{opacity:.78}
.sp-matches li.off{opacity:.5}
@keyframes spLive{50%{opacity:.2}}
.sp-matches.days li{grid-template-columns:62px 1fr 64px 1fr}
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sp-two .sp-matches{background:#1F3B2E;border:8px solid #5A3A22;border-radius:6px;padding:8px 16px;color:#F1F1EA}
.sp-tablewrap{overflow-x:auto;background:#0D0D0A;border:10px solid #3A2A1C;border-radius:8px;box-shadow:0 6px 0 #120B07}
.sp-table{width:100%;border-collapse:collapse;font:700 15px var(--cap);color:#F3E6CF;min-width:520px}
.sp-table th,.sp-table td{padding:8px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}
.sp-table thead th{font:800 13px "Big Shoulders Display",var(--cap);letter-spacing:.12em;color:#FF9A3C;text-transform:uppercase}
.sp-table .eq{text-align:left;font-weight:800}
.sp-table tbody th{font-weight:800}
.sp-table .eq img{width:22px;height:22px;object-fit:contain;vertical-align:-6px;margin-right:10px}
.sp-table .pts{color:#FFE500;font-weight:900}
.sp-table tbody tr:nth-child(-n+4) td:first-child{color:#7CFF9B}
.sp-leagues{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.sp-league{display:block;text-decoration:none;background:#1F3B2E;border:10px solid #5A3A22;border-radius:6px;padding:16px 18px;color:#F1F1EA;box-shadow:0 6px 0 #120B07;transition:transform .15s}
.sp-league:hover{transform:translateY(-3px)}
.sp-league h2{font:700 26px/1.1 "Kalam",cursive;color:#FFF6B8;margin:0 0 8px;text-transform:none;text-shadow:none}
.sp-league ol{list-style:none;margin:0 0 10px;padding:0}
.sp-league li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;font-weight:700;font-size:15px;padding:3px 0}
.sp-league li span{opacity:.6}
.sp-league .go{font:800 13px var(--cap);color:#CFE8D8;border-bottom:1px dashed}
.chalk-more{display:inline-block;margin-top:10px;font:700 18px "Kalam",cursive;color:#FFF6B8}
.lg-links{display:flex;flex-wrap:wrap;gap:12px}
.lg-links a{font:800 15px var(--cap);color:#FFDCA6;padding:8px 14px;border:2px solid currentColor;border-radius:999px;text-decoration:none}

/* Sables y Blasters: fondo de galaxia */
body.in-galaxy.sp-page{background:radial-gradient(ellipse 60% 40% at 80% 0,rgba(60,80,160,.25),transparent 70%),#05060c}
body.in-galaxy .sp-h1{font:900 clamp(34px,4.4vw,56px)/1.02 "Big Shoulders Display",var(--cap);text-transform:uppercase;color:#FFD60A;letter-spacing:.01em}
.spk-lista .sp-h1.sw,.spk-sagas .sp-h1.sw{font:400 clamp(30px,4.4vw,54px)/1.1 "Star Jedi",var(--cap);text-transform:lowercase}
body.in-galaxy .sp-jump a{color:#FFD60A}
body.in-galaxy .sp-h2{color:#fff}
.sp-kicker{font:800 14px var(--cap);color:#7FA8FF;margin:0 0 6px}
.sp-full{color:var(--dim);font-size:15px;margin:0 0 14px}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.sp-grid.figs{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.sp-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#fff}
.sp-card .im{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-radius:10px;padding:8px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.sp-card.fig .im{aspect-ratio:3/4}
.sp-card img{max-width:100%;max-height:100%;object-fit:contain}
.sp-card:hover .im{transform:translateY(-3px);box-shadow:0 0 0 3px #FFD60A}
.sp-card b{font-size:14px;line-height:1.25}
.sp-card small{font-size:12px;color:var(--dim)}
.sp-pages{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0}
.sp-pages a,.sp-pages span,.sp-pages i{font:800 14px var(--cap);min-width:40px;text-align:center;padding:8px 12px;border-radius:8px;text-decoration:none;font-style:normal}
.sp-pages a{background:rgba(255,255,255,.08);color:#fff}.sp-pages a:hover{background:rgba(255,214,10,.2)}
.sp-pages span{background:#FFD60A;color:#05060c}
.sp-ficha{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:40px;align-items:start}
.sp-ficha.is-saga{grid-template-columns:minmax(220px,340px) 1fr}
.sp-photo{background:#fff;border-radius:16px;padding:20px;display:grid;place-items:center;aspect-ratio:4/3}
.sp-photo.fig{aspect-ratio:3/4}
.sp-photo img{max-width:100%;max-height:100%;object-fit:contain}
.sp-poster img{width:100%;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.6);display:block}
.sp-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0 18px}
.sp-dl div{background:rgba(255,255,255,.06);border-radius:10px;padding:10px 14px}
.sp-dl dt{font:700 12px var(--cap);color:var(--dim)}
.sp-dl dd{margin:0;font:800 18px var(--cap)}
.sp-dl a{color:#FFD60A}
.sp-sin{font-size:18px;max-width:40em}
.sp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.sp-btn{font:900 16px var(--cap);text-decoration:none;background:#FFD60A;color:#05060c;padding:12px 20px;border-radius:999px}
.sp-btn.ghost{background:none;color:#fff;border:2px solid #fff}
.sp-rev{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}
.sp-rev div{border:2px dashed rgba(255,214,10,.45);border-radius:12px;padding:14px 16px;display:grid}
.sp-rev span{font-size:14px;color:var(--dim)}
.sp-sagalist{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;counter-reset:s}
.sp-sagalist a{display:grid;gap:4px;text-decoration:none;color:#fff;counter-increment:s}
.sp-sagalist .im{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:2/3;background:#111}
.sp-sagalist .im::before{content:counter(s);position:absolute;top:8px;left:8px;font:900 15px var(--cap);background:#FFD60A;color:#05060c;border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center}
.sp-sagalist img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.sp-sagalist a:hover img{transform:scale(1.04)}
.sp-sagalist small{color:var(--dim);font-size:13px}
.sp-prevnext{display:flex;justify-content:space-between;gap:16px;margin:44px 0 0}
.sp-prevnext a{display:grid;text-decoration:none;color:#fff;font:900 20px var(--cap);padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.06)}
.sp-prevnext a.nx{text-align:right}
.sp-prevnext small{font:700 12px var(--cap);color:var(--dim)}
.sp-note.credit{margin-top:50px}
.sb-explore{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:40px;padding-bottom:10px}
.sb-explore a{display:grid;text-decoration:none;color:#fff;font:700 16px var(--cap);padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,214,10,.3)}
.sb-explore a:hover{background:rgba(255,214,10,.1)}
.sb-explore b{font:900 34px/1 "Big Shoulders Display",var(--cap);color:#FFD60A}
@media (max-width:760px){
 .sp-ficha,.sp-ficha.is-saga,.sp-two,.sb-explore{grid-template-columns:1fr}
 .sp-ficha .sp-photo,.sp-poster{max-width:340px}
 .sp-matches li{grid-template-columns:46px 1fr 62px 1fr;font-size:14px;gap:6px}
 .sp-comp{padding:12px 12px 8px;border-width:7px}
 .sp-rev{grid-template-columns:1fr}
 .sp-table .x{display:none}
}
.cantina2 .sa-share{margin:12px 0 0!important;font:900 15px var(--cap)!important;background:#FFD60A!important;color:#1a0f08!important;border:0!important;border-radius:999px!important;padding:10px 18px!important;cursor:pointer!important;box-shadow:0 4px 0 #6b4a12!important}
.cantina2 .sa-share:active{transform:translateY(3px)!important;box-shadow:0 1px 0 #6b4a12!important}
@media (max-width:560px){.sp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sp-grid.figs{grid-template-columns:repeat(3,1fr)}.sp-card b{font-size:13px}.sp-sagalist{grid-template-columns:repeat(2,1fr)}}
/* artículos de la web (single-post.php) */
.spk-art .article{padding-top:40px}
.byline-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#111;color:#F4F1E8;font:900 17px var(--cap);border:3px solid #B3261E;flex:none}
.art-sheet .a-body h2{font:700 clamp(24px,2.6vw,32px)/1.15 "Literata",Georgia,serif;text-transform:none;text-shadow:none;color:#111;margin:40px 0 14px}
.art-sheet .a-body h3{font:700 21px/1.25 "Literata",Georgia,serif;color:#111;margin:28px 0 8px}
.art-sheet .a-body a{color:#B3261E;font-weight:600;text-underline-offset:3px}
.art-sheet .a-body ul,.art-sheet .a-body ol{margin:0 0 22px;padding-left:1.3em}
.art-sheet .a-body li{margin:0 0 8px}
.art-sheet .a-body li::marker{color:#B3261E;font-weight:700}
.art-sheet .a-body table{width:100%;border-collapse:collapse;margin:0 0 26px;font:500 16px/1.4 var(--cap)}
.art-sheet .a-body th,.art-sheet .a-body td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.15)}
.art-sheet .a-body th{font-weight:800;border-bottom:2px solid #111}
.art-sheet .a-body figure{margin:0 0 26px}
.art-sheet .a-body .wp-block-table{overflow-x:auto}
.art-sheet .a-body .nota{font:500 15px/1.6 var(--cap);background:rgba(179,38,30,.07);border-left:4px solid #B3261E;padding:12px 16px;margin:0 0 26px}
.art-more{padding-top:30px;padding-bottom:60px}
.art-more h2{color:#FFF3DC}
.art-more ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.art-more a{font:700 19px/1.3 "Literata",Georgia,serif;color:#FFE9C4;text-decoration:none}
.art-more a:hover{text-decoration:underline}