.elementor-452 .elementor-element.elementor-element-b7aee07{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--overlay-opacity:0.5;border-style:none;--border-style:none;}.elementor-452 .elementor-element.elementor-element-b7aee07::before, .elementor-452 .elementor-element.elementor-element-b7aee07 > .elementor-background-video-container::before, .elementor-452 .elementor-element.elementor-element-b7aee07 > .e-con-inner > .elementor-background-video-container::before, .elementor-452 .elementor-element.elementor-element-b7aee07 > .elementor-background-slideshow::before, .elementor-452 .elementor-element.elementor-element-b7aee07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-452 .elementor-element.elementor-element-b7aee07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-452 .elementor-element.elementor-element-8622643{--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;--justify-content:space-between;--flex-wrap:wrap;}.elementor-452 .elementor-element.elementor-element-8622643.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-452 .elementor-element.elementor-element-a754492{width:100%;max-width:100%;text-align:center;}.elementor-452 .elementor-element.elementor-element-a754492 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:55px;font-weight:600;color:var( --e-global-color-text );}.elementor-452 .elementor-element.elementor-element-23b069b{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;border-radius:24px 24px 24px 24px;}.elementor-452 .elementor-element.elementor-element-23b069b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-452 .elementor-element.elementor-element-23b069b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-452 .elementor-element.elementor-element-3b9a695{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;border-radius:24px 24px 24px 24px;}.elementor-452 .elementor-element.elementor-element-3b9a695.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-452 .elementor-element.elementor-element-3b9a695 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-452 .elementor-element.elementor-element-9ed2d44{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;border-radius:24px 24px 24px 24px;}.elementor-452 .elementor-element.elementor-element-9ed2d44.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-452 .elementor-element.elementor-element-9ed2d44 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-452 .elementor-element.elementor-element-5142106{width:100%;max-width:100%;}@media(min-width:768px){.elementor-452 .elementor-element.elementor-element-8622643{--width:100%;}}@media(max-width:767px){.elementor-452 .elementor-element.elementor-element-b7aee07{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-a754492 .elementor-heading-title{font-size:45px;}.elementor-452 .elementor-element.elementor-element-23b069b{width:var( --container-widget-width, 327.594px );max-width:327.594px;--container-widget-width:327.594px;--container-widget-flex-grow:0;}.elementor-452 .elementor-element.elementor-element-3b9a695{width:var( --container-widget-width, 327.594px );max-width:327.594px;--container-widget-width:327.594px;--container-widget-flex-grow:0;}.elementor-452 .elementor-element.elementor-element-9ed2d44{width:var( --container-widget-width, 327.594px );max-width:327.594px;--container-widget-width:327.594px;--container-widget-flex-grow:0;}}/* Start custom CSS for heading, class: .elementor-element-a754492 */.destaque {
    display: inline-block;
    font-weight: 700;

    /* Fallback para navegadores sem suporte ao background-clip */
    color: #E6E9F0;

    background-image: linear-gradient(
        45deg,
        #005BFF,
        #00E0FF,
        #4F6BFF,
        #005BFF
    );
    background-size: 400% 100%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

    animation: brilho-orbital 3.4s linear infinite;
    will-change: background-position;
    transition: background-position 0.8s ease;
}

@keyframes brilho-orbital {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

/* Acessibilidade: reduz animação para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    .destaque {
        animation: none;
        background-position: 50% 0;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5142106 *//* ============================
   VARIÁVEIS DA MARCA SPUTNIK
   ============================ */
:root {
  /* fundo interno do botão (cápsula) */
  --shiny-cta-bg: #021225 !important;
  /* borda escura / contorno interno */
  --shiny-cta-bg-subtle: #041936 !important;
  /* cor do texto */
  --shiny-cta-fg: #e6f0ff !important;
  /* luz principal – neon azul/ciano */
  --shiny-cta-highlight: #00e0ff !important;
  /* luz secundária / brilho mais suave */
  --shiny-cta-highlight-subtle: #4f6bff !important;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

/* ============================
   ESTILO DO BOTÃO – MOBILE
   ============================ */
@media only screen and (max-width: 600px) {
  .elementor-button {
    --animation: gradient-angle linear infinite !important;
    --duration: 3s !important; /* tempo em que o círculo brilhante completa a volta */
    --shadow-size: 2px !important;

    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    outline-offset: 4px !important;

    padding: 1.1rem 1.6rem !important;
    font-family: "Rajdhani", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: var(--shiny-cta-fg) !important;

    background:
      linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
      conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      ) border-box !important;

    box-shadow:
      inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important,
      0 0 35px rgba(0, 224, 255, 0.55) !important;

    transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
    transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
  }
}

/* ============================
   ESTILO DO BOTÃO – DESKTOP
   ============================ */
@media only screen and (min-width: 600px) {
  .elementor-button {
    --animation: gradient-angle linear infinite !important;
    --duration: 3s !important;
    --shadow-size: 2px !important;

    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    outline-offset: 4px !important;

    padding: 1.25rem 2.6rem !important;
    font-family: "Rajdhani", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: var(--shiny-cta-fg) !important;

    background:
      linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
      conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      ) border-box !important;

    box-shadow:
      inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important,
      0 0 40px rgba(0, 224, 255, 0.6) !important;

    transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
    transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
  }
}

/* ============================
   CAMADAS EXTRA / BRILHO
   ============================ */
.elementor-button::before,
.elementor-button::after,
.elementor-button span::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
}

