/* =========================================================================
   TUDO CENTRALIZADO NO CELULAR

   Pedido do cliente em 28/08/2026: "todos os textos de todas as sessões no
   mobile, que são título, eyebrow e botão, têm que estar centralizados".

   A maior parte das seções já nasceu centralizada (comparativo, método,
   para quem é, soluções, depoimentos, quem somos, FAQ). Ficavam à esquerda
   o hero, "O Problema", o CTA final e, nas páginas de serviço, o "Fale
   conosco" e o "O que está incluso" — que no quadro de 1440 são blocos de
   coluna à esquerda.

   O TEXTO DOS CARDS continua à esquerda de propósito: card é conteúdo
   corrido, não cabeçalho de seção. Centralizar o corpo de um card deixa a
   leitura ruim e não é o que o arquivo mostra.

   Este arquivo carrega por último para vencer o alinhamento que cada seção
   escreve no seu próprio bloco.
   ========================================================================= */

@media (max-width: 767px) {
	/* ---------- Cabeçalho das seções que ainda estavam à esquerda ---------- */
	.isp-hero__eyebrow,
	.isp-hero__eyebrow .elementor-heading-title,
	.isp-hero__titulo,
	.isp-hero__titulo .elementor-heading-title,
	.isp-hero__texto,
	.isp-hero__texto p,
	.isp-problema__eyebrow,
	.isp-problema__eyebrow .elementor-heading-title,
	.isp-problema__titulo,
	.isp-problema__titulo .elementor-heading-title,
	.isp-cta__titulo,
	.isp-cta__titulo .elementor-heading-title,
	.isp-cta__texto,
	.isp-cta__texto p,
	.isp-contato__eyebrow,
	.isp-contato__eyebrow .elementor-heading-title,
	.isp-contato__titulo,
	.isp-contato__titulo .elementor-heading-title,
	.isp-contato__texto,
	.isp-contato__texto p,
	.isp-servico__eyebrow,
	.isp-servico__eyebrow .elementor-heading-title,
	.isp-servico__titulo,
	.isp-servico__titulo .elementor-heading-title,
	.isp-servico__lead,
	.isp-servico__lead p {
		text-align: center;
	}

	/* Os blocos são colunas flex: o texto centraliza com text-align, mas os
	   filhos (o botão, sobretudo) só se movem com align-items. */
	#isp-hero-conteudo,
	#isp-problema-conteudo,
	#isp-contato-texto,
	#isp-incluso-texto,
	#isp-incluso-lista,
	#isp-recebe-fecho,
	#isp-faq-topo {
		align-items: center;
	}

	/* ---------- Todo botão no centro ---------- */
	/* O invólucro do widget de botão estica na largura da coluna e a pílula,
	   sendo inline-flex, encostava na esquerda. */
	.isp-btn-caixa {
		display: flex;
		justify-content: center;
	}

	/* Excecao: o botao DENTRO de um card de "Nossas Soluções" fica a
	   esquerda, alinhado com o texto do card — e assim no arquivo. Centralizar
	   ali deixava dois cards com o botao no meio e dois na esquerda, porque a
	   caixa de cada um tem largura diferente. */
	#isp-solucoes .isp-btn-caixa {
		justify-content: flex-start;
	}

	/* O rótulo do botão também: com duas linhas, ele ficava alinhado à
	   esquerda dentro da própria pílula. */
	.isp-btn__rotulo {
		text-align: center;
	}
}