/* ═══════════════════════════════════════════════════════════════
   Bitgital Mundial 2026 — design system
   gamer aesthetic (neón #00ff88) + cotiza teal predominante (#002827)
   ═══════════════════════════════════════════════════════════════ */
:root{
  --bg-0:#04120D; --bg-1:#071a14; --teal-deep:#002827; --teal:#004b47; --teal-accent:#205c5a;
  --gd:#0f2e22; --green:#1a4d3a; --green-l:#2d6b4f;
  --surf:#0a2620; --surf-2:#0c2e26; --surf-3:#0f3a30;
  --neon:#00ff88; --neon-dim:#00cc6a; --neon-soft:#4ade80;
  --yellow:#FFE000; --live:#00ff88;
  --t1:#EAF3EE; --t2:#C2D4CB; --t3:#9FB6AA; --t4:#8AA197; --t5:#7E9389;
  --border:rgba(255,255,255,.08); --border-2:rgba(0,255,136,.18);
  --glow:0 0 22px rgba(0,255,136,.30);
  --panel:0 10px 34px rgba(0,12,8,.55);
  --r-sm:8px; --r:14px; --r-lg:20px; --pill:999px;
  --head:'Inter',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--body); color:var(--t1);
  background:
    radial-gradient(900px 480px at 80% 340px, rgba(0,255,136,.09), transparent 60%),
    radial-gradient(820px 520px at -6% 200px, rgba(0,75,71,.38), transparent 55%),
    radial-gradient(1280px 680px at 50% 100%, rgba(0,255,136,.11), transparent 62%),
    linear-gradient(180deg,#06160F 0%, #05140E 45%, var(--teal-deep) 100%);
  background-repeat:no-repeat; min-height:100vh; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.h{font-family:var(--head)}
.chip{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}

/* ── Top utility bar ── */
.util{font-size:12px;color:var(--t3);border-bottom:1px solid var(--border);background:rgba(0,40,39,.40)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:36px}
.util .right{display:flex;gap:18px;align-items:center}
.util .right span{display:flex;gap:6px;align-items:center}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ── Header / nav ── */
header{position:sticky;top:0;z-index:50;background:rgba(5,18,13,.80);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
nav{display:flex;align-items:center;gap:28px;height:70px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:25px;width:auto}
.brand .sep{width:1px;height:26px;background:var(--border-2)}
.brand .mundial{font-family:var(--head);font-weight:800;font-size:16px;letter-spacing:.01em}
.brand .mundial b{color:var(--neon)}
.brand .yr{font-size:10px;color:var(--t4);font-weight:800;letter-spacing:.18em;display:block;margin-top:-2px}
.navlinks{display:flex;gap:4px;margin-left:8px}
.navlinks a{padding:9px 14px;border-radius:var(--pill);font-size:14px;font-weight:600;color:var(--t2);transition:.2s}
.navlinks a:hover{color:var(--t1);background:rgba(255,255,255,.05)}
.navlinks a.active{color:#04120D;background:var(--neon);font-weight:700;box-shadow:var(--glow)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.iconbtn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-2);color:var(--t2);background:transparent;cursor:pointer;transition:.2s}
.iconbtn:hover{border-color:var(--neon);color:var(--neon)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:10px 18px;border-radius:var(--pill);cursor:pointer;border:1px solid transparent;transition:.2s;font-family:var(--body)}
.btn-ghost{border-color:var(--border-2);color:var(--t1);background:transparent}
.btn-ghost:hover{border-color:var(--neon);color:var(--neon)}
.btn-neon{background:linear-gradient(135deg,var(--neon),var(--neon-dim));color:#04120D;box-shadow:var(--glow)}
.btn-neon:hover{filter:brightness(1.08)}

/* ── Match banner ── */
.banner{border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,75,71,.35),rgba(5,18,13,0))}
.banner .wrap{display:flex;align-items:center;gap:28px;height:88px}
.badge-next{background:var(--yellow);color:#2a2600;padding:5px 12px;border-radius:var(--pill)}
.match-head{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}
.team{display:flex;align-items:center;gap:11px;font-family:var(--head);font-weight:700;font-size:17px}
.team img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border-2);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.vs{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px}
.vs .lbl{font-size:11px;color:var(--t4);letter-spacing:.1em;font-weight:700}
.vs .count{font-family:var(--head);font-size:23px;font-weight:900;color:var(--neon);letter-spacing:.04em;text-shadow:0 0 16px rgba(0,255,136,.45)}
.watching{display:flex;align-items:center;gap:8px;color:var(--t2);font-size:13px;font-weight:600}
.watching .pip{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon)}
.watching b{color:var(--t1)}

/* ── Tabs row ── */
.tabsrow{border-bottom:1px solid var(--border)}
.tabsrow .wrap{display:flex;align-items:center;gap:8px;height:60px}
.tab{padding:9px 18px;border-radius:var(--r-sm);font-weight:700;font-size:14px;color:var(--t3);cursor:pointer;border:1px solid transparent;background:transparent;font-family:var(--body);transition:.2s;display:flex;align-items:center;gap:8px}
.tab:hover{color:var(--t1);background:rgba(255,255,255,.03)}
.tab.active{color:var(--neon);background:rgba(0,255,136,.09);border-color:rgba(0,255,136,.32)}
.toggle{margin-left:auto;display:flex;background:var(--surf);border:1px solid var(--border);border-radius:var(--pill);padding:4px}
.toggle button{padding:7px 16px;border-radius:var(--pill);font-size:13px;font-weight:700;color:var(--t3);background:transparent;border:none;cursor:pointer;font-family:var(--body);transition:.2s}
.toggle button.on{background:var(--neon);color:#04120D}

/* ── "Dónde ver" official sources ── */
.sources{padding:18px 0 4px}
.sources .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sources .lead{font-size:12px;color:var(--t4);font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:7px}
.src{display:flex;align-items:center;gap:9px;padding:9px 15px;border-radius:var(--pill);border:1px solid var(--border-2);background:var(--surf);cursor:pointer;font-size:13px;font-weight:700;color:var(--t1);transition:.2s}
.src:hover{border-color:var(--neon);box-shadow:var(--glow)}
.src.on{border-color:var(--neon);background:rgba(0,255,136,.10)}
.src .lg{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:900;font-family:var(--head)}
.src small{color:var(--t4);font-weight:500;font-size:11px}

/* ── Main grid ── */
main{padding:18px 0 40px}
.grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.grid>*{min-width:0}
.pc-teams{flex-wrap:wrap}

.player-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--panel)}
.pc-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.22)}
.live-badge{display:flex;align-items:center;gap:7px;background:var(--neon);color:#04120D;padding:5px 11px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:var(--glow)}
.live-badge .d{width:7px;height:7px;border-radius:50%;background:#04120D;animation:pulse 1.4s infinite}
.pc-teams{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:700;font-size:15px}
.pc-teams img{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-2)}
.pc-teams .sc{font-size:20px;font-weight:900;color:var(--neon);padding:0 4px}
.pc-min{font-size:12px;color:var(--neon);font-weight:800;margin-left:2px}
.pc-head .tools{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--t4)}
.pc-head .tools .w{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t3)}

