/* Espaços de anúncio. Publicidade sempre rotulada: em jornal, anúncio sem
   rótulo se confunde com notícia. O espaço reserva o tamanho exato da peça
   (sem salto de layout) e nunca corta a peça. */

.ba-espaco{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  margin-inline:auto;max-width:100%;
}
.ba-espaco[hidden]{display:none}

/* Mesma largura da peça e centrado com ela: o rótulo marca a borda do anúncio. */
.ba-rotulo{
  align-self:center;width:100%;text-align:center;
  font-family:var(--mono,ui-monospace,"Courier New",monospace);
  font-size:.6875rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;
  color:var(--meta,#5C6B7A);           /* 5,6:1 sobre branco */
}

.ba-peca{width:100%;line-height:0}
.ba-link{display:block}
.ba-link:focus-visible{outline:2px solid var(--azul,#083E63);outline-offset:2px}
/* Fio por dentro (outline), não borda: a peça fica no tamanho exato. Peça de
   fundo claro se funde ao branco do portal; o fio marca onde o anúncio acaba. */
.ba-midia{display:block;width:100%;height:auto;outline:1px solid var(--regra,#D9DEE5);outline-offset:-1px}
/* Dentro da matéria o tema dá margem e moldura às imagens do texto. */
.ba-espaco .ba-midia{margin:0;padding:0;border:0;max-width:100%;box-shadow:none}
.ba-espaco .ba-link{text-decoration:none;border:0}

/* --- tamanhos por espaço e dispositivo ------------------------------------ */
.ba-espaco--topo .ba-peca{max-width:728px;aspect-ratio:728/90}
.ba-espaco--topo .ba-rotulo{max-width:728px}
.ba-espaco--materia-meio .ba-peca,
.ba-espaco--materia-meio .ba-rotulo{max-width:300px}
.ba-espaco--capa-blocos .ba-peca,
.ba-espaco--editoria .ba-peca,
.ba-espaco--capa-blocos .ba-rotulo,
.ba-espaco--editoria .ba-rotulo{max-width:728px}

@media (max-width:767px){
  .ba-espaco--topo .ba-peca,
  .ba-espaco--topo .ba-rotulo{max-width:320px}
  .ba-espaco--topo .ba-peca{aspect-ratio:320/100}
  .ba-espaco--capa-blocos .ba-peca,
  .ba-espaco--editoria .ba-peca,
  .ba-espaco--capa-blocos .ba-rotulo,
  .ba-espaco--editoria .ba-rotulo{max-width:300px}
}

/* --- espaçamento entre blocos -------------------------------------------- */
.ba-espaco--materia-meio{margin-block:32px}
.ba-espaco--capa-blocos{padding-block:32px;border-bottom:1px solid var(--regra,#D9DEE5)}
.ba-espaco--editoria{margin-block:8px 32px}

/* --- "Anuncie aqui" (topo sem campanha) ------------------------------------ */
.ba-vazio{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:100%;height:100%;line-height:1.2;text-align:center;
  border:1px dashed #B9C3CE;background:var(--papel-off,#F7F8FA);color:var(--meta,#5C6B7A);
}
.ba-vazio[hidden]{display:none}
.ba-vazio strong{
  font-family:var(--display,Arial,sans-serif);font-weight:700;font-size:1rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--azul,#083E63);
}
.ba-vazio span{font-family:var(--mono,monospace);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}
.ba-vazio:hover{border-color:var(--azul,#083E63);text-decoration:none}
@media (max-width:767px){ .ba-vazio span{display:none} }

@media print{ .ba-espaco{display:none !important} }