/*!********************************************************************!*\
  !*** 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-institutional{
	background-image: url(/dist/344d72c08b66666b9953.jpg);
	background-repeat: no-repeat;
	padding-block: 80px;
	.product-card{	

		height: 433px;
		position: relative;
		display: flex;
		justify-content: center;
		/* overflow: hidden; */
		
		img{
			height: 100%;
			min-width: 100%;
			object-fit: cover;
			filter: grayscale(1) brightness(60%);
			transition: .3s;
		}

		span{
			position: absolute;
			color: var(--blue);
			align-self: center;
			font-size: 30px;
			text-align:center;
			font-weight: 600;
			text-transform: uppercase;
			text-wrap: wrap;
			line-height: 30px;
		}

		&:hover{
			img{
				min-width: 110%;
				filter: grayscale(0);
			}
		}
		
	}

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

	.slick-list{
		overflow: visible;
	}
	.slick-slide:not(.slick-active) {
		/* margin-left: -95px; */
		opacity: 0;
	}

	.slick-dots{
		margin-left: -40px;
		margin-top: 40px;
	}
	
	@media (max-width: 992px) {
			.slick-dots{
				margin-left: 0 !important;
			}
	}
}



.about-institutional{
	background-image: url(/dist/5513f7a03d80c80ea15c.jpg);
	background-repeat: no-repeat;
	.about-texts-container{
		
		padding-top: 30px;
		padding-left: 30px;
		position: relative;

		/* Removemos as bordas tradicionais e usamos o gradiente para desenhá-las */
		background:
			/* Linha do Topo (começa depois da diagonal) */
			linear-gradient(to right, transparent 29px, var(--blue) 29px) top / 100% 2px,
			/* Linha da Esquerda (começa depois da diagonal) */
			linear-gradient(to bottom, transparent 29px, var(--blue) 29px) left / 2px 100%,
			/* A Linha Diagonal */
			linear-gradient(135deg, transparent 20px, var(--blue) 20px, var(--blue) 22px, transparent 22px) top left / 60px 60px;

		background-repeat: no-repeat;
	

		.text-container{
			display:grid;
			grid-template-columns: 90% 10%;
			
			.main-content{
				padding: 20px;
				border-right: 2px solid var(--blue);

				p{
					color: #fff;
					display: flex;
					align-items: start;
					justify-content: start;
					flex-direction: column;
					gap: 10px;
					font-size: 16px;
					strong{
						color: var(--blue);
						font-size: 18px;
					}
				}
			}
			.next-title, h3{
				color: var(--primary-color);
			}
			.next-container{
				display: flex;
				align-items: center;
				justify-content: space-between;
				cursor: pointer;
				font-size: 35px;
				font-weight: 600;

				.next{
					content: '';
					background-image: url(/dist/12984ab7f1875ed725fc.png);
					height: 37px;
					width: 34px;

					&:hover{
						background-position-y: bottom;
					}
				}
				

			}
		}
	}

	.maps-container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 20px;

		.maps{
			display: flex;
			align-items: start;
			justify-content: start;
			flex-direction: column;
			gap: 20px;

			span{
				font-size: 25px;
				font-weight: 600;
				text-transform: uppercase;
				color: var(--light-gray);
				display: flex;
				align-items: center;
				gap: 10px;
				justify-content: start;
				i {
					height: 35px;
					svg{
						height: 35px;
						width: auto;
						path{
							fill: var(--light-gray);
						}
					}
				}
			}
		}


		a{
			font-size: 25px;
			font-weight: 600;
			color: #000;
			background-color: var(--blue);
			padding: 10px 20px;
			border-radius: 100px;
			text-decoration: none;
			border: 2px solid #000;
			transition: .3s;

			&:hover{
				color: var(--blue);
				border: 2px solid var(--blue);
				background-color: #000;
			}
		}
	}
}



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(--blue);
			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(--blue);
				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(--blue);
						text-decoration: none;
						border-radius: 100px;
						font-weight: 600;
						font-size: 20px;
						width: 250px;
						text-align: center;
						transition: .3s;
						&:hover{
							color: var(--blue);
						}
					}
				}

				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(--blue) ;
			}
		}

		& > a {
			padding: 10px 15px;
			color: #000;
			background-color: var(--blue);
			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(--blue);
				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;
		}
	}
	
}