/* BnR Publicidade · espaços com altura reservada, billboard, âncora e takeover.
   Usa as variáveis do tema Bola na Rede (--line, --muted, --wrap, --top-h…). */

/* caixa com código real: a altura fica reservada antes de o anúncio chegar (sem saltos de página) */
.bnr-caixa { display: flex; align-items: center; justify-content: center; margin: 0 auto; min-height: var(--bnr-h-m, 250px); max-width: 100%; overflow: hidden; }
@media (min-width: 1080px) { .bnr-caixa { min-height: var(--bnr-h-d, var(--bnr-h-m, 250px)); } }
.bnr-caixa > * { max-width: 100%; }
.bnr-lateral .bnr-caixa { width: 300px; }

/* dispositivo */
@media (min-width: 1080px) { .bnr-so-movel { display: none !important; } }
@media (max-width: 1079.98px) { .bnr-so-desktop { display: none !important; } }

/* billboard: logo abaixo do cabeçalho */
.bnr-billboard { background: var(--paper, #fff); border-bottom: 1px solid var(--line, #dbe4ee); padding: 0 0 10px; text-align: center; position: relative; z-index: 3; }
.bnr-billboard .ad-label { justify-content: center; }
.ad-slot.s-billboard { width: min(320px, calc(100% - 32px)); height: 100px; }
@media (min-width: 1080px) { .ad-slot.s-billboard { width: 970px; height: 250px; } }
.tk-billboard a, .tk-billboard > span { display: inline-block; }
.tk-billboard img { display: block; margin: 0 auto; height: auto; }
.tk-billboard .tk-d { display: none; max-width: 970px; width: 100%; }
.tk-billboard .tk-m { max-width: 320px; width: 100%; }
@media (min-width: 1080px) {
  .tk-billboard .tk-d { display: block; }
  .tk-billboard .tk-m { display: none; }
}

/* âncora no telemóvel (fecha e não volta nesta visita) */
.bnr-ancora { position: fixed; left: 0; right: 0; bottom: calc(var(--nav-h, 62px) + env(safe-area-inset-bottom, 0px) + 14px); z-index: 25; display: flex; justify-content: center; pointer-events: none; }
.bnr-ancora > * { pointer-events: auto; }
.bnr-ancora .bnr-caixa, .bnr-ancora .ad-slot { background: #fff; box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .5); }
.bnr-ancora-x { position: absolute; top: -14px; right: calc(50% - 174px); width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--navy, #06172e); color: #fff; font: 600 18px/1 system-ui; cursor: pointer; }
.ad-slot.s-anchor { width: 320px; height: 50px; }
@media (min-width: 1080px) { .bnr-ancora { display: none; } }

/* ── takeover ── */
.tk-pixel { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (min-width: 1080px) {
  body.bnr-takeover { background: var(--tk-fundo, none) center var(--top-h, 72px) / auto no-repeat fixed, var(--tk-cor, #0b2748); }
  /* as laterais clicáveis ficam por trás do conteúdo */
  .tk-skin { position: fixed; inset: var(--top-h, 72px) 0 0 0; z-index: 0; display: block; cursor: pointer; }
  .bnr-takeover .shell, .bnr-takeover .band, .bnr-takeover .arch-head, .bnr-takeover .bnr-billboard, .bnr-takeover .site-foot { position: relative; z-index: 2; }
  /* o conteúdo fica num «papel» centrado, para a marca se ver dos lados */
  .bnr-takeover .shell { background: var(--bg, #eef3f8); max-width: calc(var(--wrap, 1040px) + 64px); padding: 0 32px 32px; border-radius: 0 0 22px 22px; }
  .bnr-takeover .band, .bnr-takeover .arch-head, .bnr-takeover .bnr-billboard { max-width: calc(var(--wrap, 1040px) + 64px); margin-inline: auto; }
  .bnr-takeover .bnr-billboard { border-radius: 0; }
  .bnr-takeover .band::after { display: none; }
  .bnr-takeover .stories-h, .bnr-takeover .stories { padding-inline: 32px; }
  .bnr-takeover .stories { --strip-pad: 32px; }
  .bnr-takeover .site-foot { margin-top: 0; }
}
/* a banda «Ao minuto» com a cor da marca */
.bnr-takeover-banda .band { background: var(--net, none), linear-gradient(160deg, color-mix(in srgb, var(--tk-cor) 70%, #000), var(--tk-cor)); }