@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: #606060;
    --color-primary: #3C3C3C;
    --color-primary-dark: #262626;
    --color-primary-tranparency: rgba(60,60,60,.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 */
	--categorias-horizontal: #fff;
    --background-navbar: #fff;
    --background-pagina: #fff;
	--backgroundimages: #fff;
    --background-newsletter:  #262626;
    --background-footer: #3C3C3C;
    --background-subfooter:  #262626;

}
::-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;
}
#conteudos main{
    margin-top: 240px;	
}
.js-chatbot-icon a img {
    width: 210px;
    margin-bottom: 15px;
}

#upper-header
{
	display: none !important;
}
#header-modelo-1 .nav-up {
    top: -160px;
}

/*LOGIN*/
#s-login-b2b {
    background: rgba(160,160,160,1.00);
    background: linear-gradient(327deg, rgba(78,78,78,1.00) 0%, rgba(160,160,160,1.00) 100%);
	background-position: top center;
    background-repeat: repeat-x;
}
#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;
}

/* Página */
body > main{
    background-color: var(--background-pagina);
}

/* 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;
}
#upper-header a{
    color: var(--white);
	opacity: .5;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
#upper-header a:hover{
    text-decoration: underline;
	opacity: 1;
}
.upper-header-mobile-p-1 img, .upper-header-mobile-p-2 img, .upper-header-mobile-p-3 img{
	display: block !important;
}
.upperHeaderNavBarAdd{
	display: block !important;
}
.upper-header-midias-1, .upper-header-midias-2, .upper-header-midias-3{
	font-size: 13px;
	text-indent:-9999px;
	line-height:0;
}
.upper-header-midias-1:after{
	content:"Vendas Corporativas";
	display:block;
	text-indent:0;
	line-height:1;
}
.upper-header-midias-2:after{
	content:"Televendas";
	display:block;
	text-indent:0;
	line-height:1;
}
.upper-header-midias-3:after{
	content:"Ajuda";
	display:block;
	text-indent:0;
	line-height:1;
}
#upper-header .collapse .navbar-nav .upper-item-01,
#upper-header .collapse .navbar-nav .upper-item-02,
#upper-header .collapse .navbar-nav .upper-item-04,
.upperHeaderNavBarAdd> div > div.row > div {
    display: contents !important;
}
.upper-header-midias-p-1,
.upper-header-midias-p-2,
.upper-header-midias-p-3
{
	opacity: .5;
}
.upper-header-midias-p-1:hover,
.upper-header-midias-p-2:hover,
.upper-header-midias-p-3:hover
{
	opacity: 1;
}
/* NAVBAR */
#header-modelo-1 .navigation-clean {
    background-color: var(--background-navbar);
    color: #333;
	border: none !important;
    box-shadow: 0 1px 5px rgb(190 190 190 / 24%);
}

#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(--categorias-horizontal) !important;
}
#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(--white);
    background: var(--color-primary-dark) !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;
}
#s-menu-categorias-horizontal .dropdown-menu a{
	background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a:hover{
	background: var(--color-primary) !important;
}
#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;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link,
#s-menu-categorias-horizontal .btn-secondary,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled).active,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active,
#s-menu-categorias-horizontal .show>.btn-secondary.dropdown-toggle
{
	color: rgba(0,0,0,0.7) !important;
    background-color: transparent !important;
    border: none !important;
	font-size: 1rem;
	margin-top: 3px;
    transition: 0.3s;
}

#s-menu-categorias-horizontal .navbar .nav-item .nav-link:active,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:focus,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:not(:disabled):not(.disabled):active,
#s-menu-categorias-horizontal .btn-secondary:active,
#s-menu-categorias-horizontal .btn-secondary:focus,
#s-menu-categorias-horizontal .btn-secondary:hover,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active {
    color: rgba(0,0,0,1) !important;
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}

#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled).active:focus,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active:focus,
#s-menu-categorias-horizontal .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}
#s-menu-categorias-horizontal .btn-secondary i {
    color:  var(--color-primary);
	margin-right: 10px;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link{
	margin-top: 0 !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: 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);
}

#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 {
    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;
	}
}

#s-reviews-carousel{
    padding: 4rem;
}

#s-reviews-carousel .stars {
    font-size: 18px;
}
  
#s-reviews-carousel .owl-nav button {
    background: 0 0;
    color: #757575 !important;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 20px;
}
  
#s-reviews-carousel .owl-nav button:hover {
    color: #5c5c5c !important;
    background-color: transparent !important;
}

#s-reviews-carousel {
    background-color: #f3f3f3;
}