/*LEMBRAR DE CHAMAR O CSS DAS CORES*/


/* MENU */
.menu-2 .nav-item.active a.nav-link:before{
    background-color: var(--padrao);
}

/*COR DOS BOTOES */
.button-tema{
    background-color: var(--padrao);
    color: var(--contraste);
}
.button-tema:hover{
    background-color: var(--hover);
    color: var(--contraste);
}

/*COR DOS ICONES*/
.icon-tema{
    color: var(--padrao);
}

/*COR DA FONTE*/
.color-tema {
    color: var(--padrao);
}
/*BACKGROUND*/
.background-tema{
    background-color: var(--padrao);
    color: var(--contraste);
}

.background-tema:hover{
    background-color: var(--padrao);
    color: var(--contraste);
}

.publicidadeEmpresa .topoPublicidade:after {
    background: var(--overlay);
    background: linear-gradient(45deg, var(--overlay) 0%, rgba(255,255,255,0) 100%);
}


.section-header-empresa:after,
.sobre-empresa .background-contato:after {
    background-image: linear-gradient(0deg, #716c6c75 -10%, var(--overlay) 100%) !important;
}
.publicidadeEmpresa:after {
    background-image: linear-gradient(180deg, #716c6c75 -10%, var(--overlay) 100%) !important;
}



.empresa-descricao h1,
.empresa-descricao h2,
.empresa-descricao h3,
.empresa-descricao h4,
.empresa-descricao h5,
.empresa-descricao h6,
.empresa-descricao strong{
    color: var(--padrao);
}

.conteudo .descricao h1,
.conteudo .descricao h2,
.conteudo .descricao h3,
.conteudo .descricao h4,
.conteudo .descricao h5,
.conteudo .descricao h6,
.conteudo .descricao strong{
    color: var(--padrao);
}

footer .direitos{
    background-color: var(--padrao);
    color: var(--contraste);
}

.paginator_item{
    background:var(--padrao);
}
.paginator_item:hover {
    background:var(--padrao) !important;
    opacity: 0.7;
}

.paginator_active,
.paginator_active:hover{
    background: #aaa !important;
}


.menu-2 li.active .item:before, .menu-2 .item.active:before{
    background:var(--padrao) !important;
}

.fotorama-ofertas .fotorama__thumb-border{
    border-color:var(--padrao) !important;
}