/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../themes/home.css ***!
  \********************************************************************/

.home {
	.banner-mini{
		margin:0;padding:0;
		.item{
			padding:0 10px;margin:10px 0 0 0;
			img {max-width: 100%; height: auto;}
			&:first-child{padding-left:0}
			&:last-child{padding-right:0}
		}
	}

	.products{
		padding: .5rem 0;
		.slick-track{margin: 0!important}
		.slick-dots{margin: 1rem 0!important}
	}

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

	#destaques{
		background-color: #efefef;
		padding: 2rem 0;
		.title{
			padding-bottom: 2rem;
		}
		.destaque-tab{
			gap: 1rem;
			background-color: #fff;
			list-style: none;
			padding: .75rem 0rem;
			border-radius: 5px;
			.item-tab{
				text-transform: uppercase;
				font-weight: 500;
				font-size: 18px;
				padding: .5rem 3rem;
				&.selected{
					border-bottom: 4px solid #000;
				}
			}
		}
	}

	section#featured-manufacturer{
		background: url(/dist/ae6bc3ba8a98d9d33242.webp);
		background-position: center;
		background-size: cover;
		padding-block: 160px;
		margin-bottom: 40px;

		.featured-card{
			background-color: var(--primary-color);
			border-radius: 10px;
			gap: 40px;
			max-width: fit-content;
			padding: 47px;
			position: relative;

			.text-container{
				max-width: 388px;
			}

			span{
				color: #DEE2E6;
				margin-bottom: 14px;
				font-weight: 500;
			}

			.title{
				font-size: 28px;
			}

			.subtitle{
				font-size: 13px;
			}

			.name{
				font-size: 20px;
				color: #ECBC55;
				padding-bottom: 14px;
				margin-bottom: 14px;
				width: 100%;
				border-bottom: 1px solid #fff;
			}

			.logo{
				height: 136px;
				width: auto;
			}

			.bottle-place-holder{
				width: 100px;
			}

			.bottle{
				height: 405px;
				position: absolute;
				right: 47px;
			}

			.logo-container{
				gap: 40px;
			}
		}

		@media(max-width: 992px){
			.featured-card{
				padding: 34px;
				gap: 20px;
				.bottle{
					position: unset;
				}

				.logo{
					height: 93px;
					width: 93px;
				}
			}
		}
	}

	.banner-container{
		margin-bottom: 40px;
	}
}

/*Banners*/
.home{
	@media (min-width: 2000px) {
		.bannerPrincipal{
			.slick-slide{
				pointer-events: none;
				opacity: 0;
				transition: .3s;
			}
	
			.slick-slide.slick-current{
				opacity: 1;
			}
		}
	}
}
@media (max-width: 767px) {
	.home .container.products { max-width: 100%; }
}
@media (max-width:575px){
	.home .banner-mini .item{padding:0 0 20px 0 }
	.home .banner-mini .item:last-child{padding-bottom:0}
}