.elementor-kit-6{--e-global-color-primary:#00FF70;--e-global-color-secondary:#B2FFD4;--e-global-color-text:#EBF7EE;--e-global-color-accent:#6BFFAC;--e-global-color-d53c46a:#0C0C0C;--e-global-color-8dfa8de:#151515CC;--e-global-color-bedbab5:#191919;--e-global-color-86d5b21:#FFFFFF0D;--e-global-color-def4b1c:#6D6D6D4D;--e-global-color-ab4a2c4:#2E2E2E;--e-global-color-104cf1e:#FFFFFF;--e-global-color-f6a1058:#000000;--e-global-color-1621502:#EBF7EE80;--e-global-color-bdd1c7b:#ABABAB;--e-global-color-3595bc6:#141414;--e-global-typography-primary-font-family:"Red Hat Display Variable";--e-global-typography-primary-font-size:60px;font-weight:800;--e-global-typography-primary-line-height:60px;--e-global-typography-secondary-font-family:"Red Hat Display Variable";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-line-height:48px;--e-global-typography-text-font-family:"Red Hat Display Variable";--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:16px;--e-global-typography-accent-font-family:"Red Hat Display Variable";--e-global-typography-accent-font-size:16px;background-color:var( --e-global-color-d53c46a );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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;}.elementor-kit-6{--e-page-transition-entrance-animation:e-page-transition-slide-out-down;}}/* Start custom CSS *//* ========================================================== */
/* 3) UTILITÁRIOS VISUAIS                                     */
/* ========================================================== */

/* Gradientes de texto */
h1.g-gray-c, .g-gray-c {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--e-global-color-astglobalcolor2) 50%, transparent) 20%,
    var(--e-global-color-astglobalcolor2) 50%,
    color-mix(in srgb, var(--e-global-color-astglobalcolor2) 100%, transparent) 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5); /* branco 50% */
  color: rgba(255, 255, 255, 0.5); /* fallback */
}

