/* Tu Pista · estilos de la app (Pista de noche, focos encendidos = modo Suave) */
*{box-sizing:border-box}
button{font:inherit;color:inherit}
.seg{display:flex;flex-wrap:wrap;gap:4px}
.seg button{flex:1 1 auto;font:600 13px var(--f-body);background:transparent;border:0;border-radius:10px;padding:9px 12px;cursor:pointer;white-space:nowrap;color:var(--s-ink)}
.seg button[aria-pressed="true"]{background:var(--s-ink);color:var(--s-bg)}
.seg button:focus-visible{outline:2px solid var(--s-ink);outline-offset:2px}
/* ---------- Style tokens ---------- */
.app{container-type:inline-size;container-name:app;position:relative;isolation:isolate;overflow:hidden;
  background:var(--s-bg);color:var(--s-ink);font-family:var(--f-body);font-size:15px}
.s-a{--s-bg:#0a2148;--s-surf:#0f2d60;--s-surf2:#163a78;--s-ink:#f2f6ff;--s-mut:#9fb3d9;--s-line:rgba(255,255,255,.14);--s-acc:#d9f24a;--s-acc-ink:#0a2148;--s-pri:#d9f24a;--s-pri-ink:#0a2148;--s-hot:#ff5a3c;--s-court:#1d57b8;
  --r:16px;--rb:99px;--bd:1px solid var(--s-line);--sh:none;--blur:none;--f-disp:"Barlow Condensed",sans-serif;--f-body:"Barlow",sans-serif;--dw:800;--ds:italic;--dt:uppercase;--dl:0;
  background:radial-gradient(120% 60% at 80% -10%,#1d4a96 0%,transparent 55%),var(--s-bg)}

/* ---------- Shared components ---------- */
.disp{font-family:var(--f-disp);font-weight:var(--dw);font-style:var(--ds);text-transform:var(--dt);letter-spacing:var(--dl)}
.mono{font-family:"Geist Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.mut{color:var(--s-mut)}
.surf{background:var(--s-surf);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.pad{padding-inline:clamp(16px,3cqi,32px)}
.btn{border:0;cursor:pointer;font-weight:700;font-size:15px;padding:13px 20px;border-radius:var(--rb);display:inline-flex;align-items:center;gap:9px;transition:transform .35s cubic-bezier(.34,1.4,.64,1),box-shadow .2s}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:scale(.96)}
.btn:focus-visible,.card:focus-visible,.chip:focus-visible{outline:2px solid var(--s-acc-tx);outline-offset:3px}
.btn1{background:var(--s-pri);color:var(--s-pri-ink)}
.btn2{background:var(--s-surf2);color:var(--s-ink);box-shadow:inset 0 0 0 1px var(--s-line)}
.btn.small{padding:9px 14px;font-size:14px}
.ballb::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--s-acc);box-shadow:0 0 0 2px var(--s-pri)}
.s-a .ballb::before,.s-b .ballb::before,.s-e .ballb::before,.s-g .ballb::before{background:var(--s-acc-ink);box-shadow:none}
.chip{border:1px solid var(--s-line);background:transparent;border-radius:var(--rb);padding:8px 13px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,transform .3s cubic-bezier(.34,1.4,.64,1)}
.chip:active{transform:scale(.94)}
.chip[aria-pressed="true"]{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 11px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:var(--rb);background:var(--s-surf2);color:var(--s-ink)}
.tag.hot{background:var(--s-hot);color:#fff}
.tag.acc{background:var(--s-acc);color:var(--s-acc-ink)}
.tag.dark{background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(6px)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--s-hot);color:var(--s-hot);animation:pulse 1.4s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.places{display:flex;gap:3px}
.places i{flex:1;height:7px;border-radius:3px;background:var(--s-surf2);box-shadow:inset 0 0 0 1px var(--s-line)}
.places i.f{background:var(--s-ink);box-shadow:none}
.places i.m{background:var(--s-acc);box-shadow:none}
.enter{animation:enter .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 60ms)}
@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.screen{animation:screen .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes screen{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.sec{display:grid;gap:12px;align-content:start;min-width:0}
.sec-h{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}

/* nav */
.nav{display:flex;align-items:center;gap:18px;padding-block:14px;position:relative;z-index:3}
.logo{display:flex;align-items:center;gap:9px;font-size:18px;cursor:pointer;background:none;border:0;padding:0}
.logo i{width:13px;height:13px;border-radius:50%;background:var(--s-acc);flex:none}
.nav nav{display:flex;gap:4px;margin-right:auto}
.nav nav :is(button,a){padding:7px 12px;border-radius:var(--rb);font-size:14px;font-weight:600;background:none;border:0;cursor:pointer;color:var(--s-mut)}
.nav nav :is(button,a)[aria-current="page"]{color:var(--s-ink);background:var(--s-surf2)}
.me{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 12px "Geist Mono";background:var(--s-surf2);flex:none}
.s-a .nav{border-bottom:1px solid var(--s-line)}
.s-a .nav nav :is(button,a){text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.s-a .nav nav :is(button,a)[aria-current="page"]{background:none;box-shadow:inset 0 -2px 0 var(--s-acc-tx);border-radius:0}
.s-a .logo i{box-shadow:0 0 14px var(--s-acc-tx)}
.tabbar{display:none}

/* ---------- Home ---------- */
.hero{position:relative;padding-block:clamp(24px,5cqi,52px) clamp(28px,5cqi,52px);display:grid;gap:14px;overflow:hidden}
.hero>*{position:relative;z-index:1;min-width:0}
.eyebrow{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.big{margin:0;line-height:.86;font-size:clamp(84px,17cqi,200px)}
.vs{margin:0;font-size:clamp(16px,2.2cqi,21px);line-height:1.35}
.vs span{color:var(--s-mut);padding:0 6px}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.meta span{font-size:13px;padding:6px 11px;border-radius:var(--rb);border:1px solid var(--s-line)}
.meta .cd{background:var(--s-acc);color:var(--s-acc-ink);border-color:transparent}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.homegrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(16px,2.5cqi,28px);padding-block:8px 32px}
@container app (max-width:820px){.homegrid{grid-template-columns:minmax(0,1fr)}}
.board{display:grid;gap:2px;font-variant-numeric:tabular-nums;overflow:hidden}
.srow{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,30px) 50px;align-items:center;gap:6px;padding:12px 14px}
.srow .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srow .s{text-align:center;font:600 18px "Geist Mono"}
.srow .p{text-align:center;font:600 20px "Geist Mono";border-radius:8px;padding:4px 0;background:var(--s-surf2)}
.srow.srv .p{background:var(--s-acc);color:var(--s-acc-ink)}
.srow .p.pop{animation:pop .45s cubic-bezier(.34,1.4,.64,1)}
@keyframes pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
.srow+.srow{border-top:1px solid var(--s-line)}
.live-foot{font:500 13px "Geist Mono";display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--s-mut)}
.rail-x{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.rail-x>*{scroll-snap-align:start}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stat{padding:14px;display:grid;gap:2px}
.stat b{font-size:28px}
.stat span{font-size:13px;color:var(--s-mut)}

/* hero flourishes per style */
.arc{position:absolute;z-index:0;pointer-events:none;width:20px;height:20px;border-radius:50%;left:0;top:0;offset-path:var(--path);animation:fly 5.5s cubic-bezier(.45,.05,.55,.95) infinite;background:var(--s-acc);box-shadow:0 0 18px var(--s-acc-tx)}
@keyframes fly{0%{offset-distance:0%}55%{offset-distance:100%}100%{offset-distance:100%}}
.s-a .eyebrow{color:var(--s-acc-tx);font-family:var(--f-disp);font-size:16px;letter-spacing:.14em}
.s-a .big{text-shadow:0 0 60px rgba(217,242,74,.25)}
.s-a .vs b{color:var(--s-acc-tx)}
.s-a .court3d{position:absolute;inset:0;z-index:0}
.s-a .flood{position:absolute;top:-40px;width:220px;height:420px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 70%);filter:blur(24px);transform-origin:top;animation:sway 7s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-14deg)}to{transform:rotate(-4deg)}}
.s-a .btn{font-family:var(--f-disp);font-size:18px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sun{from{transform:translateY(0)}to{transform:translateY(18px)}}
@keyframes wave{to{transform:translateX(-50%)}}
@keyframes run{to{background-position:0 44px}}
@keyframes glitch{0%,92%,100%{transform:none}93%{transform:translate(3px,-2px) skewX(-6deg)}95%{transform:translate(-3px,1px)}97%{transform:skewX(4deg)}}
@keyframes roll{to{transform:translate(-30px,20px) rotate(40deg)}}
@keyframes drift{to{transform:translate(60px,40px) scale(1.15)}}

/* ---------- Explore ---------- */
.ph{padding-block:clamp(22px,4cqi,40px) 18px;display:grid;gap:14px}
.ph h1{margin:0;font-size:clamp(34px,6cqi,64px);line-height:.95;text-wrap:balance}
.ph p{margin:0;max-width:60ch;line-height:1.5}
.s-a .ph h1 em,.s-e .ph h1 em,.s-g .ph h1 em{font-style:inherit;color:var(--s-acc-tx)}
.search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--rb);background:var(--s-surf);border:var(--bd);box-shadow:var(--sh);backdrop-filter:var(--blur);max-width:640px}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;font:inherit;font-size:16px;color:var(--s-ink)}
.search input::placeholder{color:var(--s-mut)}
.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.filters .sep{width:1px;background:var(--s-line);flex:none;margin:4px 2px}
.exgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding-bottom:36px;align-items:start}
@container app (max-width:900px){.exgrid{grid-template-columns:minmax(0,1fr)}.mapbox{order:-1}}
.resbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.resbar b{font-size:18px}
.sort{display:flex;gap:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{display:grid;align-content:start;cursor:pointer;overflow:hidden;transition:transform .45s cubic-bezier(.34,1.4,.64,1),box-shadow .3s;text-align:left;padding:0;color:inherit;font:inherit}
.card:hover{transform:translateY(-5px)}
.cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#223}
.cover svg{width:100%;height:100%;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.card:hover .cover svg{transform:scale(1.07)}
.cover .datebox{position:absolute;left:10px;top:10px;background:var(--s-surf);color:var(--s-ink);border-radius:calc(var(--r) * .6);padding:6px 9px;text-align:center;line-height:1;display:grid;gap:2px;backdrop-filter:blur(8px)}
.cover .datebox b{font:700 22px var(--f-disp)}
.cover .datebox span{font:600 10px "Geist Mono";text-transform:uppercase;letter-spacing:.08em}
.cover .fav{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.45);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:transform .35s cubic-bezier(.34,1.4,.64,1)}
.cover .fav:active{transform:scale(.8)}
.cover .fav svg{width:18px;height:18px}
.cover .fav[aria-pressed="true"] path{fill:#ff4d6d;stroke:#ff4d6d}
.cover .fav[aria-pressed="true"]{animation:beat .5s cubic-bezier(.34,1.4,.64,1)}
@keyframes beat{50%{transform:scale(1.3)}}
.cover .tags{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;flex-wrap:wrap}
.cbody{padding:14px 16px 16px;display:grid;gap:9px}
.cbody h3{margin:0;font-size:20px;line-height:1.1}
.s-a .cbody h3{font-size:24px}
.cline{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--s-mut)}
.cfoot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cfoot small{font:500 12px "Geist Mono";color:var(--s-mut)}
.price{font:600 15px "Geist Mono";white-space:nowrap}
.cfoot small{min-width:0}
.mapbox{position:sticky;top:12px;padding:14px;display:grid;gap:10px}
.mapbox svg{width:100%;height:auto;display:block}
.isl{fill:var(--s-surf2);stroke:var(--s-ink);stroke-opacity:.35;stroke-width:1.2}
.sea{fill:none}
.pin{cursor:pointer;transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s}
.pin circle.o{fill:var(--s-acc);stroke:var(--s-acc-ink);stroke-width:1.5}
.pin circle.ring{fill:none;stroke:var(--s-acc-tx);stroke-width:2;opacity:0}
.pin.on{transform:scale(1.5)}
.pin.on circle.ring{animation:ring 1.4s infinite}
@keyframes ring{0%{r:6;opacity:.9}100%{r:18;opacity:0}}
.pin text{font:600 9px "Geist Mono";fill:var(--s-ink)}
.pin.hide{opacity:.15}
.maplegend{display:flex;justify-content:space-between;font:500 12px "Geist Mono";color:var(--s-mut);gap:8px;flex-wrap:wrap}
.empty{padding:30px;text-align:center;color:var(--s-mut)}

/* ---------- Tournament ---------- */
.tcover{position:relative;height:clamp(240px,38cqi,400px);overflow:hidden;margin-inline:calc(-1 * clamp(16px,3cqi,32px))}
.tcover svg{width:100%;height:100%;display:block;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.08) translateX(-2%)}}
.tcover .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.7))}
.tcover .ttl{position:absolute;left:clamp(16px,3cqi,32px);right:clamp(16px,3cqi,32px);bottom:20px;color:#fff;display:grid;gap:8px}
.tcover .ttl h1{margin:0;font-size:clamp(34px,7cqi,72px);line-height:.92;text-wrap:balance}
.back{position:absolute;left:clamp(16px,3cqi,32px);top:14px;z-index:2}
.tgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-block:22px 40px;align-items:start}
@container app (max-width:900px){.tgrid{grid-template-columns:minmax(0,1fr)}}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@container app (max-width:600px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fact{padding:12px 14px;display:grid;gap:3px}
.fact span{font-size:12px;color:var(--s-mut);text-transform:uppercase;letter-spacing:.06em}
.fact b{font:600 16px "Geist Mono"}
.cat{padding:16px;display:grid;gap:10px}
.cat .h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cat h3{margin:0;font-size:18px}
.holdbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:var(--r);border:2px solid var(--s-acc-tx);animation:enter .4s cubic-bezier(.34,1.4,.64,1) both}
.holdbox .acts{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}
.ringc{width:64px;height:64px}
.ringc circle{fill:none;stroke-width:6}
.ringc .bgc{stroke:var(--s-surf2)}
.ringc .fg{stroke:var(--s-acc-tx);stroke-linecap:round;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:50% 50%}
.okbox{padding:16px;border-radius:var(--r);background:var(--s-acc);color:var(--s-acc-ink);display:flex;gap:12px;align-items:center;animation:enter .5s cubic-bezier(.34,1.4,.64,1) both}
.okbox b{font-size:17px}
.dayrail{display:grid;gap:6px;overflow-x:auto}
.dr-row{display:grid;grid-template-columns:62px minmax(520px,1fr);align-items:center;gap:8px}
.dr-row>span{font:600 12px "Geist Mono";color:var(--s-mut)}
.dr-track{position:relative;height:34px;border-radius:8px;background:var(--s-surf2)}
.dr-m{position:absolute;top:3px;bottom:3px;border-radius:6px;background:var(--s-ink);color:var(--s-bg);font:600 11px "Geist Mono";display:flex;align-items:center;padding-inline:6px;overflow:hidden;white-space:nowrap;transform-origin:left;animation:grow .7s cubic-bezier(.34,1.4,.64,1) both;animation-delay:calc(var(--i) * 40ms)}
.dr-m.me{background:var(--s-acc);color:var(--s-acc-ink)}
.dr-m.f{background:var(--s-hot);color:#fff}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
.dr-axis{display:grid;grid-template-columns:62px minmax(520px,1fr);gap:8px}
.dr-axis div{display:flex;justify-content:space-between;font:500 11px "Geist Mono";color:var(--s-mut)}
.inc{display:flex;flex-wrap:wrap;gap:8px}
.avs{display:flex}
.avs i{width:32px;height:32px;border-radius:50%;margin-left:-8px;display:grid;place-items:center;font:600 11px "Geist Mono";font-style:normal;border:2px solid var(--s-bg);background:var(--s-surf2);color:var(--s-ink)}
.avs i:first-child{margin-left:0}
.side{display:grid;gap:14px;position:sticky;top:12px}
.buy{padding:18px;display:grid;gap:12px}
.buy .pr{display:flex;align-items:baseline;gap:8px}
.buy .pr b{font:600 30px "Geist Mono"}

/* ---------- Bracket ---------- */
.bwrap{overflow-x:auto;padding:16px}
.bwrap svg{display:block;min-width:760px;width:100%;height:auto}
.bx rect{fill:var(--s-surf2);stroke:var(--s-line)}
.bx text{font:600 13px "Geist",sans-serif;fill:var(--s-ink)}
.bx text.sc{font:600 13px "Geist Mono";text-anchor:end}
.bx text.w{fill:var(--s-ink)}
.bx text.l{fill:var(--s-mut);font-weight:500}
.bx.mine rect{stroke:var(--s-acc-tx);stroke-width:2}
.bx.live rect{stroke:var(--s-hot);stroke-width:2;animation:blink 1.6s infinite}
@keyframes blink{50%{stroke-opacity:.3}}
.lk{fill:none;stroke:var(--s-line);stroke-width:2}
.lk.mine{stroke:var(--s-acc-tx);stroke-width:3;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.6s .3s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.rlabel{font:600 11px "Geist Mono";fill:var(--s-mut);letter-spacing:.08em;text-transform:uppercase}
.bgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;padding-block:6px 40px}
@container app (max-width:900px){.bgrid{grid-template-columns:minmax(0,1fr)}}
.next{padding:16px;display:grid;gap:8px}
.next .t{font:600 40px "Geist Mono"}

/* ---------- Small screens (container) ---------- */
@container app (max-width:520px){
  .mapbox{order:0}
  .nav nav{display:none}
  .nav{justify-content:space-between}
  .tabbar{display:flex;position:sticky;bottom:0;z-index:10;justify-content:space-around;padding:8px 6px 12px;background:var(--s-bg);border-top:1px solid var(--s-line)}
  .tabbar :is(button,a){background:none;border:0;display:grid;justify-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--s-mut);cursor:pointer;padding:4px 10px}
  .tabbar :is(button,a) svg{width:22px;height:22px}
  .tabbar :is(button,a)[aria-current="page"]{color:var(--s-ink)}
  .tabbar :is(button,a)[aria-current="page"] svg{color:var(--s-acc-tx)}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat b{font-size:22px}
  .cards{grid-template-columns:minmax(0,1fr)}
}
@keyframes tick{to{transform:translateX(-100%)}}
.ticker{display:none}
.s-a.s-k{--s-bg:#eef4ff;--s-surf:#fff;--s-surf2:#dbe7ff;--s-ink:#0a2148;--s-mut:#4a5f86;--s-line:rgba(10,33,72,.14);--s-acc:#d9f24a;--s-acc-ink:#0a2148;--s-pri:#0a2148;--s-pri-ink:#fff;--s-court:#1d57b8;
  background:linear-gradient(180deg,#bfe0ff 0,#eef4ff 560px)}
/* Opciones de modo claro más suave (lv-b/c/d) */
.s-k.lv-b{--s-bg:#dde5f1;--s-surf:#eaf0f7;--s-surf2:#c9d6ea;--s-mut:#3f5479;--s-line:rgba(10,33,72,.16);background:linear-gradient(180deg,#a9c3e4 0,#dde5f1 560px)}
.s-k.lv-c{--s-bg:#d2d7de;--s-surf:#e1e5ea;--s-surf2:#c1c8d2;--s-mut:#3c4a60;--s-line:rgba(10,33,72,.18);background:linear-gradient(180deg,#a7b5c8 0,#d2d7de 560px)}
.s-k.lv-d{--s-bg:#b4c5df;--s-surf:#c8d5e9;--s-surf2:#a2b6d6;--s-mut:#2a3f68;--s-line:rgba(10,33,72,.2);background:linear-gradient(180deg,#86a2cc 0,#b4c5df 560px)}
.s-k .big{text-shadow:none;color:#0a2148}
.s-k .eyebrow{color:#1d57b8}
.s-k .vs b{color:#1d57b8}
.s-k .flood{display:none}
.s-k .nav nav :is(button,a)[aria-current="page"]{box-shadow:inset 0 -2px 0 #0a2148}
.s-k .surf{box-shadow:0 14px 30px -22px rgba(10,33,72,.5)}
.s-k .logo i{box-shadow:0 0 0 2px #0a2148}
.s-k .ballb::before{background:var(--s-acc)}
.s-k .ph h1 em{color:#1d57b8}
.s-k .arc{box-shadow:0 4px 10px rgba(10,33,72,.3)}
.s-k .s-a .meta .cd,.s-k .meta .cd{color:#0a2148}
@container app (max-width:620px){.s-a .hero .court3d{opacity:.25}.lvis .c3{--k:.72}}
/* ---------- Portada pública ---------- */
.lhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;padding-block:clamp(28px,5cqi,64px) clamp(24px,4cqi,48px);position:relative}
.lhero>*{min-width:0;position:relative;z-index:1}
@container app (max-width:900px){.lhero{grid-template-columns:minmax(0,1fr)}}
.lhero h1{margin:0;font-size:clamp(52px,9.5cqi,128px);line-height:.86;text-wrap:balance}
.lhero h1 em{font-style:inherit;color:var(--s-acc-tx)}
.s-k .lhero h1 em{color:#1d57b8}
.lsub{margin:14px 0 22px;font-size:clamp(16px,1.8cqi,19px);line-height:1.45;color:var(--s-mut);max-width:44ch}
.lsub b{color:var(--s-ink)}
.finder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;padding:8px;max-width:720px}
@container app (max-width:640px){.finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finder .btn{grid-column:1 / -1;justify-content:center}}
.finder label{display:grid;gap:2px;padding:8px 12px;border-radius:calc(var(--r) * .7);background:var(--s-surf2);min-width:0}
.finder label span{font:600 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--s-mut)}
.finder select{appearance:none;-webkit-appearance:none;background:none;border:0;color:var(--s-ink);font:600 15px var(--f-body);padding:0;outline:0;cursor:pointer;width:100%}
.finder select option{color:#0a2148}
.finder .btn{align-self:stretch}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lvis{position:relative;min-height:340px}
.livecard{position:absolute;left:4%;bottom:6%;width:min(300px,80%);padding:14px;display:grid;gap:8px;z-index:2;animation:float 6s ease-in-out infinite;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.s-k .livecard{box-shadow:0 30px 60px -24px rgba(10,33,72,.45)}
@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}
.livecard .srow{padding:8px 4px;grid-template-columns:minmax(0,1fr) repeat(2,24px) 44px}
.livecard .srow .p{font-size:17px}
.nextcard{position:absolute;right:2%;top:4%;padding:12px 14px;display:grid;gap:2px;z-index:2;animation:float 7s -2s ease-in-out infinite}
.nextcard b{font:600 26px "Geist Mono"}
@container app (max-width:900px){.lvis{min-height:300px}}
.lsec{display:grid;gap:14px;padding-block:22px}
.lsec-h{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.lsec-h h2{margin:0;font-size:clamp(28px,4.5cqi,48px);line-height:.95}
.linkbtn{background:none;border:0;color:var(--s-acc-tx);font-weight:700;cursor:pointer;padding:6px 0}
.s-k .linkbtn{color:#1d57b8}
.livegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@container app (max-width:900px){.livegrid{grid-template-columns:minmax(0,1fr)}}
.livebox{padding:14px;display:grid;gap:8px}
.livebox .top{display:flex;justify-content:space-between;font:600 12px "Geist Mono";color:var(--s-mut);gap:8px}
.why3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@container app (max-width:760px){.why3{grid-template-columns:minmax(0,1fr)}}
.why3 .w{padding:18px;display:grid;gap:8px;align-content:start}
.why3 .w b.n{font:600 34px "Geist Mono";color:var(--s-acc-tx)}
.s-k .why3 .w b.n{color:#1d57b8}
.why3 .w h3{margin:0;font-size:22px}
.why3 .w p{margin:0;color:var(--s-mut);line-height:1.45}
.club{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:clamp(18px,3cqi,32px);margin-block:10px}
@container app (max-width:860px){.club{grid-template-columns:minmax(0,1fr)}}
.club h2{margin:0 0 10px;font-size:clamp(28px,4.5cqi,46px);line-height:.95}
.club p{margin:0 0 16px;color:var(--s-mut);line-height:1.5;max-width:46ch}
.club .dayrail .dr-row{grid-template-columns:62px minmax(280px,1fr)}
.club .dayrail .dr-axis{grid-template-columns:62px minmax(280px,1fr)}
.towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 18px;padding-block:22px 34px;border-top:1px solid var(--s-line)}
.towns button{background:none;border:0;text-align:left;color:var(--s-mut);padding:4px 0;cursor:pointer;font-size:14px}
.towns button:hover{color:var(--s-ink)}
.towns h4{grid-column:1 / -1;margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.nav .cta{margin-left:4px}
@container app (max-width:640px){.nav .cta{display:none}}
/* ---------- Pista 3D: 20 x 10 m a 20 px por metro ---------- */
.court3d{perspective:1500px;perspective-origin:62% 20%;pointer-events:none;overflow:visible}
.c3{position:absolute;left:66%;top:54%;width:400px;height:200px;margin:-100px 0 0 -200px;transform-style:preserve-3d;--k:1.12;transform:scale(var(--k)) rotateX(60deg) rotateZ(-30deg);animation:orbit 18s ease-in-out infinite alternate}
@keyframes orbit{from{transform:scale(var(--k)) rotateX(61deg) rotateZ(-36deg)}to{transform:scale(var(--k)) rotateX(55deg) rotateZ(-16deg)}}
.lvis .c3{left:52%;top:50%;--k:.95}
@container app (max-width:900px){.c3{left:60%}}
.c3 .apron{position:absolute;left:-36px;top:-26px;width:472px;height:252px;border-radius:8px;background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,.15));transform:translateZ(-1px)}
.c3 .floor{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 20px,transparent 20px 40px),var(--s-court);box-shadow:0 0 60px rgba(120,170,255,.25)}
.c3 .floor svg{position:absolute;inset:0;width:100%;height:100%}
.c3 .w3{position:absolute;display:flex;transform-style:preserve-3d}
.c3 .glass{background:linear-gradient(115deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.32) 16%,rgba(255,255,255,.05) 28%,rgba(170,210,255,.12) 100%);background-size:320% 100%;animation:sheen 7s linear infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.c3 .bw .glass{background-image:repeating-linear-gradient(0deg,transparent 0 38px,rgba(15,25,45,.9) 38px 40px),linear-gradient(115deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.32) 16%,rgba(255,255,255,.05) 28%,rgba(170,210,255,.12) 100%);background-size:100% 100%,100% 320%}
.c3 .sw.glass{background-image:repeating-linear-gradient(90deg,transparent 0 38px,rgba(15,25,45,.9) 38px 40px),linear-gradient(115deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.32) 16%,rgba(255,255,255,.05) 28%,rgba(170,210,255,.12) 100%);background-size:100% 100%,320% 100%}
@keyframes sheen{from{background-position:0 0,100% 0}to{background-position:0 0,-220% 0}}
.c3 .mesh{background:repeating-linear-gradient(45deg,rgba(210,225,255,.38) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(210,225,255,.38) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 0 2px rgba(20,28,40,.95)}
.c3 .bw{top:0;height:200px;width:80px}
.c3 .bw.l{left:-80px;transform-origin:right center;transform:rotateY(90deg)}
.c3 .bw.r{left:400px;transform-origin:left center;transform:rotateY(-90deg)}
.c3 .bw .glass{flex:0 0 60px}
.c3 .bw .mesh{flex:0 0 20px}
.c3 .sw{transform-origin:bottom center;transform:rotateX(-90deg)}
.c3 .sw.near{opacity:.75}
.c3 .net{left:182px;top:-6px;width:18px;height:212px;transform-origin:right center;transform:rotateY(90deg);background:repeating-linear-gradient(0deg,rgba(10,14,20,.85) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(10,14,20,.85) 0 1px,transparent 1px 4px);border-left:3px solid #fff;border-top:3px solid #222;border-bottom:3px solid #222}
.c3 .plw{position:absolute;transform-style:preserve-3d;animation:shuffle 2.6s ease-in-out infinite alternate}
.c3 .pl{position:absolute;left:-7px;top:-38px;width:14px;height:38px;transform-origin:bottom center;transform:rotateX(-90deg);display:grid;justify-items:center;align-content:start}
.c3 .pl i{width:8px;height:8px;border-radius:50%;background:#e8c4a0}
.c3 .pl b{width:12px;height:30px;border-radius:6px 6px 3px 3px;background:var(--kit,#f2f6ff)}
.c3 .pl::after{content:"";position:absolute;right:-6px;top:12px;width:8px;height:10px;border-radius:50%;border:2px solid #111;background:#333}
@keyframes shuffle{from{transform:translateY(-12px)}to{transform:translateY(12px)}}
.c3 .b3,.c3 .bs{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%}
.c3 .b3{background:#e6f53a;box-shadow:0 0 12px #e6f53a;animation:rally 3.4s linear infinite}
.c3 .bs{background:rgba(0,0,0,.45);filter:blur(1px);animation:rallys 3.4s linear infinite}
@keyframes rally{0%{transform:translate3d(100px,140px,28px) rotateX(-90deg)}20%{transform:translate3d(195px,112px,78px) rotateX(-90deg)}40%{transform:translate3d(288px,76px,4px) rotateX(-90deg)}55%{transform:translate3d(304px,62px,30px) rotateX(-90deg)}75%{transform:translate3d(205px,104px,82px) rotateX(-90deg)}95%{transform:translate3d(112px,150px,4px) rotateX(-90deg)}100%{transform:translate3d(100px,140px,28px) rotateX(-90deg)}}
@keyframes rallys{0%{transform:translate3d(100px,140px,1px)}20%{transform:translate3d(195px,112px,1px)}40%{transform:translate3d(288px,76px,1px)}55%{transform:translate3d(304px,62px,1px)}75%{transform:translate3d(205px,104px,1px)}95%{transform:translate3d(112px,150px,1px)}100%{transform:translate3d(100px,140px,1px)}}
.c3 .lamp{position:absolute;width:6px;height:6px;transform-style:preserve-3d}
.c3 .lamp i{position:absolute;left:0;bottom:0;width:3px;height:130px;background:linear-gradient(#9aa5b8,#5d6778);transform-origin:bottom center;transform:rotateX(-90deg)}
.c3 .lamp b{position:absolute;left:-6px;top:0;width:16px;height:8px;border-radius:2px;background:#fff9d6;box-shadow:0 0 22px 8px rgba(255,249,214,.55);transform:translateZ(128px) rotateX(-90deg)}
.s-k .c3 .apron{background:radial-gradient(closest-side,rgba(10,33,72,.35),rgba(10,33,72,.08))}
.lvis{min-height:460px}
.lvis .c3{left:52%;top:40%;--k:1}
.lvis .livecard{left:0;bottom:0;width:min(270px,62%)}
.lvis .nextcard{right:0;top:0}
@container app (max-width:620px){.lvis{min-height:420px}.lvis .c3{--k:.74;top:38%;left:50%}.lvis .livecard{width:72%}}
/* ---------- Portada: pista de fondo ---------- */
.topbg{position:relative;overflow:hidden;isolation:isolate}
.topbg>.nav,.topbg>.lhero{position:relative;z-index:2}
.topbg .lbg{position:absolute;inset:0;z-index:0;perspective-origin:60% 10%}
.topbg .lbg .c3{left:64%;top:60%;--k:1.85}
.topbg::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--s-bg) 0%,color-mix(in srgb,var(--s-bg) 82%,transparent) 30%,transparent 62%),linear-gradient(0deg,var(--s-bg) 0%,transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 70%,transparent) 0%,transparent 18%)}
.lhero.pad{display:grid;grid-template-columns:minmax(0,1fr);min-height:clamp(520px,56cqi,700px);align-content:center;padding-block:40px 60px}
.lcopy{max-width:640px;display:grid;gap:22px}
.lfloat .nextcard{position:absolute;right:clamp(16px,3cqi,32px);top:12%}
.lfloat .livecard{position:absolute;right:clamp(16px,3cqi,32px);left:auto;bottom:10%;width:min(290px,40%)}
@container app (max-width:760px){
  .topbg .lbg .c3{left:55%;top:30%;--k:.95}
  .topbg::after{background:linear-gradient(0deg,var(--s-bg) 0%,var(--s-bg) 42%,color-mix(in srgb,var(--s-bg) 40%,transparent) 62%,transparent 80%)}
  .lhero.pad{min-height:0;padding-top:250px}
  .lfloat{display:grid;gap:12px}
  .lfloat .nextcard,.lfloat .livecard{position:static;width:auto;animation:none}
}
/* luces apagadas en oscuro, encendidas en claro */
.app:not(.s-k) .flood{opacity:0}
.app:not(.s-k) .c3 .floor{filter:brightness(.72) saturate(.85)}
.app:not(.s-k) .c3 .lamp b{background:#3a4252;box-shadow:none}
.app:not(.s-k) .c3 .glass{opacity:.7}
.s-k .c3 .lamp b{background:#fffbe6;box-shadow:0 0 26px 10px rgba(255,246,200,.75)}
.s-k .c3 .floor{box-shadow:0 0 80px rgba(255,250,220,.6)}
.app.powering .c3 .lamp b{animation:flick .9s steps(1) forwards}
.app.powering .c3 .floor{animation:brighten .9s ease-out forwards}
@keyframes flick{0%{background:#3a4252;box-shadow:none}12%{background:#fffbe6;box-shadow:0 0 26px 10px rgba(255,246,200,.8)}20%{background:#3a4252;box-shadow:none}34%{background:#fffbe6;box-shadow:0 0 26px 10px rgba(255,246,200,.8)}42%{background:#3a4252;box-shadow:none}60%,100%{background:#fffbe6;box-shadow:0 0 30px 12px rgba(255,246,200,.9)}}
@keyframes brighten{from{filter:brightness(.72)}60%{filter:brightness(1.35)}to{filter:brightness(1.15)}}
.app.just-lit::before{content:"";position:absolute;inset:0;z-index:30;pointer-events:none;background:radial-gradient(circle at 70% 30%,#fffbe6,rgba(255,251,230,0) 70%);animation:flash .9s ease-out forwards}
@keyframes flash{from{opacity:.85}to{opacity:0}}
/* interruptores */
.bk{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:2px;color:var(--s-ink);border-radius:6px}
.bk:focus-visible{outline:2px solid var(--s-acc-tx);outline-offset:3px}
.bk-l{font:600 11px "Geist Mono";letter-spacing:.08em;white-space:nowrap}
.din{position:relative;width:30px;height:46px;border-radius:4px;background:linear-gradient(#f6f6f1,#d6d6ce);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.45);display:block}
.din .t{position:absolute;left:0;right:0;top:2px;text-align:center;font:700 6px "Geist Mono";color:#333}
.din .slot{position:absolute;left:8px;top:11px;width:14px;height:24px;border-radius:2px;background:#24272d;box-shadow:inset 0 1px 3px #000}
.din .lever{position:absolute;left:1px;right:1px;height:12px;top:11px;border-radius:2px;background:linear-gradient(#4a7ee6,#1f4fb0);box-shadow:0 1px 2px rgba(0,0,0,.6);transition:top .35s cubic-bezier(.34,1.4,.64,1)}
.din .st{position:absolute;left:9px;bottom:3px;width:12px;height:5px;border-radius:1px;background:#d33;transition:background .2s}
.bk[aria-checked="true"] .din .lever{top:1px}
.bk[aria-checked="true"] .din .st{background:#2bb34a;box-shadow:0 0 6px #2bb34a}
.rot{position:relative;width:46px;height:46px;border-radius:6px;background:#f2c200;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.45);display:block}
.rot .o,.rot .i{position:absolute;top:2px;font:700 9px "Geist Mono";color:#1a1a1a}
.rot .o{left:5px}.rot .i{right:6px}
.rot .knob{position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff5a4a,#a30000);box-shadow:0 3px 5px rgba(0,0,0,.5);transform:rotate(-45deg);transition:transform .5s cubic-bezier(.34,1.4,.64,1)}
.rot .knob i{position:absolute;left:50%;top:1px;bottom:1px;width:7px;margin-left:-3.5px;border-radius:4px;background:linear-gradient(90deg,#7a0000,#c21212,#7a0000)}
.bk[aria-checked="true"] .rot .knob{transform:rotate(45deg)}
.tog{position:relative;width:34px;height:48px;border-radius:8px;background:linear-gradient(#2e333b,#15171b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 2px 8px rgba(0,0,0,.5);display:block}
.tog .nut{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(#d9dde2,#7d838c)}
.tog .bat{position:absolute;left:50%;top:50%;width:7px;height:20px;margin:-20px 0 0 -3.5px;border-radius:4px;background:linear-gradient(90deg,#8a9098,#f5f7f9,#8a9098);transform-origin:50% 100%;transform:rotate(155deg);transition:transform .35s cubic-bezier(.34,1.4,.64,1)}
.tog .led{position:absolute;left:50%;top:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#4a1515}
.bk[aria-checked="true"] .tog .bat{transform:rotate(25deg)}
.bk[aria-checked="true"] .tog .led{background:#7dff8a;box-shadow:0 0 8px #7dff8a}
@container app (max-width:520px){.bk-l{display:none}}
.lfloat{position:absolute;inset:0;pointer-events:none}
.lfloat>*{pointer-events:auto}
.lfloat .nextcard{top:auto;bottom:8%}
.lfloat .livecard{bottom:auto;top:8%}
.s-k .c3 .mesh{background:repeating-linear-gradient(45deg,rgba(10,33,72,.5) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(10,33,72,.5) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 0 2px rgba(10,33,72,.9)}
.s-k .c3 .glass{background-color:rgba(120,170,235,.16);box-shadow:inset 0 0 0 1.5px rgba(10,33,72,.45)}
.s-k .c3 .bw .glass{background-image:repeating-linear-gradient(0deg,transparent 0 38px,rgba(10,33,72,.6) 38px 40px),linear-gradient(115deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.7) 16%,rgba(255,255,255,.1) 28%,rgba(120,170,235,.2) 100%)}
.s-k .c3 .sw.glass{background-image:repeating-linear-gradient(90deg,transparent 0 38px,rgba(10,33,72,.6) 38px 40px),linear-gradient(115deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.7) 16%,rgba(255,255,255,.1) 28%,rgba(120,170,235,.2) 100%)}
.s-k .c3 .net{background:repeating-linear-gradient(0deg,rgba(10,14,20,.9) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(10,14,20,.9) 0 1px,transparent 1px 4px)}
.s-k .c3 .lamp i{background:linear-gradient(#5d6778,#2c3442)}
@container app (max-width:760px){.lfloat{position:static;inset:auto}}
/* ---------- Portada v2: título, cuadro eléctrico, pista ---------- */
.lhead{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding-block:clamp(22px,4cqi,44px) 0}
.lt{margin:0;font-size:clamp(50px,8.6cqi,118px);line-height:.86;text-wrap:balance}
.lt em{font-style:inherit;color:var(--s-acc-tx)}
.s-k .lt em{color:#1d57b8}
@container app (max-width:820px){.lhead{grid-template-columns:minmax(0,1fr)}.cqwrap{justify-self:start}}
.courtstage{position:relative;z-index:1;height:clamp(300px,40cqi,480px);margin-top:-10px}
.courtstage .court3d{position:absolute;inset:0}
.courtstage .c3{left:50%;top:50%;--k:1.5}
.cs-live{position:absolute;right:clamp(16px,3cqi,32px);top:8%;z-index:2}
.cs-next{position:absolute;left:clamp(16px,3cqi,32px);bottom:14%;z-index:2}
.cs-live .livecard,.cs-next .nextcard{position:static;width:auto}
.cs-live .livecard{width:280px}
@container app (max-width:820px){.courtstage{height:270px}.courtstage .c3{--k:.82}.cs-live,.cs-next{display:none}}
.findwrap{position:relative;z-index:3;margin-top:-34px;display:grid;gap:12px;justify-items:center;padding-bottom:30px}
.findwrap .finder{width:min(760px,100%);max-width:none}
.findwrap .quick{margin:0;justify-content:center}
.topbg::after{background:linear-gradient(0deg,var(--s-bg) 0%,transparent 14%)}
.cqwrap{display:grid;gap:10px;justify-items:center}
.cuadro{position:relative;display:grid;gap:10px;padding:16px 18px 14px;border-radius:12px;background:linear-gradient(160deg,#69717e,#434a55 55%,#30353d);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(0,0,0,.45),0 24px 50px -14px rgba(0,0,0,.65)}
.cuadro .cs{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(#d9dde2,#6f7680);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.cuadro .s1{left:6px;top:6px}.cuadro .s2{right:6px;top:6px}.cuadro .s3{left:6px;bottom:6px}.cuadro .s4{right:6px;bottom:6px}
.cq-h{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 10px "Geist Mono";letter-spacing:.14em;color:#e3e7ed;padding-inline:6px}
.cq-led{width:9px;height:9px;border-radius:50%;background:#4a1818;box-shadow:inset 0 0 2px #000;transition:background .2s,box-shadow .2s}
.cq-led.on{background:#57ff7a;box-shadow:0 0 12px #57ff7a}
.cq-rail{position:relative;display:flex;gap:2px;padding:12px 10px;background:#181b20;border-radius:6px;box-shadow:inset 0 3px 8px rgba(0,0,0,.8)}
.cq-rail::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:30px;margin-top:-15px;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(0,0,0,.4) 12px 17px),linear-gradient(#d3d8df,#8a919b 50%,#c7ccd4);border-radius:2px}
.brk{position:relative;z-index:1;display:block;width:48px;height:112px;padding:0;border:0;border-radius:4px;font:inherit;background:linear-gradient(90deg,#d6d6cf,#fafaf5 28%,#f3f3ed 72%,#cbcbc3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),0 4px 7px rgba(0,0,0,.55)}
.brk.w2{width:98px}
.brk.main{cursor:pointer}
.brk.main:focus-visible{outline:3px solid var(--s-acc-tx);outline-offset:3px}
.brk .scr{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(#eceef1,#878e98);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.brk .scr::after{content:"";position:absolute;left:1px;right:1px;top:4px;height:1.2px;background:#454a52;transform:rotate(35deg)}
.brk .scr.t{top:4px;left:50%;margin-left:-4.5px}.brk .scr.b{bottom:4px;left:50%;margin-left:-4.5px}
.brk .scr.t2,.brk .scr.b2{display:none}
.brk.w2 .scr.t,.brk.w2 .scr.b{left:28%}.brk.w2 .scr.t2,.brk.w2 .scr.b2{display:block;left:72%;margin-left:-4.5px}
.brk.w2 .scr.t2{top:4px}.brk.w2 .scr.b2{bottom:4px}
.brk .spec{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:3px;font:700 10px "Geist Mono";color:#1d1f22}
.brk .spec em{font-style:normal;font-size:6px;border:1px solid #333;padding:0 2px;line-height:1.3}
.brk .io{position:absolute;left:0;right:0;text-align:center;font:700 6px "Geist Mono";color:#41454c;letter-spacing:.06em}
.brk .io.i{top:29px}.brk .io.o{top:82px}
.brk .slot{position:absolute;left:50%;top:37px;width:26px;height:44px;margin-left:-13px;border-radius:3px;background:#24272d;box-shadow:inset 0 3px 5px #000;perspective:140px}
.brk.w2 .slot{left:32%}
.brk .lever{position:absolute;left:2px;right:2px;top:3px;height:24px;border-radius:3px;background:linear-gradient(180deg,#2c2f35,#0e1013);box-shadow:0 3px 4px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(14px) rotateX(-32deg);transition:transform .34s cubic-bezier(.45,-.5,.3,1.7)}
.brk.main .lever{background:linear-gradient(180deg,#eaff76,#a9c61b);box-shadow:0 3px 4px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.brk.w2 .lever{background:linear-gradient(180deg,#4a7ee6,#1f4fb0)}
.brk .lever i{position:absolute;left:4px;right:4px;top:5px;bottom:5px;border-radius:2px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.28) 0 1px,transparent 1px 3px)}
.brk.main .lever i{background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.brk[aria-checked="true"] .lever,.brk[data-on="true"] .lever{transform:translateY(0) rotateX(32deg)}
.brk .win{position:absolute;left:50%;bottom:17px;width:18px;height:7px;margin-left:-9px;border-radius:1px;background:#cf2020;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45);transition:background .15s .15s}
.brk.w2 .win{left:32%}
.brk[aria-checked="true"] .win,.brk[data-on="true"] .win{background:#1fae49}
.brk .test{position:absolute;right:14px;top:44px;width:18px;height:18px;border-radius:3px;background:linear-gradient(#ffd84a,#e0b000);box-shadow:0 2px 3px rgba(0,0,0,.5);font:700 9px "Geist Mono";color:#222;display:grid;place-items:center}
.brk.snap{animation:snap .28s ease-out}
@keyframes snap{30%{transform:translateY(1.5px)}60%{transform:translateY(-.5px)}}
.cq-tape{display:flex;gap:2px;padding-inline:10px}
.cq-tape span{width:48px;flex:none;text-align:center;font:700 7px "Geist Mono";letter-spacing:.04em;color:#20232a;background:#f1ead0;border-radius:2px;padding:4px 0;white-space:nowrap;overflow:hidden}
.cq-tape span.w2{width:98px}
.cq-tape span.act{background:var(--s-acc);color:#0a2148}
.cqhint{display:inline-flex;align-items:center;gap:8px;font:600 11px "Geist Mono";letter-spacing:.06em;color:var(--s-ink);padding:5px 12px 5px 5px;border-radius:999px;background:color-mix(in srgb,var(--s-bg) 78%,transparent);backdrop-filter:blur(6px);white-space:nowrap}
.cqhint .arr{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--s-acc);color:#0a2148;animation:bob 1.2s ease-in-out infinite}
.cqhint.done .arr{animation:none;transform:rotate(180deg)}
@keyframes bob{50%{transform:translateY(-4px)}}
.navbrk{position:relative;width:27px;height:63px;flex:none}
.navbrk .brk.snap{animation:none}
.navbrk .brk{position:absolute;left:0;top:0;transform:scale(.56);transform-origin:0 0}
.cqwrap{display:grid;justify-items:center;gap:6px;opacity:.82;transition:opacity .2s}
.cqwrap:hover{opacity:1}
.solo{position:relative;width:38px;height:88px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.solo .brk{position:absolute;left:0;top:0;transform:scale(.8);transform-origin:0 0}
.solo .brk.snap{animation:none}
.solotag{font:700 8px "Geist Mono";letter-spacing:.16em;color:var(--s-mut)}
.lside .cqwrap{justify-self:end}
.lhero2{position:relative}
@container app (max-width:820px){.mpanel{position:absolute;right:clamp(16px,3cqi,32px);top:14px;z-index:3}.lhero2 .lt{padding-right:52px}}
/* Portada v3: web con pista de fondo; móvil con título encima de la pista */
.lhero2{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;min-height:clamp(560px,58cqi,720px);padding-block:36px 56px}
.lhero2 .lcopy{max-width:660px;display:grid;gap:22px}
.lhero2 .quick{margin:0}
.lside{display:grid;gap:18px;justify-items:end;align-self:stretch;align-content:space-between}
.lside .cs-live{position:static}
.mpanel,.mcourt{display:none}
.topbg .lbg{display:block}
.topbg .lbg .c3{left:62%;top:54%;--k:1.45}
.topbg::after{background:linear-gradient(90deg,var(--s-bg) 0%,color-mix(in srgb,var(--s-bg) 70%,transparent) 26%,transparent 48%),linear-gradient(0deg,var(--s-bg) 0%,transparent 9%)}
@container app (max-width:1180px){.topbg .lbg .c3{--k:1.25}}
@container app (max-width:1020px){.topbg .lbg .c3{--k:1.08;left:61%}}
.topbg::after{background:linear-gradient(90deg,var(--s-bg) 0%,color-mix(in srgb,var(--s-bg) 82%,transparent) 30%,transparent 62%),linear-gradient(0deg,var(--s-bg) 0%,transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--s-bg) 70%,transparent) 0%,transparent 18%)}
@container app (max-width:820px){
  .topbg .lbg,.lside{display:none}
  .lhero2{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:18px 28px}
  .mpanel{display:block}
  .mcourt{display:block;position:relative;height:260px;margin:-6px calc(-1 * clamp(16px,3cqi,32px)) -20px}
  .mcourt .court3d{position:absolute;inset:0}
  .mcourt .c3{--k:.8;left:50%;top:50%}
  .topbg::after{background:linear-gradient(0deg,var(--s-bg) 0%,transparent 10%)}
  .lhero2 .finder{position:relative;z-index:2}
}
@media (prefers-reduced-motion:reduce){.app *{animation:none!important;transition:none!important}}

/* Interruptor integrado: una palanca con el lenguaje de la propia web */
.lev{display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:0;cursor:pointer;color:var(--s-ink);font:600 13px var(--f-body);white-space:nowrap}
.lev:focus-visible{outline:3px solid var(--s-acc-tx);outline-offset:3px;border-radius:8px}
.lslot{position:relative;flex:none;width:20px;height:32px;border-radius:6px;background:#081430;box-shadow:inset 0 2px 5px rgba(0,0,0,.75),0 0 0 1px var(--s-line);perspective:90px}
.lcap{position:absolute;left:3px;right:3px;top:3px;height:14px;border-radius:4px;background:linear-gradient(#ecff80,#a8c51b);box-shadow:0 3px 3px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.6);transform:translateY(12px) rotateX(-34deg);transition:transform .32s cubic-bezier(.45,-.5,.3,1.7)}
.lev[aria-checked="true"] .lcap{transform:translateY(0) rotateX(34deg)}
.lled{position:absolute;right:-7px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#5b2020;transition:background .2s .2s,box-shadow .2s .2s}
.lev[aria-checked="true"] .lled{background:#62ff86;box-shadow:0 0 6px #62ff86}
.lev .ltxt{margin-left:2px}
.navlev{margin-left:auto}
.navlev .lev{padding:5px 13px 5px 7px;border-radius:999px;background:var(--s-surf2);box-shadow:inset 0 0 0 1px var(--s-line)}
.navlev .lslot{width:16px;height:26px}.navlev .lcap{height:11px;transform:translateY(9px) rotateX(-34deg)}.navlev .lev[aria-checked="true"] .lcap{transform:translateY(0) rotateX(34deg)}
.navlev .lled{right:-6px}
.plaque{display:flex;align-items:center;gap:16px;padding:12px 18px 12px 16px;border-radius:var(--r,16px);justify-self:end}
.pq-t{display:grid;gap:2px;font:600 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--s-mut)}
.pq-t b{font:700 15px var(--f-body);letter-spacing:0;text-transform:none;color:var(--s-ink)}
.mcourt .plaque{position:absolute;right:clamp(16px,3cqi,32px);bottom:34px;z-index:2;padding:8px 12px;gap:12px}
.chiplev{display:inline-flex;align-items:center;padding:4px 14px 4px 6px}
.chiplev .lslot{width:15px;height:24px}.chiplev .lcap{height:10px;transform:translateY(8px) rotateX(-34deg)}.chiplev .lev[aria-checked="true"] .lcap{transform:translateY(0) rotateX(34deg)}
.chiplev .lled{display:none}
.lev.snap .lslot{animation:snap .28s ease-out}
/* Organizar torneo */
.org{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-block:18px 60px}
.org-h{min-width:0}.org-h>*{min-width:0}
.org-h{display:grid;gap:14px}
.org-h h1{margin:2px 0 0;font-size:clamp(34px,6cqi,64px);line-height:.92}
.osteps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.osteps a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:var(--rb);border:var(--bd);color:var(--s-ink);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.osteps a span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--s-surf2);font-size:11px}
.osteps a:hover span{background:var(--s-acc);color:var(--s-acc-ink)}
.org-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}
.org-f{display:grid;gap:16px;min-width:0}
.org-p{position:sticky;top:12px;display:grid;gap:12px}
.osec{min-width:0;padding:20px;border-radius:var(--r);display:grid;gap:16px;scroll-margin-top:80px}
.osec header{display:flex;gap:12px;align-items:start}
.osec h3{margin:0;font-size:26px;line-height:1}
.osec header p{margin:4px 0 0;font-size:14px;max-width:60ch}
.onum{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--s-acc);color:var(--s-acc-ink);font-size:13px;font-weight:700}
.mut{color:var(--s-mut)}
.ofld{display:grid;gap:6px;min-width:0}
.ofld>span{font:600 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--s-mut)}
.org input:not([type=checkbox]):not([type=file]),.org textarea,.org select{width:100%;box-sizing:border-box;font:500 15px var(--f-body);color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:calc(var(--r) * .6);padding:11px 12px;color-scheme:dark}
.s-k .org input,.s-k .org textarea,.s-k .org select{color-scheme:light}
.org textarea{resize:vertical;line-height:1.45}
.org input:focus,.org textarea:focus,.org select:focus{outline:2px solid var(--s-acc-tx);outline-offset:1px}
.ofld small{font-size:12px}
.orow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}
.orow.off{opacity:.4;pointer-events:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chips>.mut{font-size:13px;margin-right:2px}
.otog{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;width:max-content;max-width:100%}
.otog input{position:absolute;opacity:0;width:1px;height:1px}
.otog span{flex:none;width:40px;height:24px;border-radius:99px;background:var(--s-surf2);box-shadow:inset 0 0 0 1px var(--s-line);position:relative;transition:background .2s}
.otog span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--s-ink);transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
.otog input:checked+span{background:var(--s-acc)}
.otog input:checked+span::after{transform:translateX(16px);background:var(--s-acc-ink)}
.otog input:focus-visible+span{outline:2px solid var(--s-acc-tx);outline-offset:2px}
.cv-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cvt{display:grid;gap:5px;padding:4px;border-radius:calc(var(--r) * .6);border:2px solid transparent;background:var(--s-surf2);color:var(--s-ink);font:600 12px var(--f-body);cursor:pointer;text-align:center}
.cvt img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--r) * .4);display:block}
.cvt[aria-pressed="true"]{border-color:var(--s-acc-tx)}
.cvt.up .upi{display:grid;place-items:center;aspect-ratio:16/10;border-radius:calc(var(--r) * .4);border:1.5px dashed var(--s-line);font-size:24px}
.focal{position:relative;aspect-ratio:16/9;border-radius:calc(var(--r) * .7);overflow:hidden;cursor:crosshair}
.focal img{width:100%;height:100%;object-fit:cover;display:block}
.focal i{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.35),inset 0 0 0 2px rgba(0,0,0,.25);transition:left .25s,top .25s;pointer-events:none}
.focal i::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--s-acc)}
.fhint{position:absolute;right:10px;bottom:10px;font-size:11px;padding:4px 8px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff}
.crops{display:grid;grid-template-columns:1.6fr 1.2fr .9fr .62fr;gap:10px;align-items:end}
.crop{margin:0;display:grid;gap:6px;min-width:0}
.crop figcaption{font:600 10px "Geist Mono";letter-spacing:.06em;color:var(--s-mut);text-transform:uppercase}
.crop-in{position:relative;aspect-ratio:var(--ar);border-radius:calc(var(--r) * .5);overflow:hidden;container-type:inline-size;background:#223}
.crop-in img{width:100%;height:100%;object-fit:cover;display:block}
.crop-tx{position:absolute;inset:auto 0 0 0;padding:8cqi 7cqi 6cqi;display:grid;gap:2cqi;color:#fff;background:linear-gradient(transparent,rgba(5,12,30,.85))}
.crop-tx b{font-size:clamp(11px,11cqi,46px);line-height:.92}
.crop-d{font-size:clamp(7px,4.4cqi,13px);opacity:.9}
.crop-by{font:600 clamp(7px,4cqi,12px) var(--f-body);color:var(--s-acc)}
.ocats,.ospons{display:grid;gap:8px}
.ocat{display:grid;grid-template-columns:minmax(0,1.6fr) 90px 110px 36px;gap:8px;align-items:end}
.ocat label{display:grid;gap:4px;font-size:11px}
.ox{width:36px;height:42px;border-radius:10px;border:1px solid var(--s-line);background:none;color:var(--s-mut);font-size:20px;cursor:pointer}
.ox:hover{color:var(--s-hot);border-color:var(--s-hot)}
.ospon{display:grid;grid-template-columns:56px minmax(0,1fr) auto 36px;gap:8px;align-items:center}
.slogo{position:relative;width:56px;height:56px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px var(--s-line)}
.slogo img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.slogo .mono{position:absolute;inset:auto 0 0;font-size:8px;text-align:center;background:rgba(0,0,0,.55);color:#fff;padding:1px 0;opacity:0;transition:opacity .2s}
.slogo:hover .mono{opacity:1}
.mono-l{font:800 18px var(--f-disp);color:#0a2148}
.seg2{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--s-surf2);box-shadow:inset 0 0 0 1px var(--s-line)}
.seg2 button{border:0;background:none;color:var(--s-mut);font:600 12px var(--f-body);padding:6px 10px;border-radius:99px;cursor:pointer;white-space:nowrap}
.seg2 button[aria-pressed="true"]{background:var(--s-acc);color:var(--s-acc-ink)}
.omap{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;font-size:12px;color:var(--s-mut)}
.omap svg{width:150px}
.omap .isl{fill:var(--s-surf2);stroke:var(--s-line)}
.omap circle{fill:var(--s-mut)}.omap circle.on{fill:var(--s-acc);stroke:#fff;stroke-width:2}
.pv-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pv{border-radius:var(--r);overflow:hidden}
.pv-cover{display:grid;justify-items:center;background:#0006}
.pv-cover .crop{width:100%}
.pv-cover[style*="4/5"] .crop{width:62%}.pv-cover[style*="9/16"] .crop{width:46%}
.pv-cover .crop-in{border-radius:0}
.pv-b{padding:14px 16px 16px;display:grid;gap:12px}
.pv-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}
.pv-desc{margin:0;font-size:14px;line-height:1.45;color:var(--s-mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pv-price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.pv-price b{font-size:34px;line-height:1;color:var(--s-acc-tx)}
.s-k .pv-price b{color:#0a2148}
.pv-price span{font-size:12px;color:var(--s-mut)}
.pv-cats{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pv-cats li{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:14px;padding:8px 10px;border-radius:10px;background:var(--s-surf2)}
.pv-place{display:flex;gap:10px;font-size:13px;line-height:1.35}
.pv-place svg{width:18px;height:18px;flex:none;color:var(--s-acc-tx)}
.pv-inc{display:flex;gap:6px;flex-wrap:wrap}
.pv-spon{display:grid;gap:8px;border-top:1px solid var(--s-line);padding-top:10px;font-size:11px}
.pv-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.lg img,.lg .mono-l{width:30px;height:30px;border-radius:8px;background:#fff;object-fit:contain;display:grid;place-items:center;font-size:12px}
.lg.main img,.lg.main .mono-l{width:42px;height:42px;font-size:15px}
.lg em{font-style:normal}
.pv-meter{display:grid;gap:6px;font-size:12px;color:var(--s-mut)}
.pv-meter i{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--s-acc) var(--p),var(--s-surf2) 0)}
.pv-pub{justify-content:center}
.okbox.small{font-size:13px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--s-acc) 18%,transparent)}
.cover>img.cvimg{width:100%;height:100%;object-fit:cover;display:block}
@container app (max-width:900px){.org-g{grid-template-columns:minmax(0,1fr)}.org-p{position:static;order:-1}.crops{grid-template-columns:1fr 1fr}.cv-pick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container app (max-width:560px){.ocat{grid-template-columns:1fr 1fr 36px}.ocat>input{grid-column:1/-1}.ospon{grid-template-columns:48px minmax(0,1fr) 36px}.ospon .seg2{grid-column:1/-1;justify-self:start}.slogo{width:48px;height:48px}.omap{grid-template-columns:110px 1fr}.omap svg{width:110px}.osec{padding:16px}}
/* Cuenta */
.accs,.acc-sign{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-block:22px 60px;max-width:860px;margin-inline:auto;width:100%;box-sizing:border-box}
.sg-h h1,.acc-h h1{margin:0;font-size:clamp(32px,5.5cqi,56px);line-height:.95}
.sg-h p{margin:6px 0 0}
.sg-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sg-role{display:grid;gap:8px;text-align:left;padding:18px;border-radius:var(--r);cursor:pointer;color:var(--s-ink);font:inherit;border:2px solid transparent}
.sg-role b{font-size:24px;line-height:1}
.sg-role .mut{font-size:14px;line-height:1.4}
.sg-role[aria-pressed="true"]{border-color:var(--s-acc-tx)}
.sg-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--s-surf2);color:var(--s-acc-tx)}
.sg-ic svg{width:22px;height:22px}
.sg-role[aria-pressed="true"] .sg-ic{background:var(--s-acc);color:var(--s-acc-ink)}
.sg-form{display:grid;gap:12px;padding:20px;border-radius:var(--r)}
.sg-sso{justify-content:center}
.sg-or{text-align:center;font-size:13px}
.sg-note{margin:0;font-size:13px}
.acc-sign input,.acc-sign select{width:100%;box-sizing:border-box;font:500 15px var(--f-body);color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:calc(var(--r) * .6);padding:11px 12px}
.acc-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.acc-id{display:flex;gap:14px;align-items:center}
.av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--s-acc);color:var(--s-acc-ink);font:800 20px var(--f-disp)}
.acc-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}
.acc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.acc-stats>div{padding:14px;border-radius:var(--r);display:grid;gap:4px}
.acc-stats b{font-size:clamp(24px,3.6cqi,34px);line-height:1}
.acc-stats span{font-size:12px}
.acc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--s-line)}
.acc-tabs button{border:0;background:none;color:var(--s-mut);font:700 15px var(--f-body);padding:10px 14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.acc-tabs button span{font:600 11px "Geist Mono";padding:2px 6px;border-radius:99px;background:var(--s-surf2);margin-left:4px}
.acc-tabs button[aria-selected="true"]{color:var(--s-ink);border-color:var(--s-acc-tx)}
.hlist{display:grid;gap:8px}
.hrow{border-radius:var(--r);overflow:hidden}
.hr-h{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:12px;align-items:center;padding:14px 16px;border:0;background:none;color:var(--s-ink);font:inherit;text-align:left;cursor:pointer}
.hr-main{display:grid;gap:3px;min-width:0}
.hr-main b{font-size:16px}
.hr-main .mut{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:var(--s-mut);transition:transform .25s;font-size:18px;line-height:1}
.hrow.open .chev{transform:rotate(180deg)}
.hr-det{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:4px 16px 16px;font-size:14px;animation:enter .35s ease both}
.hr-det>div{display:grid;gap:3px;align-content:start}
.hr-det .mut{font:600 10px "Geist Mono";text-transform:uppercase;letter-spacing:.08em}
.hr-det.club{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.hr-det.club .mbar{grid-column:1/-1}
.pbadge{font:700 12px var(--f-body);padding:6px 10px;border-radius:99px;background:var(--s-surf2);white-space:nowrap}
.pbadge.gold{background:#f5c84b;color:#2a1d00}.pbadge.silver{background:#cfd6e2;color:#1b2330}.pbadge.bronze{background:#d99a6c;color:#2b1405}.pbadge.cons{background:color-mix(in srgb,var(--s-acc) 30%,transparent)}
.money{display:grid;text-align:right;font:800 20px var(--f-disp);line-height:1}
.money small{font:600 10px "Geist Mono";color:var(--s-mut);text-transform:uppercase}
.mbar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--s-surf2)}
.mbar i{width:var(--w)}
.hr-det>.mbar{display:flex;gap:0}
.mf{background:#8b97ad}.mg{background:#ff8a5c}.mp{background:#f5c84b}.mn{background:var(--s-acc)}
.mlist{margin:0;display:grid;gap:6px}
.mlist>div{display:flex;justify-content:space-between;gap:10px}
.mlist dt{display:flex;gap:7px;align-items:center;color:var(--s-mut)}
.mlist dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.mlist .tot{border-top:1px solid var(--s-line);padding-top:6px}.mlist .tot dt,.mlist .tot dd{color:var(--s-ink);font-weight:800}
.mk{width:9px;height:9px;border-radius:3px;flex:none}
.cres{display:grid;gap:8px;align-content:start}
.cres>div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--s-surf2)}
.cres span{font-size:13px}
.tline{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.tl-g{grid-template-columns:minmax(0,1fr)}
.tl-g{position:relative;padding-left:22px;display:grid;gap:8px}
.tl-g::before{content:"";position:absolute;left:5px;top:8px;bottom:-18px;width:2px;background:var(--s-line)}
.tl-g:last-child::before{bottom:0}
.tl-g h3{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mut);position:relative}
.tl-g h3::before{content:"";position:absolute;left:-22px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--s-surf2);box-shadow:0 0 0 3px var(--s-bg)}
.tl-g.live h3::before{background:var(--s-hot)}.tl-g.next h3::before{background:var(--s-acc)}
.acc-sub{margin:10px 0 0;font-size:24px}
.acc-out{justify-self:start;margin-top:10px}
.me{cursor:pointer;border:0;color:var(--s-ink)}
@container app (max-width:640px){.sg-roles{grid-template-columns:1fr}.acc-stats{grid-template-columns:1fr 1fr}.hr-det.club{grid-template-columns:1fr}.acc-bar .seg2{overflow-x:auto;max-width:100%}.acc-tabs button{padding:10px 10px}}
/* Test de nivel */
.qwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.qform{display:grid;gap:18px;padding:20px;border-radius:var(--r)}
.qq{display:grid;gap:8px}
.qq>b{font-size:16px}
.qres{position:sticky;top:12px;display:grid;gap:12px;padding:20px;border-radius:var(--r)}
.qnum{font-size:72px;line-height:.9;color:var(--s-acc-tx)}
.s-k .qnum{color:var(--s-ink)}
.qcat{font-size:14px}
.lscale{display:grid;gap:4px}
.ls-bar{position:relative;display:flex;gap:2px;height:26px}
.ls-bar span{display:grid;place-items:center;font:700 10px "Geist Mono";background:var(--s-surf2);color:var(--s-mut);border-radius:4px;overflow:hidden;white-space:nowrap}
.ls-bar span.on{background:var(--s-acc);color:var(--s-acc-ink)}
.ls-bar i{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;background:var(--s-ink);border-radius:2px;transition:left .3s}
.ls-ax{display:flex;justify-content:space-between;font-size:10px;color:var(--s-mut)}
.qrel{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px}
.qrel i{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--s-hot) var(--p),var(--s-surf2) 0)}
/* Inscripción */
.phone{transform:translateZ(0)}
.stage.desk .insov{padding-top:170px}
.insov{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(3,8,20,.62);backdrop-filter:blur(3px);animation:enter .25s ease both}
.insheet{width:min(560px,100%);max-height:calc(100% - 16px);overflow:auto;border-radius:var(--r);display:grid;gap:14px;padding:18px 20px;box-sizing:border-box;background:var(--s-surf);box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.insheet header{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:10px;align-items:center}
.insheet h2{margin:2px 0 0;font-size:30px;line-height:1}
.ins-hold{padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--s-hot) 22%,transparent);font-size:13px}
.ins-hold::before{content:"Plaza guardada ";font-family:var(--f-body);color:var(--s-mut)}
.ins-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;counter-reset:s}
.ins-steps li{counter-increment:s;font:600 11px var(--f-body);color:var(--s-mut);padding-top:7px;border-top:3px solid var(--s-surf2)}
.ins-steps li::before{content:counter(s) ". "}
.ins-steps li.on{color:var(--s-ink);border-color:var(--s-acc-tx)}.ins-steps li.done{border-color:color-mix(in srgb,var(--s-acc-tx) 50%,transparent)}
.ins-body{display:grid;gap:12px}
.ins-body p{margin:0}
.ins-cats,.paylist,.flist{display:grid;gap:8px}
.ins-cat,.payopt{display:grid;gap:3px;text-align:left;padding:12px 14px;border-radius:12px;border:2px solid transparent;color:var(--s-ink);font:inherit;cursor:pointer;background:var(--s-surf2)}
.ins-cat[aria-pressed="true"],.payopt[aria-pressed="true"]{border-color:var(--s-acc-tx)}
.ins-cat[data-full]{opacity:.5;cursor:not-allowed}
.ins-cat .mut,.payopt .mut{font-size:13px}
.fit{font-size:13px;font-weight:600;padding:9px 12px;border-radius:10px;display:flex;gap:8px;align-items:center}
.fit::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.fit.ok{background:color-mix(in srgb,#3ad06b 18%,transparent)}.fit.ok::before{background:#3ad06b}
.fit.low,.fit.high{background:color-mix(in srgb,#ffb020 20%,transparent)}.fit.low::before,.fit.high::before{background:#ffb020}
.ins-mode{justify-self:start}
.fr{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 10px;border-radius:12px;border:2px solid transparent;background:var(--s-surf2);color:var(--s-ink);font:inherit;cursor:pointer}
.fr>span:last-child{display:grid;gap:1px}.fr .mut{font-size:12px}
.fr[aria-pressed="true"]{border-color:var(--s-acc-tx)}
.av.s{width:34px;height:34px;font-size:12px;flex:none}
.pairlvl{display:flex;gap:10px;align-items:baseline}
.pairlvl b{font-size:30px;color:var(--s-acc-tx)}
.s-k .pairlvl b{color:var(--s-ink)}
.linkbox{display:grid;gap:10px;padding:14px;border-radius:12px;background:var(--s-surf2)}
.lnk{padding:8px 10px;border-radius:8px;background:var(--s-bg);font-size:13px;overflow-wrap:anywhere}
.sumbox{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:var(--s-surf2);font-size:14px}
.sumbox>div{display:flex;justify-content:space-between;gap:12px}.sumbox span{color:var(--s-mut)}.sumbox b{text-align:right}
.insheet footer{display:flex;justify-content:space-between;gap:10px;align-items:center;position:sticky;bottom:-18px;padding:12px 0 2px;background:var(--s-surf)}
.insheet footer .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.insheet input{width:100%;box-sizing:border-box;font:500 15px var(--f-body);color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:10px;padding:10px 12px}
.qform input{width:100%;box-sizing:border-box;font:500 15px var(--f-body);color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:10px;padding:10px 12px}
@container app (max-width:760px){.qwrap{grid-template-columns:minmax(0,1fr)}.qres{position:static;order:-1}.qnum{font-size:56px}}
@container app (max-width:520px){.insov{padding:0;place-items:end stretch}.insheet{width:100%;max-height:92%;border-radius:var(--r) var(--r) 0 0;padding:16px}.insheet h2{font-size:24px}.ins-hold::before{content:""}}
/* Alta por pasos */
.su-steps{margin-top:14px;grid-template-columns:repeat(3,1fr)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fgrid .full,.fgrid .why{grid-column:1/-1}
.ofld em{font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--f-body);font-weight:500}
.why{margin:0;font-size:13px;line-height:1.45;padding-left:10px;border-left:2px solid var(--s-acc-tx)}
.chk{display:flex;gap:10px;align-items:center;font-size:14px}
.chk input{width:18px;height:18px;accent-color:var(--s-acc-tx)}
.sso{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.photo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.photo .av{width:48px;height:48px;font-size:16px}
.su-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.su-r{display:flex;gap:14px;align-items:center}
.sg-role b{font-size:22px}
@container app (max-width:560px){.fgrid,.sso{grid-template-columns:minmax(0,1fr)}}
.tag.fitlv{background:rgba(5,12,30,.62);color:#fff;backdrop-filter:blur(6px);text-transform:none;letter-spacing:.02em;font:600 12px var(--f-body);padding:5px 10px 5px 8px}
.tag.fitlv svg{width:12px;height:12px;color:var(--s-acc)}
.s-k .tag.fitlv svg{color:#9be15d}
/* Gestión del torneo */
.gest{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-block:22px 60px}
.gest-h{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.gest-h h1{margin:2px 0;font-size:clamp(32px,5cqi,54px);line-height:.95}
.gstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gstats>div{padding:12px 14px;border-radius:var(--r);display:grid;gap:2px}
.gstats b{font-size:28px;line-height:1}.gstats span{font-size:12px}
.gh{margin:6px 0 0;font:700 12px "Geist Mono";letter-spacing:.1em;text-transform:uppercase;color:var(--s-mut)}
.glist{display:grid;gap:6px}
.grow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--s-surf)}
.gp{display:grid;gap:2px;min-width:0}.gp .mut{font-size:12px}
.gacts{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:0}
.gchip{font:600 11px var(--f-body);padding:4px 9px;border-radius:99px;white-space:nowrap}
.gchip.ok{background:color-mix(in srgb,#3ad06b 22%,transparent)}.gchip.warn{background:color-mix(in srgb,#ffb020 24%,transparent)}.gchip.bad{background:color-mix(in srgb,var(--s-hot) 26%,transparent)}
.gempty{display:grid;gap:10px;justify-items:start;padding:22px;border-radius:var(--r)}
.gempty b{font-size:26px}.gempty p{margin:0;max-width:60ch}
.gbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.gbr{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.gcol{display:flex;flex-direction:column;justify-content:space-around;gap:8px}
.gcol h4{margin:0 0 2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mut)}
.gm{border-radius:10px;overflow:hidden}
.gm.sel{box-shadow:0 0 0 2px var(--s-acc-tx)}
.gm-h{width:100%;display:grid;gap:3px;padding:8px 10px;border:0;background:none;color:var(--s-ink);font:500 13px var(--f-body);text-align:left;cursor:pointer}
.gm-h[data-ro]{cursor:default}
.gm-h span.win{font-weight:800}.gm-h span.win::after{content:" ✓";color:var(--s-acc-tx)}
.s-k .gm-h span.win::after{color:#2e9b4f}
.gm-h em{font-style:normal;font-size:11px;color:var(--s-mut)}
.gscore{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px}
.gscore input{width:100%;box-sizing:border-box;font:600 13px "Geist Mono";color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:8px;padding:7px}
.gscore .su-r{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gscore .btn{justify-content:center;padding:8px 6px;font-size:12px}
.gsch{display:grid;gap:6px;overflow-x:auto}
.gsch-h,.gsch-r{display:grid;grid-template-columns:56px repeat(4,minmax(120px,1fr));gap:6px;align-items:stretch}
.gsch-h b{font-size:12px;color:var(--s-mut)}
.gsch-r>span{font-size:12px;padding-top:8px;color:var(--s-mut)}
.gslot{position:relative;display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--s-surf2);font-size:13px;min-height:44px}
.gslot.q{background:color-mix(in srgb,var(--s-acc) 22%,var(--s-surf2))}
.gslot.free{background:none;border:1px dashed var(--s-line)}
.gslot em{font-style:normal;font-size:10px;color:var(--s-mut);text-transform:uppercase;letter-spacing:.08em}
.gslot i{position:absolute;right:8px;top:6px;font-style:normal;font-size:12px}
.gbtn{grid-column:1/-1;justify-self:start}
@container app (max-width:640px){.gstats{grid-template-columns:1fr 1fr}.grow{grid-template-columns:minmax(0,1fr) auto}.grow .gacts{grid-column:1/-1;justify-content:flex-start}}
/* Compartir */
.shs{width:min(640px,100%)}
.posters{display:grid;grid-template-columns:.62fr 1fr;gap:12px;align-items:end}
.poster{position:relative;border-radius:14px;overflow:hidden;container-type:inline-size;background:#223}
.poster.story{aspect-ratio:9/16}.poster.feed{aspect-ratio:4/5}
.pcv,.pcv svg{position:absolute;inset:0;width:100%;height:100%}
.ptx{position:absolute;inset:auto 0 0 0;display:grid;gap:2.5cqi;padding:30cqi 7cqi 7cqi;color:#fff;background:linear-gradient(transparent,rgba(5,12,30,.92) 45%)}
.ptx b{font-size:13cqi;line-height:.92}
.ptx span{font-size:4.6cqi}
.ptx .ppr{color:var(--s-acc);font-weight:700}
.poster.story .ptx{inset:0 0 auto 0;padding:9cqi 7cqi 34cqi;background:linear-gradient(rgba(5,12,30,.9) 55%,transparent)}
.ptx .purl{margin-top:2cqi;padding:2cqi 3cqi;border-radius:99px;background:rgba(255,255,255,.14);justify-self:start;font-size:4cqi}
.shbtns{display:flex;flex-wrap:wrap;gap:8px}
.shbtns a{text-decoration:none}
.shurl{display:grid;gap:3px;padding:12px 14px;border-radius:12px;background:var(--s-surf2);font-size:14px}
@container app (max-width:520px){.posters{grid-template-columns:.75fr 1fr}}
.schcfg{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px 22px;padding:14px 16px;border-radius:var(--r);align-items:end}
.schhrs{display:flex;align-items:center;gap:8px;height:42px}.schhrs em{font-style:normal;font-size:13px}
.schcfg select{font:600 14px "Geist Mono";color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:10px;padding:0 10px;height:42px;color-scheme:dark;cursor:pointer}
.s-k .schcfg select{color-scheme:light}
.schcfg .seg{height:42px;box-sizing:border-box}
.schmode .seg{width:100%}
.step{display:flex;align-items:center;gap:4px}
.step button{width:42px;height:42px;border-radius:10px;border:1px solid var(--s-line);background:var(--s-surf2);color:var(--s-ink);font:600 18px var(--f-body);cursor:pointer}
.step b{min-width:34px;text-align:center;font-size:26px}
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:12px;background:var(--s-surf2);border:1px solid var(--s-line)}
.seg button{border:0;background:none;color:var(--s-mut);font:600 13px var(--f-body);padding:8px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.seg button[aria-pressed=true]{background:var(--s-ink);color:var(--s-bg)}
.schnote{font-size:13px;padding:10px 14px;border-radius:12px}
.schnote.ok{background:color-mix(in srgb,#3ad06b 14%,transparent)}.schnote.warn{background:color-mix(in srgb,#ffb020 16%,transparent);border:1px solid color-mix(in srgb,#ffb020 45%,transparent)}
.schpool{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.schpool>span{font-size:12px;margin-right:4px}
.schm{display:grid;gap:1px;text-align:left;padding:7px 10px;border-radius:10px;border:1px dashed var(--s-line);background:var(--s-surf);color:var(--s-ink);font:500 12px var(--f-body);cursor:pointer}
.schm em{font-style:normal;font-size:10px;color:var(--s-mut);text-transform:uppercase;letter-spacing:.08em}
.schm.on,.gslot.on{box-shadow:0 0 0 2px var(--s-acc-tx)}
.gsch-h,.gsch-r{grid-template-columns:78px repeat(var(--nc,4),minmax(120px,1fr))}
button.gslot{border:0;text-align:left;color:var(--s-ink);font:inherit;font-size:13px;cursor:pointer}
button.gslot.free{border:1px dashed var(--s-acc-tx);color:var(--s-acc-tx);font:600 12px var(--f-body);justify-items:center;align-items:center}
.s-k button.gslot.free{color:#2e7d43;border-color:#2e9b4f}
.gslot.r1{background:color-mix(in srgb,var(--s-acc) 16%,var(--s-surf2))}.gslot.r2{background:color-mix(in srgb,var(--s-acc) 28%,var(--s-surf2))}.gslot.r3{background:color-mix(in srgb,var(--s-acc) 42%,var(--s-surf2))}
.gslot.bad{box-shadow:inset 0 0 0 2px #ffb020}
@container app (max-width:640px){.schcfg{grid-template-columns:auto minmax(0,1fr)}.schcfg .schmode{grid-column:1/-1}.schcfg select{width:100%}}

.gsch-r>.turn{display:grid;gap:1px;align-content:start;padding-top:6px}.turn b{font-size:15px}.turn small{font-size:10.5px;line-height:1.2}
.schwhy{margin:0;font-size:13px;max-width:80ch}
.gslot .lv{font:600 11px var(--f-body);justify-self:start;padding:2px 8px;border-radius:99px;margin-top:3px}
.lv.on{background:var(--s-acc);color:var(--s-acc-ink)}.lv.wait{background:color-mix(in srgb,#ffb020 24%,transparent)}.lv.done{background:var(--s-surf);color:var(--s-mut)}
.gslot.play{box-shadow:0 0 0 2px var(--s-acc-tx)}
.gslot.fin{opacity:.5}
.gslot .btn{justify-self:start;margin-top:4px;padding:6px 12px;font-size:12px}

.insheet.pdfs{width:min(1100px,100%)}
.pdfpaper{border-radius:10px;overflow:hidden;box-shadow:0 12px 40px -12px rgba(0,0,0,.6);line-height:0}
.pdfsvg{width:100%;height:auto;display:block}
.pdfbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pdfbar .mut{flex:1;min-width:200px;font-size:13px}
@page{size:A4 landscape;margin:0}
#printhost{display:none}
@media print{
  html:has(body.printing),body.printing{margin:0!important;padding:0!important;background:none!important;height:auto!important}
  body.printing>*:not(#printhost){display:none!important}
  body.printing #printhost{display:block;width:297mm;height:210mm;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.printing #printhost svg{display:block;width:297mm;height:210mm}
}

.gfmt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gfmt .seg{min-width:0}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.ggrp{border-radius:var(--r);padding:14px;display:grid;gap:10px;align-content:start;min-width:0}
.ggrp h4{margin:0;font-size:22px}
.gtab{width:100%;border-collapse:collapse;font-size:13px}
.gtab th{font:600 10px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--s-mut);text-align:left;padding:0 6px 6px}
.gtab td{padding:6px;border-top:1px solid var(--s-line);color:var(--s-ink);opacity:1}.gtab tr.q td{font-weight:700}
.gtab td:nth-child(n+3),.gtab th:nth-child(n+3){text-align:center;width:30px}
.gtab tr.q td:first-child{box-shadow:inset 3px 0 0 #3ad06b}
.gms{display:grid;gap:5px}
.gmrow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;font-size:11px}
.gwbtn{border:1px solid var(--s-line);background:var(--s-surf2);color:var(--s-ink);font:500 12px var(--f-body);padding:6px 8px;border-radius:8px;cursor:pointer;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gwbtn.win{background:var(--s-acc);color:var(--s-acc-ink);border-color:transparent;font-weight:700}


.pdfstyles{display:flex;gap:6px;flex-wrap:wrap}
.pdfstyles button{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;border:1px solid var(--s-line);background:var(--s-surf2);color:var(--s-ink);font:600 13px var(--f-body);cursor:pointer}
.pdfstyles button[aria-checked=true]{box-shadow:0 0 0 2px var(--s-acc-tx);border-color:transparent}
.pdfstyles .sw{width:30px;height:22px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 0 0 1px rgba(127,127,127,.35)}
.pdfstyles .sw i{width:7px;height:7px;border-radius:50%}
.pdflbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;width:100%}
.pdfbar .pdfstyles+.mut{flex-basis:100%}

/* ================= Web real (fuera del marco del prototipo) ================= */
html{background:#0a2148;-webkit-text-size-adjust:100%;scroll-padding-top:12px}
html.lit{background:#dde5f1}
body{margin:0;min-height:100dvh;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
#stage{display:block;min-height:100dvh}
.app{min-height:100dvh;overflow:clip;display:flex;flex-direction:column}
.app>.tabbar{margin-top:auto}
:where(.app) a{color:inherit;text-decoration:none}
.app a.linkbtn:hover,.app .tdesc a{text-decoration:underline}
a.btn,a.chip,a.linkbtn{text-decoration:none}
.nav{padding-top:max(14px,env(safe-area-inset-top))}
.screen{padding-bottom:40px}
img{max-width:100%}
input,select,textarea{font:inherit}
@container app (max-width:520px){
  .tabbar{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .nav .navlev .ltxt{display:none}
}
/* avisos */
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:90;max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border-radius:14px;background:#0a2148;color:#f2f6ff;font:600 15px "Barlow",sans-serif;box-shadow:0 16px 40px -10px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.err{background:#b3261e}
html.lit .toast:not(.err){background:#0a2148}
/* cargando y vacíos */
.loadbox{display:flex;align-items:center;gap:12px;padding:22px;color:var(--s-mut)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--s-line);border-top-color:var(--s-acc-tx);animation:spin .8s linear infinite;display:inline-block;flex:none}
html.lit .spin{border-top-color:var(--s-pri)}
@keyframes spin{to{transform:rotate(360deg)}}
[aria-busy=true]{opacity:.65;pointer-events:none}
.empty{display:grid;gap:10px;justify-items:center}
.empty b.disp{font-size:26px;color:var(--s-ink)}
.empty p{margin:0;max-width:52ch}
.empty.big{padding:48px 24px;margin-top:24px;font-size:16px;line-height:1.45;text-shadow:none}
.empty.big b.disp{display:block;font-size:clamp(26px,5cqi,40px);line-height:1;margin-bottom:8px}
.empty .ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.narrow{max-width:520px;margin-inline:auto}
.fgrid.one{grid-template-columns:minmax(0,1fr)}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 0 8px;border-top:1px solid var(--s-line);margin-top:24px;font-size:14px}
/* ficha */
.adminbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-top:14px}
.tdesc{margin:0;line-height:1.55;white-space:pre-line;max-width:70ch}
.pairlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pairlist .pl{display:grid;gap:4px;padding:12px 14px;font-size:14px}
.pairlist .pl b{margin-bottom:4px}
.cattabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.cattabs :is(a,button){padding:8px 14px;border-radius:99px;border:1px solid var(--s-line);text-decoration:none;font-weight:600;font-size:14px;background:transparent;cursor:pointer}
.cattabs :is(a,button)[aria-pressed=true]{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}
/* orden de juego público */
.oplist{display:grid;padding:6px}
.op{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:10px;border-bottom:1px solid var(--s-line);font-size:14px}
.op:last-child{border-bottom:0}
.op b{grid-column:1/-1}
.op.done{opacity:.55}
.op.on{background:color-mix(in srgb,var(--s-hot) 14%,transparent);border-radius:10px}
.gmrow.ro .gwbtn{cursor:default}
tr.me td{background:color-mix(in srgb,var(--s-acc) 24%,transparent)}
.ins-hold.late{background:color-mix(in srgb,var(--s-hot) 45%,transparent)}
/* gestión */
.gsaved{margin-left:auto;align-self:center;font-size:12px;color:var(--s-mut)}
.gsaved.ok{color:var(--s-mut)}
.gsaved.bad{color:var(--s-hot)}
.gpay{gap:2px;padding:3px;border-radius:99px;background:var(--s-surf2)}
.gpay button{font-size:12px!important;padding:6px 10px!important}
.gslot.put{cursor:pointer;border:1px dashed var(--s-acc-tx);color:var(--s-ink);background:transparent;font-weight:600}
.gest .cattabs{margin:4px 0 12px}
.gest-h .su-r{display:flex;gap:8px;flex-wrap:wrap}
.pt{padding-top:8px}
/* instalar la app */
.installbar{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0 0}
.installbar img{width:40px;height:40px;border-radius:10px;flex:none}
.installbar div{flex:1;display:grid;gap:2px;font-size:14px}
.installbar .ox{flex:none}
/* La pista grande del fondo de la portada es decorativa: quieta, sin focos móviles ni bola (iba a 25-30 fps). */
.topbg .lbg .flood,.topbg .lbg .b3,.topbg .lbg .bs{display:none}
.app:not(.powering) .topbg .lbg *{animation:none!important}
/* Fotos de carátula: siempre rellenan su hueco y respetan el punto de enfoque elegido */
.cvimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.tcover>.cvimg{animation:kb 18s ease-in-out infinite alternate}
.card:hover .cover>.cvimg{transform:scale(1.05);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
/* Listado de torneos en el móvil: tarjeta compacta con la carátula pequeña a la izquierda */
@container app (max-width:600px){
  .cards{gap:10px}
  .cards .card{grid-template-columns:116px minmax(0,1fr);align-content:stretch}
  .cards .card .cover{aspect-ratio:auto;height:100%;min-height:128px}
  .cards .card .cover .tags,.cards .card .places{display:none}
  .cards .card .cover .datebox{left:6px;top:6px;padding:4px 6px}
  .cards .card .cover .datebox b{font-size:17px}
  .cards .card .cover .fav{right:auto;left:6px;top:auto;bottom:6px;width:30px;height:30px}
  .cards .card .cbody{padding:10px 12px;gap:5px;align-content:center}
  .s-a .cards .card .cbody h3{font-size:19px}
  .cards .card .cline{font-size:12px;gap:2px 8px}
  .cards .card .cfoot .price{font-size:15px}
}
/* Carriles de torneos (portada y «Mi día»): tarjetas de ancho fijo, aunque solo haya un torneo */
.rail-x{grid-auto-columns:minmax(240px,300px);justify-content:start}
.rail-x .card .cover{aspect-ratio:2/1}
@container app (max-width:600px){.rail-x{grid-auto-columns:min(78%,300px)}}
/* Cabecera de la ficha: proporción de foto (no una franja) y sin zoom sobre fotos reales */
.tcover{height:clamp(260px,50cqi,560px)}
@container app (max-width:600px){.tcover{height:75cqi}}
.tcover>.cvimg{animation:none}
.tcover .shade{background:linear-gradient(180deg,rgba(0,0,0,.25) 0,transparent 28%,transparent 45%,rgba(0,0,0,.75))}
.tcover .ttl h1{text-shadow:0 2px 18px rgba(0,0,0,.45)}
.tby{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.92)}
.tby img,.tby .mono-l{width:30px;height:30px;border-radius:8px;background:#fff;object-fit:contain;display:grid;place-items:center;font-size:12px}
/* Patrocinadores en las tarjetas */
.cspon{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.cspon .lg{font-size:12px}
.cspon .lg img,.cspon .lg .mono-l{width:24px;height:24px;border-radius:6px;font-size:10px}
.cspon .lg.main img,.cspon .lg.main .mono-l{width:26px;height:26px}
.cspon .lg.main em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.cspon{flex-wrap:nowrap;overflow:hidden}
.cspon .lg{flex:none}
.cspon .lg.main{flex:0 1 auto;min-width:0}
.cspon .lg.main em{max-width:none;min-width:0}
/* Ficha con foto: el cartel se ve entero, sin recortes, sobre un fondo difuminado de la misma imagen */
.tcover.hasimg{height:auto;display:flex;flex-direction:column;padding-top:58px;background:#111}
.tcover.hasimg .cvbg{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(30px) brightness(.5) saturate(1.2);max-width:none}
.tcover.hasimg .cvfull{position:relative;display:block;width:auto;height:auto;max-width:calc(100% - 2 * clamp(16px,3cqi,32px));max-height:min(70vh,560px);margin:0 auto;border-radius:calc(var(--r) * .8);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.tcover.hasimg .shade{display:none}
.tcover.hasimg .ttl{position:relative;left:auto;right:auto;bottom:auto;padding:18px clamp(16px,3cqi,32px) 22px}
@container app (max-width:600px){.tcover.hasimg .cvfull{max-width:100%;border-radius:0;box-shadow:none}}
/* Descripción de la ficha en su propio recuadro */
.tdescbox{padding:16px 18px;display:grid;gap:8px}
.tdescbox .tdh{font-size:12px;color:var(--s-mut);text-transform:uppercase;letter-spacing:.06em}
.tdescbox .tdesc{max-width:none;overflow-wrap:anywhere}
/* Logos de patrocinadores: placa con margen interior para que el logo respire y no se coma con el fondo */
img.lgimg{background:#fff;object-fit:contain;padding:3px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(10,33,72,.14),0 4px 10px -6px rgba(0,0,0,.4)}
img.lgimg.onDark{background:#2a2f3a;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 4px 10px -6px rgba(0,0,0,.4)}
.pv-logos{gap:12px}
.pv-logos .lg img,.pv-logos .lg .mono-l{width:48px;height:48px;border-radius:10px}
.pv-logos .lg.main img,.pv-logos .lg.main .mono-l{width:72px;height:72px;border-radius:14px}
.tby img.lgimg{width:36px;height:36px}
.cspon .lg img.lgimg{width:28px;height:28px}
.cspon .lg.main img.lgimg{width:30px;height:30px}
.slogo img.lgimg{box-shadow:none}
.pv-logos img.lgimg,.tby img.lgimg{padding:5px}
.pv-logos .lg.main img.lgimg{padding:8px}
.slogo img.lgimg{padding:6px}

/* Contraste: el acento lima solo sirve como fondo en modo claro; como texto, icono o borde se usa azul */
.app{--s-acc-tx:var(--s-acc)}
.app.s-k{--s-acc-tx:#1d57b8}
.tag.hot{background:#c9361a}
.s-k .nav nav :is(button,a){color:#2a3f68}
/* Revisión con web-design-guidelines: foco visible en todo lo que se pulsa, tema nativo y toque rápido */
:where(.app) :where(button,a,select,summary,[tabindex]):focus-visible{outline:2px solid var(--s-acc-tx);outline-offset:2px}
.search:focus-within,.finder label:focus-within{box-shadow:0 0 0 2px var(--s-acc-tx)}
html{color-scheme:dark}
html.lit{color-scheme:light}
:where(.app) :where(button,a,label,select,summary){touch-action:manipulation}
.ballb::before{display:none}
.cvnudge{margin:0;padding:10px 12px;border-radius:calc(var(--r) * .6);font-size:13px;line-height:1.4;background:color-mix(in srgb,var(--s-acc) 18%,transparent);color:var(--s-ink)}
/* «Pensado para jugar»: una pieza grande con un marcador real y dos pequeñas distintas entre sí */
.whyb{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:14px}
.whyb .w{padding:20px;display:grid;gap:10px;align-content:start;border-radius:var(--r)}
.whyb h3{margin:0;font-size:22px}
.whyb p{margin:0;color:var(--s-mut);line-height:1.45;max-width:46ch}
.whyb .live{grid-row:span 2;gap:18px;align-content:space-between}
.whyb .mini{background:var(--s-surf2);border-radius:calc(var(--r) * .8);padding:14px 16px;display:grid;gap:8px;font-size:15px}
.whyb .mh{display:flex;justify-content:space-between;font:600 12px "Geist Mono";color:var(--s-mut);text-transform:uppercase;letter-spacing:.06em}
.whyb .lv{display:inline-flex;align-items:center;gap:6px;color:var(--s-ink)}
.whyb .lv i{width:8px;height:8px;border-radius:50%;background:var(--s-hot)}
.whyb .mr{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;gap:6px;align-items:center;font-weight:600}
.whyb .mr b{font:600 20px "Geist Mono";text-align:center;font-variant-numeric:tabular-nums;color:var(--s-mut)}
.whyb .mr b.on{color:var(--s-ink)}
.whyb .mfoot{font-size:12px;color:var(--s-mut)}
.whyb .hold{background:var(--s-acc);color:var(--s-acc-ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
.whyb .hold p{color:inherit;opacity:.8}
.whyb .hold b.n{font:600 44px/1 "Geist Mono";font-variant-numeric:tabular-nums}
.whyb .day{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
.whyb .tk{display:grid;gap:2px;padding:10px 14px;border-radius:calc(var(--r) * .7);border:1.5px dashed var(--s-line);text-align:center}
.whyb .tk b{font:600 26px/1 "Geist Mono";color:var(--s-acc-tx)}
.whyb .tk span{font-size:12px;color:var(--s-mut)}
@container app (max-width:760px){.whyb{grid-template-columns:minmax(0,1fr)}.whyb .live{grid-row:auto}.whyb .hold b.n{font-size:36px}}

/* ---------- Contenido: club, calendario, crónica, guías, busco pareja ---------- */
.sg-form textarea,.propf textarea{width:100%;box-sizing:border-box;font:500 15px var(--f-body);color:var(--s-ink);background:var(--s-surf2);border:1px solid var(--s-line);border-radius:10px;padding:10px 12px;resize:vertical}
.clink{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
.clink:hover{text-decoration-color:currentColor}
.cico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--s-acc);color:var(--s-acc-ink);flex:none}
.cico svg{width:22px;height:22px}
.chl{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px;min-width:0}
.chl b{overflow-wrap:anywhere}
.pdate{display:grid;place-items:center;align-content:center;width:58px;min-height:58px;border-radius:12px;background:var(--s-surf2);flex:none;text-align:center}
.pdate b{font:800 24px/1 var(--f-disp)}
.pdate span{font:600 11px "Geist Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--s-mut)}
.pmain{display:grid;gap:3px;min-width:0}
.pmain>b{font-size:17px;overflow-wrap:anywhere}

/* Club */
.clubp{display:grid;gap:18px;padding-block:22px 40px}
.club-h{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}
.club-id{display:flex;gap:16px;align-items:center;min-width:0}
.club-id h1{margin:2px 0 8px;font-size:clamp(34px,6cqi,64px);line-height:.95;text-wrap:balance;overflow-wrap:anywhere}
.club-lg{width:96px;height:96px;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid var(--s-line)}
.club-lg img{width:100%;height:100%;object-fit:contain;padding:12px}
.club-lg img.onDark{background:#0a2148}
.club-lg.ini{background:var(--s-acc);color:var(--s-acc-ink);font-size:40px}
.club-lg.sm{width:56px;height:56px;border-radius:14px}
.club-lg.sm img{padding:6px}
.club-tags{display:flex;gap:6px;flex-wrap:wrap}
.club-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.club-stats b{font-size:28px}
.club-stats span{font-size:13px;color:var(--s-mut)}
@container app (max-width:640px){.club-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.club-lg{width:72px;height:72px;border-radius:18px}.club-lg.ini{font-size:30px}}
.palm{display:grid;gap:10px}
.palm-r,.calr{display:flex;gap:14px;align-items:center;padding:12px 14px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.palm-r:hover,.calr:hover{border-color:var(--s-acc-tx);transform:translateY(-1px)}
.palm-r .pmain,.calr .pmain{flex:1}
.palm-r>.linkbtn{flex:none}
@container app (max-width:560px){.palm-r>.linkbtn{display:none}}

/* Calendario */
.calp{padding-bottom:40px}
.calbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.calnav{display:flex;align-items:center;gap:12px}
.calnav h2{margin:0;font-size:clamp(28px,4.5cqi,44px);min-width:7.5ch;text-align:center}
.calnav .btn{padding:9px 14px}
.calyear{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin:16px 0}
.cym{display:grid;gap:2px;justify-items:center;padding:8px 2px;border-radius:12px;border:1px solid var(--s-line);text-decoration:none;color:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cym b{font-size:15px}
.cym.none{color:var(--s-mut)}
.cym.on{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}
.cym:not(.on):hover{border-color:var(--s-acc-tx)}
@container app (max-width:640px){.calyear{grid-template-columns:repeat(6,minmax(0,1fr))}}
.calgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
@container app (max-width:900px){.calgrid{grid-template-columns:minmax(0,1fr)}}
.calm{padding:14px}
.cwd,.cdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cwd span{text-align:center;font:600 11px "Geist Mono",monospace;color:var(--s-mut);padding-bottom:6px}
.cday{min-height:78px;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:none;border:1px solid transparent;text-align:left;min-width:0;overflow:hidden}
.cday b{font:600 13px "Geist Mono",monospace}
.cday.past{opacity:.55}
.cday.today b{background:var(--s-ink);color:var(--s-bg);border-radius:99px;padding:1px 7px}
.cday.has{background:var(--s-surf2);cursor:pointer;opacity:1}
.cday.has.past{opacity:.75}
.cday.has:hover{border-color:var(--s-acc-tx)}
.cday.sel{border-color:var(--s-acc-tx);box-shadow:inset 0 0 0 1px var(--s-acc-tx)}
.cdots{display:flex;gap:3px}
.cdots i,.clegend i{width:7px;height:7px;border-radius:50%;background:var(--s-mut);display:inline-block}
.cdots i.cfit,.clegend i.cfit{background:var(--s-acc)}
.s-k .cdots i.cfit,.s-k .clegend i.cfit{background:#7fae00}
.cdots i.chot,.clegend i.chot{background:var(--s-hot)}
.cnames{display:grid;gap:2px;width:100%}
.cnames em{font:600 11px/1.2 var(--f-body);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container app (max-width:640px){.cday{min-height:48px;align-items:center;padding:5px 2px}.cnames{display:none}}
.clegend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:12px}
.clegend span{display:inline-flex;gap:6px;align-items:center}
.calag{display:grid;gap:12px}
.calist{display:grid;gap:10px}
.calr.past .pdate{opacity:.7}
.calst{display:grid;gap:6px;justify-items:end;flex:none}
@container app (max-width:520px){.calr{flex-wrap:wrap}.calst{grid-auto-flow:column;justify-items:start;width:100%;padding-left:72px}}
.chw{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:14px}
.chw svg{width:16px;height:16px;color:var(--s-acc-tx)}

/* Crónica */
.cron{padding-bottom:40px}
.cron-h{position:relative;height:clamp(240px,34cqi,380px);overflow:hidden;margin-inline:calc(-1 * clamp(16px,3cqi,32px))}
.cron-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cron-bg svg{width:100%;height:100%;display:block}
.cron-h .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 20%,rgba(0,0,0,.78))}
.cron-t{position:absolute;left:clamp(16px,3cqi,32px);right:clamp(16px,3cqi,32px);bottom:20px;color:#fff;display:grid;gap:8px;justify-items:start}
.cron-t h1{margin:0;font-size:clamp(34px,7cqi,72px);line-height:.92;text-wrap:balance}
.champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}
.champ{padding:16px 18px;display:grid;gap:4px;border-color:color-mix(in srgb,var(--s-acc) 60%,transparent)}
.champ .cico{margin-bottom:6px}
.champ b{font-size:clamp(24px,3.2cqi,32px);line-height:1;overflow-wrap:anywhere}
.cron-txt{padding:20px 22px;display:grid;gap:12px}
.cron-txt p{margin:0;font-size:17px;line-height:1.6;max-width:68ch;text-wrap:pretty}
.cron-txt p:first-child::first-letter{font:800 3.1em/.8 var(--f-disp);float:left;margin:6px 8px 0 0;color:var(--s-acc-tx)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.gph{position:relative;padding:0;border:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--s-surf2);cursor:zoom-in}
.gph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.gph:hover img{transform:scale(1.04)}
.gal.edit .gph{cursor:default}
.gal.edit .ox{position:absolute;top:6px;right:6px;width:32px;height:32px;background:rgba(0,0,0,.6);color:#fff;border:0}
.gadd{display:grid;place-items:center;aspect-ratio:4/3;border-style:dashed;cursor:pointer;font-weight:700;color:var(--s-acc-tx)}
.gadd span{display:flex;gap:8px;align-items:center}
.gadd.busy{pointer-events:none;opacity:.7}
.gfotos{display:grid;gap:14px;padding-block:14px 30px}
.path{list-style:none;margin:0;padding:6px 16px;display:grid}
.path li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--s-line)}
.path li:last-child{border-bottom:0}
.path li:last-child span:nth-child(2){font-weight:700}
@container app (max-width:520px){.path li{grid-template-columns:minmax(0,1fr) auto}.path li>span:first-child{grid-column:1/-1}}
.cstats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 6px}
.cstats div{display:grid}
.cstats b{font-size:26px}
.lbox{position:fixed;inset:0;z-index:60;background:rgba(5,10,20,.92);display:grid;place-items:center;padding:56px 12px;overscroll-behavior:contain}
.lbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lbox .ox{position:absolute;top:12px;right:12px;color:#fff;border-color:rgba(255,255,255,.3)}
.lbn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:12px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:30px;cursor:pointer}
.lbn.p{left:10px}.lbn.n{right:10px}
.lbc{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px}
.cronbar{display:flex;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;border-color:color-mix(in srgb,var(--s-acc) 50%,transparent)}
.cronbar>span:nth-child(2){display:grid;flex:1}
.chcard{display:grid;gap:6px;padding:16px;text-decoration:none;color:inherit;align-content:start;scroll-snap-align:start}
.chcard>b{font-size:22px;line-height:1;margin-bottom:4px}
.chcard .cico{margin-bottom:4px}

/* Guías */
.guias{padding-bottom:40px}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.gcards.sm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.gcard{display:grid;gap:8px;padding:18px;text-decoration:none;color:inherit;align-content:start;transition:transform .2s,border-color .2s}
.gcard:hover{transform:translateY(-2px);border-color:var(--s-acc-tx)}
.gcard>b{font-size:24px;line-height:1;text-wrap:balance}
.gcards.sm .gcard>b{font-size:20px}
.gico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--s-acc);color:var(--s-acc-ink);font-size:20px;font-style:normal}
.guia{display:grid;gap:10px;padding-block:18px 40px}
.guia>.linkbtn{justify-self:start}
.gart{max-width:760px;display:grid;gap:4px}
.gart header{margin-bottom:10px}
.gart h1{margin:0 0 10px;font-size:clamp(34px,6cqi,60px);line-height:.95;text-wrap:balance}
.glead{font-size:19px;line-height:1.5;color:var(--s-mut);margin:0}
.gart h2{font:var(--dw) clamp(24px,3.4cqi,32px)/1 var(--f-disp);font-style:var(--ds);text-transform:var(--dt);margin:22px 0 6px}
.gart p,.gart li{font-size:17px;line-height:1.6;text-wrap:pretty}
.gart p{margin:0 0 8px}
.gart ul{margin:0 0 8px;padding-left:20px;display:grid;gap:6px}
.gart a:not(.btn){color:var(--s-acc-tx);font-weight:600}
.gtab2{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:15px}
.gtab2 th{text-align:left;font:600 11px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--s-mut);padding:8px;border-bottom:1px solid var(--s-line)}
.gtab2 td{padding:10px 8px;border-bottom:1px solid var(--s-line);vertical-align:top}
.gtab2 td:first-child{white-space:nowrap;font-weight:600}
@container app (max-width:520px){.gtab2 td:last-child,.gtab2 th:last-child{display:none}}
.gcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* Busco pareja */
.fnds{display:grid;gap:10px}
.fnd,.req{display:flex;gap:12px;align-items:center;padding:12px 14px;flex-wrap:wrap}
.fnd .av,.req .av{width:42px;height:42px;font-size:15px;flex:none}
.fnd-m{display:grid;gap:2px;flex:1;min-width:160px}
.fnote{font-size:14px;font-style:italic;overflow-wrap:anywhere}
.propf{flex-basis:100%;display:grid;gap:10px}
.reqs{grid-column:1/-1;display:grid;gap:10px}
.req{border-color:color-mix(in srgb,var(--s-acc) 50%,transparent)}
.flinks{display:flex;gap:16px;flex-wrap:wrap}
.flinks a{color:inherit}
.cl-row{display:flex;gap:12px;align-items:center}
.cl-row label{cursor:pointer}