:root{--azul:#0A3A8C;--osc:#06245C;--cl:#1D63D6;--sol:#FFCB05;--fondo:#F3F7FC;--tinta:#0B1F44;--suave:#5A6B8C;--linea:#D5DEEE;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.4,.64,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--tinta);font:400 1.0625rem/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;margin:0;letter-spacing:-.035em;line-height:1.05}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.4rem}
:focus-visible{outline:3px solid var(--sol);outline-offset:3px;border-radius:8px}
a{color:var(--cl)}
/* nav */
nav{position:fixed;inset:0 0 auto;z-index:50;height:54px;background:rgba(6,36,92,.78);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);padding-top:env(safe-area-inset-top)}
nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cl) 0 33.3%,#fff 33.3% 66.6%,var(--sol) 66.6%)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:51px}
nav .logo{color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.01em}
nav ul{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0;align-items:center}
nav ul a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.82rem;transition:color .3s}
nav ul a:hover,nav ul a.on{color:#fff}
nav ul a.on{box-shadow:0 2px 0 var(--sol)}
nav .cta{background:var(--sol);color:var(--osc)!important;padding:.32rem .9rem;border-radius:980px;font-weight:700;transition:transform .5s var(--spring)}
nav .cta:hover{transform:scale(1.07)}
#menu{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;padding:0}
#menu i{display:block;width:18px;height:1.5px;background:#fff;margin:5px auto;transition:transform .5s var(--ease)}
#menu[aria-expanded=true] i:first-child{transform:translateY(3.2px) rotate(45deg)}
#menu[aria-expanded=true] i:last-child{transform:translateY(-3.2px) rotate(-45deg)}
@media(max-width:900px){
 #menu{display:block}
 nav ul{position:fixed;inset:54px 0 auto;flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1.4rem 2rem;background:rgba(6,36,92,.96);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:clip-path .6s var(--ease),opacity .4s,visibility 0s .6s}
 nav ul.abierto{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transition-delay:0s}
 nav ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.14)}
 nav ul a{display:block;font-size:1.5rem;font-weight:600;padding:.8rem 0;color:#fff}
 nav .cta{display:inline-block;margin-top:.7rem;font-size:1.1rem!important;padding:.6rem 1.3rem!important}
}
/* botones */
.btn{display:inline-block;background:var(--azul);color:#fff;text-decoration:none;font-weight:600;font-size:1.0625rem;padding:.85rem 1.7rem;border-radius:980px;border:0;cursor:pointer;font-family:inherit;transition:transform .6s var(--spring),background .3s}
.btn:hover{background:var(--cl);transform:scale(1.045)}.btn:active{transform:scale(.97)}
.btn.sol{background:var(--sol);color:var(--osc)}.btn.sol:hover{background:#ffd633}
.btn.line{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}.btn.line:hover{background:rgba(255,255,255,.14)}
.btn.sm{padding:.5rem 1.1rem;font-size:.92rem}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
/* portada y cabeceras */
.hero,.cab{position:relative;background:var(--osc);color:#fff;overflow:hidden}
.hero{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;padding:100px 0 60px}
.cab{padding:7.5rem 0 2.6rem}
.cab h1{font-size:clamp(2.6rem,8vw,5rem);font-weight:700;margin-bottom:.6rem}
.cab p{color:#C9D8F2;font-size:1.2rem;max-width:52ch;margin:0 0 1.6rem}
.blob{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;animation:flota 24s ease-in-out infinite alternate;pointer-events:none}
.b1{width:60vmax;height:60vmax;left:-18vmax;top:-16vmax;background:radial-gradient(circle,#1D63D6,transparent 68%);opacity:.9}
.b2{width:44vmax;height:44vmax;right:-14vmax;top:6vmax;background:radial-gradient(circle,#FFCB05,transparent 66%);opacity:.5;animation-duration:29s;animation-delay:-8s}
.b3{width:50vmax;height:50vmax;left:20vmax;bottom:-30vmax;background:radial-gradient(circle,#fff,transparent 68%);opacity:.2;animation-duration:33s;animation-delay:-14s}
@keyframes flota{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vmax,4vmax,0) scale(1.12)}100%{transform:translate3d(-5vmax,7vmax,0) scale(.94)}}
.hero-in{position:relative;transform:translateY(calc(var(--p,0)*-70px)) scale(calc(1 - var(--p,0)*.07));opacity:calc(1 - var(--p,0)*1.3)}
.cab .wrap{position:relative}
.logo-h{width:140px;background:#fff;border-radius:22px;padding:.6rem .8rem;margin:0 auto 1.4rem;display:block}
.edicion{font-size:clamp(1.05rem,2.5vw,1.45rem);font-weight:600;margin:0 0 .4rem;color:#E6EEFB}
.hero h1{font-size:clamp(3.4rem,13vw,9rem);line-height:.95;font-weight:700;letter-spacing:-.05em;margin:0 0 1.2rem}
.lead{font-size:clamp(1.1rem,2.4vw,1.45rem);color:#C9D8F2;max-width:34ch;margin:0 auto 2rem;line-height:1.3}
.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.cuenta{display:inline-flex;gap:.2rem;margin-top:2.4rem;padding:.7rem 1.1rem;border-radius:22px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.2)}
.cuenta div{min-width:68px}.cuenta b{display:block;font-size:2.1rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cuenta span{font-size:.72rem;color:#C9D8F2}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);border-block:1px solid var(--linea)}
.stats div{background:#fff;padding:1.6rem 1rem;text-align:center}
.stats b{display:block;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--azul)}
.stats span{color:var(--suave);font-size:.95rem}
@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}
/* secciones */
section{padding:clamp(4rem,10vw,7rem) 0}
.fon{background:var(--fondo)}.azul{background:var(--osc);color:#fff}
h2{font-size:clamp(2.2rem,5.6vw,3.8rem);font-weight:700;color:var(--osc);max-width:18ch}
.azul h2{color:#fff}
.sub{font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--suave);max-width:40ch;margin:1rem 0 2.6rem;line-height:1.3;letter-spacing:-.015em}
.azul .sub{color:#C9D8F2}
.rv{opacity:0;transform:translateY(32px) scale(.985);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.dos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.tor{border-radius:32px;padding:2.2rem;display:flex;flex-direction:column;gap:1rem;transition:transform .7s var(--spring)}
.tor:hover{transform:scale(1.015)}
.tor.a{background:var(--azul);color:#fff}.tor.b{background:var(--sol);color:var(--osc)}
.tor h3{font-size:clamp(2rem,4.5vw,2.8rem)}
.tor .g{font-size:5rem;font-weight:700;letter-spacing:-.06em;line-height:.9}
.tor ul{margin:0;padding:0;list-style:none}.tor li{padding:.45rem 0;border-top:1px solid rgba(128,128,128,.3)}
.tor .cta-row{justify-content:flex-start;margin-top:auto}
.tor.b .btn.line:hover{background:rgba(6,36,92,.1)}
.tres{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:28px;padding:1.8rem;border:1px solid var(--linea);transition:transform .7s var(--spring)}
.card:hover{transform:translateY(-6px)}
.card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--azul)}.card p{margin:0;color:var(--suave)}
.dia .n{font-size:5.2rem;font-weight:700;letter-spacing:-.06em;line-height:1;color:var(--azul)}
.dia .m{color:var(--suave);font-weight:600;margin:.2rem 0 1.2rem}
.dia ul{margin:0;padding:0;list-style:none;color:var(--suave)}.dia li{padding:.4rem 0;border-top:1px solid var(--linea)}
.badge{display:inline-block;background:var(--sol);color:var(--osc);font-weight:700;font-size:.85rem;padding:.25rem .8rem;border-radius:980px;margin-bottom:1rem}
.proximo{background:#fff;border-radius:32px;padding:clamp(1.6rem,4vw,3rem);border:2px dashed var(--linea)}
/* selector segmentado */
.seg{overflow-x:auto;scrollbar-width:none;margin:0 -1.4rem 1.6rem;padding:0 1.4rem}.seg::-webkit-scrollbar{display:none}
.seg-in{position:relative;display:inline-flex;background:rgba(10,58,140,.1);border-radius:12px;padding:3px}
.seg-in button{position:relative;z-index:1;background:none;border:0;border-radius:10px;padding:.5rem 1.05rem;font-family:inherit;font-weight:600;font-size:.9rem;line-height:1.2;color:var(--tinta);cursor:pointer;white-space:nowrap}
.cab .seg-in{background:rgba(255,255,255,.14)}.cab .seg-in button{color:#fff}.cab .seg-in button[aria-pressed=true]{color:var(--osc)}
.thumb{position:absolute;top:3px;bottom:3px;left:0;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:transform .55s var(--spring),width .55s var(--spring)}
/* escudos sin fondo: el blanco se funde con la tarjeta */
.esc{mix-blend-mode:multiply;filter:contrast(1.08) brightness(1.04);object-fit:contain}
.ini{display:inline-grid;place-items:center;background:var(--fondo);color:var(--suave);font-weight:700;letter-spacing:-.03em;border-radius:14px}
.equipos{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.eq{background:#fff;border-radius:26px;padding:1.4rem 1rem 1.2rem;text-align:center;border:1px solid var(--linea);transition:transform .7s var(--spring),box-shadow .5s;animation:entra .7s var(--ease) backwards;animation-delay:calc(var(--i)*28ms)}
.eq:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 18px 40px rgba(6,36,92,.14)}
.eq .esc,.eq .ini{width:92px;height:92px;display:block;margin:0 auto .8rem}.eq .ini{display:grid;font-size:1.7rem}
.eq b{display:block;font-weight:700;letter-spacing:-.015em}.eq span.z{font-size:.85rem;color:var(--suave)}
.eq.host{border:2px solid var(--sol);box-shadow:0 0 0 4px rgba(255,203,5,.25)}
@keyframes entra{from{opacity:0;transform:scale(.92) translateY(14px)}}
/* tablas y partidos */
.tw{overflow-x:auto;border-radius:20px;background:#fff;border:1px solid var(--linea);margin-bottom:1.4rem}
table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
th{font-weight:600;color:var(--suave);padding:.75rem .5rem;font-size:.8rem;white-space:nowrap}
td{padding:.6rem .5rem;text-align:center;border-top:1px solid var(--linea)}
th.nm,td.nm{text-align:left;padding-left:1rem}
.eqn{display:flex;gap:.6rem;align-items:center;font-weight:600;white-space:nowrap}.eqn .esc,.eqn .ini{width:30px;height:30px;font-size:.7rem;border-radius:8px}
td.pts{font-weight:700;color:var(--azul)}
.gt{font-size:1.4rem;font-weight:700;margin:1.6rem 0 .7rem;color:var(--osc)}
.mt{background:#fff;border:1px solid var(--linea);border-radius:20px;margin-bottom:.7rem;overflow:hidden}
.mt summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;padding:.9rem 1.1rem}
.mt summary::-webkit-details-marker{display:none}
.mt .l{display:flex;gap:.6rem;align-items:center;justify-content:flex-end;font-weight:600;text-align:right}.mt .v{display:flex;gap:.6rem;align-items:center;font-weight:600}
.mt .esc,.mt .ini{width:34px;height:34px;font-size:.75rem;border-radius:9px;flex:none}
.mt .r{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;min-width:90px;text-align:center;font-variant-numeric:tabular-nums}.mt .r small{display:block;font-size:.72rem;font-weight:500;color:var(--suave);letter-spacing:0}
.mt .d{padding:.2rem 1.1rem 1.1rem;color:var(--suave);font-size:.95rem;border-top:1px solid var(--linea)}
.mt .meta{padding:.6rem 1.1rem 0;font-size:.82rem;color:var(--suave)}
.chip{display:inline-block;border-radius:6px;padding:.05rem .5rem;font-size:.78rem;font-weight:700;margin-right:.4rem;background:var(--fondo);color:var(--azul)}
.chip.amarilla{background:#FFF3B0;color:#6b5600}.chip.roja{background:#FFD9D4;color:#a12a1a}.chip.gol{background:#DCE8FF}
.vacio{text-align:center;color:var(--suave);padding:3rem 1rem;background:#fff;border-radius:24px;border:2px dashed var(--linea)}
/* reglamento */
.acc{border-top:1px solid var(--linea)}.acc:last-child{border-bottom:1px solid var(--linea)}
.acc button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;text-align:left;font-family:inherit;font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--osc);padding:1.2rem 0;cursor:pointer}
.acc i{position:relative;width:20px;height:20px;flex:none;transition:transform .6s var(--spring)}
.acc i::before,.acc i::after{content:"";position:absolute;background:var(--azul);left:0;right:0;top:9px;height:2px;border-radius:2px}.acc i::after{transform:rotate(90deg)}
.acc button[aria-expanded=true] i{transform:rotate(135deg)}
.pn{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}.pn>div{overflow:hidden}
.acc button[aria-expanded=true]+.pn{grid-template-rows:1fr}
.pn ul,.pn ol{margin:0 0 1.3rem;padding-left:1.2rem;color:var(--suave)}.pn li{margin:.3rem 0}.pn p{margin:0 0 1.3rem;color:var(--suave)}
.datos{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:2rem}
.datos div{background:var(--fondo);border-radius:20px;padding:1.2rem}.datos b{display:block;font-size:2rem;letter-spacing:-.04em;color:var(--azul)}.datos span{color:var(--suave);font-size:.92rem}
.nota{background:#FFF8D6;border-radius:16px;padding:.9rem 1.1rem;color:#5c4a00;font-size:.95rem}
footer{background:var(--osc);color:#B6C8E8;font-size:.82rem;padding:2rem 0}
footer .wrap{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}footer a{color:var(--sol)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}