/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../themes/home.css ***!
  \********************************************************************/
@media (max-width: 767px) {
	.home .container.products { max-width: 100%; }
}

.home .maisvendidos h2, .home .novidades h2 {
	margin-top: 0;
	border: 0;
}



.home .products{padding: 40px 0}
.home .products .slick-track{margin: 0!important}
.home .products .slick-dots{margin: 1rem 0!important}
.home .products>div{padding:0 10px}
.home .banner-mini{margin:0;padding:0}
.home .banner-mini .item{padding:0 10px;margin:10px 0 0 0}
.home .banner-mini .item img {max-width: 100%; height: auto;}
.home .banner-mini .item:first-child{padding-left:0}
.home .banner-mini .item:last-child{padding-right:0}
@media (max-width:575px){
	.home .banner-mini .item{padding:0 0 20px 0 }
	.home .banner-mini .item:last-child{padding-bottom:0}
}
.home .categorias{padding-bottom:20px}
.home .categorias a{font-size:12px}

.home-institucional{

	.slick-track{
		margin-bottom: 0 !important;
	}
}


.products-institutional,
.about-institutional {
	background-size: cover;
	padding-block: 80px;
}

.products-carousel-cotainer{
	.slick-list{
		overflow: visible !important;
	}
}


.products-institutional{
	background-image: url(/dist/344d72c08b66666b9953.jpg);
	background-repeat: no-repeat;
	padding-block: 80px;
	.head-container{
		margin-bottom: 60px;
	}
	.card-container{
		position: relative;
		transition: .3s;
		&:hover {
			transform: scale(1.1);
			.card-parallelogram {
				background: var(--gray);
			}

			.image-text-container span{
				opacity: 1;
			}
		}
	}

	.card-parallelogram {
		top: -20px;
		right: 80px;
		position: absolute;
		height: 60px;
		width: 60px;
		transform: skew(50deg);
		background: var(--primary-color);
		transition: .6s;
		z-index: 2;
	}

	
	.product-card{	
		background-color: var(--gray);
		
		display: flex;
		align-items: start;
		justify-content: center;
		
		transition: .3s;
		display: flex;

		gap: 20px;
		flex-direction: column;
		padding: 20px;
		padding-top: 80px;
		text-decoration: none;

		clip-path: polygon(0 0,
			/* topo esquerdo */
			85% 0,
			/* quase topo direito */
			240% 100%,
			/* canto inferior direito */
			0 100%
			/* canto inferior esquerdo */
		);
		
		.image-text-container{
			position: relative;
			display: flex;
			align-items: start;
			justify-content: start;
			
			span{
				position: absolute;
				color: #fff;
				padding: 17px;
				opacity: 0;
				transition: .3s;
				font-size: 16px;
				font-weight: 600;
			}

			img{
				filter: grayscale(1) brightness(60%);
				transition: .3s;
			}

		}

		.title{
			display: flex;
			flex-direction: column;
			
			span{
				text-transform: uppercase;
				font-size: 18px;
			}

			span:first-of-type{
				font-weight: 600;
			}
		}

		&:hover{
			background-color: var(--primary-color);
			img{
				filter: grayscale(0);
			}

		}
		
	}

	.slick-slide{
		transition: .3s;
		.card-container{
			display: flex !important;
			align-items: center;
			justify-content: center;
		}
	}

}



#about{
	background-image: url(/dist/1542202caaf66df7a24a.jpg);
	background-repeat: no-repeat;


	.about-container{
		gap: 20px;

		.text p, .diferentials span{
			font-size: 24px;
			color: var(--light-gray);
		}

		.text{
			max-width: 800px;
		}
		.diferentials{
			display: flex;
			align-items: start;
			justify-content: start;
			flex-direction: column;
			gap: 20px;

			.card-diferenciais{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				height: 100px;
				img{
					height: 60px;
					width: auto;
				}
				.separator{
					content: '';
					width: 8px;
					height: 100%;
					background-color: var(--primary-color);	
				}
			}
		}
	}


}



section#categories{
	background: #F0F0F0;
	padding-block: 40px;

	.categories-carousel{
		.card-category{
			display: flex !important;
			align-items: center;
			justify-content: center;
			position: relative;
			cursor: pointer;
			max-width: fit-content;
			img,span{
				transition: .3s;
			}
	
			img{
				filter: grayscale(1);			
				max-width: 100%;
			}
	
			span{
				position: absolute;
				bottom: 40px;
				font-size: 40px;
				line-height: 36px;
				font-weight: 600;
				color: var(--primary-color);
				width: min-content;
	
			}
	
			&:hover{
			img {
				filter: grayscale(0);
			}
				span{
					color: #fff;
				}
			}
			
		}
	
		.slick-slide{
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.slick-prev,
		.slick-next{
			background-position-y: bottom;
	
			&:hover{
				background-position-y: top;
			}
		}
	}

	.text-wrapper{
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		span{
			font-size: 28px;
			color: var(--primary-color);
			font-weight: 600;
			line-height: 35px;
			&:first-of-type{
				font-weight: normal;
				color: var(--gray);
			}
		}
	}

	@media (max-width: 992px) {
		.categories-carousel .card-category span{
			font-size: 30px;
			line-height: 26px;
		}

		.text-wrapper {
			text-align: center;
			span{
				font-size: 18px;
			}
		}
	}
}



