/* Pre-black: o site inteiro troca o azul-marinho por preto ate o Black November comecar.
   Nao mexe em nenhuma pagina: sobrescreve a cor global do Elementor e as cores do Customizer. */

/* Cor global "azul-escuro" do Elementor (#020226): fundo das secoes escuras, do rodape e textos de botao */
body[class*="elementor-kit-"] {
  --e-global-color-6eb13e2: #07060a;
  --e-global-color-d279842: #121016; /* cards escuros (#05053B) */
  --e-global-color-bc99d68: #0b0a0f; /* (#020230) */
}

/* Header do Flatsome (Customizer: header_bg #020226) */
.header-bg-color,
.header-wrapper.stuck .header-bg-color {
  background-color: #07060a !important;
}
.header-main { border-bottom: 1px solid rgba(253, 184, 72, .18); }

/* Barra de cima (Customizer: topbar_bg dourado) vira preta com texto dourado.
   O CSS do Customizer tambem usa !important e carrega depois deste, por isso o #header. */
#header .header-top {
  background-color: #07060a !important;
  border-bottom: 1px solid rgba(253, 184, 72, .25);
}
#header .header-top,
#header .header-top a,
#header .header-top .nav > li > a { color: #FDB848 !important; }
#header .header-top a:hover { color: #fff !important; }

/* Menu do celular (off-canvas) */
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content,
.off-canvas .sidebar-menu { background-color: #07060a !important; }

/* Azul-marinho escrito direto nos elementos (pre-black.js marca) */
.hhpb-bg1 { background-color: #07060a !important; }
.hhpb-bg2 { background-color: #141118 !important; }
.hhpb-layer1::before { background-color: #07060a !important; }
.hhpb-layer2::before { background-color: #141118 !important; }

/* Textura azul das secoes escuras em cinza */
.hhpb-mono::before { filter: grayscale(1) brightness(.85); }