:root {
	scroll-behavior: smooth;
    --verde: #21803F;
    --amarelo: #FAA71B;
    --preto: #010101;
}

body {
	font-family: "Open Sans", sans-serif;
	background: var(--color-primary);
	color: var(--color-secondary);
    font-size: 1rem;
}

/* MENU */
#menu-principal{
	background-color: var(--cabecalho-cor-fundo);
	color: var(--cabecalho-cor-btn-txt);
	height: 116px;
}

#menu-principal .nav-item a{
	background-color: var(--cabecalho-cor-btn);
	color: var(--cabecalho-cor-btn-txt);
	margin-left: 5px;
	border-radius: 4px;
	transition: all 0.4s;
}

#menu-principal .nav-item a:hover{
	background-color: var(--cabecalho-cor-btn-hv);
	color: var(--cabecalho-cor-btn-txt-hv);
}

#menu-principal .menu-collapse{
	min-width: 45%;
}

@media only screen and (max-width: 991px) {
	#menu-principal .menu-collapse .nav-item a{
		margin-bottom: 5px;
		padding-left: 10px;
	}

	#menu-principal .position-relative{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;	
	}

	#menu-principal .position-relative #toggle-menu-mobile{
		background-color: var(--cabecalho-cor-btn);
		color: var(--cabecalho-cor-btn-txt);
		font-size: 1.7rem;
		height: 38px;
	}

}

/* END MENU */

/* Sobre Home */
#container-sobre{
	background-color: var(--home-sobre-cor-fundo);
}

#container-sobre #box-sobre h3{
	color: var(--home-sobre-cor-titulo);
}

#container-sobre #box-sobre div{
	color: var(--home-sobre-cor-txt);
}


/* ESPAÇO DESTAQUE */

#container-destaque{
	background-color: var(--home-destaque-cor-fundo);
}


#espaco-destaque{
	display: grid;
    grid-template-columns: repeat(auto-fill, 32.5%);
	justify-content: center;
	gap: 2px;
}

@media only screen and (max-width: 991px) {
	#espaco-destaque{	
		grid-template-columns: repeat(auto-fill, 48.5%);
	}
}

@media only screen and (max-width: 425px) {
	#espaco-destaque{	
		grid-template-columns: repeat(auto-fill, 90%);
	}
}

#espaco-destaque .edestaque-content:hover .edestaque-img{
	transform: scale(1.05);
}

#espaco-destaque .edestaque-content{
	width: 430px;
	min-height: 100px;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding: 0;	
}

#espaco-destaque .edestaque-content a{
	position: relative;
    display: block;
}

#espaco-destaque .edestaque-img{
    width: 100%;
	transition: all .2s ease-out;
}

#espaco-destaque .edestaque-conteudo{
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	color: var(--home-destaque-cor-titulo);
	font-size: 1.8rem;
	text-align: center;
}

/* END ESPAÇO DESTAQUE */

#container-banners-b, #container-banners-f{
	background-color: var(--home-banners-cor-fundo);
}

/* LOJAS */

#container-lojas{
	background-color: var(--home-lojas-cor-fundo);
}

#box-lojas .loja-titulo{
	color: var(--home-lojas-cor-titulo);
}

#box-lojas .lojas-contents{
    display: grid;
    grid-template-columns: repeat(auto-fill, 19.3%);
    gap: 6px;
}

@media only screen and (max-width: 991px) {
	#box-lojas .lojas-contents{	
		grid-template-columns: repeat(auto-fill, 24%);
	}
}

@media only screen and (max-width: 771px) {
	#box-lojas .lojas-contents{	
		grid-template-columns: repeat(auto-fill, 32.5%);
	}
}

@media only screen and (max-width: 519px) {
	#box-lojas .lojas-contents{	
		grid-template-columns: repeat(auto-fill, 45.5%);
	}
}

@media only screen and (max-width: 425px) {
	#box-lojas .lojas-contents{	
		grid-template-columns: repeat(auto-fill, 45.5%);
	}
}

#box-lojas .lojas-contents .loja-itens{
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}

#box-lojas .lojas-contents .loja-itens a.loja-link{
	display: block;
    width: 100%;
	background-color: var(--home-lojas-card-cor-destaque);
    border-radius: 6px;
    overflow: hidden;
}

#box-lojas .lojas-contents .loja-itens img{
	width: 100%;
}

