@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    /* CORES */

    /* Primárias */
    --color-primary-light: #b3b3b3;
    --color-primary: #5d5f60;
    --color-primary-dark: #323334;
    --color-primary-tranparency: rgba(93,95,96,.76);
    /* Secundarias */
    --color-secondary-light: #606060;
    --color-secondary: #3C3C3C;
    --color-secondary-dark: #262626;
    --color-secondary-tranparency: rgba(60,60,60,.76);
    /* Terciarias */
    --color-tertiary-light: #606060;
    --color-tertiary: #3C3C3C;
    --color-tertiary-dark: #262626;
    --color-tertiary-tranparency: rgba(60,60,60,.76);
    /* Quaternarias */
    --color-quaternary-light: #606060;
    --color-quaternary: #3C3C3C;
    --color-quaternary-dark: #262626;
    --color-quaternary-tranparency: rgba(60,60,60,.76);

	--white: #fff;
	--light-gray: #d3d3d3; 
	--gray:#343a40;
	--dark-gray: #3d3d3d;

    /* BACKGROUNDS */
    --background-navbar: #fff;
    --background-pagina: #fff;
	--backgroundimages: #fff;
    --background-newsletter: #5d5f60;
    --background-footer: #b3b3b3;
    --background-subfooter: #5d5f60;

}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color:var(--color-primary);
    border-radius: 10px;
    border: 2px solid var(--background-pagina);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--background-pagina);
}
*{
	font-family: 'Inter', sans-serif;
}
#s-slider-mini-banner,
#s-categorias-blocos,
#s-produtos-carousel,
#s-categorias-especial,
#s-parceiros-nav,
#telaLogin #zapfloat,
#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-4,
#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-2,
#footer > div.s-footer > div > div > div:nth-child(3),
#footer > div.s-footer > div > div > div:nth-child(7)
{
	display: none !important;
}
/*LOGIN*/
#s-login-b2b .s-login-b2b-container .s-login-b2b-card {
    margin: 2px auto;
}
#s-login-b2b .s-login-b2b-container .s-login-b2b-card .s-login-b2b-card-header {
    background-color: transparent;
}
.card-footer {
    background-color: transparent;
    border-top: none;
}
#botLoginEntrar {
    background-color: #f37225;
    border: none;
    transition: 0.3s;
}

#botLoginEntrar:active,
#botLoginEntrar:focus,
#botLoginEntrar:hover,
#botLoginEntrar:not(:disabled):not(.disabled):active {
    background-color: #B94B0A;
}
#botLoginEntrar:not(:disabled):not(.disabled).active:focus,
#botLoginEntrar:not(:disabled):not(.disabled):active:focus{
    box-shadow: 0 0 0 0.2rem #f37225;
}
#botLoginEntrar:focus {
    border-color: #B94B0A;
    box-shadow: 0 0 0 0.2rem rgba(243,114,37,.76);
}
#botLoginEntrar {
    background-image: -webkit-gradient(linear, left top, right top, from(#f37225), color-stop(#f37225), color-stop(var#F69F6B), to(#B94B0A));
    background-image: linear-gradient(to right, #f37225, #f37225, var#F69F6B, #B94B0A);
    border: none;
}

/* Página */
body > main{
    background-color: var(--background-pagina);
}
#homeID #sidebar, #innerOrcamentoDetalhes{
	display: none !important;
}

/* Botões */
.btn-secondary {
    background-color: var(--color-primary);
    border: none;
    transition: 0.3s;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary-dark);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--color-primary);
}

.btn-secondary:focus {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-tranparency);
}


.s-carrinho .btn-finalizar-pedido:hover {
    background-color: var(--color-primary-dark);
    border: none;
}

/* Botões Gradientes */
.btn-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), color-stop(var(--color-primary)), color-stop(var(--color-primary-light)), to(var(--color-primary-dark)));
    background-image: linear-gradient(to right, var(--color-primary), var(--color-primary), var(--color-primary-light), var(--color-primary-dark));
    border: none;
}

/* Botões outline */
.btn-outline-secondary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-secondary:hover {
    color: var(--white);
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.c-customInput input:checked:focus ~ .b-input, .c-customInput:hover input:not([disabled]):checked ~ .b-input {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/*upper-header*/
#upper-header {
    color: var(--white);
    background: var(--color-primary-dark) !important;
}

/* NAVBAR */
#header-modelo-1 .navigation-clean {
    background-color: var(--background-navbar);
    color: #333;
    box-shadow: 0 1px 5px rgb(190 190 190 / 0);
	border: none !important;
}

#header-modelo-1 .navigation-clean .navbar-collapse {
    border: none;
    background-color: var(--background-navbar);
}

#buscaPor {
    background-color: var(--backgroundimages);
}

