.elementor-348 .elementor-element.elementor-element-33b5d80{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-348 .elementor-element.elementor-element-9e54f5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-348{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-348 .elementor-element.elementor-element-33b5d80{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(min-width:768px){.elementor-348 .elementor-element.elementor-element-33b5d80{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-33b5d80 *//* =========================================================
   BACKGROUND HERO — ELOFISCAL / ELEMENTOR NATIVO
   Aplicar no container principal com a classe .gc-g4-bg
   Não exige blocos HTML adicionais
========================================================= */

.gc-g4-bg {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;

  background:
    radial-gradient(
      90% 62% at 50% -10%,
      rgba(31, 99, 255, 0.24) 0%,
      rgba(19, 109, 255, 0.15) 32%,
      rgba(19, 109, 255, 0.04) 54%,
      transparent 72%
    ),
    radial-gradient(
      78% 58% at 0% 30%,
      rgba(84, 231, 255, 0.18) 0%,
      rgba(84, 231, 255, 0.09) 34%,
      transparent 70%
    ),
    radial-gradient(
      72% 54% at 100% 26%,
      rgba(138, 116, 255, 0.13) 0%,
      rgba(48, 141, 255, 0.08) 36%,
      transparent 72%
    ),
    linear-gradient(
      180deg,
      #020202 0%,
      #05070c 36%,
      #030509 68%,
      #000000 100%
    ) !important;
}

/* Aura superior azul/ciano */
.gc-g4-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      64% 42% at 50% 9%,
      rgba(156, 245, 255, 0.18) 0%,
      rgba(84, 231, 255, 0.10) 24%,
      rgba(19, 109, 255, 0.09) 46%,
      transparent 76%
    ),
    radial-gradient(
      52% 44% at 18% 34%,
      rgba(84, 231, 255, 0.20) 0%,
      rgba(84, 231, 255, 0.08) 38%,
      transparent 76%
    ),
    conic-gradient(
      from 220deg at 50% 38%,
      transparent 0deg,
      rgba(19, 109, 255, 0.08) 24deg,
      rgba(48, 141, 255, 0.18) 44deg,
      rgba(84, 231, 255, 0.32) 64deg,
      rgba(138, 116, 255, 0.16) 98deg,
      transparent 140deg,
      transparent 360deg
    );

  filter: blur(clamp(14px, 2.2vw, 28px));
  opacity: 0.88;
}

/* Esfera central escura, vinheta e grid sutil */
.gc-g4-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(
      38% 46% at 50% 40%,
      rgba(9, 22, 34, 0.14) 0%,
      rgba(3, 8, 14, 0.68) 50%,
      rgba(0, 0, 0, 0.94) 72%,
      transparent 73%
    ),
    radial-gradient(
      38% 46% at 50% 40%,
      transparent 0%,
      transparent 71%,
      rgba(84, 231, 255, 0.08) 72%,
      transparent 73%
    ),
    linear-gradient(
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.025) 0%,
      transparent 24%,
      transparent 72%,
      rgba(0, 0, 0, 0.42) 100%
    );

  background-size:
    auto,
    auto,
    clamp(54px, 6vw, 76px) clamp(54px, 6vw, 76px),
    clamp(54px, 6vw, 76px) clamp(54px, 6vw, 76px),
    auto;

  -webkit-mask-image:
    radial-gradient(
      circle at 50% 12%,
      #000 0%,
      rgba(0, 0, 0, 0.88) 42%,
      rgba(0, 0, 0, 0.42) 72%,
      transparent 100%
    );

  mask-image:
    radial-gradient(
      circle at 50% 12%,
      #000 0%,
      rgba(0, 0, 0, 0.88) 42%,
      rgba(0, 0, 0, 0.42) 72%,
      transparent 100%
    );

  opacity: 0.72;
}

/* Garante que logo, texto, heading e formulário fiquem acima do background */
.gc-g4-bg > .elementor-element,
.gc-g4-bg > .e-con,
.gc-g4-bg > .e-child,
.gc-g4-bg > div {
  position: relative;
  z-index: 2;
}

/* Evita que pseudo-elementos interfiram em clique nos campos do formulário */
.gc-g4-bg::before,
.gc-g4-bg::after {
  pointer-events: none !important;
}

/* Ajuste responsivo */
@media (max-width: 767px) {
  .gc-g4-bg {
    background:
      radial-gradient(
        115% 72% at 50% -8%,
        rgba(31, 99, 255, 0.22) 0%,
        rgba(19, 109, 255, 0.12) 34%,
        transparent 72%
      ),
      radial-gradient(
        95% 64% at -8% 30%,
        rgba(84, 231, 255, 0.15) 0%,
        rgba(84, 231, 255, 0.07) 36%,
        transparent 74%
      ),
      linear-gradient(
        180deg,
        #020202 0%,
        #05070c 44%,
        #000000 100%
      ) !important;
  }

  .gc-g4-bg::before {
    inset: -4%;
    opacity: 0.76;
    filter: blur(clamp(18px, 5vw, 34px));
  }

  .gc-g4-bg::after {
    background:
      radial-gradient(
        66% 44% at 50% 32%,
        rgba(9, 22, 34, 0.12) 0%,
        rgba(3, 8, 14, 0.62) 54%,
        rgba(0, 0, 0, 0.92) 74%,
        transparent 75%
      ),
      linear-gradient(
        rgba(255, 255, 255, 0.016) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.016) 1px,
        transparent 1px
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.020) 0%,
        transparent 28%,
        rgba(0, 0, 0, 0.40) 100%
      );

    background-size:
      auto,
      56px 56px,
      56px 56px,
      auto;
  }
}/* End custom CSS */