.g-green-l {
  background: linear-gradient(270deg,
    var(--e-global-color-astglobalcolor8) 0%,
    var(--e-global-color-astglobalcolor0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.g-green-d-text {
   -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 30%,   /* totalmente visível em cima */
    rgba(0, 0, 0, 0) 100%  /* desaparece embaixo */
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to bottom
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.g-gray-r {
  background: linear-gradient(90deg,
    var(--e-global-color-astglobalcolor2) 7.05%,
    color-mix(in srgb, var(--e-global-color-astglobalcolor2) 50%, transparent) 97.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.g-gray-lr {
  background: linear-gradient(249deg, #D0D0D0 0.5%, #FFFFFF 15.59%, #D0D0D0 95.51%);
}

.g-gray-l-text {
  background: linear-gradient(90deg,
    var(--e-global-color-astglobalcolor2) 7.05%,
    color-mix(in srgb, var(--e-global-color-astglobalcolor2) 20%, transparent) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gradiente em SVG */
.gradiente-svg svg { display: inline-block; }
.gradiente-svg svg stop:first-child { stop-color: var(--e-global-color-astglobalcolor1); }
.gradiente-svg svg stop:last-child { stop-color: var(--e-global-color-astglobalcolor0); }

/* Radial glow */
.ui-radial-glow {
  border-radius: 10px;
  border: 1px solid var(--e-global-color-astglobalcolor0);
  background: radial-gradient(64.19% 50% at 50% 100%,
    color-mix(in srgb, var(--e-global-color-astglobalcolor0) 20%, transparent) 0%,
    transparent 100%);
  transition: box-shadow 0.3s ease;
}
.ui-radial-glow:hover {
  box-shadow: 0 0 8px 2px color-mix(in srgb, var(--e-global-color-astglobalcolor0) 40%, transparent);
}

/* Blur utilities */
.blur-5  { -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px); }
.blur-10 { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.blur-15 { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
.blur-20 { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.blur-25 { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); }
.blur-30 { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }

/* Extras utilitários */
.scroll-hidden { scrollbar-width: none; -ms-overflow-style: none; }
.scroll-hidden::-webkit-scrollbar { display: none; }

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.ui-soft-shadow {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10);
}

/*border-radius*/
.br-5  { border-radius: 5px; }
.br-10 { border-radius: 10px; }
.br-15 { border-radius: 15px; }
.br-20 { border-radius: 20px; }
.br-25 { border-radius: 25px; }
.br-30 { border-radius: 30px; }
.br-35 { border-radius: 35px; }
.br-40 { border-radius: 40px; }

/* mask-fade */

.mask-fade-5 {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 5%,
    black 95%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 5%,
    black 95%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.mask-fade-20 {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.mask-fade-10 {
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0.3) 0%,   /* começa em 30% opaco */
    rgba(0,0,0,1) 25%,    /* opacidade total no centro inicial */
    rgba(0,0,0,1) 75%,    /* mantém no miolo */
    rgba(0,0,0,0.3) 100%  /* termina em 30% opaco */
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0.3) 0%,
    rgba(0,0,0,1) 25%,
    rgba(0,0,0,1) 75%,
    rgba(0,0,0,0.3) 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}


/* Fade só na esquerda */
.mask-fade-10-left {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* Fade só na direita */
.mask-fade-10-right {
  -webkit-mask-image: linear-gradient(
    to right,
    black 0%,
    black 90%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    black 0%,
    black 90%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* Anula em mobile quando também tiver dont-mask-mobile */
@media (max-width: 768px) {
  .mask-fade-10-right.dont-mask-mobile {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}
/* ========================================================== */
/* 4) PÁGINA INDEX       */
/* ========================================================== */

/* Kickesr */

.kicker .elementor-button-wrapper {
  display: flex;
  align-items: center;      /* centraliza verticalmente */
  justify-content: center;  /* centraliza horizontalmente */
  text-align: center;       /* garante centralização em múltiplas linhas */
  width: 100%;              /* ocupa toda a largura do pai */
  height: 100%;    /* opcional: só se o kicker tiver altura fixa */
  border-radius: 10px !important;
  pointer-events: none;
}

.kicker {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    cursor: default !important;   /* cursor normal de texto */
    border-radius: 10px !important
}

}

.kicker a {
    cursor: default !important;   /* cursor normal de texto */
}

/* Buttons */

.button-line svg{
    scale: 1.5;
}

.button-line {
  background-color: rgba(0, 255, 112, 0.0); /* verde com 30% */
  transition: background-color 0.6s ease;   /* transição leve e lenta */
  border-radius: 10px;
}

.button-line:hover {
  background-color: rgba(0, 255, 112, 0.5);   /* verde sólido no hover */
}


/* Beneficios */

.green-glow-box {
  border-radius: 20px;
  border: 1px solid #318E48;
  box-shadow: 
    0 0 35px 0 rgba(0, 255, 112, 0.10) inset,
    0 0 40px -5px rgba(0, 255, 112, 0.15);
  backdrop-filter: blur(2.5px);
  cursor:pointer;
}

.green-glow-box:hover .icon-arrow {
    transform: scale(1.2);
}

.green-glow-box:hover .icon-arrow svg {
    webkit-text-stroke-color:#00ff70;
}
.icon-arrow {
    transition: transform 0.3s ease
    
    
}

/* ========================================================== */
/* XX) AJUSTES FINOS / OBSERVAÇÕES DO CÓDIGO ORIGINAL          */
/* ========================================================== */
.sticky-hide-header.is-scrolled. {
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  background: rgba(20,20,20,.9);
}



/* ========================================================== */
/* XX) TESTES         */
/* ========================================================== */

.main-cta {
  border-radius: 10px;
  transition: transform 0.5s ease;
}

/* No mobile first (padrão) não tem transform */
.main-cta:hover {
  transform: none;
}

.main-cta svg {
  scale: 2;
}

/* A partir do breakpoint desejado (ex: tablets/desktops) aplica o efeito */
@media (min-width: 768px) {
  .main-cta:hover {
    transform: translateX(20px);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Red Hat Display Variable';
	font-display: auto;
	src: url('https://wibx.io/wp-content/uploads/2025/09/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */