.elementor-2850 .elementor-element.elementor-element-4f0c644a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2850 .elementor-element.elementor-element-9bc268e{padding:83px 0px 0px 0px;}.elementor-2850 .elementor-element.elementor-element-134ae289{color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-4f0c644a */.elementor-2850 .elementor-element.elementor-element-4f0c644a::before {
  content:"";
  position: absolute;
  top: 10%;
  left: inherit;
  right: calc(50% - 800px);
  width: 500px;
  height: 600px;
  background: #ebc38e;
  border-radius: 100%;
  filter: blur(300px);
  opacity: 0.2;
  mix-blend-mode: screen;
  animation: luz 5s infinite;
  pointer-events: none;
}

.elementor-2850 .elementor-element.elementor-element-4f0c644a::after {
  content:"";
  position: absolute;
  top: 30%;
  left: inherit;
  right: calc(50% - 400px);
  width: 10000px;
  height: 150px;
  background: #ebc38e;
  border-radius: 100%;
  filter: blur(150px);
  opacity: 0.3;
  mix-blend-mode: screen;
  animation: luz 5s 2s infinite;
  pointer-events: none;
}

@keyframes luz {
  0%, 100% { opacity: 0; }
  50% { opacity: 0.5; }
}

/* Ajustes para mobile */
@media (max-width: 768px) {
  .elementor-2850 .elementor-element.elementor-element-4f0c644a::before {
    top: 5%;                 /* sobe um pouco mais */
    right: 50%;              /* centraliza */
    width: 250px;            /* menor largura */
    height: 300px;           /* menor altura */
    filter: blur(150px);     /* menos blur pra não sumir */
    opacity: 0.3;            /* aumenta a intensidade */
  }

  .elementor-2850 .elementor-element.elementor-element-4f0c644a::after {
    top: 40%;
    right: 50%;
    width: 500px;            /* ajusta largura pro mobile */
    height: 200px;           
    filter: blur(100px);     
    opacity: 0.35;           /* mais visível */
  }
}/* End custom CSS */