.elementor-1138 .elementor-element.elementor-element-5d0a951{--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;--padding-top:200px;--padding-bottom:200px;--padding-left:00px;--padding-right:00px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1138 .elementor-element.elementor-element-8aea503{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;text-align:start;}.elementor-1138 .elementor-element.elementor-element-8aea503 img{width:97%;height:95px;}.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-1138 .elementor-element.elementor-element-3a067a4{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:start;}.elementor-1138 .elementor-element.elementor-element-3a067a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-3a067a4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-d737df6{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:start;}.elementor-1138 .elementor-element.elementor-element-d737df6 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-d737df6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-d737df6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:21px;font-weight:200;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-48021a4{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1138 .elementor-element.elementor-element-7969ee0{--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;}.elementor-1138 .elementor-element.elementor-element-fa4cde5 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-1138 .elementor-element.elementor-element-fa4cde5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1138 .elementor-element.elementor-element-5342ac8{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-caec34d{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-22f6021{--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;}.elementor-1138 .elementor-element.elementor-element-b85b089 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-072482c{--spacer-size:21px;}.elementor-1138 .elementor-element.elementor-element-3701249 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-39124e9{--spacer-size:21px;}.elementor-1138 .elementor-element.elementor-element-876ff33 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-c5ca86c{--display:flex;--min-height:0px;--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;}.elementor-1138 .elementor-element.elementor-element-09f15ae > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-1138 .elementor-element.elementor-element-09f15ae{text-align:center;}.elementor-1138 .elementor-element.elementor-element-09f15ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-545ae64 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-1138 .elementor-element.elementor-element-545ae64{text-align:center;}.elementor-1138 .elementor-element.elementor-element-545ae64 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-edbb2a2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-edbb2a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-439c0cc{--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;}.elementor-1138 .elementor-element.elementor-element-d9938f9.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-d9938f9{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#EEEEEE;}.elementor-1138 .elementor-element.elementor-element-38abe20.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-38abe20{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#9400E2;}.elementor-1138 .elementor-element.elementor-element-b48f2e6{--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;}.elementor-1138 .elementor-element.elementor-element-14e67cd.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-14e67cd{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#EEEEEE;}.elementor-1138 .elementor-element.elementor-element-f2a0a62.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-f2a0a62{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#9400E2;}.elementor-1138 .elementor-element.elementor-element-e5680ca{--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;}.elementor-1138 .elementor-element.elementor-element-522c953.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-522c953{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#EEEEEE;}.elementor-1138 .elementor-element.elementor-element-b5fc083.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-b5fc083{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#9400E2;}.elementor-1138 .elementor-element.elementor-element-c9da346{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1138 .elementor-element.elementor-element-39969d3{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:8px;font-weight:400;color:#8B47EB;}.elementor-1138 .elementor-element.elementor-element-39969d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-39969d3.elementor-element{--align-self:center;}.elementor-1138 .elementor-element.elementor-element-8f64182 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-1138 .elementor-element.elementor-element-8f64182{text-align:center;}.elementor-1138 .elementor-element.elementor-element-8f64182 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-2b985b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1138 .elementor-element.elementor-element-2b985b6:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-2b985b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1138 .elementor-element.elementor-element-0915fbb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-0915fbb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-fdcc429{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-fdcc429.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-57b0936{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1138 .elementor-element.elementor-element-aec4edf{--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;}.elementor-1138 .elementor-element.elementor-element-2e1be8f > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-2e1be8f{text-align:start;}.elementor-1138 .elementor-element.elementor-element-2e1be8f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-025f72c > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-025f72c{text-align:start;}.elementor-1138 .elementor-element.elementor-element-025f72c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;line-height:29px;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-baea233{--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;}.elementor-1138 .elementor-element.elementor-element-ba02cc5{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1138 .elementor-element.elementor-element-ba02cc5:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-ba02cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0000;}.elementor-1138 .elementor-element.elementor-element-89de7af{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-89de7af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-e7d09c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-e7d09c8{font-family:"Roboto", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-56dad2e{--display:flex;--min-height:0px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-c50a293{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-c50a293 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-1138:not(.elementor-motion-effects-element-type-background), body.elementor-page-1138 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-1138 .elementor-element.elementor-element-5d0a951{--width:100vw;}.elementor-1138 .elementor-element.elementor-element-7969ee0{--width:51%;}.elementor-1138 .elementor-element.elementor-element-22f6021{--width:42%;}.elementor-1138 .elementor-element.elementor-element-2b985b6{--width:100%;}.elementor-1138 .elementor-element.elementor-element-aec4edf{--width:50%;}.elementor-1138 .elementor-element.elementor-element-baea233{--width:50%;}.elementor-1138 .elementor-element.elementor-element-ba02cc5{--width:100%;}.elementor-1138 .elementor-element.elementor-element-56dad2e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-edbb2a2 */:root {
  --card-height: 30vw;
  --card-margin: vw;
  --card-top-offset: 1em;
}

body {
  background: #111;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  margin: 0;
  padding-bottom: 05vh;
}

header {
  height: 80vh;
  display: grid;
  place-items: center;
}

h1 {
  font-size: clamp(3rem, 10vw, 10rem);
  text-transform: uppercase;
  text-align: center;
  line-height: 0.8;
  margin: 0;

  /* Typography styles */
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.5);
  color: transparent;
  background: linear-gradient(to bottom, #fff 0%, transparent 100%);
  background-clip: text;
  -webkit-background-clip: text;

  /* Scroll animation */
  animation: fill-text linear both;
  animation-timeline: scroll();
  animation-range: 0 50vh;
}

@keyframes fill-text {
  to {
    -webkit-text-stroke: 0;
    color: #fff;
  }
}

#cards {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, var(--card-height));
  gap: var(--card-margin);
  padding-bottom: calc(4 * var(--card-margin));
  margin-bottom: var(--card-margin);
  max-width: 90vw;
  margin: 0 auto;
}

.card {
  position: sticky;
  top: 10vh;
  height: var(--card-height);
  padding-top: calc(var(--index) * var(--card-top-offset));
  perspective: 1000px; /* 3D context */
}

.card__content {
  box-sizing: border-box;
  padding: 50px;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: #8B47EB;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;

  /* Transform config */
  transform-origin: 50% 0%;
  will-change: transform, filter;
  transform-style: preserve-3d;

  /* Animate based on viewport visibility */
  animation: scale-card linear forwards;
  animation-timeline: view();
  animation-range: exit-crossing 0% exit-crossing 100%;
}

/* Card variants */
.card:nth-child(1) {
  --index: 1;
}
.card:nth-child(1) .card__content {
  background: #8B47EB;
  --shadow-color: rgba(255, 42, 109, 0.8);
}

.card:nth-child(2) {
  --index: 2;
}
.card:nth-child(2) .card__content {
  background: #170038;
  color: #FFFFFF;
  --shadow-color: rgba(5, 217, 232, 0.8);
}

.card:nth-child(3) {
  --index: 3;
}
.card:nth-child(3) .card__content {
  background: #8B47EB;
  color: #FFFFFF;
  --shadow-color: rgba(255, 230, 0, 0.8);
}

.card:nth-child(4) {
  --index: 4;
}
.card:nth-child(4) .card__content {
  background: #170038;
  color: #FFFFFF;
  --shadow-color: rgba(136, 68, 232, 53);
}

@keyframes scale-card {
  to {
    transform: scale(0.8) translateY(-10vh) rotateX(-20deg);
    filter: brightness(0.6);
    border-radius: 20px;
    /* Dynamic shadow */
    box-shadow: 0 50px 80px -10px var(--shadow-color);
  }
}

/* Content Styling */
h2 {
  font-size: 4rem;
  margin: 0;
}
p {
  font-size: 1.5rem;
  max-width: 600px;
  line-height: 1.4;
  opacity: 0.8;
}

.number {
  font-size: 10rem;
  position: absolute;
  right: 2rem;
  top: -2rem;
  opacity: 0.3;
  font-weight: bold;
}

/* Scroll Progress Circle (SVG) */
.progress-circle {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 80px;
  height: 80px;
  z-index: 100;
}

.progress-circle circle {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;

  /* Scroll-linked dashoffset */
  stroke-dasharray: 251; /* 2 * pi * r (r=40) approx 251 */
  stroke-dashoffset: 251;

  animation: progress-spin linear;
  animation-timeline: scroll();
}

@keyframes progress-spin {
  to {
    stroke-dashoffset: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89de7af *//* Importação da fonte Inter com peso 500 (Medium) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');

body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif; /* Fonte alterada */
  font-weight: 700; /* Peso Medium */
  background-color: #0d0d0d;
  
  /* Margem ajustada: 2% no topo/baixo e 10% nas laterais */
  margin: 2% 5%; 
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 10vh;
}

.text {
  font-size: 3vw; /* Corrigido de 03vw para 3vw */
  letter-spacing: -0.01em;
  line-height: 100%;
  margin: 0;

  width: 200%;
  color: rgba(182, 182, 182, 0.2);
  background: linear-gradient(to right, #b6b6b6, #b6b6b6) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.5s;

  border-bottom: 1px solid #2f2b28;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;

  animation-name: reveal;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-timeline: view();
  animation-range: entry 100% cover 50%;
}

@keyframes reveal {
  to {
    background-size: 100%;
  }
}

span {
  position: absolute;
  width: 100%;
  height: 100%;

  left: 0;
  background-color: #8B47EB;
  color: #FFFFFF;

  /* Efeito de abertura central */
  clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  transform-origin: center;
  transition: all cubic-bezier(0.1, 0.5, 0.5, 1) 0.4s;

  display: flex;
  align-items: center;
}

.text:hover > span {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

a {
  text-decoration: none;
  color: inherit;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba02cc5 *//* Fundo base absoluto (Vazio do espaço) */
.elementor-1138 .elementor-element.elementor-element-ba02cc5 {
  height: 100vh;
  background-color: #050508; /* Um preto quase absoluto, levemente azulado */
  overflow: hidden;
  position: relative;
}

.fundo-espacial {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0; pointer-events: none;
}

/* Garante que seus textos fiquem intocáveis na frente */
.elementor-1138 .elementor-element.elementor-element-ba02cc5 > *:not(.fundo-espacial) {
  position: relative; z-index: 1;
}

/* =========================================
   NÍVEL 4: NEBULOSA (Profundidade Máxima)
   ========================================= */
.nebula {
  position: absolute; width: 100%; height: 100%;
  /* Cria "nuvens" de gás usando gradientes radiais bem suaves do seu roxo #8B47EB */
  background-image: 
    radial-gradient(circle at 15% 50%, rgba(139, 71, 235, 0.15), transparent 40%), 
    radial-gradient(circle at 85% 20%, rgba(80, 30, 150, 0.1), transparent 50%),
    radial-gradient(circle at 50% 100%, rgba(139, 71, 235, 0.08), transparent 60%);
  filter: blur(30px);
}

/* =========================================
   NÍVEL 2 E 3: ESTRELAS EM MOVIMENTO (Parallax)
   ========================================= */
#stars {
  width: 1px; height: 1px; background: transparent;
  box-shadow: 12px 34px #fff, 45px 890px #fff, 120px 340px #fff, 230px 1800px #fff, 340px 100px #fff, 450px 1200px #fff, 560px 450px #fff, 670px 1900px #fff, 780px 200px #fff, 890px 1500px #fff, 900px 80px #fff, 1010px 1100px #fff, 1120px 600px #fff, 1230px 1700px #fff, 1340px 300px #fff, 1450px 1400px #fff, 1560px 700px #fff, 1670px 1950px #fff, 1780px 400px #fff, 1890px 1300px #fff, 1950px 900px #fff, 20px 1600px #fff, 150px 750px #fff, 280px 1980px #fff, 390px 50px #fff, 510px 1350px #fff, 620px 800px #fff, 730px 1650px #fff, 840px 250px #fff, 950px 1050px #fff, 1060px 1850px #fff, 1170px 450px #fff, 1280px 1250px #fff, 1390px 150px #fff, 1500px 950px #fff, 1610px 1750px #fff, 1720px 550px #fff, 1830px 1450px #fff, 1940px 850px #fff;
  animation: animStar 60s linear infinite;
}
#stars:after { content: " "; position: absolute; top: 2000px; width: 1px; height: 1px; background: transparent; box-shadow: inherit; }

#stars2 {
  width: 2px; height: 2px; background: transparent;
  box-shadow: 500px 300px #fff, 1200px 700px #fff, 200px 1400px #fff, 1600px 800px #fff, 800px 100px #fff, 1000px 1200px #fff, 1900px 400px #fff, 150px 1800px #fff, 350px 900px #fff, 750px 1600px #fff, 1150px 250px #fff, 1450px 1150px #fff, 1750px 1950px #fff;
  animation: animStar 120s linear infinite;
}
#stars2:after { content: " "; position: absolute; top: 2000px; width: 2px; height: 2px; background: transparent; box-shadow: inherit; }

#stars3 {
  width: 3px; height: 3px; background: transparent;
  box-shadow: 700px 900px #fff, 1400px 200px #fff, 300px 1800px #fff, 1700px 1500px #fff, 100px 400px #fff, 900px 1300px #fff, 1200px 1900px #fff;
  animation: animStar 180s linear infinite;
}
#stars3:after { content: " "; position: absolute; top: 2000px; width: 3px; height: 3px; background: transparent; box-shadow: inherit; }

/* =========================================
   NÍVEL 1.5: ESTRELAS CINTILANTES (Magia)
   ========================================= */
#stars-twinkle {
  width: 2px; height: 2px; background: transparent;
  box-shadow: 250px 450px #fff, 850px 150px #fff, 1350px 950px #fff, 1850px 1350px #fff, 550px 1750px #fff, 1100px 1600px #fff, 1600px 300px #fff;
  animation: twinkle 4s ease-in-out infinite alternate;
}

/* =========================================
   NÍVEL 1: ESTRELAS CADENTES
   ========================================= */
#shooting-stars {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  transform: rotateZ(45deg); 
}
#shooting-stars span {
  position: absolute; top: 50%; left: 50%;
  width: 3px; height: 3px;
  background: #fff; border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(139, 71, 235, 0.1), 0 0 15px rgba(255, 255, 255, 0.8);
  animation: shoot 4s linear infinite;
}
#shooting-stars span::before {
  content: ''; position: absolute; top: 50%; transform: translateY(-50%);
  width: 150px; height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}

