.elementor-kit-9{--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:"Bebas Neue";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{font-family:"Bebas Neue", Sans-serif;font-size:78px;line-height:62px;letter-spacing:0.8px;}.elementor-kit-9 h2{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-kit-9 h3{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-9 h4{font-family:"Bebas Neue", Sans-serif;font-size:40px;font-weight:400;line-height:34px;}.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-kit-9 h1{font-size:48px;line-height:0.85em;}.elementor-kit-9 h2{font-size:18px;}.elementor-kit-9 h4{font-size:29px;line-height:0.9em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*head 100px*/

@media (max-width: 374px) {
  .head {
    height: 1500px;
  }
}

/*texto com destaque verde*/

.texto-destaque {
  position: relative;
  display: inline-block;
  z-index: 0;                 
  padding: 0.25em 0.1em 0.25em 0.1em;
  background: none;           
  line-height: inherit;
  margin-bottom: -20px;
}

.texto-destaque::before {
  content: "";
  position: absolute;
  z-index: -1; 
  left: 0;
  right: 0;
  top: 12%;                   
  bottom: 18%;                
  background-color: #00FF1A;
  border-radius: 0.2em;
}

h4.titulo-personalizado {
  text-align: center;
}

h4.titulo-personalizado.dois {
  color: #f4f6f4;
}

h4.titulo-personalizado .texto-destaque {
  color: #111111;
}

.faixa-palavras {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.avatares-jk {
  flex: 0 0 auto;
}
.avatares-jk img {
  max-width: none;
  height: auto;
}

/*zera margin/padding do SVG*/

  .meu-svg,
  .meu-svg svg {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  display: block;
  }

/* animação cardds */

@media (max-width: 767px) {
  .cards-stack {
    display: flex;
    flex-direction: column;
    gap: 80px;               /* distância de rolagem entre um card e outro */
  }

  .cards-stack .card-1,
  .cards-stack .card-2,
  .cards-stack .card-3 {
    position: sticky;
  }

  .cards-stack .card-1 { top: 70px;  z-index: 1; }
  .cards-stack .card-2 { top: 120px; z-index: 2; }  /* 50px abaixo do 1 */
  .cards-stack .card-3 { top: 170px; z-index: 3; padding-bottom: calc(40px + 50px); }  /* 50px abaixo do 2 */
}

/* aba card arquivo*/

.card-1,
.card-2,
.card-3 {
  --aba-largura: 170px;   /* largura da aba */
  --aba-altura: 34px;     /* quanto a aba sobe acima do card */
  --aba-recuo: -1px;      /* distância da lateral esquerda (igual ao raio do card) */
  --aba-fundo: #101210;   /* mesma cor do topo do fundo do card */
  --aba-borda: #262a26;   /* mesma cor da borda do card */
}

.card-1::before,
.card-2::before,
.card-3::before {
  content: "";
  position: absolute;
  left: var(--aba-recuo);
  top: calc(0px - var(--aba-altura));        /* sobe a partir da borda do card */
  width: var(--aba-largura);
  height: calc(var(--aba-altura) + 1px);      /* +2px cobre a borda de cima do card */
  background: var(--aba-fundo);
  border: 1.6px solid var(--aba-borda);
  border-bottom: none;                        /* a aba "emenda" com o card */
  border-radius: 10px 10px 0 0;
  pointer-events: none;
}

/* a borda da aba acompanha o hover do card */
.card-1:hover::before,
.card-2:hover::before,
.card-3:hover::before {
  border-color: rgba(0, 255, 26, 0.6);
}
  

/* Animação Luzes de Fundo */
.luzes-fundo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Conteúdo fica acima das luzes */
.luzes-fundo > * {
  position: relative;
  z-index: 1;
}

/* Camada das luzes */
.luzes-fundo::before,
.luzes-fundo::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 260px;
  border-radius: 50%;
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.1;
  will-change: transform;
}

/* Primeira luz */
.luzes-fundo::before {
  background: #00ff1a;
  top: 8%;
  left: -100px;
  animation: luz-flutua-1 8s ease-in-out infinite alternate;
}

/* Segunda luz */
.luzes-fundo::after {
  background: #00ff1a;
  right: -100px;
  bottom: 8%;
  opacity: 0.1;
  animation: luz-flutua-2 4s ease-in-out infinite alternate;
}

@keyframes luz-flutua-1 {
  0% {
    transform: translate(0, 0) scale(0.9);
  }
  50% {
    transform: translate(180px, 100px) scale(1.15);
  }
  100% {
    transform: translate(80px, 220px) scale(1);
  }
}

@keyframes luz-flutua-2 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-150px, -100px) scale(1.15);
  }
  100% {
    transform: translate(-220px, -180px) scale(0.9);
  }
}

/* Respeita quem prefere movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .luzes-fundo::before,
  .luzes-fundo::after {
    animation: none;
  }
}

/* FIM DA ANIMAÇÃO LUZES DE FUNDO*/


/*Mouse Cursor Verde*/

/* Cursor personalizado da JK Filmes */
body,
body a,
body button,
body input,
body textarea,
body select,
body [role="button"] {
  cursor: url("https://jkfilms.com.br/wp-content/uploads/2026/10/Mouse-cursor-Verde-JK.png") 0 0, auto;
}/* End custom CSS */