.elementor-144 .elementor-element.elementor-element-b9670d8{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-144 .elementor-element.elementor-element-b9670d8:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-b9670d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-144 .elementor-element.elementor-element-995a9d3{--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;}.elementor-144 .elementor-element.elementor-element-995a9d3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-144 .elementor-element.elementor-element-ecd0c40{width:var( --container-widget-width, 21.218% );max-width:21.218%;--container-widget-width:21.218%;--container-widget-flex-grow:0;}.elementor-144 .elementor-element.elementor-element-ecd0c40.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-144 .elementor-element.elementor-element-ad6460e.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:1;}.elementor-144 .elementor-element.elementor-element-fc5b63b{--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;}.elementor-144 .elementor-element.elementor-element-fc5b63b.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-b9670d8{--content-width:939px;}.elementor-144 .elementor-element.elementor-element-995a9d3{--width:68.91%;}.elementor-144 .elementor-element.elementor-element-fc5b63b{--width:150.31%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-144 .elementor-element.elementor-element-ad6460e{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-ad6460e */.btn-primary {
  background: #003366;  /* azul */
  color: #FFF;                /* texto branco */
  padding: 5px 5px;
  text-decoration: none;
  border-radius: 5px;
  font-family: 'poppins'


}




.hero-nomikon h1 {
  font-family: '', sans-serif;
  font-weight: 700
}

h1{
    font-size: 20px
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf6c022 *//* ===== Variáveis (ajuste às suas cores) ===== */
:root {
  --header-bg: #0f172a;
  --header-ink: #e2e8f0;
  --header-ink-muted: #94a3b8;
  --brand: #4A90E2;     /* sua cor destaque */
  --focus: #22d3ee;
}

/* Layout básico do menu */
.site-nav { position: relative; }

.menu {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  display: none;                /* mobile: fechado por padrão */
  flex-direction: column;
  gap: 4px;
  background: var(--header-bg);
  border-top: 1px solid #0b1224;
}

.menu.open {
  display: flex;
}

/* Links */
.menu-link {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--header-ink);
}

.menu-link:hover,
.menu-link:focus-visible {
  background: #0b1224;
  color: #fff;
  outline: none;
}

.menu-link[aria-current="page"] {
  color: #fff;
  background: color-mix(in oklab, var(--brand) 25%, transparent);
}

/* Botão hambúrguer */
.menu-toggle {
  background: transparent;
  border: 0;
  color: var(--header-ink);
  width: 65px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  cursor: pointer;
  background-color: #1F3B73;
}

.menu-toggle :hover {
 
}

.menu-toggle:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

/* Dropdown */
.has-sub {
  position: relative;
}

.sub-toggle {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
}

.submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  padding: 8px;
  margin: 0;
  list-style: none;
  background: #fff; /* fundo branco */
  border: 1px solid #0b1224;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 999;
}

/* cor do texto dentro do submenu */
.submenu a {
  color: #000; /* preto para contraste com o branco */
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  border-radius: 8px;
}

/* efeito de hover moderno */
.submenu a:hover {
  background: #f0f0f0; /* cinza claro no hover */
  color: #1f3b73; /* cor azul do seu tema */
}

.has-sub.open > .submenu {
  display: block;
}

/* Desktop */
@media (min-width: 900px) {
  .menu-toggle {
    display: none;
  }

  .menu {
    display: flex !important;
    flex-direction: row;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .menu-link {
    padding: 10px 14px;
  }

  /* Hover abre dropdown no desktop */
  .has-sub:hover > .submenu {
    display: block;
  }
}

/* Transições e foco */
@media (prefers-reduced-motion: no-preference) {
  .menu-link,
  .submenu {
    transition: all 0.18s ease;
  }
}

/* ======= Botão do menu móvel (hambúrguer) ======= */

/* Fundo e alinhamento do botão */
.elementor-menu-toggle {
  background-color: #1F3B73 !important; /* azul escuro Nomikon */
  border-radius: 10px !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(31, 59, 115, 0.2);
  transition: all 0.3s ease;
}

/* Ícone (três linhas) dentro do botão */
.elementor-menu-toggle .elementor-menu-toggle__icon,
.elementor-menu-toggle i {
  color: #fff !important; /* deixa o ícone branco */
  font-size: 20px !important;
}

/* Quando o menu estiver aberto (ícone X) */
.elementor-menu-toggle.elementor-active {
  background-color: #1F3B73 !important; /* mantém azul escuro */
  transform: scale(1.05);
}

/* Centraliza o botão dentro do cabeçalho (caso esteja desalinhado) */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown {
    text-align: center !important;
  }

  /* Ajusta o botão no container */
  .elementor-menu-toggle {
    margin: 0 auto !important; /* centraliza horizontalmente */
  }
}

/* Opcional: leve efeito ao passar o mouse */
.elementor-menu-toggle:hover {
  background-color: #24468A !important; /* tom ligeiramente mais claro no hover */
}/* End custom CSS */