.elementor-kit-6{--e-global-color-primary:#0058DB;--e-global-color-secondary:#54595F;--e-global-color-text:#1F1F1F;--e-global-color-accent:#61CE70;--e-global-color-5ef6eb3:#F5FAFF;--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;background-color:var( --e-global-color-5ef6eb3 );color:var( --e-global-color-text );font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:18px;}.elementor-kit-6 h1{color:var( --e-global-color-text );font-size:45px;font-weight:700;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Plus Jakarta Sans", Sans-serif;font-size:38px;font-weight:700;}.elementor-kit-6 h3{color:var( --e-global-color-text );}.elementor-kit-6 h4{color:var( --e-global-color-text );}.elementor-kit-6 h5{color:var( --e-global-color-text );}.elementor-kit-6 h6{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS */.dopamine-background {
  position: relative;
  z-index: 0;
  overflow: hidden; /* Garante que o efeito não ultrapasse os limites */
}

#dopamine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Coloca o efeito no fundo */
  pointer-events: none; /* Evita interferência com cliques */
}

.aurora-background {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.aurora-background:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(115deg, #0058DB, #0059DB, #19E0F9, #002A5B);
  background-size: 200% 200%;
  animation: auroraAnimation 8s infinite ease-in-out;
  z-index: -1;
  opacity: 0.7; /* Ajuste para deixar o fundo mais sutil */
  filter: blur(50px); /* Suaviza o efeito */
}

@keyframes auroraAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


/* Bloquear scroll horizontal */
body {
  overflow-x: hidden !important; /* Impede a rolagem horizontal */
}

/* Garantir que o conteúdo da seção 200% não cause rolagem */
.section-horizontal {
  width: 200%; /* Mantém o conteúdo maior que a tela */
  position: relative; /* Garante que o conteúdo permaneça relativo */
  overflow-x: hidden; /* Esconde o excesso horizontal dentro dessa seção */
}

body {
    background: transparent; /* Fundo da página transparente */
}

body::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
    }

body::-webkit-scrollbar-track {
    background: transparent; /* Torna o fundo da trilha da barra de rolagem transparente */
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, #0058db, #11b2ed); /* Cor de fundo do marcador de rolagem */
    border-radius: 20px; /* Arredondamento das bordas do controle deslizante */
}/* End custom CSS */