@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    /* CORES */

    /* Primárias */
    --color-primary-light: #5DD5FF;
    --color-primary: #0caee6;
    --color-primary-dark: #0080AC;
    --color-primary-tranparency: rgba(12,174,230,.76);
    /* Secundarias */
    --color-secondary-light: #424242;
    --color-secondary: #000000;
    --color-secondary-dark: #646464;
    --color-secondary-tranparency: rgba(0,0,0,.76);
    /* Terciarias */
    --color-tertiary-light: #424242;
    --color-tertiary: #000000;
    --color-tertiary-dark: #646464;
    --color-tertiary-tranparency: rgba(0,0,0,.76);
    /* Quaternarias */
    --color-quaternary-light: #FC60B2;
    --color-quaternary: #f10481;
    --color-quaternary-dark: #AB025B;
    --color-quaternary-tranparency: rgba(241,4,129,.76);

	--white: #fff;
	--light-gray: #d3d3d3; 
	--gray:#343a40;
	--dark-gray: #3d3d3d;

    /* BACKGROUNDS */
	--categorias-horizontal: #fff;
    --background-navbar: #fff;
    --background-pagina: #edf1f7;
	--backgroundimages: #fff;
    --background-newsletter: #0080AC;
    --background-footer: white;
    --background-subfooter: #0080AC;;

}
html {
  scroll-behavior: smooth;
}
::-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;
}
.js-chatbot-icon a img {
    width: 210px;
    margin-bottom: 15px;
}


.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
#upper-header .container-fluid,
#s-categorias-blocos .container-fluid,
#s-produtos-destaque .container-fluid,
#s-produtos-vendidos .container-fluid,
#s-produtos-lancamento .container-fluid,
#s-categorias-destaque .container-fluid,
#s-produtos-carousel .container-fluid,
#s-categorias-especial .container-fluid,
#s-depoimentos-carousel .container-fluid,
#s-parceiros-nav .row,
#blogSection .container-fluid,
#contatoSection .container-fluid,
#s-newsletter .container-fluid,
#footer .s-footer .container-fluid,
#footer .s-subfooter .container-fluid,
#livrosDestaque .container-fluid,
#miniBannersJS .container-fluid,
#s-categorias .container-fluid,
#s-subcategorias .container-fluid,
#s-busca .content .container-fluid
{
    max-width: 1140px;
    margin: auto;
}

#upper-header,
#homeID #sidebar,
#s-categorias-especial,
#s-slider-mini-banner,
#s-categorias-blocos,
#s-produtos-carousel,
#s-parceiros-nav,
#s-categorias-destaque,
#s-depoimentos-carousel,
#s-categorias > div > div > div.row.my-5,
#s-categorias > div > div > div.s-categorias-sessao-container.mb-3,
#s-categorias > div > div > div:nth-child(5) > div.col-12.mb-4.col-md-2.mb-md-0,
#navbarCategoriasHorizontal > ul > li.nav-item.nav-produtos.nav-produtos-navbar,
#s-subcategorias > div > div > div:nth-child(4) > div.col-12.mb-4.col-md-2.mb-md-0
{
	display: none !important;
}
#header-modelo-1 .nav-up {
    top: -160px;
}

#homeID main{
	margin-top: 160px !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;
}

/* 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 / 0);
	border-bottom: 1px solid rgb(235, 237, 240);
}

#header-modelo-1 .navigation-clean .navbar-collapse {
    border: none;
    background-color: var(--background-navbar);
}
#buscaPor {
    background-color: var(--backgroundimages);
}
#conteudojsMiniBanner .container{
	background-color: #0DADE5;
	
}
/*Menu Horizontal*/
#s-menu-categorias-horizontal .navbar {
    background: white !important;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link {
    color: black;
    background: transparent !important;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover {
    color: var(--color-primary) !important;
}
#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 {
    color: var(--color-primary) !important;
    background: transparent !important;
    font-weight: normal;
    border-radius: 5px;
}
#s-menu-categorias-horizontal .dropdown-menu {
    background: white;
	box-shadow: rgba(83, 117, 153, 0.5) 0rem 0.2rem 0.5rem 0px;
}
#s-menu-categorias-horizontal .dropdown-menu a {
    color: black !important;
    background: transparent !important;
}
#s-menu-categorias-horizontal .dropdown-item {
    border-bottom: solid 1px #e7e7e7;
}
#s-menu-categorias-horizontal .dropdown-item:hover {
    background: transparent !important;
    color: var(--color-primary) !important;
    font-weight: normal;	
}

/* 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: black;
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    color: var(--white);
    background-color: black;
}
.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: black;
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon:hover i {
    color: black;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-carrinho .cart-number {
    top: 19.7px;
}

/* 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);
    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);
}

.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);
}

#breadcrumb .s-breadcrumb, #breadcrumb .s-breadcrumb .breadcrumb {
    background-color: #edf1f7;
}
#breadcrumb .s-breadcrumb {
    border-bottom: solid 1px #ffffff;
}

/* 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);
}
#footer .s-footer .s-footer-img {
    width: 50%;
}
/* Subfooter */
#footer .s-subfooter {
    background-color: var(--background-subfooter);
}
#footer .s-subfooter .s-subfooter-endereco {
    font-size: .8rem;
}
#footer > div.s-subfooter > div > div > div:nth-child(1){
	-ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
