/* Espaçamentos do site – MG Soluções Financeiras
   O CSS das páginas fica dentro do conteúdo (blocos de HTML), depois deste arquivo. Por isso as
   regras começam por "body": ganham pela especificidade, sem precisar editar as páginas. */

/* Home: a faixa de destaques deveria avançar sobre o fim do hero (margin-top: -42px), mas o tema
   zera a margem do primeiro <section> do template e ela ficava grudada na borda do hero.
   No tablet a regra da própria página (-18px) já funciona. */
@media (min-width: 1051px) {
	body .wp-site-blocks > section.trustbar {
		margin-top: -42px;
	}
}

/* No celular o "ajuste final" da página reduziu a sobreposição para 10px (com !important), e os
   cartões pareciam encostados na borda do hero: volta aos 24px que a página usava antes. */
@media (max-width: 720px) {
	body .wp-site-blocks > section.trustbar {
		margin-top: -24px !important;
	}
}

/* Simulação: a seção zera o espaço de cima (pensado para a home) e encostava na faixa do topo.
   No celular a própria página já dá 58px. */
body .pg-band ~ .simulation {
	padding-top: 56px;
}

/* "Bancos parceiros" seguido do convite final: o cartão escuro começava colado no fim da faixa branca. */
body .partners + .final-cta {
	padding-top: 48px;
}

@media (max-width: 720px) {
	body .partners + .final-cta {
		padding-top: 32px;
	}
}

/* Páginas montadas num bloco "Custom HTML" (Advanced Custom HTML) com o rodapé dentro, como a de simulação: o tema dá
   margem ao último bloco do conteúdo (com um seletor de quatro :not, por isso o !important) e sobrava uma faixa
   branca abaixo do rodapé. */
body .entry-content > .wp-block-bplugins-custom-html:last-child {
	margin-block-end: 0 !important;
}