:root{
  color-scheme: dark;
  --ground:#07080A; --surface:#0E1013; --surface2:#14171B; --surface3:#1A1E23; --rule:#20261B; --rule2:#2B3323;
  --lime:#C4FF4D; --lime-soft:rgba(196,255,77,.12); --lime-dim:#3C501A; --rose:#FF5470; --rose-soft:rgba(255,84,112,.13); --amber:#FFC24D; --amber-soft:rgba(255,194,77,.12);
  --ink:#E4EAD8; --muted:#94A382; --faint:#5F6B52; --white:#fff;
  --display:"Anton", Impact, "Arial Narrow", sans-serif;
  --body:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --mono:"Space Mono", ui-monospace, Menlo, monospace;
  --ease: cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;margin:0;font-weight:500}
button,input,select{font:inherit;color:inherit}
a{color:var(--lime)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.wrap{max-width:1520px;margin:0 auto;padding-inline:clamp(16px,3.5vw,40px)}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);font-weight:700}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;text-transform:uppercase;color:var(--white);margin:0;line-height:1;text-wrap:balance}
h1{font-size:clamp(40px,6.6vw,86px)}
h2{font-size:clamp(28px,3.4vw,42px)}
h3{font-size:20px}
p{margin:0}

/* ---------- top bar ---------- */
.aviso-fin{background:var(--lime,#C4FF4D);color:#07080A;font:600 12px/1.4 "Space Mono",monospace;text-align:center;padding:6px 16px}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(7,8,10,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.topbar .wrap{display:flex;align-items:center;gap:18px;height:62px}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:0;text-decoration:none}
.brand .ball{width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-soft)}
.brand b{font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:.02em;color:var(--white);white-space:nowrap}
.nav{display:flex;gap:0;margin-left:auto;flex-wrap:nowrap}
.nav a{display:inline-flex;align-items:center;line-height:1.2;text-decoration:none;background:none;border:0;padding:8px 9px;border-radius:999px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .2s,background .2s}
.nav a:hover{color:var(--ink);background:var(--surface2)}
.nav a[aria-current="page"]{color:#07080A;background:var(--lime)}
.proto{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(255,194,77,.4);padding:4px 8px;border-radius:999px;white-space:nowrap}
@media (max-width:760px){.proto{display:none}.brand b{font-size:19px}}

/* ---------- views & transitions ---------- */
.view{padding-block:34px 70px;animation:viewIn .5s var(--ease) both}
@keyframes viewIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.stagger > *{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes rise{from{opacity:.001;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- generic ---------- */
.panel{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:20px;min-width:0}
.panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid var(--rule2);color:var(--ink);white-space:nowrap}
.chip.hole{border-color:rgba(255,84,112,.45);color:var(--rose);background:var(--rose-soft)}
.chip.mid{border-color:rgba(255,194,77,.4);color:var(--amber);background:var(--amber-soft)}
.chip.good{border-color:rgba(196,255,77,.4);color:var(--lime);background:var(--lime-soft)}
.crest{width:28px;height:28px;object-fit:contain;flex:none}
.btn{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule2);background:var(--surface2);padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:600;transition:border-color .2s,transform .2s}
.btn:hover{border-color:var(--lime-dim);transform:translateY(-1px)}
.btn.primary{background:var(--lime);border-color:var(--lime);color:#07080A}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
select,input[type=search],input[type=text]{background:var(--surface2);border:1px solid var(--rule2);border-radius:8px;padding:9px 12px;min-width:0}
input[type=range]{accent-color:var(--lime);width:100%}
.seg{display:inline-flex;background:var(--surface2);border:1px solid var(--rule2);border-radius:8px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:none;padding:6px 10px;border-radius:6px;font-family:var(--mono);font-size:11.5px;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface3);color:var(--lime)}
.num{font-variant-numeric:tabular-nums}

/* ---------- home ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:end}
.hero .lede{font-size:18px;color:var(--ink);max-width:56ch;margin-top:18px}
.search{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.search input{flex:1 1 260px;font-size:16px;padding:14px 16px}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.kpi{background:var(--surface);padding:18px}
.kpi .n{font-family:var(--display);font-size:46px;line-height:1;color:var(--lime)}
.kpi .l{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:6px}
.section{margin-top:56px;display:grid;gap:18px}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.wall a{text-decoration:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;cursor:pointer;transition:transform .25s var(--ease),border-color .25s,background .25s}
.wall a:hover{transform:translateY(-3px);border-color:var(--lime-dim);background:var(--surface2)}
.wall img{width:44px;height:44px;object-fit:contain;transition:transform .3s var(--ease)}
.wall a:hover img{transform:scale(1.1)}
.wall span{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;line-height:1.2}
.wall .rk{position:absolute;top:6px;left:8px;font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.holes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.hole-card{text-decoration:none;color:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--rose);border-radius:10px;cursor:pointer;text-align:left;transition:background .2s,transform .2s}
.hole-card:hover{background:var(--surface2);transform:translateX(2px)}
.hole-card .pp{font-family:var(--display);font-size:34px;color:var(--rose);line-height:1}
.hole-card b{display:block;color:var(--white);font-size:15px}
.hole-card small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;align-items:stretch}

/* ---------- club ---------- */
.club-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.club-head img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))}
.club-head .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.club-tools{margin-left:auto;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.club-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:18px;margin-top:26px;align-items:start}
.radar-wrap{display:grid;place-items:center;margin:-4px 0 8px}
.radar-wrap svg{width:100%;max-width:380px;height:auto}
.dims{display:grid;gap:10px}
.dim{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:4px 12px;align-items:center}
.dim .nm{font-size:13.5px;font-weight:600;color:var(--ink)}
.dim .nm small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);font-weight:400;margin-top:1px}
.dim .val{font-family:var(--mono);font-weight:700;text-align:right;font-size:13px}
.bar{grid-column:1/-1;height:6px;background:var(--surface3);border-radius:4px;overflow:hidden;position:relative}
.bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;transition:width .9s var(--ease)}
.bar .med{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--faint)}
.lvl-hole{color:var(--rose)} .lvl-hole i{background:var(--rose)}
.lvl-mid{color:var(--amber)} .lvl-mid i{background:var(--amber)}
.lvl-good{color:var(--lime)} .lvl-good i{background:var(--lime)}
.needs{display:grid;gap:8px;margin-top:6px}
.need{display:grid;grid-template-columns:128px 1fr 44px;gap:10px;align-items:center;font-size:12.5px}
.need .t{height:14px;background:var(--surface3);border-radius:3px;overflow:hidden}
.need .t i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime-dim),var(--lime));border-radius:3px;transition:width .6s var(--ease)}
.need .w{font-family:var(--mono);font-weight:700;text-align:right;color:var(--white)}
.need .d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.formula{font-family:var(--mono);font-size:11.5px;color:var(--muted);background:var(--ground);border:1px dashed var(--rule2);border-radius:8px;padding:10px 12px;margin-top:14px;line-height:1.6}
.formula b{color:var(--lime)}
.krow{display:flex;align-items:center;gap:12px;margin-top:14px}
.krow output{font-family:var(--display);font-size:26px;color:var(--lime);min-width:48px;text-align:right}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.filters .field{flex:1 1 140px}
.filters .field.segf{flex:0 1 auto}
.seg button{white-space:nowrap}
.toggle{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--muted);cursor:pointer;user-select:none}
.toggle input{appearance:none;width:38px;height:22px;background:var(--surface3);border:1px solid var(--rule2);border-radius:999px;position:relative;cursor:pointer;transition:background .2s}
.toggle input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .25s var(--ease),background .2s}
.toggle input:checked{background:var(--lime-dim)}
.toggle input:checked::after{transform:translateX(16px);background:var(--lime)}
.recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}
.rec{position:relative;background:var(--surface2);border:1px solid var(--rule2);border-radius:12px;padding:16px;display:grid;gap:12px;align-content:start;overflow:hidden;transition:transform .3s var(--ease),border-color .3s}
.rec:hover{transform:translateY(-3px);border-color:var(--lime-dim)}
.rec .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0}
.rec .rank{font-family:var(--display);font-size:15px;color:var(--faint)}
.rec .score{text-align:right}
.rec .score b{display:block;font-family:var(--display);font-size:clamp(32px,3vw,40px);line-height:.9;color:var(--lime);white-space:nowrap}
.rec .score small{font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.who{display:flex;gap:12px;align-items:center;min-width:0}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:18px;color:#07080A;flex:none;background:var(--lime)}
.who .nm{font-weight:700;color:var(--white);font-size:15.5px;line-height:1.2;overflow-wrap:anywhere}
.who .tm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px}
.who .tm img{width:16px;height:16px;object-fit:contain}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.facts div{display:flex;justify-content:space-between;align-items:baseline;gap:6px;background:var(--ground);border:1px solid var(--rule);border-radius:6px;padding:7px 9px;min-width:0}
.facts b{display:block;font-family:var(--mono);font-size:12px;color:var(--white);white-space:nowrap}
.facts span{font-family:var(--mono);font-size:9.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.why{display:flex;gap:6px;flex-wrap:wrap}
.lock{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:rgba(10,12,14,.58);backdrop-filter:blur(7px);text-align:center;padding:16px}
.lock b{font-family:var(--display);font-size:22px;color:var(--white);letter-spacing:.02em}
.lock span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.lock .ic{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-family:var(--mono);font-weight:700}
.rec.locked{border-style:dashed}
.rest{margin-top:16px;border-top:1px solid var(--rule);padding-top:12px}
.row-p{display:grid;grid-template-columns:30px minmax(0,1fr) auto 52px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--rule);font-size:13.5px}
.row-p .rk{font-family:var(--mono);color:var(--faint);font-size:12px}
.row-p .sc{font-family:var(--display);font-size:20px;color:var(--lime);text-align:right}
.row-p .nm{display:flex;align-items:center;gap:8px;min-width:0}
.row-p .nm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px dashed var(--lime-dim);border-radius:10px;background:var(--lime-soft);flex-wrap:wrap}
.premium-cta p{font-size:13.5px}
.empty{padding:20px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:12px}

/* ---------- league table ---------- */
.tablebox{overflow-x:auto;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}
th,td{padding:9px 10px;border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap}
thead th{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--surface2);position:sticky;top:0}
tbody tr{cursor:pointer;transition:background .15s}
tbody tr:hover{background:var(--surface2)}
td.club{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--white)}
td.heat{text-align:center;font-family:var(--mono);font-weight:700;font-size:12px;padding:6px}
td.heat span{display:inline-block;min-width:38px;padding:4px 0;border-radius:5px}
.h0{background:rgba(255,84,112,.22);color:#ff8fa2}.h1{background:rgba(255,194,77,.16);color:var(--amber)}.h2{background:rgba(196,255,77,.10);color:#d9ff94}.h3{background:rgba(196,255,77,.24);color:var(--lime)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)}
.legend i{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* ---------- players ---------- */
.plist{display:grid;gap:6px}
.pl{display:grid;grid-template-columns:40px minmax(0,1.3fr) minmax(0,1fr) 64px;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);border:1px solid var(--rule);border-radius:10px}
.pl .avatar{width:38px;height:38px;font-size:15px}
.spark{display:flex;gap:3px;align-items:flex-end;height:30px}
.spark i{flex:1;background:var(--lime-dim);border-radius:2px 2px 0 0;min-height:2px;position:relative}
.spark i.hi{background:var(--lime)}
.pl .nota{text-align:right}
.pl .nota b{font-family:var(--display);font-size:26px;color:var(--white);line-height:1}
.pl .nota small{display:block;font-family:var(--mono);font-size:9px;color:var(--faint);text-transform:uppercase}
.spark-legend{display:flex;gap:3px;font-family:var(--mono);font-size:8.5px;color:var(--faint)}
.spark-legend span{flex:1;text-align:center}

/* ---------- connections ---------- */
.duos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.duo{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:18px;display:grid;gap:10px}
.duo .lg{display:flex;justify-content:space-between;align-items:baseline}
.duo .lg span{font-family:var(--mono);font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.duo ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.duo li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;font-size:13.5px}
.duo li b{font-family:var(--display);font-size:24px;color:var(--lime);line-height:1}
.duo li:first-child{font-size:15px;color:var(--white);font-weight:700}
.duo .team{font-family:var(--mono);font-size:10.5px;color:var(--muted)}

/* ---------- method ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.step{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:18px;display:grid;gap:10px;align-content:start}
.step .k{font-family:var(--mono);font-size:11px;color:var(--lime);letter-spacing:.1em}
.step p{font-size:14px}
.step code{display:block;font-family:var(--mono);font-size:12px;color:var(--lime);background:var(--ground);border:1px solid var(--rule2);border-radius:6px;padding:8px 10px}
.curve{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:18px}
.curve svg{width:100%;height:auto;display:block}

footer{border-top:1px solid var(--rule);padding-block:26px 40px;font-family:var(--mono);font-size:11px;color:var(--faint);line-height:1.7}
footer b{color:var(--muted)}

@media (max-width:980px){
  .hero,.featured,.club-grid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .steps{grid-template-columns:1fr}
  .pl{grid-template-columns:36px minmax(0,1fr) 56px}
  .pl .spark-col{display:none}
  .need{grid-template-columns:100px 1fr 40px}
  .club-tools{margin-left:0;width:100%}
}

/* cabecera de liga en el muro */
.wall-group{display:grid;gap:10px}
.wall-group + .wall-group{margin-top:18px}
tbody tr td.club a{color:inherit;text-decoration:none}
.lg-tabs{display:flex;gap:6px;flex-wrap:wrap}
.lg-tabs a{font-family:var(--mono);font-size:11.5px;padding:7px 11px;border-radius:999px;border:1px solid var(--rule2);color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}
.lg-tabs a:hover{color:var(--ink);border-color:var(--lime-dim)}
.lg-tabs a[aria-current="page"]{color:#07080A;background:var(--lime);border-color:var(--lime)}
.crumbs{font-family:var(--mono);font-size:11px;color:var(--faint);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--lime)}
@view-transition{navigation:auto}

.lg-pick{margin-bottom:6px}
.lg-pick button{font-size:11px;padding:6px 9px}

/* ---- cookies, pie legal y páginas legales */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin-inline:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  background:var(--surface2);border:1px solid var(--rule2);border-radius:14px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.cookie-bar[hidden]{display:none}
.cookie-bar p{flex:1 1 320px;margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.cookie-bar p b{color:var(--white)}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto}
.cookie-actions .btn{min-width:112px;justify-content:center}
@media (max-width:560px){.cookie-actions{flex:1 1 100%}.cookie-actions .btn{flex:1}}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px}
.foot-links a,.foot-links button{color:var(--muted);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.foot-links a:hover,.foot-links button:hover{color:var(--lime)}
.legal{max-width:72ch;padding-block:40px 72px}
.legal h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,6vw,54px);line-height:1.02;letter-spacing:.01em;margin:10px 0 8px;text-wrap:balance;color:var(--white)}
.legal .upd{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin:0 0 28px}
.legal h2{font-family:var(--body);font-size:18px;font-weight:800;color:var(--white);margin:34px 0 8px}
.legal p,.legal li{color:var(--ink);line-height:1.65}
.legal ul{padding-left:20px}
.legal .tbl{overflow-x:auto;margin:12px 0}
.legal table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:520px}
.legal th,.legal td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:top}
.legal th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.legal code{font-family:var(--mono);font-size:12.5px;color:var(--lime)}

/* ---- página de jugador */
.plink{color:inherit;text-decoration:none;background-image:linear-gradient(var(--lime),var(--lime));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s var(--ease)}
.plink:hover{background-size:100% 1px;color:var(--white)}
.avatar.big{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:34px;color:#07080A;flex:0 0 auto}
.avatar.sm{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:12px;color:#07080A}
.pnota{display:grid;justify-items:end;gap:6px;text-align:right}
.pnota b{font-family:var(--display);font-size:72px;line-height:.9;color:var(--lime)}
.pnota small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dims .key{color:var(--lime);font-weight:700}
.summary{margin-top:14px;font-size:14px;color:var(--ink);line-height:1.6}
.report-cta{border-color:var(--lime-dim);background:linear-gradient(160deg,var(--lime-soft),transparent 60%),var(--surface)}
.report-cta p{font-size:14px;color:var(--ink);margin-bottom:14px}
.fine{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:18px;line-height:1.7}
.row-p .avatar.sm + .nm{flex-direction:column;align-items:flex-start;gap:0}
@media (max-width:760px){.pnota{justify-items:start;text-align:left}.pnota b{font-size:56px}}
.chip-club{display:inline-flex;align-items:center;gap:6px}
.chip img.mini{width:18px;height:18px;object-fit:contain}

/* ---- qué buscar: carencias automáticas o aspectos elegidos */
.focus-box{border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin-bottom:14px;background:var(--surface2)}
.focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fchip{border:1px solid var(--rule2);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:border-color .2s,background .2s}
.fchip span{font-family:var(--mono);font-size:11px}
.fchip:hover{border-color:var(--lime-dim)}
.fchip[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#07080A}
.fchip[aria-pressed="true"] span{color:#07080A}
.focus-note{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}

/* ---- fotos de jugadores (Wikimedia Commons) */
.avatar.ph{padding:0;overflow:hidden;background:var(--surface3)}
.avatar.ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.pfig{margin:0;display:grid;justify-items:center;gap:6px;flex:0 0 auto;max-width:150px}
.pfig .avatar.big{width:112px;height:112px;box-shadow:0 0 0 3px var(--lime-soft)}
.pfig figcaption{font-family:var(--mono);font-size:9.5px;line-height:1.4;color:var(--faint);text-align:center}
.pfig figcaption a{color:var(--muted)}
.club-head > div:not(.pnota):not(.club-tools){flex:1 1 320px;min-width:0}
.club-head .avatar img{width:100%;height:100%;object-fit:cover;filter:none}

/* ---- informe de encaje (premium, prototipo privado) */
.rec-links{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--rule);padding-top:10px;font-family:var(--mono);font-size:11px}
.rec-links a{color:var(--lime);text-decoration:none}
.rec-links a.sub{color:var(--muted)}
.rec-links a:hover{text-decoration:underline;text-underline-offset:3px}
.row-p .nm a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.sc{text-decoration:none}
a.sc:hover{text-decoration:underline;text-underline-offset:3px}
.rep-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.rep-tools .field{flex:0 1 320px}
.rep-brand{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rep-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:20px 22px}
.rep-side{display:flex;gap:14px;align-items:center;min-width:0}
.rep-side .avatar{width:64px;height:64px;font-size:24px}
.rep-side img.crest{width:60px;height:60px}
.rep-side h2{font-size:clamp(24px,2.8vw,34px);margin-top:4px}
.rep-side small{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:6px}
.rep-arrow{font-family:var(--display);font-size:34px;color:var(--lime)}
.rep-score{display:grid;gap:6px;justify-items:end;text-align:right}
.rep-score b{font-family:var(--display);font-size:78px;line-height:.85;color:var(--lime)}
.rep-score small{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rep-verdict{margin-top:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:16px 18px;border-left:3px solid var(--lime);background:var(--surface2);border-radius:0 10px 10px 0}
.rep-verdict .rank{display:grid;justify-items:center;min-width:84px}
.rep-verdict .rank b{font-family:var(--display);font-size:44px;line-height:1;color:var(--white)}
.rep-verdict .rank small{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center}
.rep-verdict p{font-size:14.5px;line-height:1.65}
.rep-verdict p b{color:var(--white)}
.rep-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.comp{display:flex;height:22px;border-radius:5px;overflow:hidden;background:var(--surface3);margin:2px 0 8px}
.comp i{display:block;height:100%;border-right:2px solid var(--surface)}
.comp-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-bottom:14px}
.comp-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.fit-r{display:grid;grid-template-columns:minmax(0,1.3fr) 48px 48px minmax(0,1.5fr) 50px;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--rule);font-size:13px}
.fit-r.h{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-top:0}
.fit-r .nm{font-weight:600;color:var(--ink)}
.fit-r .c{font-family:var(--mono);font-weight:700;text-align:right}
.fit-r .pb{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center}
.fit-r .pb .bar{grid-column:auto}
.fit-r .pb b{font-family:var(--mono);font-size:12px;text-align:right}
.fit-r .na{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.fit-r .ap{font-family:var(--display);font-size:19px;color:var(--white);text-align:right}
.fit-r.tot{border-bottom:0}
.rep-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rep-list li{font-size:13.5px;line-height:1.5;padding-left:16px;position:relative}
.rep-list li b{color:var(--white)}
.rep-list li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.rep-list.risk li::before{background:var(--rose)}
.ksens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ksens div{display:grid;justify-items:center;gap:2px;padding:8px 4px;background:var(--ground);border:1px solid var(--rule);border-radius:8px}
.ksens div.on{border-color:var(--lime-dim);background:var(--lime-soft)}
.ksens span{font-family:var(--mono);font-size:10px;color:var(--faint)}
.ksens b{font-family:var(--display);font-size:20px;color:var(--white);line-height:1.1}
.ksens small{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.rep-lock{margin-top:18px;display:grid;justify-items:center;gap:12px;text-align:center;padding:40px 20px;border:1px dashed var(--lime-dim);border-radius:12px;background:var(--lime-soft)}
.rep-lock p{max-width:62ch;font-size:14.5px;line-height:1.6}
.rep-lock .lock-ic{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-family:var(--mono);font-weight:700}
@media (max-width:980px){
  .rep-grid{grid-template-columns:minmax(0,1fr)}
  .rep-head{grid-template-columns:minmax(0,1fr)}
  .rep-arrow{display:none}
  .rep-score{justify-items:start;text-align:left}
}
@media (max-width:620px){
  .fit-r{grid-template-columns:minmax(0,1fr) 38px 38px minmax(0,1fr) 40px;gap:6px;font-size:12px}
  .rep-verdict{grid-template-columns:minmax(0,1fr)}
  .rep-verdict .rank{justify-items:start}
}
@media print{
  @page{size:A4 landscape;margin:0}
  html,body{background:var(--ground)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{padding:9mm 10mm}
  .topbar,.no-print,.cookie-bar,.crumbs{display:none!important}
  .view{padding:0;animation:none;zoom:.66}
  footer{zoom:.8}
  .stagger > *{animation:none}
  .bar i{transition:none}
  .rep-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
  .rep-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}
  .rep-arrow{display:block}
  .rep-score{justify-items:end;text-align:right}
  .panel,.rep-head,.rep-verdict{break-inside:avoid}
  footer{padding-block:10px 0}
}

/* ---- menú rápido de percentiles (prototipo privado) */
.qmenu{position:relative;flex:none}
.qmenu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--rule2);border-radius:999px;font-family:var(--mono);font-size:11px;white-space:nowrap;transition:border-color .2s}
.qmenu summary::-webkit-details-marker{display:none}
.qmenu summary:hover,.qmenu[open] summary{border-color:var(--lime-dim)}
.qmenu summary .qk{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}
.qmenu summary b{color:var(--lime)}
.qmenu summary::after{content:"▾";color:var(--muted);font-size:10px}
.qpop{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 32px));background:var(--surface2);border:1px solid var(--rule2);border-radius:12px;padding:12px;display:grid;gap:6px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:30}
.qpop button{display:grid;gap:3px;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:9px 11px;cursor:pointer;transition:border-color .2s}
.qpop button:hover{border-color:var(--lime-dim)}
.qpop button[aria-pressed="true"]{border-color:var(--lime);background:var(--lime-soft)}
.qpop button b{font-size:13.5px;color:var(--white)}
.qpop button[aria-pressed="true"] b{color:var(--lime)}
.qpop button small{font-size:11.5px;color:var(--muted);line-height:1.45}
.qpop p{font-family:var(--mono);font-size:10.5px;color:var(--faint);line-height:1.5;margin-top:4px}
.pct-note{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:6px}
@media (max-width:760px){.qmenu summary .qk{display:none}.qpop{position:fixed;left:16px;right:16px;top:70px;width:auto}}
@media print{.qmenu{display:none}}