#box-lojas .lojas-contents .loja-itens .loja-conteudo{
    color: var(--home-lojas-card-cor-titulo);
    font-weight: 400;
    text-align: center;
    margin: 4px 0px 0px;
    font-size: 1.2rem;
	padding: 0px 8px;
}

/* END LOJAS */

/* FOOTER */

#footer{
	background-color: var(--rp-cor-fundo);
	color: var(--rp-cor-txt);
	border-top: var(--rp-esp-borda-superior) solid var(--rp-cor-borda-superior);
}
	

/* END FOOTER */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Pagina LOJAS */

	#content-lojas{
		display: grid;
		grid-template-columns: 280px auto;
	}
	
	@media only screen and (max-width: 991px) {
		#content-lojas #box-lojas .lojas-contents{	
			grid-template-columns: repeat(1fr);
		}
	}

	@media only screen and (max-width: 771px) {
		#content-lojas #box-lojas .lojas-contents{	
			grid-template-columns: repeat(auto-fill, 45.5%);
		}
	}

	@media only screen and (max-width: 519px) {
		#box-lojas .lojas-contents{	
			grid-template-columns: repeat(auto-fill, 45.5%);
		}
	}

	@media only screen and (max-width: 425px) {
		#box-lojas .lojas-contents{	
			grid-template-columns: repeat(auto-fill, 45.5%);
		}
	}

/* END LOJAS */


/*--------------------------------------------------------------
# Auxiliar
--------------------------------------------------------------*/

.display-none{
	display: none;
}

.alert-small{
	font-size: 0.9rem;
    padding: 8px;
}

.alert-small button{
	padding: 12px 7px !important;
}

/* Menu Categorias */

.categorias_list{
	padding: 16px;
}

.categorias_list .categorias__list{
	display: flex;
    justify-content: center;
    gap: 0px 20px;
    list-style: none;
    font-size: 1.3rem;
    margin: 0;
	padding-left: 0;
}

.categorias_list .categorias_subcategorias__list{
	display: none;
	position: absolute;
    background-color: #fdfdfd;
    z-index: 7;
    padding: 10px 20px;
	box-shadow: 0 7px 30px -10px #b4aab480;
	border-radius: 5px;
}

.categorias_list .categorias_subcategorias__list ul{
	list-style: none;
	padding-left: 0;
	height: 45vh;
    min-height: 300px;
    overflow-y: scroll;
}

.categorias_list .categorias__list > li:hover > .categorias_subcategorias__list{
	display: block;	
	border-top: 1px solid #198754;	
}

/* Filtro Categoria */
.box-categoria-filtros{
	margin: 20px 0;
}

.box-categoria-filtros .box-categoria-filtros-title{
	background-color: #198754;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #FFE;
    font-weight: 500;
	border-radius: 25px;
}

.box-categoria-filtros .box-categoria-filtro-child input[type=checkbox]{
	display: none;
}

.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-title label > i{
	display: none;
}

.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-title label{
	display: block;
	padding: 10px;
	user-select: none;
}

@media only screen and (max-width: 768px) {

	.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-title label{
		cursor: pointer;
	}

	.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-title label > i{
		display: block;
	}

	.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-body{
		display: none;
	}
	
	.box-categoria-filtros .box-categoria-filtro-child input[type=checkbox]:checked ~ .box-categoria-filtro-child-body{
		display: block;
	}

	.box-categoria-filtros .box-categoria-filtro-child input[type=checkbox]:checked ~ .box-categoria-filtro-child-title label > i{
		transform: rotate(180deg);
	}
}

.box-categoria-filtros .box-categoria-filtro-child{
	margin: 15px 0 0;
    padding: 0px 5px;
    border: 1px solid #198754;
    border-radius: 4px;
}

.box-categoria-filtros .box-categoria-filtro-child .box-categoria-filtro-child-title{
	border-bottom: 1px solid #198754;
    margin-bottom: 20px;
    font-weight: 600;
}

.filtro-categorias ul{
    list-style: none;
	padding-left: 15px;

	max-height: 200px;
    overflow-y: scroll;
}

.filtro-categorias > ul > li{
	margin-bottom: 10px;
}

.filtro-categorias  a{
	color: #1b1b1b;
}

.filtro-categorias  a:hover{
	color: #198754;
}

.filtro-estado ul, .filtro-valores ul{
	list-style: none;
    padding-left: 15px;

	max-height: 200px;
    overflow-y: auto;
}

.filtro-estado ul li.filtro-ativo, .filtro-valores ul li.filtro-ativo{
	color: #198754;
	font-weight: 600;
}

