.elementor-21088 .elementor-element.elementor-element-4b4ebce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21088 .elementor-element.elementor-element-4b4ebce:not(.elementor-motion-effects-element-type-background), .elementor-21088 .elementor-element.elementor-element-4b4ebce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-85191f9 *//* 1) Seção Hero deve ter a classe "hero" aplicada */
.hero {
  position: relative;
  overflow: hidden;
  /* garante altura para o overlay aparecer: ajuste se quiser outra medida */
  min-height: 100vh;
}

/* 2) Overlay de linhas restrito à Hero */
.hero .container-linhas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 1;

  /* máscara radial para esmaecer bordas */
  mask: radial-gradient(circle at center, #000 60%, transparent 100%) no-repeat center/cover;
  -webkit-mask: radial-gradient(circle at center, #000 60%, transparent 100%) no-repeat center/cover;
}

/* 3) Wrappers cobrindo todo o container da Hero */
.hero .linhas.vert,
.hero .linhas.horiz {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

/* 4) Linhas “desvanecidas” nas pontas */
.hero .linhas.vert .linha {
  position: absolute;
  width: 1px; height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(255,255,255,0.05) 5%,
    rgba(255,255,255,0.01) 60%,
    transparent 100%
  );
}
.hero .linhas.horiz .linha {
  position: absolute;
  height: 1px; width: 100%;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255,255,255,0.02) 5%,
    rgba(255,255,255,0.02) 60%,
    transparent 100%
  );
}

/* 5) Espaçamento uniforme (10 linhas em 11 partes) */
.hero .linhas.vert .linha:nth-child(1)  { left: calc(1  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(2)  { left: calc(2  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(3)  { left: calc(3  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(4)  { left: calc(4  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(5)  { left: calc(5  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(6)  { left: calc(6  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(7)  { left: calc(7  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(8)  { left: calc(8  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(9)  { left: calc(9  * (100%/11) - 0.5px); }
.hero .linhas.vert .linha:nth-child(10) { left: calc(10 * (100%/11) - 0.5px); }

.hero .linhas.horiz .linha:nth-child(1)  { top: calc(1  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(2)  { top: calc(2  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(3)  { top: calc(3  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(4)  { top: calc(4  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(5)  { top: calc(5  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(6)  { top: calc(6  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(7)  { top: calc(7  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(8)  { top: calc(8  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(9)  { top: calc(9  * (100%/11) - 0.5px); }
.hero .linhas.horiz .linha:nth-child(10) { top: calc(10 * (100%/11) - 0.5px); }

/* 6) Brilho vertical suave */
.hero .linhas.vert .linha::after {
  content: '';
  position: absolute;
  top: -50%; left: 0;
  width: 100%; height: 15vh;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0)   0%,
    rgba(255,255,255,0.3) 40%,
    rgba(255,255,255,0.1) 60%,
    rgba(255,255,255,0)   100%
  );
  animation: descer infinite cubic-bezier(0.4,0.26,0,0.97);
}

/* 7) Brilho horizontal suave */
.hero .linhas.horiz .linha::after {
  content: '';
  position: absolute;
  top: 0; left: -50%;
  height: 100%; width: 15vw;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0)   0%,
    rgba(255,255,255,0.3) 40%,
    rgba(255,255,255,0.1) 60%,
    rgba(255,255,255,0)   100%
  );
  animation: descer-horizontal infinite cubic-bezier(0.4,0.26,0,0.97);
}

/* 8) Durações e delays “aleatórios” */
.hero .linhas.vert .linha:nth-child(1)::after  { animation-duration: 6.1s; animation-delay: 0.5s;  }
.hero .linhas.vert .linha:nth-child(2)::after  { animation-duration: 7.3s; animation-delay: 1.2s;  }
.hero .linhas.vert .linha:nth-child(3)::after  { animation-duration: 5.8s; animation-delay: 0.8s;  }
.hero .linhas.vert .linha:nth-child(4)::after  { animation-duration: 8.2s; animation-delay: 1.5s;  }
.hero .linhas.vert .linha:nth-child(5)::after  { animation-duration: 6.7s; animation-delay: 0.3s;  }
.hero .linhas.vert .linha:nth-child(6)::after  { animation-duration: 7.1s; animation-delay: 1.0s;  }
.hero .linhas.vert .linha:nth-child(7)::after  { animation-duration: 5.9s; animation-delay: 0.6s;  }
.hero .linhas.vert .linha:nth-child(8)::after  { animation-duration: 8.5s; animation-delay: 1.4s;  }
.hero .linhas.vert .linha:nth-child(9)::after  { animation-duration: 6.3s; animation-delay: 0.9s;  }
.hero .linhas.vert .linha:nth-child(10)::after { animation-duration: 7.6s; animation-delay: 1.7s;  }

.hero .linhas.horiz .linha:nth-child(1)::after  { animation-duration: 6.5s; animation-delay: 1.1s; }
.hero .linhas.horiz .linha:nth-child(2)::after  { animation-duration: 7.0s; animation-delay: 0.4s; }
.hero .linhas.horiz .linha:nth-child(3)::after  { animation-duration: 5.7s; animation-delay: 1.6s; }
.hero .linhas.horiz .linha:nth-child(4)::after  { animation-duration: 8.1s; animation-delay: 0.7s; }
.hero .linhas.horiz .linha:nth-child(5)::after  { animation-duration: 6.9s; animation-delay: 1.3s; }
.hero .linhas.horiz .linha:nth-child(6)::after  { animation-duration: 7.4s; animation-delay: 0.2s; }
.hero .linhas.horiz .linha:nth-child(7)::after  { animation-duration: 5.5s; animation-delay: 1.8s; }
.hero .linhas.horiz .linha:nth-child(8)::after  { animation-duration: 8.3s; animation-delay: 0.6s; }
.hero .linhas.horiz .linha:nth-child(9)::after  { animation-duration: 6.2s; animation-delay: 1.0s; }
.hero .linhas.horiz .linha:nth-child(10)::after { animation-duration: 7.8s; animation-delay: 1.4s; }

/* 9) Keyframes do brilho */
@keyframes descer {
  0%   { top: -50%; }
  100% { top: 110%; }
}
@keyframes descer-horizontal {
  0%   { left: -50%; }
  100% { left: 110%; }
}/* End custom CSS */