@media screen and (max-width: 767px) {
	/* Fundo preto na home (mobile) e páginas gerais */
	body,
	body .site-content,
	body .wp-site-blocks {
		background-color: #000000 !important; /* Ajustado para preto absoluto */
	}

	/* Fundo preto para a aba/cabeçalho da logo */
	.wp-block-header,
	header.wp-block-template-part,
	.site-header,
	.site-header-container,
	header {
		background-color: #000000 !important; /* Ajustado para preto absoluto */
	}

	/* Centralizar a logo no mobile */
	.site-logo,
	.custom-logo-link,
	.wp-block-site-logo {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		text-align: center;
	}

	/* Centralizar o botão de abrir o menu mobile */
	.wp-block-navigation__responsive-container-open,
	button.wp-block-navigation__responsive-container-open {
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		justify-content: center !important;
	}

	/* Estrutura do header para garantir centralização do botão e logo */
	header .wp-block-group.has-flex-layout.is-layout-flex,
	.site-header .wp-block-group.has-flex-layout.is-layout-flex {
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 15px; /* Espaço entre logo e botão menu */
	}

	/* Centralizar itens do menu (mobile) quando CLICADO/ABERTO */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container .wp-block-navigation__container {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
		height: 100% !important; 
	}
	
	.wp-block-navigation-item {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
		margin-bottom: 15px !important;
	}

	.wp-block-navigation-item a {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
		justify-content: center !important;
	}

	/* Ajustes para a página de contato mostrada na imagem e layout geral */
	.wp-block-columns,
	.wp-block-columns.is-layout-flex {
		flex-direction: column !important;
		align-items: center !important;
	}

	.wp-block-column {
		width: 100% !important;
		margin-bottom: 30px !important;
		text-align: center !important;
	}

	/* Footer ajustes para mobile baseado na imagem */
	footer,
	.wp-block-template-part-footer {
		text-align: center !important;
	}

	footer .wp-block-column,
	.wp-block-template-part-footer .wp-block-column {
		align-items: center !important;
		justify-content: center !important;
	}

	/* Centralizar botões (como o "Iniciar Conversa Agora") */
	.wp-block-button,
	.wp-block-buttons {
		justify-content: center !important;
	}

	/* Ajustes tipográficos para mobile */
	h1, h2, h3 {
		text-align: center !important;
	}
}