body {
    background-color: #F8F8FF;
}

.modal * .cor-secundaria {
    color: var(--principal) !important;
}

.modal-header .close {
    color: #fff !important;
    opacity: 1 !important;
}

#cabecalho {
    background-color: #FFD700 !important;
}

#cabecalho>.conteiner {
    border-bottom: none !important;
}

.conteiner-principal .conteiner:not(#cabecalho) {
    background-color: transparent !important;
}

#cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>* .carrinho>a>i, #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>*>a>i, #cabecalho>.conteiner .main-header .conteudo-topo .actions-menu>.busca>i {
    background: var(--principal) !important;
}

#cabecalho>.conteiner .main-header .logo {
    width: 200px !important;
}

#cabecalho .logo a {
    height: 100px !important;
}

#corpo .listagem#listagemProdutos .titulo-categoria {
    color: var(--secundaria) !important;
}

#corpo .marcas .marca {
    height: auto;
    background-color: transparent !important;
}

#corpo .marcas .marca img {
    border-radius: 25px;
    box-shadow: 0 2px 5px #f2f2f2;
}

.mini-banner img {
    border-radius: 25px;
}

.tel-whatsapp {
    display: none !important;
}

#rodape .institucional {
    background: var(--principal) !important;
}

#rodape .institucional .titulo,
#rodape .institucional a,
#rodape .institucional p {
    color: #ffffff !important;
}

#rodape .institucional ul li>a:before,
#rodape .institucional .contact-data ul li a i {
    color: #FFD700 !important;
}

.produto .nome-produto,
#corpo .produto .aproveite-tambem>.titulo {
    color: var(--principal) !important;
}

.banner.cheio .flex-control-paging li a {
    background-color: #dfe8eb !important;
}

.cabecalho-interno .titulo small {
    font-weight: 400 !important;
}

#rodape>div:last-child .conteiner .span9.span12 p {
    color: #4f4f4f !important;
    font-weight: 600 !important;
}

#rodape .institucional .contact-data .titulo {
    margin-top: 10px !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
    margin-bottom: 10px !important;
    border-bottom: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

@media screen and (max-width: 767px) {
    #cabecalho:before {
        background-color: #FFD700 !important;
        border-bottom: 1px solid var(--principal) !important;
    }
    
    #cabecalho .menu-handler:after {
        content: "Menu";
        font-size: 15px;
    }
    
    #cabecalho .menu-handler {
        flex-direction: column;
    }

    #cabecalho.fixed .menu-handler {
        color: var(--principal) !important;
    }

    #cabecalho ul.actions-menu > li.visible-phone,
    #cabecalho ul.actions-menu li.menu-login {
        position: fixed!important;
        top: 3px!important;
        z-index: 9999!important;
    }
    
    #cabecalho ul.actions-menu li.menu-login {
        left: 55px!important;
    }
    
    #cabecalho ul.actions-menu > li.visible-phone {
        left: 107px!important;
    }
    
    #cabecalho > .conteiner .main-header .busca {
        border-top: 0px;
    }

    #cabecalho .conteiner .logo {
        margin-top: 60px;
        margin-bottom: 20px;
        height: 100px
    }

    #cabecalho .conteiner .logo img {
        max-height: 150px;
        margin: 20px auto 0px;
        padding: 0px;
    }

    #cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-login > a > i {
        background: var(--principal);
    }

    .banner.mini-banner {
        padding: 20px !important;
    }

    .banner.mini-banner .modulo {
        margin: 5px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .banner.tarja {
        display: block !important;
    }
}

/* Modal Contato - Esconder o número repetido */
#modalContato table.table.table-hover tr:nth-child(4) {
    display: none;
}

/* Checkout - Topo */
.carrinho-checkout .atendimento .cor-principal, .carrinho-checkout .atendimento a, .carrinho-checkout .atendimento li, .clean-layout .atendimento li {
    color: #0A2463;
}