#footer > div.s-subfooter > div > div > div:nth-child(2){
	-ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
#footer > div.s-subfooter > div > div > div:nth-child(3){
	-ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

#s-categorias-especial{
	overflow: hidden !important;
}
#s-categorias-especial .container-fluid .card {
    border-radius: 20px;
}
#s-categorias-especial .container-fluid .card .card__head{
	opacity: 0;
}
#s-categorias-especial .container-fluid .card:hover .card__head{
	opacity: 1;
}
#s-categorias-especial .container-fluid .card {
    height: 60vh;
}
#s-categorias-especial .container-fluid .card img {
    border-radius: 20px;
}
#s-categorias-especial .container-fluid .card:hover .card__head {
    color: #6a6a6a;
    background: white;
	border-radius: 0 0 20px 20px;
}
#s-categorias-especial .container-fluid .card img {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}

#s-categorias > div > div > div:nth-child(4){
	margin-top: 3rem;
}

/*DESTAQUE ELEIÇÕES 2024*/
#navbarCategoriasHorizontal > ul > li:nth-child(3) > .nav-link.dropdown-toggle,
#navbarCategoriasHorizontal > ul > li:nth-child(3) > .nav-link.dropdown-toggle:hover,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .show > .nav-link.dropdown-toggle
{
	color: white !important;
    background-color: var(--color-primary) !important;
    border-radius: 10px !important;
}

#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo {
    padding-bottom: 2rem;
}
#s-produtos-destaque .s-produtos-destaque {
    padding: 1.5rem 0;
    border-bottom: 0px solid rgba(0, 0, 0, 0.12);
}



/*PÁGNA DE FAQ*/
#accordionFaq{
	margin: 3rem 0;
}

/*MINIBANNERS*/
.conteudojsMiniBanner{
	background-color: var(--color-primary);
}

#innerDisclaimer .card{
	border: none !important;
}
#innerDisclaimer .card-body {
    padding: 0 1.25rem;
}

/*POP-UP MODAL DE CADASTRO*/
#cadastroModal .modal-content{
	background-image: url("../images/background/pop-up_nova-cara.png");
	background-color: #d8d6d7;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}
#cadastroModal .modal-header{
	padding: .3rem .5rem;
    border-bottom: 0px solid #dee2e6;
}
#cadastroModal .modal-header button:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color;
}
#cadastroModal h2{
	margin: -50px auto 20px auto;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background: var(--color-primary);
    color: white;
	text-transform: uppercase;
    text-align: center;
    font-weight: 200;
    font-size: 2.5rem;
}
#cadastroModal h2 span{
    font-weight: 800;
}
#cadastroModal .btn{
	display: block;
	width: 90%;
	margin: 0 auto 1.5rem auto;
}
#navbarCategoriasHorizontal ul li:nth-child(2) .dropdown-menu.sm-menu.show {
	display: flex;
    width: 570px;
    flex-wrap: wrap;
	justify-content: space-between;
}
#navbarCategoriasHorizontal ul li:nth-child(2) .dropdown-menu.sm-menu.show .dropdown-item {
	width: 49%;
}

.card.card-pagamento.jsCardPagamento > div.card-body > div > div > div > div > div:nth-child(12) > label > div > div.pagamento-radio-descricao.d-flex.flex-wrap.align-items-center.justify-content-center.flex-fill > span.pagamento-radio-descricao-bandeira:after{
	content: "/ PIX";
    display: inline-block;
	margin-left: 2px;
	text-indent:0;
	line-height:1;
}
/*BLACK FRIDAY
#s-menu-categorias-horizontal .navbar .nav-item .nav-link#blackPerfect, #blackPerfect{
	font-weight: 900;
	background:black !important;
	border-radius: 6px;  
}

#s-menu-categorias-horizontal .navbar .nav-item .nav-link#blackPerfect .ciano, #blackPerfect .ciano{
	color: #00b4ff !important;
}

#s-menu-categorias-horizontal .navbar .nav-item .nav-link#blackPerfect .magenta, #blackPerfect .magenta{
	color: #ff00b4 !important;
}

#homeID #navcol-1 > ul > li.nav-item.dropdown.dmenu > #blackPerfect{
	display: none !important;
}*/

/*POP UP*/
#popupModal .modal-content {
	background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
}
#popupModal .modal-header {
    padding: 0 1rem 0 0;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#popupModal .modal-body {   
    padding: 0 1rem;
}
#popupModal .modal-body img{   
    border-radius: 15px;
}
#popupModal .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: .5;
}

#innerProdutoInfo{
	margin-top: 1.5rem;
}

.s-produtos-detalhes {
    padding: 2rem 0;
}

.btn-checklist{
	background-color: var(--color-quaternary);
}
.btn-checklist:hover{
	background-color: var(--color-quaternary-dark);
}

#innerChecklist .btn-checklist{
	width: 100%;
}
@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;
	}
	#cadastroModal h2 {
		font-size: 2rem;
	}
	#cadastroModal .modal-content {
		background-image: none !important;
		/*padding-bottom: 13rem;
		background-size: 125%;
		background-repeat: no-repeat;
		background-position: left bottom;*/
	}
	#homeID #navcol-1 > ul > li.nav-item.dropdown.dmenu > #blackPerfect{
		display: block !important;
	}
}