.elementor-9 .elementor-element.elementor-element-2728da3{--display:flex;--min-height:713px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-9 .elementor-element.elementor-element-2728da3:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2728da3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://botmaster.tupanara.com/wp-content/uploads/2026/06/ChatGPT-Image-2-de-jun.-de-2026-11_04_05.png");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-3f4bad5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-3f4bad5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-724debb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:52px;font-weight:700;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-862bec5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-3f4bad5{--width:63.08%;}}/* Start custom CSS for heading, class: .elementor-element-724debb */:root {
  --fundo-acento: rgba(124, 58, 237, 0.18);
  --padding-x: 12px;
  --padding-y: 3px;
  --largura-borda: 1px;

  --cor-acento: #7C3AED;

  --degrade-texto: linear-gradient(
    90deg,
    #7C3AED 0%,
    #A855F7 100%
  );

  --diametro-pontos: 8px;
  --cor-pontos: #6D28D9;
}

.highlight-box {
  background: var(--fundo-acento);
  padding: var(--padding-y) var(--padding-x);
  position: relative;
  border-left: var(--largura-borda) solid var(--cor-acento);
  border-right: var(--largura-borda) solid var(--cor-acento);
  display: inline-block;
  border-radius: 4px;
}

.gradient-text {
  background: var(--degrade-texto);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-weight: 600;
}

.highlight-box::before,
.highlight-box::after {
  content: '';
  position: absolute;
  width: var(--diametro-pontos);
  height: var(--diametro-pontos);
  border-radius: 50%;
  background-color: var(--cor-pontos);
  pointer-events: none;
}

.highlight-box::before {
  top: -4px;
  left: -4px;
}

.highlight-box::after {
  bottom: -4px;
  right: -4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2728da3 */.back{
  position: relative;
  background-color: #000;
  z-index: 0;
  overflow: hidden;
}

.back::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1px, transparent 1px);
  background-size: 80px 80px;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: plus-lighter;

  /* Degradê de opacidade de cima pra baixo */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

@media(max-width:900px){
    .back{
  position: relative;
  background-color: #000;
  z-index: 0;
  overflow: hidden;
}

.back::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: plus-lighter;

  /* Degradê de opacidade de cima pra baixo */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}
}

/* A partir daqui é um efeito de luz, caso queira apenas a 
textura, pode apagar daqui pra baixo */

.elementor-9 .elementor-element.elementor-element-2728da3::after {
  content: '';
  opacity: 0.3;
  position: absolute;
  width: 1200px;
  height: 600px;
  border-radius: 3370px;
  background: white;
  z-index: 1;
  pointer-events: none;
  top: -500px;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(200px);
}
  
@media(max-width:768px){
    .elementor-9 .elementor-element.elementor-element-2728da3::after {
  content: '';
  opacity: 0.3;
  position: absolute;
  width: 600px;
  height: 700px;
  border-radius: 3370px;
  background: white;
  z-index: 1;
  pointer-events: none;
  top: -500px;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(200px);
}
}/* End custom CSS */
/* Start custom CSS *//* Reset Global */
body.elementor-page-9{
margin: 0;
padding: 0;
box-sizing: border-box;
}


body {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #171717;
  color: #ffffff;
  line-height: 1.6;
  font-family: sans-serif;
  
  overflow-x: hidden; /* impede scroll horizontal */
  overflow-y: auto;   /* permite scroll vertical */


}


.container-linhas {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}


.linhas {
  position: absolute;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.09);
}

.linhas:nth-child(1) {
  left: calc(5% - 0.5px);
}
.linhas:nth-child(2) {
  left: calc(95% - 0.5px);
}


.linhas::after {
  content: '';
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0.5) 100%);
  animation: descer 7s infinite cubic-bezier(0.4, 0.26, 0, 0.97);
}


.linhas:nth-child(1)::after {
  animation-delay: 2s;
}
.linhas:nth-child(2)::after {
  animation-delay: 2.5s;
}


@keyframes descer {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@media(max-width:900px){
    .linhas:nth-child(1) {
  left: calc(3% - 0.5px);
}
.linhas:nth-child(2) {
  left: calc(95% - 0.5px);
}
}/* End custom CSS */