/* Home GTH — container e layout do front-page.php.
   Substitui o que o .elementor-container/.elementor-section davam quando a
   home era Elementor: largura, centralizacao, fundo e o grid de 2 colunas
   do bloco Diversao & Cultura. */

:root { --gth-wrap: 1480px; }

/* O <main> da home recebe fundo branco para a textura dotted do body nao
   vazar entre as secoes (antes o Elementor cobria isso). */
.gth-main { background: #fff; }

/* Filhos diretos da home: centralizam na largura do site + respiro. */
.gth-home > * {
	max-width: var(--gth-wrap);
	margin: 26px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.gth-home > .cat-head { margin-bottom: 0; }
.gth-home > .grid4 { margin-top: 16px; }

/* Primeiro/ultimo bloco sem margem extra (evita faixa de fundo vazando). */
.gth-home > *:first-child { margin-top: 0; }
.gth-home > *:last-child { margin-bottom: 0; }
.gth-home { padding: 20px 0 40px; }

/* Banner responsivo ja tem max-width proprio; sem padding lateral. */
.gth-home > .gth-ad--responsive { padding: 0; }

/* ===== Diversao & Cultura: 2 colunas (banner lateral + grade) ===== */
.gth-dc-row {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 34px;
	align-items: start;
}
.gth-dc-side {
	position: sticky;
	top: 24px; /* respiro no topo ao rolar (nao cola na borda) */
}
/* Logado: desce mais para nao colar sob a admin bar do WordPress. */
.admin-bar .gth-dc-side { top: 56px; }
.gth-dc-side .gth-ad { margin: 0; }
.gth-dc-main { min-width: 0; }

@media (max-width: 980px) {
	.gth-dc-row { grid-template-columns: 1fr; }
	.gth-dc-side { position: static; display: flex; justify-content: center; }
}

@media (max-width: 768px) {
	.gth-home > * { padding: 0 16px; }
}