/* ---- buscador de club (liga + nombre) */
.cpick{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 1 420px}
.cpick label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cpick-row{display:flex;gap:6px}
.cpick-row select{flex:0 0 auto;max-width:150px;font-size:12.5px;padding:9px 8px}
.cpick-row input{flex:1 1 auto;min-width:0}
.cpick-list{position:absolute;left:0;right:0;top:100%;margin-top:6px;max-height:320px;overflow-y:auto;background:var(--surface2);border:1px solid var(--rule2);border-radius:10px;padding:6px;z-index:25;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.cpick-list button{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;background:none;border:0;border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left;font-size:13.5px}
.cpick-list button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:600}
.cpick-list button small{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.cpick-list button img.mini{width:20px;height:20px;object-fit:contain}
.cpick-list button:hover,.cpick-list button[aria-selected="true"]{background:var(--surface3)}
.cpick-list button[aria-selected="true"] span{color:var(--lime)}
.cpick-empty{padding:10px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.club-tools .cpick{width:min(420px,100%)}
@media (max-width:620px){.cpick{flex:1 1 100%}.cpick-row select{max-width:120px}}

/* ---- tarjetas de recomendación: misma estructura en todas (nombres largos no desplazan el resto) */
.rec{grid-template-rows:auto auto auto 1fr auto;align-content:stretch}
.rec .who{min-height:64px}
.rec .who .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rec .who .tm{flex-wrap:nowrap;min-width:0}
.rec .who .tm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rec .who .tm img{flex:none}
.rec-links{align-self:end}


/* ---- página de método */
.mlede{max-width:72ch;font-size:17px;line-height:1.6;color:var(--ink);margin:4px 0 26px}
.mlayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:start}
.mtoc{position:sticky;top:80px;display:grid;gap:2px;padding:14px;background:var(--surface);border:1px solid var(--rule);border-radius:10px}
.mtoc .kicker{margin-bottom:6px}
.mtoc a{display:flex;gap:10px;align-items:baseline;padding:6px 8px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:13px;transition:background .2s,color .2s}
.mtoc a span{font-family:var(--mono);font-size:10px;color:var(--faint)}
.mtoc a:hover{background:var(--surface2);color:var(--white)}
.mbody{min-width:0}
.msec{scroll-margin-top:80px;padding:28px 0;border-top:1px solid var(--rule)}
.msec:first-child{border-top:0;padding-top:0}
.msec h2{font-size:clamp(24px,2.6vw,32px);margin:6px 0 14px}
.msec h3{font-size:18px}
.msec > p{max-width:74ch;line-height:1.7;margin-bottom:12px;font-size:15px}
.msec p b,.mlist b{color:var(--white)}
.msec .formula{margin:6px 0 16px;max-width:74ch}
.msec .steps{margin-top:6px}
.msec .curve{margin:6px 0 16px}
.mlist{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;max-width:74ch}
.mlist li{line-height:1.6;font-size:15px}
.mnote{font-size:13px;color:var(--muted);line-height:1.6;max-width:74ch;margin-top:8px}
.mex{margin:10px 0 16px;padding:14px 16px;border:1px dashed var(--lime-dim);border-radius:10px;background:linear-gradient(160deg,var(--lime-soft),transparent 70%),var(--surface)}
.mex .kicker{color:var(--lime);margin-bottom:8px}
.mex p{font-size:14.5px;line-height:1.65}
.mex .tablebox{margin-top:4px}
table.mtable{min-width:0;font-size:13.5px}
table.mtable td{white-space:normal;vertical-align:top}
table.mtable tbody tr{cursor:default}
table.mtable tbody tr:hover{background:none}
table.mtable td.strong{color:var(--white);font-weight:600}
table.mtable td.num{font-family:var(--mono);white-space:nowrap}
.msec .tablebox{margin:6px 0 12px}
.bands{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.mdet{margin-top:8px}
.mdet summary{cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--muted)}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:10px}
.mgrid span{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;font-size:12.5px}
.mgrid b{font-family:var(--mono);color:var(--white)}
@media (max-width:980px){.mlayout{grid-template-columns:minmax(0,1fr)}.mtoc{position:static;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mtoc .kicker{grid-column:1/-1}}
@media print{.mtoc{display:none}.mlayout{grid-template-columns:minmax(0,1fr)}.msec{break-inside:auto}.mex,.tablebox,.curve,.step{break-inside:avoid}}

/* ---- modo de percentiles visible en la ficha del club */
.pct-box{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid var(--lime-dim);background:var(--lime-soft);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.pct-box .kicker{margin-bottom:6px}
.pct-box p{flex:1 1 260px;font-size:12.5px;color:var(--ink);line-height:1.5}
.vsliga{display:block;font-family:var(--mono);font-size:9.5px;color:var(--faint);margin-top:3px;white-space:nowrap}
.rec .score .vsliga b{display:inline;font-family:var(--mono);font-size:10px;line-height:1;white-space:nowrap}
.vsliga b.up{color:var(--lime)} .vsliga b.down{color:var(--rose)}

/* ---- portada limpia: rueda de clubes pegada al borde izquierdo (como el «kinetic text slider» de referencia) */
:root{--serif:"Instrument Serif", "Times New Roman", serif;--whw:min(38vw,520px)}
.hero3{position:relative;display:flex;align-items:center;min-height:calc(100vh - 62px - 34px);margin-top:-34px}
.wheel-zone{position:absolute;left:calc(50% - 50vw);top:0;bottom:0;width:var(--whw);cursor:ns-resize;touch-action:pan-x}
.wheel{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.wheel::before{content:"";position:absolute;left:22px;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent;border-left:7px solid var(--ink);z-index:1}
.wh-i{position:absolute;left:44px;top:0;max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.5vw,38px);line-height:1;letter-spacing:-.01em;color:#EDEDE6;text-decoration:none;transform-origin:left center;will-change:transform}
.wh-i.on{color:#FFFFFF}
.wh-i:hover{color:var(--lime)}
.hero3-c{display:grid;gap:22px;justify-items:end;text-align:right;max-width:620px;margin-left:auto}
.hero3-k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}
.hero3 h1{font-family:var(--body);font-weight:200;text-transform:none;font-size:clamp(44px,5.4vw,84px);line-height:1;letter-spacing:-.035em;color:var(--white);margin:0}
.hero3-l{font-weight:300;font-size:18px;line-height:1.55;color:var(--muted);max-width:40ch;margin:0}
.hero3-s{display:flex;align-items:center;gap:6px;width:100%;max-width:460px;margin-top:8px;padding:5px 5px 5px 22px;border:1px solid var(--rule2);border-radius:999px;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.hero3-s:focus-within{border-color:var(--lime-dim);background:rgba(196,255,77,.03)}
.hero3-s input{flex:1 1 auto;min-width:0;background:none;border:0;border-radius:0;padding:10px 0;font-size:16px;font-weight:300;color:var(--white);outline:none;text-align:left}
.hero3-s input::placeholder{color:var(--faint)}
.hero3-s button{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:#07080A;border:0;border-radius:999px;padding:11px 18px;font-family:var(--body);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}
.hero3-s button:hover{transform:translateX(2px)}
.hero3-m{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule2);padding-bottom:2px}
.hero3-m:hover{color:var(--lime);border-color:var(--lime)}
.min-sec{margin-top:88px}
.min-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:6px}
.min-h h2{font-family:var(--body);font-weight:300;text-transform:none;letter-spacing:-.02em;font-size:clamp(24px,2.4vw,34px);color:var(--white)}
.min-h span,.min-h a{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--faint);text-decoration:none}
.min-h a:hover{color:var(--lime)}
.min-list{list-style:none;margin:0;padding:0}
.min-list a{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) 64px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none;transition:background .2s,padding .2s}
.min-list a:hover{background:var(--surface);padding-left:10px}
.min-list .row{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) 64px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--rule)}
.min-list .row .p{color:var(--lime)}
.min-list .n{font-family:var(--mono);font-size:11px;color:var(--faint)}
.min-list .c{display:flex;align-items:center;gap:10px;font-weight:400;font-size:16px;color:var(--white);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.min-list .c img.mini{width:20px;height:20px;object-fit:contain}
.min-list .d{font-weight:300;font-size:14px;color:var(--muted)}
.min-list .p{font-family:var(--mono);font-size:14px;color:var(--rose);text-align:right}
.min-sec .recs{margin-top:18px}
.min-lg{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:12px}
.min-lg a{font-weight:300;font-size:15px;color:var(--muted);text-decoration:none}
.min-lg a:hover{color:var(--lime)}
@media (max-width:980px){.hero3{display:block;min-height:0;margin-top:0}.hero3-c{margin-left:0;padding-top:12px;justify-items:start;text-align:left}.wheel-zone{position:relative;left:auto;width:auto;height:340px;margin:28px -16px 0}}
@media (max-width:620px){.min-list a,.min-list .row{grid-template-columns:30px minmax(0,1fr) 52px}.min-list .d{display:none}}

/* ---- flecha para volver */
.backbtn{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--rule2);background:none;color:var(--muted);cursor:pointer;margin-right:-6px;transition:color .2s,border-color .2s,transform .2s}
.backbtn:hover{color:var(--lime);border-color:var(--lime-dim);transform:translateX(-2px)}
.backbtn[hidden]{display:none}
@media print{.backbtn{display:none}}

/* ---- laboratorio */
.lab-head{max-width:70ch;margin-bottom:22px}
.lab-head h1{font-family:var(--body);font-weight:200;text-transform:none;letter-spacing:-.03em;font-size:clamp(38px,4.6vw,64px);margin:8px 0 12px}
.lab-head p{font-weight:300;font-size:17px;color:var(--muted);line-height:1.55}
.lab-tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:22px;overflow-x:auto}
.lab-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 16px;color:var(--muted);font-size:15px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.lab-tabs button[aria-selected="true"]{color:var(--white);border-color:var(--lime)}
.pchip{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#07080A;background:var(--lime);border-radius:999px;padding:2px 7px}
.pchip.soft{background:none;color:var(--lime);border:1px solid var(--lime-dim)}
.lab-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.lab-filters .field{flex:1 1 170px}
.lab-filters .field.segf{flex:0 1 auto}
.lab-filters .cpick{flex:1 1 280px}
.lab-map{position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:8px}
.lab-map svg{display:block;width:100%;height:auto;cursor:crosshair}
.lab-map .ax{font-family:var(--mono);font-size:11px;fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round}
.lab-map .lbl{font-family:var(--body);font-size:13px;fill:var(--white);paint-order:stroke;stroke:var(--surface);stroke-width:4px}
.lab-tip{position:absolute;pointer-events:none;display:grid;gap:2px;background:var(--surface2);border:1px solid var(--rule2);border-radius:8px;padding:8px 10px;font-size:12.5px;min-width:160px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lab-tip[hidden]{display:none}
.lab-tip b{color:var(--white)} .lab-tip span{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.lab-legend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lab-legend button{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--rule2);border-radius:999px;padding:6px 12px;color:var(--ink);font-size:13px;cursor:pointer}
.lab-legend button[aria-pressed="true"]{border-color:var(--white)}
.lab-legend i,.lab-reps i,.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.lab-legend span{font-family:var(--mono);font-size:11px;color:var(--faint)}
.lab-reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:6px 0 10px}
.lab-reps > div{display:grid;gap:5px;font-size:13.5px}
.lab-reps small{font-family:var(--mono);font-size:10px;color:var(--faint)}
.lab-lock{display:grid;justify-items:center;gap:12px;text-align:center;padding:36px 20px;margin:14px 0;border:1px dashed var(--lime-dim);border-radius:12px;background:var(--lime-soft)}
.lab-lock h3{font-family:var(--body);font-weight:300;text-transform:none;font-size:24px;color:var(--white)}
.lab-lock p{max-width:56ch;font-size:14.5px;line-height:1.6}
.lab-lock .lock-ic{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-family:var(--mono);font-weight:700}
.cara-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:start}
.cara-t td.win{color:var(--lime);font-weight:700}
.cara-t th a{color:var(--white)}
.cara-grid .btn{margin-top:12px}
.min-list.gangas a{grid-template-columns:36px minmax(0,1.6fr) minmax(0,1fr) 56px}
.min-list.gangas .c b{display:block;font-weight:500;color:var(--white)}
.min-list.gangas .c small{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:normal}
.min-list.gangas .p{color:var(--lime);font-family:var(--display);font-size:24px}
@media (max-width:980px){.cara-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.min-list.gangas a{grid-template-columns:28px minmax(0,1fr) 44px}.min-list.gangas .d{display:none}}

