/* INVICTO · Publicidad — marco común de todos los huecos de anuncio.
   Compacto y neutro: etiqueta mínima + caja con el mismo estilo que las tarjetas de la web. */
.inv-ad[hidden], .inv-ad--vacio { display:none !important; }
.inv-ad { display:flex; justify-content:center; margin:.9rem auto; max-width:100%; box-sizing:border-box; padding:0 .5rem; }
.inv-ad-in { display:inline-flex; flex-direction:column; align-items:center; gap:5px; max-width:100%; }
.inv-ad-lbl {
  font:700 9px/1 'Inter',system-ui,sans-serif; letter-spacing:.24em; text-transform:uppercase;
  color:var(--muted, #64748b); opacity:.75;
}
.inv-ad-box {
  position:relative; display:flex; align-items:center; justify-content:center; max-width:100%; overflow:hidden;
  border-radius:12px; background:var(--card, #0b1424); border:1px solid var(--border-em, rgba(0,245,212,.14));
  box-shadow:0 6px 18px rgba(0,0,0,.14);
}
/* Reserva el tamaño y muestra un brillo suave mientras carga: la página no "salta" al llegar el anuncio */
.inv-ad-box:empty::after, .inv-ad-box.cargando::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(0,245,212,.08) 50%,transparent 70%);
  background-size:220% 100%; animation:invAdShine 1.6s ease-in-out infinite;
}
.inv-ad-box > div { max-width:100%; }
.inv-ad-box iframe, .inv-ad-box img { max-width:100%; }
@keyframes invAdShine { from{ background-position:120% 0; } to{ background-position:-120% 0; } }

/* Los banners de final de página dejan un respiro antes del pie de página (o del siguiente bloque) */
.inv-ad[data-ad$="_pie"], .inv-ad[data-ad="noticias_articulo"], .inv-ad[data-ad="estaticas_pie"] { margin-top:1.4rem; margin-bottom:3rem; }
.inv-ad[data-ad="marcadores_pie"], .inv-ad[data-ad="comunidad_pie"] { margin-bottom:2.2rem; }

/* Espacio en blanco al final de páginas cortas, para que el pie no se meta bajo las columnas */
.inv-ad-espacio { width:100%; pointer-events:none; }

/* Columnas laterales: fijas junto al contenido; solo existen en pantallas anchas (lo decide el JS) */
.inv-ad--rail { position:fixed; top:118px; margin:0; padding:0; z-index:20; width:auto; }
.inv-ad--rail { transition:opacity .25s; }
.inv-ad--tapado { opacity:0; pointer-events:none; }
.inv-ad--rail .inv-ad-box { box-shadow:0 10px 26px rgba(0,0,0,.18); }

@media (prefers-reduced-motion:reduce){ .inv-ad-box::after { animation:none !important; } }

/* Páginas estáticas de competición: la cabecera crece hasta el borde exterior de las columnas (--inv-extra lo fija inv-ads.js) */
.mp-static .res-hero, .mp-static .res-comps { margin-left:calc(var(--inv-extra, 0px) * -1); margin-right:calc(var(--inv-extra, 0px) * -1); }
/* Huecos dentro del texto de un artículo */
.reader-text .inv-ad { margin:1.6rem auto 1.9rem; }