/* video / stadium scene */
.stage{position:relative;aspect-ratio:16/9;background:#04130c;overflow:hidden}
.pitch{position:absolute;inset:0;background:
  repeating-linear-gradient(92deg,#0e4429 0 8.3%,#0b3621 8.3% 16.6%),
  linear-gradient(180deg,#125030 0%,#06200f 100%)}
.floods{position:absolute;inset:0;background:
  radial-gradient(600px 240px at 20% -8%,rgba(255,255,255,.15),transparent 70%),
  radial-gradient(600px 240px at 80% -8%,rgba(0,255,136,.12),transparent 70%);mix-blend-mode:screen}
.vignette{position:absolute;inset:0;background:radial-gradient(110% 90% at 50% 38%,transparent 40%,rgba(0,0,0,.58) 100%)}
.scoreboard{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:12px;background:rgba(4,18,13,.84);backdrop-filter:blur(8px);border:1px solid var(--border-2);border-radius:12px;padding:9px 14px;box-shadow:var(--panel)}
.scoreboard img{width:22px;height:22px;border-radius:50%}
.scoreboard .nm{font-family:var(--head);font-weight:700;font-size:13px}
.scoreboard .res{font-family:var(--head);font-weight:900;font-size:18px;letter-spacing:.06em;padding:0 6px;color:var(--neon)}
.scoreboard .min{display:flex;align-items:center;gap:5px;margin-left:6px;font-size:11px;color:var(--neon);font-weight:800}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play .circle{width:78px;height:78px;border-radius:50%;background:rgba(0,255,136,.16);border:2px solid var(--neon);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 44px rgba(0,255,136,.45);backdrop-filter:blur(2px);transition:.25s}
.play .circle:hover{transform:scale(1.07);background:rgba(0,255,136,.26)}
.play .circle svg{margin-left:5px}
.stage .ov-label{position:absolute;left:0;right:0;bottom:54px;text-align:center}
.stage .ov-label .t{font-family:var(--head);font-weight:800;font-size:17px;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.stage .ov-label .s{font-size:12px;color:var(--t2);margin-top:3px}
.ctrlbar{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(0deg,rgba(2,10,7,.92),transparent);color:var(--t2)}
.ctrlbar .bar{flex:1;height:4px;border-radius:3px;background:rgba(255,255,255,.18);position:relative}
.ctrlbar .bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,var(--neon),var(--neon-dim));border-radius:3px}
.ctrlbar .bar::after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--neon)}
.ctrlbar .lv{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--neon)}
.ctrlbar .lv .d{width:7px;height:7px;border-radius:50%;background:var(--neon);animation:pulse 1.4s infinite}

/* legal notice */
.notice{display:flex;gap:13px;align-items:flex-start;margin-top:18px;padding:15px 18px;border-radius:var(--r);border:1px solid rgba(0,255,136,.22);background:rgba(0,255,136,.05)}
.notice .ic{flex:none;width:34px;height:34px;border-radius:9px;background:rgba(0,255,136,.14);display:grid;place-items:center;color:var(--neon)}
.notice h4{font-family:var(--head);font-size:14px;font-weight:700;margin-bottom:3px}
.notice p{font-size:12.5px;color:var(--t3);line-height:1.55}
.notice a{color:var(--neon);font-weight:700}

/* commerce CTA box */
.promo{margin-top:18px;border-radius:var(--r-lg);overflow:hidden;position:relative;border:1px solid var(--border-2);
  background:linear-gradient(120deg,var(--teal-deep),var(--green) 55%,var(--teal));box-shadow:var(--panel)}
.promo::after{content:"";position:absolute;right:-40px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.22),transparent 65%)}
.promo .inner{position:relative;display:flex;align-items:center;gap:22px;padding:22px 26px}
.promo .txt{flex:1}
.promo .k{color:var(--neon);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.promo h3{font-family:var(--head);font-size:22px;font-weight:800;margin:6px 0 5px}
.promo h3 b{color:var(--neon)}
.promo p{font-size:13px;color:var(--t2);max-width:430px}
.promo .icons{display:flex;gap:10px;font-size:24px}

/* sidebar */
.side{display:flex;flex-direction:column;gap:18px}
.panel{background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--panel)}
.panel-h{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);font-family:var(--head);font-weight:700;font-size:14px}
.panel-h .live-pip{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);animation:pulse 1.5s infinite}
.seg{display:flex;padding:10px 12px;gap:6px;border-bottom:1px solid var(--border)}
.seg button{flex:1;padding:7px;border-radius:var(--r-sm);font-size:12px;font-weight:700;color:var(--t3);background:transparent;border:1px solid transparent;cursor:pointer;font-family:var(--body)}
.seg button.on{color:var(--neon);background:rgba(0,255,136,.08);border-color:rgba(0,255,136,.25)}
.feed{max-height:430px;overflow:auto}
.ev{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}
.ev .min{font-family:var(--head);font-weight:800;font-size:13px;color:var(--t3);min-width:30px}
.ev .ic{flex:none}
.ev .tx{font-size:13px;color:var(--t2);line-height:1.45}
.ev .tx b{color:var(--t1)}
.ev.goal{background:rgba(0,255,136,.07);border-left:3px solid var(--neon)}
.ev.goal .min{color:var(--neon)}
.chat-cta{padding:26px 18px;text-align:center}
.chat-cta .av{width:46px;height:46px;border-radius:50%;background:rgba(0,255,136,.12);display:grid;place-items:center;margin:0 auto 12px;color:var(--neon)}
.chat-cta p{font-size:13px;color:var(--t3);line-height:1.5;margin-bottom:14px}

/* standings mini */
.standings{padding:6px 4px 10px}
.standings .row{display:grid;grid-template-columns:24px 1fr 28px 36px;align-items:center;gap:8px;padding:9px 14px;font-size:13px}
.standings .row.head{color:var(--t4);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding-bottom:6px}
.standings .row .tn{display:flex;align-items:center;gap:9px;font-weight:600}
.standings .row .tn img{width:20px;height:20px;border-radius:50%}
.standings .row .pos{font-family:var(--head);font-weight:800;color:var(--t4);text-align:center}
.standings .row.q .pos{color:var(--neon)}
.standings .row .pts{font-family:var(--head);font-weight:800;color:var(--t1);text-align:right}
.standings .row:nth-child(even){background:rgba(255,255,255,.018)}

/* ── Commerce carousel ── */
.shop{padding:8px 0 50px}
.shop-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px}
.shop-head h2{font-family:var(--head);font-size:27px;font-weight:900;letter-spacing:-.01em}
.shop-head h2 b{color:var(--neon)}
.shop-head p{color:var(--t3);font-size:14px;margin-top:5px}
.gamer-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--neon);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.25);padding:5px 12px;border-radius:var(--pill);margin-bottom:12px}
.gamer-chip i{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);animation:pulse 1.6s infinite}
.shop-nav{display:flex;gap:8px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{display:block;color:inherit;text-decoration:none;background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.25s;cursor:pointer}
.card:hover{transform:translateY(-4px);border-color:rgba(0,255,136,.4);box-shadow:var(--glow)}
.card .ph{height:170px;position:relative;display:grid;place-items:center;overflow:hidden;background:#091e17}
.card .ph img.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.card:hover .ph img.pimg{transform:scale(1.05)}
.card .ph .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,13,.06) 45%,rgba(4,18,13,.74))}
.card .ph .glyph{font-size:60px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}
.card .ph .tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--neon);color:#04120D;padding:4px 10px;border-radius:var(--pill);font-size:11px;font-weight:800;box-shadow:var(--glow)}
.card .bd{padding:16px}
.card .bd .cat{font-size:11px;color:var(--neon);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.card .bd h4{font-family:var(--head);font-size:15px;font-weight:700;margin:6px 0 12px;line-height:1.3}
.card .price{display:flex;align-items:baseline;gap:9px}
.card .price .now{font-family:var(--head);font-size:21px;font-weight:900;color:var(--neon)}
.card .price .was{font-size:13px;color:var(--t5);text-decoration:line-through}
.card .cta{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:var(--r-sm);border:1px solid var(--border-2);font-size:13px;font-weight:700;color:var(--t1);transition:.2s}
.card:hover .cta{background:var(--neon);color:#04120D;border-color:var(--neon)}

/* ═══════════ PÁGINAS INTERNAS — componentes ═══════════ */

/* page hero */
.pagehero{border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,75,71,.30),rgba(5,18,13,0));padding:30px 0 26px}
.pagehero .crumbs{font-size:12px;color:var(--t4);font-weight:700;letter-spacing:.03em;margin-bottom:10px;display:flex;gap:8px;align-items:center}
.pagehero .crumbs b{color:var(--neon)}
.pagehero h1{font-family:var(--head);font-size:30px;font-weight:900;letter-spacing:-.01em}
.pagehero h1 b{color:var(--neon)}
.pagehero p{color:var(--t3);font-size:14px;margin-top:6px;max-width:640px}