/* ---- portada: introducción + carrusel curvo de secciones en la mitad derecha */
.hero3-c{max-width:none;flex:1 1 auto;justify-items:stretch;text-align:right;gap:10px;margin-left:max(0px,calc(var(--whw) + 20px - (50vw - 50%)))}
.hero3-top{display:grid;justify-items:end;gap:14px}
.hero3 h1{font-size:clamp(38px,4.4vw,68px)}
.hero3-l{font-size:16px;max-width:42ch}
.hero3-c .hero3-s{justify-self:end}
.cv{position:relative;padding:22px 0 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cv-track{position:relative;height:clamp(250px,34vh,330px);perspective:1500px;perspective-origin:50% 50%;transform-style:preserve-3d;cursor:grab;touch-action:pan-y;user-select:none}
.cv-track:active{cursor:grabbing}
.cv-card{position:absolute;left:50%;top:50%;width:clamp(200px,17vw,270px);aspect-ratio:1.55;text-decoration:none;color:var(--ink);backface-visibility:hidden;will-change:transform}
.cv-face{position:absolute;inset:0;border-radius:14px;background:#111418;border:1px solid var(--rule2);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.cv-card.on .cv-face{border-color:#3A4530}
.cv-card:hover .cv-face,.cv-card:focus-visible .cv-face{transform:scale(1.07) translateY(-6px);border-color:var(--lime-dim);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(196,255,77,.18)}
.cv-in{position:absolute;inset:0;padding:14px 16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;text-align:left}
.cv-big{font-family:var(--display);font-size:clamp(38px,3.4vw,50px);line-height:.9;color:var(--white)}
.cv-big.lime{color:var(--lime)} .cv-big.rose{color:var(--rose)}
.cv-sub{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-sub img.mini{width:18px;height:18px;object-fit:contain}
.cv-k{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.cv-row{display:flex;align-items:center;justify-content:space-between;flex:1}
.cv-crest{width:64px;height:64px;object-fit:contain}
.cv-radar{width:46%;height:auto}
.cv-fill{width:100%;height:auto;flex:1}
.cv-heat{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;flex:1;align-content:center}
.cv-heat i{display:block;height:12px;border-radius:2px}
.cv-hover{position:absolute;inset:0;display:grid;align-content:end;gap:8px;padding:18px;text-align:left;background:rgba(9,10,12,.9);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.cv-hover span{font-family:var(--serif);font-size:clamp(18px,1.5vw,22px);line-height:1.15;color:var(--white)}
.cv-hover small{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--lime)}
.cv-card:hover .cv-hover,.cv-card:focus-visible .cv-hover{opacity:1;transform:none}
.cv-in{transition:opacity .35s ease,filter .35s ease}
.cv-card:hover .cv-in,.cv-card:focus-visible .cv-in{opacity:.18;filter:blur(2px)}
.cv-track:focus-visible{outline:1px solid var(--lime-dim);outline-offset:6px;border-radius:12px}
#cv-title.in{animation:cvTitle .5s cubic-bezier(.2,.8,.2,1)}
@keyframes cvTitle{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cv-foot{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:6px}
.cv-foot span{font-family:var(--serif);font-size:22px;color:var(--white);min-width:220px;text-align:center}
.cv-foot button{background:none;border:1px solid var(--rule2);border-radius:50%;width:32px;height:32px;color:var(--muted);cursor:pointer}
.cv-foot button:hover{color:var(--lime);border-color:var(--lime-dim)}
.hero3-c{min-width:0}
@media (max-width:980px){.hero3-c{margin-left:0}.cv{margin:10px -16px 0}.cv-foot{padding-right:0}.hero3-top{justify-items:start;text-align:left}.hero3-c{text-align:left}.hero3-c .hero3-s{justify-self:start}}

.lowchip{justify-self:start}

/* ---- carrusel: hallazgos y publicaciones con el escudo del club ampliado */
.cv-card{cursor:pointer}
.cv-link{position:absolute;inset:0;z-index:2;border-radius:14px}
.cv-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.cv-sub-link{position:absolute;right:12px;bottom:10px;z-index:3;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--muted);text-decoration:none;padding:4px 7px;border:1px solid var(--rule2);border-radius:999px;background:rgba(7,8,10,.6);opacity:0;transition:opacity .3s,color .2s,border-color .2s}
.cv-card:hover .cv-sub-link,.cv-sub-link:focus-visible{opacity:1}
.cv-sub-link:hover{color:var(--lime);border-color:var(--lime-dim)}
.cv-card.hz,.cv-card.post{aspect-ratio:.8;width:clamp(180px,14vw,230px)}
.cv-card.hz .cv-in,.cv-card.post .cv-in{padding:0;justify-content:flex-end;background:radial-gradient(120% 80% at 50% 28%,#1B2016 0%,#0E1013 62%)}
.cv-crestbig{position:absolute;left:50%;top:36%;width:62%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 30px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cv-card:hover .cv-crestbig{transform:translate(-50%,-52%) scale(1.06)}
.cv-tag{position:absolute;top:12px;left:14px;right:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.cv-pbox{position:relative;padding:0 14px 40px;text-align:left}
.cv-pname{font-family:var(--serif);font-size:clamp(20px,1.7vw,26px);line-height:1;color:var(--white)}
.cv-pmeta{font-family:var(--mono);font-size:9.5px;color:#B9C2AE;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-stat{position:absolute;left:14px;bottom:12px;font-family:var(--display);font-size:17px;letter-spacing:.02em;color:var(--lime)}
.cv-card.post .cv-pbox{padding-bottom:16px}
.cv-card.hz .cv-hover,.cv-card.post .cv-hover{background:linear-gradient(180deg,rgba(9,10,12,.25),rgba(9,10,12,.94) 45%)}
.cv-track{height:clamp(300px,40vh,380px)}

/* ---- publicaciones (12/10/2026: diseño de revista, referencia Panenka; serif para titulares, columna de lectura estrecha) */
.mag-h{max-width:820px;margin:6px 0 26px}
.mag-k,.post-ante{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:700}
.mag-h h1{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.02em;font-size:clamp(44px,7vw,96px);line-height:.95;margin:12px 0 14px}
.mag-h p{font-size:18px;font-weight:300;color:var(--muted);line-height:1.55;max-width:620px}
.mag-f{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 0 22px;border-top:1px solid var(--rule);margin-bottom:8px}
.pcov{position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(120% 90% at 30% 20%,#1D2417 0%,#0E1013 60%);border:1px solid var(--rule);aspect-ratio:4/3}
.pcov.img{background:#0E1013}
.pcov.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:saturate(.9) contrast(1.05)}
.pcov.img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,10,0) 55%,rgba(7,8,10,.55))}
.pcov-crest{position:absolute;right:-8%;bottom:-12%;width:70%;height:auto;opacity:.9;filter:drop-shadow(0 18px 40px rgba(0,0,0,.65));transition:transform .6s var(--ease)}
.pcov-k{position:absolute;left:16px;top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.mag-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3.5vw,48px);align-items:center;text-decoration:none;color:var(--ink);padding:22px 0 34px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:30px}
.mag-top .pcov{aspect-ratio:16/10}
.mag-top:hover .pcov-crest,.pub-card:hover .pcov-crest{transform:scale(1.05) rotate(-2deg)}
.mag-top-b{display:grid;gap:12px;min-width:0}
.mag-top-t{font-family:var(--serif);font-size:clamp(34px,4.4vw,60px);line-height:1;letter-spacing:-.015em;color:var(--white);text-wrap:balance}
.mag-top-e{font-size:17px;font-weight:300;line-height:1.6;color:var(--muted)}
.mag-read{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-top:4px}
.pub-by{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--faint)}
.pub-by b{color:var(--ink);font-weight:700}
.mag-idx{display:flex;align-items:baseline;gap:14px;margin:0 0 16px}
.mag-idx h2{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:700}
.mag-idx::after{content:"";flex:1;height:1px;background:var(--rule)}
.pub-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 24px}
.pub-card{display:grid;gap:14px;text-decoration:none;color:var(--ink)}
.pub-card .pcov{aspect-ratio:3/2;transition:border-color .25s}
.pub-card:hover .pcov{border-color:var(--lime-dim)}
.pub-card:hover .pub-t{color:var(--lime)}
.pub-body{display:grid;gap:8px;min-width:0}
.pub-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.pub-t{font-family:var(--serif);font-size:clamp(24px,2.2vw,30px);line-height:1.05;letter-spacing:-.01em;color:var(--white);transition:color .2s;text-wrap:balance}
.pub-r{font-size:14.5px;font-weight:300;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.club-posts .pub-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
/* artículo */
.post-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:40;pointer-events:none}
.post-prog i{display:block;height:100%;width:0;background:var(--lime);transition:width .1s linear}
.post{max-width:1080px;margin:0 auto}
.post-h{max-width:820px;margin:18px auto 30px;text-align:center}
.post-h h1{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.02em;font-size:clamp(40px,6.2vw,80px);line-height:.98;margin:16px 0 20px;text-wrap:balance}
.post-lede{font-size:clamp(18px,1.9vw,22px);font-weight:300;color:#C9D1BE;line-height:1.55;max-width:680px;margin:0 auto 22px;text-wrap:pretty}
.post-by{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--faint)}
.post-by b{color:var(--white)}
.post-fig{margin:0 0 40px}
.post-fig img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:6px}
.post-fig figcaption{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:8px;text-align:right}
.post-crests{display:flex;justify-content:center;align-items:center;gap:22px;margin:0 0 40px;padding:26px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.post-crest{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))}
.post-vs{width:28px;height:1px;background:var(--rule2)}
.post-sep{border:0;height:auto;margin:38px auto;text-align:center;max-width:680px}
.post-sep::before{content:"· · ·";font-family:var(--serif);font-size:28px;letter-spacing:.5em;color:var(--lime)}
.post-body{max-width:680px;margin:0 auto;font-size:18.5px;line-height:1.78;color:#DDE3D2;font-weight:400}
.post-body>p{margin:0 0 22px;text-wrap:pretty}
.post-body>p:first-child::first-letter{font-family:var(--serif);float:left;font-size:5.1em;line-height:.82;padding:.06em .1em 0 0;color:var(--lime)}
.post-body h2{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.01em;font-size:clamp(28px,3vw,36px);line-height:1.1;color:var(--white);margin:46px 0 16px}
.post-body h2::before{content:"";display:block;width:36px;height:3px;background:var(--lime);margin-bottom:16px}
.post-body h3{font-family:var(--body);font-weight:700;text-transform:none;font-size:19px;color:var(--white);margin:30px 0 10px}
.post-body b{color:var(--white);font-weight:700}
.post-body i{font-style:italic}
.post-body a{color:var(--lime);text-underline-offset:3px}
.post-body ul,.post-body ol{padding-left:0;margin:0 0 24px;list-style:none;counter-reset:pl}
.post-body li{position:relative;padding-left:26px;margin-bottom:10px}
.post-body ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;background:var(--lime)}
.post-body ol li{counter-increment:pl}
.post-body ol li::before{content:counter(pl);position:absolute;left:0;top:0;font-family:var(--mono);font-size:13px;color:var(--lime)}
.post-body blockquote{margin:44px -60px;padding:28px 0;border-top:1px solid var(--lime-dim);border-bottom:1px solid var(--lime-dim);font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);line-height:1.18;letter-spacing:-.01em;color:var(--white);text-align:center;text-wrap:balance}
.post-body blockquote::before{content:"“";display:block;font-size:2.2em;line-height:.6;color:var(--lime);margin-bottom:6px}
.post-dato{float:right;width:230px;margin:6px -90px 18px 32px;padding:4px 0 4px 18px;border-left:3px solid var(--lime)}
.post-dato b{display:block;font-family:var(--display);font-weight:400;font-size:58px;line-height:.95;color:var(--lime)}
.post-dato span{display:block;font-family:var(--mono);font-size:11.5px;line-height:1.5;color:var(--muted);margin-top:8px}
.post-body .post-nota{clear:both;margin-top:40px;padding-top:18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--faint)}
.post-body .post-nota i{font-style:normal}
.post-body .post-nota::before{content:"Datos y muestra";display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.post-refs{max-width:680px;margin:36px auto 0;clear:both}
.post-refs-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:12px}
.post-refs-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.post-ref{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .2s}
.post-ref:hover{border-color:var(--lime-dim)}
.post-ref img.mini{width:26px;height:26px;object-fit:contain}
.post-ref span{display:grid;min-width:0}
.post-ref b{font-size:14px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-ref small{font-family:var(--mono);font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-ref em{font-style:normal;font-family:var(--display);font-size:24px;color:var(--lime);text-align:right;line-height:1}
.post-ref em small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.post-more{max-width:1080px;margin:64px auto 0;padding-top:8px}
/* 28/10/2026: las portadas son banners con texto propio («huella de datos»): enteras arriba, sin velo, y el título
   sobre negro debajo (antes el título se escribía encima del banner y no se leía nada) */
.cv-postimg{position:absolute;left:0;top:0;width:100%;height:80%;object-fit:cover;object-position:50% 0}
.cv-postfade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,19,0) 40%,rgba(14,16,19,.9) 58%,#0E1013 66%)}
.cv-card.post .cv-pmeta{font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:8px}
.club-posts{margin-bottom:18px}
@media (max-width:980px){.post-body blockquote{margin-inline:0}.post-dato{margin-right:0}}
@media (max-width:720px){.mag-top{grid-template-columns:minmax(0,1fr)}.post-dato{float:none;width:auto;margin:26px 0}
  .post-body{font-size:17.5px}.post-h{text-align:left}.post-by{justify-content:flex-start}.post-lede{margin-left:0}}

/* Dónde buscar: Top 5 / Todas / Su liga / Otras + liga concreta; lista hasta el nº 100 */
.filters .field.lgscope{flex:1 1 100%}
.lgscope-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lgscope-row select{flex:1 1 180px;max-width:280px}
.lgscope-row select.on{border-color:var(--lime);color:var(--lime);background:var(--lime-soft)}
.scope-note{font-size:12.5px;color:var(--muted);margin:-4px 0 12px}
.scope-note b{color:var(--ink,#fff);font-weight:600}
.rest-l{list-style:none;margin:0;padding:0}
.row-p .nm img.mini{width:22px;height:22px;object-fit:contain;flex:none}
.row-p .nm2{display:flex;flex-direction:column;min-width:0}
.row-p .nm2 small{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-p.lk .blur{filter:blur(4px);color:var(--muted);user-select:none}
.row-p.lk .sc{color:var(--faint)}
.rest-more{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.rest-more select{width:auto}
.empty .btn{margin:0 6px}

/* ---------- barra superior sin desplazamiento horizontal + menú de tres rayas (30/09/2026) ---------- */
html,body{overscroll-behavior-x:none}
.burger{display:none;flex:none;width:40px;height:40px;border:1px solid var(--rule2);border-radius:10px;background:none;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .burger span:nth-child(2){opacity:0}
.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.burger:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (max-width:1320px){.topbar .proto{display:none}}
@media (max-width:1100px){
  .has-burger .burger{display:flex}
  .has-burger .nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;gap:2px;padding:10px clamp(16px,3.5vw,40px) 16px;background:rgba(7,8,10,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
  .has-burger.nav-open .nav{display:flex}
  .has-burger .nav a{padding:13px 14px;font-size:13px;border-radius:10px}
  .has-burger .qmenu{margin-left:auto}
  .has-burger .topbar .wrap,.has-burger .wrap{position:relative}
}
@media (max-width:1100px){.topbar.has-burger .wrap{gap:10px}}
@media (max-width:420px){.brand b{font-size:17px}.qmenu summary{padding:6px 8px}}
@media print{.burger,.swipe-hint{display:none!important}}
/* gesto de volver */
.swipe-hint{position:fixed;left:10px;top:50%;z-index:60;width:40px;height:40px;margin-top:-20px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);color:var(--ink);border:1px solid var(--rule2);pointer-events:none;
  opacity:calc(var(--k,0) * 1);transform:translateX(calc(-50px + var(--k,0) * 50px)) scale(calc(.7 + var(--k,0) * .3));transition:opacity .12s,background .15s,color .15s}
.swipe-hint.ready{background:var(--lime);color:#07080A;border-color:var(--lime)}
/* comparar con otra liga (página del jugador) */
.cmp-lg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 12px}
.cmp-lg label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.cmp-lg select{flex:1 1 220px;max-width:100%;background:var(--surface2);color:var(--ink);border:1px solid var(--rule2);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px}
.cmp-sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:12px 14px;border:1px solid var(--rule2);border-radius:12px;margin-bottom:8px}
.cmp-sum span{font-size:13px;color:var(--muted)}
.cmp-sum b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1;color:var(--lime)}
.cmp-sum em,.dlt{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted)}
.cmp-sum em.up,.dlt.up{color:var(--lime)}
.cmp-sum em.down,.dlt.down{color:var(--rose)}
.dlt{display:block;font-size:10.5px;line-height:1.2;text-align:right}
.cmp-note{font-size:12.5px;color:var(--faint);margin:0 0 10px;line-height:1.5}
.topbar:not(.has-burger) .nav{overflow-x:auto;scrollbar-width:none}
.topbar:not(.has-burger) .nav::-webkit-scrollbar{display:none}

/* encuesta «¿Pagarías por premium?» */
.rec.locked[data-encuesta]{cursor:pointer}
dialog.enc{border:1px solid var(--rule2);border-radius:16px;background:var(--surface);color:var(--ink);padding:0;max-width:min(520px,calc(100vw - 32px));width:100%}
dialog.enc::backdrop{background:rgba(4,5,6,.72);backdrop-filter:blur(3px)}
.enc-f{padding:26px 24px 22px;position:relative}
.enc-f h2{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.05;color:var(--white);margin:8px 0 10px}
.enc-l{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0 0 16px}
.enc-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}
.enc-f fieldset{border:0;padding:0;margin:0 0 16px}
.enc-f legend{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}
.enc-g{display:flex;flex-wrap:wrap;gap:8px}
.enc-o{position:relative}
.enc-o input{position:absolute;opacity:0;pointer-events:none}
.enc-o span{display:inline-block;padding:9px 14px;border:1px solid var(--rule2);border-radius:999px;font-size:14px;cursor:pointer;color:var(--ink)}
.enc-o input:checked+span{background:var(--lime);border-color:var(--lime);color:#07080A;font-weight:600}
.enc-o input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}
.enc-a{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.enc-msg{font-size:13px;color:var(--muted)}

.facts .prevmin{display:block;margin-top:2px;font-family:var(--mono);font-size:9.5px;letter-spacing:.02em;color:var(--faint);white-space:nowrap}

/* ---------- trayectoria del jugador (07/10/2026) ---------- */
.chip-nac{display:inline-flex;align-items:center;gap:7px}
.flag,.club-head .chip img.flag{width:20px;height:15px;border-radius:2px;object-fit:cover;filter:none;box-shadow:0 0 0 1px var(--rule2)}
.tr-chart{position:relative;margin:4px 0 12px;max-width:760px}
.tr-chart svg{width:100%;height:auto;display:block}
.tr-pt{cursor:default;outline:none}
.tr-pt:hover .dot,.tr-pt:focus .dot{r:6}
.tr-pt:focus-visible .dot{stroke:var(--white)}
.tr-tip{position:absolute;transform:translate(-50%,-100%);background:var(--surface3);border:1px solid var(--rule2);border-radius:8px;padding:6px 10px;font-size:12.5px;color:var(--ink);white-space:nowrap;pointer-events:none;z-index:2}
.tr-table{overflow-x:auto;margin:0 -4px}
.tr-table table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.tr-table th{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:left;padding:6px 6px;border-bottom:1px solid var(--rule2)}
.tr-table td{padding:7px 6px;border-bottom:1px solid var(--rule);white-space:nowrap}
.tr-table .n{text-align:right}
.tr-table .club{display:flex;align-items:center;gap:7px}
.tr-table .club .mini{width:18px;height:18px}
.tr-table b.good{color:var(--lime)} .tr-table b.mid{color:var(--amber)} .tr-table b.hole{color:var(--rose)}
.tr-h{font-size:15px;margin:18px 0 8px;color:var(--white)}
.tr-moves{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px}
.tr-moves li{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid var(--rule)}
.tr-moves li b{color:var(--lime);font-weight:700}
.tr-les{display:grid;gap:4px;font-size:13.5px;color:var(--ink)}
.tr-note{font-size:12.5px;color:var(--faint);margin-top:8px}
@media (max-width:620px){.tr-moves li{grid-template-columns:76px minmax(0,1fr)}.tr-moves li .chip{grid-column:2;justify-self:start}}
#h-tray{}
section[aria-labelledby="h-tray"]{margin-top:18px}

/* ---------- precio de mercado (07/10/2026) ---------- */
.chip-precio{border-color:var(--lime-dim);color:var(--lime)}
.pf-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
@media (max-width:760px){.pf-grid{grid-template-columns:1fr}}
.pf-row{display:grid;grid-template-columns:110px minmax(0,1fr) 56px;gap:10px;align-items:center;font-size:13px;padding:5px 0}
.pf-bar{position:relative;height:8px;background:var(--surface2);border-radius:4px}
.pf-bar::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--faint)}
.pf-bar i{position:absolute;top:0;bottom:0;border-radius:4px}
.pf-bar i.up{background:var(--lime)} .pf-bar i.down{background:var(--rose)}
.pf-row b{text-align:right} .pf-row b.up,.pf-pag .up{color:var(--lime)} .pf-row b.down,.pf-pag .down{color:var(--rose)}
.pf-pag{display:grid;gap:12px}
.pf-pag>div{background:var(--surface2);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;display:grid;gap:2px}
.pf-pag b{font-family:var(--display);font-weight:400;font-size:28px;color:var(--white)}
.pf-pag small{font-size:12.5px;color:var(--muted)}

/* ---------- comparar jugador ↔ club (07/10/2026) ---------- */
.cmp-sec .cpick{max-width:620px;margin-bottom:6px}
.cmp-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:16px;border:1px solid var(--rule2);border-radius:10px;background:var(--surface2)}
.cmp-who{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.cmp-who b{display:block;font-size:16px;color:var(--white)} .cmp-who small{color:var(--muted);font-size:12.5px}
.cmp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;margin-top:16px;align-items:start}
.cmp-rank{font-size:15px;margin-bottom:10px}
.cmp-cta{margin-top:14px}
.rep-list .up{color:var(--lime);font-weight:700} .rep-list .mid{color:var(--amber);font-weight:700} .rep-list .down{color:var(--rose);font-weight:700}
@media (max-width:760px){.cmp-grid{grid-template-columns:1fr}.cmp-box{grid-template-columns:1fr}}
.cmp-sec .cpick-row select{min-width:190px}

/* ---------- laboratorio ampliado, socios y mapa de conexiones (07/10/2026) ---------- */
.cara-t td.lose{opacity:.42}
.cara-t td.tie{color:var(--ink)}
.cara-sum{font-size:14px;margin:10px 0 4px}
.lab-intro{margin:4px 0 14px}.lab-intro h2{font-size:24px}.lab-intro p{color:var(--muted);margin-top:6px}
.emp-f .cpick{flex:1 1 300px}
.comb-kpi{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.comb-kpi b{font-family:var(--display);font-weight:400;font-size:52px;color:var(--lime);line-height:1}
.comb-kpi span{font-size:14px}.comb-kpi small{color:var(--muted);font-size:12px}
.comb-t{margin-top:12px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.lab-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.soc-l{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.soc-l>li{padding:10px 0;border-bottom:1px solid var(--rule)}
.soc-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center}
.soc-h b{color:var(--white);font-size:14.5px}.soc-h small{display:block;color:var(--faint);font-size:12px}
.soc-n{text-align:right}.soc-n b{font-family:var(--mono);font-size:14px}
.soc-ef{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0 50px;font-size:12.5px;color:var(--muted)}
.soc-ef .soc-cs{flex-basis:100%;color:var(--ink)}
.locked-ef{color:var(--faint)}.locked-ef b{color:var(--amber);font-weight:700}
.mapa-w svg{width:100%;height:auto;display:block;max-width:820px;margin:0 auto}
@media (max-width:620px){.soc-h{grid-template-columns:auto minmax(0,1fr) auto}.soc-h .soc-n:last-child{display:none}.soc-ef{margin-left:0}}

/* ---------- cuentas (07/10/2026) ---------- */
.acc-btn{margin-left:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid var(--lime-dim);background:none;color:var(--lime);cursor:pointer;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.acc-btn:hover{background:var(--lime-soft)}
dialog.acc .acc-ok{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 14px}
dialog.acc .acc-g{margin:6px 0 14px;min-height:44px}
dialog.acc .acc-mail label{font-size:13px;color:var(--muted)}
dialog.acc .acc-row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
dialog.acc .acc-row input{flex:1 1 200px;background:var(--surface2);border:1px solid var(--rule2);border-radius:8px;padding:9px 12px}
dialog.acc .acc-seg{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px;max-height:220px;overflow:auto}
dialog.acc .acc-seg small{color:var(--faint)}
dialog.acc .acc-acts{display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.btn.danger{border-color:rgba(255,84,112,.5);color:var(--rose)}
.chip.seguir{cursor:pointer;background:none;margin-top:6px}
.chip.seguir.on{color:var(--lime);border-color:var(--lime-dim)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--surface3);border:1px solid var(--rule2);color:var(--ink);padding:10px 16px;border-radius:10px;z-index:60;font-size:14px}
dialog.acc .acc-ok{display:block}dialog.acc .acc-ok input{margin:0 8px 0 0;vertical-align:-2px}

/* cabecera en móvil (08/10/2026): «Entrar» se cortaba; en pantallas estrechas solo queda el icono */
.acc-btn{display:inline-flex;align-items:center;gap:7px;flex:none}
.acc-btn.on{background:var(--lime-soft)}
@media (max-width:620px){
  .acc-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:10px;margin-left:6px}
  .acc-btn .acc-t{display:none}
  .topbar .wrap{gap:8px}
  .brand b{font-size:17px}
}
@media (max-width:360px){.brand b{font-size:15px}}
@media (max-width:620px){
  .topbar .wrap{gap:5px}
  .acc-btn,.has-burger .burger{width:36px;height:36px;margin-left:0}
  .qmenu summary{padding-inline:9px;font-size:11px}
  .qmenu summary .k,.qmenu summary small{display:none}
}
@media (max-width:420px){
  .topbar .backbtn{display:none}                       /* en móvil ya están el gesto y el botón de volver del sistema */
}
@media (max-width:620px){
  .field{min-width:0;max-width:100%}
  .field select,.field input{max-width:100%;min-width:0;width:100%}
}
@media (max-width:360px){.brand b{font-size:14px}.qmenu summary{padding-inline:7px}.topbar .wrap{gap:4px}}

/* ---------- portada por secciones (inspiración: plantilla Framer «Padelon», sin copiar su código) ----------
   Ritmo: etiqueta en píldora + titular de 52 px con poco interletrado + nota a la derecha; 120 px entre secciones;
   una banda lima a todo el ancho y la marca en grande al final. Aparecen al hacer scroll (reveal). */
body{overflow-x:clip}
.hs{padding-top:clamp(72px,9vw,120px)}
.hs-h{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:clamp(28px,3.4vw,48px)}
.hs-hl{display:grid;justify-items:start;gap:18px}
.hs-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--rule2);border-radius:70px;font-family:var(--body);font-size:16px;font-weight:400;line-height:1.4;color:var(--ink)}
.hs-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.hs-h h2{font-family:var(--body);font-weight:300;text-transform:none;font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.038em;color:var(--white);margin:0;max-width:16ch}
.hs-aside{margin:0;max-width:36ch;justify-self:end;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.01em;color:var(--muted)}
.hs-more{display:inline;color:inherit;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
/* manifiesto: frase grande centrada con escudos dentro, como las fotos en píldora del original */
.hs-intro{display:grid;justify-items:center;text-align:center;gap:28px}
.hs-big{font-family:var(--body);font-weight:400;text-transform:none;font-size:clamp(30px,3.6vw,52px);line-height:1.2;letter-spacing:-.03em;color:var(--white);margin:0;max-width:960px}
.hs-chip{display:inline-grid;place-items:center;vertical-align:middle;width:1.9em;height:1em;margin:-.12em .05em 0;border-radius:999px;background:var(--surface3);border:1px solid var(--rule2);overflow:hidden}
.hs-chip img{width:.72em;height:.72em;object-fit:contain}
.hs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:960px;margin-top:clamp(20px,3vw,44px);border-top:1px solid var(--rule)}
.hs-stats > div{display:grid;gap:6px;padding:24px 12px 0;border-left:1px solid var(--rule)}
.hs-stats > div:first-child{border-left:0}
.hs-stats b{font-family:var(--body);font-weight:300;font-size:clamp(34px,3.4vw,48px);line-height:1.1;letter-spacing:-.03em;color:var(--white);font-variant-numeric:tabular-nums}
.hs-stats span{font-size:16px;color:var(--muted)}
.hs-src{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--faint)}
/* listas: filas más altas y separadores finos, como los pasos del original */
.hs-list a{grid-template-columns:56px minmax(0,1.3fr) minmax(0,1fr) 72px;padding:22px 4px;border-top:1px solid var(--rule);border-bottom:0}
.hs-list li:last-child a{border-bottom:1px solid var(--rule)}
.hs-list .n{font-family:var(--body);font-size:18px;color:var(--faint)}
.hs-list .c{font-size:clamp(20px,2vw,28px);font-weight:300;letter-spacing:-.02em;gap:14px}
.hs-list .c img.mini{width:28px;height:28px}
.hs-list .d{font-size:16px;font-weight:400}
.hs-list .p{font-size:18px}
/* banda lima a todo el ancho (la sección «Servicios» del original) */
.hs-band{margin-top:clamp(72px,9vw,120px);margin-inline:calc(50% - 50vw);padding:clamp(56px,6vw,88px) calc(50vw - 50% + 0px);background:var(--lime);color:#07080A}
.hs-band > *{max-width:1160px;margin-inline:auto}
.hs-band .hs-pill{border-color:rgba(7,8,10,.25);color:#07080A}
.hs-band .hs-pill::before{background:#07080A}
.hs-band .hs-h h2{color:#07080A;max-width:20ch}
.hs-band .hs-aside{color:rgba(7,8,10,.72)}
.hs-band .recs{margin-top:0}
.hs-rec{display:grid}
.hs-rec > .rec{height:100%;border-color:transparent;box-shadow:0 18px 40px rgba(7,8,10,.18)}
/* ligas: filas en tarjeta con flecha, como las preguntas frecuentes del original */
.hs-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hs-lgrow{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--rule);color:var(--white);text-decoration:none;transition:background .25s,border-color .25s}
.hs-lgrow .t{font-size:18px;font-weight:400;letter-spacing:-.01em}
.hs-lgrow .m{font-family:var(--mono);font-size:11px;color:var(--faint)}
.hs-lgrow .i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface3);color:var(--ink);font-size:13px;transition:background .25s,color .25s,transform .25s var(--ease)}
.hs-lgrow:hover{background:var(--surface2);border-color:var(--rule2)}
.hs-lgrow:hover .i{background:var(--lime);color:#07080A;transform:rotate(-45deg)}
/* la marca en grande al final de la portada */
.hs-word{margin:clamp(72px,9vw,120px) calc(50% - 50vw) -70px;padding:clamp(28px,4vw,56px) 16px clamp(20px,3vw,40px);background:var(--lime);color:#07080A;text-align:center;overflow:hidden}
.hs-word span{display:inline-flex;align-items:center;gap:.12em;font-family:var(--display);font-size:clamp(44px,13.4vw,232px);line-height:.9;letter-spacing:-.005em;white-space:nowrap}
.hs-word .ball{width:.38em;height:.38em;border-radius:50%;background:#07080A;flex:none}
/* aparición al hacer scroll: sube 56 px (titulares, 100 px) o crece desde 0,7 («pop»), con muelle suave */
.rv [data-rv]{opacity:0;transform:translateY(56px);transition:opacity .7s ease var(--d,0ms),transform 1s cubic-bezier(.22,1,.36,1) var(--d,0ms)}
.rv [data-rv="title"]{transform:translateY(100px)}
.rv [data-rv="pop"]{transform:translateY(56px) scale(.7)}
.rv .hs-chip[data-rv="pop"]{transform:scale(.4)}
.rv [data-rv].in{opacity:1;transform:none}
@media (max-width:900px){.hs-h{grid-template-columns:1fr;align-items:start}.hs-aside{justify-self:start}.hs-lg{grid-template-columns:1fr}.hs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-stats > div:nth-child(3){border-left:0}.hs-stats > div:nth-child(n+3){padding-top:20px;margin-top:20px;border-top:1px solid var(--rule)}}
@media (max-width:620px){.hs-list a{grid-template-columns:34px minmax(0,1fr) 52px;padding:18px 2px}.hs-list .d{display:none}.hs-lgrow{padding:16px}.hs-lgrow .m{display:none}.hs-lgrow{grid-template-columns:minmax(0,1fr) 28px}}
.hs-band .recs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.hs-band .recs{grid-template-columns:1fr}}
/* parejas del club (sustituye al mapa de conexiones) */
.pair-l{list-style:none;margin:6px 0 0;padding:0}
.pair-l li{display:grid;grid-template-columns:32px minmax(0,1.6fr) minmax(60px,1fr) 64px minmax(0,1fr);gap:14px;align-items:center;padding:14px 2px;border-top:1px solid var(--rule)}
.pair-l li:last-child{border-bottom:1px solid var(--rule)}
.pair-l .n{font-size:14px;color:var(--faint)}
.pair-l .who{font-size:16px;color:var(--white);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pair-l .who i{font-style:normal;color:var(--faint);margin:0 4px}
.pair-l .pbar{height:4px;border-radius:2px;background:var(--surface3);overflow:hidden}
.pair-l .pbar i{display:block;height:100%;background:var(--muted);border-radius:2px}
.pair-l .min{font-family:var(--mono);font-size:13px;color:var(--ink);text-align:right}
.pair-l .g{font-family:var(--mono);font-size:11px;color:var(--faint)}
.pair-l .g.on{color:var(--lime)}
@media (max-width:700px){.pair-l li{grid-template-columns:24px minmax(0,1fr) 56px;row-gap:6px}.pair-l .n{grid-area:1/1}.pair-l .who{grid-area:1/2}.pair-l .min{grid-area:1/3}.pair-l .pbar{grid-area:2/2/3/4}.pair-l .g{grid-area:3/2/4/4}}

/* ---------- tarjetas de sección de las fichas (09/10/2026): mismo lenguaje que las tarjetas del carrusel de la portada ---------- */
.fold-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 20px}
.fold{position:relative;aspect-ratio:1.55;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:var(--ink)}
.fold:focus-visible{outline:none}
.fold-face{position:absolute;inset:0;border-radius:14px;background:#111418;border:1px solid var(--rule2);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.fold:hover .fold-face,.fold:focus-visible .fold-face{transform:scale(1.04) translateY(-6px);border-color:var(--lime-dim);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(196,255,77,.18)}
.fold.on .fold-face{border-color:var(--lime);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px var(--lime)}
.fold-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px 16px;background:radial-gradient(120% 80% at 50% 28%,#1B2016 0%,#0E1013 62%);transition:opacity .35s ease,filter .35s ease}
.fold-tag{position:absolute;top:12px;left:14px;right:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.fold-vis{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fold:hover .fold-vis{transform:translate(-50%,-53%) scale(1.06)}
.fold-t{font-family:var(--serif);font-size:clamp(22px,1.9vw,28px);line-height:1;color:var(--white)}
.fold-k{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fold-hover{position:absolute;inset:0;display:grid;align-content:end;gap:8px;padding:18px;text-align:left;background:rgba(9,10,12,.9);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.fold-hover span{font-family:var(--serif);font-size:clamp(18px,1.5vw,22px);line-height:1.15;color:var(--white)}
.fold-hover small{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--lime)}
.fold:hover .fold-hover,.fold:focus-visible .fold-hover{opacity:1;transform:none}
.fold:hover .fold-in,.fold:focus-visible .fold-in{opacity:.18;filter:blur(2px)}
.fold-radar{width:96px;height:96px}
.fold-crests{display:flex;gap:10px}
.fold-crests img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6))}
.fold-faces{display:flex;align-items:center;gap:8px;color:var(--muted)}
.fold-faces i{font-style:normal;font-size:20px}
.fold-faces .avatar{width:46px;height:46px;font-size:16px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.fold-big{font-family:var(--display);font-size:56px;line-height:1;color:var(--lime)}
.fold-pane{animation:viewIn .45s var(--ease) both}
@media (max-width:760px){.fold-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 10px;scrollbar-width:none}.fold{scroll-snap-align:start}}

/* cifras de cabecera del jugador */
.pstats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 26px;margin-top:16px}
.pstats > div{display:grid;gap:2px}
.pstats b{font-family:var(--body);font-weight:300;font-size:clamp(26px,2.6vw,36px);line-height:1;letter-spacing:-.03em;color:var(--white)}
.pstats span{font-size:13px;color:var(--muted)}
.pstats small{flex-basis:100%;font-family:var(--mono);font-size:10.5px;color:var(--faint)}

/* últimos 5 partidos */
.u5{margin-top:18px}
.u5-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.u5-h small{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.u5-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.u5-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:10px 12px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}
.u5-r{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-family:var(--mono);font-size:11px;font-weight:700;color:#07080A;background:var(--faint)}
.u5-i.w .u5-r{background:var(--lime)} .u5-i.l .u5-r{background:var(--rose)} .u5-i.d .u5-r{background:var(--amber)}
.u5-op{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;color:var(--white)}
.u5-op span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u5-op img.mini{width:18px;height:18px;object-fit:contain}
.u5-s{font-family:var(--mono);font-size:13px;color:var(--ink)}
.u5-i small{grid-column:1/-1;font-family:var(--mono);font-size:10px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u5-p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--muted)}
.u5-p b{color:var(--lime);font-weight:600}
.u5-rt{margin-left:auto;font-family:var(--mono);color:var(--ink)}
@media (max-width:900px){.u5-l{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(168px,44%);overflow-x:auto;scrollbar-width:none}}

/* rendimiento: radar y barras lado a lado */
.perf-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}
@media (max-width:900px){.perf-grid{grid-template-columns:1fr}}
.club-diag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.club-diag > .club-posts{grid-column:1/-1}
@media (max-width:900px){.club-diag{grid-template-columns:1fr}}

/* dónde encajaría */
.fit-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:6px 0 16px}
.fit-ctl small{font-size:13px;color:var(--muted)}
.fit-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fit-c{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid var(--rule2);border-radius:16px;background:var(--surface2)}
.fit-c:first-child{border-color:var(--lime-dim);background:linear-gradient(165deg,rgba(196,255,77,.08),transparent 60%),var(--surface2)}
.fit-h{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px}
.fit-n{font-family:var(--mono);font-size:12px;color:var(--faint)}
.fit-crest{width:38px;height:38px;object-fit:contain}
.fit-h small{display:block;font-size:12px;color:var(--muted)}
.fit-h b{font-size:15px}
.fit-s{text-align:right}
.fit-s b{display:block;font-family:var(--display);font-size:30px;line-height:.9;color:var(--lime)}
.fit-s small{font-family:var(--mono);font-size:9.5px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}
.fit-why{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.fit-why b{color:var(--ink)}
.fit-rk{margin:0;font-size:12.5px;color:var(--faint)}
.fit-more{font-size:13px;color:var(--lime);text-decoration:none}
.fit-ov{margin:16px 0 4px;padding:12px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}
.fit-ov summary{cursor:pointer;font-weight:600;color:var(--ink)}
.ov-l{display:grid;gap:8px;margin:8px 0 12px}
.ov-r{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr) 48px 64px;align-items:center;gap:12px;font-size:14px}
.ov-r.off{opacity:.5}
.ov-r label{display:flex;align-items:center;gap:8px;cursor:pointer}
.ov-r input[type=checkbox]{accent-color:var(--lime)}
.ov-r output{font-family:var(--mono);color:var(--lime)}
.ov-r small{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
@media (max-width:900px){.fit-top{grid-template-columns:1fr}.ov-r{grid-template-columns:1fr 48px}.ov-r input[type=range]{grid-column:1/-1}.ov-r small{display:none}}

/* conexiones posibles */
.pos-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pos-c{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--rule);border-radius:14px;background:var(--surface2)}
.pos-h{display:flex;align-items:center;gap:8px}
.pos-h img.mini{width:22px;height:22px;object-fit:contain}
.pos-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--rule)}
.pos-r small{display:block;font-size:12px;line-height:1.35;color:var(--muted)}
.pos-s{text-align:right}
.pos-s b{display:block;font-family:var(--display);font-size:22px;color:var(--lime);line-height:1}
.pos-s small{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
@media (max-width:900px){.pos-g{grid-template-columns:1fr}}
/* camiseta con dorsal en lugar de la foto (10/10/2026) */
.avatar.shirt{background:none!important;border-radius:0;padding:0;box-shadow:none!important;overflow:visible}
.avatar.shirt svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.pfig .avatar.shirt.big{width:120px;height:120px}
.val-std{font-family:var(--mono);font-size:10px;color:var(--lime);margin-left:6px}
.val-reset{margin-left:6px;padding:0;border:0;background:none;font:inherit;font-size:11px;color:var(--lime);text-decoration:underline;cursor:pointer}
.val-note{color:var(--muted)}

/* posición destacada (10/10/2026): un color por puesto (paleta categórica validada en modo oscuro) */
.pos-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;white-space:nowrap;border:1px solid;vertical-align:middle}
.pos-POR{color:#f2c45a;border-color:rgba(201,133,0,.6);background:rgba(201,133,0,.16)}
.pos-DEF{color:#8dbcf3;border-color:rgba(57,135,229,.6);background:rgba(57,135,229,.16)}
.pos-MED{color:#6fd3ad;border-color:rgba(25,158,112,.6);background:rgba(25,158,112,.16)}
.pos-ATA{color:#f29a72;border-color:rgba(217,89,38,.6);background:rgba(217,89,38,.16)}
.rec .top{align-items:flex-start}
.rec .top .pos-tag{margin:2px auto 0 10px;font-size:11px;padding:4px 10px}
.meta .pos-tag{font-size:12px;padding:5px 12px}
.row-p .pos-tag{flex:none}

/* favoritos (10/10/2026) */
/* Favoritos más visibles (12/10/2026, petición del usuario): botón con estrella, estrella rápida en tarjetas, animación */
.favb{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 13px;border-radius:999px;border:1.5px solid var(--lime);background:var(--lime-soft);color:var(--lime);font-family:var(--body);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.favb .fstar{fill:none}
.favb .fstar path{fill:transparent;stroke:currentColor;stroke-width:1.8}
.favb:hover{background:rgba(196,255,77,.2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(196,255,77,.18)}
.favb.on{color:#07080A;background:var(--lime);box-shadow:0 0 0 4px var(--lime-soft)}
.favb.on .fstar path{fill:currentColor}
.fv-q{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rule2);background:rgba(7,8,10,.6);color:var(--muted);cursor:pointer;backdrop-filter:blur(6px);transition:color .2s,border-color .2s,background .2s,transform .2s}
.fv-q .fstar path{fill:transparent;stroke:currentColor;stroke-width:1.8}
.fv-q:hover{color:var(--lime);border-color:var(--lime-dim);transform:scale(1.08)}
.fv-q.on{color:#07080A;background:var(--lime);border-color:var(--lime)}
.fv-q.on .fstar path{fill:currentColor}
.pc .fv-q + .pc-bg + .pc-top{padding-right:40px}
.rec .who .fv-q{position:static;flex:none;margin-left:auto;width:32px;height:32px}   /* 13/10/2026: junto al nombre, sin tapar la puntuación */
.favb.pop .fstar,.fv-q.pop .fstar{animation:favpop .55s var(--ease)}
@keyframes favpop{0%{transform:scale(.6)}45%{transform:scale(1.45) rotate(-12deg)}100%{transform:scale(1)}}
.nav .favn.pulse{animation:favpulse .8s var(--ease)}
@keyframes favpulse{0%{box-shadow:0 0 0 0 rgba(196,255,77,.7);transform:scale(1)}40%{transform:scale(1.35)}100%{box-shadow:0 0 0 10px rgba(196,255,77,0);transform:scale(1)}}
.toast{display:flex;align-items:center;gap:14px}
.toast-go{border:0;background:none;color:var(--lime);font-family:var(--mono);font-size:12px;font-weight:700;cursor:pointer;padding:0;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.favb.pop .fstar,.fv-q.pop .fstar,.nav .favn.pulse{animation:none}}
.pnota .favb{margin-top:8px}
.club-tools .favb{align-self:flex-end;margin-bottom:8px}
.cmp-cta .favb{margin-left:8px}
.fav-row{display:flex;justify-content:flex-end;margin:4px 0 10px}
.nav .favn{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;border-radius:999px;background:var(--lime);color:#07080A;font-size:10px;font-weight:700}
.nav a[aria-current="page"] .favn{background:#07080A;color:var(--lime)}
.fav-s{padding-top:clamp(40px,5vw,64px)}
.fav-l{list-style:none;margin:0;padding:0}
.fav-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 4px;border-top:1px solid var(--rule)}
.fav-r:last-child{border-bottom:1px solid var(--rule)}
.fav-n{display:grid;gap:3px;min-width:0;font-size:16px;color:var(--white)}
.fav-n small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.fav-n img.mini{width:16px;height:16px;object-fit:contain;vertical-align:middle}
.fav-ar{color:var(--faint);margin:0 4px}
.fav-v{text-align:right}
.fav-v b{display:block;font-family:var(--display);font-size:24px;line-height:1;color:var(--lime)}
.fav-v small{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.fav-crest{width:34px;height:34px;object-fit:contain}
.fav-faces{display:flex;gap:4px}
.fav-x{padding:6px 10px;border:1px solid var(--rule2);border-radius:999px;background:none;color:var(--muted);font-size:12px;cursor:pointer}
.fav-x:hover{border-color:var(--rose);color:var(--rose)}
.fav-gone{color:var(--muted)}
@media (max-width:700px){.fav-r{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.fav-r .btn,.fav-r .fav-x{grid-column:2 / -1;justify-self:start}}
.row-p:has(> .pos-tag),.row-p:has(> .pos-w){grid-template-columns:30px minmax(0,1fr) auto auto 52px}
.row-p > .avatar + .pos-tag,.row-p > .avatar + .pos-w{order:0}
.rec .score small{white-space:nowrap}
.rec .top .pos-tag{max-width:46%;overflow:hidden;text-overflow:ellipsis}
.fav-n{display:block}
.fav-n > small{display:flex;margin-top:4px}
.fav-n img.mini{margin:0 2px}
.fit-chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}
.fit-chk input{accent-color:var(--lime)}
/* fotos de ambiente (Pexels) de fondo en las tres tarjetas de la ficha del club (10/10/2026) */
.fold-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fold.con-foto .fold-in{background:linear-gradient(180deg,rgba(9,10,12,.05) 0%,rgba(9,10,12,.35) 45%,rgba(9,10,12,.92) 100%)}
.fold.con-foto .fold-vis{display:none}
.fold.con-foto:hover .fold-foto{transform:scale(1.05)}
.fold.con-foto .fold-tag{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.pl .tm .pl-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;margin-left:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.rec .top .pos-tag{max-width:none;overflow:visible;font-size:10px;padding:4px 8px;letter-spacing:.06em}
/* configuración (10/10/2026) */
.cfg-btn{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--rule2);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,transform .4s var(--ease)}
.cfg-btn:hover{border-color:var(--lime-dim);color:var(--lime);transform:rotate(45deg)}
.cfg-s{padding:14px 0;border-top:1px solid var(--rule)}
.cfg-s:first-of-type{border-top:0}
.cfg-l{display:block;margin:12px 0 6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cfg-seg{flex-wrap:wrap}
.cfg-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cfg-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 14px;border:1px solid var(--rule2);border-radius:12px;background:var(--surface2);margin-bottom:8px}
.cfg-plan b{display:block;font-size:18px;color:var(--white);margin-top:4px}
.cfg-plan .chip{margin-top:6px}
.cfg-s input[type=range]{width:100%}
/* cabecera del club (10/10/2026): escudo a la altura del nombre */
.club-head:has(> img:first-child){align-items:flex-start}
.club-head > img:first-child{margin-top:8px}
/* posición: defensa rojo, mediocampista amarillo, atacante verde, portero morado (petición del usuario, 10/10/2026) */
.pos-DEF{color:#ff8fa2;border-color:rgba(255,84,112,.6);background:rgba(255,84,112,.15)}
.pos-MED{color:#ffd47a;border-color:rgba(255,194,77,.6);background:rgba(255,194,77,.14)}
.pos-ATA{color:#9be07a;border-color:rgba(86,190,90,.6);background:rgba(86,190,90,.15)}
.pos-POR{color:#c9a8ff;border-color:rgba(150,110,240,.6);background:rgba(150,110,240,.16)}
.pl .nm .pos-tag{margin-left:10px}
/* tarjeta de recomendado (10/10/2026): país destacado, tres datos que caben, sin Nota */
.rec-pais{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--rule2);border-radius:10px;background:var(--ground)}
.rec-pais .flag{width:24px;height:18px;flex:none;border-radius:3px}
.rec-pais b{font-size:14px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.rec-facts div{display:grid;align-content:start;gap:3px;padding:7px 8px}
.rec-facts b{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.rec-facts .prevmin{margin-top:0;font-size:9px;overflow:hidden;text-overflow:ellipsis}
.rec .top{gap:8px}
.rec .top .pos-tag{margin:4px auto 0 4px}
.rec{grid-template-rows:auto auto auto auto auto 1fr auto}
.rec-facts{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.25fr)}
.rec-facts .prevmin{white-space:normal;line-height:1.25}
/* puesto concreto (11/10/2026): lateral amarillo, extremo azul; el segundo puesto, más pequeño */
.pos-LAT{color:#ffc24d;border-color:rgba(255,194,77,.7);background:rgba(255,194,77,.18)}
.pos-EXT{color:#8dbcf3;border-color:rgba(57,135,229,.65);background:rgba(57,135,229,.18)}
.pos-tag.pos-sec{font-size:9px;padding:2px 7px;margin-left:4px;opacity:.85}
.rec .top .pos-tag.pos-sec{margin:6px 0 0 0;font-size:9px;padding:3px 7px}
.rec .top .pos-tag:has(+ .pos-sec){margin-right:4px}
.rec .top .pos-sec{margin-right:auto!important}

/* barra alineada: el contador vacío de Favoritos no ocupa sitio */
.nav .favn[hidden]{display:none}
.nav .favn{vertical-align:middle}
/* móvil: sin la rueda de clubes del inicio */
@media (max-width:760px){.wheel-zone{display:none}}

/* ---------- configuración: página con apartados (11/10/2026) ---------- */
.cfg-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:8px}
.cfg-side{position:sticky;top:86px;display:grid;gap:14px}
.cfg-h1{font-family:var(--body);font-weight:200;text-transform:none;letter-spacing:-.03em;font-size:clamp(30px,3vw,42px);margin:4px 0 6px}
.cfg-nav{display:grid;gap:4px}
.cfg-nav button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:none;cursor:pointer;color:var(--muted);transition:background .2s,border-color .2s,color .2s}
.cfg-nav button:hover{background:var(--surface);color:var(--ink)}
.cfg-nav button[aria-current="page"]{background:var(--surface2);border-color:var(--rule2);color:var(--white)}
.cfg-nav button[aria-current="page"] .cfg-ic{background:var(--lime);color:#07080A;border-color:var(--lime)}
.cfg-nt{display:grid;gap:1px;min-width:0}
.cfg-nt b{font-size:15px;font-weight:600;color:inherit}
.cfg-nt small{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-chev{font-size:20px;color:var(--faint);opacity:0}
.cfg-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--rule2);background:var(--surface);color:var(--lime);flex:none}
.cfg-ic.big{width:52px;height:52px;border-radius:15px;background:var(--lime-soft);border-color:var(--lime-dim)}
.cfg-main{min-width:0;display:grid;gap:22px;animation:viewIn .35s var(--ease) both}
.cfg-back{display:none}
.cfg-mh{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.cfg-mh h2{font-family:var(--body);font-weight:300;text-transform:none;letter-spacing:-.02em;font-size:clamp(26px,2.6vw,34px)}
.cfg-mh p{color:var(--muted);margin-top:4px}
.cfg-g{display:grid;gap:10px}
.cfg-gt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.cfg-gt.danger{color:var(--rose)}
.cfg-card{border:1px solid var(--rule2);border-radius:16px;background:var(--surface);overflow:hidden}
.cfg-card.danger{border-color:rgba(255,84,112,.35);background:linear-gradient(180deg,rgba(255,84,112,.05),transparent)}
.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 20px;flex-wrap:wrap}
.cfg-row + .cfg-row{border-top:1px solid var(--rule)}
.cfg-rt{display:grid;gap:3px;min-width:0;flex:1 1 260px}
.cfg-rt b{font-size:15px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:8px}
.cfg-rt b img.mini{width:22px;height:22px;object-fit:contain}
.cfg-rt small{font-size:13px;color:var(--muted);line-height:1.45}
.cfg-rc{display:flex;align-items:center;gap:8px;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
.cfg-rc .cpick{min-width:240px}
.cfg-v{font-family:var(--mono);font-size:13px;color:var(--white)}
.cfg-v.muted{color:var(--faint)}
.cfg-range{display:flex;align-items:center;gap:12px;min-width:220px}
.cfg-range input{flex:1;accent-color:var(--lime)}
.cfg-range output{font-family:var(--display);font-size:24px;color:var(--lime);min-width:2ch;text-align:right}
.cfg-acts{display:flex;flex-wrap:wrap;gap:8px}
.cfg-prof{display:flex;align-items:center;gap:16px;padding:20px}
.cfg-prof > div{display:grid;gap:2px;flex:1;min-width:0}
.cfg-prof b{font-size:19px;color:var(--white)}
.cfg-prof small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.cfg-av{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--lime);color:#07080A;font-family:var(--display);font-size:26px;flex:none}
.cfg-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:34px 22px;color:var(--lime)}
.cfg-empty b{color:var(--white);font-size:18px}
.cfg-empty p{color:var(--muted);max-width:52ch;font-size:14px;line-height:1.55}
.cfg-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cfg-plan2{position:relative;display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--rule2);border-radius:16px;background:var(--surface)}
.cfg-plan2 b{font-family:var(--display);font-weight:400;font-size:28px;text-transform:uppercase;color:var(--white);line-height:1}
.cfg-plan2 p{font-size:13.5px;color:var(--muted);line-height:1.5}
.cfg-plan2 .chip,.cfg-plan2 .btn{justify-self:start}
.cfg-plan2.on{border-color:var(--lime-dim);box-shadow:inset 0 0 0 1px var(--lime-dim)}
.cfg-plan2.pro{background:radial-gradient(120% 90% at 100% 0%,rgba(196,255,77,.10),transparent 60%),var(--surface)}
.cfg-link{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:var(--ink);text-decoration:none;font-weight:600}
.cfg-link + .cfg-link{border-top:1px solid var(--rule)}
.cfg-link:hover{background:var(--surface2);color:var(--lime)}
.cfg-link span{color:var(--faint)}
.btn.danger-soft{border-color:rgba(255,84,112,.35);color:var(--rose);background:none}
@media (max-width:760px){
  .cfg-layout{grid-template-columns:minmax(0,1fr)}
  .cfg-side{position:static}
  .cfg-nav{border:1px solid var(--rule2);border-radius:16px;background:var(--surface);gap:0;overflow:hidden}
  .cfg-nav button{border-radius:0;padding:14px 16px}
  .cfg-nav button + button{border-top:1px solid var(--rule)}
  .cfg-nav button[aria-current="page"]{background:none;border-color:transparent;color:var(--muted)}
  .cfg-nav button[aria-current="page"] .cfg-ic{background:var(--surface);color:var(--lime);border-color:var(--rule2)}
  .cfg-nav button .cfg-nt b{color:var(--white)}
  .cfg-chev{opacity:1}
  .cfg-layout:not(.is-sel) .cfg-main{display:none}
  .cfg-layout.is-sel .cfg-side{display:none}
  .cfg-back{display:inline-flex;justify-self:start;background:none;border:0;padding:4px 0;color:var(--lime);font-size:15px;font-weight:600;cursor:pointer}
  .cfg-plans{grid-template-columns:minmax(0,1fr)}
  .cfg-rc{justify-content:flex-start}
  .cfg-rc .cpick{min-width:0;flex:1 1 100%}
}

/* ---------- favoritos: tarjetas (11/10/2026) ---------- */
.fv-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:end;padding:clamp(22px,3vw,40px);margin-top:6px;border:1px solid var(--rule2);border-radius:24px;
  background:radial-gradient(80% 120% at 0% 0%,rgba(196,255,77,.10),transparent 55%),radial-gradient(60% 100% at 100% 100%,rgba(57,135,229,.08),transparent 60%),var(--surface)}
.fv-hero h1{font-family:var(--body);font-weight:200;text-transform:none;letter-spacing:-.035em;font-size:clamp(40px,5.4vw,76px);margin:10px 0 12px}
.fv-hero p{color:var(--muted);font-weight:300;font-size:16px;max-width:58ch;line-height:1.55}
.fv-sync{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--faint);flex-wrap:wrap}
.fv-sync.on{color:var(--lime)}
.fv-stats{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:8px}
.fv-stats div{display:grid;gap:2px;padding:12px 16px;border:1px solid var(--rule2);border-radius:14px;background:rgba(7,8,10,.4)}
.fv-stats b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1;color:var(--white)}
.fv-stats span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fv-filt{position:sticky;top:62px;z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0;margin:6px 0 0;background:linear-gradient(var(--ground) 75%,transparent)}
.fv-filt::-webkit-scrollbar{display:none}
.fv-filt button{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--rule2);background:var(--surface);color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}
.fv-filt button span{font-family:var(--mono);font-size:11px;color:var(--faint)}
.fv-filt button:hover{color:var(--ink);border-color:var(--faint)}
.fv-filt button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#07080A}
.fv-filt button[aria-pressed="true"] span{color:#07080A;opacity:.6}
.fv-sec{padding-top:clamp(26px,3.5vw,44px)}
.fv-sh{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.fv-sh h2{font-family:var(--display);font-size:clamp(28px,3vw,40px)}
.fv-cnt{font-family:var(--mono);font-size:12px;color:var(--lime);padding:2px 9px;border:1px solid var(--lime-dim);border-radius:999px}
.fv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.fv-grid.big{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.fv-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border:1px solid var(--rule2);border-radius:20px;background:linear-gradient(180deg,var(--surface2),var(--surface));overflow:hidden;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.fv-card:hover{transform:translateY(-3px);border-color:var(--faint);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.fv-card.gone{opacity:.6}
.fv-star{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--lime-dim);background:rgba(7,8,10,.55);color:var(--lime);font-size:15px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:all .2s}
.fv-star:hover{border-color:var(--rose);color:var(--rose)}
.fv-k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-right:40px}
.fv-n{display:block;font-size:18px;font-weight:600;color:var(--white);line-height:1.2;overflow-wrap:anywhere}
.fv-n a{color:inherit;text-decoration:none}
.fv-to{color:var(--faint);font-weight:400}
.fv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--rule)}
.fv-foot small{font-family:var(--mono);font-size:10px;color:var(--faint)}
.fv-go{background:none;border:0;padding:0;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--lime);text-decoration:none;white-space:nowrap}
.fv-go.soft{color:var(--muted)}
.fv-go:hover{text-decoration:underline}
.fv-crest{width:52px;height:52px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
/* club */
.fv-club{--k1:#2B3323;--k2:#14171B;padding:20px;min-height:230px;background:linear-gradient(135deg,color-mix(in srgb,var(--k1) 26%,transparent),transparent 55%),linear-gradient(180deg,var(--surface2),var(--surface))}
.fv-club::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--k1),var(--k2))}
.fv-club-bg{position:absolute;right:-40px;bottom:-50px;width:210px;height:210px;opacity:.07;pointer-events:none}
.fv-club-bg img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.fv-club-top{display:flex;align-items:center;gap:14px;padding-right:36px}
.fv-club-top > div{display:grid;gap:4px;min-width:0}
.fv-club .fv-n{font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;letter-spacing:.01em}
.fv-club-dx{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.fv-club-dx div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(7,8,10,.45);border:1px solid var(--rule)}
.fv-club-dx span{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.fv-club-dx b{font-size:15px}
.fv-club-dx b.down{color:var(--rose)} .fv-club-dx b.up{color:var(--lime)}
.fv-club-dx small{font-family:var(--mono);font-size:11px;color:var(--muted)}
/* jugador */
.fv-pl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-right:40px}
.fv-face.avatar{width:68px;height:68px;font-size:24px}
.fv-face.avatar.sm{width:46px;height:46px;font-size:16px}
.fv-nota{display:grid;justify-items:end}
.fv-nota b{font-family:var(--display);font-weight:400;font-size:38px;line-height:1;color:var(--lime)}
.fv-nota small{font-family:var(--mono);font-size:9.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.fv-tags{display:flex;gap:4px;flex-wrap:wrap}
.fv-meta{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);min-width:0}
.fv-meta img.mini{width:18px;height:18px;object-fit:contain}
.fv-meta .flag{border-radius:2px;margin-left:auto}
.fv-price{font-family:var(--display);font-size:20px;color:var(--white)}
/* informes y laboratorio */
.fv-pair,.fv-vs,.fv-stack{display:flex;align-items:center;gap:10px}
.fv-arr{color:var(--lime);font-size:20px}
.fv-vs b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--faint)}
.fv-stack .avatar + .avatar{margin-left:-16px}
.fv-ring{--v:50;position:relative;display:grid;place-items:center;align-self:flex-start;width:84px;height:84px;border-radius:50%;
  background:radial-gradient(closest-side,var(--surface) 78%,transparent 80%),conic-gradient(var(--lime) calc(var(--v) * 1%),var(--rule2) 0)}
.fv-ring b{font-family:var(--display);font-weight:400;font-size:24px;line-height:1;color:var(--white);margin-top:8px}
.fv-ring small{font-family:var(--mono);font-size:8.5px;color:var(--faint);margin-top:-14px}
.fv-empty{display:grid;justify-items:start;gap:8px;padding:26px;border:1px dashed var(--rule2);border-radius:20px;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.012) 14px 28px)}
.fv-empty b{font-size:17px;color:var(--white)}
.fv-empty p{color:var(--muted);font-size:14px}
.fv-empty .btn{margin-top:6px}
@media (max-width:760px){
  .fv-hero{grid-template-columns:minmax(0,1fr);border-radius:20px}
  .fv-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fv-stats div{padding:10px}
  .fv-stats b{font-size:26px}
  .fv-stats span{font-size:8.5px}
  .fv-filt{top:56px}
  .fv-grid,.fv-grid.big{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:420px) and (max-width:760px){.fv-grid:not(.big){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- laboratorio «modo pro» (11/10/2026) ---------- */
.lab-pro{position:relative;isolation:isolate}
.lab-pro::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:-34px;height:760px;pointer-events:none;
  background:radial-gradient(40% 50% at 18% 18%,rgba(196,255,77,.13),transparent 70%),radial-gradient(35% 45% at 85% 10%,rgba(57,135,229,.12),transparent 70%),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.lp-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px 56px;align-items:end;padding:clamp(18px,3vw,44px) 0 clamp(26px,3.5vw,44px)}
.lp-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid var(--lime-dim);background:rgba(196,255,77,.07);
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);font-weight:700;box-shadow:0 0 30px rgba(196,255,77,.12)}
.lp-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(196,255,77,.6);animation:lpPulse 2.2s infinite}
@keyframes lpPulse{70%{box-shadow:0 0 0 9px rgba(196,255,77,0)}100%{box-shadow:0 0 0 0 rgba(196,255,77,0)}}
.lp-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(48px,7.4vw,112px);line-height:.92;margin:18px 0 18px;letter-spacing:.005em}
.lp-hero h1 em{font-style:normal;background:linear-gradient(92deg,var(--lime),#E9FFB8 45%,#8dbcf3);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p{font-weight:300;font-size:17px;line-height:1.55;color:var(--muted);max-width:60ch}
.lp-acc{display:grid;gap:6px;padding:20px;border-radius:20px;border:1px solid var(--rule2);background:linear-gradient(160deg,rgba(196,255,77,.08),rgba(14,16,19,.7) 50%);backdrop-filter:blur(10px)}
.lp-acc b{font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;color:var(--white);line-height:1}
.lp-acc small{color:var(--muted);font-size:13px}
.lp-acc .btn{justify-self:start;margin-top:8px}
.lp-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.lp-tool{position:relative;display:grid;align-content:start;gap:6px;min-width:0;text-align:left;padding:16px 16px 18px;border-radius:18px;border:1px solid var(--rule2);cursor:pointer;color:var(--muted);
  background:linear-gradient(180deg,rgba(20,23,27,.9),rgba(14,16,19,.9));transition:transform .3s var(--ease),border-color .3s,box-shadow .3s,color .3s}
.lp-tool:hover{transform:translateY(-3px);border-color:var(--faint);color:var(--ink)}
.lp-tool[aria-selected="true"]{border-color:var(--lime);color:var(--white);box-shadow:0 0 0 1px var(--lime) inset,0 18px 50px rgba(196,255,77,.12);
  background:radial-gradient(120% 90% at 0% 0%,rgba(196,255,77,.14),transparent 60%),linear-gradient(180deg,#15190f,#0E1013)}
.lp-tn{position:absolute;top:14px;right:16px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.lp-ti{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--rule2);background:var(--ground);color:var(--lime);margin-bottom:6px}
.lp-tool[aria-selected="true"] .lp-ti{background:var(--lime);color:#07080A;border-color:var(--lime)}
.lp-tool b{font-size:16px;font-weight:600;color:inherit}
.lp-tool small{font-size:12.5px;line-height:1.4;color:var(--faint)}
.lp-chip{justify-self:start;margin-top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--lime-dim);color:var(--lime)}
.lp-chip.soft{border-color:rgba(255,194,77,.4);color:var(--amber)}
.lp-chip.free{border-color:var(--rule2);color:var(--muted)}
.lp-stage{position:relative;padding:clamp(18px,3vw,36px);border-radius:26px;border:1px solid var(--rule2);background:linear-gradient(180deg,rgba(20,23,27,.75),rgba(10,11,13,.9));box-shadow:0 30px 80px rgba(0,0,0,.45);animation:viewIn .4s var(--ease) both}
.lp-stage .panel{background:rgba(7,8,10,.55);border-color:var(--rule2);border-radius:18px}
.lp-sh{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.lp-shn{font-family:var(--display);font-size:44px;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--lime)}
.lp-sh h2{font-family:var(--body);font-weight:300;text-transform:none;letter-spacing:-.02em;font-size:clamp(24px,2.6vw,34px)}
.lp-sh p{color:var(--muted);margin-top:6px;max-width:70ch}
/* emparejar: dos huecos y el enlace con la puntuación */
.lp-slots{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch;gap:0;margin-bottom:22px}
.lp-slot{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;padding:22px 20px;border-radius:22px;border:1px dashed var(--rule2);background:rgba(7,8,10,.5);min-width:0}
.lp-slot.on{border-style:solid;border-color:var(--lime-dim);background:radial-gradient(90% 70% at 50% 0%,rgba(196,255,77,.08),transparent 70%),rgba(7,8,10,.6)}
.lp-slot > b{font-family:var(--display);font-weight:400;font-size:24px;text-transform:uppercase;color:var(--white);line-height:1.05}
.lp-slot > small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.lp-slot .cpick{width:100%;text-align:left;margin-top:10px}
.lp-plus{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:1px dashed var(--faint);color:var(--faint);font-size:34px;font-weight:200}
img.lp-big{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6))}
.avatar.lp-big{width:84px;height:84px;font-size:28px}
.lp-link{display:flex;align-items:center;justify-content:center;gap:0;color:var(--faint);font-size:22px}
.lp-link i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--lime-dim),transparent)}
.lp-link b{display:grid;place-items:center;width:76px;height:76px;flex:none;border-radius:50%;background:var(--lime);color:#07080A;font-family:var(--display);font-weight:400;font-size:28px;box-shadow:0 0 0 8px rgba(196,255,77,.1),0 0 50px rgba(196,255,77,.35)}
.lab-pro .cmp-who{display:none}
.lab-pro .cmp-box{background:none;border:0;padding:0;justify-items:center}
.lab-pro .rep-score{justify-items:center;text-align:center}
/* cara a cara: banda VS */
.lp-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin:4px 0 20px;padding:20px 22px;border-radius:22px;border:1px solid var(--rule2);
  background:linear-gradient(90deg,rgba(57,135,229,.14),transparent 35%,transparent 65%,rgba(217,89,38,.14)),rgba(7,8,10,.5)}
