/* SLIDER
---------------------------------*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	clear: both;
}

.slick-list {
	position: relative;
	display: block;
	overflow-x: hidden;
	margin: 0;
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	margin: 5px auto;
	height: auto;
	width: 80%;
}

	div#BannerHomeMobile .slick-slide img,
	div#MobileSliderHome .slick-slide img,
	div#bnr-DEF-movil    .slick-slide img,
	div#bnr-BAF-movil    .slick-slide img{
		display: block;
		margin: 0 auto;
		height: auto;
		width: 100%;
	}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	transition: all 100ms linear;
}

.shelf{position:relative;clear: both;}
.shelf:hover + *{z-index:-1;position:relative}
.shelf .slick-slider{padding-bottom:20px}
#ProductosDestacados{margin-top:20px}

.bw-shelf li{position:relative;transition: all .12s linear;width: 25%;float: left;}
.bw-shelf li:hover{z-index: 998;}
.bw-shelf li:hover > div{background:#fff}
.bw-shelf li:hover .buttons-shelf-cont{opacity: 1;/* visibility: hidden; */}

body.category .bw-shelf li{position:relative;}
body.category .shelf{position:relative; padding:0;}
body.category .shelf + *{margin-top:-80px}
body.category .shelf + *{z-index:-1;position:relative}
body.category.bw-shelf li{position:relative;padding:0;}
body.category.bw-shelf li{z-index:999;}
body.category.bw-shelf li > div{background:#fff}


body.subcategory .bw-shelf li{position:relative;padding: 0;}
body.subcategory .shelf{position:relative;}
body.subcategory .shelf + *{margin-top:-80px}
body.subcategory .shelf + *{z-index:-1;position:relative}
body.subcategory.bw-shelf li{position:relative;padding: 10px;}
body.subcategory.bw-shelf li{z-index:999;}
body.subcategory.bw-shelf li > div{background:#fff}

body.category.list-view.list-view .shelf{position:relative;}
body.category.list-view .shelf + *{margin-top:-80px}
body.category.list-view .shelf + *{z-index:-1;position:relative}
body.category.list-view .bw-shelf li{position:relative;padding: 10px;}
body.category.list-view .bw-shelf li{z-index:999;}
body.category.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}
body.category.list-view .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;flex: 0 0 45%;}


body.subcategory.list-view .shelf{position:relative;}
body.subcategory.list-view .shelf + *{margin-top:-80px}
body.subcategory.list-view .shelf + *{z-index:-1;position:relative}
body.subcategory.list-view .bw-shelf li{position:relative;padding: 10px;}
body.subcategory.list-view .bw-shelf li{z-index:999;}
body.subcategory.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}
body.subcategory.list-view .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;flex: 1 0 20%;margin-left: 0;margin-top: 0rem;}



#SliderHome .slick-list.draggable {
	padding: 0;
}

.prateleira .slick-active:last-child {
	border-right: 0 !important
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url('/arquivos/ajax-loader.gif') center center no-repeat
}

/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	z-index: 90;
	position: absolute;
	top: 45.4%;
	display: block;
	width: 37px;
	height: 37px;
	padding: 0;
	/*
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	*/
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	transition: all .15s ease
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before { /* font-family: 'slick'; *//* font-size: 20px; *//* line-height: 1; *//* opacity: .75; *//* color: white; *//* -webkit-font-smoothing: antialiased; */
	-moz-osx-font-smoothing: grayscale
}

.slick-next:hover {
	background-position: 11px center
}

.slick-prev:hover {
	background-position: -4px center
}

.slick-prev {
	left: 0;
	background: url("https://storage.googleapis.com/famsa/vtex/svg/icono-famsa-arrow-L.svg") no-repeat center center;
	background-size: 80%;
	opacity: .5;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: '<'
}

[dir='rtl'] .slick-prev:before {
	content: '<'
}