/* Delay aleatório das cadentes */
#shooting-stars span:nth-child(1) { top: 10%; left: 300px; animation-delay: 0s; animation-duration: 4s; }
#shooting-stars span:nth-child(2) { top: 40%; left: 800px; animation-delay: 2s; animation-duration: 3.5s; }
#shooting-stars span:nth-child(3) { top: -10%; left: 100px; animation-delay: 4s; animation-duration: 5s; }
#shooting-stars span:nth-child(4) { top: 70%; left: 600px; animation-delay: 1.5s; animation-duration: 4.5s; }

/* =========================================
   MOTORES DE ANIMAÇÃO
   ========================================= */
@keyframes animStar {
  from { transform: translateY(0px); }
  to   { transform: translateY(-2000px); }
}

@keyframes twinkle {
  0% { opacity: 0.1; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1.2); box-shadow: 250px 450px #fff, 850px 150px #fff, 1350px 950px #fff, 1850px 1350px #fff, 550px 1750px #fff, 1100px 1600px #fff, 1600px 300px rgba(139, 71, 235, 1); }
}

@keyframes shoot {
  0% { transform: translateX(0); opacity: 1; }
  70% { opacity: 1; }
  100% { transform: translateX(-1500px); opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56dad2e *//* CSS Personalizado - Efeito de Luzes Roxas Isolado
   Para usar: Envolva o conteúdo em uma div com class="efeito-luzes-container"
*/

/* Reset apenas dentro do container do efeito */
.efeito-luzes-container * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* O fundo preto agora só se aplica a esta seção */
.efeito-luzes-container {
    background: #000;
    width: 100%;
    height: 500px; /* Ajuste a altura conforme sua necessidade */
    position: relative;
    overflow: hidden;
}

.efeito-luzes-container #lightings {
    bottom: -60px;
    position: absolute;
    width: 100%;
}

/* Seletores específicos para não afetar outras tags 'section' do site */
.efeito-luzes-container section {
    border-radius: 50%;
    height: 20px;
    width: 100%;
    position: relative;
    margin: auto;
}

/* --- Keyframes (Podem ficar globais, pois os nomes são únicos) --- */

@keyframes roxo-profundo { 
    from { box-shadow: 0 0 250px 20px #4B0082; } 
    to { box-shadow: 0 0 100px 15px #8A2BE2; } 
}

@keyframes roxo-vibrante { 
    from { box-shadow: 0 0 250px 20px #9400D3; } 
    to { box-shadow: 0 0 100px 15px #FF00FF; } 
}

@keyframes roxo-neon { 
    from { box-shadow: 0 0 250px 20px #BA55D3; } 
    to { box-shadow: 0 0 100px 15px #E6E6FA; } 
}

/* --- Aplicação das Animações --- */

.efeito-luzes-container #one {
    animation: roxo-profundo 5s ease-in-out infinite alternate;
}

.efeito-luzes-container #two {
    width: 90%;
    animation: roxo-vibrante 4s ease-in-out infinite alternate;
}

.efeito-luzes-container #three {
    width: 80%;
    animation: roxo-neon 3s ease-in-out infinite alternate;
}

.efeito-luzes-container #four {
    width: 70%;
    animation: roxo-profundo 2s ease-in-out infinite alternate;
}

.efeito-luzes-container #five {
    width: 60%;
    animation: roxo-neon 1s ease-in-out infinite alternate;
}/* End custom CSS */