.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* BOTÃO ESTILO GLASS */
.glass-btn {
  position: relative;
  padding: 14px 34px;
  border-radius: 18px 6px 18px 6px; /* Bordas assimétricas */
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  overflow: hidden;
  text-decoration: none !important; /* Garante que não existe underline */
}

/* Remove underline de links dentro do botão */
.glass-btn a,
.glass-btn a:hover,
.glass-btn:hover {
  text-decoration: none !important;
  color: inherit !important; /* Mantém a cor original */
}

/* Efeito de brilho diagonal no fundo */
.glass-btn::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(ellipse at top left, rgba(255,255,255,0.15), transparent 60%);
  transform: rotate(25deg);
  opacity: 0.25;
  pointer-events: none;
}

/* Hover com leve subida e mais brilho */
.glass-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.25);
}

/* Ícone de seta suave com animação */
.glass-btn svg {
  transition: transform 0.3s ease;
}
.glass-btn:hover svg {
  transform: translateX(4px);
}


.seu-container {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* para compatibilidade com Safari */
}

/* Aplique essa classe na seção do Elementor ou no container desejado */
.section-fade {
  position: relative;
  overflow: hidden; /* garante que o degradê não vaze pra fora */
}


.section-fade::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%; /* altura do degradê (pode ajustar para 40%, 60%, etc.) */
  background: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%,     /* transparente no meio */
    rgba(0, 0, 0, 0.2) 40%,  /* sombra leve */
    rgba(0, 0, 0, 0.5) 70%,  /* mais visível */
    rgba(0, 0, 0, 0.8) 100%  /* escuro embaixo */
  );
  pointer-events: none; /* não atrapalha cliques */
}

/* Remove qualquer fundo do cabeçalho só na página 2172 */
.page-id-2172 header,
.page-id-2172 .elementor-location-header {
  background: transparent !important;
  box-shadow: none !important;
}

/* Se o tema aplicar fundo no container do menu */
.page-id-2172 .site-header,
.page-id-2172 .ast-primary-header-bar,
.page-id-2172 .main-header {
  background: transparent !important;
}


/* ========= 1) Efeito de blur geral no menu ao rolar (classe) ========= */
.menuscroll {
  transition: backdrop-filter 0.5s ease;
}

.menuscroll.elementor-sticky--effects {
  backdrop-filter: blur(20px);
}

/* ========= 2) Header específico com ID #header-bar ========= */
#header-bar .header-internal {
  border: 1px solid transparent;
}

#header-bar.elementor-sticky--effects .header-internal {
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(6px);
  margin-top: 20px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding-right: 30px;
  padding-left: 30px;
}

/* Texto do menu quando sticky */
#header-bar.elementor-sticky--effects .header-internal .sticky-menu-items ul li a {
  color: #fff !important;
}

/* Transições de suavidade */
#header-bar.elementor-sticky--effects .header-internal,
#header-bar .header-internal .sticky-menu-items ul li a,
#header-bar .elementor-sticky--effects .header-internal .header-logo,
#header-bar .header-internal {
  transition: .3s all ease-in-out;
}

/* ========= 3) Responsivo (mobile) ========= */
@media (max-width: 767px) {
  #header-bar.elementor-sticky--effects .header-internal {
    background: rgba(0, 0, 0, 0.4) !important;
  }

  .elementor-nav-menu--dropdown {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* Container alinhando ícone + texto */
.icon-line {
  display: flex;
  align-items: center;
  gap: 10px; /* espaço entre ícone e texto */
}


/* Classe para aplicar no container */
.glass-container {
  background: rgba(255, 255, 255, 0.05); /* Transparência do vidro */
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 0.15); /* Borda suave */
  border-radius: 20px; /* Ajuste o arredondamento conforme quiser */

  padding: 30px; /* Espaçamento interno - opcional */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Sombra suave */
  transition: all 0.3s ease;
}

/* Efeito hover (opcional) */
.glass-container:hover {
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}


/* Wrapper para isolar pintura e pular render quando estiver fora da tela */
.spline-wrap{
  position: relative;
  width: 100%;
  height: 900px;           /* ajuste se precisar */
  overflow: hidden;

  /* Pulos grandes de performance */
  content-visibility: auto;           /* pula pintura quando off-screen */
  contain: layout paint size style;    /* isola layout/pintura/tamanho */
  contain-intrinsic-size: 900px 2560px;/* evita layout shift quando off-screen */

  /* Força aceleração e separa camada */
  transform: translateZ(0);
  will-change: transform;
  isolation: isolate;
  backface-visibility: hidden;
}

/* Iframe ocupando o container, sem interações e com melhor composição */
.spline-wrap iframe{
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;      /* não bloqueia scroll/gestos */
  border: 0;

  /* ajuda a GPU a manter em uma layer separada */
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}/* End custom CSS */