.slick-next {
	right: 0px;
	background: url(https://storage.googleapis.com/famsa/vtex/svg/icono-famsa-arrow-R.svg) no-repeat center center;
	background-size: 80%;
	opacity: .5;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: '>'
}

[dir='rtl'] .slick-next:before {
	content: '>'
}

.slick-dots {
	position: absolute;
	bottom: -35px;
	display: flex;
	height: fit-content;
	padding: 0;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	justify-content: flex-end;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	padding: 0;
	float: none;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: inherit;
	height: inherit;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	content: "";
	border-radius: 5px;
	background: #a8a8a8;
	backface-visibility: hidden
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	opacity: 1
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
	background-color: #016ab3;
}

			#SliderHome .slick-dots {
				justify-content: center !important;
				left: 0 !important;
				top: 92% !important;
			}
				.slick-dots li button{
					border-radius: 50% !important;
					border: 1px solid #fff !important;
				}
				
				.slick-dots li.slick-active button, 
				.slick-dots li:hover button,{
					background-color: #f00 !important;
				}
			#BannerHomeMobile .slick-dots,
			#MobileSliderHome .slick-dots,
			#bnr-DEF-movil 	  .slick-dots,
			#bnr-BAF-movil    .slick-dots{
				bottom: 13px !important;
				justify-content: center !important;
			}



.qty-input-shelf input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #747474;
	font-weight: 700;
	height: 35px;
	width: 70px;
	text-align: center;
	font-size: 13px;
	/* padding-left: 32px; */
	/* margin-left: 13px; */
}

.btn-add-buy-button-asynchronous {
	border-radius: 7px;
	border: 2px solid #d4d4d4;
	color: #747474;
	height: 35px;
	font-size: 15px;
	overflow: hidden;
}

.buy-button-normal {
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	height: 40px;
	display: flex;
	align-items: center;
}

.buy-button-normal a {
	color: white;
}

.buy-button-normal:hover {
	color: white;
}

.shelf .product-shelf-container {
	padding: 15px;
	border-radius: 5px;
	position: relative;
	transition: all .12s linear;
}

body.category .shelf .product-shelf-container {
	padding: 10px;
}

body.subcategory .shelf .product-shelf-container {
	padding: 10px;
}
span.qty-label-shelf {
	color: #747474;
	font-size: 9px;
}

.list-view span.escaped-name-shelf {
	color: #747474;
	display: block;
	overflow: unset;
}
span.escaped-name-shelf {
	color: #747474;
	display: block;
	overflow: hidden;
	min-height: 32px;
}

.buttons-shelf-cont {
	display: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}


/*
* Clases btn carousel
_________*/

.shelf .buttons-shelf-cont {opacity: 0;visibility: hidden;transition: all .12s linear;}
.shelf .product-shelf-container:hover {
	box-shadow: 0px 0px 5px 2px #e6e6e6;

}
.shelf .product-shelf-container:hover > .buttons-shelf-cont {
	visibility: visible;
	opacity: 1;
	position: relative;
}

.shelf .qty-add2-btns {
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}

.shelf span.qty-label-shelf {
	display: inline;
	background: #fff;
	padding: 0 4px;
	margin: 0;
	position: absolute;
	top: -4px;
	left: 2px;
	width: 32px;
}


a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated {
	color: #747474;
	max-height: 35px;
	font-size: 0;
	width: inherit;
}

a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated::before {
	content: "Agregar al carrito";
	font-size: 12px;
	font-weight: 500;
}

.buttons-shelf-cont > .shelf-btn-comprar {
	width: 100%;
}

.buy-button-normal a {
	width: 100%;
	font-size: 0;
	font-weight: 700;
	height: inherit;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-button-go);
}

.buy-button-normal a:hover{
	background:var(--color-primary-hover);
	color: white;
	border-radius: 5px;
}

.buy-button-normal a::before {
	font-size: 15px;
	content: "Comprar";
	color: white;
}

.wrapper-buy-button-asynchronous > span.add {
	width: inherit;
}

.wrapper-buy-button-asynchronous {
	width: inherit;
}



.shelf .qty-input-shelf {
	width: 76px;
	padding-right: 10px;
	position: relative;
}

.shelf .qty-input-shelf input[type="text"] {
	width: 100%;
	height: 30px;
}

.shelf a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated::before {
	content: "Agregar al carrito";
	font-size: 10px;
	font-weight: 500;
}

.shelf a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated {
	padding: 3px;
	display: flex;
	align-items: center;
	height: 30px;
	justify-content: center;
}

