/* Start custom CSS *//* =============================================
   BRASGUINCHO — CSS para Elementor
   Cole em: Elementor > Configurações > CSS Personalizado
   ============================================= */

/* Remove margens e paddings padrão do Elementor na página */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-element {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Garante que o HTML customizado ocupe 100% da largura */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove largura máxima do container interno do Elementor */
.elementor-section .elementor-container {
  max-width: 100% !important;
}

/* Zera o padding lateral padrão das seções */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
}

/* Garante que o body e o wrapper não limitem a largura */
body,
.site-main,
.page-content,
#page,
#content,
.entry-content,
article.hentry {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Nav fixo da landing acima de tudo */
.elementor-widget-html nav {
  z-index: 99999 !important;
}

/* Full-width no widget HTML */
.elementor-widget-html > .elementor-widget-container > * {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ── CORREÇÃO DO BOTÃO WHATSAPP FLUTUANTE ──
   O Elementor cria um contexto de empilhamento (stacking context)
   com transform/overflow que quebra o position:fixed e
   vaza a sombra verde pela página inteira.
   As regras abaixo corrigem isso.                */

.elementor-widget-html .elementor-widget-container {
  overflow: visible !important;
  position: static !important;
}

.elementor-widget-html {
  position: static !important;
  transform: none !important;
}

.elementor-section,
.elementor-column,
.elementor-widget-wrap {
  overflow: visible !important;
}/* End custom CSS */