.elementor-226 .elementor-element.elementor-element-36e3533{--display:flex;}.elementor-226 .elementor-element.elementor-element-ca6c3ee{--spacer-size:114px;}.elementor-226 .elementor-element.elementor-element-11b5350{--display:flex;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-226 .elementor-element.elementor-element-4a1078c img{max-width:31%;}.elementor-226 .elementor-element.elementor-element-87291fb{--display:flex;}.elementor-226 .elementor-element.elementor-element-3f188e0 > .elementor-widget-container{margin:-94px 0px 0px 0px;}body.elementor-page-226:not(.elementor-motion-effects-element-type-background), body.elementor-page-226 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://formanexus.com.br/wp-content/uploads/2025/07/background_otimizado.webp");}:root{--page-title-display:none;}@media(max-width:767px){.elementor-226 .elementor-element.elementor-element-ca6c3ee{--spacer-size:94px;}.elementor-226 .elementor-element.elementor-element-4a1078c img{max-width:61%;}.elementor-226 .elementor-element.elementor-element-3f188e0{width:var( --container-widget-width, 358px );max-width:358px;--container-widget-width:358px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-3f188e0 *//* Container geral */
.constelacao-formacao {
  padding: 80px 20px;
  background: url('/caminho/para/fundo-espaco.jpg') center/cover no-repeat;
  text-align: center;
}

/* Box interno */
.cf-content {
  max-width: 600px;
  margin: 0 auto;
}

/* Título */
.cf-title {
  font-family: 'Marcellus', serif;
  font-size: 30px;
  font-weight: normal;
  color: #f9f6ed;
  margin-bottom: 16px;
  line-height: 1.4;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.2),
               0 0 12px rgba(255, 255, 255, 0.15);
}

}

/* Texto secundário */
.cf-texto {
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  margin-bottom: 24px;
  line-height: 1.5;
}

.cf-link {
  color: #f9f6ed;
  text-decoration: underline;
}

/* Botão “Quero brilhar aqui” */
.cf-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid #f9f6ed;
  color: #f9f6ed;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.cf-btn:hover {
  background-color: #f9f6ed;
  color: #0a0a0a;
  transform: scale(1.05);
}

/* Bloco de estrelas animadas */
.cf-asteroides {
  position: relative;
  height: 40px;
  margin-bottom: 32px;
}

.cf-star {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f9f6ed;
  border-radius: 50%;
  opacity: 0;
  animation: twinkle 3s infinite ease-in-out;
}

/* Posicionamentos aleatórios */
.cf-star:nth-child(1) { top: 10%; left: 20%;  animation-delay: 0s; }
.cf-star:nth-child(2) { top: 30%; left: 50%;  animation-delay: 0.7s; }
.cf-star:nth-child(3) { top: 50%; left: 80%;  animation-delay: 1.3s; }
.cf-star:nth-child(4) { top: 70%; left: 35%;  animation-delay: 2s;   }
.cf-star:nth-child(5) { top: 40%; left: 65%;  animation-delay: 2.6s; }

/* Keyframes do piscar */
@keyframes twinkle {
  0%, 20%, 100% { opacity: 0; transform: scale(0.6); }
  10%, 60%      { opacity: 1; transform: scale(1.2); }
}
@keyframes glowPulse {
  0%, 100% {
    text-shadow: 0 0 6px rgba(255,255,255,0.15),
                 0 0 12px rgba(255,255,255,0.1);
  }
  50% {
    text-shadow: 0 0 12px rgba(255,255,255,0.25),
                 0 0 20px rgba(255,255,255,0.2);
  }
}

.cf-title {
  animation: glowPulse 4s ease-in-out infinite;
}
@media (max-width: 640px) {
  .cf-title {
    font-size: 22px;
    line-height: 1.4;
  }

  .cf-texto {
    font-size: 14px;
  }

  .cf-btn {
    font-size: 13px;
    padding: 10px 20px;
  }
}
.cf-texto {
  font-size: 16px;
  color: #cdbdfc;
  margin-bottom: 24px;
  line-height: 1.5;
}

.cf-link {
  color: #f9f6ed;
  font-style: italic;
  text-decoration: underline;
}/* End custom CSS */