Efeito estranho na página por código no rodapé

Quando um estilo afeta a página toda (desfoque, espaço extra, estilo global travado), normalmente há um widget HTML com CSS escondido no rodapé.

Quando acontece

Você não consegue editar estilos globais da página, há um espaço/desfoque inexplicável afetando o site inteiro, ou um efeito 'furadinho'/textura aparece sem origem aparente.

Causa

Um widget HTML colocado no rodapé da página contém CSS geral (às vezes com seletores como ::before) que se aplica à página inteira. Como fica no fim da página, passa despercebido.

Solução

1. Vá até o final da página no Elementor e procure por widgets de código HTML no rodapé ou na última seção.

2. Abra o widget e veja se há CSS com seletores amplos (body, ::before, classes gerais) aplicando o efeito indesejado.

3. Remova o widget ou ajuste o CSS para ser específico de uma classe/seção, em vez de afetar a página toda.

Exemplo (de seletor amplo, que afeta tudo, para escopado a uma seção):

/* ANTES: atinge a página inteira */
body::before {
  content: "";
  /* efeito visual */
}

/* DEPOIS: restrito a uma seção (dê a classe .minha-secao à seção no Elementor) */
.minha-secao::before {
  content: "";
  /* efeito visual */
}

4. Salve e atualize para confirmar que o efeito sumiu somente onde deveria.