:root{
  --navy:#13285a;
  --navy-2:#0b1a3d;
  --navy-3:#1f3a78;
  --red:#c8102e;
  --red-2:#a50d26;
  --bg:#f2f4f8;
  --card:#ffffff;
  --line:#dfe4ec;
  --line-2:#eef1f6;
  --text:#121a2e;
  --muted:#5b6478;
  --win:#167a3e;
  --loss:#c8102e;
  --radius:10px;
  --pad:20px;
  --shadow:0 1px 2px rgba(16,30,70,.06),0 4px 14px -6px rgba(16,30,70,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:400 15px/1.5 "Barlow",system-ui,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.num{font-variant-numeric:tabular-nums}
.script{font-family:"Yellowtail",cursive;font-weight:400}
.tlink:hover{color:var(--red)}

/* ---------- barra de marcadores ---------- */
.scorebar{background:var(--navy-2);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.scorebar .wrap{display:flex;align-items:stretch;padding:0}
.scorebar .label{flex:none;display:flex;flex-direction:column;justify-content:center;padding:0 18px;border-right:1px solid rgba(255,255,255,.1);font:700 12px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase}
.scorebar .label small{font-weight:500;opacity:.6;letter-spacing:.06em}
.scores{display:flex;overflow-x:auto;scrollbar-width:none;flex:1}
.scores::-webkit-scrollbar{display:none}
.sb-game{flex:none;min-width:150px;padding:8px 14px;border-right:1px solid rgba(255,255,255,.08);font-size:13px}
.sb-game:hover{background:rgba(255,255,255,.05)}
.sb-game .sb-st{font:700 10px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:3px}
.sb-row{display:flex;align-items:center;gap:8px;line-height:1.55}
.sb-row img{width:16px;height:16px;border-radius:50%;object-fit:cover;background:#fff}
.sb-row .ab{font:700 13px "Barlow Condensed";letter-spacing:.04em;flex:1}
.sb-row .r{font-weight:700}
.sb-row.lose{opacity:.55}

/* ---------- navegación ---------- */
.nav{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;box-shadow:0 2px 0 var(--red)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:62px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:42px;height:42px;border-radius:50%;background:#fff}
.brand b{font:800 20px "Barlow Condensed";letter-spacing:.06em;text-transform:uppercase;line-height:1}
.brand small{display:block;font:600 10px "Barlow Condensed";letter-spacing:.2em;opacity:.65;text-transform:uppercase}
.nav ul{display:flex;list-style:none;gap:2px;margin-left:auto}
.nav ul a{display:block;padding:20px 14px;font:700 14px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;opacity:.85;border-bottom:3px solid transparent}
.nav ul a:hover,.nav ul a.on{opacity:1;border-bottom-color:var(--red)}
.menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:20px;color:#fff}
@media (max-width:900px){
  .menu-btn{display:block}
  .nav ul{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:var(--navy);padding:8px 0;box-shadow:0 8px 20px rgba(0,0,0,.25)}
  .nav ul.open{display:flex}
  .nav ul a{padding:14px 20px;border-bottom:0}
}

/* selector de equipos (franja de logos) */
.switcher{background:#fff;border-bottom:1px solid var(--line)}
.switcher .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px}
.switcher .wrap::-webkit-scrollbar{display:none}
.switcher a{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid transparent;transition:border-color .15s,transform .15s}
.switcher a img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.switcher a:hover{transform:translateY(-2px)}
.switcher a.on{border-color:var(--red)}

/* ---------- banner ---------- */
.hero{position:relative;background:#f7f3ea;overflow-x:clip;border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:linear-gradient(90deg,var(--navy) 0 50%,var(--red) 50% 100%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:54px;padding-bottom:30px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:36px}}
.kicker{display:block;font:700 13px "Barlow Condensed";letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.hero h1{margin-top:14px;line-height:.82}
.hero h1 .big{display:block;font:900 clamp(44px,8vw,104px) "Big Shoulders Display";text-transform:uppercase;color:var(--navy)}
.hero h1 .script{display:block;font-size:clamp(110px,19vw,250px);line-height:1;color:var(--navy);margin:-.12em 0 .02em -.04em;padding-bottom:.08em;-webkit-text-stroke:2px var(--navy);text-shadow:6px 6px 0 var(--red)}
.hero h1 .est{display:block;font:900 clamp(22px,3.4vw,40px) "Big Shoulders Display";color:var(--red);letter-spacing:.32em}
.hero .lead{max-width:520px;margin-top:20px;font-size:17px;color:#38415a}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:6px;font:700 15px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;transition:background .15s}
.btn.red{background:var(--red);color:#fff}
.btn.red:hover{background:var(--red-2)}
.btn.line{border:2px solid var(--navy);color:var(--navy)}
.btn.line:hover{background:var(--navy);color:#fff}
.btn.sm{padding:9px 14px;font-size:13px}
.seal{position:relative;width:min(400px,84vw);aspect-ratio:1;margin:0 auto}
.seal .ring{position:absolute;inset:0;animation:spin 40s linear infinite}
.seal .ring text{font:800 15.5px "Big Shoulders Display";letter-spacing:4px;fill:var(--navy);text-transform:uppercase}
.seal .logo{position:absolute;inset:13%;border-radius:50%;background:#fff;overflow:hidden;border:3px solid var(--navy);box-shadow:0 18px 40px -16px rgba(19,40,90,.55)}
.seal .logo img{width:100%;height:100%;object-fit:cover}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.seal .ring{animation:none}}
.seam{display:block;width:100%;height:56px}
.seam path{fill:none;stroke:var(--red);stroke-width:2}
.seam .stitches{stroke-width:2.4;stroke-linecap:round}

/* ---------- módulos ---------- */
section{padding:56px 0 0}
main{padding-bottom:8px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:20px}
.sec-head h2{font:800 clamp(26px,3.4vw,38px) "Barlow Condensed";text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--navy)}
.sec-head h2::before{content:"";display:inline-block;width:6px;height:.8em;background:var(--red);margin-right:12px;vertical-align:-.04em}
.sec-head p{color:var(--muted);font-size:14px}
.sec-head a.more{font:700 13px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);background:#fafbfd;padding:0 4px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;padding:14px 16px;font:700 14px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.tab[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--red)}
.tab small{display:block;font-weight:500;letter-spacing:.04em;text-transform:none;font-family:"Barlow";font-size:11px}

/* destacado */
.feature{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.feature > .panel{display:grid}
@media (max-width:900px){.feature{grid-template-columns:1fr}}
.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:44px 24px 28px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;position:relative}
.matchup .label{position:absolute;top:14px;left:24px;font:700 12px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.matchup .side{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.matchup .side img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #fff}
.matchup .side b{font:800 22px "Barlow Condensed";text-transform:uppercase;letter-spacing:.03em;line-height:1.05}
.matchup .side small{opacity:.7;font-size:13px}
.matchup .mid{text-align:center}
.matchup .mid .at{font:900 44px "Big Shoulders Display";color:var(--red);line-height:1}
.matchup .mid .when{font:700 14px "Barlow Condensed";letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.matchup .mid .where{font-size:12px;opacity:.7}
@media (max-width:520px){.matchup .side img{width:64px;height:64px}.matchup .side b{font-size:17px}}
.mini-list{padding:6px 0}
.mini-list h3{padding:16px var(--pad) 8px;font:700 13px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mini{display:flex;align-items:center;gap:12px;padding:10px var(--pad);border-top:1px solid var(--line-2);font-size:14px}
.mini img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.mini .t{flex:1;font-weight:600}
.mini .t small{display:block;color:var(--muted);font-weight:500}
.mini .v{font:700 16px "Barlow Condensed"}

/* tablas de datos (posiciones, estadísticas, roster) */
.table-wrap{overflow-x:auto}
table.data{width:100%;border-collapse:collapse}
.data th{font:700 12px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;padding:12px;border-bottom:2px solid var(--navy);background:#fafbfd;white-space:nowrap}
.data td{padding:10px 12px;border-bottom:1px solid var(--line-2);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data th.l,.data td.l{text-align:left}
.data th:first-child,.data td:first-child{padding-left:var(--pad)}
.data th:last-child,.data td:last-child{padding-right:var(--pad)}
.data tbody tr:hover{background:#f6f8fc}
.data tbody tr.cut td{border-bottom:2px dashed var(--red)}
.data tbody tr.me td{background:#fff5f6}
.data tfoot td{font-weight:700;background:#fafbfd;border-top:2px solid var(--line);border-bottom:0}
.data th.sort{cursor:pointer;user-select:none}
.data th.sort:hover{color:var(--navy)}
.data th.sorted{color:var(--navy)}
.data th.sorted::after{content:" ▼";font-size:9px;color:var(--red)}
.data th.sorted.asc::after{content:" ▲"}
.data td.hl{font-weight:700;color:var(--navy)}
.data .team{display:flex;align-items:center;gap:12px}
.data .team .pos{width:20px;font:700 15px "Barlow Condensed";color:var(--muted);text-align:center}
.data .team img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.data .team b{font:700 16px "Barlow Condensed";letter-spacing:.02em;text-transform:uppercase}
.data a.team:hover b{color:var(--red)}
.data .player b{font-weight:600}
.data .tm{display:inline-flex;align-items:center;gap:6px;font:700 13px "Barlow Condensed";letter-spacing:.04em;color:var(--muted)}
.data .tm img{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.data .rk{color:var(--muted);font:700 14px "Barlow Condensed";width:30px}
.pos-dif{color:var(--win);font-weight:600}
.neg-dif{color:var(--loss);font-weight:600}
.strk,.wl{font:700 15px "Barlow Condensed";letter-spacing:.04em}
.wl{display:inline-block;width:16px}
.strk.W,.wl.W{color:var(--win)}
.strk.L,.wl.L{color:var(--loss)}
.l10{display:inline-flex;gap:3px}
.l10 i{width:8px;height:8px;border-radius:50%}
.l10 i.W{background:var(--win)}
.l10 i.L{background:var(--loss)}
.tbl-note{padding:12px var(--pad);font-size:12px;color:var(--muted);border-top:1px solid var(--line-2)}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px var(--pad);border-bottom:1px solid var(--line-2)}
.toolbar select{border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff;font-weight:600}
.toolbar small{color:var(--muted)}

/* resultados */
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:var(--pad)}
.game{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.game-top{display:flex;justify-content:space-between;padding:8px 14px;background:#fafbfd;border-bottom:1px solid var(--line-2);font:700 12px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.game-top .final{color:var(--navy)}
.g-row{display:flex;align-items:center;gap:12px;padding:10px 14px}
.g-row + .g-row{border-top:1px solid var(--line-2)}
.g-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.g-row .nm{flex:1;line-height:1.15}
.g-row .nm b{display:block;font:700 17px "Barlow Condensed";text-transform:uppercase;letter-spacing:.02em}
.g-row .nm small{color:var(--muted);font-size:12px}
.g-row .r{font:800 26px "Barlow Condensed";min-width:30px;text-align:right}
.g-row.lose .r,.g-row.lose .nm b{color:#8a92a6}
.g-row.win .r::after{content:"◀";font-size:11px;color:var(--red);margin-left:6px;vertical-align:4px}
.game-bot{padding:8px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line-2)}

/* líderes */
.leaders{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:var(--pad)}
.ldr{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.ldr h3{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;background:var(--navy);color:#fff;font:700 15px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase}
.ldr h3 small{font-weight:500;opacity:.7;letter-spacing:.04em;text-transform:none;font-family:"Barlow";font-size:12px}
.ldr .top{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--line-2);background:linear-gradient(90deg,#fff 0%,#f7f9fd 100%)}
.ldr .top img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--navy)}
.ldr .top .who{flex:1;line-height:1.2}
.ldr .top .who b{display:block;font:700 18px "Barlow Condensed"}
.ldr .top .who small{color:var(--muted);font-size:12px}
.ldr .top .val{font:800 34px "Barlow Condensed";color:var(--red)}
.ldr ol{list-style:none}
.ldr li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line-2);font-size:14px}
.ldr li:last-child{border-bottom:0}
.ldr li .rk{width:16px;color:var(--muted);font:700 13px "Barlow Condensed"}
.ldr li img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.ldr li .p{flex:1}
.ldr li .p small{color:var(--muted);margin-left:4px}
.ldr li .v{font:700 15px "Barlow Condensed"}

/* grilla de equipos */
.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.tcard{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.tcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px -12px rgba(16,30,70,.35)}
.tcard .pic{aspect-ratio:1;background:#eef1f6;overflow:hidden}
.tcard .pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.tcard:hover .pic img{transform:scale(1.05)}
.tcard .info{padding:10px 12px;border-top:3px solid var(--navy)}
.tcard:hover .info{border-top-color:var(--red)}
.tcard b{display:block;font:700 17px "Barlow Condensed";text-transform:uppercase;line-height:1.1}
.tcard small{color:var(--muted);font-size:12px}
.tcard .rec{float:right;font:700 15px "Barlow Condensed";color:var(--navy)}

/* ---------- página de equipo ---------- */
.team-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy-2) 0%,var(--navy) 55%,var(--navy-3) 100%);color:#fff}
.team-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:var(--red)}
.team-hero .ghost{position:absolute;right:-6%;top:50%;width:520px;height:520px;transform:translateY(-50%);border-radius:50%;object-fit:cover;opacity:.07;filter:grayscale(1) blur(1px)}
.team-hero .wrap{position:relative;display:flex;align-items:center;gap:32px;padding-top:40px;padding-bottom:40px}
.team-hero .crest{flex:none;width:170px;height:170px;border-radius:50%;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 20px 40px -14px rgba(0,0,0,.6)}
.team-hero .crumbs{font:700 12px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.team-hero .crumbs a:hover{text-decoration:underline}
.team-hero h1{font:800 clamp(36px,6vw,64px) "Barlow Condensed";text-transform:uppercase;line-height:.95;margin-top:6px}
.team-hero .from{opacity:.75;margin-top:4px}
.kpis{display:flex;flex-wrap:wrap;gap:14px 0;margin-top:22px}
.kpis div{padding:0 22px;border-left:1px solid rgba(255,255,255,.2);font:600 11px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.kpis div:first-child{padding-left:0;border-left:0}
.kpis b{display:block;font:800 26px "Barlow Condensed";letter-spacing:0;color:#fff;line-height:1.1}
@media (max-width:720px){
  .team-hero .wrap{flex-direction:column;align-items:flex-start;gap:18px;padding-top:28px}
  .team-hero .crest{width:110px;height:110px}
  .kpis div{padding:0 14px}
  .kpis b{font-size:21px}
}
.team-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}
@media (max-width:960px){.team-grid{grid-template-columns:1fr}}
.stack{display:grid;gap:20px}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px var(--pad);border-bottom:1px solid var(--line);font:700 14px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.card-h small{font:500 12px "Barlow";letter-spacing:0;text-transform:none;color:var(--muted)}
.opp{display:inline-flex;align-items:center;gap:8px}
.opp img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.opp .ha{color:var(--muted);font-size:12px;width:18px}
.opp b{font:700 15px "Barlow Condensed";text-transform:uppercase}
.next-box{padding:var(--pad);display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.next-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--line);margin:0 auto 6px}
.next-box b{display:block;font:700 16px "Barlow Condensed";text-transform:uppercase;line-height:1.1}
.next-box small{color:var(--muted);font-size:12px}
.next-box .vs{font:900 30px "Big Shoulders Display";color:var(--red)}
.next-foot{padding:12px var(--pad);border-top:1px solid var(--line-2);font-size:13px;color:var(--muted);text-align:center}
.compare{padding:6px var(--pad) 16px}
.cmp{padding:10px 0;border-bottom:1px solid var(--line-2)}
.cmp:last-child{border-bottom:0}
.cmp .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}
.cmp .row b{font:700 15px "Barlow Condensed"}
.cmp .row span{color:var(--muted)}
.bar{position:relative;height:8px;background:var(--line-2);border-radius:4px;overflow:hidden}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--navy);border-radius:4px}
.bar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--red)}
.cmp-legend{display:flex;gap:16px;padding:0 16px 14px;font-size:12px;color:var(--muted)}
.cmp-legend span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;background:var(--navy);border-radius:2px}
.cmp-legend span.lg::before{width:2px;background:var(--red)}


/* ---------- informativo: crónicas, playoffs, CTA ---------- */
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.story{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.story .cover{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--pad) var(--pad) 0}
.story .cover img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.story .cover .big{font:800 36px "Barlow Condensed";color:var(--navy);line-height:1}
.story .body{padding:14px var(--pad) var(--pad)}
.story .tag{display:block;font:700 12px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.story:hover h3{color:var(--red)}
.story h3{font:700 20px "Barlow Condensed";line-height:1.1;color:var(--navy)}
.story p{font-size:14px;color:var(--muted);margin-top:6px}
.bracket{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:var(--pad)}
@media (max-width:900px){.bracket{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.bracket{grid-template-columns:1fr}}
.series{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.series .hd{padding:7px 12px;background:#fafbfd;border-bottom:1px solid var(--line-2);font:700 11px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.series a{display:flex;align-items:center;gap:10px;padding:9px 12px}
.series a + a{border-top:1px solid var(--line-2)}
.series .sd{width:18px;font:800 14px "Barlow Condensed";color:var(--red)}
.series img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.series b{flex:1;font:700 16px "Barlow Condensed";text-transform:uppercase}
.series small{color:var(--muted);font-size:12px}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px;border-radius:var(--radius);background:var(--navy);color:#fff;border-left:6px solid var(--red)}
.cta-band h3{font:800 clamp(26px,3.6vw,38px) "Barlow Condensed";text-transform:uppercase;line-height:1}
.cta-band p{opacity:.9;margin-top:6px;max-width:560px}
.cta-band .btn{background:var(--red);color:#fff}
.cta-band .btn:hover{background:var(--red-2)}

/* ---------- página La Liga ---------- */
.subnav{position:sticky;top:62px;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;padding:13px 14px;font:700 13px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent}
.subnav a:hover{color:var(--navy);border-bottom-color:var(--red)}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media (max-width:900px){.about{grid-template-columns:1fr}}
.prose{padding:var(--pad)}
.prose p + p{margin-top:12px}
.prose p{color:#38415a}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0}
.facts div{padding:20px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.facts div:nth-child(2n){border-right:0}
.facts b{display:block;font:800 38px "Barlow Condensed";color:var(--navy);line-height:1}
.facts span{font:600 12px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.rule{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:8px;padding:16px 18px}
.rule h3{font:700 18px "Barlow Condensed";text-transform:uppercase;color:var(--navy)}
.rule p{font-size:14px;color:var(--muted);margin-top:4px}
.venue{display:grid;grid-template-columns:1fr 1.4fr;gap:0}
@media (max-width:900px){.venue{grid-template-columns:1fr}}
.venue iframe{width:100%;height:100%;min-height:320px;border:0;display:block}
.venue ul{list-style:none;padding:8px 0}
.venue li{display:flex;gap:14px;padding:14px var(--pad);border-bottom:1px solid var(--line-2)}
.venue li:last-child{border-bottom:0}
.venue li b{display:block;font:700 16px "Barlow Condensed";text-transform:uppercase;letter-spacing:.04em}
.venue li span{font-size:14px;color:var(--muted)}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.person{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}
.person .av{width:72px;height:72px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:var(--navy);color:#fff;font:800 26px "Barlow Condensed"}
.person b{display:block;font:700 18px "Barlow Condensed";text-transform:uppercase}
.person span{font-size:13px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative}
.step .n{font:900 46px "Big Shoulders Display";color:var(--red);line-height:1}
.step h3{font:700 19px "Barlow Condensed";text-transform:uppercase;margin-top:6px;color:var(--navy)}
.step p{font-size:14px;color:var(--muted);margin-top:4px}
.faq details{border-bottom:1px solid var(--line-2)}
.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px var(--pad);font:700 17px "Barlow Condensed";letter-spacing:.02em;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--red)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 var(--pad) 16px;color:var(--muted);font-size:14px}

/* ---------- ajustes móviles ---------- */
.stick{position:sticky;left:0;z-index:1;background:inherit}
.data tbody tr{background:#fff}
.data thead tr{background:#fafbfd}
.data tbody tr.me{background:#fff5f6}
@media (max-width:640px){
  :root{--pad:14px}
  section{padding-top:40px}
  .wrap{padding:0 16px}
  .teams{grid-template-columns:repeat(2,1fr);gap:10px}
  .tcard .info{padding:8px 10px}
  .tcard b{font-size:15px}
  .data th,.data td{padding:9px 6px}
  .data .team .pos{width:16px}
  .data .team{gap:8px}
  .data .team img{width:24px;height:24px}
  .data .team b{font-size:15px}
  .hide-m{display:none}
  .leaders{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:var(--pad);scrollbar-width:none}
  .leaders::-webkit-scrollbar{display:none}
  .ldr{flex:0 0 86%;scroll-snap-align:start}
  .games{gap:12px;grid-template-columns:1fr}
  .hero .lead{font-size:15px}
  .seal{width:min(300px,80vw)}
  .cta-band{padding:22px 18px}
  .swipe-hint{display:block}
}
.swipe-hint{display:none;padding:10px var(--pad) 0;font-size:12px;color:var(--muted)}
@media (max-width:640px){
  .board-grid,.steps{grid-template-columns:repeat(2,1fr);gap:10px}
  .person{padding:14px 10px}
  .person .av{width:52px;height:52px;font-size:20px}
  .person b{font-size:15px}
  .step{padding:14px}
  .step .n{font-size:34px}
  .step h3{font-size:16px}
  .step p{font-size:13px}
  .venue iframe{min-height:260px;height:260px}
}

/* ---------- grupos ---------- */
.group-h{font:800 20px "Barlow Condensed";letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--line)}
.tbl-foot{margin-top:12px;font-size:12px;color:var(--muted)}
.stack + .tbl-foot{margin-top:12px}
.switcher .sw-g{flex:none;align-self:center;margin:0 4px 0 12px;font:800 13px "Barlow Condensed";letter-spacing:.1em;color:var(--muted)}
.switcher .sw-g:first-child{margin-left:0}

/* el menú se fija respecto a la página, no al contenedor donde se inyecta */
#chrome{display:contents}
/* al saltar a una sección, que no quede tapada por el menú (y el submenú en La Liga) */
section[id],header[id]{scroll-margin-top:72px}
.has-subnav section[id]{scroll-margin-top:118px}

/* ---------- líderes del equipo y roster ---------- */
.team-leaders{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media (max-width:1100px){.team-leaders{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.team-leaders{grid-template-columns:repeat(2,1fr);gap:10px}}
.tl{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px 16px}
.tl-h{display:flex;justify-content:space-between;align-items:baseline;font:700 13px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.tl-h small{font:600 12px "Barlow Condensed";letter-spacing:.06em;color:var(--muted)}
.tl-v{font:800 40px "Barlow Condensed";line-height:1;color:var(--red);margin:10px 0 8px}
.tl-p{display:flex;align-items:center;gap:8px;line-height:1.2}
.tl-p b{font:700 16px "Barlow Condensed"}
.tl-x{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.jn{display:inline-block;min-width:22px;font:800 14px "Barlow Condensed";color:var(--muted)}
.ro-g{padding:4px var(--pad) 14px}
.ro-g + .ro-g{border-top:1px solid var(--line-2)}
.ro-g h4{padding:12px 0 6px;font:700 12px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ro-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
@media (max-width:640px){.ro-list{grid-template-columns:repeat(2,1fr);gap:0 14px}}
.ro{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.ro-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font:800 16px "Barlow Condensed"}
.ro div{flex:1;line-height:1.2}
.ro b{display:block;font-weight:600}
.ro small{color:var(--muted);font-size:12px}
.ro-s{font:600 13px "Barlow Condensed";color:var(--navy);white-space:nowrap}

/* número de camiseta dentro de las tablas del roster */
#roster .ro-n{width:32px;height:32px;font-size:14px}
#roster .data td{padding-top:7px;padding-bottom:7px}
.muted{color:var(--muted);font-size:12px;font-weight:500}
.ro-p{display:inline-flex;align-items:center;gap:10px}

/* ---------- en vivo ---------- */
.live{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}
@media (max-width:900px){.live{grid-template-columns:1fr}}
.live-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--navy-2);box-shadow:var(--shadow)}
.live-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-side{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:var(--pad)}
.live-side h3{font:800 26px "Barlow Condensed";text-transform:uppercase;line-height:1.05;color:var(--navy)}
.live-side p{color:var(--muted);font-size:14px}
.live-cta{display:flex;flex-wrap:wrap;gap:10px}
.live-side small{color:var(--muted);font-size:12px}

/* ---------- franja de transmisión ---------- */
.broadcast{position:relative;margin-top:56px;padding:56px 0 60px;background:var(--navy-2);color:#fff;overflow:hidden}
.broadcast::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--red)}
.broadcast::after{content:"";position:absolute;right:-180px;top:-220px;width:640px;height:640px;border-radius:50%;border:2px dashed rgba(200,16,46,.35);pointer-events:none}
.broadcast .wrap{position:relative;z-index:1}
.bc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.bc-live{display:inline-flex;align-items:center;gap:10px;font:800 14px "Barlow Condensed";letter-spacing:.24em;text-transform:uppercase;color:#ff4d63}
.bc-live i{width:10px;height:10px;border-radius:50%;background:#ff2d48;box-shadow:0 0 0 0 rgba(255,45,72,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,45,72,0)}100%{box-shadow:0 0 0 0 rgba(255,45,72,0)}}
@media (prefers-reduced-motion:reduce){.bc-live i{animation:none}}
.bc-head h2{font:900 clamp(40px,6vw,76px) "Big Shoulders Display";text-transform:uppercase;line-height:.9;margin-top:6px}
.bc-head p{color:rgba(255,255,255,.65);font-size:14px}
.bc-head p b{color:#fff}
.bc-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:20px;align-items:start}
@media (max-width:960px){.bc-grid{grid-template-columns:1fr}}
.bc-screen{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.bc-video{position:relative;aspect-ratio:16/9}
.bc-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bc-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.65)}
.bc-bar a{font:700 13px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:#fff}
.bc-bar a:hover{color:#ff4d63}
.bc-side{display:flex;flex-direction:column;gap:14px}
.bc-count,.bc-sched{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px 20px}
.bc-k{display:block;font:700 12px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.bc-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 10px}
.bc-clock div{text-align:center;background:rgba(0,0,0,.25);border-radius:8px;padding:10px 0 8px}
.bc-clock b{display:block;font:800 38px "Barlow Condensed";line-height:1}
.bc-clock span{font:600 10px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.bc-when{font-size:13px;color:rgba(255,255,255,.75)}
.bc-sched{flex:1}
.bc-sched ol{list-style:none;margin-top:8px}
.bc-sched li{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.bc-sched li:last-child{border-bottom:0}
.bc-sched .t{font:700 15px "Barlow Condensed";color:#ff4d63}
.bc-sched .m{display:flex;align-items:center;gap:6px;min-width:0}
.bc-sched .m img{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#fff}
.bc-sched .m b{font:700 14px "Barlow Condensed";text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-sched .m em{font-style:normal;color:rgba(255,255,255,.45);font-size:12px}
.bc-sched .f{color:rgba(255,255,255,.5);font-size:12px;white-space:nowrap}
.bc-cta{display:flex;gap:10px}
.bc-cta .btn{flex:1;justify-content:center}
.btn.ghost{border:2px solid rgba(255,255,255,.35);color:#fff}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:640px){
  .broadcast{padding:40px 0 44px;margin-top:40px}
  .bc-clock b{font-size:30px}
  .bc-sched li{grid-template-columns:40px 1fr}
  .bc-sched .f{display:none}
}

/* ---------- instagram ---------- */
.ig-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .2s}
.ig-band:hover{box-shadow:0 14px 30px -12px rgba(16,30,70,.3)}
.ig-band img{width:84px;height:84px;border-radius:50%;border:3px solid var(--navy)}
.ig-k{font:700 12px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.ig-band h3{font:800 clamp(22px,3vw,32px) "Barlow Condensed";color:var(--navy);line-height:1.05;word-break:break-word}
.ig-band p{color:var(--muted);font-size:14px;margin-top:4px}
@media (max-width:720px){.ig-band{grid-template-columns:auto 1fr;padding:20px}.ig-band .btn{grid-column:1 / -1;justify-content:center}.ig-band img{width:60px;height:60px}}

/* ---------- pie de página ---------- */
.ft{margin-top:72px;background:var(--navy-2);color:#c8cfe0;position:relative;overflow:hidden;border-top:4px solid var(--red)}
.ft-teams{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.ft-teams .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding-top:18px;padding-bottom:18px}
.ft-group{display:flex;align-items:center;gap:8px}
.ft-group span{font:700 11px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-right:4px}
.ft-group a{display:block;border-radius:50%;transition:transform .15s}
.ft-group a:hover{transform:translateY(-3px) scale(1.08)}
.ft-group img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.15)}
.ft-main{display:grid;grid-template-columns:1.2fr 1.5fr;gap:48px;padding-top:56px;padding-bottom:40px}
@media (max-width:900px){.ft-main{grid-template-columns:1fr;gap:36px;padding-top:40px}}
.ft-brand{display:flex;gap:22px;align-items:flex-start}
.ft-logo img{width:110px;height:110px;border-radius:50%;background:#fff;border:4px solid #fff;box-shadow:0 16px 40px -12px rgba(0,0,0,.6)}
.ft-name{display:block;font:900 34px "Big Shoulders Display";text-transform:uppercase;color:#fff;line-height:1}
.ft-brand p{margin-top:10px;font-size:14px;max-width:340px;color:rgba(255,255,255,.7)}
.ft-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ft-social a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);color:#fff;font:700 13px "Barlow Condensed";letter-spacing:.08em;text-transform:uppercase;transition:background .15s,border-color .15s}
.ft-social a:hover{background:var(--red);border-color:var(--red)}
.ft-social svg{width:18px;height:18px}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:640px){.ft-cols{grid-template-columns:1fr 1fr}.ft-brand{flex-direction:column}.ft-logo img{width:84px;height:84px}}
.ft-cols h4{color:#fff;font:700 13px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--red);display:inline-block}
.ft-cols a{display:block;padding:5px 0;font-size:14px;color:rgba(255,255,255,.75)}
.ft-cols a:hover{color:#fff}
.ft-mark{position:relative;line-height:.78;text-align:center;user-select:none;margin-top:8px}
.ft-mark span{display:block;font:900 clamp(64px,15.5vw,236px) "Big Shoulders Display";text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16)}
.ft-seam{position:absolute;left:0;right:0;top:46%;width:100%;height:40px}
.ft-seam path{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:14 10;opacity:.55}
.ft-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.55)}
/* ajustes: video y columna lateral de alturas parecidas, pie compacto */
.bc-grid{grid-template-columns:2fr 1fr}
.bc-count,.bc-sched{padding:16px 18px}
.bc-clock{margin:10px 0 8px}
.bc-clock b{font-size:32px}
.bc-sched li{padding:7px 0}
.ft-main{padding-bottom:16px}
@media (max-width:640px){
  .ft-teams .wrap{flex-direction:column;align-items:stretch;gap:10px}
  .ft-group{flex-wrap:wrap;gap:6px}
  .ft-group span{width:100%;margin:0 0 2px}
  .ft-group img{width:34px;height:34px}
}
.bc-left{display:flex;flex-direction:column;gap:14px}
.bc-left .bc-cta .btn{flex:0 0 auto}
@media (max-width:640px){.bc-left .bc-cta .btn{flex:1}}

/* ---------- tablero de líderes ---------- */
.lb{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}
@media (max-width:960px){.lb{grid-template-columns:1fr}}
.lb-menu{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.lb-kind{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.lb-kind button{padding:14px 0;font:700 14px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.lb-kind button[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--red)}
.lb-cats button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px var(--pad);border-bottom:1px solid var(--line-2);text-align:left;transition:background .15s}
.lb-cats button:last-child{border-bottom:0}
.lb-cats button:hover{background:#f6f8fc}
.lb-cats button span{font:700 16px "Barlow Condensed";text-transform:uppercase;letter-spacing:.03em;color:var(--navy);line-height:1.1}
.lb-cats button small{display:block;font:600 11px "Barlow Condensed";letter-spacing:.14em;color:var(--muted)}
.lb-cats button b{font:800 20px "Barlow Condensed";color:var(--muted)}
.lb-cats button[aria-selected="true"]{background:var(--navy);box-shadow:inset 4px 0 0 var(--red)}
.lb-cats button[aria-selected="true"] span,.lb-cats button[aria-selected="true"] b{color:#fff}
.lb-cats button[aria-selected="true"] small{color:rgba(255,255,255,.6)}
@media (max-width:960px){
  .lb-cats{display:flex;overflow-x:auto;scrollbar-width:none}
  .lb-cats::-webkit-scrollbar{display:none}
  .lb-cats button{flex:0 0 auto;width:auto;border-bottom:0;border-right:1px solid var(--line-2);gap:14px}
  .lb-cats button[aria-selected="true"]{box-shadow:inset 0 -4px 0 var(--red)}
}
.lb-stage{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
@media (max-width:760px){.lb-stage{grid-template-columns:1fr}}
.lb-spot{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:360px;padding:28px;background:var(--navy-2);color:#fff}
.lb-spot::after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:var(--red)}
.lb-ghost{position:absolute;right:-70px;top:-50px;width:340px;height:340px;border-radius:50%;object-fit:cover;opacity:.16;filter:grayscale(.3)}
.lb-spot-in{position:relative}
.lb-cat{font:700 12px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:#ff4d63}
.lb-val{font:900 clamp(88px,11vw,150px) "Big Shoulders Display";line-height:.85;margin:10px 0 18px;letter-spacing:-.01em}
.lb-who{display:flex;align-items:center;gap:14px}
.lb-who img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #fff}
.lb-who b{display:block;font:800 26px "Barlow Condensed";text-transform:uppercase;line-height:1}
.lb-who span{font-size:13px;color:rgba(255,255,255,.7)}
.lb-spot:hover .lb-who b{color:#ff4d63}
.lb-rank{list-style:none;padding:8px 0}
.lb-rank li{display:grid;grid-template-columns:26px 28px minmax(0,1fr) 90px 52px;align-items:center;gap:10px;padding:8px var(--pad)}
.lb-rank li + li{border-top:1px solid var(--line-2)}
.lb-rank .rk{font:800 15px "Barlow Condensed";color:var(--muted);text-align:center}
.lb-rank img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.lb-rank .nm{min-width:0;line-height:1.15}
.lb-rank .nm b{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-rank .nm small{color:var(--muted);font-size:12px}
.lb-rank .br{height:6px;background:var(--line-2);border-radius:3px;overflow:hidden}
.lb-rank .br i{display:block;height:100%;background:var(--navy);border-radius:3px}
.lb-rank .v{font:800 17px "Barlow Condensed";text-align:right}
.lb-rank li.first .rk,.lb-rank li.first .v{color:var(--red)}
.lb-rank li.first .br i{background:var(--red)}
@media (max-width:640px){
  .lb-spot{min-height:280px;padding:22px}
  .lb-rank li{grid-template-columns:22px 26px minmax(0,1fr) 46px;gap:8px}
  .lb-rank .br{display:none}
}
@media (max-width:960px){.bc-grid{grid-template-columns:1fr}}
.lb-empty{grid-column:1 / -1;padding:40px var(--pad);text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:var(--radius)}
/* foto de jugador */
.ro-ph{position:relative;flex:none;width:40px;height:40px}
.ro-ph img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--navy)}
.ro-ph i{position:absolute;right:-6px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font:800 11px/20px "Barlow Condensed";font-style:normal;text-align:center}
.lb-who img.photo{width:78px;height:78px}

/* ---------- revisión móvil ---------- */
@media (max-width:640px){
  /* portada */
  .hero-grid{gap:28px;padding-top:28px;padding-bottom:8px}
  .hero h1 .big{font-size:clamp(40px,12vw,56px)}
  .hero h1 .script{font-size:clamp(96px,30vw,130px);margin:-.08em 0 .06em 0;-webkit-text-stroke:1px var(--navy);text-shadow:4px 4px 0 var(--red)}
  .hero h1 .est{font-size:22px;letter-spacing:.28em}
  .cta-row{flex-direction:column;gap:10px}
  .cta-row .btn{justify-content:center;width:100%}
  .seal{width:min(250px,70vw)}
  .seam{height:36px}
  /* categorías de líderes: grilla en vez de carrusel cortado */
  .lb-cats{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .lb-cats button{width:100%;border-right:0;border-bottom:1px solid var(--line-2);padding:11px 12px;gap:8px}
  .lb-cats button:nth-child(odd){border-right:1px solid var(--line-2)}
  .lb-cats button span{font-size:14px}
  .lb-cats button b{font-size:17px}
  .lb-cats button[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--red)}
  .lb-val{font-size:88px}
  /* cifras de cabecera en grilla pareja */
  .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 0;width:100%}
  .kpis div,.kpis div:first-child{padding:0 10px;border-left:1px solid rgba(255,255,255,.2)}
  .kpis div:nth-child(3n+1){padding-left:0;border-left:0}
  .team-hero h1{font-size:34px}
  .sec-head h2{font-size:26px}
}
/* tablas y franjas deslizables: degradado en el borde que indica que hay más */
.table-wrap,.tabs,.subnav .wrap,.switcher .wrap,.scores{-webkit-overflow-scrolling:touch}
.more-right{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.more-left.more-right{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent)}
.more-left:not(.more-right){-webkit-mask-image:linear-gradient(to right,transparent,#000 12%);mask-image:linear-gradient(to right,transparent,#000 12%)}

/* ---------- selector propio ---------- */
.fs{position:relative;display:inline-block;vertical-align:middle}
.fs-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.fs-btn{display:inline-flex;align-items:center;gap:10px;min-width:250px;padding:7px 12px 7px 8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);font:700 15px "Barlow Condensed";letter-spacing:.04em;text-transform:uppercase;color:var(--navy);text-align:left;transition:border-color .15s}
.fs-btn:hover,.fs.open .fs-btn{border-color:var(--navy)}
.fs-btn img,.fs-opt img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none}
.fs-btn span{flex:1}
.fs-chev{width:8px;height:8px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.fs.open .fs-chev{transform:rotate(-135deg) translateY(-2px)}
.fs-all{display:inline-flex}
.fs-panel{position:fixed;z-index:60;top:0;left:0;width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 50px -16px rgba(11,26,61,.45);overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s,transform .15s}
.fs-panel.open{opacity:1;transform:none;pointer-events:auto}
.fs-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--navy);color:#fff;font:700 13px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;border-bottom:3px solid var(--red)}
.fs-x{color:#fff;font-size:22px;line-height:1;opacity:.8}
.fs-list{max-height:380px;overflow-y:auto;padding:6px 0}
.fs-group{padding:12px 16px 4px;font:800 11px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.fs-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;text-align:left;font-size:14px;font-weight:600;color:var(--text)}
.fs-opt span{flex:1}
.fs-opt small{font:600 11px "Barlow Condensed";letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.fs-opt:hover,.fs-opt:focus{background:#f2f5fa;outline:none}
.fs-opt[aria-selected="true"]{background:var(--navy);color:#fff}
.fs-opt[aria-selected="true"] small{color:rgba(255,255,255,.65)}
.fs-backdrop{display:none}
@media (max-width:640px){
  .fs{display:block;width:100%}
  .fs-btn{width:100%;min-width:0}
  .fs-panel{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto !important;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .25s,opacity .15s}
  .fs-panel.open{transform:none}
  .fs-list{max-height:62vh;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .fs-opt{padding:11px 18px;font-size:15px}
  .fs-backdrop.open{display:block;position:fixed;inset:0;z-index:59;background:rgba(8,16,40,.5)}
  .toolbar label{flex:1 1 100%}
}
.fs-label{display:flex;align-items:center;gap:10px;font:700 12px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.fs-label{flex-direction:column;align-items:stretch;gap:6px}}
.fs-btn span,.fs-opt span{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-opt{font:600 14px "Barlow",sans-serif}
.fs-opt[aria-selected="true"]{font-weight:700}
@media (max-width:640px){.fs-opt{font-size:15px}}
.fs-btn .fs-all,.fs-opt .fs-all{flex:none}

/* lo marcado como oculto se oculta siempre, aunque tenga su propio display */
[hidden]{display:none !important}

/* ---------- próxima fecha: duelo ---------- */
.duel-wrap{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:stretch}
@media (max-width:1000px){.duel-wrap{grid-template-columns:1fr}}
.duel{position:relative;border-radius:14px;overflow:hidden;background:var(--navy-2);color:#fff;box-shadow:0 30px 60px -24px rgba(11,26,61,.6)}
.duel-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.1);font:700 12px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.duel-top span:first-child{color:#ff4d63}
.duel-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:330px}
.duel-side{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30px 20px 26px;text-align:center}
.duel-side:first-child{background:linear-gradient(135deg,#13285a 0%,#0b1a3d 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.duel-side:last-of-type{background:linear-gradient(225deg,#1f3a78 0%,#13285a 100%);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);margin-left:-12%}
.duel-ghost{position:absolute;width:420px;height:420px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:50%;object-fit:cover;opacity:.1;filter:grayscale(.4);pointer-events:none}
.duel-role{position:relative;font:700 11px "Barlow Condensed";letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.duel-logo{position:relative;width:132px;height:132px;border-radius:50%;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.7);transition:transform .25s}
.duel-side:hover .duel-logo{transform:scale(1.05) rotate(-3deg)}
.duel-name{position:relative;font:900 34px "Big Shoulders Display";text-transform:uppercase;line-height:1;margin-top:8px}
.duel-rec{position:relative;font:800 26px "Barlow Condensed";color:#ff4d63;line-height:1}
.duel-pos{position:relative;font-size:12px;color:rgba(255,255,255,.7)}
.duel-vs{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(200,16,46,.25),0 14px 30px -8px rgba(0,0,0,.6)}
.duel-vs span{font:900 38px "Big Shoulders Display";line-height:.8;margin-top:10px}
.duel-vs small{font:700 12px "Barlow Condensed";letter-spacing:.08em;margin-top:-12px;opacity:.9}
.form{position:relative;display:inline-flex;gap:3px;margin-top:4px}
.form i{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font:800 11px "Barlow Condensed";font-style:normal;color:#fff}
.form i.W{background:var(--win)}
.form i.L{background:var(--loss)}
.form em{font-size:12px;opacity:.6;font-style:normal}
.tape{position:relative;z-index:2;padding:16px 22px 20px;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.1)}
.tape-h{text-align:center;font:700 11px "Barlow Condensed";letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:8px}
.tape-row{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:14px;padding:6px 0}
.tape-row > b{font:800 20px "Barlow Condensed";color:rgba(255,255,255,.6)}
.tape-row > b:last-child{text-align:right}
.tape-row > b.best{color:#fff}
.tape-mid span{display:block;text-align:center;font-size:12px;color:rgba(255,255,255,.7);margin-bottom:4px}
.tape-bar{display:flex;gap:3px;height:6px}
.tape-bar i{display:block;border-radius:3px}
.tape-bar .a{background:#ff4d63}
.tape-bar .h{background:#7ea2ff}
.duel-list{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.dl-h{display:flex;justify-content:space-between;align-items:baseline;padding:14px var(--pad);background:var(--navy);color:#fff;font:800 16px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;border-bottom:3px solid var(--red)}
.dl-h small{font:600 12px "Barlow";letter-spacing:0;text-transform:none;opacity:.7}
.dl-items{flex:1;overflow-y:auto}
.dl-items button{display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:8px;width:100%;padding:11px var(--pad);border-bottom:1px solid var(--line-2);text-align:left;transition:background .15s}
.dl-items button:hover{background:#f6f8fc}
.dl-items button[aria-selected="true"]{background:#fff5f6;box-shadow:inset 4px 0 0 var(--red)}
.dl-t{font:800 15px "Barlow Condensed";color:var(--red)}
.dl-m{display:flex;align-items:center;gap:6px;min-width:0}
.dl-m img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none}
.dl-m b{font:700 14px "Barlow Condensed";text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--navy)}
.dl-m em{font-style:normal;font-size:11px;color:var(--muted)}
.dl-g{font:800 12px "Barlow Condensed";color:var(--muted);text-align:center}
@media (max-width:640px){
  .duel-stage{min-height:0}
  .duel-side{padding:22px 8px 18px}
  .duel-logo{width:80px;height:80px;border-width:3px}
  .duel-name{font-size:22px}
  .duel-rec{font-size:20px}
  .duel-pos{font-size:11px}
  .duel-vs{width:58px;height:58px;top:38%}
  .duel-vs span{font-size:24px;margin-top:6px}
  .duel-vs small{display:none}
  .form i{width:16px;height:16px;font-size:10px}
  .tape{padding:14px}
  .tape-row{grid-template-columns:46px 1fr 46px;gap:8px}
  .tape-row > b{font-size:17px}
  .dl-items{max-height:none}
}

/* ---------- posiciones por grupo ---------- */
.st{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.st-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy-2)}
.st-tabs button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:14px var(--pad);text-align:left;color:rgba(255,255,255,.65);border-bottom:4px solid transparent;transition:background .15s}
.st-tabs button + button{border-left:1px solid rgba(255,255,255,.08)}
.st-tabs button:hover{background:rgba(255,255,255,.04)}
.st-tabs button span{font:800 20px "Barlow Condensed";text-transform:uppercase;letter-spacing:.06em}
.st-tabs button small{grid-row:2;font-size:12px;opacity:.7}
.st-tabs button img{grid-row:1 / 3;grid-column:2;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.3)}
.st-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-bottom-color:var(--red)}
.st-body{display:grid;grid-template-columns:260px 1fr}
@media (max-width:900px){.st-body{grid-template-columns:1fr}}
.st-lead{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 18px;background:linear-gradient(160deg,#13285a 0%,#0b1a3d 100%);color:#fff;text-align:center}
.st-ghost{position:absolute;width:340px;height:340px;border-radius:50%;object-fit:cover;opacity:.1;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.st-k{position:relative;font:700 11px "Barlow Condensed";letter-spacing:.22em;text-transform:uppercase;color:#ff4d63}
.st-logo{position:relative;width:104px;height:104px;border-radius:50%;object-fit:cover;background:#fff;border:4px solid #fff;margin:6px 0;box-shadow:0 16px 30px -10px rgba(0,0,0,.6)}
.st-name{position:relative;font:900 28px "Big Shoulders Display";text-transform:uppercase;line-height:1}
.st-rec{position:relative;font:900 54px "Big Shoulders Display";line-height:.9}
.st-meta{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}
.st-meta div{font:600 10px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.st-meta b{display:block;font:800 20px "Barlow Condensed";letter-spacing:0;color:#fff}
.st-lead:hover .st-name{color:#ff4d63}
@media (max-width:900px){
  .st-lead{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:4px 14px;padding:16px var(--pad)}
  .st-k{width:100%}
  .st-logo{width:58px;height:58px;margin:0;border-width:3px}
  .st-rec{font-size:36px;margin-left:auto}
  .st-meta{display:none}
}
.st-table table{table-layout:fixed;min-width:640px}
@media (max-width:640px){.st-table table{min-width:0;table-layout:auto}}
.st-table col.c-team{width:34%}
.st-table col.c-pct{width:120px}
.st-table col.c-form{width:130px}
.st-table tr.lead td{background:#fff8f9}
.pct-c{white-space:nowrap}
.pct-v{font-weight:700}
.pct-bar{display:inline-block;width:46px;height:5px;margin-left:8px;vertical-align:middle;background:var(--line-2);border-radius:3px;overflow:hidden}
.pct-bar i{display:block;height:100%;background:var(--navy)}
tr.lead .pct-bar i{background:var(--red)}
.st-table .form{margin:0}
@media (max-width:640px){
  .st-tabs button{padding:10px 10px;grid-template-columns:1fr}
  .st-tabs button img{display:none}
  .st-tabs button span{font-size:16px}
}
.tcard .info{padding:11px 12px;text-align:center}
.data .team img{flex:none}
@media (max-width:640px){
  .pct-bar{display:none}
  .st-table col.c-pct{width:auto}
  .st-table .data td,.st-table .data th{padding-left:5px;padding-right:5px}
  .st-table .data th:first-child,.st-table .data td:first-child{padding-left:var(--pad)}
  .st-table .data .team b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
}

/* ---------- pizarra de resultados ---------- */
.sb{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.sb-nav{display:flex;align-items:stretch;background:var(--navy-2)}
.sb-arrow{flex:none;width:52px;color:#fff;font:400 30px/1 "Barlow";transition:background .15s}
.sb-arrow:hover:not(:disabled){background:rgba(255,255,255,.08)}
.sb-arrow:disabled{opacity:.25;cursor:default}
.sb-rounds{flex:1;display:flex;overflow-x:auto;scrollbar-width:none}
.sb-rounds::-webkit-scrollbar{display:none}
.sb-rounds button{flex:1 0 128px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 10px 12px;color:rgba(255,255,255,.6);border-bottom:4px solid transparent;border-left:1px solid rgba(255,255,255,.06);transition:background .15s}
.sb-rounds button:hover{background:rgba(255,255,255,.04)}
.sb-rounds .rn{font:800 18px "Barlow Condensed";text-transform:uppercase;letter-spacing:.06em}
.sb-rounds .rd{font-size:12px}
.sb-rounds .rs{margin-top:4px;font:700 10px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase}
.sb-rounds .st-done .rs{color:#7fd6a0}
.sb-rounds .st-next .rs{color:#ff4d63}
.sb-rounds button[aria-selected="true"]{background:var(--navy);color:#fff;border-bottom-color:var(--red)}
.sb-sum{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.sb-sum div{padding:14px var(--pad);border-right:1px solid var(--line-2);font:600 11px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sb-sum div:last-child{border-right:0}
.sb-sum b{display:block;font:800 20px "Barlow Condensed";letter-spacing:.02em;color:var(--navy);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-filter{display:flex;gap:6px;padding:14px var(--pad) 0}
.sb-filter button{padding:7px 14px;border-radius:6px;border:1px solid var(--line);font:700 13px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:all .15s}
.sb-filter button:hover{border-color:var(--navy);color:var(--navy)}
.sb-filter button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.sb-games{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px var(--pad) var(--pad)}
@media (max-width:900px){.sb-games{grid-template-columns:1fr}}
.sg{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
.sg:hover{box-shadow:0 12px 26px -14px rgba(16,30,70,.35);transform:translateY(-2px)}
.sg.aw{box-shadow:inset 4px 0 0 var(--red)}
.sg.hw{box-shadow:inset -4px 0 0 var(--red)}
.sg-meta{display:flex;justify-content:space-between;padding:7px 14px;background:#fafbfd;border-bottom:1px solid var(--line-2);font:700 11px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sg-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px}
.sg-team{display:flex;align-items:center;gap:10px;min-width:0}
.sg-team.home{flex-direction:row-reverse;text-align:right}
.sg-team img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--line);flex:none;transition:transform .2s}
.sg-team:hover img{transform:scale(1.08)}
.sg-team span{min-width:0;line-height:1.15}
.sg-team b{display:block;font:800 18px "Barlow Condensed";text-transform:uppercase;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-team small{font-size:12px;color:var(--muted)}
.sg-team.won img{border-color:var(--red)}
.sg-team.lost b{color:#9aa1b3}
.sg-team.lost img{opacity:.55;filter:grayscale(.6)}
.sg-mid{display:flex;flex-direction:column;align-items:center;min-width:96px}
.sg-score{display:flex;align-items:center;gap:6px;font:900 38px "Big Shoulders Display";line-height:1;color:#b6bccb}
.sg-score i{font-style:normal;font-size:24px;color:var(--line)}
.sg-score .w{color:var(--navy)}
.sg-time{font:900 32px "Big Shoulders Display";line-height:1;color:var(--navy)}
.sg-st{margin-top:4px;font:700 10px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.sg-st.final{color:var(--red)}
.sg.is-next{background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
@media (max-width:640px){
  .sb-arrow{width:38px;font-size:26px}
  .sb-rounds button{flex:0 0 104px;padding:11px 6px 10px}
  .sb-rounds .rn{font-size:15px}
  .sb-sum{grid-template-columns:repeat(2,1fr)}
  .sb-sum div{padding:10px 14px;border-bottom:1px solid var(--line-2)}
  .sb-sum div:nth-child(2n){border-right:0}
  .sb-sum div:first-child{display:none}
  .sb-sum b{font-size:17px}
  .sb-filter{overflow-x:auto;scrollbar-width:none}
  .sb-filter button{flex:none}
  .sg-row{padding:12px 10px;gap:6px}
  .sg-team{flex-direction:column;align-items:center;text-align:center;gap:6px}
  .sg-team.home{flex-direction:column;text-align:center}
  .sg-team img{width:42px;height:42px}
  .sg-team b{font-size:15px}
  .sg-mid{min-width:80px}
  .sg-score{font-size:32px}
  .sg-time{font-size:26px}
}
#roster .ro-n{width:auto;min-width:32px;padding:0 6px;border-radius:16px}
.tl-none .tl-v{color:var(--line)}

/* empates */
.form i.T{background:#8a92a6}
.strk.T,.wl.T{color:var(--muted)}
.sg-score.tie .w{color:var(--navy)}
.sg-note{color:var(--red)}
.tape-bar .none{background:rgba(255,255,255,.12)}
/* resultados G/P/E más legibles */
.form{gap:4px}
.form i{width:24px;height:24px;border-radius:5px;font:800 14px/1 "Barlow",system-ui,sans-serif;letter-spacing:0;text-shadow:none}
.form i.W{background:#1e9e52}
.form i.L{background:#d61f3a}
.form i.T{background:#7a8296}
@media (max-width:640px){.form i{width:22px;height:22px;font-size:13px}}

/* ---------- banner principal ---------- */
.hx{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 80% 10%,#22418a 0%,#13285a 38%,#0b1a3d 72%,#071230 100%);color:#fff;isolation:isolate}
.hx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--red) 0 60%,#f2c14e 60% 100%);z-index:2}
.hx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-beam{position:absolute;top:-30%;width:28%;height:150%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 70%);filter:blur(6px);transform-origin:top center}
.hx-beam.b1{left:4%;transform:rotate(18deg)}
.hx-beam.b2{left:46%;transform:rotate(-8deg);opacity:.7}
.hx-beam.b3{right:-6%;transform:rotate(-26deg)}
.hx-ball{position:absolute;right:-12%;top:-28%;width:780px;height:780px;fill:none;stroke:rgba(255,255,255,.06);stroke-width:3}
.hx-ball path{stroke:rgba(200,16,46,.28);stroke-width:4;stroke-dasharray:14 12}
.hx-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:44px}
.hx-mini{display:none}
.hx-tag{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:30px;background:rgba(242,193,78,.12);border:1px solid rgba(242,193,78,.45);font:700 13px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:#f6d488}
.hx-tag b{display:grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:14px;background:#f2c14e;color:#0b1a3d;font:900 14px "Barlow Condensed";letter-spacing:.02em}
.hx-title{margin-top:18px;line-height:.86}
.hx-title .t1{display:block;font:900 clamp(56px,8.6vw,120px) "Big Shoulders Display";text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 10px 30px rgba(0,0,0,.35)}
.hx-title .t2{display:block;font:400 clamp(96px,14vw,200px) "Yellowtail",cursive;line-height:.9;margin:-.06em 0 0 .02em;color:#fff;text-shadow:5px 5px 0 var(--red),0 18px 40px rgba(0,0,0,.4)}
.hx-lead{max-width:540px;margin-top:22px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.82)}
.hx-lead b{color:#fff}
.hx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx-ghost{border:2px solid rgba(255,255,255,.35);color:#fff}
.hx-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hx-dot{width:9px;height:9px;border-radius:50%;background:#ff2d48;box-shadow:0 0 0 0 rgba(255,45,72,.6);animation:pulse 1.6s infinite}
.hx-facts{display:flex;flex-wrap:wrap;margin-top:34px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}
.hx-facts div{padding:0 22px;border-left:1px solid rgba(255,255,255,.14)}
.hx-facts div:first-child{padding-left:0;border-left:0}
.hx-facts dt{font:800 28px "Barlow Condensed";line-height:1}
.hx-facts dd{margin-top:4px;font:600 11px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hx-crest{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:1;display:grid;place-items:center}
.hx-crest img{position:relative;width:76%;aspect-ratio:1;border-radius:50%;background:#fff;border:6px solid #fff;box-shadow:0 0 0 10px rgba(255,255,255,.06),0 30px 70px -20px rgba(0,0,0,.8),0 0 90px rgba(80,130,255,.35)}
.hx-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(200,16,46,.55);animation:spin 50s linear infinite}
.hx-ring.r2{inset:7%;border:1px solid rgba(255,255,255,.18);animation-direction:reverse;animation-duration:70s}
.hx-est{position:absolute;bottom:2%;padding:6px 16px;border-radius:20px;background:var(--red);font:800 13px "Barlow Condensed";letter-spacing:.24em;text-transform:uppercase;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.hx-teams{position:relative;overflow:hidden;padding:14px 0 18px;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.08);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-track{display:flex;gap:22px;width:max-content;animation:hxmarquee 50s linear infinite}
.hx-teams:hover .hx-track{animation-play-state:paused}
.hx-track a{flex:none;transition:transform .2s}
.hx-track a:hover{transform:translateY(-3px) scale(1.08)}
.hx-track img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.25)}
@keyframes hxmarquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hx-track,.hx-ring,.hx-dot{animation:none}}
@media (max-width:900px){
  .hx-grid{grid-template-columns:1fr;padding-top:34px;padding-bottom:30px}
  .hx-crest{display:none}
  .hx-mini{display:block;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;margin-bottom:16px;box-shadow:0 10px 30px -8px rgba(0,0,0,.7)}
  .hx-ball{width:520px;height:520px;right:-45%;top:-10%}
}
@media (max-width:640px){
  .hx-tag{font-size:11px;letter-spacing:.12em}
  .hx-title .t1{font-size:clamp(50px,15vw,64px)}
  .hx-title .t2{font-size:clamp(92px,28vw,120px)}
  .hx-lead{font-size:16px}
  .hx-cta{flex-direction:column}
  .hx-cta .btn{width:100%;justify-content:center}
  .hx-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 0}
  .hx-facts div,.hx-facts div:first-child{padding:0 12px;border-left:1px solid rgba(255,255,255,.14)}
  .hx-facts div:nth-child(odd){padding-left:0;border-left:0}
  .hx-facts dt{font-size:24px}
  .hx-track img{width:46px;height:46px}
}
.hx-title .t2{margin-bottom:.08em}
/* banner sin chips: etiqueta como texto */
.hx-tag{display:block;padding:0;border:0;border-radius:0;background:none;font:700 14px "Barlow Condensed";letter-spacing:.2em;color:#f6d488}
.hx-tag b{display:inline;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:#f2c14e;font:900 14px "Barlow Condensed";letter-spacing:.2em}
@media (max-width:640px){.hx-tag,.hx-tag b{font-size:12px;letter-spacing:.14em}}
/* filtro de grupos como pestañas de texto, no como chips */
.sb-filter{gap:22px;padding:14px var(--pad) 0;border-bottom:1px solid var(--line-2)}
.sb-filter button,.sb-filter button:hover{padding:0 0 10px;border:0;border-radius:0;background:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.sb-filter button:hover{color:var(--navy)}
.sb-filter button[aria-selected="true"]{background:none;color:var(--navy);border-bottom-color:var(--red)}

/* ---------- ficha del jugador ---------- */
tr.pl{cursor:pointer}
tr.pl:hover td{background:rgba(242,193,78,.06)}
tr.pl.sel td{background:rgba(242,193,78,.14)}
tr.pl.sel td:first-child{box-shadow:inset 4px 0 0 #f2c14e}
.tl[data-name]{cursor:pointer;transition:transform .15s,box-shadow .15s}
.tl[data-name]:hover{transform:translateY(-3px)}
.pc-back{position:fixed;inset:0;z-index:70;background:rgba(4,10,28,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
.pc-back.open{opacity:1;pointer-events:auto}
.pc{position:fixed;z-index:71;top:50%;left:50%;width:min(560px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .25s,opacity .25s;background:#0e1f47;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 40px 90px -20px rgba(0,0,0,.8)}
.pc.open{transform:translate(-50%,-50%);opacity:1}
.pc-x{position:absolute;z-index:3;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1}
.pc-x:hover{background:var(--red)}
.pc-head{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px 24px 24px;background:linear-gradient(135deg,#1f3a78 0%,#0b1a3d 100%);border-bottom:4px solid var(--red)}
.pc-ghost{position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;object-fit:cover;opacity:.1;pointer-events:none}
.pc-photo{position:relative;width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #f2c14e;background:#13285a;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.pc-num{display:grid;place-items:center;font:900 44px "Big Shoulders Display";color:#fff}
.pc-id{position:relative;min-width:0}
.pc-team{display:flex;align-items:center;gap:8px;font:700 12px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.pc-team img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:cover}
.pc-id h3{margin-top:6px;font:900 34px "Big Shoulders Display";text-transform:uppercase;line-height:.95}
.pc-jn{display:inline-block;margin-top:6px;font:800 18px "Barlow Condensed";color:#f2c14e}
.pc-avg{position:relative;text-align:center}
.pc-avg b{display:block;font:900 54px "Big Shoulders Display";line-height:.9;color:#f2c14e}
.pc-avg span{font:700 12px "Barlow Condensed";letter-spacing:.2em;color:rgba(255,255,255,.7)}
.pc-avg small{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.55)}
.pc-body{padding:18px 24px 24px}
.pc-body h4{font:700 12px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:6px 0 10px}
.pc-body h4 + .pc-grid{margin-bottom:14px}
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pc-s{padding:12px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);text-align:center}
.pc-s b{display:block;font:800 26px "Barlow Condensed";line-height:1}
.pc-s span{font:600 11px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pc-s small{display:block;margin-top:3px;font-size:10px;color:#f2c14e}
@media (max-width:640px){
  .pc{top:auto;bottom:0;left:0;width:100%;max-height:88vh;border-radius:18px 18px 0 0;transform:translateY(100%);opacity:1}
  .pc.open{transform:none}
  .pc-head{grid-template-columns:auto 1fr;padding:24px 18px 18px;gap:14px}
  .pc-photo{width:80px;height:80px}
  .pc-id h3{font-size:26px}
  .pc-avg{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:center;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
  .pc-avg b{display:inline;font-size:46px}
  .pc-avg small{display:inline;margin:0}
  .pc-body{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
  .pc-s b{font-size:22px}
}

/* ---------- página de equipo en tema oscuro ---------- */
.page-dark{--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.07);--muted:#9aa6c4;--text:#e8ecf5;--card:#112452;background:#0a1735}
.page-dark main{background:radial-gradient(90% 60% at 80% 0%,#18326b 0%,#0a1735 60%);color:var(--text);padding-bottom:40px}
.page-dark .switcher{background:#0d1d44;border-bottom-color:var(--line)}
.page-dark .sec-head h2,.page-dark .card-h,.page-dark .tl-h,.page-dark .data th.sorted,.page-dark .tab[aria-selected="true"],.page-dark .opp b,.page-dark .next-box b{color:#fff}
.page-dark .panel{background:var(--card);border-color:var(--line);box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.page-dark .tl{background:linear-gradient(160deg,#16306a 0%,#0f2150 100%);border-color:var(--line);border-top-color:var(--red)}
.page-dark .tl-p b{color:#fff}
.page-dark .tl-none .tl-v{color:rgba(255,255,255,.2)}
.page-dark .tabs{background:rgba(255,255,255,.03)}
.page-dark .data thead tr,.page-dark .data th{background:rgba(255,255,255,.04)}
.page-dark .data th{border-bottom-color:var(--red)}
.page-dark .data tbody tr{background:var(--card)}
.page-dark .data tbody tr:hover{background:#152b60}
.page-dark .data tbody tr.me{background:#1c356f}
.page-dark .data tfoot td{background:rgba(255,255,255,.05)}
.page-dark .data td.hl{color:#f2c14e}
.page-dark .data .team b,.page-dark .ro-p b{color:#fff}
.page-dark .ro-n{background:#24438a;border:1px solid rgba(255,255,255,.2)}
.page-dark .bar{background:rgba(255,255,255,.08)}
.page-dark .bar i{background:#7ea2ff}
.page-dark .cmp .row b{color:#fff}
.page-dark .cmp-legend span::before{background:#7ea2ff}
.page-dark .next-foot{border-top-color:var(--line)}
.page-dark .lb-empty{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--muted)}
.page-dark .tbl-note{color:var(--muted)}
.page-dark .muted{color:var(--muted)}
.pc-head{padding-right:60px}
@media (max-width:640px){.pc-head{padding-right:18px}}
.dl-pdf{padding:8px 14px;font-size:12px}
.dl-pdf:disabled{opacity:.6;cursor:wait}
.card-h small{margin-left:8px}
@media (max-width:640px){#roster .card-h{flex-wrap:wrap}}

/* franja oscura solo para los líderes del equipo; el resto de la página queda claro */
.band-dark{margin-top:0;padding:44px 0 48px;background:radial-gradient(90% 120% at 85% 0%,#1f3a78 0%,#13285a 45%,#0b1a3d 100%);border-bottom:4px solid var(--red)}
.band-dark .sec-head h2{color:#fff}
.band-dark .tl{background:linear-gradient(160deg,#1a3574 0%,#10234f 100%);border-color:rgba(255,255,255,.1);border-top-color:var(--red);box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.band-dark .tl-h{color:#fff}
.band-dark .tl-h small,.band-dark .tl-x{color:#9aa6c4}
.band-dark .tl-p b{color:#fff}
.band-dark .jn{color:#f2c14e}
.band-dark .tl-v{color:#f2c14e}
.band-dark .tl-none .tl-v{color:rgba(255,255,255,.2)}
.band-dark .lb-empty{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#9aa6c4}

/* cintas en movimiento: barra de marcadores y logos del banner (siempre activas, también en iPhone) */
.scores.marquee{overflow:hidden}
.scores-run{display:flex;width:max-content;animation:hxmarquee linear infinite;will-change:transform}
.scores.marquee:hover .scores-run,.scores.paused .scores-run{animation-play-state:paused}
.hx-track{-webkit-animation:hxmarquee 50s linear infinite;animation:hxmarquee 50s linear infinite;will-change:transform}
@-webkit-keyframes hxmarquee{to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@keyframes hxmarquee{to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hx-track{animation-duration:90s}.scores-run{animation-duration:60s !important}}

/* inning a inning */
.ls{border-top:1px solid var(--line-2)}
.ls summary{list-style:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font:700 11px "Barlow Condensed";letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ls summary::-webkit-details-marker{display:none}
.ls summary::after{content:"";width:6px;height:6px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ls[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ls summary:hover{color:var(--navy)}
.ls-wrap{overflow-x:auto;padding:0 14px 14px}
.ls table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ls th,.ls td{padding:6px 4px;text-align:center;font:600 13px "Barlow Condensed";border-bottom:1px solid var(--line-2);min-width:24px}
.ls thead th{font-size:11px;color:var(--muted);letter-spacing:.08em}
.ls tbody th{text-align:left;white-space:nowrap;font:700 13px "Barlow Condensed";color:var(--navy);padding-right:10px}
.ls tbody th img{width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:-4px;margin-right:6px;border:1px solid var(--line)}
.ls .tot{font:900 16px "Big Shoulders Display";color:var(--navy);background:#f6f8fc;min-width:34px}
.ls tr.w .tot{color:var(--red)}
.ls tbody th img{display:inline-block}
/* sin próxima fecha: la franja en vivo va pegada al banner, sin hueco ni doble línea */
#destacado[hidden] + .broadcast{margin-top:0}
#destacado[hidden] + .broadcast::before{display:none}

/* pizarra en escritorio: cada tarjeta con su alto, inning a inning fijo a la vista */
.sb-games{align-items:start}
@media (min-width:901px){
  .ls summary{pointer-events:none;justify-content:flex-start;padding:10px 14px 2px}
  .ls summary::after{display:none}
}

/* ---------- reglamento ---------- */
.rg-intro{color:var(--muted);font-size:14px;max-width:820px;margin:-6px 0 16px}
.rg-index{display:flex;flex-wrap:wrap;gap:6px 20px;padding:14px var(--pad);background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}
.rg-index a{font:700 13px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--navy);border-bottom:2px solid transparent}
.rg-index a:hover{border-bottom-color:var(--red)}
.rg-sec + .rg-sec{margin-top:28px}
.rg-sec h3{display:flex;align-items:center;gap:12px;font:800 22px "Barlow Condensed";text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:12px;scroll-margin-top:130px}
.rg-n{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--navy);color:#fff;font:900 16px "Big Shoulders Display"}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.rg-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:8px;padding:14px 16px}
.rg-item header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rg-art{font:800 12px "Barlow Condensed";letter-spacing:.1em;color:var(--red)}
.rg-item h4{font:700 17px "Barlow Condensed";text-transform:uppercase;color:var(--navy)}
.rg-item p,.rg-item li{font-size:14px;color:#38415a;line-height:1.5}
.rg-item p{margin-top:6px}
.rg-item ol{margin:8px 0 0 20px}
.rg-item li + li{margin-top:2px}
.rg-nota{padding:8px 10px;border-radius:6px;background:#fff8e6;border:1px solid #f2dc9a;color:#6b4e00 !important;font-size:13px !important}
.rg-tabla{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}
.rg-tabla td{padding:7px 2px;border-bottom:1px solid var(--line-2)}
.rg-tabla td:last-child{text-align:right;font-weight:700;color:var(--navy)}
.rg-tabla tr:first-child td:last-child{color:var(--red)}
@media (max-width:640px){.rg-grid{grid-template-columns:1fr}.rg-index{gap:6px 14px}}
.cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.cta-band p b{color:#fff}
.rg-item p + p{margin-top:6px}
.rg-item > p:first-child{margin-top:0}
.rg-lines{list-style:none;margin:8px 0 0}
.rg-lines li{font-size:14px;color:#38415a;line-height:1.5}

/* partidos en video */
.vid-player{position:relative;aspect-ratio:16/9;background:#000}
.vid-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:var(--pad)}
.vid{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
.vid:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(16,30,70,.35)}
.vid.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.vid-th{position:relative;display:block;aspect-ratio:16/9;background:#0b1a3d;overflow:hidden}
.vid-th img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vid:hover .vid-th img{transform:scale(1.04)}
.vid-play{position:absolute;left:50%;top:50%;width:46px;height:32px;transform:translate(-50%,-50%);border-radius:8px;background:rgba(200,16,46,.92)}
.vid-play::after{content:"";position:absolute;left:19px;top:9px;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.vid-tx{display:flex;flex-direction:column;gap:2px;padding:10px 12px}
.vid-tx small{font:700 11px "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vid-tx b{font:800 17px "Barlow Condensed";text-transform:uppercase;color:var(--navy)}
.sg-yt{margin-right:10px;color:var(--red);font-weight:800}
.sg-yt:hover{text-decoration:underline}
#videos .more{font:700 12px "Barlow Condensed";letter-spacing:.1em;text-transform:uppercase;color:var(--red)}