.elementor-kit-647{--e-global-color-primary:#0B2E53;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#5FC600;--e-global-color-906b0dd:#06101D;--e-global-color-a256d54:#F8F8F8;--e-global-color-725bc07:#0F64C8;--e-global-color-8846046:#32D6FF;--e-global-color-474d5e2:#5FC600;--e-global-color-c0663a6:#6A7282;--e-global-color-0459e8d:#D2D2D2;--e-global-color-ed73455:#E6E6E6;--e-global-color-708129d:#0B2E53;--e-global-color-ed2c523:#F8FDFF;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:500;}.elementor-kit-647 e-page-transition{background-color:#FFBC7D;}.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);}.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 */.radar {
  animation: girar-radar 30s linear infinite;
}

@keyframes girar-radar {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.caixa-vidro {
  border-radius: 24px;
  background: radial-gradient(58.69% 43.16% at 50% 87.61%, rgba(11, 39, 68, 0.59) 0%, rgba(6, 16, 29, 0.59) 100%);
  box-shadow: 0px 0px 4.4px 0px rgba(56, 216, 255, 0.25) inset;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(56, 216, 255, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.caixa-vidro:hover {
  transform: translateY(-4px);
  border-color: rgba(56, 216, 255, 0.5);
  box-shadow: 
    0px 0px 4.4px 0px rgba(56, 216, 255, 0.25) inset,
    0px 8px 32px rgba(32, 151, 240, 0.2);
}

.tituloverde {
  color: #5fc600;
}

span.tituloazul {
  color: #2097F0;
}

span.tituloroxo {
  color: #7C3CFF;
}

span.titulodegazul {
  font-weight: 600;
  background: linear-gradient(135deg, #0f64c8, #32d6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.fundo1 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(25,169,245,.26), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(71,201,255,.16), transparent 26%),
    linear-gradient(145deg, #061326 0%, #0b3158 48%, #0b3158 100%);
}
.fundo1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(46,226,254,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,226,254,.10) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, black 0%, transparent 92%);
}
.fundo1 > * {
  position: relative;
  z-index: 1;
}

.pilula-vidro {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(20, 40, 70, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff;
  font-weight: 500;
}

.pilula-vidro::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5fc600;
  box-shadow: 0 0 6px 1px rgba(95, 198, 0, 0.6);
  flex-shrink: 0;
}
.fundo2{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 60% -25%,
            rgba(25,169,245,.38),
            rgba(25,169,245,.14) 38%,
            transparent 88%
        ),
        radial-gradient(
            circle at 85% 20%,
            rgba(71,201,255,.14),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #061326 0%,
            #081d36 48%,
            #06101d 100%
        );
}

.fundo3{
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% -25%,
            rgba(192,38,255,.38),
            rgba(155,44,255,.18) 28%,
            transparent 60%
        ),

        radial-gradient(
            circle at 85% 18%,
            rgba(32,151,240,.12),
            transparent 34%
        ),

        radial-gradient(
            circle at 15% 80%,
            rgba(95,198,0,.08),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            #050817 0%,
            #12002f 52%,
            #061225 100%
        );
}

.botao-azul .elementor-button {
  background: linear-gradient(135deg, #0f64c8, #32d6ff);
  color: #fff;
  border: none;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 18px 45px rgba(47,124,255,.35);
  transition: all .25s ease;
}

.botao-azul .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 55px rgba(47,124,255,.50);
  opacity: .92;
}

.pilula-vidro-claro {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(32, 151, 240, 0.08);
  border: 1px solid rgba(32, 151, 240, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #06101d;
  font-weight: 500;
}

.pilula-vidro-claro::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5fc600;
  box-shadow: 0 0 6px 1px rgba(95, 198, 0, 0.6);
  flex-shrink: 0;
}

.hover-scale {
  transition: transform 0.25s ease;
  display: inline-block;
}

.hover-scale:hover {
  transform: scale(1.05);
}

/* Classe base para os dois cards (aplique em ambos) */
.card-interativo {
    /* Fundo quase invisível por padrão, apenas para dar textura */
    background: rgba(255, 255, 255, 0.02) !important; 
    
    /* Borda extremamente fina e discreta */
    border: 1px solid rgba(255, 255, 255, 0.08) !important; 
    border-radius: 20px !important; 
    
    /* Transição mais lenta e sofisticada (ease) */
    transition: transform 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease !important;
}

/* Efeito de destaque ultra-sutil */
.card-interativo:hover {
    /* Deslocamento quase imperceptível (apenas 4px) e escala mínima (1.01) */
    transform: translateY(-4px) scale(1.01) !important; 
    
    /* Um leve véu branco opaco que clareia o fundo original sem pesar */
    background: rgba(255, 255, 255, 0.06) !important; 
    
    /* A borda acende de forma delicada */
    border-color: rgba(255, 255, 255, 0.25) !important; 
    
    /* Uma sombra de profundidade muito suave, sem aspecto borrado ou escuro */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15) !important; 
}

/* Aplica o brilho APENAS na caixa do ícone que você arredondou no painel */
.neon-sutil .elementor-icon {
    box-shadow: 0px 0px 20px rgba(0, 163, 255, 0.3) !important;
}

/* Evita que o Elementor corte o brilho nas bordas */
.neon-sutil {
    overflow: visible !important;
}/* End custom CSS */