/* ==========================================================================
   ANÚNCIOS — moldura das áreas de publicidade
   ==========================================================================

   O QUE CONTROLA
   - O rótulo "Publicidade" acima de cada anúncio.
   - O ESPAÇO RESERVADO (min-height) de cada área. Reservar a altura antes
     de o anúncio carregar evita que o texto "pule" (melhora o CLS, uma das
     métricas de velocidade do Google).

   As áreas só aparecem se tiverem um widget (Aparência > Widgets).
   HTML: template-parts/anuncios/area-anuncio.php

   AJUSTE: se o formato do seu anúncio for diferente (ex.: 300 x 600),
   mude o min-height da área correspondente.
   ========================================================================== */

.anuncio {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--espaco-2);
	width: 100%;
	max-width: 100%;
	margin-block: var(--espaco-6);
	overflow: hidden; /* Um anúncio maior que a tela nunca cria rolagem lateral. */
}

.anuncio__rotulo {
	font-size: 0.6875rem;
	font-weight: var(--peso-medio);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--cor-texto-suave);
}

.anuncio__conteudo {
	display: flex;
	justify-content: center;
	width: 100%;
}

.anuncio__widget {
	width: 100%;
	text-align: center;
}

.anuncio__widget iframe,
.anuncio__widget img {
	max-width: 100%;
	margin-inline: auto;
}

/* Espaço reservado por área (celular primeiro). */
.anuncio--anuncio-topo .anuncio__conteudo {
	min-height: 100px; /* Formato 320 x 100 no celular. */
}

.anuncio--anuncio-topo {
	margin-block: var(--espaco-4);
}

.anuncio--anuncio-artigo-meio .anuncio__conteudo,
.anuncio--anuncio-artigo-final .anuncio__conteudo,
.anuncio--anuncio-listagem .anuncio__conteudo,
.anuncio--anuncio-home-secoes .anuncio__conteudo {
	min-height: 250px; /* Formato 300 x 250. */
}

@media (min-width: 768px) {
	.anuncio--anuncio-topo .anuncio__conteudo,
	.anuncio--anuncio-home-secoes .anuncio__conteudo {
		min-height: 90px; /* Formato 728 x 90 no computador. */
	}
}

/* Anúncio no meio do texto: separado do conteúdo por linhas finas. */
.conteudo-artigo .anuncio {
	padding-block: var(--espaco-4);
	border-block: 1px solid var(--cor-linha);
}