/**
 * anuncios.css
 * Estilo dos espaços de anúncio (AdMob — somente Android).
 * Usa os mesmos tokens de cor/raio/sombra do resto do app (style.css)
 * para os anúncios não destoarem visualmente do conteúdo.
 */

/* Quando um banner-âncora do AdMob está ativo no rodapé, adicionamos um
   respiro extra no fim do conteúdo rolável para nada ficar "colado" nele. */
body.via-com-banner-ancora .conteudo,
body.via-com-banner-ancora .app-shell .conteudo {
  padding-bottom: calc(var(--barra-inferior-h) + 64px + var(--espaco-5));
}

/* Cartão do slot de anúncio dentro de listas/feeds (Início, Orar,
   Intenções, Pesquisa, Favoritos). Fica oculto por padrão — só aparece
   (classe .visivel) quando ads.js confirma que estamos no app Android. */
.slot-anuncio {
  display: none;
  background: var(--superficie);
  border: 1px dashed var(--superficie-borda);
  border-radius: var(--raio-lg);
  padding: var(--espaco-4);
  margin: var(--espaco-4) 0;
  text-align: center;
  min-height: 100px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.slot-anuncio.visivel { display: flex; }
.slot-anuncio .rotulo-anuncio {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--texto-suave);
  opacity: 0.8;
}
.slot-anuncio .miolo-anuncio {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--texto-suave);
  font-size: 0.78rem;
}