.lp-vs-s{display:flex;align-items:center;gap:14px;min-width:0}
.lp-vs-s.b{justify-content:flex-end;text-align:right}
.lp-vs-s > div{display:grid;gap:3px;min-width:0}
.lp-vs-s b{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,30px);text-transform:uppercase;color:var(--white);line-height:1;overflow-wrap:anywhere}
.lp-vs-s small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.lp-vs-m{display:grid;justify-items:center;gap:4px;text-align:center}
.lp-vs-m b{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1;display:flex;gap:10px}
.lp-vs-m i{font-style:normal;color:var(--faint)}
.lp-vs-m small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.lab-pro .lab-lock{background:radial-gradient(70% 90% at 50% 0%,rgba(196,255,77,.10),transparent 70%),rgba(7,8,10,.5);border-style:solid;border-radius:20px}
@media (max-width:1100px){.lp-tools{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.lp-tools::-webkit-scrollbar{display:none}}
@media (max-width:860px){.lp-hero{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .lp-slots{grid-template-columns:minmax(0,1fr);gap:0}
  .lp-link{flex-direction:column;height:84px}
  .lp-link i{width:1px;height:auto;flex:1;background:linear-gradient(180deg,transparent,var(--lime-dim),transparent)}
  .lp-vs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px}
  .lp-vs-m{grid-column:1 / -1;grid-row:2}
  .lp-vs-s{flex-direction:column;align-items:flex-start}
  .lp-vs-s.b{flex-direction:column-reverse;align-items:flex-end}
  .lp-stage{padding:16px;border-radius:20px;margin-inline:-6px}
  .lp-tools{grid-auto-columns:minmax(170px,72%)}
}
.fv-ring{display:flex;flex-direction:column;justify-content:center;align-items:center}
.fv-ring b{margin-top:0}.fv-ring small{margin-top:2px}
.lab-pro .rep-score > b.num{display:none}
.lab-pro .rep-score{display:flex;gap:10px;align-items:center;justify-content:center;margin:-8px 0 18px}
.fv-sh{align-items:center}
@media (max-width:760px){.fv-stats{display:none}}

/* ---------- tarjeta de jugador estilo «Mis clubes» (11/10/2026) ---------- */
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pc{--k1:#2B3323;--k2:#14171B;position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border:1px solid var(--rule2);border-radius:20px;overflow:hidden;
  background:linear-gradient(140deg,color-mix(in srgb,var(--k1) 24%,transparent),transparent 55%),linear-gradient(180deg,var(--surface2),var(--surface));
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.pc::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--k1),var(--k2))}
.pc:hover{transform:translateY(-3px);border-color:var(--faint);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.pc-bg{position:absolute;right:-34px;top:40px;width:170px;height:170px;opacity:.06;pointer-events:none}
.pc-bg img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.pc-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-right:38px}
.pc .fv-star + .pc-bg + .pc-top{padding-right:40px}
.pc:not(:has(.fv-star)) .pc-top{padding-right:0}
.avatar.pc-sh{width:92px;height:92px;font-size:30px;margin:-4px 0 -6px -6px}
.pc-nota{display:grid;justify-items:end}
.pc-nota b{font-family:var(--display);font-weight:400;font-size:40px;line-height:1;color:var(--lime)}
.pc-nota small{font-family:var(--mono);font-size:9.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.pc-tags{display:flex;gap:4px;flex-wrap:wrap}
.pc-n{display:block;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.02;text-transform:uppercase;letter-spacing:.01em;color:var(--white);overflow-wrap:anywhere}
.pc-n a{color:inherit;text-decoration:none}
.pc-n a:hover{color:var(--lime)}
.pc-id{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-club,.pc-nat{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border-radius:12px;background:rgba(7,8,10,.5);border:1px solid var(--rule);color:inherit;text-decoration:none}
.pc-club:hover{border-color:var(--faint)}
.pc-club img.mini{width:26px;height:26px;object-fit:contain;flex:none}
.pc-nat .flag{width:34px;height:25px;object-fit:cover;border-radius:4px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 4px 10px rgba(0,0,0,.4)}
.pc-club > span,.pc-nat > span{display:grid;min-width:0}
.pc-club b,.pc-nat b{font-size:13.5px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-club small,.pc-nat small{font-family:var(--mono);font-size:9px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}
.pc-spark{display:flex;gap:4px;align-items:flex-end;height:44px;padding-top:4px}
.pc-spark i{position:relative;flex:1;height:100%;border-radius:4px;background:rgba(255,255,255,.04)}
.pc-spark i::before{content:"";position:absolute;left:0;right:0;bottom:12px;height:calc((100% - 12px) * var(--h) / 100);border-radius:3px;background:var(--lime-dim)}
.pc-spark i.hi::before{background:var(--lime)} .pc-spark i.lo::before{background:rgba(255,84,112,.55)}
.pc-spark em{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-family:var(--mono);font-size:8px;line-height:10px;text-align:center;color:var(--faint)}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--rule)}
.pc-price{font-family:var(--display);font-size:22px;color:var(--white)}
@media (max-width:420px){.pc-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- cabecera de la ficha del jugador (11/10/2026) ---------- */
.ph{--k1:#2B3323;--k2:#14171B;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px 32px;align-items:center;padding:clamp(20px,2.6vw,34px);border:1px solid var(--rule2);border-radius:26px;overflow:hidden;
  background:linear-gradient(120deg,color-mix(in srgb,var(--k1) 26%,transparent),transparent 50%),linear-gradient(180deg,var(--surface2),var(--surface))}
.ph::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--k1),var(--k2))}
.ph-bg{position:absolute;right:-60px;bottom:-90px;width:380px;height:380px;opacity:.06;pointer-events:none}
.ph-bg img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.ph .pfig{max-width:none}
.ph .pfig .avatar.shirt.big{width:190px;height:190px;box-shadow:none}
.ph .pfig .avatar.big:not(.shirt){width:150px;height:150px}
.ph-main{position:relative;min-width:0;display:grid;gap:12px;align-content:center}
.ph-h1{font-size:clamp(38px,5vw,66px);margin:0}
.ph-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ph-tags .pos-tag{font-size:12px;padding:5px 12px}
.ph-id{display:flex;gap:10px;flex-wrap:wrap}
.ph-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 16px 10px 12px;border-radius:16px;border:1px solid var(--rule2);background:rgba(7,8,10,.55);color:inherit;text-decoration:none;transition:border-color .2s}
a.ph-tile:hover{border-color:var(--lime-dim)}
.ph-tile > span{display:grid;gap:1px;min-width:0}
.ph-tile small{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.ph-tile b{font-size:18px;font-weight:600;color:var(--white);line-height:1.15}
.ph-tile em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ph-tile img.ph-crest{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.ph-flag{width:60px;height:45px;object-fit:cover;border-radius:7px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 8px 20px rgba(0,0,0,.5)}
.ph-facts{display:flex;flex-wrap:wrap;margin:2px 0 0;padding:0;border:1px solid var(--rule);border-radius:12px;background:rgba(7,8,10,.4);width:fit-content;max-width:100%}
.ph-facts > div{display:grid;gap:0;padding:7px 12px;border-right:1px solid var(--rule)}
.ph-facts > div:last-child{border-right:0}
.ph-facts dt{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.ph-facts dd{margin:0;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--white);white-space:nowrap}
.ph-facts .hi dd{color:var(--lime)}
.ph-src{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.ph .pnota{position:relative;align-self:stretch;align-content:center;padding-left:28px;border-left:1px solid var(--rule)}
@media (max-width:900px){
  .ph{grid-template-columns:auto minmax(0,1fr)}
  .ph .pnota{grid-column:1 / -1;border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:14px;display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}
  .ph .pnota b{font-size:52px}
}
@media (max-width:620px){
  .ph{grid-template-columns:minmax(0,1fr);border-radius:20px;padding:18px}
  .ph .pfig{position:absolute;right:6px;top:10px}
  .ph .pfig .avatar.shirt.big{width:104px;height:104px}
  .ph .pfig .avatar.big:not(.shirt){width:80px;height:80px}
  .ph-main{padding-right:96px}
  .ph-id,.ph-facts,.ph-src{margin-right:-96px}
  .ph-id{display:grid;grid-template-columns:minmax(0,1fr)}
  .ph-facts{width:auto}
  .ph-facts > div{padding:6px 10px}
}

/* ---------- últimos partidos: franja horizontal (11/10/2026) ---------- */
.m5{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;margin-top:14px;padding:10px 12px;border:1px solid var(--rule);border-radius:16px;background:var(--surface)}
.m5-h{display:grid;gap:2px}
.m5-h small{font-family:var(--mono);font-size:9px;color:var(--faint);max-width:110px;line-height:1.35}
.m5-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.m5-i{position:relative;display:grid;gap:5px;padding:7px 9px;border-radius:10px;background:var(--surface2);border:1px solid var(--rule);overflow:hidden}
.m5-i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--faint)}
.m5-i.w::before{background:var(--lime)} .m5-i.l::before{background:var(--rose)} .m5-i.d::before{background:var(--amber)}
.m5-top{display:flex;align-items:center;gap:6px;min-width:0}
.m5-top img.mini{width:20px;height:20px;object-fit:contain;flex:none}
.m5-ini{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface3);font-size:8px;font-family:var(--mono);color:var(--muted)}
.m5-s{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--white)}
.m5-r{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--faint)}
.m5-i.w .m5-r{color:var(--lime)} .m5-i.l .m5-r{color:var(--rose)} .m5-i.d .m5-r{color:var(--amber)}
.m5-min{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.m5-min i{display:block;height:100%;width:var(--m);border-radius:inherit;background:linear-gradient(90deg,var(--lime-dim),var(--lime))}
.m5-bot{display:flex;align-items:center;gap:6px;min-height:15px}
.m5-mi{font-family:var(--mono);font-size:11px;color:var(--muted)}
.m5-ic{display:flex;align-items:center;gap:2px}
.m5-ic b{font-family:var(--mono);font-size:10px;color:var(--white)}
.m5-rt{margin-left:auto;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:5px;background:var(--surface3);color:var(--ink)}
.m5-rt.hi{background:var(--lime);color:#07080A} .m5-rt.lo{background:var(--rose-soft);color:var(--rose)}
.m5-d{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.m5-leg{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:9px;color:var(--faint)}
.m5-leg span{display:inline-flex;align-items:center;gap:4px}
.m5-lb{display:inline-block;width:16px;height:4px;border-radius:2px;background:var(--lime)}
@media (max-width:760px){
  .m5{grid-template-columns:minmax(0,1fr);padding:10px}
  .m5-h{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.m5-h small{max-width:none}
  .m5-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-2px}
  .m5-l::-webkit-scrollbar{display:none}
  .m5-i{flex:0 0 128px;scroll-snap-align:start}
  .m5-leg{grid-column:1}
}

/* ---------- percentiles de la ficha: barras segmentadas (11/10/2026) ---------- */
.pperf .dims{gap:6px}
.pperf .dim{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:11px 14px;border-radius:12px;border:1px solid var(--rule);background:linear-gradient(90deg,rgba(255,255,255,.015),transparent)}
.pperf .dim .nm{font-size:14px}
.pperf .dim .val{display:grid;justify-items:end;font-family:var(--display);font-weight:400;font-size:26px;line-height:1;color:var(--white)}
.pperf .dim.lvl-good .val{color:var(--lime)} .pperf .dim.lvl-hole .val{color:var(--rose)} .pperf .dim.lvl-mid .val{color:var(--amber)}
.pperf .dim .val .dtop{font-family:var(--mono);font-style:normal;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.pperf .dim .bar{grid-column:1 / -1;position:relative;height:10px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.06)}
.pperf .dim .bar i{border-radius:0}
.pperf .dim .bar::after{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),var(--surface) calc(10% - 2px) 10%)}
.pperf .dim.lvl-good .bar i{background:linear-gradient(90deg,var(--lime-dim),var(--lime));box-shadow:0 0 14px rgba(196,255,77,.35)}
.pperf .dim.lvl-mid .bar i{background:linear-gradient(90deg,rgba(255,194,77,.35),var(--amber))}
.pperf .dim.lvl-hole .bar i{background:linear-gradient(90deg,rgba(255,84,112,.3),var(--rose))}
.pperf .dim .bar .med{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:var(--white);opacity:.55;z-index:3}
.pperf .radar-wrap{padding:18px;border-radius:18px;border:1px solid var(--rule);background:radial-gradient(60% 60% at 50% 50%,rgba(196,255,77,.06),transparent 70%)}
.pperf .radar-wrap svg{max-width:420px}
.pc-id{grid-template-columns:minmax(0,1fr);gap:6px}
.pc-club,.pc-nat{padding:7px 10px}
.pc-club small,.pc-nat small{margin-left:0}
.pc-club > span,.pc-nat > span{display:flex;align-items:baseline;gap:8px}
.pc-club b,.pc-nat b{font-size:14px}
@media (max-width:620px){
  .ph-id{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ph-tile{gap:8px;padding:8px 10px;border-radius:12px}
  .ph-tile img.ph-crest{width:30px;height:30px}
  .ph-flag{width:38px;height:28px;border-radius:5px}
  .ph-tile b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ph-tile em{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ph-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto}
  .ph-facts > div{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:6px 8px}
  .ph-facts > div:nth-child(4n){border-right:0}
  .ph-facts dd{font-size:12px}
  .ph .pnota{padding-top:10px}
  .ph .pnota b{font-size:44px}
}
@media (max-width:620px){.ph-facts{max-width:none}.ph-facts dt{font-size:8px;letter-spacing:.04em}.ph .pnota .favb{margin:0 0 0 auto}}

.pos-w{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;vertical-align:middle;white-space:nowrap}
.pos-w .pos-tag{margin:0}

/* ---------- página de club: centro de mando (11/10/2026) ---------- */
.cx-hero{--k1:#2B3323;--k2:#14171B;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,320px);grid-template-areas:"crest main tools" "dna dna dna";gap:24px 32px;align-items:center;
  padding:clamp(20px,2.8vw,36px);border:1px solid var(--rule2);border-radius:28px;overflow:hidden;
  background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--k1) 30%,transparent),transparent 60%),radial-gradient(50% 90% at 100% 100%,color-mix(in srgb,var(--k2) 22%,transparent),transparent 65%),linear-gradient(180deg,var(--surface2),var(--surface))}
