.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-6 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.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:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    background-color: black !important;
}

.laranja {
    color: #F97015;
}

.vermelho {
  color: #AB2227;
}


.verde {
  color: #00DB54;
}

.gradiente {
  background-image: linear-gradient(to right, #FF8F00, #F3A92D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* fallback para navegadores antigos */
}


    :root {
      /* Defina aqui as cores do seu tema com HSL */
      --african-gold: 41 95% 58%;
      --african-sunset: 15 88% 55%;
    }

    .texto-gradiente {
      /* Cria o gradiente de cores usando as variáveis */
      background-image: linear-gradient(
        135deg, 
        hsl(var(--african-gold)), 
        hsl(var(--african-sunset))
      );
      
      /* Aplica o gradiente no texto */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent; /* Fallback para navegadores mais antigos */
    }
  .texto-gradiente-vermelho {
  /* Define o gradiente de cores usando a variável de vermelho vibrante */
  background-image: linear-gradient(
    to right, 
    var(--wp--preset--color--vivid-red), 
    #861616 /* Um vermelho mais escuro, inspirado na cor de botão de perigo */
  );

  /* Aplica o gradiente no texto */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* Fallback para navegadores antigos */
}

/*
 * O seletor abaixo garante que a animação será aplicada
 * apenas ao seu <span>, e não aos elementos pai.
 */
.elemento-com-brilho-preto {
  
  -webkit-text-fill-color: transparent !important;
  color: transparent !important; 
  background: linear-gradient(
    90deg, 
    #000 0%,
    #ff0000 50%,
    #000 100%
  );
  
  
  background-size: 200% auto;
  
  
  -webkit-background-clip: text;
  background-clip: text;
  
  
  animation: brilhoTextoElementor 5s infinite linear;
}


@keyframes brilhoTextoElementor {
  from {
    background-position: 200% center;
  }
  to {
    background-position: -200% center;
  }
}

.elemento-com-brilho-amarelo {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  background: linear-gradient(
    90deg,
    #fff 0%,
    #ffff00 50%,
    #ffff00 80%,
    #fff 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  animation: brilhoTextoElementor 5s infinite linear;
}

@keyframes brilhoTextoElementor {
  from {
    background-position: 200% center;
  }
  to {
    background-position: -200% center;
  }
}

@keyframes brilhaSpan {
  /* Estado inicial: amarelo dourado com brilho sutil */
  0%, 100% {
    color: #FFD700;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
  }

  /* Ponto de pico do brilho: cor mais clara e brilho intenso */
  50% {
    color: #FFFF00;
    text-shadow: 0 0 15px rgba(255, 255, 0, 0.8);
  }
}

.elemento-com-brilho {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  background: linear-gradient(
    90deg,
    #ff00 0%,
    #FFD700 50%, /* Amarelo Dourado no centro */
    #ff00 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  animation: brilhoTextoElementor 5s infinite linear;
}

.elemento-com-brilho-amareloebranco {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  background: linear-gradient(
    90deg,
    #fff 0%,
    #FFD700 50%, /* Amarelo Dourado no centro */
    #fff 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  animation: brilhoTextoElementor 5s infinite linear;
}

.texto-brilhante {
  color: #FFD700; /* Cor inicial do texto amarelo dourado */
  animation: brilhaSpan 1s infinite ease-in-out;
}

.elemento-com-brilho-branco {
  
  -webkit-text-fill-color: transparent !important;
  color: transparent !important; 
  background: linear-gradient(
    90deg, 
    #fff 0%, 
    #ff000099 50%, 
    #fff 100%
  );
  
  
  background-size: 200% auto;
  
  
  -webkit-background-clip: text;
  background-clip: text;
  
  
  animation: brilhoTextoElementor 5s infinite linear;
}


@keyframes brilhoTextoElementor {
  from {
    background-position: 200% center;
  }
  to {
    background-position: -200% center;
  }
}

.texto-brilhante {
  color: #E60000;
  animation: brilhaSpan 1s infinite ease-in-out;
}

@keyframes brilhaSpan {
  /* Estado inicial: vermelho com um brilho sutil */
  0%, 100% {
    color: #E60000;
    text-shadow: 0 0 5px rgba(230, 0, 0, 0.5);
  }

  /* Ponto de pico do brilho: cor mais clara e brilho intenso */
  50% {
    color: #FF4500;
    text-shadow: 0 0 15px rgba(255, 69, 0, 0.8);
  }
}/* End custom CSS */