/* filter bar */
.filterbar{padding:20px 0 2px}
.filterbar .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.daypill{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:72px;padding:9px 14px;border-radius:var(--r);border:1px solid var(--border-2);background:var(--surf);color:#fff;cursor:pointer;transition:.2s}
.daypill:hover{border-color:var(--neon)}
.daypill.on{background:var(--neon);color:#04120D;border-color:var(--neon);box-shadow:var(--glow)}
.daypill .d{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.92}
.daypill .n{font-family:var(--head);font-size:18px;font-weight:900}
.spacer{flex:1}
.fpill{padding:8px 15px;border-radius:var(--pill);border:1px solid var(--border-2);background:var(--surf);font-size:13px;font-weight:700;color:var(--t2);cursor:pointer;transition:.2s}
.fpill:hover{border-color:var(--neon);color:var(--neon)}
.fpill.on{background:var(--neon);color:#04120D;border-color:var(--neon)}

/* fixtures / match rows */
.daygroup{margin-top:26px}
.daygroup .dh{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--head);font-weight:800;font-size:15px;color:var(--t2)}
.daygroup .dh .badge{font-size:11px;font-weight:800;color:var(--neon);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);padding:3px 9px;border-radius:var(--pill)}
.fxlist{display:flex;flex-direction:column;gap:10px}
.fx{display:grid;grid-template-columns:92px 1fr 78px 1fr 168px 22px;align-items:center;gap:14px;background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:13px 16px;transition:.2s;cursor:pointer}
.fx:hover{border-color:rgba(0,255,136,.35);box-shadow:var(--glow)}
.fx .when{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--t3)}
.fx .when .st{font-weight:800;font-size:11px;letter-spacing:.04em}
.fx .when .st.live{color:var(--neon);display:flex;align-items:center;gap:5px}
.fx .when .st.fin{color:var(--t4)}
.fx .when .st.next{color:var(--yellow)}
.fx .when .grp{color:var(--t4);font-size:11px}
.fx .tm{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:15px}
.fx .tm.home{justify-content:flex-end;text-align:right}
.fx .tm img{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-2);flex:none}
.fx .sc{font-family:var(--head);font-weight:900;font-size:20px;color:var(--neon);text-align:center;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.18);border-radius:var(--r-sm);padding:5px 0}
.fx .sc.vs{color:var(--t4);font-size:13px;font-weight:800;background:transparent;border-color:transparent}
.fx .sc.next{color:var(--t1);background:rgba(255,255,255,.04);border-color:var(--border)}
.fx .ch{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--t3);flex-wrap:wrap}
.fx .ch .chip2{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--pill);border:1px solid var(--border-2);font-weight:700;background:rgba(255,255,255,.02)}
.fx .ch .chip2 .dt{width:6px;height:6px;border-radius:50%}
.fx .chev{color:var(--t4);text-align:center;font-size:16px}

/* full standings groups */
.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
.gtable .gh{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border);font-family:var(--head);font-weight:800;font-size:15px}
.gtable .gh .tagq{font-size:11px;color:var(--neon);font-weight:800}
.gtable table{width:100%;border-collapse:collapse}
.gtable th{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--t4);font-weight:800;padding:9px 6px;text-align:center}
.gtable th.tn,.gtable td.tn{text-align:left}
.gtable td{padding:10px 6px;text-align:center;font-size:13px;font-weight:600;border-top:1px solid var(--border);color:var(--t2)}
.gtable td.tn{font-family:var(--head);color:var(--t1);font-weight:700}
.gtable td.tn .in{display:flex;align-items:center;gap:9px}
.gtable td.tn img{width:20px;height:20px;border-radius:50%}
.gtable .pos{font-family:var(--head);font-weight:900;width:30px;color:var(--t4)}
.gtable tr.q .pos{color:var(--neon)}
.gtable tr.q td.tn .in{box-shadow:inset 4px 0 0 var(--neon);padding-left:9px;margin-left:-9px}
.gtable td.pts{font-family:var(--head);font-weight:900;color:var(--neon);font-size:14px}
.legendq{display:flex;gap:18px;margin-top:18px;font-size:12px;color:var(--t3);flex-wrap:wrap}
.legendq span{display:flex;align-items:center;gap:7px}
.legendq i{width:10px;height:10px;border-radius:3px;background:var(--neon)}

/* bracket */
.bracket{display:flex;gap:16px;overflow-x:auto;padding:6px 0 12px}
.bcol{display:flex;flex-direction:column;justify-content:space-around;gap:16px;min-width:208px}
.bcol .rt{font-size:11px;font-weight:800;color:var(--t4);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:2px}
.btie{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.btie .br{display:flex;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:700;font-family:var(--head)}
.btie .br+.br{border-top:1px solid var(--border)}
.btie .br img{width:20px;height:20px;border-radius:50%}
.btie .br .s{margin-left:auto;font-family:var(--head);font-weight:900;color:var(--neon)}
.btie .br.lose{color:var(--t4)}
.btie .br.lose .s{color:var(--t4)}
.btie.champ{border-color:var(--neon);box-shadow:var(--glow);background:linear-gradient(160deg,var(--surf),rgba(0,255,136,.06))}
.champbox{text-align:center;padding:16px;border:1px dashed var(--border-2);border-radius:var(--r);background:rgba(0,255,136,.04)}
.champbox .cup{font-size:34px}
.champbox .l{font-size:11px;color:var(--t4);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.champbox .t{font-family:var(--head);font-weight:900;font-size:16px;margin-top:2px}

/* dónde ver list */
.tvgrid{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.tvrow{display:grid;grid-template-columns:230px 1fr;gap:18px;background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:15px 18px;align-items:center}
.tvrow:hover{border-color:rgba(0,255,136,.3)}
.tvrow .mt{display:flex;flex-direction:column;gap:7px}
.tvrow .mt .tt{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:14px}
.tvrow .mt .tt img{width:22px;height:22px;border-radius:50%}
.tvrow .mt .meta{font-size:11px;color:var(--t4);font-weight:600}
.tvrow .bx{display:flex;flex-wrap:wrap;gap:8px}
.broad{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--pill);border:1px solid var(--border-2);background:rgba(255,255,255,.02);font-size:12px;font-weight:700;transition:.2s;cursor:pointer}
.broad:hover{border-color:var(--neon)}
.broad .lg{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff;font-family:var(--head)}
.broad small{color:var(--t4);font-weight:600;font-size:10px}
.broad.free{border-color:rgba(0,255,136,.4);background:rgba(0,255,136,.07)}

/* simple section title inside pages */
.secttl{font-family:var(--head);font-weight:800;font-size:18px;margin:30px 0 4px;display:flex;align-items:center;gap:10px}
.secttl .badge{font-size:11px;color:var(--neon);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);padding:3px 9px;border-radius:var(--pill);font-weight:800}

/* ── Footer ── */
footer{position:relative;border-top:1px solid rgba(0,255,136,.16);background:linear-gradient(180deg,rgba(3,18,12,.35),rgba(2,11,7,.85));padding:54px 0 28px;box-shadow:inset 0 1px 0 rgba(0,255,136,.07)}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px}
.fcol h5{font-family:var(--head);font-size:14px;font-weight:700;margin-bottom:16px;color:var(--t1)}
.fcol img.flogo{height:28px;margin-bottom:14px}
.fcol p{font-size:13px;color:var(--t4);line-height:1.6;max-width:330px}
.fcol ul{list-style:none}
.fcol ul li{margin-bottom:11px}
.fcol ul a{font-size:13px;color:var(--t3);transition:.15s}
.fcol ul a:hover{color:var(--neon)}
.news{display:flex;gap:8px;margin-top:14px}
.news input{flex:1;background:var(--surf);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:11px 13px;color:var(--t1);font-family:var(--body);font-size:13px}
.news input::placeholder{color:var(--t5)}
.news button{width:44px;border-radius:var(--r-sm);background:var(--neon);border:none;color:#04120D;cursor:pointer;font-size:18px;font-weight:800}
.fbot{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:22px;border-top:1px solid var(--border);flex-wrap:wrap;gap:16px}
.fbot p{font-size:12.5px;color:var(--t5)}
.socials{display:flex;gap:10px}
.socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-2);display:grid;place-items:center;color:var(--t3);transition:.2s}
.socials a:hover{border-color:var(--neon);color:var(--neon)}
.legal-line{font-size:12px;color:var(--t5);text-align:center;margin-top:18px;line-height:1.5}

/* ── Stream player (Bitmovin-style iframe + match selector) ── */
.stream-stage{background:#04130c;border:1px solid var(--border);border-radius:0 0 var(--r) var(--r);overflow:hidden}
.stream-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;background:rgba(0,0,0,.22);border-bottom:1px solid var(--border)}
.mode-toggle{display:flex;background:var(--surf);border:1px solid var(--border);border-radius:var(--pill);padding:4px}
.mode-toggle button{padding:7px 16px;border-radius:var(--pill);font-size:13px;font-weight:700;color:var(--t3);background:transparent;border:none;cursor:pointer;font-family:var(--body);transition:.2s}
.mode-toggle button.on{background:var(--neon);color:#04120D}
.channel-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.channel-pills button{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r);border:1px solid #2a2a2a;background:#141414;color:#b0b0b0;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;font-family:var(--body)}
.channel-pills button:hover{background:#1e1e1e;color:#fff}
.channel-pills button.on{background:#0d8aff;border-color:#0d8aff;color:#fff;box-shadow:0 0 14px rgba(13,138,255,.35)}
.channel-pills button .ch-hd{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:800;margin-left:-2px}

.stream-view{display:grid;gap:0;width:100%;aspect-ratio:16/9;background:#000;position:relative}
.stream-view.normal{grid-template-columns:1fr}
.stream-view.split{grid-template-columns:1fr 1fr;gap:2px}
.stream-frame{width:100%;height:100%;border:none;display:block}
.stream-view.normal .stream-frame:last-child{display:none}

/* Match info card — estilo Replay+ */
.match-info-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin:10px 14px 0;border-radius:var(--r);background:#141414;border:1px solid #2a2a2a}
.mic-teams{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mic-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#fff;background:#1a1a1a;padding:5px 10px;border-radius:999px}
.mic-dot{width:7px;height:7px;border-radius:50%;background:#00ff66;box-shadow:0 0 8px #00ff66;animation:pulse 1.2s infinite}
.mic-vs{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff}
.mic-vs img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.mic-meta{display:flex;align-items:center;gap:12px;color:#888;font-size:12px;font-weight:600}
.mic-reload{cursor:pointer;transition:.2s;color:#aaa}
.mic-reload:hover{color:#0d8aff;transform:rotate(180deg)}

/* Replays */
.replays{margin-top:24px;padding:20px;border-radius:var(--r);border:1px solid var(--border);background:linear-gradient(180deg,rgba(0,255,136,.04),transparent)}
.replays-head{margin-bottom:16px}
.replays-head h2{font-family:var(--head);font-size:22px;font-weight:800;color:var(--t1);margin:0 0 6px}
.replays-head p{color:var(--t3);font-size:13.5px;margin:0}
.replays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.replay-card{background:rgba(0,0,0,.25);border:1px solid var(--border-2);border-radius:var(--r-sm);overflow:hidden;cursor:pointer;transition:.2s}
.replay-card:hover{transform:translateY(-3px);border-color:var(--neon);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.rp-thumb{position:relative;height:120px;background-size:cover;background-position:center;background-repeat:no-repeat}
.rp-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8))}
.rp-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(0,255,136,.18);border:2px solid var(--neon);color:var(--neon);font-size:18px;display:grid;place-items:center;z-index:1;transition:.2s}
.replay-card:hover .rp-play{background:rgba(0,255,136,.3);transform:scale(1.05)}
.rp-duration{position:absolute;bottom:8px;right:8px;z-index:1;background:rgba(0,0,0,.7);color:var(--t1);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.rp-meta{padding:12px}
.rp-match{font-size:12px;font-weight:800;color:var(--neon);margin-bottom:4px}
.rp-title{font-size:13px;color:var(--t2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(4px)}
.modal-box{position:relative;width:min(92vw,960px);background:#07140f;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.modal-box video{width:100%;aspect-ratio:16/9;background:#000;display:block}
.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:var(--t1);font-size:22px;cursor:pointer;z-index:2;transition:.2s}
.modal-close:hover{background:var(--neon);color:#000}
.modal-title{padding:14px 18px;font-size:14px;font-weight:700;color:var(--t1);border-top:1px solid var(--border)}

/* Third-party disclaimer */
.disclaimer{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:var(--r);border:1px solid rgba(0,255,136,.22);background:rgba(0,255,136,.05);position:relative}
.disclaimer svg{flex:none;width:22px;height:22px;margin-top:1px;color:var(--neon)}
.disclaimer-title{font-family:var(--head);font-size:14px;font-weight:800;color:var(--neon);margin-bottom:4px}
.disclaimer-text{font-size:12.5px;color:var(--t3);line-height:1.55}
.disclaimer-text a{color:var(--neon);font-weight:700;text-decoration:underline}
.disclaimer-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--t4);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.disclaimer-close:hover{color:var(--neon);background:rgba(0,255,136,.10)}

@media(max-width:720px){
  .stream-toolbar{flex-direction:column;align-items:stretch}
  .channel-pills{justify-content:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .channel-pills::-webkit-scrollbar{display:none}
  .channel-pills button{flex:none}
  .stream-view.split{grid-template-columns:1fr;aspect-ratio:auto}
  .stream-view.split .stream-frame{aspect-ratio:16/9}
}
.cookies{position:fixed;left:24px;right:24px;bottom:24px;z-index:80;max-width:560px;margin:0 auto;background:var(--surf-2);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:20px 22px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cookies h4{font-family:var(--head);font-size:15px;font-weight:700;margin-bottom:8px}
.cookies p{font-size:12.5px;color:var(--t3);line-height:1.5;margin-bottom:14px}
.cookies .acts{display:flex;gap:10px;justify-content:flex-end}
.cookies .acts button{padding:9px 16px;border-radius:var(--pill);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--body);border:1px solid var(--border-2);background:transparent;color:var(--t2)}
.cookies .acts .ok{background:var(--neon);color:#04120D;border-color:var(--neon)}

@media(max-width:1080px){
  .grid{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
  .groups{grid-template-columns:1fr}
}
@media(max-width:720px){
  .fx{grid-template-columns:70px 1fr 64px 1fr;gap:8px}
  .fx .ch,.fx .chev{display:none}
  .cards{grid-template-columns:1fr}
}

/* ═══════════ Datos EN VIVO (clasificación + resultados) ═══════════ */
.live-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--neon);
  background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.25);padding:6px 13px;border-radius:var(--pill)}
.filterbar.tight{padding:12px 0 0}
.filterbar.tight .fpill i.dot-live{margin-right:2px}

/* tira de días (resultados) — scroll horizontal */
#day-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--teal) transparent;padding-bottom:6px;scroll-snap-type:x proximity}
#day-strip::-webkit-scrollbar{height:6px}
#day-strip::-webkit-scrollbar-thumb{background:var(--teal);border-radius:6px}
#day-strip .daypill{flex:0 0 auto;min-width:64px;scroll-snap-align:center;position:relative}
.daypill .mo{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.daypill.today:not(.on){border-color:var(--neon)}
.daypill.today::after{content:"HOY";position:absolute;top:-7px;right:-4px;font-size:9px;font-weight:900;letter-spacing:.05em;
  background:var(--neon);color:#04120D;padding:1px 5px;border-radius:var(--pill);box-shadow:var(--glow)}
.daypill.on .mo{opacity:.9}

/* sub-tabs clasificación */
.subtab{animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.gtable td.gf{color:var(--t3);font-variant-numeric:tabular-nums;font-size:12px}
.gtable th{white-space:nowrap}
.grp-tag{font-size:10px;font-weight:800;color:var(--t4);background:rgba(255,255,255,.05);border:1px solid var(--border);
  padding:1px 6px;border-radius:var(--pill);margin-left:2px}
.gtable.thirds{max-width:760px;margin:24px auto 0}
.gtable.thirds tr.q td.tn .in{box-shadow:inset 4px 0 0 var(--neon);padding-left:9px;margin-left:-9px}
.tbd-flag{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;flex:none;
  background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--t4);font-size:11px;font-weight:800}

/* knockout / llave por rondas */
.koround{margin-top:26px}
.ko-h{font-family:var(--head);font-weight:800;font-size:16px;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.ko-h span{font-size:11px;font-weight:800;color:var(--neon);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);
  padding:3px 9px;border-radius:var(--pill)}
.ko-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
.koround .btie{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:.2s}
.koround .btie:hover{border-color:rgba(0,255,136,.3)}
.btie-meta{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--t4);text-transform:uppercase;
  padding:7px 12px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.18);display:flex;align-items:center;gap:6px}
.koround .btie .br .bn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ko-live{display:inline-flex;align-items:center;gap:5px;color:var(--neon)}

/* estados de carga / vacío / error */
.data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:64px 20px;text-align:center;color:var(--t3)}
.data-state p{font-size:14px;max-width:380px;line-height:1.5}
.data-state .ds-ic{font-size:34px;opacity:.85}
.data-state.err p{color:var(--t2)}
.spin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(0,255,136,.15);border-top-color:var(--neon);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .ko-grid{grid-template-columns:1fr}
}

/* badges del banner (home en vivo) */
.badge-live{background:var(--neon);color:#04120D;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--glow)}
.badge-live i{width:7px;height:7px;border-radius:50%;background:#04120D;animation:pulse 1.4s infinite}
.badge-fin{background:rgba(255,255,255,.10);color:var(--t2);border:1px solid var(--border)}

/* lista compacta de partidos (sidebar home) */
.mini-list{display:flex;flex-direction:column}
.mini-row{display:grid;grid-template-columns:48px 1fr auto 1fr;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}
.mini-row:last-child{border-bottom:none}
.mini-row .mr-st{font-size:11px;font-weight:800}
.mini-row .mr-st.live{color:var(--neon);display:flex;align-items:center;gap:4px}
.mini-row .mr-st.fin{color:var(--t4)}
.mini-row .mr-st.next{color:var(--yellow)}
.mini-row .mr-tm{display:flex;align-items:center;gap:7px;min-width:0}
.mini-row .mr-tm.away{flex-direction:row-reverse;text-align:right}
.mini-row .mr-tm b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-row .mr-tm img,.mini-row .mr-tm .tbd-flag{width:18px;height:18px;border-radius:50%;flex:none}
.mini-row .mr-sc{font-family:var(--head);font-weight:900;color:var(--neon);font-size:13px}
.mini-row .mr-vs{font-size:11px;color:var(--t4);font-weight:700}

/* ═══════════ BIBLIOTECA HISTÓRICA ═══════════ */
/* selector de Mundiales (tira horizontal) */
#cup-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--teal) transparent;padding-bottom:6px;scroll-snap-type:x proximity}
#cup-strip::-webkit-scrollbar{height:6px}
#cup-strip::-webkit-scrollbar-thumb{background:var(--teal);border-radius:6px}
.cuppill{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:118px;padding:10px 16px;border-radius:var(--r);
  border:1px solid var(--border-2);background:var(--surf);cursor:pointer;transition:.2s;scroll-snap-align:center}
.cuppill:hover{border-color:var(--neon)}
.cuppill.on{background:var(--neon);color:#04120D;border-color:var(--neon);box-shadow:var(--glow)}
.cuppill .cp-yr{font-family:var(--head);font-size:19px;font-weight:900;letter-spacing:.01em;line-height:1;color:#fff}
.cuppill .cp-host{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:rgba(255,255,255,.82)}
.cuppill.on .cp-yr{color:#04120D}
.cuppill.on .cp-host{color:rgba(4,18,13,.72)}
.cuppill .cp-host img{width:16px;height:11px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}

/* cabecera del torneo + campeón */
.cup-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:24px;padding:18px 22px;
  border-radius:var(--r-lg);border:1px solid var(--border-2);box-shadow:var(--panel);position:relative;overflow:hidden;
  background:linear-gradient(120deg,var(--teal-deep),var(--green) 60%,var(--teal))}
.cup-head::after{content:"";position:absolute;right:-40px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.18),transparent 65%)}
.cup-id{display:flex;align-items:center;gap:16px;position:relative}
.cup-yr{font-family:var(--head);font-size:40px;font-weight:900;letter-spacing:-.02em;color:var(--neon);text-shadow:0 0 22px rgba(0,255,136,.35);line-height:1}
.cup-host{display:flex;align-items:center;gap:9px;font-family:var(--head);font-weight:800;font-size:17px;color:var(--t1)}
.cup-host img{width:30px;height:20px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.cup-champ{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.24);border:1px solid var(--border-2);border-radius:var(--r);padding:10px 16px;position:relative}
.cup-champ .cc-logo{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-2);background:#091e17;flex:none}
.cup-champ .cc-l{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--t4)}
.cup-champ .cc-t{display:block;font-family:var(--head);font-weight:900;font-size:17px;color:var(--neon)}

/* rondas */
.lib-round{margin-top:26px}
.lib-rh{font-family:var(--head);font-weight:800;font-size:16px;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.lib-rh span{font-size:11px;font-weight:800;color:var(--neon);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);padding:3px 9px;border-radius:var(--pill)}
.lib-rh.as-summary{cursor:pointer;list-style:none;user-select:none}
.lib-rh.as-summary::-webkit-details-marker{display:none}
.lib-rh.as-summary::before{content:"▸";color:var(--neon);font-size:13px;transition:.2s;display:inline-block}
details[open] .lib-rh.as-summary::before{transform:rotate(90deg)}

/* grid + tarjeta de partido histórico */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.lib-card{display:flex;flex-direction:column;gap:11px;background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;transition:.2s;color:inherit}
.lib-card:hover{transform:translateY(-3px);border-color:rgba(0,255,136,.4);box-shadow:var(--glow)}
.lc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lc-round{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--neon);
  background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);padding:3px 9px;border-radius:var(--pill)}
.lc-date{font-size:11px;color:var(--t4);font-weight:700;white-space:nowrap}
.lc-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.lc-team{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:13px;min-width:0}
.lc-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-team.away{flex-direction:row-reverse;text-align:right}
.lc-team.win span{color:var(--t1)}
.lc-team:not(.win) span{color:var(--t3)}
.lc-logo{width:25px;height:25px;border-radius:50%;border:1px solid var(--border-2);flex:none;background:#091e17}
.lc-score{font-family:var(--head);font-weight:900;font-size:19px;color:var(--neon);letter-spacing:.04em;
  background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.18);border-radius:var(--r-sm);padding:4px 9px;white-space:nowrap}
.lc-score small{color:var(--t5);font-weight:700;margin:0 1px}
.lc-note{font-size:11.5px;color:var(--t3);background:rgba(255,255,255,.03);border-left:2px solid var(--neon);padding:6px 10px;border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:1.4}
.lc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--t4)}
.lc-venue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lc-watch{flex:none;display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--neon)}
.lib-card:hover .lc-watch{text-shadow:0 0 10px rgba(0,255,136,.5)}
.lib-card{cursor:pointer}
.lc-actions{display:flex;gap:6px;flex:none}
.lc-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--pill);border:1px solid var(--border-2);
  background:rgba(0,255,136,.06);color:var(--neon);font-family:var(--body);font-weight:800;font-size:11px;cursor:pointer;transition:.18s;white-space:nowrap}
.lc-btn:hover{background:var(--neon);color:#04120D;border-color:var(--neon);box-shadow:var(--glow)}
.lc-btn.full{color:var(--yellow);border-color:rgba(255,224,0,.32);background:rgba(255,224,0,.07)}
.lc-btn.full:hover{background:var(--yellow);color:#2a2600;border-color:var(--yellow);box-shadow:0 0 18px rgba(255,224,0,.35)}
.lc-btn.rp{color:#ff5e9a;border-color:rgba(255,94,154,.32);background:rgba(255,94,154,.07)}
.lc-btn.rp:hover{background:#ff5e9a;color:#fff;border-color:#ff5e9a;box-shadow:0 0 18px rgba(255,94,154,.35)}

/* modal reproductor (iframe oficial de YouTube) */
.yt-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.yt-modal.open{display:flex}
.yt-backdrop{position:absolute;inset:0;background:rgba(2,8,6,.86);backdrop-filter:blur(6px)}
.yt-box{position:relative;width:min(960px,96vw);background:#07140f;border:1px solid var(--border-2);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.7)}
.yt-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.yt-frame-wrap #ytPlayerWrap{position:absolute;inset:0;width:100%;height:100%}
.yt-frame-wrap #ytPlayer{width:100%;height:100%}
.yt-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#07140f}
.yt-fallback p{color:var(--t2);font-size:14px;margin-bottom:14px}
.yt-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--border)}
.yt-bar .yt-t{font-family:var(--head);font-weight:700;font-size:14px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yt-bar a{flex:none;font-size:12px;font-weight:800;color:var(--neon)}
.yt-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;
  background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:.2s}
.yt-close:hover{background:var(--neon);color:#04120D}
@media(max-width:480px){ .yt-bar .yt-t{font-size:12px} .lc-actions{flex-wrap:wrap;justify-content:flex-end} }

/* ===== Bracket / Fase final (árbol simétrico, datos en vivo) ===== */
.bracket-hint{color:var(--t4);font-size:12px;margin:0 0 12px}
.bracket-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:14px;-webkit-overflow-scrolling:touch}
.bracket-scroll::-webkit-scrollbar{height:10px}
.bracket-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px}
.bracket-scroll::-webkit-scrollbar-thumb{background:var(--teal);border-radius:8px}
.bracket{display:flex;gap:10px;align-items:stretch;min-width:max-content;padding:4px}
.bcol{display:flex;flex-direction:column;min-width:152px;flex:0 0 auto}
.bcol-h{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--neon);text-align:center;padding:4px 0 10px;white-space:nowrap;min-height:22px}
.bcol-body{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:8px}
.c-final{min-width:196px}
.fcenter{justify-content:center}
.bx{background:linear-gradient(180deg,rgba(0,75,71,.35),rgba(0,40,39,.55));border:1px solid var(--border-2);border-radius:10px;padding:7px 8px;display:flex;flex-direction:column;gap:5px}
.bx.s-in{border-color:var(--neon);box-shadow:0 0 0 1px rgba(0,255,136,.25),0 0 16px rgba(0,255,136,.15)}
.bx-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--t3);font-weight:700}
.bx-id{color:var(--neon);font-weight:800;letter-spacing:.03em}
.bx-when{display:flex;align-items:center;gap:4px}
.bx-tbdt{opacity:.65}
.bx-live{display:inline-flex;align-items:center;gap:3px;color:#ff5a5a;font-weight:800}
.bx-slot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t1);min-height:23px}
.bx-lg{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.bx-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.bx-sc{font-weight:800;color:var(--neon);min-width:14px;text-align:right}
.bx-slot.win .bx-nm{color:#fff;font-weight:800}
.bx-slot.win .bx-sc{color:#fff}
.bx-slot.lose{opacity:.5}
.bx-slot.feeder{opacity:.72}
.bx-slot.feeder .bx-nm.tbd{color:var(--t4);font-style:italic;font-weight:600}
.bx-tbd{width:18px;text-align:center;color:var(--teal);flex:0 0 auto}
.final-block{display:flex;flex-direction:column;gap:8px;background:radial-gradient(120% 120% at 50% 0,rgba(0,255,136,.10),transparent 70%);border:1px solid rgba(0,255,136,.25);border-radius:14px;padding:12px 10px}
.final-title{text-align:center;font-weight:900;color:var(--yellow);font-size:12px;letter-spacing:.04em;text-shadow:0 0 14px rgba(255,224,0,.4)}
.final-block > .bx:first-of-type{border-color:rgba(255,224,0,.45);background:linear-gradient(180deg,rgba(255,224,0,.08),rgba(0,40,39,.55))}
.third-title{text-align:center;font-weight:800;color:var(--t4);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
@media(max-width:768px){ .bcol{min-width:142px} .c-final{min-width:182px} .bx-slot{font-size:11px} }

/* ═══════════ OPTIMIZACIÓN MÓVIL (a fondo) ═══════════ */
@media(max-width:900px){
  .wrap{padding:0 16px}
  /* barra utilitaria compacta */
  .util .wrap{height:auto;min-height:34px;flex-wrap:wrap;gap:4px 14px;padding:6px 16px}
  .util-title{display:none}
  .util .right{gap:14px;flex-wrap:wrap}
  /* nav: marca + links deslizables horizontalmente, sin acciones */
  nav{height:58px;gap:8px}
  .brand img{height:20px}
  .brand .mundial{font-size:13px}
  .brand .yr{display:none}
  .navlinks{display:flex;margin-left:2px;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{padding:7px 10px;font-size:12.5px;white-space:nowrap}
  .nav-right{display:none}
  /* hero */
  .pagehero{padding:22px 0 18px}
  .pagehero h1{font-size:24px}
  .pagehero p{font-size:13px}
}
@media(max-width:768px){
  /* tablas de grupos / terceros compactas */
  .gtable th,.gtable td{padding:8px 4px;font-size:12px}
  .gtable td.tn{font-size:12.5px}
  .gtable td.tn img,.gtable td.tn .tbd-flag{width:18px;height:18px}
  .gtable td.gf{font-size:11px}
  .gtable .gh{font-size:14px;padding:11px 13px}
  .gtable .gh .tagq{font-size:10px}
  .gtable.thirds .grp-tag{display:none}
  /* filterbar sin spacer que empuje; ocultar etiqueta "datos en vivo" */
  .filterbar .spacer{display:none}
  .filterbar .wrap{gap:8px}
  .live-tag{display:none}
  /* banner home apilado */
  .banner .wrap{height:auto;flex-direction:column;gap:14px;padding:16px;align-items:stretch}
  .match-head{gap:12px}
  .team{font-size:15px;gap:8px}
  .team img{width:26px;height:26px}
  .vs{min-width:88px}
  .vs .count{font-size:20px}
  .watching{justify-content:center;text-align:center}
  /* contención del reproductor de terceros para que NO desborde en móvil */
  .player-card{max-width:100%;overflow:hidden}
  .pc-head{flex-wrap:wrap;gap:8px 10px}
  .pc-head .tools{margin-left:auto}
  .pc-teams{font-size:13px;gap:8px;flex-wrap:wrap}
  .pc-teams img{width:20px;height:20px}
  .stream-toolbar{gap:10px}
  .channel-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .channel-pills::-webkit-scrollbar{display:none}
  .channel-pills button{flex:none}
  /* tabsrow deslizable, sin toggle */
  .tabsrow .wrap{height:auto;padding:10px 16px;overflow-x:auto;scrollbar-width:none}
  .tabsrow .wrap::-webkit-scrollbar{display:none}
  .tabsrow .toggle{display:none}
  .tab{flex:none}
  /* "dónde ver" en index: chips deslizables */
  .sources .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sources .wrap::-webkit-scrollbar{display:none}
  .sources .src{flex:none}
  /* promo apilada */
  .promo .inner{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
  .promo p{max-width:none}
  .promo h3{font-size:20px}
  /* dónde ver: filas apiladas */
  .tvrow{grid-template-columns:1fr;gap:12px}
  /* tienda */
  .shop-head{flex-direction:column;align-items:flex-start;gap:8px}
  .shop-head h2{font-size:23px}
  /* footer */
  .fgrid{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:480px){
  .pagehero h1{font-size:21px}
  .secttl{font-size:16px}
  .fgrid{grid-template-columns:1fr;gap:24px}
  .fbot{flex-direction:column;align-items:flex-start;gap:12px}
  .cookies{left:12px;right:12px;bottom:12px;padding:16px}
  /* filas de partidos aún más compactas */
  .fx{grid-template-columns:54px 1fr 54px 1fr;gap:6px;padding:11px 12px}
  .fx .when .st{font-size:10px}
  .fx .tm{font-size:13px;gap:6px}
  .fx .tm img{width:22px;height:22px}
  /* navegación de partidos en vivo */
  .match-nav{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--border);font-size:13px}
  .nav-btn{padding:8px 14px;background:rgba(0,255,136,.09);border:1px solid var(--border-2);color:var(--neon);border-radius:var(--pill);cursor:pointer;font-weight:700;transition:.2s;font-family:var(--body)}
  .nav-btn:hover{background:rgba(0,255,136,.18);box-shadow:var(--glow)}
  .nav-count{color:var(--t3);font-weight:600}
  .fx .sc{font-size:17px;padding:4px 0}
  .daypill{min-width:56px;padding:8px 10px}
  .daypill .n{font-size:16px}
  /* en pantallas muy chicas, ocultar GF para que respire la tabla */
  .gtable th:nth-child(7),.gtable td:nth-child(7){display:none}
  .mini-row{grid-template-columns:42px 1fr auto 1fr;gap:6px;padding:10px}
}

/* biblioteca — móvil */
@media(max-width:768px){
  .cup-head{padding:14px 16px;gap:14px}
  .cup-yr{font-size:32px}
  .cup-host{font-size:15px}
  .cup-champ{padding:8px 12px}
  .cup-champ .cc-logo{width:32px;height:32px}
  .cup-champ .cc-t{font-size:15px}
  .cuppill{min-width:104px;padding:9px 13px}
}
@media(max-width:480px){
  .lib-grid{grid-template-columns:1fr}
  .cup-head{flex-direction:column;align-items:flex-start}
  .cup-champ{width:100%}
  .lc-team{font-size:13px;gap:7px}
  .lc-logo{width:24px;height:24px}
  .lc-score{font-size:18px;padding:4px 8px}
}


/* ═══════════ COMPARTIR RESULTADO (WhatsApp) ═══════════ */
/* ── overlay ─────────────────────────────────────────── */
.msh-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.78);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  overscroll-behavior: contain;
}

.msh-overlay.msh-open {
  display: flex;
}

/* ── dialog box ──────────────────────────────────────── */
.msh-box {
  position: relative;
  background: var(--surf);
  border: 1px solid rgba(0, 255, 136, 0.25);
  border-radius: 16px;
  padding: 1.25rem 1.25rem 1.5rem;
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  max-height: 96dvh;
  overflow-y: auto;
}

/* ── close button ────────────────────────────────────── */
.msh-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: 1px solid rgba(0, 255, 136, 0.22);
  border-radius: 50%;
  background: #0e3028;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: border-color 0.15s, color 0.15s;
  flex-shrink: 0;
}

.msh-close:hover {
  border-color: var(--neon);
  color: var(--neon);
}

.msh-close:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 2px;
}

/* ── preview area ────────────────────────────────────── */
.msh-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  background: #0e3028;
  border-radius: 10px;
  border: 1px solid rgba(0, 255, 136, 0.1);
  overflow: hidden;
}

/* card is 9:16 — constrain by height */
.msh-img {
  display: block;
  max-height: 70dvh;
  max-height: 70vh;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 6px;
}

.msh-spinner {
  padding: 2rem;
}

/* ── messages ────────────────────────────────────────── */
.msh-err {
  color: #ff6b6b;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: rgba(255, 107, 107, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 107, 107, 0.25);
}

.msh-hint {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: rgba(0,255,136,0.18);
  border-radius: 8px;
  border: 1px solid rgba(0, 255, 136, 0.2);
}

/* ── action buttons ──────────────────────────────────── */
.msh-actions {
  display: flex;
  gap: 0.625rem;
}

.msh-btn {
  flex: 1;
  height: 44px;
  min-height: 44px;
  border-radius: 10px;
  border: 1.5px solid var(--neon);
  background: transparent;
  color: var(--neon);
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, opacity 0.15s;
  padding: 0 1rem;
}

.msh-btn:hover:not(:disabled) {
  background: var(--neon);
  color: var(--surf);
}

.msh-btn:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 2px;
}