.filtro-estado ul li:hover, .filtro-valores ul li:hover{
	color: #198754;
	cursor: pointer;
}

/* Swiper */ 
.swiper {
	width: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-slide {
	width: 60%;
}

.swiper-slide:nth-child(2n) {
	width: 40%;
}

.swiper-slide:nth-child(3n) {
	width: 20%;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev{
	color: #f0f0f0;
}

.swiper .swiper-pagination-bullet-active{
	background-color: #198754;
}

@media only screen and (max-width: 425px) {
	.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after{
		font-size: 35px;
	}
}

/* Anuncio Equipamento */

.form-contato-equipamento{
	border: 1px solid #198754;
    padding: 15px;
    border-radius: 6px;
    margin: 20px 0 10px;
}

.box-anuncio-equipamento .preco{
	color: #198754;
    font-weight: bold;
    margin: 15px 0;
    font-size: 2rem;
}

.box-anuncio-equipamento .preco small{
	font-size: 1rem;
}

@media only screen and (max-width: 768px) {
	.box-anuncio-equipamento{
		margin-top: 20px;
	}

    .box-anuncio-content img{
		width: 95% !important;
		height: auto !important;
		margin: 0 10px !important;
	}
}

@media only screen and (max-width: 425px) {
	.logo-cabecalho-site{
		max-width: 200px;
	}
}

.cursor-pointer{
	cursor: pointer;
}

.font-bold{
	font-weight: bold;
}

.form-close-contato-equipamento{
	position: absolute;
    right: -6px;
    top: -13px;
    cursor: pointer;
}

.banners-home{
	max-height: 620px;
    overflow: hidden;
}

.banners-home img{
	max-height: 620px;
}

#footer{
	color: var(--rp-cor-txt);
	background-color: var(--rp-cor-fundo);
	border-top: var(--rp-esp-borda-superior) var(--rp-cor-borda-superior);
}

.menu-footer ul li{
	list-style: none;
	margin-bottom: 4px;
}

.menu-footer ul li a{
	background-color: var(--rp-menu-cor-fundo);
	color: var(--rp-menu-cor-txt);
	padding: 4px 6px;
	border-radius: 4px;
	transition: all 0.4s;
}

.menu-footer ul li a:hover{
	background-color: var(--rp-menu-cor-fundo-hv);
	color: var(--rp-menu-cor-txt-hv);
}

#navbarSupportedContent .nav-categorias-mobile{
	display: none;
}

.form-search.mobile{
	display: none;
}

@media only screen and (max-width: 991px) {
	#toggle-menu-mobile:focus{
		box-shadow: none;
	}

	#navbarSupportedContent{
		display: block;
		position: absolute;
		top: 100%;
		background-color: #f9f9f9;
		padding: 10px 20px;
		left: -1000px;
		transition: left 0.6s;
		z-index: 500;
	}

	#navbarSupportedContent.collapse.navbar-collapse.show{
		left: 0px;
	}

	nav.categorias_list{
		display: none;
	}

	#navbarSupportedContent .nav-categorias-mobile{
		display: block;
	}

	#navbarSupportedContent .nav-categorias-mobile ul{
		padding-left: 10px;
		height: 300px;
		overflow-y: scroll;
	}

	#navbarSupportedContent .nav-categorias-mobile ul li{
		list-style: none;
		padding-bottom: 4px;
		border-bottom: 1px solid #e1e1e1;
		margin-top: 10px;
	}

	.form-search.desk{
		display: none;
	}
	
	.form-search.mobile{
		display: block;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 8px;
	}

	.form-search.mobile > form{
		display: flex;
		gap: 8px;
	}

	.form-search.mobile > form > input{
		width: auto;
		flex: 1;
	}

	.box-action-users{
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
}

.form-search {
	width: 100%;
    text-align: center;
    margin-top: 18px;
}

.form-search > form > input{
	width: 46%;
    height: 42px;
    padding-left: 10px;
    border-radius: 6px;
    border: 1px solid #c1c1c1;
}

.form-search > form > button{
	background-color: #198754;
    color: #FFF;
    height: 42px;
    width: 42px;
    border: none;
    border-radius: 5px;
}

.notificacoes-total{
	background-color: red;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #fff;
    font-size: 0.8rem !important;
    position: absolute;
    top: -10px;
    right: 5px;
	display: none;
}

@media only screen and (min-width: 1200px) {
	#box-notification{
		position: absolute;
		right: 240px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	#box-notification{
		position: absolute;
		right: 220px;
	}
}

