/*
Descrição: CSS customizado do painel "Editar CSS" em Personalize sua loja
Local de publicação: Personalize sua loja > Editar CSS (Loja Integrada)
Página de publicação: Todas as páginas
Tipo: CSS
Origem: Código copiado do painel "Editar CSS" da Loja Integrada
*/

#cabecalho>.conteiner:before{
    background: linear-gradient(360deg, #2C4BB3 30%, #2C4BB3 80%) !important;
}

:root {
    --cor_primaria: #2C4BB3;
    --cor_secundaria: #2C4BB3;
    --cor_botao: #dce805;
    --cor_botao_hover: #fbf20f;
    --cor_texto_botao: #000000;
    --cor_texto_botao_hover: #000000;
    --cor_botao_comprar: #49be25;
    --pre_cabecalho: #fbf20f;
    --cor_texto_pre_cabecalho: #000000;
    --cor_cabecalho: #2C4BB3;
    --cor_icones: #fff;
    --cor_icones_hover: #fff;
    --cor_texto_icones: #fff;
    --cor_menu: #2C4BB3;
    --cor_texto_menu: #ffffff;
    --cor_newsletter: #000000;
    --cor_texto_newsletter: #ffffff;
    --cor_footer: #2c4bb3;
    --cor_texto_footer: #ffffff;
    --texto_global: #071e26;
    --cor_clara: #fff;
    --cor_escura: #111;
    --texto_background: #fff;
    --texto_bg_escuro: #222;
    --texto_bg_claro: #222;
}

/* Aplicar fundo azul e texto branco em todas as áreas do footer */
#rodape, #rodape .institucional, #rodape .pagamento-selos, #rodape .assinatura-rodape, #rodape .newsletter, #rodape .section-newsletter-home {
    background: var(--cor_footer, #2c4bb3) !important;
    background-color: var(--cor_footer, #2c4bb3) !important;
}

#rodape, #rodape * {
    box-sizing: border-box;
}

#rodape, #rodape .institucional, #rodape .pagamento-selos, #rodape .assinatura-rodape {
    color: var(--cor_texto_footer, #ffffff) !important;
}

#rodape a, #rodape .links-rodape a {
    color: #ffffff !important;
    text-decoration: underline;
}

#rodape .titulo {
    color: #ffffff !important;
    font-weight: bold;
}

#rodape .newsletter input[type="text"] {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #ffffff !important;
}

#rodape .newsletter button {
    background: #ffffff !important;
    color: #2c4bb3 !important;
    border: 1px solid #ffffff !important;
}

/* AJUSTE LAYOUT  */

#avaliacoes ul.slides li.box-rating-item {
    height: 150px !Important;
    overflow-y: overlay;
}

.pagina-busca .listagem ul[data-produtos-linha="3"] li, .pagina-categoria .listagem ul[data-produtos-linha="3"] li {
    width: calc(100% / 3) !important;
}

@media (max-width: 767px){
    .row-fluid.banner.mini-banner{
            display: none;
    }
    .right-options {
            top: -60px;
    }
}