.msh-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.msh-btn--share {
  background: var(--neon);
  color: var(--surf);
}

.msh-btn--share:hover:not(:disabled) {
  background: #00e87a;
  border-color: #00e87a;
  color: var(--surf);
}

.msh-btn--share:disabled {
  background: transparent;
  color: var(--neon);
}

/* ── share trigger button (in cards/fixtures) ────────── */
.btn-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 36px;
  min-height: 36px;
  padding: 0 0.875rem;
  border-radius: 8px;
  border: 1.5px solid var(--neon, #00ff88);
  background: transparent;
  color: var(--neon, #00ff88);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.14s, color 0.14s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.btn-share:hover {
  background: var(--neon, #00ff88);
  color: var(--surf, #0a2620);
}

.btn-share:active {
  opacity: 0.82;
  transform: scale(0.97);
}

.btn-share:focus-visible {
  outline: 2px solid var(--neon, #00ff88);
  outline-offset: 2px;
}

/* variants used by different render sites */
.share-btn,
.lc-btn.share,
.bx-share,
.mr-share,
.share-result-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
  padding: 0 0.875rem;
  border-radius: 8px;
  border: 1.5px solid var(--neon, #00ff88);
  background: transparent;
  color: var(--neon, #00ff88);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.14s, color 0.14s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.share-btn:hover,
.lc-btn.share:hover,
.bx-share:hover,
.mr-share:hover,
.share-result-btn:hover {
  background: var(--neon, #00ff88);
  color: var(--surf, #0a2620);
}

.share-btn:focus-visible,
.lc-btn.share:focus-visible,
.bx-share:focus-visible,
.mr-share:focus-visible,
.share-result-btn:focus-visible {
  outline: 2px solid var(--neon, #00ff88);
  outline-offset: 2px;
}

/* ── mobile tweaks ───────────────────────────────────── */
@media (max-width: 480px) {
  .msh-box {
    padding: 1rem 1rem 1.25rem;
    border-radius: 12px;
  }

  .msh-img {
    max-height: 60dvh;
    max-height: 60vh;
  }

  .msh-btn {
    height: 48px;
    min-height: 48px;
    font-size: 1rem;
  }
}

/* === Compartir resultado: posicionamiento en tarjetas === */
.fx .fx-share{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:4px}
.banner-share{display:flex;justify-content:center;margin-top:14px}
@media(max-width:480px){ .banner-share{margin-top:11px} }


/* ═══════════ DETALLE DEL PARTIDO (estadísticas) ═══════════ */
[data-eid]{cursor:pointer}
.md-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(2,10,7,.82);align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.md-overlay.open{display:flex}
.md-box{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;background:var(--surf);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);padding:22px 20px}
.md-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-2);background:var(--surf-2);color:var(--t2);font-size:14px;cursor:pointer;display:grid;place-items:center;transition:.15s}
.md-close:hover{border-color:var(--neon);color:var(--neon)}
.md-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px}
.md-team{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--t1);text-align:center;line-height:1.2}
.md-team img{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-2);object-fit:cover;background:var(--surf-2)}
.md-score{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:90px}
.md-sc{display:flex;align-items:center;gap:5px}
.md-sc b{font-family:var(--head);font-size:36px;font-weight:900;color:var(--neon);line-height:1}
.md-sc i{color:var(--t3);font-style:normal}
.md-vs{font-family:var(--head);font-size:22px;color:var(--t3);font-weight:900}
.md-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;color:var(--neon);letter-spacing:.02em}
.md-fin{font-size:11px;font-weight:900;color:var(--t3);letter-spacing:.1em}
.md-next{font-size:11px;font-weight:800;color:var(--t4)}
.md-events{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px}
.md-ev{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--t2);line-height:1.3}
.md-ev.a{flex-direction:row-reverse;text-align:right}
.md-ev-min{font-weight:900;color:var(--neon);min-width:38px;flex:none}
.md-ev-ic{font-size:13px;flex:none}
.md-ev-tx{flex:1}
.md-stats{display:flex;flex-direction:column;gap:14px}
.md-stat-top{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;margin-bottom:6px;font-size:12px}
.md-sv{font-weight:900;color:var(--t3)}
.md-sv:first-child{text-align:left}
.md-sv:last-child{text-align:right}
.md-sv.lead{color:var(--neon)}
.md-sl{text-align:center;color:var(--t2);font-weight:700;font-size:11px;letter-spacing:.02em}
.md-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.06)}
.md-bh{background:var(--neon)}
.md-ba{background:var(--t4)}
.md-empty{padding:26px 12px;text-align:center;color:var(--t3);font-size:13px;line-height:1.5}
@media(max-width:480px){ .md-box{padding:18px 15px}.md-sc b{font-size:30px}.md-team img{width:40px;height:40px}.md-team{font-size:12px} }