/*MENU CATEGORIAS HORIZONTAL*/
#s-menu-categorias-horizontal .navbar, #s-menu-categorias-horizontal .navbar .nav-item .nav-link {
    background: var(--white) !important;
	color: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .navbar, #s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover{
	font-weight: 600;
}
#s-menu-categorias-horizontal .dropdown-item a{
	border: 0;
}
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .active > .nav-link,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.active,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.show,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .show > .nav-link,
#s-menu-categorias-horizontal .dropdown-menu,
#s-menu-categorias-horizontal .dropdown-item a,
#s-menu-categorias-horizontal .dropdown-item:first-child a,
#s-menu-categorias-horizontal .dropdown-menu
{
    color: var(--color-primary-dark);
    background: var(--white) !important;
	border-radius: 5px 5px 0 0;
}
#s-menu-categorias-horizontal .dropdown-menu, #s-menu-categorias-horizontal .dropdown-item:last-child a{
	border-radius: 0 0 5px 5px;
	border: solid 1px var(--color-primary);
	border-top: none;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
#s-menu-categorias-horizontal .dropdown-menu a{
	color: var(--color-primary-dark);
	background: var(--white) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a:hover{
	color: var(--color-primary-dark);
	background: var(--white) !important;
	font-weight: 600;
}
#s-menu-categorias-horizontal .dropdown-item {
    border-bottom: solid 1px var(--color-primary) !important;
}
#s-menu-categorias-horizontal .dropdown-item:last-child {
    border-bottom: none !important;
}

/* Detalhes de Produto */
.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link:hover {
    background-color: var(--color-primary);
    color: var(--white);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link i {
    color: var(--color-primary);
}

/* Header - Search */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar {
    background-color: var(--backgroundimages);
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    color: var(--white);
    background-color: var(--color-primary);
}
.s-produtos-card-img, .s-categorias-destaque-card-img{
    background-color: var(--backgroundimages);
}

/* Header - Botão de produtos */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover {
    background-color: var(--color-primary-dark);
}

/* Header- Icones */

#header-modelo-1 .navigation-clean .navbar-nav .nav-item #btnCreditos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item:hover #btnCreditos {
    background-color: var(--color-primary-dark);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon i {
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon:hover i {
    color: var(--color-primary-dark);
}

/* Icone de busca */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    background-color: var(--color-primary-dark);
    color: var(--white);
}

/* Newsletter */
#s-newsletter .s-newsletter {
    background-color: var(--background-newsletter);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn {
    background-color: var(--color-primary);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn:hover {
    background-color: var(--color-primary-light);
}

/* Detalhes de produtos*/
.s-produtos-detalhes .card .card-body .resumo-valor-total {
    background-color: transparent;
    color: var(--color-primary-dark);
}

/* Detalhes de produtos Box */
.s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    background-color: var(--color-primary-dark);
}

.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor,
.s-produtos-detalhes .s-produtos-detalhes-minidescricao,
.s-produtos-detalhes-informativo-valores {
    color: var(--white);
}

.s-produtos-detalhes .s-produtos-detalhes-codigo {
    color: var(--white);
}

/* Titulos */
#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-nome {
    color: var(--gray);
}

.titulo {
    color: var(--gray);
}

.subtitulo {
    color: var(--gray);
}

.s-produtos-card-container .s-produtos-card .s-produtos-card-body .s-produtos-card-titulo {
    color: var(--dark-gray);
}

/* Paginação */
.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--white);
}

/* Footer Claro */
#footer .s-footer {
    background-color: var(--background-footer);
    color: var(--gray);
    border-top: solid 1px var(--color-primary-dark);
}

#footer .s-footer .s-footer-titulo {
    color: var(--color-primary-dark);
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link, #footer .s-footer .s-footer-contato .s-footer-contato-item .s-footer-contato-item-link {
    color: var(--gray);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: var(--color-primary);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: var(--color-primary);
}

/* Footer Escuro
#footer .s-footer .s-footer-img {
    filter: brightness(2550);
}
#footer .s-footer {
    background-color: var(--background-footer);
    color: var(--white);
    border-top: solid 1px var(--color-primary);
}

#footer .s-footer .s-footer-titulo {
    color: var(--white);
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link {
    color: var(--white);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: var(--white);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: var(--white);
}

/* Subfooter */
#footer .s-subfooter {
    background-color: var(--background-subfooter);
}
@media (max-width: 900px){
	#homeID #header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos {
		display: list-item !important;
	}
	#s-menu-categorias-horizontal{
		display: none !important;
	}
}

/*DADOS TELA LOGIN*/
#dadosFooterLogin {
    position: absolute;
    font-size: small;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    padding: 0.5rem 0;
    background-color: #f37225;
    color: var(--white);
}
#dadosFooterLogin .row{
	margin: 0 !important;
}

/*TEXTO CARRINHO*/
.jsAlertaFrete{
	display: block !important;
}
.jsAlertaFrete p{
	text-align: center;
	font-weight: bold;
}

#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-2{
	-ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
#innerFreteOpcoes .jsFreteOpcoes .jsFreteOpcoesLista thead > tr > th:nth-child(2),
#innerFreteOpcoes .jsFreteOpcoes .jsFreteOpcoesLista tbody > tr > td.frete-tabela-prazo.jsFretePrazo,
#tabela-frete > thead > tr > th:nth-child(3),
#tabela-frete > tbody > tr > td:nth-child(3),
#tabelaFretes > thead > tr > th:nth-child(3),
#jsTabelaFreteDados > tr > td:nth-child(3){
	display: none !important;
}