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

/* Container geral dos slots */
.wf-runtime-ad{
  margin: 20px auto;
}

.wf-runtime-ad--top{
  margin-top: 16px;
  margin-bottom: 24px;
}

.wf-runtime-ad--nonvisual{
  margin: 0;
}

.wf-ad{
  border: 1px solid var(--wf-border);
  border-radius: var(--wf-radius-2);
  background: var(--wf-surface);
  overflow: hidden;
}

.wf-ad.is-wf-ad-requested{ min-height: 90px; }
.wf-ad--top.is-wf-ad-requested{ min-height: 250px; }
.wf-ad--inarticle.is-wf-ad-requested{ min-height: 250px; }
.wf-ad.is-wf-ad-empty{ min-height: 0; border: 0; background: transparent; }

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

.wf-runtime-ad--nonvisual .wf-ad--premium{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  min-height: 1px;
}

#wf_desk_inarticle_1,
#wf_mob_inarticle_1{
  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; }
}

/* GAM layout polish: centraliza slots e evita empilhamento visual. */
.wf-ad-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 32px 0;
}

.wf-runtime-ad--top .wf-ad-container {
  margin: 0 0 24px;
}

.wf-runtime-ad--inarticle .wf-ad-container {
  margin: 32px 0;
}

.wf-ad-container iframe {
  max-width: 100%;
}

.wf-runtime-ad--nonvisual,
.wf-runtime-ad--nonvisual .wf-ad-container {
  margin: 0;
  display: block;
}

@media (max-width: 900px){
  .wf-ad-container {
    margin: 40px 0;
  }

  .wf-runtime-ad--top .wf-ad-container {
    margin-bottom: 32px;
  }
}

.wf-ad-container iframe {
  max-width: 100%;
  height: auto;
}