/* ==========================================================================
   CBC · estilos del tema
   Breakpoints: 1024px (tablet) y 640px (celular)
   ========================================================================== */
:root{
  --bg:#0b0b0d; --bg2:#141418; --card:#1a1a20; --line:#2a2a33;
  --red:#d6162b; --red2:#9e0f1f; --gold:#f5a623; --ink:#fff; --mute:#9a9aa6;
  --win:#2fbf71; --loss:#e5484d; --wa:#1faa53;
  --gut:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.wrap{width:100%;max-width:1288px;margin:0 auto;padding:0 var(--gut)}
.d{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:400;line-height:.95}
.ic{flex:none;vertical-align:-4px}
.mute{color:var(--mute)}
.red{color:var(--red)}
.plus{color:var(--win)}
.neg{color:var(--loss)}
.note{font-size:12px;color:var(--mute);font-style:italic}
.empty{padding:28px;color:var(--mute);text-align:center}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* --- botones y etiquetas --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:14px 24px;border-radius:4px;border:0;cursor:pointer;transition:filter .15s,transform .15s;text-align:center;line-height:1.2}
.btn:hover{filter:brightness(1.1)}
.btn--sm{padding:12px 20px}
.btn--ghost{background:transparent;border:1.5px solid #fff3}
.btn--gold{background:var(--gold);color:#111}
.btn--white{background:#fff;color:var(--red)}
.btn--dark{background:#140700;color:#fff}
.btn--wa{background:var(--wa);color:#fff}
.btn--block{display:flex;width:100%}
.btn--block+.btn--block{margin-top:8px}
.crumb{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700;text-transform:uppercase;margin-bottom:14px}
.crumb--white{color:#fff}
.chip{display:inline-flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--line);padding:9px 14px;border-radius:6px;font-size:13px;font-weight:600}
.chip .ic{color:var(--gold)}
.badge{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;padding:5px 10px;border-radius:3px}
.badge--gold{background:var(--gold);color:#111}
.badge--dark{background:#333}
.tag{font-size:10px;font-weight:800;letter-spacing:1.5px;padding:5px 9px;border-radius:3px;background:#2a2a33;color:#bbb;flex:none}
.tag--home{background:rgba(214,22,43,.2);color:#ff7a86}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.pills span{background:#0003;border:1px solid #fff4;padding:8px 14px;border-radius:30px;font-weight:700;font-size:13px}
.checks{list-style:none;margin:18px 0 24px}
.checks li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:#d4d4dc;font-size:14px}
.checks .ic{color:var(--win);margin-top:1px}
.acts{display:flex;gap:12px;flex-wrap:wrap}
.acts--center{justify-content:center}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px}
.card--table{padding:6px 18px 0;overflow:hidden}
.icobox{width:52px;height:52px;border-radius:10px;background:rgba(214,22,43,.15);color:#ff6170;display:grid;place-items:center;margin-bottom:16px}
.team-logo{width:34px;height:34px;object-fit:contain;flex:none}
.team-logo--empty{display:inline-grid;place-items:center;border-radius:50%;background:#2a2a33;color:#ccc;font-weight:800;font-size:12px}

/* --- secciones --- */
.sec{padding:80px 0}
.sec--tight{padding-top:0}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px}
.sh__k{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:10px;text-transform:uppercase}
.sh h2{font-size:48px}
.sh h2 em{font-style:normal;color:var(--red)}
.sh__link{font-size:13px;font-weight:700;color:var(--mute);letter-spacing:1px;text-transform:uppercase;text-align:right}
.sh--spaced{margin-top:60px}
.tabs{display:flex;gap:6px;background:var(--bg2);padding:6px;border-radius:8px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs a,.tabs span{padding:10px 20px;border-radius:5px;font-size:13px;font-weight:700;color:var(--mute);letter-spacing:.5px;white-space:nowrap}
.tabs a:hover{color:#fff}
.tabs .on{background:var(--red);color:#fff}
.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}
.topline .crumb{margin:0}
.topline--end{align-items:flex-end}
.topline--end .crumb{margin-bottom:14px}

/* encabezado interno de página */
.phero{position:relative;overflow:hidden;background:radial-gradient(900px 400px at 85% 30%,rgba(214,22,43,.55),transparent 70%),linear-gradient(120deg,#1b0306 0%,#0b0b0d 60%)}
.phero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.025) 60px 61px);pointer-events:none}
.phero__wrap{position:relative;padding-top:64px;padding-bottom:56px}
.phero__wrap--flush{padding-top:40px;padding-bottom:0}
.phero h1{font-size:92px}
.phero p{color:#c9c9d2;font-size:18px;max-width:560px;margin-top:18px;line-height:1.55}
.phero .acts{margin-top:28px}
.bigtxt{position:absolute;right:-30px;bottom:-40px;font-family:Anton,sans-serif;font-size:260px;color:rgba(255,255,255,.035);line-height:1;white-space:nowrap;pointer-events:none}

/* --- barra superior y cabecera --- */
.site-header{background:rgba(11,11,13,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}
.site-header .wrap{display:flex;align-items:center;height:84px;gap:40px}
.logo{display:flex;align-items:center;gap:12px;flex:none}
.logo img{height:62px;width:auto}
.logo span{font-family:Anton,sans-serif;font-size:20px;line-height:1;letter-spacing:1px}
.site-nav{display:flex;gap:30px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;flex:1}
.site-nav a{color:#d6d6de;padding:30px 0;border-bottom:3px solid transparent}
.site-nav a:hover{color:#fff}
.site-nav a.on{color:#fff;border-color:var(--red)}
.nav-toggle{display:none;color:#fff}
.soc{display:flex;align-items:center;gap:6px}
.soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#d6d6de;transition:color .15s,background .15s}
.soc a:hover{color:#fff;background:rgba(255,255,255,.08)}
.soc--head{margin-right:-4px}
.soc--menu{display:none}
.site-footer__bot{align-items:center}
.soc--foot a{width:40px;height:40px;border:1px solid var(--line)}
.soc--foot a:hover{border-color:#fff;background:none}

/* --- auspiciantes y pie --- */
.sponsors{background:#050506;border-top:1px solid var(--line);padding:46px 0 40px}
.sponsors__h{text-align:center;font-size:12px;letter-spacing:3px;color:var(--mute);font-weight:700;margin-bottom:28px}
.sponsors__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.sponsor{height:84px;display:grid;place-items:center;border:1px solid #1c1c22;border-radius:8px;padding:16px;transition:border-color .15s}
.sponsor:hover{border-color:#3a3a44}
/* Cualquier logo se muestra en blanco sobre el fondo oscuro */
.sponsor img{max-height:44px;max-width:100%;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.sponsor span{font-weight:800;letter-spacing:1px;text-align:center;opacity:.85}
.site-footer{background:#070708;border-top:3px solid var(--red);padding:60px 0 30px;color:var(--mute);font-size:14px}
.site-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.site-footer__logo{height:70px;width:auto;margin-bottom:16px}
.site-footer p{line-height:1.6;max-width:300px}
.site-footer__tag{margin-top:14px;color:#fff;font-weight:700}
.site-footer h4{color:#fff;font-size:13px;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}
.site-footer li{list-style:none;margin-bottom:10px}
.site-footer a:hover{color:#fff}
.site-footer__bot{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;gap:12px;font-size:12px}

/* --- encabezado "día de partido" --- */
.hero-md{position:relative;overflow:hidden;text-align:center;background:radial-gradient(600px 420px at 20% 60%,rgba(214,22,43,.55),transparent 70%),radial-gradient(600px 420px at 80% 60%,rgba(245,166,35,.18),transparent 70%),linear-gradient(180deg,#160306,#0b0b0d)}
.hero-md:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 70px,rgba(255,255,255,.03) 70px 71px)}
.hero-md .wrap{position:relative;padding-top:54px;padding-bottom:60px}
.live{display:inline-flex;align-items:center;gap:10px;background:var(--red);font-weight:800;font-size:13px;letter-spacing:2px;padding:8px 16px;border-radius:30px}
.live i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff4;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px #fff0}}
.hero-md__league{font-size:30px;letter-spacing:4px;margin-top:18px;color:#ddd}
.vsrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:30px 0 26px}
.vsrow .team-logo{width:210px;height:210px;margin:0 auto;filter:drop-shadow(0 20px 30px #000)}
.vsrow .team-logo--empty{font-size:48px}
.vsrow h2{font-family:Anton,sans-serif;font-size:44px;text-transform:uppercase;line-height:1;margin-top:14px;font-weight:400}
.vsrow small{display:block;color:var(--mute);font-weight:700;letter-spacing:2px;font-size:12px;margin-top:8px}
.vsrow__x{font-family:Anton,sans-serif;font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:2px #ffffff55;padding:0 30px}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cd{display:flex;gap:10px;margin:26px 0 30px}
.hero-md .cd{justify-content:center}
.cd div{background:#000a;border:1px solid var(--line);border-radius:8px;width:92px;padding:12px 0;text-align:center}
.cd b{font-family:Anton,sans-serif;font-size:40px;display:block;line-height:1.1;font-weight:400}
.cd small{font-size:10px;color:var(--mute);letter-spacing:2px;font-weight:700}

/* --- otros encabezados de Inicio --- */
.hero-x{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center}
.hero-x__grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:56px;padding-bottom:56px}
.hero-x h1{font-size:110px;line-height:.9}
.hero-x h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}
.hero-x p{font-size:18px;color:#d4d4dc;margin:22px 0 28px;max-width:480px;line-height:1.5}
.ghost{position:absolute;right:-20px;bottom:-60px;font-family:Anton,sans-serif;font-size:300px;color:rgba(255,255,255,.05);line-height:1;white-space:nowrap;pointer-events:none}
.hero-x--exp{background:radial-gradient(700px 500px at 75% 50%,rgba(214,22,43,.6),transparent 70%),var(--bg)}
.hero-x__logo{justify-self:center;width:400px;filter:drop-shadow(0 30px 60px #000)}
.hero-x--thanks{background:radial-gradient(700px 500px at 72% 55%,rgba(214,22,43,.7),transparent 70%),linear-gradient(110deg,#140204,#0b0b0d 55%,#2a0309)}
.hero-x--thanks .hero-x__grid{padding-bottom:0;align-items:end}
.hero-x--thanks .hero-x__grid>div:first-child{padding-bottom:70px}
.hero-x__players{position:relative;height:560px}
.hero-x__players img{position:absolute;bottom:0;height:560px;width:auto;max-width:none}
.hero-x__players img.a{right:180px;z-index:2}
.hero-x__players img.b{right:-40px;height:500px}
.hero-x--form{background:linear-gradient(100deg,#d6162b,#6e0814)}
.hero-x--form .ghost{left:-20px;right:auto;font-size:240px;bottom:-50px}
.hero-x__photo{height:440px;border-radius:16px;background:#0003 center/cover;border:6px solid #fff2;box-shadow:0 30px 60px #0008}
.hero-col{background:linear-gradient(110deg,#f5a623 0%,#f07c1b 45%,#d6162b 100%);color:#140700}
.hero-col__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero-col .crumb{color:#140700}
.hero-col h1{font-size:104px;line-height:.9}
.hero-col p{font-size:18px;margin:20px 0 26px;max-width:480px;line-height:1.5;color:#2b1405}
.facts{display:grid;grid-template-columns:repeat(3,auto);gap:12px;width:max-content;max-width:100%;margin-bottom:30px}
.facts div{background:#ffffff40;border:1px solid #14070022;border-radius:10px;padding:12px 16px}
.facts small{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:800;letter-spacing:1.5px}
.facts b{font-family:Anton,sans-serif;font-size:24px;display:block;margin-top:4px;font-weight:400}
.hero-col__ph{height:460px;border-radius:16px;background:#0b0b0d center/cover;border:6px solid #fff5;box-shadow:0 30px 60px #0006}

/* --- franja de resultados --- */
.strip{background:var(--bg2);border-bottom:1px solid var(--line)}
.strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sg{padding:22px 26px;border-right:1px solid var(--line)}
.sg:last-child{border-right:0}
.sg__t{font-size:11px;letter-spacing:2px;color:var(--mute);font-weight:700;margin-bottom:12px;display:flex;justify-content:space-between;gap:8px}
.sg__t b{color:var(--gold)}
.sg--next .sg__t b{color:#fff}
.sg__r{display:flex;align-items:center;justify-content:space-between;margin:6px 0;font-weight:700;font-size:14px;gap:8px}
.sg__r span:first-child{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg__r .team-logo{width:26px;height:26px}
.sg__s{font-family:Anton,sans-serif;font-size:22px}
.sg--next .sg__s{font-family:Inter,sans-serif;font-size:12px;color:var(--gold)}
.sg__r.lo{color:var(--mute)}

/* --- Inicio: tabla + calendario --- */
.grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}
.up{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}
.up:last-child{border:0}
.up__d{width:64px;text-align:center;flex:none}
.up__d b{font-family:Anton,sans-serif;font-size:30px;display:block;line-height:1;font-weight:400}
.up__d small{font-size:11px;color:var(--mute);font-weight:700;letter-spacing:1.5px}
.up .team-logo{width:44px;height:44px}
.up__i{flex:1;min-width:0}
.up__i h4{font-size:16px}
.up__i p{font-size:12px;color:var(--mute);margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}

/* tabla de posiciones */
table.st{width:100%;border-collapse:collapse;font-size:15px}
table.st th{font-size:11px;letter-spacing:1.5px;color:var(--mute);text-align:center;padding:14px 8px;border-bottom:1px solid var(--line);font-weight:700}
table.st td{padding:14px 8px;text-align:center;border-bottom:1px solid #1f1f26;font-weight:600}
table.st tr:last-child td{border-bottom:0}
table.st .st__team{text-align:left}
table.st td.st__team div{display:flex;align-items:center;gap:14px;font-weight:700}
.pos{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#24242c;font-weight:800;font-size:13px}
table.st tr.is-club td{background:linear-gradient(90deg,rgba(214,22,43,.22),rgba(214,22,43,.05))}
table.st tr.is-club td:first-child{box-shadow:inset 4px 0 0 var(--red)}
.pts{font-family:Anton,sans-serif;font-size:20px;font-weight:400!important}
.forma{display:flex;gap:4px;justify-content:center}
.forma i{width:20px;height:20px;border-radius:3px;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center}
.forma i.w{background:var(--win);color:#04170c}
.forma i.l{background:var(--loss);color:#fff}
.legend{display:flex;gap:22px;padding:16px 4px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);font-weight:600;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.legend__club{background:var(--red)}

/* bloques de promoción */
.form-banner{background:linear-gradient(100deg,var(--red),#7a0a16);border-radius:14px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}
.form-banner__tx{padding:56px}
.form-banner h2{font-size:64px}
.form-banner p{font-size:17px;margin:18px 0 26px;opacity:.9;max-width:460px;line-height:1.5}
.form-banner__ph{background:#0003 center/cover;min-height:320px}
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card__im{display:block;height:230px;border-radius:10px;background:var(--card) center 20%/cover;position:relative;overflow:hidden}
.news-card__im:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b)}
.news-card__im .badge{position:absolute;left:16px;top:16px;z-index:2}
.news-card h3{font-size:20px;line-height:1.3;margin:18px 0 8px}
.news-card h3 a:hover{color:#ff7a86}
.news-card p{color:var(--mute);font-size:14px;line-height:1.55}
.news-card__dt{font-size:12px;color:var(--gold);font-weight:700;margin-top:12px}
.promo{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.promo__tx{padding:44px}
.promo h3{font-size:44px}
.promo__ph{background:#0003 center/cover;min-height:340px}
.app{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:40px 50px}
.app h3{font-size:40px}
.app p{color:var(--mute);margin-top:6px}
.app__badges{display:flex;gap:10px;flex-wrap:wrap}
.store-badge{background:#000;border:1px solid #444;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}
.store-badge small{display:block;font-size:9px;color:#aaa;font-weight:500}

/* --- Equipo · Jugadores --- */
.feat{position:relative}
.feat__slide{display:none;grid-template-columns:1fr 1.1fr;align-items:end;gap:20px}
.feat__slide.on{display:grid;animation:fadein .5s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.feat__ph{height:520px;position:relative}
.feat__ph img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:540px;width:auto;max-width:none}
.feat__num{position:absolute;left:0;top:0;font-family:Anton,sans-serif;font-size:380px;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.12)}
.feat__info{padding-bottom:110px}
.feat__info h1{font-size:120px;line-height:.88;margin-bottom:26px}
.feat__info h1 span{display:block;font-size:60px;color:#ccc}
.attrs{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:max-content;max-width:100%;background:#0006}
.attrs div{padding:16px 26px;border-right:1px solid var(--line)}
.attrs div:last-child{border:0}
.attrs small{display:block;font-size:11px;color:var(--mute);letter-spacing:1.5px;font-weight:700}
.attrs b{font-family:Anton,sans-serif;font-size:28px;font-weight:400;text-transform:uppercase}
.feat__bars{position:absolute;left:calc(47.6% + 10px);bottom:60px;display:flex;gap:6px}
.feat__bars i{width:34px;height:4px;border-radius:2px;background:#ffffff26;position:relative;overflow:hidden}
.feat__bars i.done{background:#fff}
.feat__bars i.on:after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:left;animation:fill var(--rotate,2s) linear}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.phero__title{padding:40px 0 60px}
.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.pl{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(170deg,#2a0a10 0%,#16161b 55%);border:1px solid var(--line);height:360px;transition:border-color .2s}
.pl:hover{border-color:var(--red)}
.pl:before{content:attr(data-n);position:absolute;right:10px;top:4px;font-family:Anton,sans-serif;font-size:110px;line-height:1;color:rgba(255,255,255,.08)}
.pl img{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);height:280px;width:auto;max-width:none;object-fit:contain}
.pl__empty{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);width:150px;height:240px;border-radius:80px 80px 0 0;background:linear-gradient(#ffffff14,#ffffff05)}
.pl__ft{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000 35%);padding:30px 16px 14px}
.pl__nm{font-family:Anton,sans-serif;font-size:24px;line-height:1;text-transform:uppercase}
.pl__nm small{display:block;font-family:Inter,sans-serif;font-size:12px;color:#bbb;font-weight:600;letter-spacing:1px}
.pl__mt{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--mute);margin-top:8px;font-weight:600}
.pl__mt b{color:var(--gold)}
.staff{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sf{display:flex;align-items:center;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 26px;overflow:hidden}
.sf img{height:120px;width:110px;object-fit:cover;object-position:top;flex:none}
.sf__empty{width:110px;height:120px;border-radius:60px 60px 0 0;background:linear-gradient(#ffffff18,#ffffff05);flex:none}
.sf__ro{font-size:11px;color:var(--gold);letter-spacing:2px;font-weight:800}
.sf h3{font-family:Anton,sans-serif;font-size:30px;text-transform:uppercase;margin:4px 0;font-weight:400}
.sf p{color:var(--mute);font-size:13px}

/* --- Equipo · Partidos --- */
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;align-items:end;margin-top:40px}
.podium__c{background:#0007;border:1px solid var(--line);border-radius:14px;padding:26px;text-align:center;position:relative}
.podium__c .team-logo{width:90px;height:90px;margin:0 auto}
.podium__p{position:absolute;left:18px;top:14px;font-family:Anton,sans-serif;font-size:46px;color:#ffffff30}
.podium__c h3{margin:10px 0 4px;font-size:18px}
.podium__c small{color:var(--mute);font-weight:600}
.podium__c.first{border-color:var(--gold);background:linear-gradient(180deg,rgba(245,166,35,.18),#0007);padding:36px}
.podium__c.first .team-logo{width:120px;height:120px}
.podium__c.first .podium__p{color:var(--gold)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rs{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}
.rs--po{border-color:#5a1a22;background:linear-gradient(160deg,#2a0a10,var(--card))}
.rs__h{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:var(--mute);font-weight:700;margin-bottom:12px}
.rs__h b{padding:2px 8px;border-radius:3px;font-size:10px;color:#fff}
.rs__h b.w{background:var(--win);color:#04170c}
.rs__h b.l{background:var(--loss)}
.rs__t{display:flex;align-items:center;justify-content:space-between;margin:8px 0;font-weight:700;font-size:13px}
.rs__t span:first-child{display:flex;align-items:center;gap:10px}
.rs__t .team-logo{width:26px;height:26px}
.rs__s{font-family:Anton,sans-serif;font-size:22px}
.rs__t.lo{color:var(--mute)}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:104px}
.box{padding:24px}
.box h4{font-size:12px;letter-spacing:2px;color:var(--mute);margin-bottom:16px}
.box--red{background:linear-gradient(140deg,var(--red),#5c0812);border:0}
.box--red h4{color:#fff}
.box__big{font-family:Anton,sans-serif;font-size:30px;line-height:1.05;text-transform:uppercase;margin-bottom:16px}
.mine{display:flex;align-items:center;gap:16px}
.mine .team-logo{width:70px;height:70px}
.mine b{font-family:Anton,sans-serif;font-size:44px;line-height:1;font-weight:400;display:block}
.mine span{color:var(--mute);font-size:13px;font-weight:600}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.kv div{background:var(--bg);border-radius:8px;padding:12px}
.kv small{display:block;font-size:10px;color:var(--mute);letter-spacing:1.5px;font-weight:700}
.kv b{font-family:Anton,sans-serif;font-size:24px;font-weight:400}
.nx__v{display:flex;align-items:center;justify-content:space-around;margin:6px 0 10px}
.nx__v .team-logo{width:76px;height:76px}
.nx__v b{font-family:Anton,sans-serif;font-size:30px;color:var(--red);font-weight:400}
.nx__t{text-align:center;font-weight:800}
.nx__l{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:10px;font-size:12px;color:var(--mute);font-weight:600}
.nx__l span{display:flex;gap:6px;align-items:center}
.nx__acts{display:flex;flex-direction:column;gap:8px;margin-top:16px}

/* --- Equipo · Playoffs --- */
.serie{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;margin-top:40px;background:#0007;border:1px solid var(--line);border-radius:16px;padding:36px 50px}
.serie__tm{display:flex;align-items:center;gap:22px}
.serie__tm--r{flex-direction:row-reverse;text-align:right}
.serie__tm .team-logo{width:120px;height:120px}
.serie__tm h3{font-family:Anton,sans-serif;font-size:40px;text-transform:uppercase;line-height:1;font-weight:400}
.serie__tm small{color:var(--mute);font-weight:700;letter-spacing:1.5px;font-size:12px}
.serie__sc{text-align:center}
.serie__sc b{font-family:Anton,sans-serif;font-size:96px;line-height:1;font-weight:400}
.serie__sc b span{color:var(--mute);margin:0 14px}
.serie__sc div{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--gold)}
.serie__sc .mute{color:var(--mute)}
.bracket{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:40px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:40px}
.bracket__col{display:flex;flex-direction:column}
.bracket__col h4{font-size:12px;letter-spacing:2.5px;color:var(--mute);margin-bottom:20px;text-align:center}
.bracket__stack{display:flex;flex-direction:column;justify-content:space-around;gap:26px;flex:1}
.bracket__trophy{text-align:center;color:var(--gold);margin-bottom:20px}
.mu{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mu--club{border-color:var(--red)}
.mu--final{border-color:var(--gold);box-shadow:0 0 40px rgba(245,166,35,.15)}
.mu__t{display:flex;align-items:center;gap:12px;padding:12px 14px;font-weight:700;font-size:14px}
.mu__t+.mu__t{border-top:1px solid var(--line)}
.mu__t .team-logo{width:28px;height:28px}
.mu__sd{font-size:11px;color:var(--mute);width:16px}
.mu__w{margin-left:auto;font-family:Anton,sans-serif;font-size:22px}
.mu__t.lo{color:var(--mute)}
.mu__t.tbd{color:#666}
.mu__t.tbd i{width:28px;height:28px;border-radius:50%;border:1.5px dashed #444}
.mu__ft{font-size:11px;color:var(--mute);padding:8px 14px;background:#0004;letter-spacing:1px;font-weight:600}
.mu--final .mu__ft{color:var(--gold)}
.games{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gc{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gc--home{border-color:#5a1a22}
.gc__top{display:flex;justify-content:space-between;padding:14px 20px;background:#0005;font-size:12px;font-weight:800;letter-spacing:1.5px}
.gc--home .gc__top{background:linear-gradient(90deg,#3a0710,#0005)}
.gc__top span{color:var(--mute)}
.gc__mid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px 20px;text-align:center}
.gc__mid .team-logo{width:64px;height:64px;margin:0 auto 8px}
.gc__mid small{font-weight:700;font-size:12px}
.gc__mid b{font-family:Anton,sans-serif;font-size:44px;font-weight:400}
.gc__mid b em{font-style:normal;color:var(--mute);font-size:28px;margin:0 8px;vertical-align:6px}
.gc__bt{display:flex;border-top:1px solid var(--line)}
.gc__bt a{flex:1;text-align:center;padding:12px;font-size:12px;font-weight:700;color:var(--mute);letter-spacing:1px}
.gc__bt a:hover{color:#fff}

/* --- Formativas --- */
.fhero__grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}
.fhero h1{font-size:104px}
.stats{display:flex;gap:40px;margin-top:36px;flex-wrap:wrap}
.stats b{font-family:Anton,sans-serif;font-size:44px;display:block;line-height:1;font-weight:400}
.stats small{color:var(--mute);font-size:12px;letter-spacing:1.5px;font-weight:700}
.collage{position:relative;height:440px}
.collage__c{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px #000a;border:4px solid #fff1;background:var(--card) center/cover}
.collage__c span{position:absolute;left:16px;bottom:14px;font-weight:800;font-size:13px;letter-spacing:1px;background:#000a;padding:6px 10px;border-radius:4px}
.collage__c--1{left:0;top:30px;width:58%;height:380px}
.collage__c--2{right:0;top:0;width:44%;height:200px}
.collage__c--3{right:20px;bottom:0;width:42%;height:210px}
.mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.mo{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px;position:relative;display:flex;flex-direction:column}
.mo--on{border-color:var(--gold);background:linear-gradient(170deg,rgba(245,166,35,.14),var(--card) 60%)}
.mo__tag{position:absolute;right:16px;top:16px;font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 8px;border-radius:3px;background:rgba(47,191,113,.16);color:var(--win)}
.mo h3{font-family:Anton,sans-serif;font-size:30px;text-transform:uppercase;margin:8px 0 4px;font-weight:400;padding-right:70px}
.mo__dt{color:var(--mute);font-size:13px;font-weight:600}
.mo__pr{font-family:Anton,sans-serif;font-size:40px;margin:18px 0 4px}
.mo__pr small{font-family:Inter,sans-serif;font-size:13px;color:var(--mute);font-weight:600}
.mo .checks{flex:1}
.day{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.day__c{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px}
.day__c b{font-family:Anton,sans-serif;font-size:26px;color:var(--gold);display:block;font-weight:400}
.day__c span{font-weight:700;font-size:14px}
.day__c p{color:var(--mute);font-size:13px;margin-top:6px;line-height:1.5}
.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.group{--g:#30303a;border-radius:14px;padding:30px 26px;position:relative;overflow:hidden;min-height:330px;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--g),color-mix(in srgb,var(--g) 55%,#000))}
.groups .group:nth-child(4n+1):not([style]){--g:#7b2ff7}
.groups .group:nth-child(4n+2):not([style]){--g:#e08e0b}
.groups .group:nth-child(4n+3):not([style]){--g:#e11d2f}
.group:after{content:attr(data-n);position:absolute;right:-10px;bottom:-40px;font-family:Anton,sans-serif;font-size:200px;color:#ffffff12;line-height:1}
.group__n{font-size:12px;font-weight:800;letter-spacing:2px;opacity:.85}
.group__age{font-family:Anton,sans-serif;font-size:66px;line-height:1;margin:18px 0 4px}
.group__age small{font-size:22px;margin-left:6px}
.group__cat{display:flex;gap:6px;margin:12px 0 18px;flex-wrap:wrap}
.group__cat span{background:#0004;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800}
.group p{opacity:.85;font-size:14px;line-height:1.5}
.group__hr{margin-top:auto;border-top:1px solid #fff3;padding-top:16px;display:flex;justify-content:space-between;font-weight:700;font-size:14px;position:relative;z-index:1}
.group__hr small{display:block;font-size:11px;opacity:.7;letter-spacing:1px;font-weight:600}
.group__hr .r{text-align:right}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cats__c{height:210px;border-radius:12px;background:var(--card) center/cover;position:relative;overflow:hidden;border:1px solid var(--line)}
.cats__c:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000d)}
.cats__c span{position:absolute;left:16px;bottom:14px;z-index:2;font-family:Anton,sans-serif;font-size:24px;text-transform:uppercase}
.cats__c--more{background:repeating-linear-gradient(135deg,#1a1a20 0 14px,#16161b 14px 28px);display:grid;place-items:center;border:2px dashed #d6162b80}
.cats__c--more:after{display:none}
.cats__c--more span{position:static;color:var(--red)}
.sched{display:grid;grid-template-columns:120px repeat(5,1fr);gap:6px;font-size:13px}
.sched div{padding:14px;border-radius:6px;text-align:center;font-weight:700}
.sched__h{color:var(--mute);font-size:11px;letter-spacing:2px}
.sched__t{text-align:left!important;color:var(--mute)}
.sched__c{--g:#7b2ff7;background:color-mix(in srgb,var(--g) 25%,transparent);color:color-mix(in srgb,var(--g) 45%,#fff)}
.sched__c--1:not([style]){--g:#f5a623}
.sched__c--2:not([style]){--g:#d6162b}
.sched__c--3:not([style]){--g:#8a8a99}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why__c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px}
.why__c h4{font-size:18px;margin-bottom:8px}
.why__c p{color:var(--mute);font-size:14px;line-height:1.55}
.signup{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.signup__l{background:linear-gradient(140deg,#d6162b,#5c0812);padding:56px}
.signup__l h2{font-size:58px}
.signup__l p{margin:18px 0 30px;opacity:.9;line-height:1.55}
.signup__r{background:var(--bg2);padding:50px}
.form label{display:block;font-size:11px;letter-spacing:1.5px;color:var(--mute);font-weight:700;margin-bottom:16px}
.form input,.form select{display:block;width:100%;margin-top:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:13px 14px;color:#fff;font:500 14px Inter,sans-serif;letter-spacing:0}
.form input:focus,.form select:focus{outline:2px solid var(--red);outline-offset:1px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .btn{margin-top:8px}
.hp{position:absolute;left:-9999px}
.ok{text-align:center;padding:40px 10px}
.ok .ic{color:var(--win);margin:0 auto 10px;display:block}
.ok h3{font-size:22px;margin-bottom:8px}
.ok p{color:var(--mute)}

/* --- Institución --- */
.ih__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.ih__ph{height:420px;border-radius:16px;background:var(--card) center/cover;border:1px solid var(--line);box-shadow:0 30px 60px #0008}
.subnav{background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:84px;z-index:40}
.subnav .wrap{display:flex;gap:34px;height:58px;align-items:center;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mute);overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.subnav a:hover{color:#fff}
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mvv__c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px}
.mvv__c h4{font-size:19px;margin-bottom:8px}
.mvv__c p{color:var(--mute);font-size:14px;line-height:1.6}
[id]{scroll-margin-top:160px}
.seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.season{height:360px;border-radius:14px;position:relative;overflow:hidden;background:var(--card) center 20%/cover;border:1px solid var(--line);display:block;transition:transform .2s}
a.season:hover{transform:translateY(-4px)}
.season:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000e 80%)}
.season__in{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}
.season__y{font-family:Anton,sans-serif;font-size:70px;line-height:1}
.season .badge{margin:6px 0 10px}
.season p{font-size:13px;color:#ccc;line-height:1.5}
.season__lk{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:1px}
.season--found{background:linear-gradient(160deg,#2a0a10,#141418)}
.season--found img{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:150px;opacity:.9}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.nums__c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 22px}
.nums__c .ic{color:var(--gold)}
.nums__c b{font-family:Anton,sans-serif;font-size:54px;display:block;line-height:1;margin:14px 0 6px;font-weight:400}
.nums__c span{font-weight:700;font-size:14px}
.nums__c p{color:var(--mute);font-size:12.5px;margin-top:6px;line-height:1.5}
.spons{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(100deg,var(--red),#5c0812);border-radius:14px;padding:38px 44px;margin-top:22px}
.spons h3{font-size:38px}
.spons p{opacity:.9;margin-top:6px}
.dg{margin-bottom:34px}
.dg h4{font-size:12px;letter-spacing:2.5px;color:var(--gold);margin-bottom:14px}
.dg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.person{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.person__av{width:72px;height:72px;border-radius:50%;flex:none;background:linear-gradient(#ffffff1a,#ffffff08);overflow:hidden;display:grid;place-items:center;color:#ffffff70;font-family:Anton,sans-serif;font-size:24px}
.person__av img{width:100%;height:100%;object-fit:cover;object-position:top}
.person__tx{flex:1;min-width:0}
.person h5{font-size:16px}
.person small{display:block;color:var(--mute);font-size:12.5px;margin-top:3px}
.person__em{font-size:12px;color:#bbb;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person__ac{display:flex;gap:6px;margin-top:10px}
.person__ac a{width:34px;height:34px;border-radius:8px;background:#24242c;display:grid;place-items:center;color:#ddd}
.person__ac a:hover{background:#34343e}
.person__ac a.wa{background:rgba(31,170,83,.18);color:#3ddc84}

/* --- Temporada --- */
.th{background:linear-gradient(90deg,#0b0b0dee 35%,#0b0b0d66),var(--photo,none) right center/cover,var(--bg)}
.back{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--mute);letter-spacing:1px;margin-bottom:18px}
.back .ic{transform:rotate(180deg)}
.back:hover{color:#fff}
.kpis{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.kpis div{background:#000a;border:1px solid var(--line);border-radius:10px;padding:14px 20px}
.kpis small{display:block;font-size:10.5px;letter-spacing:1.5px;color:var(--mute);font-weight:700}
.kpis b{font-family:Anton,sans-serif;font-size:32px;font-weight:400;text-transform:uppercase}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.sum{padding:30px}
.path{padding:26px}
.path h4{font-size:12px;letter-spacing:2px;color:var(--mute);margin-bottom:18px}
.step{display:flex;gap:16px;padding-bottom:20px;position:relative}
.step:before{content:"";position:absolute;left:11px;top:26px;bottom:0;width:2px;background:var(--line)}
.step:last-child:before{display:none}
.step i{width:24px;height:24px;border-radius:50%;background:var(--red);flex:none;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}
.step i.out{background:#333}
.step b{display:block;font-size:15px}
.step span{font-size:13px;color:var(--mute)}
table.hist{width:100%;border-collapse:collapse;font-size:14px}
.hist th{font-size:11px;letter-spacing:1.5px;color:var(--mute);text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}
.hist td{padding:13px 10px;border-bottom:1px solid #1f1f26;font-weight:600}
.hist tr:last-child td{border-bottom:0}
.hist__r{display:flex;align-items:center;gap:10px}
.hist__r .team-logo{width:26px;height:26px}
.hist__res{font-family:Anton,sans-serif;font-size:18px;font-weight:400!important;white-space:nowrap}
.wl{font-size:10px;font-weight:800;padding:3px 8px;border-radius:3px}
.wl.w{background:var(--win);color:#04170c}
.wl.l{background:var(--loss)}
.hist tr.po td{background:rgba(214,22,43,.07)}
.mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.mini__c{border-radius:10px;overflow:hidden;background:linear-gradient(170deg,#2a0a10,#16161b 60%);border:1px solid var(--line);text-align:center;padding-bottom:10px}
.mini__c img{width:100%;height:120px;object-fit:cover;object-position:top}
.mini__e{height:120px;display:grid;place-items:center;color:#ffffff30}
.mini__c b{display:block;font-family:Anton,sans-serif;font-size:15px;text-transform:uppercase;margin-top:8px;font-weight:400}
.mini__c small{font-size:11px;color:var(--mute)}

/* --- Abonos y tienda --- */
.ah__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.passwrap{position:relative;height:340px;display:grid;place-items:center}
.pass{grid-area:1/1;width:440px;max-width:100%;aspect-ratio:440/270;border-radius:18px;position:relative;overflow:hidden;transform:rotate(-5deg);background:radial-gradient(circle at 80% 20%,#ff3b4f,transparent 55%),linear-gradient(135deg,#d6162b,#5c0812);box-shadow:0 40px 80px #000c,0 0 0 1px #fff2 inset}
.pass:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px)}
.pass--back{transform:rotate(6deg) translate(40px,20px);background:linear-gradient(135deg,#2a2a33,#0b0b0d)}
.pass img{position:absolute;right:20px;top:20px;width:25%}
.pass__t{position:absolute;left:28px;top:28px;font-family:Anton,sans-serif;font-size:22px;letter-spacing:2px}
.pass__y{position:absolute;left:26px;bottom:22%;font-family:Anton,sans-serif;font-size:80px;line-height:1}
.pass__s{position:absolute;left:28px;bottom:28px;font-size:12px;font-weight:800;letter-spacing:3px;opacity:.85}
.pass__chip{position:absolute;right:28px;bottom:28px;width:54px;height:40px;border-radius:6px;background:linear-gradient(135deg,#f5d58a,#b8860b)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}
.tier{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px;display:flex;flex-direction:column;position:relative}
.tier--hl{border-color:var(--gold);background:linear-gradient(170deg,rgba(245,166,35,.13),var(--card) 55%)}
.tier--hl:before{content:"MÁS VENDIDO";position:absolute;top:-12px;left:30px;background:var(--gold);color:#111;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:5px 10px;border-radius:3px}
.tier__n{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--mute)}
.tier h3{font-family:Anton,sans-serif;font-size:40px;text-transform:uppercase;margin:6px 0;font-weight:400}
.tier__pr{font-family:Anton,sans-serif;font-size:52px;line-height:1;margin:10px 0 2px}
.tier__pr small{font-family:Inter,sans-serif;font-size:14px;color:var(--mute);font-weight:600}
.tier__pr del{font-size:28px;color:var(--mute)}
.tier__pr ins{text-decoration:none}
.tier__sv{font-size:13px;font-weight:700}
.tier .checks{flex:1}
.safe{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--mute);font-size:13px;margin-top:22px}
.seatmap{padding:20px}
.seatmap img{margin:0 auto;max-height:520px;width:auto}
.filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}
.filters h2{font-size:44px}
.filters h2 em{font-style:normal;color:var(--red)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.product-card__img{display:block;aspect-ratio:4/5;background:#fff center/cover;position:relative}
.product-card__img .badge{position:absolute;left:12px;top:12px;font-size:10px;padding:4px 8px}
.product-card__in{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.product-card h3{font-size:15px;line-height:1.3;flex:1}
.product-card__sz{font-size:12px;color:var(--mute);margin-top:8px}
.product-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.product-card__price{font-family:Anton,sans-serif;font-size:24px}
.product-card__price del{font-size:15px;color:var(--mute)}
.product-card__price ins{text-decoration:none}
.product-card__bt{display:flex;gap:6px}
.ib{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--red)}
.ib--wa{background:var(--wa)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:44px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}
.feature__gal{display:flex;flex-direction:column;gap:12px}
.feature__main{border-radius:12px;background:#fff center/cover;aspect-ratio:1}
.feature__th{display:flex;gap:10px}
.feature__th button{width:80px;height:80px;border-radius:8px;background:#fff center/cover;border:1px solid var(--line)}
.feature__th button.on{border:2px solid var(--red)}
.feature__name{font-family:Anton,sans-serif;font-size:46px;text-transform:uppercase;line-height:1;font-weight:400}
.feature__pr{font-family:Anton,sans-serif;font-size:40px;margin:12px 0}
.feature__pr ins{text-decoration:none}
.feature__desc{color:#c9c9d2;line-height:1.6;font-size:15px}
.feature__buy{margin-top:22px}
.wc-wa{margin-top:12px}

/* --- WooCommerce (formularios en tema oscuro) --- */
.feature__buy form.cart,.wc-page form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.feature__buy table.variations,.wc-page table.variations{width:100%;margin-bottom:6px}
.feature__buy table.variations th,.wc-page table.variations th{text-align:left;font-size:11px;letter-spacing:2px;color:var(--mute);padding:6px 0}
.woocommerce select,.woocommerce input.input-text,.woocommerce textarea,.feature__buy select{background:var(--bg);border:1px solid var(--line);border-radius:6px;color:#fff;padding:12px;font:500 14px Inter,sans-serif;width:100%}
.woocommerce .quantity input.qty,.feature__buy .quantity input.qty{width:80px;background:var(--bg);border:1px solid var(--line);color:#fff;border-radius:6px;padding:12px;text-align:center}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.single_add_to_cart_button{background:var(--red)!important;color:#fff!important;border-radius:4px!important;font:800 13px Inter,sans-serif!important;letter-spacing:1px;text-transform:uppercase;padding:14px 24px!important;border:0!important}
.woocommerce button.button.alt:hover,.woocommerce a.button:hover{filter:brightness(1.1)}
.single_add_to_cart_button{flex:1}
.woocommerce-variation-add-to-cart{display:flex;gap:10px;width:100%}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{background:var(--card);color:#fff;border-top-color:var(--red)}
.wc-page .product{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.wc-page .product .woocommerce-product-gallery{width:100%!important;float:none!important}
.wc-page .product .summary{width:100%!important;float:none!important}
.wc-page .product_title{font-family:Anton,sans-serif;font-size:46px;text-transform:uppercase;font-weight:400;line-height:1}
.wc-page .price{font-family:Anton,sans-serif;font-size:36px;color:#fff!important;margin:12px 0}
.wc-page .woocommerce-tabs,.wc-page .related,.wc-page .upsells{grid-column:1/-1}
.wc-page .woocommerce-tabs ul.tabs li{background:var(--card)!important;border-color:var(--line)!important}
.wc-page .woocommerce-tabs ul.tabs li a{color:#fff!important}
.woocommerce table.shop_table{border-color:var(--line);border-radius:12px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)!important}
.woocommerce-checkout #payment{background:var(--card)!important;border-radius:12px}
.woocommerce-checkout #payment div.payment_box{background:var(--bg2)!important;color:#ddd}
.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:var(--bg2)!important}
.woocommerce form .form-row label{color:#ddd}
.select2-container--default .select2-selection--single{background:var(--bg);border-color:var(--line);height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:46px}

/* --- contenido de páginas y noticias --- */
.entry{color:#d4d4dc;line-height:1.75;font-size:16px}
.entry--narrow{max-width:780px;margin:0 auto}
.entry>*+*{margin-top:1em}
.entry h2,.entry h3{color:#fff;line-height:1.25}
.entry a{color:#ff7a86;text-decoration:underline}
.entry ul,.entry ol{padding-left:1.4em}
.entry__img img{border-radius:12px;margin:16px 0}
.pager{margin-top:40px}
.pager .nav-links{display:flex;gap:8px;justify-content:center}
.pager .page-numbers{padding:8px 14px;border-radius:6px;background:var(--card);font-weight:700}
.pager .current{background:var(--red)}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (max-width:1024px){
  .site-header .wrap{gap:20px}
  .site-nav{gap:20px}
  .phero h1{font-size:72px}
  .hero-x h1,.hero-col h1,.fhero h1{font-size:80px}
  .feat__info h1{font-size:90px}
  .roster{grid-template-columns:repeat(3,1fr)}
  .groups,.why,.cats{grid-template-columns:repeat(2,1fr)}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .layout{grid-template-columns:1fr}
  .side{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .grid2{grid-template-columns:1fr;gap:48px}
  .results{grid-template-columns:repeat(2,1fr)}
  .dg__grid{grid-template-columns:repeat(2,1fr)}
  .sponsors__grid{grid-template-columns:repeat(4,1fr)}
  .site-footer__cols{grid-template-columns:1fr 1fr}
  .serie{padding:28px;gap:20px}
  .serie__tm h3{font-size:28px}
  .serie__tm .team-logo{width:84px;height:84px}
  .bracket{gap:20px;padding:24px}
}

/* menú desplegable desde 900px */
@media (max-width:900px){
  .site-header .wrap{height:64px;gap:12px}
  .logo{flex:1}
  .logo img{height:44px}
  .logo span{font-size:16px}
  .nav-toggle{display:grid;place-items:center;width:40px;height:40px}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 64px);height:calc(100dvh - 64px);background:var(--bg);flex-direction:column;gap:0;padding:12px var(--gut);font-size:18px;overflow:auto}
  .nav-open .site-nav{display:flex}
  .soc--head{display:none}
  .soc--menu{display:flex;gap:10px;padding:22px 0}
  .site-nav .soc--menu a{padding:0;border:1px solid var(--line);width:48px;height:48px}
  .nav-open{overflow:hidden}
  .site-nav a{padding:18px 0;border-bottom:1px solid var(--line)}
  .site-nav a.on{color:var(--red);border-color:var(--line)}
  .subnav{top:64px}
}

/* ==========================================================================
   Celular
   ========================================================================== */
@media (max-width:640px){
  :root{--gut:16px}
  .hide-m{display:none!important}
  .site-header .btn--sm{padding:10px 14px;font-size:11px}
  .sec{padding:48px 0}
  .sec--tight{padding-top:0}
  .sh{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
  .sh h2{font-size:34px}
  .sh__link{text-align:left}
  .tabs a,.tabs span{padding:8px 12px;font-size:12px}
  .topline{flex-direction:column;align-items:flex-start;gap:16px}
  .phero__wrap{padding-top:36px;padding-bottom:40px}
  .phero__wrap--flush{padding-bottom:0}
  .phero h1{font-size:56px}
  .phero p{font-size:15px}
  .bigtxt{font-size:120px;bottom:-16px}
  .acts .btn{width:100%}
  .btn{padding:13px 18px;font-size:12px}

  .hero-md .wrap{padding-top:30px;padding-bottom:40px}
  .hero-md__league{font-size:18px;letter-spacing:2px}
  .vsrow .team-logo{width:104px;height:104px}
  .vsrow h2{font-size:22px}
  .vsrow small{font-size:9px;letter-spacing:1px}
  .vsrow__x{font-size:52px;padding:0 8px}
  .chip{font-size:12px;padding:8px 10px}
  .cd div{width:70px}
  .cd b{font-size:30px}
  .hero-x{min-height:0}
  .hero-x__grid,.hero-col__grid,.fhero__grid,.ih__grid,.ah__grid{grid-template-columns:1fr;gap:26px;padding-top:36px;padding-bottom:40px}
  .hero-x h1,.hero-col h1,.fhero h1{font-size:60px}
  .hero-x p,.hero-col p{font-size:15px;margin:16px 0 22px}
  .ghost{font-size:120px;bottom:-20px}
  .hero-x__logo{width:200px;order:-1}
  .hero-x--thanks .hero-x__grid>div:first-child{padding-bottom:0}
  .hero-x__players{height:340px}
  .hero-x__players img{height:340px}
  .hero-x__players img.a{right:auto;left:0}
  .hero-x__players img.b{height:300px;right:-30px}
  .hero-x__photo,.hero-col__ph,.ih__ph{height:230px}
  .facts{grid-template-columns:repeat(3,1fr);width:100%;gap:8px}
  .facts div{padding:10px}
  .facts b{font-size:17px}
  .facts small{font-size:9px}

  .strip__grid{grid-template-columns:1fr 1fr}
  .sg{padding:14px 12px;border-bottom:1px solid var(--line)}
  .sg__r{font-size:12px}
  .sg__s{font-size:18px}
  .sg__r .team-logo{width:20px;height:20px}
  .up{padding:14px;gap:12px}
  .up__d{width:44px}
  .up__d b{font-size:24px}
  .up .team-logo{width:34px;height:34px}
  .up__i h4{font-size:14px}
  .up__i p{flex-direction:column;gap:2px}
  .card--table{padding:4px 8px 0}
  table.st{font-size:13px}
  table.st th,table.st td{padding:11px 4px}
  table.st td.st__team div{gap:8px}
  table.st .team-logo{width:24px;height:24px}
  table.st .c-dif,table.st .c-pf,table.st .c-pc,table.st .c-form{display:none}
  .legend{font-size:11px}
  .form-banner,.promo,.signup,.two,.feature{grid-template-columns:1fr}
  .form-banner__tx,.promo__tx{padding:30px 24px}
  .form-banner h2{font-size:44px}
  .form-banner__ph,.promo__ph{min-height:220px}
  .news{grid-template-columns:1fr;gap:30px}
  .news-card__im{height:200px}
  .app{flex-direction:column;align-items:flex-start;padding:26px}
  .app h3{font-size:30px}

  .feat__slide{grid-template-columns:1fr;gap:0}
  .feat__ph{height:380px;margin-top:10px}
  .feat__ph img{height:400px}
  .feat__num{font-size:260px}
  .feat__info{padding-bottom:50px}
  .feat__info h1{font-size:72px;margin-bottom:18px}
  .feat__info h1 span{font-size:40px}
  .attrs{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
  .attrs div{padding:10px}
  .attrs b{font-size:17px}
  .attrs small{font-size:9px}
  .feat__bars{left:0;bottom:20px}
  .feat__bars i{width:22px}
  .roster{grid-template-columns:1fr 1fr;gap:10px}
  .pl{height:270px}
  .pl:before{font-size:80px}
  .pl img{height:205px;bottom:58px}
  .pl__ft{padding:24px 12px 10px}
  .pl__nm{font-size:20px}
  .pl__mt{flex-direction:column;gap:2px;font-size:10.5px}
  .staff{grid-template-columns:1fr}
  .sf{padding:14px 18px;gap:16px}
  .sf img,.sf__empty{height:90px;width:80px}
  .sf h3{font-size:24px}

  .podium{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}
  .podium__c{padding:14px 6px}
  .podium__c .team-logo{width:50px;height:50px}
  .podium__c h3{font-size:12px}
  .podium__c small{font-size:10px}
  .podium__p{font-size:26px;left:8px;top:4px}
  .podium__c.first{padding:18px 6px}
  .podium__c.first .team-logo{width:66px;height:66px}
  .results{grid-template-columns:1fr;gap:12px}
  .side{grid-template-columns:1fr}

  .serie{grid-template-columns:1fr auto 1fr;gap:8px;padding:22px 10px;margin-top:28px}
  .serie__tm,.serie__tm--r{flex-direction:column;text-align:center;gap:10px}
  .serie__tm .team-logo{width:64px;height:64px}
  .serie__tm h3{font-size:17px}
  .serie__tm small{font-size:9px}
  .serie__sc b{font-size:52px}
  .serie__sc b span{margin:0 6px}
  .serie__sc div{font-size:8.5px;letter-spacing:.5px}
  .bracket{grid-auto-flow:row;padding:18px 14px;gap:26px}
  .games{grid-template-columns:1fr}

  .stats{gap:22px}
  .stats b{font-size:32px}
  .collage{height:300px}
  .collage__c--1{width:64%;height:250px}
  .collage__c--2,.collage__c--3{width:42%;height:140px}
  .collage__c--3{right:0}
  .groups{grid-template-columns:1fr}
  .group{min-height:0}
  .group__age{font-size:56px}
  .cats{grid-template-columns:1fr 1fr;gap:10px}
  .cats__c{height:120px}
  .cats__c span{font-size:17px;left:12px;bottom:10px}
  .sched{grid-template-columns:44px repeat(5,1fr);gap:3px;font-size:9.5px}
  .sched div{padding:9px 1px}
  .sched__h{font-size:8.5px!important;letter-spacing:0!important}
  .why{grid-template-columns:1fr 1fr;gap:10px}
  .why__c{padding:18px}
  .why__c h4{font-size:15px}
  .why__c p{font-size:12.5px}
  .signup__l{padding:30px 24px}
  .signup__l h2{font-size:44px}
  .signup__r{padding:26px 20px}
  .form .row{grid-template-columns:1fr;gap:0}

  .mvv{grid-template-columns:1fr;gap:10px}
  .seasons{grid-template-columns:1fr 1fr;gap:10px}
  .season{height:260px}
  .season__y{font-size:46px}
  .season__in{left:14px;right:14px;bottom:14px}
  .season p{display:none}
  .season--found img{width:100px;top:30px}
  .nums{grid-template-columns:1fr 1fr;gap:10px}
  .nums__c{padding:18px}
  .nums__c b{font-size:38px}
  .spons{flex-direction:column;align-items:flex-start;padding:26px 22px}
  .spons h3{font-size:30px}
  .spons .acts{width:100%}
  .dg__grid{grid-template-columns:1fr;gap:10px}
  .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .kpis div{padding:10px}
  .kpis b{font-size:20px}
  .kpis small{font-size:9px}
  .sum{padding:22px}
  .hist{font-size:12.5px}
  .hist th,.hist td{padding:11px 6px}
  .hist .c-cond{display:none}

  .passwrap{height:240px}
  .pass{width:300px}
  .pass__y{font-size:54px}
  .pass__t{font-size:16px;left:20px;top:20px}
  .tiers{gap:26px}
  .filters{flex-direction:column;align-items:flex-start}
  .filters h2{font-size:34px}
  .pgrid{grid-template-columns:1fr 1fr;gap:10px}
  .product-card__in{padding:12px}
  .product-card h3{font-size:13px}
  .product-card__price{font-size:19px}
  .ib{width:32px;height:32px}
  .feature{padding:16px;gap:22px}
  .feature__name{font-size:34px}
  .wc-page .product{grid-template-columns:1fr}

  .sponsors__grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .sponsor{height:60px;padding:10px}
  .sponsor img{max-height:30px}
  .site-footer{padding:40px 0 24px}
  .site-footer__cols{gap:28px}
  .site-footer__cols>div:first-child{grid-column:1/-1}
  .site-footer__bot{flex-direction:column}
}