/* Cabecera canónica de Grandes Campeonatos. Cargar al final de los estilos. */
.top nav a[href$="ranking.html"],.school-top nav a[href$="ranking.html"]{display:inline-flex!important}
.top{
  box-sizing:border-box!important;height:88px!important;min-height:88px!important;
  display:flex!important;align-items:center!important;overflow:visible!important;
  padding:0 4vw!important;gap:26px!important;background:rgba(7,10,12,.97)!important;
  border-bottom:1px solid #242a2e!important;position:sticky!important;top:0!important;z-index:100!important;
}
.top>.logo{position:relative!important;display:block!important;flex:0 0 220px!important;width:220px!important;height:88px!important;overflow:visible!important;z-index:101!important}
.top>.logo>.brand-logo{position:absolute!important;display:block!important;width:210px!important;height:108px!important;max-width:none!important;left:0!important;top:-10px!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.52))!important;pointer-events:none!important}
.top>nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important;margin:0 auto!important}
.top>nav>a{box-sizing:border-box!important;white-space:nowrap!important}
.top>.panel-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important}
.top>.mobile-user-access,.top>.mobile-menu-toggle{display:none!important}
@media(max-width:1100px){.top{gap:16px!important}.top>.logo{flex-basis:178px!important;width:178px!important}.top>.logo>.brand-logo{width:174px!important;height:94px!important;top:-3px!important}.top>nav{gap:16px!important}}
@media(max-width:900px){
  .top{height:76px!important;min-height:76px!important;padding:0 16px!important;gap:8px!important}
  .top>.logo{flex-basis:140px!important;width:140px!important;height:76px!important}
  .top>.logo>.brand-logo{width:140px!important;height:82px!important;left:-3px!important;top:-3px!important}
  .top>.panel-btn{display:none!important}.top>.mobile-user-access{display:grid!important;margin-left:auto!important}.top>.mobile-menu-toggle{display:block!important;margin-left:0!important}
  .top>nav{display:flex!important;position:fixed!important;z-index:99!important;left:14px!important;right:14px!important;top:84px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px!important;background:rgba(8,11,14,.99)!important;border:1px solid #303940!important;border-radius:12px!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-12px)!important;transition:.22s!important}
  .top.menu-open>nav{opacity:1!important;visibility:visible!important;transform:none!important}
  .top>nav>a{display:block!important;padding:14px 15px!important;border-bottom:1px solid #222a2f!important}
}
@media(max-width:420px){.top>.logo{flex-basis:128px!important;width:128px!important}.top>.logo>.brand-logo{width:130px!important;height:78px!important}}

/* Zona de marca: el logo nunca toca ni sobrepasa el borde superior. */
.top{height:164px!important;min-height:164px!important;align-items:flex-start!important;padding-top:48px!important;overflow:visible!important}.top>.logo{height:108px!important;align-self:flex-start!important}.top>.logo>.brand-logo{top:0!important;left:0!important;width:210px!important;height:108px!important}.top>nav,.top>.panel-btn,.top>.mobile-user-access,.top>.mobile-menu-toggle{margin-top:13px!important}
@media(max-width:1100px){.top>.logo>.brand-logo{top:0!important}.top>nav,.top>.panel-btn{margin-top:7px!important}}
@media(max-width:900px){.top{height:132px!important;min-height:132px!important;padding-top:38px!important;align-items:flex-start!important}.top>.logo{height:88px!important}.top>.logo>.brand-logo{top:0!important}.top>.mobile-user-access,.top>.mobile-menu-toggle{margin-top:4px!important}.top>nav{margin-top:0!important}}
@media(max-width:620px){.top{height:124px!important;min-height:124px!important;padding-top:35px!important}.top>.logo{height:76px!important}.top>.brand-logo,.top>.logo>.brand-logo{top:0!important}}

/* Aire superior compacto y consistente en todas las vistas. */
.top{height:132px!important;min-height:132px!important;padding-top:16px!important}
@media(max-width:900px){.top{height:114px!important;min-height:114px!important;padding-top:16px!important}.top>.logo{width:140px!important;flex-basis:140px!important;height:82px!important}.top>.logo>.brand-logo{left:-3px!important;top:0!important;width:140px!important;height:82px!important}}
@media(max-width:620px){.top{height:104px!important;min-height:104px!important;padding-top:16px!important}.top>.logo{width:130px!important;flex-basis:130px!important;height:78px!important}.top>.logo>.brand-logo{left:-3px!important;top:0!important;width:130px!important;height:78px!important}}
/* Redes oficiales y canal pendiente. */
.social-links a[aria-label="YouTube pendiente"]{opacity:.45;border-style:dashed;pointer-events:none}
.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px}.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}