.cx-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--k1),var(--k2))}
.cx-hero .ph-bg{right:auto;left:-80px;top:-60px;bottom:auto;width:420px;height:420px}
.cx-crest{grid-area:crest;position:relative;display:grid;place-items:center;width:clamp(96px,10vw,140px);aspect-ratio:1;border-radius:32px;background:rgba(7,8,10,.45);border:1px solid var(--rule2);box-shadow:inset 0 0 40px color-mix(in srgb,var(--k1) 25%,transparent)}
.cx-crest img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.6))}
.cx-main{grid-area:main;position:relative;min-width:0;display:grid;gap:12px}
.cx-h1{font-size:clamp(40px,5.6vw,80px);margin:0;line-height:.92}
.cx-kpis{display:flex;flex-wrap:wrap;gap:8px}
.cx-kpi{display:grid;gap:1px;min-width:0;padding:9px 14px;border-radius:14px;border:1px solid var(--rule2);background:rgba(7,8,10,.5)}
.cx-kpi span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.cx-kpi b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.05;color:var(--white)}
.cx-kpi small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.cx-kpi.hi{border-color:var(--lime-dim);background:linear-gradient(160deg,rgba(196,255,77,.12),rgba(7,8,10,.5))}
.cx-kpi.hi b{color:var(--lime)}
.cx-tools{grid-area:tools;position:relative;display:grid;gap:10px;justify-items:end;align-self:start}
.cx-tools .cpick{width:100%}
.cx-dna{grid-area:dna;position:relative;padding:16px 18px 14px;border-radius:20px;border:1px solid var(--rule);background:rgba(7,8,10,.5)}
.cx-dna-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.cx-dna-h small{font-family:var(--mono);font-size:10px;color:var(--faint)}
.cx-dna-b{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.cx-bar{position:relative;display:grid;justify-items:center;gap:6px;padding:8px 4px 6px;border-radius:14px;border:1px solid transparent}
.cx-bar > b{font-family:var(--display);font-weight:400;font-size:24px;line-height:1;color:var(--white)}
.cx-bar.lvl-good > b{color:var(--lime)} .cx-bar.lvl-mid > b{color:var(--amber)} .cx-bar.lvl-hole > b{color:var(--rose)}
.cx-col{position:relative;width:100%;max-width:56px;height:84px;border-radius:10px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 calc(10% - 2px),transparent calc(10% - 2px) 10%);overflow:hidden}
.cx-col i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--h) * 1%);border-radius:8px 8px 0 0;background:linear-gradient(0deg,var(--lime-dim),var(--lime));transform-origin:bottom;animation:cxGrow .9s var(--ease) both}
.cx-bar.lvl-mid .cx-col i{background:linear-gradient(0deg,rgba(255,194,77,.3),var(--amber))}
.cx-bar.lvl-hole .cx-col i{background:linear-gradient(0deg,rgba(255,84,112,.3),var(--rose))}
.cx-col em{position:absolute;left:0;right:0;bottom:calc(50% - 1px);height:2px;background:var(--white);opacity:.4}
@keyframes cxGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.cx-bar small{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center}
.cx-bar.worst{border-color:rgba(255,84,112,.45);background:linear-gradient(180deg,rgba(255,84,112,.10),transparent)}
.cx-flag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--rose);color:#07080A}
/* pestañas fijas */
.fold-row.cx-tabs{position:sticky;top:62px;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 18px;padding:6px;border-radius:18px;border:1px solid var(--rule2);background:rgba(10,11,13,.88);backdrop-filter:blur(14px)}
.cx-tab{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border-radius:13px;border:1px solid transparent;background:none;color:var(--muted);text-align:left;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cx-tab:hover{background:var(--surface2);color:var(--ink)}
.cx-tab.on{background:linear-gradient(160deg,rgba(196,255,77,.14),rgba(20,23,27,.9));border-color:var(--lime-dim);color:var(--white)}
.cx-ti{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;border:1px solid var(--rule2);background:var(--ground);color:var(--lime)}
.cx-tab.on .cx-ti{background:var(--lime);color:#07080A;border-color:var(--lime)}
.cx-tt{display:grid;min-width:0}
.cx-tt b{font-size:15px;font-weight:600;color:inherit}
.cx-tt small{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* recomendados: filtros a la izquierda */
.cx-recs{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}
.cx-ctl{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin;display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--rule2);background:var(--surface2)}
.cx-ctl > summary{list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);font-weight:700;cursor:pointer;margin-bottom:10px}
.cx-ctl > summary::-webkit-details-marker{display:none}
.cx-ctl .pct-box,.cx-ctl .focus-box{display:grid;gap:8px;margin:0 0 12px;padding:0 0 12px;border:0;border-bottom:1px solid var(--rule);background:none;border-radius:0}
.cx-ctl .pct-box p,.cx-ctl .focus-note{font-size:12px;line-height:1.5}
.cx-ctl .filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.cx-ctl .filters .field{min-width:0;flex:none}
.cx-ctl .lgscope-row{flex-wrap:wrap}
.cx-ctl .lgscope-row select{max-width:none;flex:1 1 100%}
.cx-ctl .scope-note{font-size:11.5px}
.cx-res{min-width:0}
.cx-res .recs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cx-diag2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}
@media (max-width:1100px){.cx-recs{grid-template-columns:minmax(0,1fr)}.cx-ctl{position:static;max-height:none}.cx-ctl:not([open]){padding-bottom:6px}}
@media (max-width:980px){
  .cx-hero{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"crest main" "tools tools" "dna dna"}
  .cx-tools{justify-items:stretch;grid-template-columns:auto minmax(0,1fr);align-items:end}
  .cx-diag2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .cx-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"crest" "main" "tools" "dna";padding:18px;border-radius:22px}
  .cx-crest{width:84px;border-radius:22px;justify-self:start}
  .cx-tools{grid-template-columns:minmax(0,1fr)}
  .cx-tools .favb{justify-self:start}
  .cx-kpi{flex:1 1 calc(50% - 8px)}
  .cx-kpi b{font-size:22px}
  .cx-dna{padding:14px 10px 10px}
  .cx-dna-b{gap:4px}
  .cx-bar{padding:8px 0 4px}
  .cx-bar > b{font-size:18px}
  .cx-col{height:64px}
  .cx-bar small{font-size:8px;letter-spacing:0}
  .cx-flag{font-size:7px;padding:1px 4px}
  .fold-row.cx-tabs{top:56px;gap:4px;padding:4px}
  .cx-tab{flex-direction:column;gap:4px;padding:8px 4px;text-align:center}
  .cx-ti{width:30px;height:30px}
  .cx-tt b{font-size:12.5px}
  .cx-tt small{display:none}
}
.cx-tab{aspect-ratio:auto}
@media (min-width:621px){.cx-col{height:110px;max-width:64px}}
.cx-s{display:none}
.cx-diag2 .radar-wrap svg{max-width:100%}
@media (max-width:620px){
  .cx-l{display:none}.cx-s{display:inline}
  .cx-hero{padding-top:20px}
  .cx-crest{position:absolute;top:16px;right:16px;width:64px;border-radius:18px}
  .cx-main .eyebrow{padding-right:76px}
  .cx-flag{font-size:6.5px;letter-spacing:0}
  .cx-dna-h{display:grid;gap:2px}
}
.cx-sum{display:block;margin-top:4px;font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500}
@media (max-width:1100px){.cx-ctl > summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0}.cx-ctl > summary::after{content:"＋";font-size:18px;color:var(--lime)}.cx-ctl[open] > summary{margin-bottom:10px}.cx-ctl[open] > summary::after{content:"－"}.cx-sum{margin:0}}
@media (min-width:1101px){.cx-ctl > summary{pointer-events:none}}

