.elementor-kit-11{--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-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 h3{font-family:"Sora", Sans-serif;font-size:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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);}.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 *//* ========= Animação base ========= */
@keyframes velox-stars-move {
  0%   { background-position: 0   0, 0   0, 0   0; }
  100% { background-position: 0 -2000px, 0 -1000px, 0 -600px; }
}

/* Camadas de estrelas (radial-gradients) */
:root{
  --velox-stars-img-1:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.95) 99%, transparent 100%),
    radial-gradient(1px 1px at 40% 60%, rgba(255,255,255,.85) 99%, transparent 100%),
    radial-gradient(1px 1px at 80% 30%, rgba(255,255,255,.9)  99%, transparent 100%);
  --velox-stars-img-2:
    radial-gradient(1px 1px at 20% 80%, rgba(255,255,255,.8)  99%, transparent 100%),
    radial-gradient(1px 1px at 70% 70%, rgba(255,255,255,.9)  99%, transparent 100%);
  --velox-stars-img-3:
    radial-gradient(1px 1px at 30% 40%, rgba(255,255,255,.85) 99%, transparent 100%),
    radial-gradient(1px 1px at 60% 20%, rgba(255,255,255,.9)  99%, transparent 100%);
  --velox-stars-size: 692px 692px, 498px 398px, 354px 354px; /* densidade */
  --velox-stars-speed: 45s;     /* velocidade do scroll */
  --velox-stars-opacity: .89;   /* intensidade das estrelas */
}

/* ========= Overlay em QUALQUER container/section com classe .has-stars ========= */
/* Coloca as estrelas ACIMA da foto de fundo e ABAIXO do conteúdo */
.has-stars { position: relative; }

/* 1) via pseudo-elemento ::after (universal, funciona sempre) */
.has-stars::after{
  content:"";
  position:absolute; inset:0;
  z-index: 1;                 /* acima do background do container */
  pointer-events: none;       /* não bloqueia clique */
  background-image:
    var(--velox-stars-img-1),
    var(--velox-stars-img-2),
    var(--velox-stars-img-3);
  background-repeat: repeat, repeat, repeat;
  background-size: var(--velox-stars-size);
  background-position: 0 0, 0 0, 0 0;
  animation: velox-stars-move var(--velox-stars-speed) linear infinite;
  opacity: var(--velox-stars-opacity);
  /* Ajuda a misturar nas fotos (teste os modos abaixo) */
  mix-blend-mode: screen;  /* tente também 'lighten' se a foto for muito clara */
}

/* Garante que o conteúdo fique acima das estrelas */
.has-stars > * { position: relative; z-index: 2; }

/* 2) (opcional) usar a camada do Elementor se ela existir (fica entre bg e conteúdo) */
.elementor-section.has-stars > .elementor-background-overlay::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    var(--velox-stars-img-1),
    var(--velox-stars-img-2),
    var(--velox-stars-img-3);
  background-repeat: repeat, repeat, repeat;
  background-size: var(--velox-stars-size);
  background-position: 0 0, 0 0, 0 0;
  animation: velox-stars-move var(--velox-stars-speed) linear infinite;
  opacity: var(--velox-stars-opacity);
  mix-blend-mode: screen; /* ou 'lighten' */
}

/* Se sua seção NÃO tem .elementor-background-overlay habilitada, o bloco ::after acima já resolve. 
   Se tiver overlay ligado, você ganha as duas opções; mantenha só a que preferir. */

/* ===== Edição mais confortável no editor (opcional) ===== */
.elementor-editor-active .has-stars::after,
.elementor-editor-active .elementor-section.has-stars > .elementor-background-overlay::after{
  opacity:.25; /* ou use: display:none; */
}

/* ===== Ajustes finos (opcionais) ===== */
/* cintilação sutil */
@keyframes velox-stars-twinkle {
  0%,100% { filter: brightness(1); }
  50%     { filter: brightness(1.25); }
}
.has-stars::after,
.elementor-section.has-stars > .elementor-background-overlay::after{
  animation:
    velox-stars-move var(--velox-stars-speed) linear infinite,
    velox-stars-twinkle 4.5s ease-in-out infinite;
}

/* Se alguma seção tiver filtros/transform que criam stacking context,
   isso mantém a ordem segura para o conteúdo */
.has-stars { isolation: isolate; }

/* Seleção padrão */
::selection {
  background: #FF7F11; /* Cor de fundo da seleção */
  color: #ffffff; /* Cor do texto ao selecionar */
}

/* Compatibilidade com Firefox */
::-moz-selection {
  background: #FF7F11;
  color: #ffffff;
}

/* GRID GRID GRID */

html,
body{
width:100% !important;
overflow-x:hidden !important;
}

/* 🚀 Efeito limpo, suave e elegante – sem luz de fundo */
.scroll-blur-in, .scroll-blur-right, .scroll-blur-left {
  opacity: 0;
  transform: scale(0.96) translateY(60px);
  filter: blur(18px);
  transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
  will-change: transform, opacity, filter;
}

/* Ativo – aparece com fluidez, sem brilho */
.scroll-blur-in.ativo, .scroll-blur-right.ativo, .scroll-blur-left.ativo {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: blur(0);
}

/* ➡️ Da direita */
.scroll-blur-right {
  transform: scale(0.96) translateX(80px);
}
.scroll-blur-right.ativo {
  transform: scale(1) translateX(0);
}

/* ⬅️ Da esquerda */
.scroll-blur-left {
  transform: scale(0.96) translateX(-80px);
}
.scroll-blur-left.ativo {
  transform: scale(1) translateX(0);
}

/* Remove qualquer pseudo-elemento de fundo */
.scroll-blur-in::after,
.scroll-blur-right::after,
.scroll-blur-left::after {
  display: none !important;
  content: none !important;
}/* End custom CSS */