/**
 * Billboard AR — contenedores de publicidad (ver ads/bbz-ads.js).
 *
 * Capas (z-index): laterales 40 · header 90 · zócalo 90 · PiP del video 95 ·
 * drawer 200 · Wrapped 1000 · prehome 1100 · tarjeta a pantalla completa 1150 ·
 * pastilla de demo 1200 · modales de búsqueda/login 9999.
 *
 * Especificidad: los botones van con ".bbz .x" porque el reset global del shell
 * (".bbz button{position:relative}") y el del theme padre les ganan a una sola
 * clase; los textos fijos van con !important por la regla global de color.
 */

/* ---------- base ---------- */
.bbz-ad-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted,#8b8b95);text-transform:uppercase;opacity:.75;text-align:center;line-height:1}

/* ---------- inline ---------- */
.bbz-ad-slot--gam{margin:24px auto;text-align:center;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
/* Mientras no llega el anuncio no ocupa lugar (y si viene vacío se elimina) */
.bbz-ad-slot--gam:not(.is-filled){height:0;margin:0;overflow:hidden;visibility:hidden}
.bbz-ad-slot__inner{line-height:0;max-width:100%}
.bbz-ad:has(> .bbz-ad-slot--gam:not(.is-filled)){padding-top:0;padding-bottom:0}
/* El tema padre le pone margin:3rem 0 a todo iframe: +84px de alto en cada anuncio */
.bbz-ad-slot__inner iframe{margin:0;max-width:none}
/* Dentro de una grilla (secciones, /video/): fila completa */
.bbz-ad-slot--row{grid-column:1 / -1}

/* ---------- zócalo (sticky) ---------- */
/* left+right+fit-content: con left:50% el ancho se limitaba a media pantalla y el 970x90 se cortaba */
.bbz-sticky-ad{position:fixed;left:0;right:0;bottom:0;margin-inline:auto;width:fit-content;z-index:90;display:none;align-items:flex-end;justify-content:center;max-width:100vw;pointer-events:none;padding-bottom:env(safe-area-inset-bottom,0)}
.bbz-sticky-ad.is-filled{display:inline-flex}
.bbz-sticky-ad .bbz-ad-slot__inner{pointer-events:auto;line-height:0}
html.bbz-has-anchor body{padding-bottom:var(--bbz-anchor-h,0px)}
html.bbz-ovl-open .bbz-sticky-ad{visibility:hidden}
.bbz .bbz-sticky-ad__close{position:absolute !important;top:-14px;right:6px;width:30px !important;height:30px !important;min-width:0 !important;padding:0 !important;border-radius:50% !important;background:#00FF9A !important;color:#0a0a0c !important;border:0 !important;cursor:pointer;font:900 18px/1 sans-serif;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:auto;transition:transform .15s,background .15s}
.bbz .bbz-sticky-ad__close:hover{transform:scale(1.1);background:#fff !important}
@media(max-width:768px){.bbz .bbz-sticky-ad__close{top:-12px;right:4px;width:26px !important;height:26px !important;font-size:15px}}

/* ---------- prehome / pantalla completa (overlay) ---------- */
.bbz-ovl{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease}
.bbz-ovl.is-open{visibility:visible;opacity:1;pointer-events:auto}
.bbz-ovl__backdrop{position:absolute;inset:0;background:rgba(10,10,12,.85)}
.bbz-ovl.is-transparent .bbz-ovl__backdrop{background:transparent}
.bbz-ovl__stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.bbz-ovl__stage .bbz-ad-slot__inner{pointer-events:auto;transform-origin:center center;flex:none}
.bbz .bbz-ovl__close{position:absolute !important;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-width:0 !important;height:auto !important;padding:10px 16px !important;border:0 !important;border-radius:999px !important;background:#00FF9A !important;color:#0a0a0c !important;font:800 13px/1 'Space Grotesk',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.bbz .bbz-ovl__close *{color:#0a0a0c !important;font-size:18px}
.bbz .bbz-ovl__close:hover,.bbz .bbz-ovl__close:focus-visible{background:#fff !important;outline:2px solid #00FF9A;outline-offset:2px}
html.bbz-ovl-open{overflow:hidden;scrollbar-gutter:stable}

/* ---------- laterales 200x500 (megalateral) ---------- */
html{--bbz-skin-cw:min(1280px, calc(var(--bbz-vw, 100vw) - 464px))}
.bbz-rail{position:fixed;top:calc(var(--bbz-header-h,75px) + 16px + var(--bbz-top,0px));z-index:40;width:200px;display:none;flex-direction:column;gap:6px;transition:opacity .2s}
.bbz-rail.is-filled{display:flex}
.bbz-rail--left{left:max(8px, calc((var(--bbz-vw, 100vw) - var(--bbz-skin-cw)) / 2 - 216px))}
.bbz-rail--right{right:max(8px, calc((var(--bbz-vw, 100vw) - var(--bbz-skin-cw)) / 2 - 216px))}
html.bbz-skin-footer .bbz-rail{opacity:0;pointer-events:none}
/* "Modo skin": con un lateral, el contenido se centra para dejarle lugar. Los
   wrappers .bbz-ad pierden el padding lateral para que un 970x250 entre. */
html.bbz-has-skin body.bbz :is(main, article.bbz-nota){max-width:var(--bbz-skin-cw);margin-inline:auto}
html.bbz-has-skin body.bbz :is(main, article.bbz-nota) .bbz-ad{padding-left:0;padding-right:0}

/* ---------- micro-banners del header (180x70) ---------- */
.bbz-hdr-ad{display:none;line-height:0;flex:none}
.bbz-hdr-ad.is-filled{display:block}
.bbz-header.has-hdr-ad{padding-top:2px;padding-bottom:2px}
/* Con dos 180x70 el menú se compacta para entrar en una fila desde 1440. En Windows, con la barra de scroll
   clásica, una pantalla de 1440 da un header de 1423 px: con 9 px de padding el menú desbordaba 7 px. */
.bbz-header.has-hdr-ad .bbz-header__left{gap:16px}
.bbz-header.has-hdr-ad .bbz-nav a{padding-left:7px;padding-right:7px}
.bbz-hdr-ad.is-probe{display:block;width:180px;height:70px}
@media(max-width:1439px){.bbz-hdr-ad{display:none !important}}

/* ---------- midscroll (ventana parallax) ---------- */
.bbz-midscroll{position:relative;height:0;overflow:hidden;clip-path:inset(0);margin:0}
.bbz-midscroll.is-filled{height:100vh;height:100svh;margin:24px 0}
@media(max-width:767px){.bbz-midscroll.is-filled{height:80vh;height:80svh}}
.bbz-midscroll__stage{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.bbz-midscroll__stage .bbz-ad-slot__inner{pointer-events:auto;transform-origin:center center;flex:none}
.bbz .bbz-midscroll__label{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;background:rgba(10,10,12,.72);color:#fff !important;padding:5px 9px;border-radius:4px;opacity:1}

/* ---------- tarjeta in-feed (reel / stories / nativo) ---------- */
/* Fila propia dentro de la grilla de "Más noticias", centrada */
.bbz-feedcard{display:none;grid-column:1 / -1;flex-direction:column;align-items:center;gap:6px;padding:6px 0}
.bbz-feedcard.is-filled{display:flex}
.bbz-feedcard__frame{position:relative;width:min(100%, 320px);aspect-ratio:9 / 16;overflow:hidden;border-radius:14px;background:#141418}
.bbz-feedcard__frame .bbz-ad-slot__inner{position:absolute;top:0;left:0;transform-origin:top left}
.bbz-feedcard[data-size="fluid"] .bbz-feedcard__frame .bbz-ad-slot__inner{position:static;width:100%;height:100%;transform:none}
.bbz .bbz-feedcard__close{display:none}
.bbz-feedcard.is-fs .bbz-feedcard__frame{position:fixed;inset:0;height:auto !important;z-index:1150;width:auto;aspect-ratio:auto;border-radius:0;background:#000}
.bbz-feedcard.is-fs .bbz-ad-slot__inner,
.bbz-feedcard.is-fs .bbz-ad-slot__inner > div,
.bbz-feedcard.is-fs iframe{position:static;width:100% !important;height:100% !important;transform:none !important}
.bbz .bbz-feedcard.is-fs .bbz-feedcard__close{display:flex;position:absolute !important;top:12px;right:12px;z-index:2;width:40px !important;height:40px !important;min-width:0 !important;padding:0 !important;border-radius:50% !important;border:0 !important;background:#00FF9A !important;color:#0a0a0c !important;font:900 22px/1 sans-serif;align-items:center;justify-content:center;cursor:pointer}

/* ---------- out-stream (video en la nota) ---------- */
.bbz-outstream{display:none;flex-direction:column;gap:6px;margin:28px 0}
.bbz-outstream.is-filled{display:flex}
.bbz-outstream__box{position:relative;width:100%;overflow:hidden;border-radius:10px;background:#000}
.bbz-outstream__box .bbz-ad-slot__inner{transform-origin:top left}
.bbz-outstream[data-size="fluid"] .bbz-outstream__box .bbz-ad-slot__inner{transform:none;width:100%}
.bbz-outstream.is-fs .bbz-outstream__box{position:fixed;inset:0;z-index:1150;border-radius:0;height:auto !important}
.bbz-outstream.is-fs .bbz-ad-slot__inner,
.bbz-outstream.is-fs .bbz-ad-slot__inner > div,
.bbz-outstream.is-fs iframe{width:100% !important;height:100% !important;transform:none !important}

/* ---------- pastilla del modo demo (?bbz_demo=) ---------- */
.bbz-demo-pill{position:fixed;left:12px;bottom:calc(12px + var(--bbz-anchor-h,0px));z-index:1200;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:7px 7px 7px 8px;border:1.5px solid #00FF9A;border-radius:999px;background:#0a0a0c;box-shadow:0 8px 24px rgba(0,0,0,.45);font:600 12px/1.2 'Space Grotesk',system-ui,sans-serif}
.bbz .bbz-demo-pill__tag{background:#00FF9A;color:#0a0a0c !important;border-radius:999px;padding:5px 8px;font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.14em}
.bbz .bbz-demo-pill__name{color:#fff !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bbz .bbz-demo-pill__back{color:#00FF9A !important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bbz .bbz-demo-pill__x{position:relative;width:26px !important;height:26px !important;min-width:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:#26262c !important;color:#fff !important;font:700 15px/1 sans-serif;cursor:pointer;flex:none}

/* ---------- restos del Banner Manager Pro (ya no se usa) ---------- */
.bmp-banner-close,.bmp-close,.bmp-banner__close,.bmp-banner-wrapper .close,
.bmp-floating,.bmp-banner-floating,.bmp-sticky,
[class*="bmp-banner"][class*="float"],[class*="bmp"][class*="close"],
[class^="bmp-"][style*="position: fixed"],[class*=" bmp-"][style*="position: fixed"]{display:none !important}

@media (prefers-reduced-motion: reduce){.bbz-ovl,.bbz-rail{transition:none}}