.elementor-kit-7{--e-global-color-primary:#005FE2;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00ACFF;--e-global-typography-primary-font-family:"Bai Jamjuree";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Changa";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Chakra Petch";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.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 *//*  ------

    Elementor Rocket
    (por WP Universe)

    IMPORTANTE: Devido a atualizações recentes do Elementor,
    a tag <gradiente> deixou de funcionar nos blocos de Título
    (continuando a funcionar normalmente em todos os outros).

/*  ------
/*

Cores do texto no <gradiente>

Para trocar as cores, basta trocar o valor das cores
no código, pelo código hexadecimal desejado (#).

Por exemplo:
    --gradiente-cor-1: #000000;
    --gradiente-cor-2: #eeeeee;

Troque no código a seguir.

*/

gradiente, .gradiente-bg {

    /* Troque as cores abaixo */
    --gradiente-cor-1: #005FE2;
    --gradiente-cor-2: #00AEFF;

}



/* ----------------------
    
    ATENÇÃO: Apenas edite abaixo se souber o que está fazendo!
    
---------------------- */


gradiente {
	color: transparent !important;
	background: linear-gradient(45deg, var(--gradiente-cor-1) , var(--gradiente-cor-2) );
	background-size: 300%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animateGradient 5s ease-in-out infinite;
	-moz-animation: animateGradient 5s ease-in-out infinite;
	-webkit-animation: animateGradient 5s ease-in-out infinite;
}

.gradiente-bg {
	background-image: linear-gradient(45deg, var(--gradiente-cor-1) , var(--gradiente-cor-2) ) !important;
	background-size: 300%;
	animation: animateGradient 5s ease-in-out infinite;
	-moz-animation: animateGradient 5s ease-in-out infinite;
	-webkit-animation: animateGradient 5s ease-in-out infinite;
}



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

.flutuante {
  animation: sobeDesce 4s infinite ease-in-out;
}

@keyframes sobeDesce {
  0%   { transform: translateY(10px); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(10px); }
}


/*

   Elementor Rocket
   SCROLLBAR PERSONALIZADA
   
   Se quiser que reflita no site todo,
   insira em "Configurações do Site > CSS Personalizado",
   no mesmo lugar em que inseriu o CSS Base. Adicione
   ao final, sem apagar o que já estiver lá.
   
   Edite a scrollbar abaixo.
   
*/


:root {
    /* EDITE ABAIXO */
  --largura-barra: 10px;
  --cor-fundo-trilha: #001533;
  --cor-puxador: #006BFF;
  --raio-borda: 20px;
  --borda-puxador: 2px solid var(--cor-fundo-trilha);
}

body::-webkit-scrollbar {
  width: var(--largura-barra);
}

body::-webkit-scrollbar-track {
  background-color: var(--cor-fundo-trilha);
}

body::-webkit-scrollbar-thumb {
  background: var(--cor-puxador);
  border-radius: var(--raio-borda);
  border: var(--borda-puxador);
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--cor-puxador) var(--cor-fundo-trilha);
  }
}/* End custom CSS */