section#bidding{
	
	background: #565656 url(/dist/71b272b01bd373f129a6.jpg) no-repeat;
	background-position-x: left;
	background-position-y: top;
	background-size: auto 100%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 80px;

	.content{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 40px;
		padding-inline: 20px;
		.head-container-2{
			margin-top: 80px;
			h2{
				color: #fff;
			}
		}

		.text-container{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 40px;
			gap: 40px;

			background-color: #0000006b;
			border-radius: 0 100px 0 100px;
			max-width: 1400px;
			padding: 40px;
			p, span{
				color: #fff;
				font-size: 20px;
			}

			span.featured{
				color: var(--primary-color);
				font-weight: 600;
				margin-bottom: 20px;
			}

			.access-container{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 40px;
				margin-right: 40px;

				.buttons-container{
					display: flex;
					flex-direction: column;
					gap: 10px;
					width: fit-content;
					a{
						padding: 7px 15px;
						color: #000;
						background-color: #fff;
						border: 2px solid var(--primary-color);
						text-decoration: none;
						border-radius: 100px;
						font-weight: 600;
						font-size: 20px;
						width: 250px;
						text-align: center;
						transition: .3s;
						&:hover{
							color: var(--primary-color);
						}
					}
				}

				img{
					position: absolute;
					bottom: -114px;
					right: -89px;
					height: 250px;
				}
			}
		}
	}

	@media (max-width: 992px){
		.content {
			.text-container {
				gap: 20px;
				padding: 20px;
				p,span {
					font-size: 16px;
				}
				.access-container {
					margin: 0 !important;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					img{
						display: none;
					}

					.buttons-container{
						a{
							padding: 5px 10px;
							font-size: 16px;
							width: 200px;
						}
					}
				}
			}
		}

		
	}
}

section#resale{
	background-image: url(/dist/16e2ba5ed2d6693d45d2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
	padding-block: 80px;


	.content{
		display: flex;
		align-items: start;
		justify-content: space-between;
		
		.text{
			max-width: 50%;
			p{
				color: #fff;
				margin: 0;
				font-size: 20px;
			}
	
			p:first-of-type{
				font-size: 40px;
				font-weight: 600;
				margin-bottom: 20px;
			}
		}

		/* img{
			box-shadow: -60px 16px var(--gray);
		} */
	}

	@media(max-width: 992px){
		padding: 20px;
		padding-block: 40px;

		.content{
			flex-direction: column;
			.text{
				max-width: 100%;

				p:first-of-type {
					font-size: 20px;
					margin-bottom: 10px;
				}

				p{
					font-size: 16px;
				}
			}

			img{
				margin-top: 20px;
				max-width: 100%;
			}
		}
	}
}

section#brax-group{
	background-image: url(/dist/2109575b9db88a479c09.jpg);
	background-repeat: no-repeat;
	background-size: cover;

	padding: 20px;
	padding-block: 80px;

	.content{
		display: flex;
		align-items: start;
		justify-content: center;
		gap: 80px;
		padding: 20px;
		margin-top: 40px;
	}

	img{
		width: 30%;
		max-width: 300px;
		height: auto;
	}

	
	.text-container{
		max-width: 600px;
		display: flex;
		align-items: start;
		justify-content: space-between;
		flex-direction: column;
		gap: 50px;
		span{
			color: #fff;
			a{
				font-weight: 600;

				color: var(--primary-color) ;
			}
		}

		& > a {
			padding: 10px 15px;
			color: #000;
			background-color: var(--primary-color);
			border: 2px solid #000;
			text-decoration: none;
			border-radius: 100px;
			font-weight: 600;
			font-size: 20px;
			width: 250px;
			text-align: center;
			transition: .3s;
		}
	}

	@media (max-width: 992px) {
		padding-block: 40px;
		padding: 10px;

		.content{
			gap: 40px;
			padding: 10px;
			margin-top: 20px;
			flex-direction: column;
		
			a{
				display: flex;
				align-self: center;
			}

		}

		img{
			width: 100%;
			max-width: unset;
		}


	}
}

section#shopinfo{
	background: var(--light-gray);
	padding: 40px;

	.container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 25px;
		font-weight: 600;
	
		a,strong{
			color: var(--primary-color);
		}
	
		a{
			font-size: 20px;
			font-weight: normal;
		}

		i{
			margin-right: 10px;

			svg{
				height: 40px;
				width: auto;
				path{
					fill: var(--primary-color);
				}
			}
		}

		.iconcreditcard svg{
			height: 30px;
		}

	}

	@media (max-width: 992px) {
		padding: 20px;
		.container,a{
			font-size: 16px !important;
		}

		.container{
			flex-direction: column;
			
			justify-content: start;
			align-items: start;
			gap: 20px;
			padding: 0;
			i{
				margin: 0 !important;
			}
			.shopinfo-card{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
			}

			svg{
				height: 30px !important;
			}

		.iconcreditcard svg{
			height: 20px !important;
		}
		}
	}
}


@media (max-width:992px) {
	.about-institutional{
		.about-texts-container .text-container{
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: fit-content fit-content;

			.main-content{
				border-right: none;
				border-bottom: 2px solid var(--primary-color);
				padding-left: 0;
			}

			.next-container{
				flex-direction: row !important;
				padding-top: 10px;
			}
		}

		.maps-container{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			.maps{
				iframe{
					max-width: 100%;
				}
				span {
					font-size: 1.5rem;
				}
			} 
			a{
				font-size: 18px;
				padding: 5px 10px;
			}

		
		}
	}

	section#bidding{
		.text-container{
			flex-direction: column;
		}
	}
	
}