:root {
    --cor-fonte-menu: #827047;
    --cor-fonte-submenu: #827047;
    --altura-largura: 60px;
    --espaco-lateral: 20px;
    --borda-arredondada: 60px;
    --tamanho-fonte-voltar-topo: 22px;
    --cor-fonte-voltar-topo: #ffffff;
    --espaco-abaixo-voltar-topo: 230px;
    --posicao-voltar-topo: right; /* right | left */
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

.container {
    max-width: 100%;
    overflow: hidden;
}

.imagem-responsiva {
    width: 100%;
    height: auto;
}

#cabecalho, #barraTopo, .menu.superior, .atalhos-mobile ul {
    background: #19213E !important;
}

#barraNewsletter,
#barraNewsletter .show-hide,
#barraNewsletter .componente,
#barraNewsletter.posicao-rodape .conteiner,
a.scrollToTop {
    background: #ffffff !important;
}

.titulo-countdown h2 {
    font-size: 28px;
}

.preco-countdown {
    font-size: 14px;
}

.devrocket-imagem-categoria {
    filter: invert(100%);
}

@media (max-width: 767px) {
    .menu.superior .nivel-um > li {
        background: #19213E !important;
    }
}

#cabecalho .menu .fundo-menu .titulo,
#cabecalho .menu ul li.com-filho a i,
.menu.superior .nivel-um .titulo,
.menu.lateral .nivel-um .titulo {
    color: var(--cor-fonte-menu) !important;
}

.menu.superior .nivel-dois a,
#cabecalho .menu.superior.menu-slide .com-filho.borda-principal .com-filho a i {
    color: var(--cor-fonte-submenu) !important;
}

/* Botões Flutuantes */

.devrocket-voltar-topo {
    height: var(--altura-largura);
    width: var(--altura-largura);
    border-radius: var(--borda-arredondada);
    font-size: var(--tamanho-fonte-voltar-topo);
    color: var(--cor-fonte-voltar-topo);
    bottom: var(--espaco-abaixo-voltar-topo);
    position: fixed; /* Mantém o botão fixo na tela */
    z-index: 10; /* Garante que o botão flutue sobre os outros */
    
    /* Ajuste da posição de acordo com a variável */
    right: var(--posicao-voltar-topo) == "right" ? var(--espaco-lateral) : "auto";
    left: var(--posicao-voltar-topo) == "left" ? var(--espaco-lateral) : "auto";
}