.shelf .addtocart-button-shelf {
	width: 100%;
	display: flex;
	justify-content: center;
}
.shelf .btn-add2cart {
	font-size: 12px;
	transition:all .12s linear;
	display: block;
	width: 100%;
	border: 2px solid #efefef;
	color: #747474;
	font-weight: 700;
	background: #efefef;
	border-radius: 5px;
}
.shelf .btn-add2cart:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}
.shelf .slick-slide:hover .product-shelf-container {
	box-shadow: 0px 0px 5px 2px #e6e6e6;
}
@media (min-width:320px){
	span.escaped-name-shelf {
		font-size: 14px;
	}
	body.home .buttons-shelf-cont {
	}
	.shelf .slick-slide:hover .buttons-shelf-cont {
	}
	.shelf .product-shelf-container:hover {
		box-shadow: 0px 0px 5px 2px #e6e6e6;
	}
	.carousel {
		padding-bottom: 60px;
	}
	.product .carousel .slick-slide {
		margin-bottom: 0px;
	}


}
@media(min-width:375px){

	#ProductosDestacados.carousel .slick-slide {
		margin-bottom:0px;
	}
}

#TabsNavigationBrands{
	/* padding-top: 20px; */
	margin-bottom:30px;
}

@media (min-width:768px){
	#ProductosDestacados.carousel .slick-slide {
		margin-bottom:10px;
	}
	.shelf + *{/* margin-top:-80px; */position:sticky;}
	.shelf + *:hover{z-index: 99;}
	#SliderHome.carousel .slick-slide {
		margin-bottom:0;
		margin-top: 0;
	}
	.carousel .slick-slide {
		margin-bottom: 80px;
	}
	body.category .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;margin-top: 2rem;}
	body.subcategory .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;margin-top: 2rem;}
	body.category.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}
	body.subcategory.list-view .bw-shelf li > div{background:#fff;flex-wrap: wrap;}


	li.test.last.slick-slide.slick-current.slick-active {
		margin-bottom: 80px;
	}

}
/*Desktop L*/
@media (min-width: 992px) {
	.shelf a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated::before {
		font-size: 12px;
	}
	#ProductosDestacados.carousel .slick-slide {
		margin-bottom:0px;
	}
	.carousel .slick-slide {
		margin-bottom: 0px;
	}

	.shelf .slick-slide:hover .buttons-shelf-cont {
	}

	.shelf .slick-slide:hover .product-shelf-container {
		box-shadow: 1px 1px 8px 0px rgba(0,0,0,.1);
	}

	body.category .bw-shelf li .buttons-shelf-cont{opacity:0;visibility:visible;}
	body.subcategory .bw-shelf li .buttons-shelf-cont{opacity:0;visibility:visible;margin-top: unset;}


	body.category .bw-shelf li:hover .buttons-shelf-cont{opacity:1;visibility:visible;margin-top: 15px;}
	body.subcategory  .bw-shelf li:hover .buttons-shelf-cont{opacity:1;visibility:visible;/* margin-top: -10px; */}

	body.category.list-view .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;flex: 1 0 20%;margin-left: 0;margin-top: 0rem;}
	body.home .buttons-shelf-cont {
		display: flex;
	}
	li.test.last.slick-slide.slick-current.slick-active {
		margin-bottom: 0;
	}
}


/*Desktop Pig*/
@media (min-width: 1200px) {
	.shelf a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated::before {
		font-size: 14px;
	}
	body.category.list-view .bw-shelf li > div{background:#fff;}

	body.category.list-view .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;}
	body.category.list-view .bw-shelf li .buttons-shelf-cont{opacity:1;visibility:visible;flex: 0 0 30%;}

}

/*Desktop Pig*/
@media (min-width: 1440px) {
	.shelf a.btn.btn-add-buy-button-asynchronous.btn-not-clicked.asynchronousBuyButton.actionActivated.vtexsm_activated::before {
		font-size: 16px;
	}
	body.list-view figure.shelf-img.shelf-front {
		width: 100%;
	}

	span.escaped-name-shelf {
		min-height: 38px;
		line-height: 18px;
		margin-bottom: 3px;
		border-bottom: 1px solid #efefef;
	}
}