/* textura de pontos de luz ao redor da borda */
.elementor-button::before {
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;

  width: var(--size) !important;
  height: var(--size) !important;

  background: radial-gradient(
      circle at var(--position) var(--position),
      rgba(255, 255, 255, 0.9) calc(var(--position) / 4),
      transparent 0
    ) padding-box !important;

  background-size: var(--space) var(--space) !important;
  background-repeat: space !important;

  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  ) !important;

  border-radius: inherit !important;
  opacity: 0.38 !important;
}

/* faixa de brilho que gira por cima do botão */
.elementor-button::after {
  --animation: shimmer linear infinite !important;
  width: 100% !important;
  aspect-ratio: 1 !important;

  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  ) !important;

  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.7 !important;
}

.elementor-button span {
  z-index: 1 !important;
  position: relative !important;
}

/* brilho azul interno no hover */
.elementor-button span::before {
  size: calc(100% + 1rem) !important;
  width: 370px !important;
  height: 90px !important;
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important;
  opacity: 0 !important;
  transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ============================
   INTERAÇÕES / ANIMAÇÕES
   ============================ */
.elementor-button:hover,
.elementor-button:focus-visible {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
}

.elementor-button:hover span::before {
  opacity: 1 !important;
}

@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  to {
    transform: rotate(360deg) !important;
  }
}

@keyframes breathe {
  50% {
    transform: scale(1.2) !important;
  }
}

/* aplica as animações nos elementos do botão */
.elementor-button,
.elementor-button::before,
.elementor-button::after {
  animation: var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused !important;
  animation-composition: add !important;
}

.elementor-button:hover,
.elementor-button:hover::before,
.elementor-button:hover::after {
  animation-play-state: running !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7aee07 *//* SEÇÃO HERO – GALÁXIA SPUTNIK */
.galaxia-sputnik {
    position: relative;
    width: 100%;
    min-height: 100vh;

    /* Fundo galáctico + transição suave para o escuro */
    background:
        radial-gradient(circle at 30% 70%, rgba(0, 94, 255, 0.30), transparent 60%),
        radial-gradient(circle at 70% 30%, rgba(0, 224, 255, 0.24), transparent 55%),
        linear-gradient(
            to bottom,
            #031a33 0%,      /* topo mais claro */
            #042349 35%,
            #031a33 60%,
            #05070b 100%     /* mesma base da próxima sessão */
        );
    overflow: hidden;
}

/* Estrelas de fundo (camada distante) */
.galaxia-sputnik::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent url('https://www.transparenttextures.com/patterns/stardust.png') repeat;
    opacity: .22;
    animation: camada-fundo 160s linear infinite;
    pointer-events: none;
}

/* Estrelas pontuais brilhando (controle total via HTML) */
.galaxia-sputnik .estrela {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #E6E9F0;
    border-radius: 50%;
    box-shadow: 0 0 8px #00E0FF, 0 0 10px #005BFF;
    animation: brilhar 3s infinite ease-in-out alternate;
    opacity: .9;
}

/* Animação das estrelas pontuais */
@keyframes brilhar {
    0% { transform: scale(1); opacity: .6; }
    100% { transform: scale(1.6); opacity: 1; }
}

/* Movimento lento das estrelas de fundo */
@keyframes camada-fundo {
    from { transform: translate3d(0,0,0); }
    to   { transform: translate3d(-600px, -600px, 0); }
}/* End custom CSS */