/* Liga de vóley — diseño "Glaciar": azules de hielo sobre azul marino, cortes angulares (esquinas talladas como hielo), display condensada
   para marcadores y títulos. --primario / --acento los pisa el JS con los colores de cada liga (config). Propio de la liga, no comparte con pádel. */
:root{
  --marino:#0B1F3A;--marino2:#12305A;--primario:#1E5BD6;--acento:#4FB3F0;--hielo:#DCEFFB;--hielo2:#BFE0F7;
  --fondo:#EEF5FB;--superficie:#FFFFFF;--superficie2:#E4EEF8;--tinta:#0B1F3A;--suave:#4A6283;--linea:#C9DCEE;
  --sobre-primario:#fff;--sobre-acento:#0B1F3A;--ok:#0E9F6E;--okf:#DCF7EC;--err:#D93A4A;
  --disp:"Anton","Oswald",Impact,sans-serif;--txt:"Manrope","Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:14px;--r2:10px;--corte:14px;
  --sombra:0 1px 2px rgba(11,31,58,.06),0 10px 30px -18px rgba(11,31,58,.35);--sombra2:0 20px 50px -24px rgba(11,31,58,.55);
}
html[data-tema="oscuro"]{--fondo:#081627;--superficie:#0F2440;--superficie2:#163257;--tinta:#EAF4FD;--suave:#9CB8D6;--linea:#1F3F66;--hielo:#163257;--hielo2:#1F3F66;--okf:#0F3B2E;--sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px -18px rgba(0,0,0,.7);--sombra2:0 20px 50px -24px rgba(0,0,0,.8)}
@media (prefers-color-scheme:dark){html:not([data-tema="claro"]){--fondo:#081627;--superficie:#0F2440;--superficie2:#163257;--tinta:#EAF4FD;--suave:#9CB8D6;--linea:#1F3F66;--hielo:#163257;--hielo2:#1F3F66;--okf:#0F3B2E;--sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px -18px rgba(0,0,0,.7);--sombra2:0 20px 50px -24px rgba(0,0,0,.8)}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light dark}
body{margin:0;font:15px/1.5 var(--txt);color:var(--tinta);background:var(--fondo);padding-bottom:calc(84px + env(safe-area-inset-bottom));font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 100% -10%,color-mix(in srgb,var(--acento) 22%,transparent),transparent 60%),radial-gradient(700px 400px at -10% 100%,color-mix(in srgb,var(--primario) 14%,transparent),transparent 60%)}
a{color:var(--primario)}
button{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:400;letter-spacing:.02em;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}
img{max-width:100%}
:focus-visible{outline:2.5px solid var(--acento);outline-offset:2px}
.ancho{max-width:1120px;margin:0 auto;padding:0 20px}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* aviso */
.aviso{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:60;background:var(--marino);color:#fff;padding:12px 18px;border-left:5px solid var(--acento);font-weight:700;max-width:min(92vw,520px);box-shadow:var(--sombra2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.aviso.error{border-left-color:var(--err)}

/* cabecera: marino con brillo de hielo */
.cab{background:linear-gradient(180deg,var(--marino) 0%,var(--marino2) 100%);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 6px 24px -12px rgba(11,31,58,.7)}
.cab::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--primario),var(--acento) 50%,#fff)}
.cab-int{display:flex;align-items:center;gap:14px;height:62px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:var(--disp);font-size:24px;text-transform:uppercase;letter-spacing:.03em;min-width:0}
.marca::before{content:"";width:14px;height:14px;background:linear-gradient(135deg,#fff,var(--acento));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}
.marca:has(img:not([hidden]))::before{display:none}
.marca img{height:40px;width:auto;max-width:140px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.marca span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-nav{display:flex;gap:2px;margin-left:auto;height:100%}
.cab-nav a{display:flex;align-items:center;padding:0 12px;text-decoration:none;color:rgba(255,255,255,.72);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-bottom:3px solid transparent}
.cab-nav a:hover{color:#fff}
.cab-nav a[aria-current]{color:#fff;border-bottom-color:var(--acento)}
.btn-tema{width:38px;height:38px;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.btn-tema svg{width:18px;height:18px}

/* botones: bloques tallados */
.btn,.btn-sec,.btn-acento{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;min-height:44px;font-family:var(--disp);font-size:16px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .12s,filter .12s}
.btn{background:linear-gradient(135deg,var(--primario),color-mix(in srgb,var(--primario) 70%,var(--acento)));color:var(--sobre-primario)}
.btn-acento{background:linear-gradient(135deg,var(--acento),#fff 160%);color:var(--sobre-acento)}
.btn-sec{background:var(--superficie);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--linea)}
.btn:hover,.btn-acento:hover,.btn-sec:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn:disabled{opacity:.6;cursor:wait;transform:none}
.btn.chico,.btn-sec.chico,.btn-acento.chico{padding:6px 12px;min-height:34px;font-size:13px}
.btn-link{background:none;border:0;padding:4px 0;color:var(--primario);font-weight:800;cursor:pointer;text-decoration:none;border-bottom:2px solid var(--acento);font-size:14px}
.btn-link.peligro{color:var(--err);border-bottom-color:var(--err)}
.btn-x{border:0;background:var(--superficie2);width:36px;height:36px;cursor:pointer;font-size:15px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}

/* genéricos */
main{padding-top:22px}
.enc{margin:4px 0 20px;padding-bottom:14px;border-bottom:2px solid var(--linea);position:relative}
.enc::after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:var(--acento)}
.enc h1{font-size:clamp(36px,6vw,54px)}
.enc p{margin:8px 0 0;color:var(--suave);max-width:64ch}
.tarjeta{background:var(--superficie);border:1.5px solid var(--linea);padding:20px;margin-bottom:16px;box-shadow:var(--sombra);clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,var(--corte) 100%,0 calc(100% - var(--corte)));position:relative}
.tarjeta h2{font-size:24px;margin-bottom:14px}
.tarjeta .btn-link{display:inline-block;margin-top:10px}
.nota{color:var(--suave);font-size:14px;margin:0}
.vacio{text-align:center;padding:44px 16px;color:var(--suave);border:1.5px dashed var(--linea);display:flex;flex-direction:column;align-items:center;gap:12px}
.chip{display:inline-flex;align-items:center;gap:4px;background:var(--superficie2);padding:3px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.chip.libre{background:var(--acento);color:var(--sobre-acento)}
.kicker{display:inline-block;background:var(--marino);color:#fff;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;margin-bottom:8px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.h2-sec{font-size:30px;margin:28px 0 12px;display:flex;align-items:center;gap:12px}.h2-sec::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--acento),transparent)}
.lista{display:flex;flex-direction:column;gap:8px}
.fila{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--linea);background:var(--superficie);text-decoration:none;color:inherit;border-left:5px solid var(--c,var(--acento))}
.fila-cuerpo{flex:1;min-width:0}.fila-cuerpo strong{display:block}.fila-cuerpo small{color:var(--suave)}
.av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primario),var(--acento));color:#fff;font-family:var(--disp);font-size:14px;flex:none;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}.av.grande{width:46px;height:46px;font-size:20px}
.presentacion{margin:26px 0}.presentacion p{max-width:70ch;font-size:16px}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:10px 0 28px}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:zoom-in;display:block;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.galeria img:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;height:100%}

/* portada: marino con montaña de hielo */
.portada{position:relative;overflow:hidden;color:#fff;min-height:400px;display:flex;align-items:flex-end;margin-bottom:18px;background:linear-gradient(160deg,var(--marino) 0%,var(--marino2) 45%,var(--primario) 100%);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.portada::before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));clip-path:polygon(0 100%,12% 55%,24% 72%,38% 30%,50% 48%,62% 18%,74% 46%,86% 34%,100% 60%,100% 100%)}
.portada::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),var(--acento) 45%,transparent 72%);opacity:.5}
.portada img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;mix-blend-mode:luminosity}
.portada-txt{position:relative;z-index:1;padding:36px 32px 32px;max-width:720px;pointer-events:none}.portada-txt a,.portada-txt button{pointer-events:auto}
.portada h1{font-size:clamp(46px,9vw,92px);line-height:.92;text-shadow:0 4px 24px rgba(0,0,0,.4)}
.portada .kicker{background:var(--acento);color:var(--sobre-acento)}
.portada .eslogan{margin:12px 0 0;font-size:17px;color:var(--hielo);max-width:52ch}
.portada-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.portada .btn-sec{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.inicio-grid{display:grid;grid-template-columns:7fr 5fr;gap:16px;align-items:start}
.inicio-grid > *,.inicio-grid .tarjeta{min-width:0}

/* diálogos */
.dlg{border:0;padding:24px;width:min(92vw,500px);box-shadow:0 24px 70px rgba(0,0,0,.5);background:var(--superficie);color:var(--tinta);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.dlg::backdrop{background:rgba(5,15,30,.75);backdrop-filter:blur(3px)}
.dlg-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.dlg h2{font-size:28px}
.campos{display:flex;flex-direction:column;gap:12px;margin-bottom:6px}
.dlg label,.campos label,.fila2 label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.fila2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dlg input:not([type=checkbox]):not([type=color]),.dlg select,.dlg textarea{font:15px var(--txt);color:var(--tinta);background:var(--fondo);border:1.5px solid var(--linea);padding:11px 12px;width:100%;min-height:44px}
.dlg input[type=color]{width:100%;height:44px;border:1.5px solid var(--linea);background:var(--fondo);padding:4px}
.dlg input:focus,.dlg select:focus,.dlg textarea:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 35%,transparent)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:10px 0;cursor:pointer;flex-direction:row!important;text-transform:none!important;letter-spacing:0!important;color:var(--tinta)!important;font-weight:500!important}
.check input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--primario)}
.dlg-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.dlg-foto{padding:0;background:#000;width:min(96vw,900px);max-height:96vh;overflow:hidden;clip-path:none}
.dlg-foto img{display:block;width:100%;max-height:80vh;object-fit:contain}
.dlg-foto .pie-foto{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;color:#fff;font-size:14px}
.dlg-foto .pie-foto button{background:rgba(255,255,255,.15);color:#fff;border:0;padding:6px 12px;cursor:pointer}

/* pie y tabs */
.pie{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:28px 20px;margin-top:36px;color:var(--suave);font-size:13px;border-top:2px solid var(--linea)}
.pie > span:first-child{font-family:var(--disp);font-size:18px;text-transform:uppercase;color:var(--tinta)}
.pie a{color:var(--tinta);font-weight:700}
.tabs-abajo{display:none}

/* ===== pantalla de carga: logo + pelota que cruza la red ===== */
.carga{position:fixed;inset:0;z-index:1000;background:radial-gradient(120% 90% at 50% 40%,#16386A 0%,#0B1F3A 60%,#061427 100%);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}
.carga::before{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.01));clip-path:polygon(0 100%,12% 55%,24% 72%,38% 30%,50% 48%,62% 18%,74% 46%,86% 34%,100% 60%,100% 100%)}
.carga.lista{opacity:0;visibility:hidden;pointer-events:none}
.carga-int{position:relative;width:min(380px,82vw);display:flex;flex-direction:column;align-items:center;gap:26px}
.carga-logo{height:116px;display:flex;align-items:center;justify-content:center}.carga-logo img{max-height:116px;max-width:250px;object-fit:contain;filter:drop-shadow(0 8px 26px rgba(79,179,240,.4))}
.carga-logo span{color:#fff;font-family:var(--disp);font-size:34px;text-transform:uppercase;letter-spacing:.04em}.carga-logo span svg{width:72px;height:72px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}
.carga-cancha{position:relative;width:100%;height:50px;--p:0%}
.carga-piso{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.14)}
.carga-piso::before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--p);background:linear-gradient(90deg,var(--primario),var(--acento) 70%,#fff);box-shadow:0 0 12px rgba(79,179,240,.6);transition:width .5s cubic-bezier(.3,.8,.3,1)}
.carga-red{position:absolute;left:50%;bottom:4px;width:2px;height:32px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(255,255,255,.75) 0 3px,transparent 3px 6px)}
.carga-red::before{content:"";position:absolute;top:0;left:-10px;width:22px;height:2.5px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.8)}
.carga-pelota{position:absolute;left:var(--p);bottom:7px;width:30px;height:30px;margin-left:-15px;transition:left .5s cubic-bezier(.3,.8,.3,1);animation:carga-bote .5s cubic-bezier(.45,0,.55,1) infinite alternate}
.carga-pelota svg{display:block;width:100%;height:100%;animation:vl-giro 1.3s linear infinite}
.carga-txt{color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
@keyframes carga-bote{from{transform:translateY(0)}to{transform:translateY(-18px)}}
@keyframes vl-giro{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.carga-pelota,.carga-pelota svg{animation:none}}

/* ===== interacción: pelota en la portada, aparición al scrollear, sets desplegables, cuenta regresiva ===== */
.portada-oso{position:absolute;right:2%;bottom:0;height:min(96%,420px);width:auto;max-width:48%;z-index:2;object-fit:contain;object-position:bottom;cursor:pointer;transform-origin:50% 90%;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));animation:vl-entra .7s cubic-bezier(.2,.8,.2,1) both,vl-flota 3.6s ease-in-out .7s infinite;-webkit-tap-highlight-color:transparent;user-select:none}
.portada-oso.saludo{animation:vl-saludo .8s ease-in-out,vl-flota 3.6s ease-in-out .8s infinite}
@keyframes vl-entra{from{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:none}}
@keyframes vl-flota{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes vl-saludo{0%,100%{transform:rotate(0) scale(1)}30%{transform:rotate(-6deg) scale(1.06)}60%{transform:rotate(5deg) scale(1.03)}}
.portada-globo{position:absolute;z-index:2;top:26px;right:calc(2% + min(96%,420px) * .78);max-width:min(340px,40%);background:#fff;color:var(--marino);font-weight:700;font-size:15px;line-height:1.35;padding:12px 16px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));animation:vl-globo-entra .5s cubic-bezier(.2,.8,.2,1) .55s both;transition:opacity .18s,transform .18s}
.portada-globo::after{content:"";position:absolute;right:-9px;top:50%;width:14px;height:14px;background:#fff;transform:translateY(-50%) rotate(45deg)}
.portada-globo.cambia{opacity:0;transform:translateY(-4px)}
@keyframes vl-globo-entra{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.vl-oso-dice{display:flex;align-items:flex-start;gap:12px;margin:-6px 0 20px}
.vl-oso-dice img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px var(--superficie),0 0 0 5px var(--acento),var(--sombra);background:var(--hielo)}
.vl-globo{position:relative;background:var(--superficie);border:1.5px solid var(--linea);padding:12px 16px;font-size:15px;line-height:1.4;color:var(--tinta);max-width:70ch;box-shadow:var(--sombra);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.vl-globo::before{content:"";position:absolute;left:-7px;top:22px;width:12px;height:12px;background:var(--superficie);border-left:1.5px solid var(--linea);border-bottom:1.5px solid var(--linea);transform:rotate(45deg)}
.vl-banner{margin:6px 0 10px;background:#fff;border:1.5px solid var(--linea);box-shadow:var(--sombra);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.vl-banner img{display:block;width:100%;height:auto}
html[data-tema="oscuro"] .vl-banner{background:#EEF5FB}
.portada:has(.portada-oso) .portada-txt{max-width:none;padding-right:clamp(140px,36%,440px)}
.vl-rev{opacity:0;transform:translateY(16px);transition:opacity .55s ease var(--d,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.vl-rev.visto{opacity:1;transform:none}
.vl-cargando{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:var(--suave);font-weight:700}.vl-cargando svg{width:34px;height:34px;animation:vl-giro 1.1s linear infinite}
.vl-cuenta{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--primario);background:var(--hielo);padding:6px 12px;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.vl-cuenta::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 0 color-mix(in srgb,var(--acento) 60%,transparent);animation:vl-latido 1.6s ease-out infinite}
.vl-cuenta.hoy{background:var(--marino);color:#fff}
@keyframes vl-latido{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acento) 60%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
.vl-centro.abrible{cursor:pointer;-webkit-tap-highlight-color:transparent}.vl-centro.abrible:hover .vl-res{filter:brightness(1.15)}
.vl-centro.abrible::after{content:"";width:6px;height:6px;border-right:2px solid var(--suave);border-bottom:2px solid var(--suave);transform:rotate(45deg);margin-top:3px;transition:transform .2s}
.vl-partido.abierto .vl-centro.abrible::after{transform:rotate(225deg);margin-top:6px}
.vl-sets-det{grid-column:1/-1;display:none;flex-direction:column;gap:6px;padding:8px 4px 2px;border-top:1px dashed var(--linea);margin-top:4px}
.vl-partido.abierto .vl-sets-det{display:flex;animation:vl-abre .25s ease}
@keyframes vl-abre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.vl-set{display:grid;grid-template-columns:44px 1fr 56px;align-items:center;gap:10px;font-size:12px}
.vl-set-n{font-weight:800;color:var(--suave);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.vl-set-bar{height:10px;background:var(--cv,var(--linea));overflow:hidden;position:relative;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}
.vl-set-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--l);background:var(--cl,var(--primario));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.vl-set-bar::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.7)}
.vl-set-sc{font-family:var(--mono);font-weight:700;text-align:right;color:var(--tinta)}.vl-set-sc.l{color:var(--primario)}
.vl-tabla tbody tr{cursor:pointer;transition:background .15s}.vl-tabla tbody tr:hover td{background:var(--hielo)}
.tabs-abajo a[aria-current] svg{animation:vl-pop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes vl-pop{0%{transform:scale(.7) translateY(4px)}60%{transform:scale(1.18)}100%{transform:none}}
@media (max-width:860px){.portada-oso{height:64%;max-width:44%;right:0}.portada-globo{top:12px;right:10px;max-width:min(70%,300px);font-size:13px;padding:10px 12px}.portada:has(.portada-globo) .portada-txt{padding-top:92px}.portada-globo::after{right:22px;top:auto;bottom:-6px;transform:rotate(45deg)}.vl-oso-dice img{width:48px;height:48px}.vl-globo{font-size:14px}.portada:has(.portada-oso) .portada-txt{padding-right:0}.portada:has(.portada-oso) .portada-btns{flex-direction:column;align-items:flex-start}.portada:has(.portada-oso) .portada-btns > *{white-space:nowrap}.vl-fecha-cab{flex-wrap:wrap}.vl-fecha-cab > div{flex:1 1 100%}.vl-fecha-cab .vl-cuenta{margin-top:-4px}}
@media (prefers-reduced-motion:reduce){.portada-oso,.vl-cuenta::before,.tabs-abajo a[aria-current] svg{animation:none}}

/* ===================== Lo propio de la liga ===================== */
.vl-escudo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c,#1E5BD6);color:#fff;font-family:var(--disp);font-size:13px;flex:none;overflow:hidden;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 2px 6px rgba(11,31,58,.25);text-shadow:0 1px 2px rgba(0,0,0,.4)}
.vl-escudo img{width:100%;height:100%;object-fit:cover}.vl-escudo.chico{width:24px;height:24px;font-size:11px}.vl-escudo.grande{width:64px;height:64px;font-size:24px}.vl-escudo.xl{width:96px;height:96px;font-size:36px;box-shadow:0 0 0 4px var(--superficie),var(--sombra2)}
.vl-fecha.proxima{border-color:var(--primario);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 35%,transparent),var(--sombra)}
.vl-fecha.jugada .kicker{background:var(--superficie2);color:var(--suave)}
.vl-fecha-cab{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.vl-fecha-cab h2{margin:0}
.vl-partidos{display:flex;flex-direction:column;gap:6px}
.vl-partido{display:grid;grid-template-columns:62px 1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--linea);background:var(--hielo);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.vl-partido.prog{background:var(--superficie)}
.vl-hora{font-family:var(--mono);font-weight:700;font-size:14px;display:flex;flex-direction:column;line-height:1.1;color:var(--primario)}.vl-hora small{color:var(--suave);font-size:11px;font-family:var(--txt)}
.vl-lado{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:var(--tinta);font-weight:700}.vl-lado.local{justify-content:flex-end;text-align:right}
.vl-partido:not(.prog) .vl-lado:not(.gana) .vl-nom{opacity:.6}.vl-partido:not(.prog) .vl-lado.gana .vl-nom{color:var(--primario)}
.vl-nom{white-space:normal;line-height:1.15;font-size:14px;overflow-wrap:normal;hyphens:manual}
.vl-centro{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px}
.vl-res{display:inline-flex;align-items:center;gap:5px;font-family:var(--disp);font-size:30px;line-height:1;background:var(--marino);color:#fff;padding:3px 10px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.vl-res i{font-style:normal;color:var(--acento);font-size:20px}
.vl-res.prog{font-family:var(--txt);font-size:12px;font-weight:800;letter-spacing:.1em;background:transparent;color:var(--suave);padding:0;clip-path:none}
.vl-res.wo{font-size:20px}.vl-res.wo small{font-family:var(--txt);font-size:10px;color:var(--acento);font-weight:800}
.vl-res.susp{font-family:var(--txt);font-size:12px;font-weight:800;text-transform:uppercase;background:var(--superficie2);color:var(--suave)}
.vl-sets{font-family:var(--mono);font-size:11px;color:var(--suave);white-space:normal;text-align:center;line-height:1.2}
.vl-partido-eq{display:flex;flex-direction:column;gap:4px}.vl-partido-eq > small{color:var(--suave);font-weight:700;font-size:12px}.vl-partido-eq .vl-partido{grid-template-columns:1fr auto 1fr}.vl-partido-eq .vl-partido:has(.vl-hora){grid-template-columns:48px 1fr auto 1fr}
.vl-tabla-wrap{overflow-x:auto;border:1.5px solid var(--linea);background:var(--superficie);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.vl-tabla{width:100%;border-collapse:collapse;font-size:14px}
.vl-tabla th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--marino);padding:10px 8px;text-align:center}.vl-tabla th.izq,.vl-tabla td.izq{text-align:left}
.vl-tabla td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--linea)}.vl-tabla tr:last-child td{border-bottom:0}
.vl-tabla td.pos{font-family:var(--disp);font-size:20px;color:var(--suave);width:40px}.vl-tabla tr.top td.pos{color:var(--primario)}.vl-tabla tr.top td.izq{box-shadow:inset 4px 0 0 var(--acento)}
.vl-tabla td.pts{font-family:var(--disp);font-size:22px;color:var(--primario)}
.vl-eq-link{display:inline-flex;align-items:center;gap:8px;color:var(--tinta);text-decoration:none;font-weight:700}
.vl-racha{display:inline-flex;gap:3px}.vl-racha i{font-style:normal;width:18px;height:18px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;color:#fff;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}.vl-racha i.g{background:var(--ok)}.vl-racha i.p{background:var(--err)}
.vl-cta{background:linear-gradient(135deg,var(--marino),var(--primario));color:#fff;border-color:transparent}.vl-cta h2{color:#fff}.vl-cta .nota{color:var(--hielo)}.vl-cta .btn{margin-top:12px;background:var(--acento);color:var(--sobre-acento)}
.vl-grid-eq{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.vl-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:28px 14px 18px;border:1.5px solid var(--linea);background:var(--superficie);text-decoration:none;color:var(--tinta);overflow:hidden;transition:transform .15s,box-shadow .15s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.vl-card:hover{transform:translateY(-3px);box-shadow:var(--sombra2)}
.vl-card-franja{position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 40%,#fff))}
.vl-card h3{font-size:24px}.vl-card .nota{font-size:13px}
.vl-eq-cab{display:flex;gap:18px;align-items:center;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 28%,var(--marino)),var(--marino2));color:#fff;margin:4px 0 18px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.vl-eq-cab h1{font-size:clamp(34px,6vw,54px)}.vl-eq-cab .nota{color:var(--hielo)}.vl-eq-cab .kicker{background:var(--acento);color:var(--sobre-acento)}.vl-eq-cab .btn-link{color:#fff}.vl-busca{margin-top:8px}
.vl-sumate-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.vl-grid-jug{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.vl-jug{margin:0;display:flex;flex-direction:column;gap:8px}.vl-jug-cab{display:flex;gap:10px;align-items:center}.vl-jug-cab strong{display:block}.vl-jug-cab small{color:var(--suave)}
.vl-lista{margin:0;padding-left:20px}.vl-lista li{margin:4px 0}

@media (max-width:860px){
  .cab-nav{display:none}.cab-int{height:58px}
  .tabs-abajo{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--marino);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px -12px rgba(0,0,0,.6)}
  .tabs-abajo::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--primario),var(--acento),#fff)}
  .tabs-abajo a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;color:rgba(255,255,255,.6);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .tabs-abajo a svg{width:22px;height:22px}
  .tabs-abajo a[aria-current]{color:#fff;background:rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
  .inicio-grid{grid-template-columns:1fr}
  .portada{min-height:320px}.portada-txt{padding:26px 20px 24px}.portada h1{font-size:clamp(44px,13vw,72px)}
  .fila2{grid-template-columns:1fr}
  .dlg{width:100vw;max-width:100vw;margin:auto 0 0;max-height:92vh;overflow:auto;clip-path:polygon(0 16px,16px 0,100% 0,100% 100%,0 100%)}
}
@media (max-width:720px){.vl-partido{grid-template-columns:44px minmax(70px,1fr) auto minmax(70px,1fr);gap:6px;padding:8px}.vl-centro{min-width:64px}.vl-sets{font-size:10px;max-width:84px}.vl-res{font-size:24px;padding:2px 8px}.vl-escudo{width:26px;height:26px;font-size:11px}.vl-nom{font-size:13px}.vl-eq-cab{flex-direction:column;text-align:center}.vl-partido-eq .vl-partido{grid-template-columns:1fr auto 1fr}.h2-sec{font-size:26px}}