/* WebbFinanceiro v5 - ADS (somente layout/containers; NÃO mexer em JS do GPT) */

/* Container geral dos slots */
.wf-ad{
  border: 1px solid var(--wf-border);
  border-radius: var(--wf-radius-2);
  background: var(--wf-surface);
  min-height: 90px;
  overflow: hidden;
}

/* Evitar “pulos” visuais (CLS) */
.wf-ad--top{ min-height: 250px; }
.wf-ad--inarticle{ min-height: 250px; }
.wf-ad--sidebar{ min-height: 600px; }
.wf-ad--footer{ min-height: 250px; }

/* Mobile sticky bottom */
.wf-ad--sticky-bottom{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--wf-z-sticky);
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

/* Desktop sticky lateral */
.wf-ad--sticky-lateral{
  position: sticky;
  top: 90px;
}

/* Anchor (se o GPT usar container) */
.wf-ad--anchor{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--wf-z-sticky);
}

#wf_desk_inarticle_1,
#wf_desk_inarticle_2,
#wf_mob_inarticle_1,
#wf_mob_inarticle_2{
  margin: 20px auto;
  text-align:center;
}

/* Helpers por viewport */
.wf-only-desk{ display:block; }
.wf-only-mob{ display:none; }

@media (max-width: 900px){
  .wf-only-desk{ display:none; }
  .wf-only-mob{ display:block; }
  .wf-ad--sidebar{ min-height: 90px; }
  .wf-ad--sticky-lateral{ position: static; top:auto; }
}