:root{
  --af-deep:#020611;
  --af-panel:#071321;
  --af-panel2:#09192a;
  --af-cyan:#62dfd7;
  --af-blue:#3655ff;
  --af-green:#50efa4;
  --af-red:#ff536d;
  --af-gold:#f6c35b;
  --af-stroke:rgba(98,223,215,.15);
  --af-safe-top:env(safe-area-inset-top,0px);
  --af-safe-bottom:env(safe-area-inset-bottom,0px);
  --af-sp-height:clamp(100px,8.333vw,150px);
  --af-sp-mobile-nav-clearance:0px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--af-deep)}
body{
  color:#fff;
  background:
    radial-gradient(circle at 82% -8%,rgba(54,85,255,.18),transparent 35rem),
    radial-gradient(circle at 0% 25%,rgba(98,223,215,.07),transparent 30rem),
    linear-gradient(180deg,#02050d 0%,#050916 46%,#02050d 100%)!important;
  background-attachment:fixed;
  overflow-x:hidden;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);
  mask-image:linear-gradient(to bottom,black,transparent 86%);
}
.topbar{
  background:rgba(2,6,17,.88)!important;
  border-bottom:1px solid rgba(98,223,215,.10)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 35px rgba(0,0,0,.20);
}
.btn-thin,.btn-outline-light,.action-pill{
  border-color:rgba(98,223,215,.22)!important;
  background:rgba(255,255,255,.035)!important;
  color:#eaffff!important;
  border-radius:999px!important;
}
.btn-thin:hover,.btn-outline-light:hover,.action-pill:hover{
  border-color:rgba(98,223,215,.42)!important;
  background:rgba(98,223,215,.08)!important;
}
.card,.panel,.panel-card,.match-card,.live-card,.home-panel-card,.home-match-card,.scorer-card-premium{
  border-color:rgba(98,223,215,.13)!important;
}

/* ===== Sponsor global fijo · MISMO DISEÑO EN TODAS LAS PÁGINAS ===== */
/* Los banners antiguos quedan anulados: solo existe el sponsor global. */
.sp-bottom,.bottom-sponsor,.sponsor-banner-fixed{display:none!important}

:root{
  --af-sp-height:clamp(100px,8.333vw,150px);
  --af-sp-actual-height:var(--af-sp-height);
  --af-mobile-fixed-nav-height:0px;
  --af-fixed-gap:10px;
}
.af-sp-zone{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  transform:none!important;
  width:100%;
  height:calc(var(--af-sp-height) + var(--af-safe-bottom));
  margin:0!important;
  padding:0 0 var(--af-safe-bottom);
  z-index:4500;
  pointer-events:none;
  overflow:hidden;
}
.af-sp-shell{
  width:100%;
  height:var(--af-sp-height);
  max-height:var(--af-sp-height);
  margin:0;
  position:relative;
  overflow:hidden;
  pointer-events:auto;
  border:1px solid rgba(98,223,215,.20);
  border-left:0;
  border-right:0;
  border-radius:0;
  background:#050916;
  box-shadow:0 -8px 28px rgba(0,0,0,.42);
}
.af-sp-viewport,.af-sp-track,.af-sp-slide{width:100%;height:100%;min-height:0;max-height:100%}
.af-sp-viewport{overflow:hidden;touch-action:pan-y;position:relative}
.af-sp-track{display:flex;will-change:transform;transition:transform .48s cubic-bezier(.2,.8,.2,1)}
.af-sp-slide{flex:0 0 100%;min-width:100%;display:block;position:relative;overflow:hidden;background:#050916}
.af-sp-banner-link,.af-sp-banner-static{display:block;width:100%;height:100%;max-height:100%;overflow:hidden;text-decoration:none}
.af-sp-media{width:100%;height:100%;overflow:hidden;background:#050916}
.af-sp-media-pc{display:block}
.af-sp-media-mobile{display:none}
.af-sp-banner{
  display:block;
  width:100%!important;
  height:100%!important;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover!important;
  object-position:center center;
  background:#050916;
  flex-shrink:0;
}

/* El contenido SIEMPRE puede desplazarse por encima del anuncio. */
html body.af-has-global-sponsor{
  padding-bottom:calc(var(--af-sp-height) + var(--af-safe-bottom) + 18px)!important;
}

/* Si existe una navegación/acciones móviles fijas, suben ELLAS; el sponsor nunca deja el fondo. */
@media(max-width:767.98px){
  :root{--af-sp-height:clamp(80px,25vw,110px)}
  .af-sp-media-pc{display:none}
  .af-sp-media-mobile{display:block}
  html body.af-has-global-sponsor.af-has-mobile-fixed-nav{
    padding-bottom:calc(var(--af-sp-height) + var(--af-safe-bottom) + var(--af-mobile-fixed-nav-height) + 28px)!important;
  }
  body.af-has-global-sponsor .mobile-app-nav,
  body.af-has-global-sponsor .team-mobile-actions{
    bottom:calc(var(--af-sp-height) + var(--af-safe-bottom) + var(--af-fixed-gap))!important;
  }
}
@media(max-width:576px){
  .af-sp-shell{box-shadow:0 -6px 22px rgba(0,0,0,.40)}
}
@media(prefers-reduced-motion:reduce){.af-sp-track{transition:none}}