/*
 * Francisco de Melo — compatibilidade com Elementor (Free) + Hello Elementor.
 * Carregado DEPOIS do CSS do Elementor e ANTES do style.css do site: neutraliza os padrões
 * do Elementor com especificidade baixa, para que as classes do site (.sec, .wrap, .split...)
 * sempre prevaleçam, exatamente como no site estático.
 */

/* Containers: sem flex/gap/padding/largura padrão do Elementor (o CSS do site define tudo). */
.e-con{
	--display:block;--gap:0px;--row-gap:0px;--column-gap:0px;
	--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
	--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;
	--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;
	--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;
	--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;
	--container-default-padding-block-start:0px;--container-default-padding-block-end:0px;--container-default-padding-inline-start:0px;--container-default-padding-inline-end:0px;
	--width:auto;--min-height:0;--content-width:none;--container-max-width:none;
	--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;--kit-widget-spacing:0px;
	--position:static;--z-index:auto;--overflow:visible;--text-align:inherit;
	display:block;gap:0;padding:0;margin:0;width:auto;max-width:none;min-width:0;min-height:0;text-align:inherit;
}
.e-con:empty{min-height:0}
.elementor-element{--widgets-spacing:0px;--kit-widget-spacing:0px}
.elementor .elementor-widget:not(.fmk):not(:last-child),.elementor .elementor-widget:not(.fmk){margin:0}
.elementor-widget-container{margin:0;padding:0}

/* Título (widget Heading): o <h*> com as classes originais fica dentro; o invólucro não interfere. */
.elementor-heading-title{line-height:inherit;margin:0;padding:0}
.elementor-widget-text-editor{color:inherit;font:inherit}

/* No site publicado, os invólucros dos widgets "somem" do layout (grid/flex do site agem
   direto sobre títulos, parágrafos e fotos). No editor eles continuam visíveis para clicar. */
body:not(.elementor-editor-active) .elementor-widget:not(.fmk),
body:not(.elementor-editor-active) .elementor-widget-container,
body:not(.elementor-editor-active) .elementor-heading-title,
body:not(.elementor-editor-active) .elementor-widget-image a{display:contents}
/* widget de imagem com classes do site (.xhero-img, .band-img...) mantém a caixa: */
.elementor-widget-image.fmk{display:block}

/* .h2x+.statement do site, com título e parágrafo em widgets vizinhos */
.elementor-widget-heading:has(.h2x)+.elementor-widget-text-editor .statement:first-child{margin-top:40px}

/* Editor: blocos sempre visíveis (animações de entrada desativadas dentro do Elementor). */
.elementor-editor-active .reveal,.elementor-editor-active .xrow,.elementor-editor-active .fx,
.elementor-editor-active .xh1 .ln>span,.elementor-editor-active .xhero-img img{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important}
.elementor-editor-active #intro{display:none!important}