:root{
  /* ── Identidad CHAMPIONS (rojo vino + dorado + azul noche) ── */
  --negro:#0a0507;--fondo:#0c0609;--card:#160a0d;--card2:#1b0e11;--borde:#3a2a1e;--borde2:#4a3524;
  --texto:#f6efe6;--texto2:#9a8a80;--texto3:#5c4a44;
  --oro:#e8b64a;--oro2:#c9962e;
  --verde:#00e676;--rojo:#ff4d6a;--azul:#5a7fd8;--cyan:#00bcd4;
  --font:'Inter',system-ui,sans-serif;--font-num:'Oswald','Bahnschrift','Inter',sans-serif;
  /* segmentos de la barra de probabilidad (card partido) */
  --seg-home:linear-gradient(90deg,#8a1420,#c0392b);
  --seg-draw:linear-gradient(90deg,#b8933a,#e8c477);
  --seg-away:linear-gradient(90deg,#2a4a8a,#5a7fd8);
  --seg-home-txt:#ffffff;--seg-draw-txt:#241a00;--seg-away-txt:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--fondo);color:var(--texto);font-family:var(--font);font-size:14px;min-height:100vh;overflow-x:hidden}
/* ── Fondo "Césped Champions": franjas de campo ESTÁTICAS + poso de color
   (vino/dorado/azul) + un brillo dorado que RECORRE en diagonal. Solo se anima
   translateX del brillo (GPU, coste ~0). Nada de blur animándose. ── */
.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 46px,transparent 46px 92px),
  radial-gradient(ellipse 80% 55% at 50% 118%,rgba(20,60,30,.20),transparent 68%),
  radial-gradient(ellipse 75% 55% at 12% 0%,rgba(160,24,40,.18),transparent 58%),
  radial-gradient(ellipse 70% 55% at 88% 100%,rgba(232,182,74,.10),transparent 58%),
  radial-gradient(ellipse 60% 50% at 65% 40%,rgba(42,74,138,.10),transparent 60%)}
.bg-glow::before{content:'';position:absolute;top:0;left:-40%;width:38%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(232,182,74,.09),transparent);
  transform:translateX(0);animation:grassShine 11s linear infinite;will-change:transform}
@keyframes grassShine{from{transform:translateX(0)}to{transform:translateX(370%)}}
@media(prefers-reduced-motion:reduce){.bg-glow::before{animation:none;opacity:0}}
nav{position:sticky;top:0;z-index:300;background:rgba(7,8,12,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--borde);padding:0 24px;height:58px;display:flex;align-items:center}
.nav-brand{display:flex;align-items:center;gap:10px;margin-right:28px;cursor:pointer;flex-shrink:0}
.nav-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-txt{font-size:15px;font-weight:800;color:var(--texto)}
/* nav-sub era verde (#43e97b) porque ponía "· LIVE". Ya no anuncia directo, así
   que pasa a dorado de marca: el verde queda reservado para lo que sí está en vivo. */
.nav-sub{font-size:9px;color:rgba(232,182,74,.75);font-weight:700;letter-spacing:.5px;display:block;margin-top:-2px}
.nav-links{display:flex;gap:2px;flex-wrap:wrap}
.nb{padding:6px 13px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:var(--texto2);font-size:13px;font-weight:500;font-family:var(--font);transition:all .2s;white-space:nowrap}
.nb:hover{background:rgba(255,255,255,.05);color:var(--texto)}
.nb.on{background:rgba(232,182,74,.12);color:var(--oro);border:1px solid rgba(232,182,74,.2)}
.nbadge{background:var(--verde);color:#000;font-size:9px;font-weight:800;padding:1px 5px;border-radius:8px;margin-left:4px}
/* HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border:1px solid var(--borde2);background:rgba(255,255,255,.04);border-radius:9px;cursor:pointer;margin-left:auto;flex-shrink:0;padding:0}
.nav-hamburger span{display:block;width:18px;height:2px;background:var(--texto);border-radius:2px;transition:all .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* MOBILE MENU */
#nav-mobile-menu{display:none;position:fixed;top:58px;left:0;right:0;z-index:299;background:rgba(7,8,12,.98);border-bottom:1px solid var(--borde);backdrop-filter:blur(24px);padding:8px 16px 20px;flex-direction:column;gap:3px;max-height:calc(100vh - 58px);overflow-y:auto}
#nav-mobile-menu.open{display:flex;animation:slideDown .2s ease}
@keyframes slideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
#nav-mobile-menu .nb{width:100%;text-align:left;padding:13px 16px;font-size:15px;border-radius:10px;color:var(--texto2)}
#nav-mobile-menu .nb.on{background:rgba(232,182,74,.1);color:var(--oro);border:1px solid rgba(232,182,74,.18)}
#nav-mobile-menu .nb:hover{background:rgba(255,255,255,.06);color:var(--texto)}
/* ⚠️ EL DIVISOR ERA INVISIBLE (21-ago, reportado por el dueño: "no tiene los
   divisores que tenía antes, se ve mal"). Era 1px de #3a2a1e sobre el fondo del
   menú (rgba(7,8,12,.98)): contraste 1,4:1 — medido. Por debajo de 1,5:1 una
   línea de 1px no se distingue. No era que faltaran del HTML (están los 3), es
   que no se veían. Ahora es un degradado que se apaga en los bordes, con más
   luz en el centro: separa de verdad sin meter una raya dura. */
/* ⚠️ `flex-shrink:0` NO ES OPCIONAL — ES LA RAZON DE QUE NO SE VIERAN.
   El menu es flex-direction:column, y en flex los hijos SE ENCOGEN cuando el
   contenido no cabe. Con 14 botones no cabe nunca, asi que un div de height:1px
   se aplastaba a 0 y el divisor desaparecia. Estaba en el HTML, ocupaba su
   sitio en el DOM, pero medida real: 0 pixeles.
   El 21-ago perdi horas mirando el contraste del color y el momento de pintado
   cuando el problema era este. `min-height` ademas de `height` porque flex
   ignora `height` al encoger pero respeta `min-height`. */
.nav-mobile-divider{height:1px;min-height:1px;flex:0 0 1px;flex-shrink:0;
  margin:9px 4px;border:0;
  background:linear-gradient(90deg,rgba(232,182,74,0) 0%,rgba(232,182,74,.34) 18%,
    rgba(232,182,74,.46) 50%,rgba(232,182,74,.34) 82%,rgba(232,182,74,0) 100%)}
/* TOP CUOTAS fire theme */
#comp-cards>div{will-change:transform}
.nb-fire{background:linear-gradient(135deg,rgba(255,80,0,.2),rgba(255,150,0,.1));border:1px solid rgba(255,100,0,.42)!important;color:#ff8c00!important;font-weight:900!important;position:relative}
.nb-fire.on{background:linear-gradient(135deg,rgba(255,80,0,.35),rgba(255,150,0,.2))!important;box-shadow:0 0 16px rgba(255,100,0,.32)!important;color:#ffaa00!important}
.nb-fire::after{content:'HOT';position:absolute;top:-7px;right:-4px;background:linear-gradient(135deg,#cc2200,#ff5500);color:#fff;font-size:7px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.5px;pointer-events:none;animation:hotFlame 1.4s ease-in-out infinite}
/* HOT: parpadeo cálido tipo brasa (glow rojo/naranja que late) — distinto del PRONTO,
   que hace fade+scale azul. Le pega a la temática de fuego de TOP CUOTAS. */
@keyframes hotFlame{0%,100%{box-shadow:0 0 6px 0 rgba(255,80,0,.6);filter:brightness(1)}50%{box-shadow:0 0 11px 2px rgba(255,110,0,.95);filter:brightness(1.18)}}

/* ── FutDatos Live Bot — botón nav "PRÓXIMAMENTE" (azul eléctrico, distinto del fire) */
.nb-soon{background:linear-gradient(135deg,rgba(0,180,255,.16),rgba(90,127,216,.1));border:1px solid rgba(0,180,255,.4)!important;color:#4fc3ff!important;font-weight:900!important;position:relative}
.nb-soon.on{background:linear-gradient(135deg,rgba(0,180,255,.3),rgba(90,127,216,.2))!important;box-shadow:0 0 16px rgba(0,180,255,.3)!important;color:#7dd8ff!important}
.nb-soon::after{content:'PRONTO';position:absolute;top:-7px;right:-4px;background:linear-gradient(135deg,#0072ff,#00c2ff);color:#fff;font-size:7px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.5px;pointer-events:none;animation:soonPulse 2s ease-in-out infinite}
@keyframes soonPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.9)}}

/* ── FutDatos Live Bot — sección PRÓXIMAMENTE (hero animado) */
.lb-hero{position:relative;overflow:hidden;border-radius:20px;padding:40px 24px 34px;margin-bottom:22px;text-align:center;
  background:linear-gradient(160deg,rgba(0,90,180,.28) 0%,rgba(0,140,220,.16) 42%,rgba(90,127,216,.08) 72%,transparent 100%);
  border:1px solid rgba(0,160,255,.3)}
.lb-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -15%,rgba(0,180,255,.22),transparent 62%);pointer-events:none}
/* Onda de "señal" que recorre el hero (efecto radar/transmisión) */
.lb-hero::after{content:'';position:absolute;top:-40%;left:50%;width:140%;height:180%;transform:translateX(-50%);pointer-events:none;
  background:conic-gradient(from 0deg at 50% 30%,transparent 0deg,rgba(0,200,255,.10) 40deg,transparent 90deg);animation:lbSweep 7s linear infinite}
@keyframes lbSweep{to{transform:translateX(-50%) rotate(360deg)}}
.lb-badge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#0072ff,#00c2ff);color:#fff;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:6px 16px;border-radius:20px;box-shadow:0 4px 18px rgba(0,150,255,.4);position:relative;z-index:1}
.lb-badge .lb-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:lbLive 1.6s ease-out infinite}
@keyframes lbLive{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.lb-title{font-size:34px;font-weight:900;letter-spacing:-.6px;margin:16px 0 6px;position:relative;z-index:1;line-height:1.05}
.lb-title .grad{background:linear-gradient(135deg,#4fc3ff,#00e5ff,#7dd8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lb-sub{font-size:14.5px;color:#dbeaf7;max-width:540px;margin:0 auto;position:relative;z-index:1;line-height:1.6}
.lb-sub b{color:#7dd8ff}
.lb-phone{position:relative;z-index:1;max-width:340px;margin:26px auto 6px;background:rgba(10,20,35,.7);border:1px solid rgba(0,160,255,.25);border-radius:18px;padding:14px;text-align:left;box-shadow:0 12px 40px rgba(0,60,120,.35)}
.lb-msg{background:rgba(0,150,255,.12);border:1px solid rgba(0,170,255,.25);border-radius:12px 12px 12px 4px;padding:10px 12px;margin-bottom:9px;font-size:12.5px;color:var(--texto);opacity:0;transform:translateY(8px);animation:lbMsgIn .5s ease forwards}
.lb-msg:nth-child(1){animation-delay:.3s}.lb-msg:nth-child(2){animation-delay:1.1s}.lb-msg:nth-child(3){animation-delay:1.9s}
@keyframes lbMsgIn{to{opacity:1;transform:translateY(0)}}
.lb-msg b{color:#4fc3ff}
.lb-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0 6px}
.lb-feat-card{background:linear-gradient(160deg,rgba(0,120,220,.14),rgba(0,80,160,.06));border:1px solid rgba(0,180,255,.35);border-radius:14px;padding:18px 15px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.lb-feat-card .ico{font-size:24px;margin-bottom:9px;filter:drop-shadow(0 0 8px rgba(0,180,255,.4))}
.lb-feat-card .h{font-size:13.5px;font-weight:900;color:#fff;margin-bottom:5px}
.lb-feat-card .d{font-size:12px;color:#c3dcf0;line-height:1.55}
.lb-survey{background:linear-gradient(135deg,rgba(0,90,180,.14),rgba(90,127,216,.06));border:1px solid rgba(0,160,255,.28);border-radius:18px;padding:22px 20px;margin-top:8px}
.lb-q{margin-bottom:18px}
.lb-q-label{font-size:13.5px;font-weight:800;color:#fff;margin-bottom:9px}
.lb-opt{display:flex;flex-wrap:wrap;gap:8px}
.lb-opt button{padding:9px 15px;border-radius:10px;border:1px solid rgba(0,180,255,.25);background:rgba(0,120,220,.08);color:#dbeaf7;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s}
.lb-opt button:hover{border-color:rgba(0,170,255,.6);color:#fff}
.lb-opt button.sel{background:linear-gradient(135deg,rgba(0,150,255,.25),rgba(90,127,216,.15));border-color:rgba(0,180,255,.6);color:#fff}

/* ── MODO STREAMER (anti-ban redes): censura VISUAL SUAVE de las PALABRAS/DATOS
   baneables (cuota, apuesta, EV, valor, casas, números de cuota). La app se ve y se
   NAVEGA/CLICA normal — solo las palabras prohibidas salen borrosas y no legibles.
   Blur suave (deja intuir, no leer). Se activa con body.stream-mode (rol streamer). */
body.stream-mode .stream-censor{
  filter:blur(4.5px)!important; -webkit-filter:blur(4.5px)!important;
  user-select:none!important;
  /* clicable a propósito: pointer-events NO se desactiva */
}
/* Aviso discreto de que el modo está activo (no molesta al grabar, esquina) */
body.stream-mode #stream-badge{display:flex!important}
#stream-badge{display:none;position:fixed;bottom:14px;right:14px;z-index:9999;
  align-items:center;gap:6px;background:rgba(180,10,0,.9);color:#fff;font-size:11px;
  font-weight:800;padding:6px 12px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.4);
  letter-spacing:.5px;pointer-events:none}
.topcuotas-hero{background:linear-gradient(160deg,rgba(180,10,0,.22) 0%,rgba(255,80,0,.14) 40%,rgba(255,140,0,.07) 70%,transparent 100%);border:1px solid rgba(255,70,0,.28);border-radius:18px;padding:28px 22px 24px;margin-bottom:22px;text-align:center;position:relative;overflow:hidden}
.tc-tab{flex:1;min-width:110px;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--texto2);font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.tc-tab:hover{border-color:rgba(255,120,0,.4);color:var(--texto)}
.tc-tab.on{background:linear-gradient(135deg,rgba(255,100,0,.18),rgba(200,60,0,.1));border-color:rgba(255,110,0,.55);color:#fff;box-shadow:0 0 14px rgba(255,80,0,.15)}
.tc-tab-n{background:rgba(0,0,0,.3);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:900;min-width:20px}
.tc-tab.on .tc-tab-n{background:rgba(255,120,0,.4)}
/* La pestaña que MÁS ACIERTA (77,3% sobre 662 picks resueltos, medido el 21-ago).
   Se destaca en verde para que no pase desapercibida: es la más fiable y estaba
   perdida al final del selector. */
.tc-tab-destacada{border-color:rgba(60,200,120,.45);background:linear-gradient(135deg,rgba(40,180,100,.12),rgba(20,120,70,.06))}
.tc-tab-destacada:hover{border-color:rgba(60,220,130,.7)}
.tc-tab-destacada.on{background:linear-gradient(135deg,rgba(40,200,110,.22),rgba(20,130,75,.12));border-color:rgba(60,220,130,.65);box-shadow:0 0 14px rgba(40,200,110,.18)}
.tc-tab-destacada.on .tc-tab-n{background:rgba(50,200,110,.4)}
.tc-tab-lbl{font-size:9.5px;font-weight:700;color:rgba(90,230,150,.9);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
@media(max-width:640px){.tc-tab-lbl{display:none}}
.topcuotas-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(255,80,0,.18),transparent 65%);pointer-events:none}
.tc-card-elite{border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,55,0,.55);background:linear-gradient(135deg,rgba(200,0,0,.18),rgba(140,0,0,.08));box-shadow:0 0 22px rgba(255,50,0,.18),inset 0 0 16px rgba(255,70,0,.05)}
.tc-card-top{border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,120,0,.45);background:linear-gradient(135deg,rgba(255,100,0,.14),rgba(200,70,0,.07))}
.tc-card-valor{border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,180,0,.3);background:linear-gradient(135deg,rgba(255,160,0,.08),rgba(200,120,0,.04))}
.tc-card-longshot{border-radius:13px;overflow:hidden;border:1.5px solid rgba(232,182,74,.28);background:rgba(232,182,74,.05)}
/* ALTA PROBABILIDAD: el cajón que MÁS ACIERTA (77,3% sobre 662 picks resueltos).
   Tenía la tarjeta genérica en azul casi transparente (opacidad .04) y se veía
   apagada al lado del rojo de élite o el naranja del TOP — siendo el más fiable.
   Verde, que es el color de "seguro", y con presencia propia. */
.tc-card-alta{border-radius:14px;overflow:hidden;border:1.5px solid rgba(50,200,110,.42);background:linear-gradient(135deg,rgba(40,190,105,.13),rgba(20,120,70,.05));box-shadow:0 0 18px rgba(40,190,105,.10)}
.tc-card-alta:hover{border-color:rgba(60,220,130,.65);box-shadow:0 0 22px rgba(40,200,110,.18)}
.tc-badge-alta{font-size:10px;font-weight:900;padding:3px 10px;border-radius:6px;background:rgba(40,200,110,.25);border:1px solid rgba(60,220,130,.5);color:#5ce69a;letter-spacing:.4px}
.tc-badge-elite{font-size:10px;font-weight:900;padding:3px 10px;border-radius:6px;letter-spacing:.5px;background:linear-gradient(135deg,#cc0000,#ff4400);color:#fff;text-transform:uppercase}
.tc-badge-top{font-size:10px;font-weight:900;padding:3px 10px;border-radius:6px;letter-spacing:.5px;background:linear-gradient(135deg,#cc5500,#ff8800);color:#fff;text-transform:uppercase}
.tc-badge-valor{font-size:10px;font-weight:900;padding:3px 10px;border-radius:6px;letter-spacing:.5px;background:linear-gradient(135deg,#aa7700,#ffcc00);color:#000;text-transform:uppercase}
.tc-stat{text-align:center;border-radius:11px;padding:11px 10px}
.tc-stat-label{font-size:10px;color:rgba(255,255,255,.42);margin-bottom:4px;text-transform:uppercase;letter-spacing:.45px}
.tc-stat-val{font-family:var(--font-num);font-size:29px;font-weight:700;line-height:1;letter-spacing:.3px}
@media(max-width:820px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-brand{margin-right:0}}
@media(max-width:820px){#selector-deporte{margin-left:auto;margin-right:8px}#selector-deporte .dep-nombre{font-size:12px}}
@media(max-width:430px){#selector-deporte .dep-nombre{display:none}#selector-deporte{margin-right:6px}.nav-sub{display:none}}
/* El desplegable del nav se ancla a la derecha en móvil: pegado a la izquierda se
   saldría de la pantalla. */
@media(max-width:820px){#dep-menu{left:auto!important;right:0}}
main{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:24px 18px}
.page{display:none}.page.on{display:block}
.stitle{font-size:21px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}
.ssub{font-size:13px;color:var(--texto2);margin-bottom:18px}
.sline{width:38px;height:3px;background:linear-gradient(90deg,var(--oro),transparent);border-radius:2px;margin:7px 0 16px}
.card{background:var(--card);border:1px solid var(--borde);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}
.card-gold{border-color:rgba(232,182,74,.25)}.card-gold::after{background:linear-gradient(90deg,transparent,rgba(232,182,74,.4),transparent)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:800px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.g2,.g3,.g4{grid-template-columns:1fr}}
/* HERO */
.hero{text-align:center;padding:48px 20px 40px}
.hero-trophy{font-size:64px;margin-bottom:14px;display:block;animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.beta-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(10,12,22,.7);border:1px solid rgba(232,182,74,.25);border-radius:14px;padding:9px 18px;backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.35),0 0 0 1px rgba(232,182,74,.08);animation:betaFloat 4s ease-in-out infinite;margin-bottom:18px;max-width:520px}
@keyframes betaFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-4px) rotate(.3deg)}}
.beta-pill{background:linear-gradient(135deg,var(--oro),#ff9800);color:#000;font-size:10px;font-weight:900;letter-spacing:1.2px;padding:3px 8px;border-radius:6px;flex-shrink:0}
.beta-text{font-size:11px;color:var(--texto2);line-height:1.4;text-align:left}
.beta-text strong{color:var(--oro);font-weight:700}
.hero-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(232,182,74,.1);border:1px solid rgba(232,182,74,.25);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;color:var(--oro);margin-bottom:18px}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
/* ── Overlay BIENVENIDO A PREMIUM (retorno de pago) ─────────────── */
@keyframes wpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes wpPop{0%{opacity:0;transform:scale(.85) translateY(12px)}60%{transform:scale(1.03)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes wpCheckIn{0%{opacity:0;transform:scale(0) rotate(-25deg)}55%{transform:scale(1.2) rotate(6deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes wpGlow{0%,100%{box-shadow:0 0 30px rgba(232,182,74,.35),0 0 0 1px rgba(232,182,74,.25)}50%{box-shadow:0 0 55px rgba(232,182,74,.6),0 0 0 1px rgba(232,182,74,.4)}}
@keyframes wpConfetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(120px) rotate(360deg)}}
#welcome-premium-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,10,18,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:wpFadeIn .35s ease both}
#welcome-premium-overlay.show{display:flex}
/* ── Modal verificación +18 (secciones de apuestas) ── */
#age-gate-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(6,10,18,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#age-gate-overlay.show{display:flex}
.age-gate-card{background:var(--panel,#12151c);border:1px solid rgba(232,182,74,.35);border-radius:18px;padding:30px 26px;max-width:400px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.age-gate-ico{font-size:44px;line-height:1;margin-bottom:14px}
.age-gate-title{font-size:19px;font-weight:900;color:var(--texto,#fff);margin-bottom:12px}
.age-gate-msg{font-size:13px;color:var(--texto2,#9aa4b2);line-height:1.6;margin-bottom:20px}
.age-gate-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.age-gate-yes{padding:13px;border-radius:11px;border:none;background:linear-gradient(135deg,#e8b64a,#f0a020);color:#1a1205;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit}
.age-gate-yes:hover{filter:brightness(1.06)}
.age-gate-no{padding:11px;border-radius:11px;border:1px solid var(--borde,#2a2f3a);background:none;color:var(--texto2,#9aa4b2);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.age-gate-help{font-size:11px;color:var(--texto3,#6b7280);line-height:1.5}
/* Aviso +18 discreto dentro de las secciones de apuestas (no bloqueante) */
.aviso18{display:flex;align-items:flex-start;gap:9px;background:rgba(232,182,74,.06);border:1px solid rgba(232,182,74,.2);border-radius:10px;padding:9px 13px;margin:0 0 14px;font-size:11.5px;color:var(--texto2,#9aa4b2);line-height:1.5}
.aviso18 b{color:var(--oro,#e8b64a);font-weight:800}
.wp-card{position:relative;max-width:440px;width:100%;text-align:center;padding:40px 30px 32px;border-radius:24px;background:linear-gradient(160deg,rgba(28,32,44,.96),rgba(16,20,30,.98));border:1px solid rgba(232,182,74,.3);animation:wpPop .55s cubic-bezier(.22,1,.36,1) both,wpGlow 3s ease-in-out 1s infinite;overflow:hidden}
.wp-check{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--oro,#f5c542),#ff9800);box-shadow:0 8px 30px rgba(232,182,74,.5);animation:wpCheckIn .6s cubic-bezier(.22,1.4,.4,1) .15s both}
.wp-check svg{width:42px;height:42px}
.wp-title{font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(90deg,var(--oro,#f5c542),#ffd97a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wpPop .5s ease .3s both}
.wp-msg{font-size:14px;line-height:1.55;color:rgba(255,255,255,.78);margin-bottom:6px;animation:wpPop .5s ease .42s both}
.wp-founder{display:inline-block;margin:14px 0 4px;padding:7px 16px;border-radius:30px;font-size:12px;font-weight:800;color:#1a1205;background:linear-gradient(135deg,var(--oro,#f5c542),#ffcf5c);box-shadow:0 4px 16px rgba(232,182,74,.4);animation:wpPop .5s ease .54s both}
.wp-status{font-size:12px;color:rgba(255,255,255,.45);min-height:16px;margin-top:14px;animation:wpPop .5s ease .6s both}
.wp-btn{margin-top:20px;width:100%;padding:13px;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;color:#1a1205;background:linear-gradient(135deg,var(--oro,#f5c542),#ff9800);box-shadow:0 6px 20px rgba(232,182,74,.4);transition:transform .15s,box-shadow .15s;animation:wpPop .5s ease .66s both}
.wp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,182,74,.55)}
.wp-confetti{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:wpConfetti 2.4s ease-in forwards}
.hero h1{font-size:clamp(30px,5vw,58px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:14px}
.hero-sub{font-size:15px;color:var(--texto2);max-width:500px;margin:0 auto 26px;line-height:1.7}
.hero-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:0}
.hero-meta{display:flex;justify-content:center;flex-wrap:wrap;margin-top:28px;border:1px solid var(--borde);border-radius:14px;overflow:hidden;background:var(--card);max-width:620px;margin-left:auto;margin-right:auto}
.hero-meta-item{flex:1;min-width:110px;padding:16px 10px;border-right:1px solid var(--borde);text-align:center}
.hero-meta-item:last-child{border-right:none}
.hmv{font-family:var(--font-num);font-size:24px;font-weight:700;color:var(--oro);letter-spacing:.3px}
.hml{font-size:10px;color:var(--texto2);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}
.home-insights{max-width:920px;margin:24px auto 0;text-align:left}
.home-scorers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.home-scorer{background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:10px 11px;display:flex;gap:9px;align-items:center;min-width:0}
.home-scorer-rank{width:22px;height:22px;border-radius:50%;background:rgba(232,182,74,.14);color:var(--oro);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0}
.home-scorer-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-scorer-team{font-size:10px;color:var(--texto2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.home-scorers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-meta{max-width:100%}.hero-meta-item{min-width:calc(50% - 1px)}}
@media(max-width:520px){.home-scorers{grid-template-columns:1fr}}
/* COUNTDOWN */
/* Antes era la cuenta atrás del Mundial (4 cajitas en flex). Ahora aloja el
   bloque "Analizando ahora mismo" → centrado en bloque, no flex. */
.countdown{text-align:center;margin:18px 0}
/* BTNS */
.btn{padding:10px 20px;border-radius:9px;border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:all .2s;display:inline-flex;align-items:center;gap:7px}
.btn-oro{background:linear-gradient(135deg,var(--oro),var(--oro2));color:#000}
.btn-oro:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(232,182,74,.3)}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--texto);border:1px solid var(--borde2)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-sm{padding:6px 14px;font-size:12px}
.btn-back{background:rgba(255,255,255,.05);color:var(--texto2);border:1px solid var(--borde);padding:7px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);display:inline-flex;align-items:center;gap:5px;transition:all .2s;margin-bottom:18px}
.btn-back:hover{background:rgba(255,255,255,.08);color:var(--texto)}
/* TABS */
.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.tab{padding:5px 14px;border-radius:7px;border:1px solid var(--borde);background:transparent;color:var(--texto2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font)}
.tab:hover{border-color:var(--borde2);color:var(--texto)}
.tab.on{background:rgba(232,182,74,.15);border-color:rgba(232,182,74,.4);color:var(--oro)}
.mwt{padding:5px 13px;border-radius:7px;border:1px solid var(--borde);background:transparent;color:var(--texto3);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--font)}
.mwt:hover{color:var(--texto);border-color:var(--borde2)}
.mwt.on-grp{background:rgba(232,182,74,.14);border-color:rgba(232,182,74,.4);color:var(--oro)}
.mwt.on-prx{background:rgba(56,195,148,.14);border-color:rgba(56,195,148,.4);color:var(--verde)}
.mwt.on-eli{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.5);color:#a5b4fc}
.mwt-fase{padding:4px 11px;border-radius:20px;border:1px solid var(--borde);background:transparent;color:var(--texto3);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--font)}
.mwt-fase:hover{color:var(--texto);border-color:var(--borde2)}
.mwt-fase.on{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.5);color:#a5b4fc}
/* TABLA CLASIFICACIÓN */
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;padding:7px 10px;color:var(--texto3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--borde)}
td{padding:8px 10px;border-bottom:1px solid rgba(28,32,53,.6)}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(255,255,255,.02)}
.pos-cl{color:var(--azul);font-weight:700}.pos-rel{color:var(--rojo)}
/* PARTIDO MINI */
/* PREMIUM MATCH CARD — identidad Champions */
.match-mini{background:linear-gradient(160deg,#160a0d,#0f0709);border:1px solid rgba(232,182,74,.16);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .22s,transform .22s,box-shadow .22s;margin-bottom:10px;position:relative}
.match-mini::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,182,74,.22),transparent);pointer-events:none}
.match-mini:hover{border-color:rgba(232,182,74,.42);transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,0,0,.5),0 1px 0 rgba(232,182,74,.1) inset}
/* Meta bar (status + grupo + date) */
.mm-meta{display:flex;justify-content:space-between;align-items:center;padding:11px 18px 0;gap:8px;flex-wrap:wrap}
.match-date{font-size:11px;color:var(--texto2);font-weight:500}
.match-state{display:flex;align-items:center;gap:5px}
/* Teams row */
.mm-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 20px 10px}
.mm-team{display:flex;align-items:center;gap:11px;overflow:hidden;min-width:0}
.mm-team.der{justify-content:flex-end}
.mm-team .crest{width:40px;height:30px;object-fit:contain;border-radius:5px;flex-shrink:0}
.mm-team-name{font-size:16px;font-weight:800;color:var(--texto);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Center column */
.mm-center{text-align:center;flex-shrink:0;min-width:110px}
.score-badge{font-family:var(--font-num);font-size:28px;font-weight:700;letter-spacing:0;color:var(--texto);display:block;line-height:1}
.score-time{font-family:var(--font-num);font-size:19px;font-weight:600;color:var(--texto);display:block;line-height:1}
.live-min{display:block;text-align:center;font-family:var(--font-num);font-size:16px;font-weight:700;color:var(--rojo);margin-top:5px;letter-spacing:0;line-height:1}
.live-tick{animation:blink-tick .85s step-start infinite}
@keyframes blink-tick{0%,49%{opacity:1}50%,100%{opacity:0}}
/* ── Barra de probabilidad SEGMENTADA (acabado 3): los 3% dentro de la barra ── */
.prob-seg{display:flex;height:34px;margin:4px 20px 0;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.prob-seg .seg{display:flex;align-items:center;justify-content:center;min-width:0;font-family:var(--font-num);font-size:16px;font-weight:700;letter-spacing:.3px;overflow:hidden;white-space:nowrap;transform-origin:left center;animation:segFill .95s cubic-bezier(.22,1,.36,1) both}
.prob-seg .seg-home{background:var(--seg-home);color:var(--seg-home-txt)}
.prob-seg .seg-draw{background:var(--seg-draw);color:var(--seg-draw-txt)}
.prob-seg .seg-away{background:var(--seg-away);color:var(--seg-away-txt)}
.prob-seg .seg-txt{opacity:0;animation:segTxt .5s ease .55s both}
@keyframes segFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes segTxt{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.prob-seg .seg{animation:none}.prob-seg .seg-txt{animation:none;opacity:1}}
/* Etiquetas Local / Empate / Visitante bajo la barra */
.prob-mini{display:flex;padding:8px 20px 16px;gap:4px}
.pmi{flex:1;text-align:center;min-width:0}
.pmiv{font-family:var(--font-num);font-size:22px;font-weight:700;display:block;letter-spacing:.3px;line-height:1}
.pmil{font-size:10px;text-transform:uppercase;letter-spacing:.4px;display:block;margin-top:4px;color:var(--texto2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fav{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:rgba(232,182,74,.15);color:var(--oro);border:1px solid rgba(232,182,74,.2);margin-left:4px;vertical-align:middle}
@media(max-width:620px){.mm-team-name{font-size:13px}.pmiv{font-size:17px}.mm-row{gap:6px;padding:12px 14px 8px}.prob-mini{padding:8px 14px 12px}.mm-meta{padding:10px 14px 0}}
/* CREST */
.crest{width:30px;height:30px;object-fit:contain;border-radius:4px;flex-shrink:0}
.crest-lg{width:44px;height:44px;object-fit:contain;border-radius:6px}
/* PARTIDO DETALLE */
.pheader{background:linear-gradient(135deg,rgba(232,182,74,.07),rgba(90,127,216,.07));border:1px solid rgba(232,182,74,.15);border-radius:14px;padding:28px 22px;text-align:center;margin-bottom:18px}
.pvs{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:10px}
.pteam{text-align:center}
.pnombre{font-size:18px;font-weight:800;margin-top:7px}
.prole{font-size:10px;color:var(--texto3);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}
.pvstxt{font-size:12px;font-weight:700;color:var(--texto3);padding:7px 12px;background:var(--card);border:1px solid var(--borde);border-radius:7px}
/* PROB BOXES */
.prob-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:14px 0}
.pbox{background:var(--card2);border:1px solid var(--borde);border-radius:14px;padding:20px 14px 16px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pbox:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.32)}
.pbox::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}
.pbox-home::before{background:linear-gradient(90deg,var(--oro),rgba(232,182,74,.4))}
.pbox-home{border-color:rgba(232,182,74,.2)}
.pbox-draw::before{background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.08))}
.pbox-away::before{background:linear-gradient(90deg,rgba(90,127,216,.4),var(--azul))}
.pbox-away{border-color:rgba(90,127,216,.2)}
.plabel{font-size:10px;color:var(--texto2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-weight:700}
.pval{font-size:36px;font-weight:900;letter-spacing:-1.5px;line-height:1}
.psub{font-size:12px;color:var(--texto2);margin-top:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbar{background:rgba(255,255,255,.06);border-radius:4px;height:5px;margin-top:13px;overflow:hidden}
.pfill{height:5px;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
/* SCORES */
.scores-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0}
.mercados-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}
@media(max-width:760px){.mercados-grid{grid-template-columns:1fr}}
.si{background:var(--card2);border:1px solid var(--borde);border-radius:11px;padding:11px 6px;text-align:center;transition:all .18s;cursor:default}
.si:hover{border-color:rgba(232,182,74,.35);background:rgba(232,182,74,.05);transform:translateY(-1px)}
.sin{font-size:17px;font-weight:900;letter-spacing:-.5px}
.sip{font-size:11px;color:var(--texto2);margin-top:3px;font-weight:600}
/* SECTION TITLE */
.section-title{font-size:11px;font-weight:800;color:var(--texto);text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px;display:flex;align-items:center;gap:7px;padding-bottom:9px;border-bottom:1px solid var(--borde)}
/* MARKET ROWS */
.market-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.market-row:last-child{border-bottom:none}
.market-lbl{font-size:13px;font-weight:600;color:var(--texto2)}
.market-vals{display:flex;gap:6px;align-items:center}
.market-pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:8px}
.market-over{background:rgba(0,230,118,.1);color:var(--verde);border:1px solid rgba(0,230,118,.18)}
.market-under{background:rgba(255,77,106,.08);color:var(--rojo);border:1px solid rgba(255,77,106,.15)}
/* STATS BOX */
.stat-box{background:var(--card2);border:1px solid var(--borde);border-radius:9px;padding:12px;text-align:center}
.stat-val{font-size:20px;font-weight:800;margin-bottom:2px}
.stat-lbl{font-size:10px;color:var(--texto3);text-transform:uppercase;letter-spacing:.4px}
/* EV */
.ev-res{padding:26px;border-radius:13px;text-align:center;margin-bottom:14px}
.ev-pos{background:rgba(0,230,118,.06);border:1px solid rgba(0,230,118,.2)}
.ev-neg{background:rgba(255,77,106,.06);border:1px solid rgba(255,77,106,.2)}
.ev-num{font-size:52px;font-weight:900;letter-spacing:-3px;line-height:1}
.ev-rec{font-size:15px;font-weight:700;margin-top:7px}
.ev-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--borde)}
.ev-row:last-child{border-bottom:none}
/* INPUTS */
.lbl{font-size:12px;font-weight:500;color:var(--texto2);display:block;margin-bottom:5px}
input[type=text],input[type=number],select{background:var(--card2);border:1px solid var(--borde2);color:var(--texto);border-radius:9px;padding:9px 13px;font-size:13px;font-family:var(--font);outline:none;width:100%;transition:border-color .2s}
input:focus,select:focus{border-color:rgba(232,182,74,.5);box-shadow:0 0 0 3px rgba(232,182,74,.07)}
input[type=range]{width:100%;accent-color:var(--oro);cursor:pointer}
select option{background:var(--card)}
/* ELIMINATORIA */
.elim-stage{margin-bottom:28px}
.elim-stage-title{font-size:14px;font-weight:800;color:var(--oro);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
/* COMBO */
.combo-item{background:var(--card2);border:1px solid var(--borde);border-radius:10px;padding:12px 14px;margin-bottom:8px;position:relative}
.combo-num{width:22px;height:22px;border-radius:50%;background:rgba(232,182,74,.15);color:var(--oro);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}
.combo-del{position:absolute;top:10px;right:10px;background:rgba(255,77,106,.1);border:none;color:var(--rojo);width:22px;height:22px;border-radius:5px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
/* LOADER/ERR */
.loader{text-align:center;padding:56px 20px;color:var(--texto2)}
.spin{display:inline-block;width:28px;height:28px;border:2px solid var(--borde2);border-top-color:var(--oro);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}
@keyframes spin{to{transform:rotate(360deg)}}
.err{background:rgba(255,77,106,.08);border:1px solid rgba(255,77,106,.2);border-radius:9px;padding:13px 16px;color:#ff8fa0;font-size:13px;margin:10px 0}
/* BADGES */
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.badge-gold{background:rgba(232,182,74,.15);color:var(--oro);border:1px solid rgba(232,182,74,.25)}
.badge-blue{background:rgba(90,127,216,.12);color:var(--azul);border:1px solid rgba(90,127,216,.2)}
.badge-gray{background:rgba(255,255,255,.05);color:var(--texto2);border:1px solid var(--borde)}
.badge-green{background:rgba(0,230,118,.12);color:var(--verde);border:1px solid rgba(0,230,118,.2)}
.badge-red{background:rgba(255,77,106,.1);color:var(--rojo);border:1px solid rgba(255,77,106,.2)}
/* ── Indicador de confianza de datos ─────────────────────── */
.conf-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:5px;flex-shrink:0}
.conf-verde{background:var(--verde);box-shadow:0 0 6px rgba(0,230,118,.5)}
.conf-amarillo{background:var(--oro);box-shadow:0 0 6px rgba(232,182,74,.5)}
.conf-rojo{background:var(--rojo);box-shadow:0 0 6px rgba(255,77,106,.5)}
.conf-label{display:inline-flex;align-items:center;font-size:11px;color:var(--texto2);gap:4px}
/* ── Feature report admin ─────────────────────────────────── */
.feat-bar-wrap{background:rgba(255,255,255,.06);border-radius:4px;height:6px;flex:1;min-width:60px;overflow:hidden}
.feat-bar{height:100%;border-radius:4px;transition:width .3s}
.feat-estado-activa{color:var(--verde);font-weight:600}
.feat-estado-imputada{color:var(--oro);font-weight:600}
.feat-estado-excluida{color:var(--texto3)}
.badge-orange{background:rgba(255,152,0,.12);color:#ff9800;border:1px solid rgba(255,152,0,.3)}
/* Historial filters */
.hf-panel{background:var(--card);border:1px solid var(--borde);border-radius:14px;padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}
.hf-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.hf-label-row{font-size:10px;font-weight:900;color:var(--texto3);text-transform:uppercase;letter-spacing:.8px;min-width:86px;padding-top:8px;flex-shrink:0}
.hf-group{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.hf-btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--borde2);background:rgba(255,255,255,.04);color:var(--texto2);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s}
.hf-btn:hover{background:rgba(255,255,255,.08);color:var(--texto)}
.hf-btn.on{background:rgba(232,182,74,.14);color:var(--oro);border-color:rgba(232,182,74,.4);box-shadow:0 0 14px rgba(232,182,74,.08)}
/* Selector de liga: mismo aspecto que los hf-btn para que la fila se vea coherente.
   Sustituye a los botones sueltos, que con 10+ ligas desbordaban y no se leían. */
.hf-select{height:32px;padding:0 30px 0 12px;border-radius:8px;border:1px solid var(--borde2);background:rgba(255,255,255,.04);color:var(--texto2);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;max-width:230px;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:11px}
.hf-select:hover{background-color:rgba(255,255,255,.08);color:var(--texto)}
.hf-select.on{background-color:rgba(232,182,74,.14);color:var(--oro);border-color:rgba(232,182,74,.4);box-shadow:0 0 14px rgba(232,182,74,.08)}
.hf-select option{background:#12172a;color:var(--texto2)}
.hf-btn[data-comp="amistosos"].on{background:rgba(78,205,196,.12);color:#4ecdc4;border-color:rgba(78,205,196,.38);box-shadow:0 0 12px rgba(78,205,196,.08)}
.hf-count{font-size:10px;opacity:.7;font-weight:800}
/* Calc dropdown */
.calc-dd-wrap{width:100%}
.calc-dd-panel{width:100%;background:var(--card2);border:1px solid var(--borde2);border-radius:12px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(232,182,74,.3) transparent}
.calc-dd-date-hdr{font-size:10px;font-weight:900;color:var(--texto3);text-transform:uppercase;letter-spacing:.7px;padding:8px 12px 5px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:1}
.calc-dd-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--borde);transition:background .15s}
.calc-dd-row:last-child{border-bottom:none}
.calc-dd-row:hover{background:rgba(255,255,255,.05)}
.calc-dd-row.selected{background:rgba(232,182,74,.1);border-left:3px solid var(--oro)}
.calc-dd-time{font-size:12px;font-weight:800;color:var(--oro);text-align:center}
.calc-dd-teams{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.calc-dd-team{font-size:13px;font-weight:700;color:var(--texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.calc-dd-vs{font-size:10px;color:var(--texto3);flex-shrink:0}
.calc-dd-comp{font-size:10px;color:var(--texto3);background:rgba(255,255,255,.05);border:1px solid var(--borde);border-radius:5px;padding:2px 7px;white-space:nowrap;flex-shrink:0}
.calc-flag{width:18px;height:12px;border-radius:2px;object-fit:cover;flex-shrink:0}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--negro)}
::-webkit-scrollbar-thumb{background:var(--borde2);border-radius:3px}
/* ── PREMIUM DETAIL ─── */
.ai-hero-banner{background:linear-gradient(135deg,rgba(90,127,216,.1),rgba(0,230,118,.06));border:1px solid rgba(90,127,216,.22);border-radius:14px;padding:13px 18px;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.ai-hero-banner-icon{font-size:28px;flex-shrink:0}
.ai-hero-banner-body{flex:1}
.ai-hero-banner-title{font-size:13px;font-weight:900;color:var(--azul);margin-bottom:3px}
.ai-hero-banner-sub{font-size:11px;color:var(--texto2);line-height:1.4}
.conf-score-wrap{display:flex;align-items:center;gap:14px;background:var(--card2);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 16px;margin-bottom:14px}
.conf-score-num{font-size:34px;font-weight:900;line-height:1;letter-spacing:-2px}
.conf-score-sub{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--texto3);margin-top:1px}
.conf-score-bar{background:rgba(255,255,255,.06);border-radius:4px;height:6px;overflow:hidden;margin:5px 0}
.conf-score-fill{height:100%;border-radius:4px}
.ai-exp-block{background:var(--card);border:1px solid rgba(90,127,216,.2);border-radius:14px;overflow:hidden;margin-bottom:14px}
.ai-exp-header{background:rgba(90,127,216,.05);border-bottom:1px solid rgba(90,127,216,.12);padding:12px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ai-exp-item{display:flex;gap:12px;align-items:flex-start;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.04)}
.ai-exp-item:last-of-type{border-bottom:none}
.ai-exp-icon{font-size:18px;line-height:1.2;flex-shrink:0}
.ai-exp-text{font-size:13px;color:var(--texto);line-height:1.45}
.valor-block{background:var(--card);border-radius:14px;overflow:hidden;margin-bottom:14px}
.valor-header{border-bottom:1px solid var(--borde);padding:13px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.valor-col-hdr{font-size:10px;font-weight:800;color:var(--texto3);text-transform:uppercase;letter-spacing:.4px}
.valor-row{display:grid;grid-template-columns:1fr 58px 70px;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.04)}
.valor-row:last-of-type{border-bottom:none}
.valor-ev{font-size:14px;font-weight:900;padding:3px 7px;border-radius:6px;display:inline-block}
.ai-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.ai-feat-card{border-radius:13px;padding:16px}
@media(max-width:720px){.ai-feat-grid{grid-template-columns:1fr}.valor-row{grid-template-columns:1fr 52px 62px;gap:6px}.conf-score-wrap{flex-wrap:wrap}}
@media(max-width:480px){.valor-row{grid-template-columns:1fr 50px 60px;gap:5px}}
/* ── JUGADORES ─── */
.teams-search-wrap{position:relative;margin-bottom:16px;max-width:340px}
.teams-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--texto3);pointer-events:none;font-style:normal}
.teams-search-inp{padding:9px 13px 9px 36px}
.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin-bottom:20px}
.team-card{background:var(--card);border:1px solid var(--borde);border-radius:12px;padding:14px 10px 12px;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font)}
.team-card:hover{border-color:rgba(232,182,74,.35);background:rgba(232,182,74,.04);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.team-card.on{border-color:rgba(232,182,74,.5);background:rgba(232,182,74,.08)}
.team-card-flag{width:38px;height:28px;border-radius:5px;object-fit:cover;background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.team-card-flag-fallback{font-size:12px;font-weight:900;color:var(--oro);height:28px;display:flex;align-items:center}
.team-card-name{font-size:11px;font-weight:600;color:var(--texto);line-height:1.3}
.squad-hero{background:linear-gradient(135deg,rgba(232,182,74,.07),rgba(90,127,216,.04));border:1px solid rgba(232,182,74,.2);border-radius:16px;padding:22px 24px;margin-bottom:20px;position:relative;overflow:hidden}
.squad-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,182,74,.45),transparent)}
.squad-hero-inner{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.squad-hero-flag{width:70px;height:50px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(255,255,255,.1);flex-shrink:0}
.squad-hero-info{flex:1;min-width:180px}
.squad-hero-name{font-size:22px;font-weight:900;letter-spacing:-.5px;margin-bottom:10px}
.squad-stat-pills{display:flex;gap:8px;flex-wrap:wrap}
.squad-stat-pill{background:rgba(255,255,255,.05);border:1px solid var(--borde);border-radius:9px;padding:7px 13px;text-align:center;min-width:68px}
.squad-stat-pill-val{font-size:15px;font-weight:800;color:var(--texto)}
.squad-stat-pill-lbl{font-size:9px;color:var(--texto3);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.scorers-section-title{font-size:11px;font-weight:700;color:var(--texto2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.scorers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:9px;margin-bottom:22px}
.scorer-card{background:var(--card);border:1px solid var(--borde);border-radius:13px;padding:13px 14px;display:flex;gap:11px;align-items:flex-start;transition:all .2s}
.scorer-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.scorer-card.sc-gold{border-color:rgba(232,182,74,.45);background:linear-gradient(135deg,rgba(232,182,74,.09),transparent)}
.scorer-card.sc-silver{border-color:rgba(192,192,192,.3)}
.scorer-card.sc-bronze{border-color:rgba(205,127,50,.3)}
.sc-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}
.sc-rank.gold{background:linear-gradient(135deg,#f5c542,#e8a800);color:#000}
.sc-rank.silver{background:linear-gradient(135deg,#d4d4d4,#a8a8a8);color:#333}
.sc-rank.bronze{background:linear-gradient(135deg,#cd7f32,#a05c1e);color:#fff}
.sc-rank.rest{background:rgba(255,255,255,.06);color:var(--texto3)}
.sc-body{flex:1;min-width:0}
.sc-name{font-size:13px;font-weight:700;line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-club{font-size:11px;color:var(--texto2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-meta{font-size:10px;color:var(--texto3);margin-top:5px}
.sc-goals{font-size:24px;font-weight:900;letter-spacing:-1px;line-height:1;flex-shrink:0;padding-top:2px}
.scorer-card.sc-gold .sc-goals{color:var(--oro)}
.scorer-card.sc-silver .sc-goals{color:#c0c0c0}
.scorer-card.sc-bronze .sc-goals{color:#cd7f32}
.scorer-card:not(.sc-gold):not(.sc-silver):not(.sc-bronze) .sc-goals{color:var(--texto2)}
.global-scorer-row{display:grid;grid-template-columns:36px 1fr 92px 80px;gap:10px;align-items:center;background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:10px 12px}
.global-scorer-row:hover{border-color:rgba(232,182,74,.25);background:rgba(232,182,74,.03)}
.global-scorer-player{min-width:0}
.global-scorer-name{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-scorer-meta{font-size:11px;color:var(--texto3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-scorer-meta .team-card-flag{width:22px;height:16px;vertical-align:-3px;margin-right:4px;display:inline-block}
.global-scorer-prob{height:6px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.global-scorer-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--oro),var(--azul))}
@media(max-width:620px){.global-scorer-row{grid-template-columns:30px 1fr 68px}.global-scorer-prob{display:none}}
.pos-group-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.018)}
.pos-group-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.pos-group-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.pos-group-cnt{font-size:10px;color:var(--texto3);margin-left:auto}
/* ── FOOTER ── */
.site-footer{background:rgba(7,8,12,.95);border-top:1px solid var(--borde);padding:28px 24px 20px;margin-top:48px;position:relative;z-index:1}
.footer-inner{max-width:1300px;margin:0 auto}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.footer-brand-ico{background:linear-gradient(135deg,var(--oro),var(--oro2));width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.footer-brand-txt{font-size:14px;font-weight:800;color:var(--texto)}
.footer-desc{font-size:12px;color:var(--texto3);max-width:420px;line-height:1.6;margin-bottom:16px}
.footer-warning{display:inline-flex;align-items:center;gap:8px;background:rgba(255,77,106,.08);border:1px solid rgba(255,77,106,.2);border-radius:9px;padding:8px 14px;font-size:11px;font-weight:600;color:#ff8fa0;margin-bottom:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:16px}
.footer-link{font-size:12px;color:var(--texto3);text-decoration:none;cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--font);padding:0}
.footer-link:hover{color:var(--oro)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid rgba(28,32,53,.6)}
.footer-copy{font-size:11px;color:var(--texto3)}
/* ── LEGAL PAGES ── */
.legal-page{max-width:820px;margin:0 auto;padding:8px 0 40px}
.legal-page h1{font-size:24px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}
.legal-page .legal-meta{font-size:12px;color:var(--texto3);margin-bottom:24px}
/* Datos del titular (art. 10 LSSI): accesibles pero discretos, por decisión del
   titular. Cerrado se lee como una línea más del texto; abierto muestra los datos. */
.legal-datos{margin:-6px 0 18px}
.legal-datos summary{font-size:12px;color:var(--texto3);cursor:pointer;list-style:none;
  display:inline-block;border-bottom:1px dotted rgba(255,255,255,.18);padding-bottom:1px}
.legal-datos summary::-webkit-details-marker{display:none}
.legal-datos summary::after{content:" ▸";font-size:9px;opacity:.5}
.legal-datos[open] summary::after{content:" ▾"}
.legal-datos summary:hover{color:var(--texto2)}
.legal-datos p{font-size:12px;color:var(--texto3);margin:8px 0 0;line-height:1.7}
.legal-page h2{font-size:15px;font-weight:800;color:var(--oro);margin:26px 0 8px}
.legal-page p,.legal-page li{font-size:13px;color:var(--texto2);line-height:1.75;margin-bottom:8px}
.legal-page ul{padding-left:20px;margin-bottom:12px}
.legal-page a{color:var(--azul);text-decoration:none}
.legal-page a:hover{text-decoration:underline}
.legal-page .warning-box{background:rgba(255,77,106,.07);border:1px solid rgba(255,77,106,.2);border-radius:11px;padding:14px 18px;margin:16px 0}
.legal-page .warning-box p{color:#ff8fa0;margin:0}
/* ── COOKIE BANNER ── */
/* Banner de cookies: tarjeta flotante de cristal esmerilado, translúcida y con glow. */
#cookie-banner{position:fixed;bottom:20px;left:50%;z-index:9999;width:calc(100% - 36px);max-width:540px;
  background:linear-gradient(155deg,rgba(30,34,48,.55),rgba(16,19,28,.5));
  border:1px solid rgba(232,182,74,.3);border-radius:18px;padding:15px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 16px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06),0 0 30px rgba(232,182,74,.06);
  transform:translateX(-50%) translateY(160%);opacity:0;
  transition:transform .45s cubic-bezier(.34,1.35,.64,1),opacity .4s ease}
#cookie-banner.visible{transform:translateX(-50%) translateY(0);opacity:1}
/* Filo dorado sutil en el borde superior */
#cookie-banner::before{content:'';position:absolute;top:0;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,182,74,.5),transparent);pointer-events:none}
.cookie-text{font-size:11.5px;color:var(--texto2);flex:1;min-width:200px;line-height:1.55}
.cookie-text a{color:var(--oro);cursor:pointer;text-decoration:none;font-weight:600}
.cookie-text a:hover{text-decoration:underline}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.cookie-btn-accept{background:linear-gradient(135deg,var(--oro),var(--oro2));color:#000;border:none;padding:8px 20px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;font-family:var(--font);box-shadow:0 3px 12px rgba(232,182,74,.28);transition:transform .12s}
.cookie-btn-accept:hover{transform:translateY(-1px)}
/* ⚠️ MISMO PESO VISUAL QUE «Aceptar», Y NO ES ESTÉTICA: la AEPD exige que aceptar y
   rechazar se ofrezcan "al mismo nivel y con la misma visibilidad". Antes este botón
   era gris translúcido con texto apagado frente a un «Aceptar» dorado con sombra:
   eso es un patrón oscuro sancionable. Mismo tamaño, mismo padding, mismo peso de
   fuente y contraste equivalente. NO volver a apagarlo. */
.cookie-btn-reject{background:rgba(255,255,255,.12);color:var(--texto);border:1px solid rgba(255,255,255,.28);padding:8px 20px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;font-family:var(--font);transition:background .12s,border-color .12s}
.cookie-btn-reject:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
/* ── AUTH ── */
.auth-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px}
.auth-modal-bg.on{display:flex}
.auth-modal{background:var(--card);border:1px solid var(--borde2);border-radius:20px;width:100%;max-width:400px;padding:32px 28px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--texto3);font-size:20px;cursor:pointer;line-height:1}
.auth-tabs{display:flex;gap:4px;margin-bottom:24px;background:rgba(255,255,255,.04);border-radius:9px;padding:3px}
.auth-tab{flex:1;padding:8px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:var(--texto2);font-size:13px;font-weight:600;font-family:var(--font);transition:all .2s}
.auth-tab.on{background:var(--card2);color:var(--texto);border:1px solid var(--borde2)}
.auth-form{display:flex;flex-direction:column;gap:13px}
.auth-field{display:flex;flex-direction:column;gap:5px}
.auth-label{font-size:12px;font-weight:600;color:var(--texto2)}
.auth-input{background:var(--card2);border:1px solid var(--borde2);border-radius:9px;padding:11px 14px;color:var(--texto);font-family:var(--font);font-size:13px;outline:none;transition:border .2s}
.auth-input:focus{border-color:var(--azul)}
.auth-btn{padding:13px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--azul),#3a5fd4);color:#fff;font-size:14px;font-weight:700;font-family:var(--font);transition:all .2s;margin-top:4px}
.auth-btn:hover{opacity:.9}
.auth-btn:disabled{opacity:.5;cursor:not-allowed}
.auth-msg{font-size:12px;border-radius:8px;padding:10px 13px;display:none;line-height:1.5}
.auth-msg.ok{background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.2);color:var(--verde)}
.auth-msg.err{background:rgba(255,77,106,.08);border:1px solid rgba(255,77,106,.2);color:var(--rojo)}
.auth-divider{text-align:center;font-size:11px;color:var(--texto3);margin:4px 0}
/* Nav avatar */
.nav-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4d7cff,#3a5fd4);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(90,127,216,.6);position:relative;flex-shrink:0;box-shadow:0 0 10px rgba(90,127,216,.3);transition:box-shadow .2s}
.nav-avatar:hover{box-shadow:0 0 16px rgba(90,127,216,.5)}
.nav-avatar-menu{position:absolute;top:calc(100% + 12px);right:0;background:#1a1d2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;min-width:220px;box-shadow:0 16px 48px rgba(0,0,0,.6);z-index:500;display:none;overflow:hidden}
.nav-avatar-menu.on{display:block}
.nav-avatar-item{padding:11px 16px;font-size:13px;font-weight:600;color:#c8cce8;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s,color .15s;border-top:1px solid rgba(255,255,255,.05)}
.nav-avatar-item:first-of-type{border-top:none}
.nav-avatar-item:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-avatar-item.danger{color:#ff6b6b;font-weight:700}
.nav-avatar-item.danger:hover{background:rgba(255,80,80,.1);color:#ff4444}
.nav-founder-badge{background:linear-gradient(135deg,var(--oro),#ff9800);color:#000;font-size:9px;font-weight:900;padding:2px 6px;border-radius:5px;letter-spacing:.5px;flex-shrink:0}
/* Banner beta premium */
.beta-premium-banner{display:none;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(232,182,74,.1),rgba(255,152,0,.06));border:1px solid rgba(232,182,74,.3);border-radius:12px;padding:12px 16px;margin-bottom:18px;flex-wrap:wrap}
.beta-premium-banner-body{flex:1;min-width:200px}
.beta-premium-banner-title{font-size:13px;font-weight:800;color:var(--oro);margin-bottom:2px}
.beta-premium-banner-sub{font-size:11px;color:rgba(232,182,74,.7);line-height:1.5}
/* Overlay premium */
/* ⚠️ inset:0 hace que el overlay herede la altura del contenedor. En paginas que
   para un FREE quedan casi vacias (TOP CUOTAS: solo el aviso +18, la lista llega
   vacia por el 401) el contenedor medía ~200px y el overlay RECORTABA los bullets.
   min-height fija un alto propio y el padre (.page) crece con el. */
.premium-overlay{position:absolute;inset:0;min-height:380px;background:rgba(7,8,12,.88);backdrop-filter:blur(5px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border-radius:inherit;padding:24px 16px;overflow:auto}
.premium-overlay-title{font-size:19px;font-weight:900;color:var(--oro);text-align:center;line-height:1.25}
/* Gancho: UNA frase corta y potente. Nada de parrafos. */
.premium-overlay-sub{font-size:13.5px;color:var(--texto);text-align:center;max-width:400px;line-height:1.45;font-weight:700}
.premium-overlay-sub b{color:var(--oro);font-weight:900}
/* Beneficios escaneables: 3 lineas con emoji, se leen de un vistazo */
.premium-perks{display:flex;flex-direction:column;gap:7px;width:100%;max-width:340px}
.premium-perk{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--texto);background:rgba(232,182,74,.07);border:1px solid rgba(232,182,74,.16);border-radius:9px;padding:8px 11px;text-align:left;line-height:1.35}
.premium-perk-ico{font-size:15px;flex-shrink:0;line-height:1}
.premium-perk b{color:var(--oro);font-weight:900}
@media(max-width:520px){
  .premium-overlay-title{font-size:17px}
  .premium-overlay-sub{font-size:12.5px}
  .premium-perk{font-size:11.5px;padding:7px 9px}
}
/* ── ACORDEÓN DE MERCADOS (detalle de partido) ── */
.mkt-acc{border:1px solid var(--borde);background:rgba(255,255,255,.02);border-radius:12px;overflow:hidden;margin-bottom:10px;transition:border-color .18s ease}
.mkt-acc.open{border-color:rgba(232,182,74,.32)}
.mkt-acc-head{display:flex;align-items:center;gap:11px;width:100%;padding:14px 16px;cursor:pointer;user-select:none;background:none;border:none;text-align:left;color:inherit;font-family:inherit}
.mkt-acc-head:hover{background:rgba(255,255,255,.025)}
.mkt-acc-ico{font-size:18px;line-height:1;flex-shrink:0}
.mkt-acc-title{font-size:13px;font-weight:900;color:var(--texto);letter-spacing:.3px;flex:1;min-width:0}
.mkt-acc-hint{font-size:11px;color:var(--texto3);font-weight:700;margin-right:6px;white-space:nowrap}
.mkt-acc-lock{font-size:13px;flex-shrink:0}
.mkt-acc-chev{font-size:12px;color:var(--texto2);transition:transform .22s ease;flex-shrink:0}
.mkt-acc.open .mkt-acc-chev{transform:rotate(180deg)}
.mkt-acc-body{max-height:0;overflow:hidden;transition:max-height .28s ease}
.mkt-acc.open .mkt-acc-body{max-height:3000px}
.mkt-acc-body-inner{padding:2px 16px 16px}
.mkt-acc.locked .mkt-acc-body-inner{filter:blur(5px);pointer-events:none;user-select:none}
.mkt-acc-premium{padding:22px 16px;text-align:center}
.mkt-acc-premium-t{font-size:15px;font-weight:900;color:var(--oro);margin-bottom:5px}
.mkt-acc-premium-s{font-size:13px;color:var(--texto);line-height:1.45;max-width:400px;margin:0 auto;font-weight:700}
.mkt-acc-premium-s b{color:var(--oro);font-weight:900}
.mkt-acc-premium-btn{margin-top:13px;background:linear-gradient(135deg,var(--oro),#ff9800);color:#000;border:none;border-radius:9px;padding:9px 20px;font-family:var(--font);font-size:12.5px;font-weight:900;cursor:pointer;letter-spacing:.2px;box-shadow:0 4px 16px rgba(232,182,74,.25);transition:transform .15s,box-shadow .15s}
.mkt-acc-premium-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,182,74,.38)}
/* sub-selector (córners) */
.mkt-sub{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mkt-sub-btn{font-size:11px;font-weight:800;padding:6px 12px;border-radius:8px;border:1px solid var(--borde);background:rgba(255,255,255,.03);color:var(--texto2);cursor:pointer;transition:all .15s ease;font-family:inherit}
.mkt-sub-btn:hover{border-color:rgba(232,182,74,.4);color:var(--texto)}
.mkt-sub-btn.on{background:rgba(232,182,74,.14);border-color:rgba(232,182,74,.5);color:var(--oro)}
/* ── PLANES ── */
.planes-wrap{max-width:900px;margin:0 auto;padding:32px 16px 60px}
.planes-founder{background:linear-gradient(135deg,rgba(232,182,74,.13),rgba(255,152,0,.08));border:1px solid rgba(232,182,74,.35);border-radius:16px;padding:22px 24px;margin-bottom:36px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.planes-founder-icon{font-size:36px;flex-shrink:0}
.planes-founder-body{flex:1;min-width:200px}
.planes-founder-title{font-size:17px;font-weight:800;color:var(--oro);margin-bottom:4px}
.planes-founder-sub{font-size:13px;color:var(--texto2);line-height:1.5}
.planes-founder-badge{background:linear-gradient(135deg,var(--oro),#ff9800);color:#000;font-size:11px;font-weight:900;padding:5px 14px;border-radius:20px;white-space:nowrap;flex-shrink:0}
.planes-toggle{display:flex;gap:6px;margin-bottom:28px;background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:4px;width:fit-content}
.pt-btn{padding:7px 18px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:var(--texto2);font-size:13px;font-weight:600;font-family:var(--font);transition:all .2s;position:relative}
.pt-btn.on{background:rgba(232,182,74,.15);color:var(--oro);border:1px solid rgba(232,182,74,.25)}
.pt-badge{position:absolute;top:-8px;right:-6px;background:var(--verde);color:#000;font-size:9px;font-weight:900;padding:2px 5px;border-radius:6px}
.pt-hot{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ffd54f,#ffb300);color:#3a2600;font-size:8px;font-weight:900;letter-spacing:.4px;padding:2px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 10px rgba(255,179,0,.55);animation:ptHotPulse 1.8s ease-in-out infinite}
.pt-hot-verde{background:linear-gradient(135deg,#69f0ae,#00c853);color:#00301a;box-shadow:0 2px 10px rgba(0,200,83,.55)}
@keyframes ptHotPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.08)}}
.planes-toggle{overflow:visible}
.planes-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){.planes-grid{grid-template-columns:1fr}}
.plan-card{background:var(--card);border:1px solid var(--borde);border-radius:18px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .2s}
.plan-card:hover{transform:translateY(-2px)}
.plan-card.premium{border-color:rgba(232,182,74,.4);background:linear-gradient(145deg,var(--card),rgba(232,182,74,.04))}
.plan-card-label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--texto3);margin-bottom:10px}
.plan-card.premium .plan-card-label{color:var(--oro)}
.plan-price{font-size:38px;font-weight:900;color:var(--texto);line-height:1;margin-bottom:4px}
.plan-price span{font-size:16px;font-weight:500;color:var(--texto2)}
.plan-price-sub{font-size:12px;color:var(--texto3);margin-bottom:20px}
.plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:9px}
.plan-features li{font-size:13px;color:var(--texto2);display:flex;align-items:center;gap:8px}
.plan-features li::before{content:'✓';color:var(--verde);font-weight:900;flex-shrink:0}
.plan-features li.no{color:var(--texto3)}
.plan-features li.no::before{content:'✕';color:var(--texto3)}
.plan-features li.plan-feat-soon{color:rgba(255,255,255,.45)}
.plan-features li.plan-feat-soon::before{content:'';display:none}
.plan-features li.plan-feat-soon::after{content:'pronto';margin-left:auto;font-size:9px;font-weight:700;background:rgba(255,255,255,.07);color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.1);padding:1px 6px;border-radius:4px;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}
.plan-btn{width:100%;padding:12px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);transition:all .2s}
.plan-btn-free{background:rgba(255,255,255,.06);color:var(--texto2)}
.plan-btn-premium{background:linear-gradient(135deg,var(--oro),#ff9800);color:#000}
.plan-btn-premium:hover{opacity:.9;transform:scale(1.01)}
.plan-ribbon{position:absolute;top:16px;right:-22px;background:linear-gradient(135deg,var(--oro),#ff9800);color:#000;font-size:10px;font-weight:900;padding:4px 30px;transform:rotate(35deg);letter-spacing:.5px}
.plan-founder-note{background:rgba(232,182,74,.07);border:1px solid rgba(232,182,74,.18);border-radius:8px;padding:10px 14px;font-size:11px;color:var(--oro);margin-bottom:16px;line-height:1.5}
/* ── SOPORTE ── */
.soporte-wrap{max-width:700px;margin:0 auto;padding:32px 16px 60px}
.sop-tabs{display:flex;gap:6px;margin-bottom:28px;background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:4px;width:fit-content}
.sop-tab{padding:8px 20px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:var(--texto2);font-size:13px;font-weight:600;font-family:var(--font);transition:all .2s}
.sop-tab.on{background:rgba(90,127,216,.15);color:var(--azul);border:1px solid rgba(90,127,216,.25)}
.sop-form{display:flex;flex-direction:column;gap:14px}
.sop-field{display:flex;flex-direction:column;gap:5px}
.sop-label{font-size:12px;font-weight:600;color:var(--texto2)}
.sop-input,.sop-textarea{background:var(--card2);border:1px solid var(--borde2);border-radius:9px;padding:10px 14px;color:var(--texto);font-family:var(--font);font-size:13px;outline:none;transition:border .2s;resize:none}
.sop-input:focus,.sop-textarea:focus{border-color:var(--azul)}
.sop-textarea{min-height:120px}
.sop-hint{font-size:11px;color:var(--texto3);margin-top:2px}
.sop-submit{padding:13px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--azul),#3a5fd4);color:#fff;font-size:14px;font-weight:700;font-family:var(--font);transition:all .2s;margin-top:4px}
.sop-submit:hover{opacity:.9}
.sop-submit:disabled{opacity:.5;cursor:not-allowed}
.sop-success{background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.25);border-radius:10px;padding:16px 18px;color:var(--verde);font-size:14px;text-align:center;display:none}
.sop-error{background:rgba(255,77,106,.08);border:1px solid rgba(255,77,106,.25);border-radius:10px;padding:12px 16px;color:var(--rojo);font-size:13px;display:none}