/* últimos partidos dentro de la cabecera de la ficha, más compactos (12/10/2026) */
.ph > .m5{grid-column:1 / -1;position:relative;margin:0;padding:8px 10px;border-radius:16px;background:rgba(7,8,10,.5);gap:6px 14px}
.ph > .m5 .m5-h small{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;max-width:150px}
.ph > .m5 .m5-h small svg{width:10px;height:10px}
.ph > .m5 .m5-l{gap:5px}
.ph > .m5 .m5-i{grid-template-columns:auto minmax(0,1fr);gap:3px 6px;padding:5px 8px 6px;border-radius:9px}
.ph > .m5 .m5-top{gap:5px}
.ph > .m5 .m5-top img.mini{width:16px;height:16px}
.ph > .m5 .m5-s{font-size:12px}
.ph > .m5 .m5-r{font-size:9px}
.ph > .m5 .m5-min{height:3px}
.ph > .m5 .m5-bot{min-height:13px;gap:4px}
.ph > .m5 .m5-mi{font-size:10px}
.ph > .m5 .m5-rt{font-size:9.5px;padding:0 4px}
.ph > .m5 .m5-ic svg{width:11px;height:11px}
.ph > .m5 .m5-i{display:grid;grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.ph > .m5 .m5-i{flex:0 0 112px}}
.fold-row.cx-tabs + .fold-pane{margin-top:0}
/* leyenda de los últimos 5 en una sola línea (12/10/2026) */
.ph > .m5 .m5-h{display:flex;flex-direction:column;gap:3px}
.ph > .m5 .m5-h small{max-width:none;white-space:nowrap;flex-wrap:nowrap}
@media (min-width:761px){.ph > .m5{grid-template-columns:auto minmax(0,1fr)}}
/* jugadores en observación */
.obs-s{margin-top:34px}
.obs-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px}
.obs-c{--k1:#2B3323;position:relative;display:grid;gap:9px;padding:14px;border:1px dashed var(--rule2);border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--k1) 14%,transparent),transparent 55%),var(--surface)}
.obs-t{display:flex;align-items:center;gap:10px;min-width:0}
.obs-t > div{display:grid;min-width:0;flex:1}
.obs-t b{font-size:15px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obs-t .chip{font-size:9px;flex:none}
.obs-m{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.obs-m b{color:var(--white)}
.obs-b{height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.obs-b i{display:block;height:100%;background:var(--amber)}
.obs-f{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.ph > .m5{grid-template-columns:minmax(0,1fr)!important}
.ph > .m5 .m5-h{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.ph > .m5 .m5-h small{overflow:hidden;text-overflow:ellipsis}
.obs-c .obs-t{padding-right:92px}
.obs-c .obs-t .chip{position:absolute;top:14px;right:14px}
.obs-t b{white-space:normal;overflow-wrap:anywhere}

/* últimos 5 en vertical, en el hueco de la cabecera entre los datos y la Nota (12/10/2026, petición del usuario) */
@media (min-width:1101px){
  .ph{grid-template-columns:auto minmax(0,1fr) minmax(250px,290px) auto}
  .ph > .m5{grid-column:3;grid-row:1;align-self:center;display:flex!important;flex-direction:column;gap:6px;padding:10px 10px 8px}
  .ph > .m5 .m5-h{flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}
  .ph > .m5 .m5-h small{white-space:nowrap}
  .ph > .m5 .m5-l{display:flex;flex-direction:column;gap:4px}
  .ph > .m5 .m5-i{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px 10px}
  .ph > .m5 .m5-top{grid-column:1}
  .ph > .m5 .m5-r{margin-left:4px}
  .ph > .m5 .m5-min{grid-column:2;grid-row:1}
  .ph > .m5 .m5-bot{grid-column:3;grid-row:1;justify-content:flex-end}
  .ph > .m5 .m5-rt{margin-left:2px}
  .ph .pnota{padding-left:22px}
}
@media (min-width:1101px){.ph > .m5{align-items:stretch}.ph > .m5 .m5-l{width:100%}.ph > .m5 .m5-i{grid-template-columns:84px minmax(40px,1fr) auto}}

/* ---- modo lectura claro (12/10/2026): solo el artículo; la cabecera sigue en negro. Lima solo como trazo o fondo, nunca como texto sobre blanco. */
.lect-t{border:1px solid var(--rule2);background:none;color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;padding:3px 10px;border-radius:999px;cursor:pointer}
.lect-t:hover{color:var(--lime);border-color:var(--lime-dim)}
body.lectura[data-lect="claro"]{background:#F6F4EE;--paper-ink:#1B1D18;--paper-muted:#5C6355;--paper-faint:#8A9081;--paper-rule:#DEDBD1;--paper-accent:#4A6B00}
body.lectura[data-lect="claro"] footer{background:var(--ground);margin-top:40px}
body.lectura[data-lect="claro"] footer .wrap{padding-top:4px}
body.lectura[data-lect="claro"] .crumbs,body.lectura[data-lect="claro"] .crumbs a{color:var(--paper-faint)}
body.lectura[data-lect="claro"] .post-ante{color:var(--paper-accent)}
body.lectura[data-lect="claro"] .post-h h1{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-lede{color:#3F453A}
body.lectura[data-lect="claro"] .post-by{color:var(--paper-faint)}
body.lectura[data-lect="claro"] .post-by b{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .lect-t{border-color:var(--paper-rule);color:var(--paper-muted)}
body.lectura[data-lect="claro"] .lect-t:hover{color:var(--paper-ink);border-color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-crests{border-color:var(--paper-rule)}
body.lectura[data-lect="claro"] .post-crest{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}
body.lectura[data-lect="claro"] .post-vs{background:var(--paper-rule)}
body.lectura[data-lect="claro"] .post-fig figcaption{color:var(--paper-faint)}
body.lectura[data-lect="claro"] .post-body{color:#262922}
body.lectura[data-lect="claro"] .post-body>p:first-child::first-letter{color:var(--paper-ink);text-shadow:4px 4px 0 var(--lime)}
body.lectura[data-lect="claro"] .post-body h2,body.lectura[data-lect="claro"] .post-body h3,body.lectura[data-lect="claro"] .post-body b{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-body a{color:var(--paper-accent);text-decoration-color:var(--lime);text-decoration-thickness:2px}
body.lectura[data-lect="claro"] .post-body ul li::before{background:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-body ol li::before{color:var(--paper-accent)}
body.lectura[data-lect="claro"] .post-body blockquote{color:var(--paper-ink);border-color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-body blockquote::before{color:var(--paper-ink);text-shadow:3px 3px 0 var(--lime)}
body.lectura[data-lect="claro"] .post-sep::before{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-dato b{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-dato span{color:var(--paper-muted)}
body.lectura[data-lect="claro"] .post-body .post-nota{border-color:var(--paper-rule);color:var(--paper-muted)}
body.lectura[data-lect="claro"] .post-body .post-nota::before,body.lectura[data-lect="claro"] .post-refs-h,body.lectura[data-lect="claro"] .mag-idx h2{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .mag-idx::after{background:var(--paper-rule)}
body.lectura[data-lect="claro"] .post-ref{background:#fff;border-color:var(--paper-rule);color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-ref:hover{border-color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-ref b{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-ref small{color:var(--paper-faint)}
body.lectura[data-lect="claro"] .post-ref em{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .pub-k{color:var(--paper-accent)}
body.lectura[data-lect="claro"] .pub-t{color:var(--paper-ink)}
body.lectura[data-lect="claro"] .pub-card:hover .pub-t{color:var(--paper-accent)}
body.lectura[data-lect="claro"] .pub-r{color:var(--paper-muted)}
body.lectura[data-lect="claro"] .pub-by{color:var(--paper-faint)}
body.lectura[data-lect="claro"] .pub-by b{color:var(--paper-ink)}

/* ---------- explorador de clubes (13/10/2026) ---------- */
.cxe-h{padding:clamp(18px,2.6vw,32px);border:1px solid var(--rule2);border-radius:24px;margin-bottom:16px;
  background:radial-gradient(70% 120% at 0% 0%,rgba(196,255,77,.10),transparent 60%),linear-gradient(180deg,var(--surface2),var(--surface))}
.cxe-h h1{font-size:clamp(40px,5.4vw,76px);margin:10px 0 10px}
.cxe-h p{color:var(--muted);max-width:76ch;line-height:1.55}
.cxe-ctl{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}
.cxe-ctl .field{flex:1 1 180px}
.cxe-fav{align-self:center;margin-top:16px}
.cxe-sort{position:sticky;top:62px;z-index:6;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin-bottom:6px;background:linear-gradient(var(--ground) 80%,transparent)}
.cxe-sort::-webkit-scrollbar{display:none}
.cxe-sort button{flex:none;display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--rule2);background:var(--surface);color:var(--muted);font-weight:600;font-size:13.5px;cursor:pointer}
.cxe-sort button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#07080A}
.cxe-t{display:grid;gap:4px}
.cxe-r{--k1:#2B3323;display:grid;grid-template-columns:34px minmax(200px,1.6fr) repeat(7,minmax(42px,.45fr)) minmax(120px,.9fr) 74px;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid var(--rule);color:inherit;text-decoration:none;
  background:linear-gradient(90deg,color-mix(in srgb,var(--k1) 14%,transparent),transparent 30%),var(--surface);transition:border-color .2s,transform .2s}
a.cxe-r:hover{border-color:var(--faint);transform:translateX(2px)}
.cxe-hd{background:none;border:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-block:2px}
.cxe-hd span.on{color:var(--lime)}
.cxe-n{font-family:var(--mono);font-size:12px;color:var(--faint)}
.cxe-c{display:flex;align-items:center;gap:10px;min-width:0}
.cxe-c img.mini{width:28px;height:28px;object-fit:contain;flex:none}
.cxe-c > span{display:grid;min-width:0}
.cxe-c b{font-size:14.5px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxe-c small{font-family:var(--mono);font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxe-p{position:relative;display:grid;justify-items:center;gap:3px;padding:3px 0;border-radius:8px}
.cxe-p b{font-family:var(--mono);font-size:12.5px;color:var(--ink)}
.cxe-p i{display:block;width:70%;height:4px;border-radius:2px;background:linear-gradient(90deg,currentColor calc(var(--h) * 1%),rgba(255,255,255,.07) 0)}
.cxe-p.lvl-good{color:var(--lime)} .cxe-p.lvl-mid{color:var(--amber)} .cxe-p.lvl-hole{color:var(--rose)}
.cxe-p.lvl-good b{color:var(--lime)} .cxe-p.lvl-hole b{color:var(--rose)}
.cxe-p.on{background:rgba(196,255,77,.08);box-shadow:inset 0 0 0 1px var(--lime-dim)}
.cxe-p.on b{font-size:15px;font-weight:700}
.cxe-w .chip{font-size:10px}
.cxe-m{font-family:var(--mono);font-size:12px;color:var(--white);text-align:right}
@media (max-width:1000px){
  .cxe-r{grid-template-columns:28px minmax(0,1fr) 64px 64px}
  .cxe-r > .cxe-p:not(.on),.cxe-hd > span:nth-child(n+3):not(.on){display:none}
  .cxe-r > .cxe-p.on{grid-column:3}
  .cxe-hd > span.on{grid-column:3}
  .cxe-w{display:none}
  .cxe-hd > span:last-child{display:block;grid-column:4}
}

/* ---------- el mercado de la liga (13/10/2026) ---------- */
.mk-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:end;padding:clamp(18px,2.6vw,32px);border:1px solid var(--rule2);border-radius:24px;
  background:radial-gradient(70% 120% at 0% 0%,rgba(196,255,77,.10),transparent 60%),linear-gradient(180deg,var(--surface2),var(--surface))}
.mk-hero h1{font-size:clamp(36px,5vw,68px);margin:10px 0}
.mk-hero p{color:var(--muted);max-width:60ch}
.mk-hero .cx-kpis{justify-content:flex-end;max-width:520px}
.mk-s{margin-top:clamp(24px,3vw,40px)}
.mk-pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mk-col{padding:14px;border:1px solid var(--rule2);border-radius:18px;background:var(--surface)}
.mk-ch{margin-bottom:8px}
.mk-ch .pos-tag{font-size:12px;padding:5px 12px}
.mk-l{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:mk}
.mk-l li{counter-increment:mk}
.mk-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:inherit;text-decoration:none;background:var(--surface2);border:1px solid transparent}
.mk-r:hover{border-color:var(--faint)}
.mk-n{display:grid;min-width:0}
.mk-n b{font-size:14px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-n small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.mk-n small img.mini{width:16px;height:16px;object-fit:contain}
.mk-v{display:grid;justify-items:end}
.mk-v b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1;color:var(--lime)}
.mk-v small{font-family:var(--mono);font-size:10px;color:var(--faint);white-space:nowrap}
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mk-two .mk-s{padding:14px 16px;border:1px solid var(--rule2);border-radius:18px;background:var(--surface)}
.mk-two .tr-note{margin:0 0 10px}
@media (max-width:900px){.mk-pos{grid-template-columns:1fr 1fr}.mk-two{grid-template-columns:1fr}.mk-hero{grid-template-columns:1fr}.mk-hero .cx-kpis{justify-content:flex-start}}
@media (max-width:560px){.mk-pos{grid-template-columns:1fr}}
.ph-facts dd .ph-mc{display:block;font-size:8.5px;font-weight:400;color:var(--faint);white-space:nowrap}

/* ---- cabecera compacta de Club, Ligas y Jugadores (13/10/2026) */
.pgh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin:2px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--rule2)}
.pgh-t{min-width:0}
.pgh h1{font-size:clamp(28px,3.4vw,42px);line-height:1;margin:7px 0 0}
.pgh-st{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:9px;font-size:12.5px;color:var(--muted)}
.pgh-st b{font-family:var(--mono);font-weight:700;color:var(--white)}
.pgh-i{position:relative;flex:0 0 auto}
.pgh-i summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:7px 11px;border:1px solid var(--rule2);border-radius:999px}
.pgh-i summary::-webkit-details-marker{display:none}
.pgh-i summary span{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font-size:9.5px;text-transform:none;letter-spacing:0}
.pgh-i summary:hover,.pgh-i[open] summary{color:var(--lime);border-color:var(--lime-dim)}
.pgh-i p{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(440px,calc(100vw - 32px));margin:0;padding:14px 16px;background:var(--surface2);border:1px solid var(--rule2);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);font-size:13px;line-height:1.55;color:var(--ink)}
@media (max-width:640px){.pgh{flex-direction:column;align-items:flex-start}.pgh-i p{left:0;right:auto}}

/* ---- informe de encaje (13/10/2026): más serio y más visual; el mismo diseño sale en PDF (A4 vertical, fondo negro) */
.rep-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rp{display:grid;gap:16px;min-width:0}
.rp-brand{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--rule2)}
.rp-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 22px;border:1px solid var(--rule2);border-radius:18px;background:linear-gradient(135deg,var(--surface2),var(--surface))}
.rp-who{display:flex;gap:14px;align-items:center;min-width:0}
.rp-who .avatar{width:60px;height:60px;font-size:22px}
.rp-who img.crest{width:56px;height:56px}
.rp-who h2{font-size:clamp(22px,2.6vw,32px);margin-top:4px;line-height:1}
.rp-who small{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:6px}
.rp-arrow{font-family:var(--display);font-size:30px;color:var(--lime)}
.rp-score{display:flex;align-items:center;gap:14px}
.rp-score > div{display:grid;gap:5px;justify-items:start}
.rp-score b{font-family:var(--display);font-weight:400;font-size:54px;line-height:.9;color:var(--lime)}
.rp-score small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rp-ring{width:86px;height:86px;flex:0 0 auto}
.rp-ring circle{fill:none;stroke-width:11}
.rp-ring .tr{stroke:var(--surface3)}
.rp-ring .ar{stroke:var(--lime);stroke-linecap:round}
.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rp-k{display:grid;gap:4px;align-content:start;padding:14px 16px;border:1px solid var(--rule2);border-radius:14px;background:var(--surface)}
.rp-k > span{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.rp-k b{font-family:var(--display);font-weight:400;font-size:32px;line-height:1;color:var(--white)}
.rp-k b i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:6px;letter-spacing:0}
.rp-k small{font-size:11.5px;color:var(--muted);line-height:1.35}
.rp-mt{position:relative;height:6px;border-radius:3px;background:var(--surface3);margin:6px 0 2px;overflow:visible}
.rp-mt i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--lime)}
.rp-pr.mid i{background:var(--amber)} .rp-pr.hole i{background:var(--rose)}
.rp-mt em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.55}
.rp-dots{display:flex;gap:6px;margin:6px 0 2px}
.rp-dots i{width:22px;height:6px;border-radius:3px;background:var(--surface3)}
.rp-dots i.on{background:var(--lime)}
.rp-sum{font-size:14px;line-height:1.65;color:var(--ink);padding:14px 18px;border-left:3px solid var(--lime);background:var(--surface);border-radius:0 12px 12px 0;margin:0}
.rp-sum b{color:var(--white)}
.rp-sec{border:1px solid var(--rule2);border-radius:16px;padding:18px 20px;background:var(--surface);min-width:0}
.rp-h{display:grid;gap:5px;margin-bottom:14px}
.rp-h h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1;color:var(--white);margin:0}
.rp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.rp-note{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0 0}
.rp-nf{display:grid}
.rp-nr{display:grid;grid-template-columns:minmax(120px,1.1fr) 92px minmax(0,3fr) 52px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule)}
.rp-nr.h{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 0 6px}
.rp-nr.h .sc{position:relative;height:12px}
.rp-nr.h .sc em{position:absolute;font-style:normal;transform:translateX(-50%)}
.rp-nr.h .sc em:nth-child(1){left:0;transform:none} .rp-nr.h .sc em:nth-child(2){left:50%} .rp-nr.h .sc em:nth-child(3){left:auto;right:0;transform:none}
.rp-nr .nm{font-weight:600;font-size:13.5px;color:var(--ink)}
.rp-nr .n{text-align:right;font-family:var(--display);font-size:20px;color:var(--white)}
.rp-nr.h .n{font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.rp-nr .w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.rp-nr .w i{display:block;height:6px;border-radius:3px;background:var(--rose);opacity:.85;max-width:100%}
.rp-nr .w b{font-family:var(--mono);font-size:11px;color:var(--ink)}
.rp-nr .tk{position:relative;height:26px;background:linear-gradient(90deg,rgba(255,84,112,.07) 0 30%,rgba(255,255,255,.02) 30% 60%,rgba(196,255,77,.06) 60% 100%);border-radius:6px}
.rp-nr .tk .md{position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:var(--rule2)}
.rp-nr .tk .ln{position:absolute;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.rp-nr .tk .ln.up{background:linear-gradient(90deg,var(--rose),var(--lime))} .rp-nr .tk .ln.dn{background:var(--faint)}
.rp-nr .tk .dt{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ground)}
.rp-nr .tk .dt.dc{background:var(--rose)} .rp-nr .tk .dt.dp{background:var(--lime);z-index:1;box-shadow:0 0 0 2px var(--surface)}
.rp-nr .tk .na{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10px;color:var(--faint)}
.rp-nr.tot{border-bottom:0;padding-top:12px}
.rp-nr.tot .nm{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.rp-nr.tot .n{color:var(--lime);font-size:26px}
.rp-nr .comp{display:flex;height:14px;border-radius:4px;overflow:hidden;background:var(--surface3)}
.rp-nr .comp i{display:block;height:100%;border-right:2px solid var(--surface)}
.rp-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:10px}
.rp-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.rp-leg i.lc{background:var(--rose)} .rp-leg i.lp{background:var(--lime)}
.rp-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.rp-list li{font-size:13.5px;line-height:1.5;padding-left:18px;position:relative}
.rp-list li b{color:var(--white)}
.rp-list li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:2px;background:var(--lime)}
.rp-list.risk li::before{background:var(--rose)}
.rp-alts{list-style:none;margin:0;padding:0;counter-reset:a}
.rp-alts li{counter-increment:a;display:grid;grid-template-columns:22px minmax(0,1fr) auto 46px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rule)}
.rp-alts li::before{content:counter(a);font-family:var(--mono);font-size:11px;color:var(--faint)}
.rp-alts li:last-child{border-bottom:0}
.rp-alts .nm{min-width:0;font-weight:600;font-size:13.5px}
.rp-alts .nm small{display:block;font-family:var(--mono);font-size:10px;color:var(--faint);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-alts .dl{font-family:var(--mono);font-size:11px;font-weight:700} .rp-alts .dl.up{color:var(--lime)} .rp-alts .dl.dn{color:var(--muted)}
.rp-alts b{text-align:right;font-family:var(--display);font-weight:400;font-size:20px;color:var(--white)}
.rp-ks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;height:130px}
.rp-ks > div{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;height:100%;gap:4px}
.rp-ks span{font-family:var(--mono);font-size:10px;color:var(--faint)}
.rp-ks i{align-self:end;width:70%;border-radius:4px 4px 0 0;background:var(--surface3)}
.rp-ks .on i{background:var(--lime)}
.rp-ks b{font-family:var(--display);font-weight:400;font-size:17px;color:var(--white)}
.rp-ks small{font-family:var(--mono);font-size:10px;color:var(--muted)}
.rp-foot{border-top:1px solid var(--rule2);padding-top:12px}
.rp-foot p{font-size:11px;line-height:1.55;color:var(--faint);margin:0 0 6px}
.rp-foot .rp-disc{font-size:10px}
@media (max-width:900px){
  .rp-head{grid-template-columns:1fr;gap:14px}.rp-arrow{display:none}
  .rp-kpis{grid-template-columns:1fr 1fr}.rp-two{grid-template-columns:1fr}
  .rp-nr{grid-template-columns:minmax(0,1fr) 70px 44px;row-gap:6px}.rp-nr .tk,.rp-nr .comp,.rp-nr.h .sc{grid-column:1/-1;grid-row:2}
}
#print-root{display:none}
@media print{
  @page informe{size:A4 portrait;margin:0}
  body.printing-rp{padding:0!important;background:var(--ground)!important}
  body.printing-rp > *:not(#print-root){display:none!important}
  body.printing-rp #print-root{display:block;page:informe;width:1180px;zoom:.66;padding:30px 34px}
  #print-root .rp{gap:12px}
  #print-root .rp-sec,#print-root .rp-head,#print-root .rp-k,#print-root .rp-sum{break-inside:avoid}
  #print-root a{color:inherit;text-decoration:none}
  #print-root .rp-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}
  #print-root .rp-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  #print-root .rp-two{grid-template-columns:1fr 1fr}
  #print-root .rp-arrow{display:block}
  #print-root .rp-nr{grid-template-columns:minmax(120px,1.1fr) 92px minmax(0,3fr) 52px;row-gap:0;padding:7px 0}
  #print-root .rp-nr .tk,#print-root .rp-nr .comp,#print-root .rp-nr.h .sc{grid-column:auto;grid-row:auto}
  body.printing-rp #print-root{zoom:.63;width:1250px;padding:26px 30px}
}

/* 15/10/2026 (captura del usuario): en las tarjetas de recomendados el puesto va en corto (EXT, DC, CEN, LAT) y la puntuación no se encoge, para que no quede cortada */
.rec .top .score{flex:none}
.rec .top .pos-w{margin:2px auto 0 10px;min-width:0}
.rec .top .pos-w .pos-tag{margin:0}

/* ---- artículos en blanco, estilo revista (18/10/2026, petición del usuario; referencia: sus artículos en Panenka):
   fondo blanco, texto con serifa y cita destacada con palo negro a la izquierda, de palo y en negrita */
body.lectura[data-lect="claro"]{background:#FFFFFF}
/* 19/10/2026 (petición del usuario): la misma letra y el mismo tamaño con fondo blanco y con fondo negro; solo cambian los colores */
body.lectura .post-body{font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;font-size:20px;line-height:1.72}
body.lectura .post-body blockquote{text-align:left;margin:52px 0 52px 6%;padding:6px 0 6px 34px;border:0;border-left:6px solid currentColor;
  font-family:var(--body);font-weight:800;font-size:clamp(24px,2.7vw,34px);line-height:1.18;letter-spacing:-.012em;text-wrap:balance}
body.lectura .post-body blockquote::before{content:"“";display:inline;font-size:1em;line-height:inherit;margin:0;color:inherit;text-shadow:none}
body.lectura .post-body blockquote::after{content:"”"}
body.lectura[data-lect="claro"] .post-body{color:#1E1E1E}
body.lectura[data-lect="claro"] .post-body blockquote{color:#111;border-color:#111}
body.lectura[data-lect="claro"] .post-body b{color:#000}
body.lectura[data-lect="oscuro"] .post-body blockquote{color:var(--white);border-left-color:var(--lime)}
@media (max-width:720px){body.lectura .post-body{font-size:18.5px}body.lectura .post-body blockquote{margin-left:0;padding-left:22px}}

/* ---- Diagnóstico del club (19/10/2026): mapa y peso de cada carencia a la izquierda, percentiles a la derecha */
.club-diag.cd2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.cd-left{display:grid;gap:18px;align-content:start;min-width:0}
.cd-left .radar-wrap{display:grid;place-items:center}
.cd-left .radar-wrap svg{max-width:440px;width:100%}
.cd-right .dims{gap:8px}
@media (max-width:900px){.club-diag.cd2{grid-template-columns:minmax(0,1fr)}}
.fold-row.cx-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---- Plantilla del club (19/10/2026) */
.sq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sq-g{min-width:0;border:1px solid var(--rule);border-radius:16px;padding:12px 12px 6px;background:linear-gradient(160deg,color-mix(in srgb,var(--k1,#C4FF4D) 7%,transparent),transparent 55%)}
.sq-gh{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 8px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.sq-gh span{font-family:var(--display);font-size:18px;letter-spacing:.02em;color:var(--white);text-transform:uppercase}
.sq-gh small{font-family:var(--mono);font-size:11px;color:var(--faint)}
.sq-l{list-style:none;margin:0;padding:0}
.sq-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto 52px;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--rule)}
.sq-r:last-child{border-bottom:0}
.sq-r:hover{background:rgba(255,255,255,.025)}
.sq-r .avatar.sm{width:34px;height:34px}
.sq-n{display:grid;min-width:0}
.sq-n > a,.sq-n > b{font-weight:700;font-size:14px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-n small,.sq-m small{font-family:var(--mono);font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-m{display:grid;justify-items:end;font-variant-numeric:tabular-nums}
.sq-m b{font-size:13px;color:var(--ink)}
.sq-b{font-family:var(--mono);font-size:10.5px;color:var(--lime);border:1px solid var(--lime-dim);border-radius:999px;padding:2px 8px;white-space:nowrap}
.sq-v{font-family:var(--mono);font-size:11.5px;color:var(--muted);text-align:right;min-width:58px;font-variant-numeric:tabular-nums}
.sq-nota{display:grid;justify-items:center;line-height:1}
.sq-nota b{font-family:var(--display);font-weight:400;font-size:24px;color:var(--white)}
.sq-nota.lvl-good b{color:var(--lime)} .sq-nota.lvl-mid b{color:var(--amber)} .sq-nota.lvl-hole b{color:var(--rose)}
.sq-nota small{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.sq-obs{margin-top:16px}
.sq-o{grid-template-columns:34px minmax(0,1fr) auto auto}
.sq-f{font-family:var(--mono);font-size:10.5px;color:var(--amber);white-space:nowrap}
@media (max-width:1100px){.sq-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .sq-r{grid-template-columns:30px minmax(0,1fr) auto 42px;gap:8px}
  .sq-b,.sq-v{display:none}
  .sq-o{grid-template-columns:30px minmax(0,1fr) auto}
  .sq-f{grid-column:2 / -1;white-space:normal}
}
@media (max-width:620px){
  .sq-g{padding:10px 8px 4px;border-radius:14px}
  .sq-n > a,.sq-n > b{white-space:normal;line-height:1.2}
  .sq-n small{white-space:normal}
  .sq-r{gap:8px 10px}
}

/* ---- artículo en seis idiomas (19/10/2026) */
.post-langs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em}
.post-langs > span{text-transform:uppercase;opacity:.6;margin-right:4px}
.post-langs a,.post-langs b{padding:4px 10px;border-radius:999px;border:1px solid currentColor;text-decoration:none;color:inherit;opacity:.75}
.post-langs a:hover{opacity:1}
.post-langs b{opacity:1;font-weight:700}
body.lectura[data-lect="claro"] .post-langs{color:var(--paper-muted)}
body.lectura[data-lect="claro"] .post-langs > span{opacity:1}
body.lectura[data-lect="claro"] .post-langs a{color:var(--paper-ink);border-color:#C9C5B9;opacity:1}
body.lectura[data-lect="claro"] .post-langs a:hover{border-color:var(--paper-ink)}
body.lectura[data-lect="claro"] .post-langs b{background:#000;color:#fff;border-color:#000}
body:not(.lectura) .post-langs b,body.lectura[data-lect="oscuro"] .post-langs b{background:var(--lime);color:#07080A;border-color:var(--lime)}

/* ---- Favoritos: jugadores en carpetas por liga (19/10/2026, petición del usuario) */
.fv-folds{display:grid;gap:12px}
.fv-fold{border:1px solid var(--rule2);border-radius:18px;background:linear-gradient(180deg,var(--surface2),var(--surface));overflow:hidden}
.fv-fold > summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;user-select:none}
.fv-fold > summary::-webkit-details-marker{display:none}
.fv-fold > summary:hover{background:rgba(196,255,77,.04)}
.fv-fold > summary:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:18px}
.fv-fold-ic{flex:none;color:var(--lime)}
.fv-fold-t{display:grid;min-width:0;flex:1}
.fv-fold-t b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.05;color:var(--white);letter-spacing:.01em}
.fv-fold-t small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--faint);margin-top:3px;text-transform:uppercase}
.fv-fold-ch{flex:none;font-size:22px;line-height:1;color:var(--muted);transition:transform .2s}
.fv-fold[open] .fv-fold-ch{transform:rotate(90deg)}
.fv-fold > .fv-grid{padding:4px 16px 16px}
.fv-fold[data-favlg="_"] .fv-fold-ic{color:var(--faint)}
@media (prefers-reduced-motion:reduce){.fv-fold-ch{transition:none}}

/* Selecciones (27/10/2026): rejilla de países y página de cada selección */
.sel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:8px}
.sel-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--rule2);border-radius:14px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.sel-card[hidden]{display:none}
.sel-card:hover{border-color:var(--lime,#C4FF4D);transform:translateY(-1px)}
.sel-card b{display:block;font-weight:700}.sel-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.35}
.sel-flag{width:32px;height:24px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.sel-flag.big{width:44px;height:33px;vertical-align:-4px;margin-right:6px}
@media (prefers-reduced-motion:reduce){.sel-card{transition:none}}
/* 04/11/2026 (Albert: «que se vea todo bien»): las portadas son cuadradas (banner «huella de datos», 1200×1200) y se ven
   enteras, sin recortes ni degradados encima: en la lista de publicaciones, cuadradas; en el carrusel del inicio, la
   portada arriba entera y el título debajo, en dos líneas como mucho (el título completo sale bajo el carrusel). */
.pcov.img,.mag-top .pcov.img,.pub-card .pcov.img{aspect-ratio:1/1}
.pcov.img img{object-position:50% 50%;filter:none}
.pcov.img::after{display:none}
.cv-card.post:has(.cv-postimg) .cv-postimg{height:auto;aspect-ratio:1/1;object-position:50% 50%}
.cv-card.post:has(.cv-postimg) .cv-postfade{display:none}
.cv-card.post:has(.cv-postimg) .cv-pbox{padding:0 10px 9px}
.cv-card.post:has(.cv-postimg) .cv-pname{font-size:clamp(13px,1vw,15px);line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-card.post:has(.cv-postimg) .cv-pmeta{display:none}

/* 06/11/2026: móvil sin desbordes (la barra de arriba y el carrusel de portadas se salían por la derecha) */
@media (max-width:620px){header.topbar.has-burger .wrap,header.topbar .wrap{gap:6px}header.topbar .brand{gap:7px}header.topbar .brand b{font-size:14px}header.topbar .qmenu summary{padding:5px 8px;font-size:10px;gap:5px}header.topbar .cfg-btn,header.topbar .acc-btn,header.topbar .burger{width:30px;height:30px}.hero3 .hero3-c{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){header.topbar .brand b{font-size:12.5px}header.topbar .qmenu summary::after{display:none}header.topbar .qmenu summary{padding:5px 7px}}