/* =========================================================
   AJUSTES RESPONSIVOS GERAIS
   Componentes já possuem suas próprias media queries em main.css;
   este arquivo cobre ajustes globais de espaçamento e utilitários.
   ========================================================= */

@media (max-width: 1024px){
	:root{
		--espaco-secao: clamp(2.75rem, 6vw, 4.5rem);
	}
	.container{ padding-inline: 1.25rem; }
}

@media (max-width: 640px){
	.container{ padding-inline: 1.1rem; }

	.grupo-cta{ gap: 0.7rem; }
	.grupo-cta .btn{ width: 100%; justify-content: center; }

	.hero__faixa-decorativa{ display: none; }

	.footer__whatsapp-flutuante{
		right: 1rem;
		bottom: 1rem;
		width: 52px;
		height: 52px;
	}
	.footer__whatsapp-flutuante svg{ width: 24px; height: 24px; }
}

/* Impede qualquer elemento de ultrapassar a largura da tela */
html, body{ max-width: 100%; overflow-x: hidden; }

.container, .hero__grid, .servicos__grid, .orientacoes__grid,
.quemsomos__grid, .footer__topo, .blog__grid{
	max-width: 100%;
}

table, pre, .conteudo-padrao img, .conteudo-padrao iframe, .conteudo-padrao video{
	max-width: 100%;
}