.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ca3de8c:#0F0F0F;--e-global-color-fc5355f:#2E61FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body,
html {
overflow-x: hidden !important;
}

/* Mesma correção aplicada especificamente para Mobile */
@media (max-width: 768px) {
/* Dica: 768px é o breakpoint padrão do Elementor para tablet/mobile.
Você pode ajustar esse valor se usar um breakpoint diferente. */
body,
html {
overflow-x: hidden !important;
}
}

/* ------------------------------------------------------------
2. BARRA DE SCROLL PERSONALIZADA (apenas navegadores Webkit: Chrome, Edge, Safari)
------------------------------------------------------------ */

/* Largura da barra de scroll
Aumente para uma barra mais grossa, diminua para mais fina. */
body::-webkit-scrollbar {
width: 12px; /* Largura da barra — recomendado entre 6px e 16px */
}

/* Trilho (o fundo por onde a barra desliza) */
body::-webkit-scrollbar-track {
background: #020202;        /* Cor de fundo do trilho */
border-radius: 10px;        /* Arredondamento do trilho (0 = reto) */
}

/* Polegar (a parte que o usuário arrasta) */
body::-webkit-scrollbar-thumb {
background-color: #2E61FF;  /* Cor principal da barra de scroll */
border-radius: 10px;        /* Arredondamento da barra (0 = reto) */
border: 2px solid #020202;  /* Borda ao redor da barra — use a mesma cor do trilho
para criar um efeito de "espaçamento" */
}

/* Efeito ao passar o mouse por cima da barra */
body::-webkit-scrollbar-thumb:hover {
background-color: #1db954;  /* Cor da barra ao passar o mouse — deixe igual ou mais escura/clara */
}

/* Remove espaçamentos padrão de todos os editores de texto */
.elementor-widget-text-editor p,
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6,
.elementor-widget-text-editor span,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-text-editor li {
margin: 0 !important;
padding: 0 !important;
}/* End custom CSS */