/* ═══════════ BANNER PUBLICITARIO PC GAMER (muy visible) ═══════════ */
.pcbanner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;margin:0 0 22px;padding:20px 26px;border-radius:18px;text-decoration:none;
  background:linear-gradient(120deg,#06160f 0%,#0a2620 45%,#0f3a30 100%);
  border:1.5px solid rgba(0,255,136,.45);
  box-shadow:0 0 0 1px rgba(0,255,136,.08),0 14px 40px rgba(0,0,0,.45),0 0 50px rgba(0,255,136,.12)}
.pcbanner:hover{border-color:var(--neon);box-shadow:0 0 0 1px rgba(0,255,136,.20),0 18px 52px rgba(0,0,0,.55),0 0 72px rgba(0,255,136,.24)}
.pcbanner-shine{position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(0,255,136,.14),transparent);transform:skewX(-18deg);animation:pcshine 5s ease-in-out infinite;pointer-events:none}
@keyframes pcshine{0%,100%{left:-60%}55%{left:130%}}
.pcbanner-main{display:flex;align-items:center;gap:22px;min-width:0}
.pcbanner-logo{height:48px;width:auto;flex:none;filter:drop-shadow(0 0 8px rgba(0,255,136,.28))}
.pcbanner-txt{min-width:0}
.pcbanner-k{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--neon);margin-bottom:5px}
.pcbanner-txt h2{font-family:var(--head);font-size:clamp(18px,2.3vw,26px);font-weight:900;color:#fff;line-height:1.08;margin:0 0 6px}
.pcbanner-txt h2 b{color:var(--neon)}
.pcbanner-txt p{font-size:13px;color:var(--t2);margin:0}
.pcbanner-txt p b{color:#fff}
.pcbanner-right{display:flex;align-items:center;gap:18px;flex:none}
.pcbanner-pc{width:132px;height:86px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,255,136,.32);box-shadow:0 6px 22px rgba(0,0,0,.5)}
.pcbanner-cta{flex:none;background:linear-gradient(135deg,var(--neon),var(--neon-dim));color:#04120D;font-weight:900;font-size:14px;padding:14px 24px;border-radius:11px;box-shadow:0 0 24px rgba(0,255,136,.42);white-space:nowrap}
.pcbanner:hover .pcbanner-cta{box-shadow:0 0 34px rgba(0,255,136,.65)}
@media(max-width:760px){
  .pcbanner{flex-direction:column;align-items:stretch;text-align:center;padding:18px 16px;gap:14px}
  .pcbanner-main{flex-direction:column;gap:13px}
  .pcbanner-logo{height:40px}
  .pcbanner-right{flex-direction:column;gap:13px}
  .pcbanner-pc{width:100%;height:130px}
  .pcbanner-cta{display:block;text-align:center;padding:13px}
}

/* botones de Estadísticas visibles (banner del partido + reproductor en vivo) */
.banner-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}
.stat-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(0,255,136,.12);border:1.5px solid var(--neon);color:var(--neon);font-weight:800;font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;transition:.15s;white-space:nowrap}
.stat-btn:hover{background:var(--neon);color:#04120D;box-shadow:0 0 18px rgba(0,255,136,.4)}
.pc-stats{display:inline-flex;align-items:center;gap:5px;background:var(--neon);color:#04120D;border:none;font-weight:900;font-size:12px;padding:7px 13px;border-radius:9px;cursor:pointer;box-shadow:0 0 16px rgba(0,255,136,.35);transition:.15s;white-space:nowrap}
.pc-stats:hover{box-shadow:0 0 26px rgba(0,255,136,.6);transform:translateY(-1px)}
@media(max-width:480px){ .pc-stats{font-size:11px;padding:6px 10px} }


/* ═══════════ BOTÓN COMPARTIR EN WHATSAPP (muy visible) ═══════════ */
.btn-share,.btn-share.wa{background:#25D366 !important;color:#04120D !important;border:none !important;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-weight:900;font-size:13px;padding:11px 17px;border-radius:11px;cursor:pointer;line-height:1;white-space:nowrap;
  box-shadow:0 0 0 1px rgba(37,211,102,.38),0 5px 18px rgba(37,211,102,.42);transition:.15s}
.btn-share:hover{background:#2bee72 !important;transform:translateY(-1px);box-shadow:0 0 0 1px rgba(37,211,102,.6),0 8px 26px rgba(37,211,102,.58)}
.btn-share:active{transform:scale(.98)}
.btn-share .wa-ic{width:18px;height:18px;flex:none}
/* en fixtures el botón va en su propia fila, centrado y destacado */
.fx-share{justify-content:center !important}
.lc-actions .btn-share{font-size:12px;padding:9px 13px}
/* botón Compartir del modal de preview también verde WhatsApp */
.msh-btn--share{background:#25D366 !important;color:#04120D !important;border-color:#25D366 !important;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.msh-btn--share:hover:not(:disabled){background:#2bee72 !important;color:#04120D !important}
.msh-btn--share:disabled{background:transparent !important;color:#25D366 !important;border-color:#25D366 !important}
.msh-btn--share .wa-ic{width:19px;height:19px;flex:none}
.msh-overlay .msh-btn--share:not(:disabled){background:#25D366 !important;color:#04120D !important;border-color:#25D366 !important}

/* botón Estadísticas en la barra del partido en vivo (match-info-card) */
.mic-stats{display:inline-flex;align-items:center;gap:5px;background:var(--neon);color:#04120D;border:none;font-weight:900;font-size:12px;padding:7px 13px;border-radius:9px;cursor:pointer;box-shadow:0 0 16px rgba(0,255,136,.45);transition:.15s;white-space:nowrap;margin-right:6px}
.mic-stats:hover{box-shadow:0 0 26px rgba(0,255,136,.7);transform:translateY(-1px)}
@media(max-width:480px){ .mic-stats{font-size:11px;padding:6px 9px} }

/* Banner PC COMPACTO en móvil — tira delgada, no tapa el partido */
@media(max-width:760px){
  .pcbanner{flex-direction:row !important;align-items:center !important;text-align:left !important;padding:11px 13px !important;gap:11px !important;margin-bottom:14px}
  .pcbanner-main{flex-direction:row !important;align-items:center !important;gap:11px !important;flex:1 1 auto;min-width:0}
  .pcbanner-logo{height:30px !important}
  .pcbanner-pc{display:none !important}
  .pcbanner-right{flex-direction:row !important;gap:0 !important;flex:none}
  .pcbanner-k{font-size:9.5px !important;margin-bottom:2px}
  .pcbanner-txt h2{font-size:14px !important;line-height:1.15 !important;margin-bottom:2px}
  .pcbanner-txt p{font-size:10.5px !important}
  .pcbanner-cta{padding:10px 14px !important;font-size:12px !important;display:inline-flex !important}
}
@media(max-width:440px){
  .pcbanner-k{display:none !important}
  .pcbanner-txt p{display:none !important}
  .pcbanner-logo{height:26px !important}
  .pcbanner-txt h2{font-size:13px !important}
  .pcbanner-cta{padding:9px 12px !important;font-size:11.5px !important}
}

/* ═══════════ CHAT EN VIVO ═══════════ */
.chat{display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--border-2);border-radius:14px;overflow:hidden;height:520px;max-height:72vh}
.chat-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:800;font-size:14px;color:var(--t1);background:rgba(0,255,136,.05)}
.chat-on{font-size:11px;font-weight:800;color:var(--neon);display:inline-flex;align-items:center;gap:5px}
.chat-on::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 7px var(--neon)}
.chat-on.off{color:var(--t4)}
.chat-on.off::before{background:var(--t4);box-shadow:none}
.chat-msgs{flex:1;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}
.chat-m{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:7px 10px;max-width:94%;align-self:flex-start}
.chat-mtop{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.chat-nm{font-size:12.5px;font-weight:800}
.chat-t{font-size:10px;color:var(--t4);margin-left:auto}
.chat-tx{font-size:13px;color:var(--t1);line-height:1.35;word-break:break-word;cursor:pointer}
.chat-q{border-left:2px solid var(--neon);padding:3px 8px;margin-bottom:4px;background:rgba(0,255,136,.06);border-radius:4px;font-size:11.5px;color:var(--t2)}
.chat-q b{color:var(--neon)}
.chat-sys{text-align:center;font-size:11.5px;color:var(--t4);padding:6px}
.chat-mod{display:inline-flex;gap:3px;margin-left:4px}
.chat-mod button{background:none;border:none;cursor:pointer;font-size:11px;opacity:.5;padding:0;line-height:1}
.chat-mod button:hover{opacity:1}
.chat-replybar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,255,136,.07);border-top:1px solid var(--border);font-size:11.5px;color:var(--t2)}
.chat-replybar b{color:var(--neon)}
.chat-replybar button{margin-left:auto;background:none;border:none;color:var(--t3);cursor:pointer;font-size:12px}
.chat-foot{padding:10px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}
.chat-nick{width:140px;background:var(--surf-2);border:1px solid var(--border-2);border-radius:8px;padding:7px 10px;color:var(--t1);font-size:12px;font-weight:700}
.chat-nick.shake{animation:mlshake .35s}
@keyframes mlshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.chat-inrow{display:flex;gap:7px}
.chat-text{flex:1;min-width:0;background:var(--surf-2);border:1px solid var(--border-2);border-radius:9px;padding:9px 12px;color:var(--t1);font-size:13px}
.chat-text:focus,.chat-nick:focus{outline:none;border-color:var(--neon)}
.chat-text::placeholder,.chat-nick::placeholder{color:var(--t4)}
.chat-send{flex:none;width:44px;border:none;border-radius:9px;background:var(--neon);color:#04120D;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 0 14px rgba(0,255,136,.35)}
.chat-send:hover{background:#2bee72}