@media only screen and (max-width: 991px) {
	#box-notification{
		position: absolute;
		right: 78px
	}
}

/* WhatsApp flutuante */
#whatsapp-home{
	position: fixed;
    background-color: #008137;
    color: #FFF;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 20px;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
	z-index: 46;
}

#whatsapp-home > a{
	color: #fff;
    width: 100%;
    text-align: center;
}

#whatsapp-home > a > i{
	display: flex;
    align-items: center;
    justify-content: center;
}

/* FAQ */

.card-faq .card-faq-head{
	border: 1px solid;
    border-radius: 6px;
    font-weight: 600;
}

.card-faq .card-faq-head > label{
    padding: 8px 18px;
    width: 100%;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-faq .card-faq-body{
	display: none;

	border-left: 1px solid;    
    border-right: 1px solid;	
	border-bottom: 1px solid;
    border-radius: 0px 0px 6px 6px;
	
	padding: 0px 10px 0px;

	pointer-events: none;
	overflow:hidden;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-faq input[type="checkbox"]{
	display: none !important;
}

.card-faq input[type="checkbox"]:checked ~ .card-faq-head{
	border-radius: 6px 6px 0px 0px;
}

.card-faq input[type="checkbox"]:checked ~ .card-faq-head > label > i{
    rotate: 180deg;
}

.card-faq input[type="checkbox"]:checked ~ .card-faq-body{
	display: block;
	padding-top: 10px;
}

.menu-login-mobile{	
    zoom: 86%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: 12px;
}

#box-contato{
	background-color: var(--contato-cor-fundo);
	color: var(--contato-cor-txt);
	margin-bottom: -3rem;
}

#box-contato h1{
	color: var(--contato-cor-titulo);
}

#box-contato  #box-contato-rede-sociais a{
	color: var(--contato-rede-sociais);
}

#box-contato .btn-enviar-contato{
	background-color: var(--contato-from-cor-btn);
	color: var(--contato-form-cor-btn-txt);
}

#box-contato .btn-enviar-contato:hover{
	background-color: var(--contato-from-cor-btn-hv);
	color: var(--contato-form-cor-btn-txt-hv);
}


#box-ctnt-lojas{
	background-color: var(--lojas-cor-fundo);
	margin-bottom: -3rem;
	padding-bottom: 2rem;	
	padding-top: 1.3rem;
}

#box-ctnt-lojas h3{
	color: var(--lojas-cat-seg-cor-titulo);
}

#box-ctnt-lojas ul{
	list-style: none;
	padding-left: 0.5rem;
}

#box-ctnt-lojas .btn-categorias, #box-ctnt-lojas .btn-segmentos{
	color: var(--lojas-cat-seg-cor-btn-txt);
	background-color: var(--lojas-cat-seg-cor-btn);
	display: table;
    padding: 2px 6px;
    border-radius: 4px;
    margin-bottom: 6px;
	cursor: pointer;
}

#box-ctnt-lojas .btn-categorias.active-category, #box-ctnt-lojas .btn-segmentos.active-segment{
	color: var(--lojas-cat-seg-cor-btn-txt-hv);
	background-color: var(--lojas-cat-seg-cor-btn-hv);
}

#box-ctnt-lojas #box-lojas .lojas-contents {
    grid-template-columns: repeat(auto-fill, 24.3%);
}

#box-ctnt-lojas #box-lojas .lojas-contents .loja-itens a.loja-link{
	background-color: var(--lojas-card-cor-destaque);
}


#box-ctnt-lojas #box-lojas .lojas-contents .loja-itens .loja-conteudo{
    color: var(--lojas-card-cor-titulo);
}



.box-loja{
	background-color: var(--loja-cor-fundo);
	color: var(--loja-cor-txt);
	margin-bottom: -3rem;
	padding-bottom: 2rem;
}

.box-loja h2{
	color: var(--loja-cor-titulo);
}

.box-loja .bx-rd-sc a{
	color: var(--loja-cor-redes-sociais);
}

#footer #box-rodape-rede-sociais a{
	color: var(--rp-rs-cor-icone);
	background-color: var(--rp-rs-cor-fundo);
	padding: 4px 8px;
    font-size: 1.2rem;
    border-radius: var(--rp-rs-arredon-borda);
	transition: all 0.4s;
}

#footer #box-rodape-rede-sociais a:hover{
	color: var(--rp-rs-cor-icone-hv);
	background-color: var(--rp-rs-cor-fundo-hv);	
}