.elementor-kit-10{--e-global-color-primary:#040404;--e-global-color-secondary:#F9F9F9;--e-global-color-text:#D60D05;--e-global-color-accent:#311F23;--e-global-color-fc7a21a:#FFFFFF;--e-global-color-5ee9a00:#D60D05;--e-global-typography-primary-font-family:"Netflix";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Netflix";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Netflix";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Netflix";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-5ee9a00 );font-family:"Netflix", Sans-serif;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:transparent;font-family:"Netflix", Sans-serif;color:var( --e-global-color-secondary );background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, var( --e-global-color-5ee9a00 ) 100%);}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-primary );font-family:"Netflix", Sans-serif;}.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
   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: 12px;
  --cor-fundo-trilha: #121212;
  --cor-puxador: #D60D05;
  --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);
  }
}

/*  ------

    Elementor Rocket
    (por WP Universe)

/*  ------
/*

Gradiente no texto

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: var(--e-global-color-accent);
    --gradiente-cor-2: var(--e-global-color-primary);

}



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

html, body{
overflow-x: hidden !important;
text-wrap: balance;
}

.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); }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Netflix';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ocorretordofuturo.com.br/wp-content/uploads/2025/11/NetflixSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Netflix';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ocorretordofuturo.com.br/wp-content/uploads/2025/11/NetflixSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Netflix';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://ocorretordofuturo.com.br/wp-content/uploads/2025/11/NetflixSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Netflix';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ocorretordofuturo.com.br/wp-content/uploads/2025/11/NetflixSans-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */