body {
	font-family: 'Barlow', sans-serif;
	/* font-family: 'Barlow Condensed', sans-serif; */
	font-weight: 400;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	letter-spacing: 0.6px;
	background-color: #fff;
}

html::-webkit-scrollbar {
	-webkit-appearance: none;
}

html::-webkit-scrollbar:vertical {
	width: 10px;
}

html::-webkit-scrollbar-button:increment,
html::-webkit-scrollbar-button {
	display: none;
}

html::-webkit-scrollbar:horizontal {
	height: 10px;
}

html::-webkit-scrollbar-thumb {
	background-color: #000000;
	border-radius: 20px;
	border: 2px solid #f1f2f3;
}

html::-webkit-scrollbar-track {
	border-radius: 10px;
}



.input-group .form-control {
	z-index: 0;
}

b,
strong {
	font-weight: 500;
}

/* default font size */
.fa {
	font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10.2px;
}

.d-inline-block {
	display: inline-block;
	vertical-align: middle;
}

a {
	color: #000;
	transition: 0.3s ease;
	/* text-transform: capitalize; */
}

:focus {
	outline: none !important;
}

a:focus,
a:hover,
.btn-link:focus,
.btn-link:hover {
	text-decoration: none;
	outline: none;
	color: var(--verde);
}

legend {
	font-size: 18px;
	padding: 7px 0px;
	color: #000;
	border-color: #f2f2f2;
}

label {
	font-size: 12px;
	font-weight: normal;
}

.dir_entrega_checkout {
	font-size: 14px;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
	font-size: 13px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 13px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
	color: #000
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* header desktop santi */
.fondo_header {
	background-color: #cec8c8;
}

.header_desktop {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: absolute;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.header_desktop_product {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: unset;
	z-index: 0;
}

.izquierda_header {
	padding: 0px;
	margin: 7px 0 0 0;
}

.derecha_header {
	padding: 0px;
	margin: 0px;
	margin: 7px 0 0 0;
}

.logo_desktop img {
	width: 55%;
}

.menu_header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.grand-child {
	display: none;
}

.contenedor_menu_logo,
.contenedor_menu_logo_blanco {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.fixed.fadeInDown.animated .contenedor_menu_logo {
	background-color: black;
}

.fixed.fadeInDown.animated .contenedor_menu_logo_blanco {
	background-color: white;
}

.derecha_header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	height: 48px;
}

.contenedor_header_desktop {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#menu_header {
	width: 70%;
}

.boton_icono_menu {
	padding: 0px;
	margin-right: 0px;
}

.menuwidth {
	padding: 0px;
}

.circulo_carousel_header {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	/* 	background-color: #1D1D1B; */
}

.titulo_metodoenvio {
	text-transform: none;
}

.last-category {
	border-bottom: none !important;
	margin-bottom: 34px !important;
}

@media (max-width: 767.98px) {
	.cuotas_product {
		color: var(--verde);
		padding: 2px 0 0 10px;
		font-weight: 500;
		font-size: 14px;
	}

	/*  .elemento_footer aside{
		padding: 0px 12px;
	} */

	/* input seleccion de talle santi */

	.talle_input {
		display: none;
	}

	/* input[type=radio]{
		display: none;
	} */
	input[type=radio]+label {
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		cursor: pointer;
		margin: 0px;
	}

	input[type=radio].visible:checked+label {
		background-color: #ededed !important;
		color: #000000 !important;
		border-color: #ededed !important;
	}

	.seleccion_talle {
		padding: 0;
	}

	.talle_modal {
		display: flex;
		justify-content: center;
		align-items: center;
	}

}

@media (max-width: 991.98px) {
	.subtitulo_footer_desk,
	.titulo_footer_desk,
	.tienda_online_desk,
	.locales_desk,
	.equipos_desk,
	.empresa_footer_desk,
	.club_footer_desk,
	.contenedor_newsletter {
		display: none !important;
	}

	.iconos_redes_footer {
		margin-top: 5% !important;
	}

	footer .hidden-xs,
	footer .hidden-sm {
		display: none !important;
	}

	footer .row {
		margin: 0px;
	}

	footer .container {
		width: 100%;
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	footer .derechos_footer {
		border-top: none;
	}

	.elemento_footer#elemento_1 {
		border-top: 1px solid #000000;
		margin-top: 10%;
		padding-left: 0;
		padding-right: 0;
	}

	.elemento_footer#elemento_2 {
		border-top: 1px solid #000000;
	}

	.elemento_footer#elemento_3 {
		border-top: 1px solid #000000;
		padding: 0px;
	}

	.elemento_footer#elemento_3 #pagos_mobile {
		border-top: 1px solid #000000;
	}

	.envios_mobile div ul li,
	.empresa_mobile div ul li {
		text-transform: uppercase;
		font-size: 17px;
		margin: 9px 0;
	}

	.empresa_mobile {
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.nocturna_mobile {
		border-top: 1px solid;
	}

	.locales_mobile {
		padding: 0px 15px;
	}

	.derechos_footer .bajo_footer_desk {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.contacto_footer_desk {
		text-align: center;
		font-size: 24px;
	}

	.elemento_footer#elemento_3 .storeinfo {
		padding: 6px 15px;
	}

	.elemento_footer#elemento_4 {
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}

	.elemento_footer .storeinfo {
		padding: 6px 0px;
	}

	.span_footer {
		display: flex;
		align-items: center;
	}

	.imagen_footer {
		margin-right: 11px;
	}

	.iconos_redes_footer {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.iconos_redes_footer div {
		margin: 0 7px;
	}

	.iconos_redes_footer div i {
		color: #000000;
		font-size: 20px;
	}

	#whatsapp .contenedor-whatsapp {
		left: 80% !important;
	}
}

@media (max-width: 991px) {
	.imagen_lupa_search {
		width: 24px;
		height: 21px;
	}

	.container {
		width: 100%;
	}

	#menu_header {
		width: 100%;
	}

	.menuwidth {
		padding: 9px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 963px;
	}
}

@media (min-width:1200px) and (max-width:1409px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 1410px) and (max-width: 1589px) {
	.container {
		width: 1380px;
	}
}

@media (min-width: 1590px) {
	.container {
		width: 1560px;
	}
}

.form-control {
	box-shadow: none;
	border: 1px solid #eee;
	border-radius: 4px;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	border-radius: 0
}

.form-control:focus {
	/* border: 1px solid var(--verde); */
	box-shadow: none
}

/* search */

#search {
	width: 97%;
	margin: auto;
}

#search .input-lg {
	height: 48px;
	padding: 0 16px;
	border: none;
	font-size: 14px;
	background-color: #fff;
}

#search .btn-lg {
	height: 48px;
	font-size: 14px;
	background-color: var(--verde);
	/*border-radius: 0 30px 30px 0;*/
	min-width: 120px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#search .btn-lg:hover {
	background-color: #000;
}

#search .btn-lg:hover svg {
	fill: #fff;
}

#search .form-control:focus {
	border: none;
	box-shadow: none;
}

/* cart */
.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

#cart.open>.btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}

#cart .dropdown-menu {
	z-index: 1001;
}

#cart .dropdown-menu {
	min-width: 295px;
	padding: 10px 0;
	box-shadow: none;
}

.dropdown-menu {
	border-radius: 4px;
}

#cart .btn-danger {
	background-color: #fff;
	color: #222;
	padding: 0;
	border-color: #fff;
	border: none;
	transition: all 0.4s ease-in-out 0s;
}

#cart .dropdown-menu table {
	margin-bottom: 10px;
	font-size: 14px;
}

#cart .table-striped>tbody>tr:nth-of-type(2n+1) {
	background: none;
}

#cart li tbody tr td {
	border-bottom: 1px solid #eee !important;
	border: none;
}

#cart li tbody tr td {
	border-bottom: 1px solid #eee !important;
	border: none;
	font-size: 12px;
}

.cartdrop {
	padding: 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.cartdrop img {
	max-width: 60px;
	border-radius: 4px;
	padding: 0
}

.cartname {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 10px;
	width: 160px;
	font-size: 14px;
	transition: 0.3s ease;
}

.cartname:hover {
	color: #000;
}

.cartname a {
	font-weight: 500;
}

.cartprice {
	clear: both;
	position: relative;
	top: -35px;
	left: 70px;
	width: 50%;
	color: #000;
	font-size: 13px;
	direction: ltr;
	margin-bottom: -10px;
}

#cart .dropdown-menu li>div {
	padding: 0 10px;
}

#cart .dropdown-menu li>div table td {
	border: 1px solid #eee;
}

.cart-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 998;
}

.cart-dropdown {
	position: fixed;
	top: 0;
	right: 0;
	width: 85%;
	max-width: 400px;
	min-width: 280px;
	height: 100vh;
	background: #fff;
	border-left: 1px solid #ddd;
	box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 999;
	padding: 1.2rem;
}

.cart-dropdown__close {
	position: absolute;
	right: 1.4rem;
	padding: 0;
	border: none;
	background-color: #fff;
}

.cart-dropdown__panel {
	overflow-y: auto;
	height: 100%;
}

.cart-dropdown {
	position: fixed;
	top: 0;
	right: 0;
	width: 85%;
	max-width: 400px;
	min-width: 280px;
	height: 100%;
	background: #fff;
	border-left: 1px solid #ddd;
	box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 999;
	padding: 1.2rem 0 0;
}

.cart-dropdown__close-wraper {
	position: absolute;
	right: 1.4rem;
	height: 2rem;
	display: flex;
	justify-content: flex-end;
}

.cart-dropdown__body {
	height: 100%;
	flex-grow: 1;
	-webkit-box-flex: 1;
	display: flex;
	flex-direction: column;
}

.cart-dropdown__close {
	padding: 0;
	border: none;
	background-color: #fff;
}

.cart-dropdown__close i {
	font-size: 2rem;
	font-weight: 400;
}

.cart-dropdown__panel {
	overflow-y: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cart-item-container {
	display: flex;
	gap: 1rem;
	padding: 1rem;
	padding-bottom: 0;
}

.cart-item {
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem;
}

.cart-item .cart-item-image {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0;
	height: 100%;
}

.cart-dropdown .totals-table {
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 1rem;
}

.cart-dropdown .totals-table td {
	padding: 1rem;
	text-align: end;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}



.cart-item img {
	height: 100%;
	padding: 0;
	width: 100%;
}

.cart-item-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	display: block;
	font-size: 1.5rem;
}

.cart-item .cart-item-remove {
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: end;
	padding: 0;
	background-color: #fff;
	color: #000;
	border: none;
	display: flex;
	justify-content: center;
}

.cart-dropdown__footer {
	padding: 1rem;
	border-top: 1px solid #ddd;
	text-align: center;
}

.cart-dropdown__actions {
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: center;
}

.cart-dropdown__actions .cart-dropdown__button {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	width: 35%;
	padding: 1rem;
	border-radius: 4px;
}

.cart-dropdown__header {
	border-bottom: 1px solid #ddd;
}

.cart-dropdown__title {
	font-size: 2rem;
	padding: 0 1rem;
	font-weight: 400;
}

@media(max-width: 991px) {
	.cart-dropdown {
		right: 0;
	}
}

.cart-dropdown__title {
	font-size: 2rem;
	padding: 0 1rem;
	font-weight: 400;
	margin-top: 0;
}

.cart-dropdown__content {
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	.cart-dropdown {
		width: min(100%, 400px);
		min-width: 0;
		height: 100vh;
		height: 100dvh;
		max-height: 100dvh;
		padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px);
		box-sizing: border-box;
	}

	.cart-dropdown__panel {
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.cart-dropdown__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 56px;
		padding: 0 .75rem 0 1rem;
	}

	.cart-dropdown__title {
		margin: 0;
		padding: 0;
		font-size: 1.8rem;
	}

	.cart-dropdown__close {
		position: static;
		width: 44px;
		height: 44px;
		font-size: 1.8rem;
		line-height: 1;
	}

	.cart-dropdown__content {
		height: auto;
		min-height: 0;
		flex: 1 1 auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.cart-item-container {
		padding: .75rem 1rem 0;
	}

	.cart-item {
		display: grid;
		grid-template-columns: 64px minmax(0, 1fr) 44px;
		gap: .75rem;
		align-items: start;
	}

	.cart-item .cart-item-image,
	.cart-item .cart-item-details,
	.cart-item .cart-item-remove {
		float: none;
		width: auto;
	}

	.cart-item .cart-item-image {
		height: 64px;
	}

	.cart-item img {
		height: 100%;
		object-fit: contain;
	}

	.cart-item-name {
		font-size: 1.4rem;
	}

	.cart-item .cart-item-remove {
		width: 44px;
		height: 44px;
		align-items: center;
	}

	.cart-dropdown__footer {
		flex: 0 0 auto;
		padding: .75rem 1rem;
	}

	.cart-dropdown__actions {
		gap: .75rem;
	}

	.cart-dropdown__actions .cart-dropdown__button {
		display: flex;
		flex: 1 1 0;
		align-items: center;
		justify-content: center;
		width: auto;
		min-height: 44px;
		padding: .75rem;
	}
}

.empty-cart__container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: 500;
}

/* menu */
#menu .dropdown-submenu {
	padding: 15px;
}

#menu .dropdown-menu {
	padding-bottom: 0;
}

#menu .dropdown-inner {
	display: table;
}

#menu .dropdown-inner ul {
	display: table-cell;
}

#menu .collapse li.view_more.my-menu {
	cursor: pointer;
	padding: 12px 0px;
	border-radius: 0;
	margin: 0 15px;
}

#menu .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 3px 2px;
	clear: both;
	line-height: 23px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
}

#menu .dropdown-inner .dropdown-submenu ul.grand-child li {
	padding: 0;
}

#menu .dropdown-inner .dropdown-submenu .submenu-title {
	font-weight: 400;
	padding: 7px 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #1D1D1B;
	font-size: 15px;
}

.cat_outlet {
	font-weight: bold !important;
	padding-bottom: 48px;
}

@media(min-width: 992px) {

	/* #menu .dropdown-menu {
		margin-top: 10px;
		border-bottom: 3px solid var(--verde) !important;
		border: 1px solid #e0e0e0;
		box-shadow: none;
		border-radius: 4px;
		opacity: 0;
		display: block;
		transform-origin: 0 0 0;
		transform: scale(1, 0);
		transition: all 500ms ease 0s;
		padding-bottom: 10px !important;
		left: 0 !important;
		right: auto;
		top: 20px;
		margin-left: 0px !important;
		z-index: 1000 !important;
	} */
	/* #menu .dropdown:hover .dropdown-menu {
	  	display: block;
	}
	#menu li a:hover .enangle {
	  	transform: rotate(-180deg);
	  	transition: all 0.3s ease 0s;
 	}
	#menu .dropdown:hover .dropdown-menu {
		  opacity: 1;
		  transform: scale(1, 1);
	} */
	.view_cat_menu:hover .more-menu {
		opacity: 1;
		visibility: visible;
	}

	.more-menu {
		padding: 10px;
		position: absolute;
		left: auto;
		right: 0;
		margin: 0;
		border-radius: 0;
		border: none;
		box-shadow: 0 0px 5px rgba(0, 0, 0, .175);
		min-width: 230px;
		border-bottom: 3px solid var(--verde);
		background: #fff;
		z-index: 9;
		opacity: 0;
		display: inline-block;
		-webkit-transition: all 0.35s ease-out 0s;
		-o-transition: all 0.35s ease-out 0s;
		transition: all 0.35s ease-out 0s;
		text-align: left;
		line-height: 28px;
	}
}

/* content */
#content {
	min-height: 600px;
	padding: 0px;
}

/* alert */
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
	border-radius: 0
}

/* alert design */
.a-one {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

.a-one {
	background-color: #000;
	-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=40)";
	background-color: rgba(0, 0, 0, .6);
	bottom: 0;
	z-index: 99
}

.alert a {
	color: #222;
	font-weight: 500
}

.alert a:hover {
	color: var(--verde)
}

.alert h2 {
	font-size: 27px;
	color: #111;
	margin-bottom: 15px;
	margin-top: 26px;
	text-transform: capitalize;
}

.alert.alertsuc {
	padding: 13px 12px;
	background-color: #fff;
	border: 1px solid #ededed;
	color: #666;
	font-size: 14px;
	position: fixed;
	z-index: 99;
	transition: all ease .6s;
	border-radius: 0px;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
	top: 30%;
	padding: 10px;
	border-radius: 5px;
	flex-direction: column;
	display: flex;
	color: #000000;
	justify-content: center;
	align-items: center;
}

.alert-danger svg,
.alert-info svg,
.alert-success svg {
	display: block;
	margin: 0 auto 20px;
	width: 65px;
	height: 65px
}

.alert-success svg {
	fill: #4CAF50
}

.alert-danger svg {
	fill: #E2574C
}

.alert-info svg {
	fill: #31708f
}

.a-one .alert-dismissable .close,
.a-one .alert-dismissible .close {
	position: absolute;
	top: 8px;
	right: 8px;
	opacity: 1;
	color: #222;
	color: inherit
}

/* breadcrumb */
.breadcrumb {
	margin: 0px 0 0px 0;
	padding: 8px 15px;
	background: transparent;
	border-radius: 4px;
}

/* .breadcrumb li a {
	margin-left: -12px;
} */
.breadcrumb i {
	font-size: 15px;
}

.breadcrumb>li a:hover {
	color: #000;
}

.breadcrumb>li a:hover {
	color: var(--verde);
}

.breadcrumb>li a::after {
	content: '|';
	padding: 0 5px 0 2px;
	color: #000;
}

.breadcrumb>li:last-child a::after {
	content: '';
	padding: 0;
}

.breadcrumb>li+li::before {
	padding: 0;
	color: #000;
	content: "";
}

.pagination {
	margin: 0;
	padding: 0;
}

/* buttons */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: transparent;
}

.buttons {
	margin: 1em 0;
}

.btn {
	padding: 7.5px 12px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	box-shadow: none;
}

.btn-xs {
	font-size: 9px;
}

.btn-sm {
	font-size: 10.2px;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
	font-size: 12px;
}

.btn-group>.btn-xs {
	font-size: 9px;
}

.btn-group>.btn-sm {
	font-size: 10.2px;
}

.btn-group>.btn-lg {
	font-size: 15px;
}

.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn.active,
.btn:active {
	outline: none;
	box-shadow: none
}

.btn-primary {
	background-color: var(--verde);
	color: #fff;
	border: none;
	text-transform: capitalize;
	transition: 0.3s ease;
	font-size: 14px;
	border-radius: 4px;
}

#checkout-checkout .btn-primary,
#button-payment-method,
#button-shipping-method,
#button-shipping-address,
#button-payment-address,
#button-register,
#button-guest,
#button-login,
#button-account {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: none !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	padding: 10px 25px !important;
	border-radius: 0 !important;
	transition: all 0.3s ease;
}

#button-confirm-final,
#checkout-checkout .btn-success {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: none !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 19px !important;
	/* Large premium size */
	padding: 15px 30px !important;
	border-radius: 0 !important;
	transition: all 0.3s ease;
	opacity: 1 !important;
	height: auto !important;
}

#checkout-checkout .btn-primary:hover,
#button-confirm-final:hover {
	background-color: #333333 !important;
	color: #ffffff !important;
}

#checkout-checkout .btn-primary[disabled],
#button-confirm-final[disabled] {
	background-color: #666666 !important;
	opacity: 0.7 !important;
	cursor: not-allowed !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background-color: #000;
	color: #fff
}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger,
.btn-info {
	color: #ffffff;
	background-color: var(--verde);
	transition: 0.3s ease;
}

.btn-danger:active:hover,
.btn-danger:hover,
.btn-info:hover,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
	background-color: #000;
	color: #fff
}

.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #000;
	border-radius: 0;
	transition: 0.3s ease;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
	padding: 0;
	border: none;
}

.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */
.list-group a {
	border: 1px solid #eee;
	padding: 12px 12px;
	text-transform: capitalize;
}

.catlistpage.list-group a.active,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.catlistpage.list-group a.active:hover {
	background: #fff;
	color: var(--verde);
	border: 1px solid #eee;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover,
.catlistpage.list-group a:hover {
	background-color: #fff;
	color: var(--verde)
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}

.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}

.rating .fa-stack {
	font-size: 6px;
	width: 12px;
	height: 12px;
}

.rating .fa-star-o,
.rating .fa-star {
	color: #ffc600;
	font-size: 13px;
}

.rating .fa-star+.fa-star-o {
	color: #ffc600;
}

h2.price {
	margin: 0;
}

.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.thumbnails>img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left+#content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left+#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	/* min-width: 50px; */
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: transparent !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: transparent;
}

/*loader */
/*loader */
.s-panel {
	position: relative;
}

.s-panel .wrloader {
	/*background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat #f5f5f5;*/
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

/* custom css */
.fixed {
	position: fixed;
	z-index: 999;
	top: 0;
	box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .1);
	transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
	left: 0;
	right: 0;
	background-color: #ffffff;
}

ol,
ul {
	margin-bottom: 0;
}

.list-inline {
	margin: 0
}

.list-inline>li {
	padding: 0
}

.langcur .btn-link.dropdown-toggle {
	transition: 0.3s ease;
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 7px;
	display: inline-block;
	letter-spacing: 0;
}

.langcur .dropdown-menu {
	min-width: 25rem;
	padding: 15px 15px;
}

.langcur .dropdown-menu li,
.xsla,
.xscu {
	display: inline-block;
}

.langcur .langcdrop .dropdown-menu li {
	display: block
}

.langcur .dropdown-menu.langcdrop {
	min-width: 18rem;
	padding: 10px;
}

.hbottom .test,
.inuser .dropdown-toggle {
	font-size: 12px;
	font-weight: 500;
	position: relative;
	top: 1px;
}

.xsla {
	margin: 0 20px;
}

.btn-link.dropdown-toggle.test {
	display: inline-block;
	position: relative;
	text-transform: capitalize;
	padding: 5px 5px;
	border: 1px solid #fd6c00;
	border-radius: 5px;
	background: #fd6c00;
	font-weight: 400;
	font-size: 13px;
	color: #fff;
}

.btn-link.dropdown-toggle.test:hover {
	background-color: #000;
	border: 1px solid #000;
}

/* search 
.desktop-search {
    border: 1px solid #e4e4e4;
    border-radius: 30px;
}*/

#winter-search-category {
	float: left;
	width: 200px;
	border: none;
	height: 48px;
	padding: 10px 15px;
	-moz-appearance: none;
	background: #f5f5f5 url("../../../../../image/catalog/arrow.png");
	background-position: right 10px bottom 21px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	border-radius: 30px 0 0 30px;
	background-color: #f5f5f5;
	border-right: 1px solid #eee;
}

#winter-search-category option {
	text-transform: capitalize;
}

svg {
	vertical-align: middle;
	transition: 0.3s ease
}

.d-search button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.d-search button svg {
	width: 16px;
	height: 16px;
	fill: #fff;
}

.d-search {
	background: var(--verde);
	min-height: 35px;
	margin-right: -5px;
	vertical-align: middle;
	padding: 6px 10px;
}

.wbSearch #search_block_top {
	position: relative;
	align-items: center;
	width: 100%;
	max-width: 1000px;
	border-radius: 30px;
}

/* result */
.winter-search-result .searchbr {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #eee;
	margin: 15px 0;
	float: left;
	width: 100%;
	aspect-ratio: 3/1;
}


.winter-search-result {
	left: 0;
	top: 100%;
	right: 0;
	box-shadow: none;
	background-color: #fff;
	border-radius: 0;
	position: absolute;
	z-index: 99;
	max-height: 530px;
	overflow-y: auto;
	margin-top: 1px;
}

.winter-dis h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0
}

.winter-dis .list-des {
	font-size: 12px;
	color: #777;
	text-transform: capitalize;
	color: #282828;
	margin: 0 0 10px 0;
	max-height: 40px;
	overflow: hidden;
}

.winter-search-result p {
	margin: 5px 15px;
}


#search_block_top .input-group {
	position: unset
}

/* search over */
.cant_favoritos {
	background-color: var(--verde);
	border-radius: 50%;
	width: 14px;
	height: 14px;
	text-align: center;
	color: #ffffff;
	display: flex !important;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 63%;
	bottom: 52%;
}

#cart-total {
	background-color: var(--verde);
	border-radius: 50%;
	width: 14px;
	height: 14px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	right: 15%;
	bottom: 56%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cartta {
	position: absolute;
	text-align: center;
	line-height: 17px;
	font-size: 13px;
	color: #fff;
	left: 20px;
	top: -10px;
	background: var(--verde);
	height: 17px;
	width: 17px;
	border-radius: 10px;
}

#cart button.dropdown-toggle {
	border: none !important;
	text-transform: capitalize;
	font-weight: 500;
	line-height: normal;
	background-color: transparent;
	outline: 0 !important;
	box-shadow: none !important;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

#top-links ul li svg {
	width: 18px;
	height: 17px;
	fill: #000;
	cursor: pointer
}

#top-links ul li svg:hover,
#top-links ul li.inuser .dropdown-toggle:hover svg {
	fill: var(--verde)
}

#cart .dropdown-menu p {
	margin-bottom: 0;
}

.hsticky {
	padding: 24px 0;
	border-bottom: 1px solid #e4e4e4;
}

.menusp,
#top-links {
	margin-top: 10px;
}

.dropdown.inuser {
	margin: 12px 20px;
}

.haccount {
	/* min-width: 21rem; */
	line-height: 29px;
	padding: 8px 15px;
	text-transform: capitalize;
	box-shadow: none;
}

.langcdrop {
	line-height: 29px;
	padding: 8px 15px;
	text-transform: capitalize;
	box-shadow: none;
}

.haccount li a i {
	margin-right: 8px;
	min-width: 16px;
}

.haccount.dropdown-menu>li>a,
.langcdrop .btn-link {
	padding: 5px 0;
}

.haccount.dropdown-menu>li>a:hover {
	color: var(--verde)
}

.langcur {
	margin: 0 15px;
}

/* menu */
#menu .navbar-collapse {
	padding: 0
}

.navbar {
	min-height: auto;
	margin-bottom: 0;
	border: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
}

#menu .fa.pull-right {
	margin: 4px 3px;
}

#menu .navbar-nav>li>a {
	letter-spacing: .4px;
	padding: 8px 0px;
	margin: 0 !important;
	display: flex;
	justify-content: space-between;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 23px;
}

/* slider */
.owl-carousel.owl-theme .owl-controls {
	margin-top: 0
}

.owl-carousel.owl-theme .owl-controls .owl-page span {
	margin: 0;
	background: var(--verde);
	box-shadow: none;
	width: 20px;
	height: 4px;
}

.owl-carousel .owl-wrapper-outer {
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.owl-theme.owl-carousel {
	background-color: transparent;
	margin: 0;
	z-index: 0;
}

.sliderow .owl-pagination {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	top: auto
}

.sliderow img {
	border-radius: 0;
}

.slick-dots {
	background-color: transparent !important;
	z-index: 1 !important;
}

.slick-dots li {
	margin: 0 5px !important;
}

/* slider */
.slidebg {
	/* margin: 0 -15px; */
}

.slidebig {
	position: absolute;
	z-index: -1;
}

.slidebig h1 {
	font-size: 315px;
	font-weight: 700;
	color: #fff;
	text-transform: capitalize;
	transform: scale(1.1);
	transition: all 1.5s ease;
}

.slidedes {
	margin-top: 90px;
	margin-left: 155px;
	overflow: hidden;
	position: absolute;
	z-index: 9;
	top: 10%;
}

.slidecap a {
	border-bottom: 1px solid var(--verde);
	color: var(--verde);
	text-transform: capitalize;
}

.slidesmall h3 {
	/* font-size: 16px; */
	/* color: #fd6c00; */
	/* text-transform: uppercase; */
	/* font-weight: 400; */
	margin-bottom: 10px;
	transition: all 1.5s ease;
	transform: translateX(100px);
}

.slidesmall h2 {
	font-size: 50px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 400;
	transition: all 1.5s ease;
	transform: scale(1.5);
}

.slidesmall hr {
	border-top: 2px solid var(--verde);
	width: 15%;
	margin: 10px 0 0 0;
}

.slidesmall p {
	font-size: 14px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	margin: 25px 0;
	transition: all 1.5s ease;
	transform: translateX(-300px);
}

.homeslider-container .slick-current.slick-active .slidesmall h3,
.homeslider-container .slick-current.slick-active .slidesmall h2,
.homeslider-container .slick-current.slick-active .slidesmall p,
.homeslider-container .slick-current.slick-active .slidebig h1 {
	transform: unset;
	text-transform: unset;
}

/* product */
.heading {
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 400;
	margin: 10px 0 20px 0;
	position: relative;
	padding-bottom: 10px;
}

/* .heading::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 2px;
    bottom: 0;
    background: #fd6c00;
} */
.next-prevb .heading {
	margin: 60px 0 30px 0;
}

.heading svg {
	width: 145px;
	height: 15px;
	fill: #d9d9d9;
}

.heading span {
	display: block;
	position: relative;
}

.nav-tabs>li {
	display: inline-block;
	float: none;
	margin-bottom: 0
}

.nav-tabs {
	border-bottom: none
}

.pro-tab li a {
	border: none !important;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: #808080;
	line-height: normal;
	margin: 0 0px;
	border-radius: 0;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}

.lpro {
	padding: 0 45px;
}

.pro-tab li.active>a,
.pro-tab li.active>a:focus,
.pro-tab li.active>a:hover {
	color: var(--verde)
}

.pro-tab.nav-tabs {
	margin-bottom: 30px;
}

.product-thumb:hover .second-img {
	opacity: 1;
}

.product-thumb .second-img {
	top: 0;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: all 400ms ease-in-out 0s;
}

.product-card-images {
	position: relative;
	display: block;
	overflow: hidden;
}

.product-card-images .hover-image {
	display: none;
}

@media (min-width: 1024px) {
	.product-card-images .hover-image {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 200ms ease-in-out;
		pointer-events: none;
	}

	.product-card-images .main-image {
		transition: opacity 200ms ease-in-out;
		display: block;
	}

	.product-card-images.has-hover:hover .hover-image {
		opacity: 1;
	}

	.product-card-images.has-hover:hover .main-image {
		opacity: 0;
	}
}

.sale {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 9px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 194px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.grid_columnas .sale_doble {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 20px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	/* top: 0px; */
	bottom: 0px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.grid_columnas .icono_corazon_product_individual {
	position: absolute;
	bottom: 95%;
	left: 88%;
	width: 22px;

}

.display_grid_uno .icono_corazon_product_individual {
	position: absolute;
	bottom: 95%;
	left: 88%;
	width: 22px;

}

.display_grid_uno .sale_doble {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 20px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	/* top: 0px; */
	bottom: 0px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.sale_doble {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 30px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	/* top: 211px; */
	bottom: 0px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.product-thumb {
	position: relative
}

.protitle {
	font-size: 14px;
	color: #202020;
	margin: 0;
	font-weight: 300;
	transition: 0.3s ease;
	padding: 10px 0;
	/*  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.protitle a {
	color: #202020;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
}

.protitle:hover,
.protitle:hover a {
	color: var(--verde);
}

.product-thumb .price {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	transition: 0.3s ease;
	letter-spacing: 0;
	min-height: 22px;
	font-weight: 400;
}

.price-old {
	color: #999;
	text-decoration: line-through;
	font-size: 12px;
	font-weight: 500;
}

/* button effect */
.product-thumb .button-group svg {
	width: 18px;
	height: 18px;
	fill: #000;
}

.product-thumb .button-group button,
.product-thumb .button-group a {
	background-color: #f5f5f5;
	/* box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); */
	border-radius: 4px;
	color: #fff;
	width: 40px;
	height: 30px;
	text-align: center;
	border: none;
	padding: 4px 8px;
	font-size: 13px;
	text-transform: uppercase;
	transition: 0.3s ease;
	display: inline-block;
	vertical-align: middle;
	margin: 2px 2px;
}

.product-thumb .button-group button:hover,
.product-thumb .button-group a:hover {
	background-color: var(--verde);
}

.bquickv {
	display: inline-block;
	vertical-align: middle;
}

.product-thumb .button-group button:hover svg,
.bquickv:hover svg {
	fill: #fff;
}

.product-thumb .button-group button.cartb span {
	display: inline-block;
	vertical-align: middle
}

@media (min-width: 992px) {
	.next-prevb .owl-carousel.owl-theme .owl-controls {
		margin-top: 0px;
		bottom: 65%;
		position: absolute;
		width: 100% !important;
	}

	.product-thumb .button-group {
		position: absolute;
		bottom: 18%;
		left: 0;
		right: 0;
		text-align: center;
		margin: 0 auto;
		overflow: auto;
		opacity: 0;
		transition: all 0.4s ease-in-out 0s;
	}

	.product-thumb .rating {
		position: absolute;
		bottom: 20%;
		left: 0;
		right: 0;
	}

	.product-thumb .rating {
		transition: all 0.4s ease-in-out 0s;
	}

	.product-thumb:hover .rating {
		opacity: 0;
	}

	.product-thumb:hover .button-group {
		opacity: 1;
	}

	.product-thumb .opbtn {
		transition: all 0.4s ease-in-out 0s;
	}
}

.product-thumb {
	margin-bottom: 30px;
	border-radius: 4px;
}

.product-thumb .image {
	/* border: 1px solid #e4e4e4;
	border-radius: 4px; */
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.product-thumb img {
	/* border-radius: 4px; */
	width: 100%;
	height: 100%;
}

.home-page .product-layout:last-child .product-thumb {
	margin-bottom: 1px;
}

/* category */
.block-cat-wr {
	padding: 0 10px;
}

.homecategory .rless {
	margin: 0 -10px;
}

.categorybr {
	border-radius: 4px;
	position: relative;
}

.categorybr a {
	display: block;
}

.categorybr a img {
	width: auto;
	position: relative;
	border-radius: 5px;
}

.block-cat-wr h5 {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 0.3s ease-in-out;
}

.block-cat-wr h5 span {
	display: inline-block;
}

.block-cat-wr:hover h5 {
	opacity: 0;
	bottom: 30px;
}

.block-cat-wr h6 {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	transition: 0.3s ease-in-out;
	font-weight: 400;
}

.block-cat-wr h6 a {
	color: var(--verde);
	font-size: 16px;
}

.block-cat-wr h6 a:hover {
	color: #fd6c00;
}

.block-cat-wr:hover h6 {
	opacity: 1;
	bottom: 20px;
}

.block-cat-wr img {
	position: relative;
}

.block-cat-wr:hover h5 a {
	color: var(--verde);
}

/* service */
.deliveryinfo {
	border-bottom: 1px solid #e4e4e4;
	padding: 50px 0;
	margin: 0 -15px;
}

.deliveryinfo ul li {
	display: block;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

.deliveryinfo ul li span {
	display: inline-block;
}

.deliveryinfo ul li h4 {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.deliveryinfo ul li p {
	font-size: 12px;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 0;
	color: #6d6d6d;
}

.deliveryinfo ul svg {
	fill: var(--verde);
}

.deliveryinfo ul:hover svg {
	fill: #000;
}

@media(min-width: 992px) {
	.sbr::after {
		content: '';
		border-right: 1px solid #dadada;
		height: 65px;
		left: 0px;
		position: absolute;
		top: 16px;
	}
}

/* testimonial start */
.test-img svg {
	width: 40px;
	height: 40px;
	fill: #ffcc00;
	position: relative;
	z-index: 11;
}

.test-img img {
	border: 2px solid #fd6c00;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	z-index: 9;
}

.des_namepost {
	font-size: 15px;
	font-weight: 500;
	color: var(--verde);
	text-transform: uppercase;
	margin: 15px 0 0px;
}

.des_dev {
	font-size: 14px;
	text-transform: capitalize;
	display: inline-block;
	margin-bottom: 5px;
	color: #525252;
	position: relative;
	padding-bottom: 40px;
	margin-top: 6px;
}

.des_dev::before {
	align-items: center;
	text-align: center;
	width: 1px;
	height: 30px;
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	top: auto;
	margin: 0 auto;
	left: 0;
	background-color: var(--verde);
	transition: 0.5s ease;
}

.des_testimonial p {
	font-size: 14px;
	color: #a0a0a0;
	line-height: 29px;
	max-width: 1010px;
	margin: 0 auto;
}

.testibgc {
	text-align: center;
}

.test-p {
	margin-top: 50px;
}

#owl-testi .owl-controls {
	margin-top: 0;
}

/* testimonial end */
/* timer */
.all-pro {
	margin-top: 50px;
}

#count .price {
	margin-top: 10px;
	margin-bottom: 10px;
}

#count .product-thumb {
	margin: 1px 0px;
	display: inline-block;
}

#count .product-thumb .protitle a {
	font-size: 18px;
}

#count .product-thumb .image,
#onsale .product-thumb .image {
	padding: 0;
	border: none;
}

#count .button-group {
	position: unset;
	opacity: 1;
	text-align: left;
}

.timerpro {
	position: relative;
	border: 1px solid #e4e4e4;
	padding: 10px;
	border-radius: 5px;
}

.timerpro .product-thumb .caption .product-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	padding-bottom: 15px;
	font-size: 14px;
	text-transform: capitalize;
}

.timerpro .product-thumb .rating {
	position: unset;
}

.timerpro .product-thumb:hover .rating {
	opacity: 1;
}

.timerpro .product-thumb .box-timer span {
	display: block;
}

.timerpro .product-thumb .box-timer span.countdown-section {
	display: inline-block;
	margin: 0 4px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	min-width: 64px;
	min-height: 70px;
	line-height: normal;
	border-radius: 5px;
}

.countdown-row .countdown-amount {
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #e4e4e4;
	padding: 7px 0;
}

.countdown-period {
	letter-spacing: 0.5px;
	color: #939393;
	text-transform: capitalize;
	font-size: 12px;
	text-align: center;
	font-weight: 400;
	padding: 9px 0;
}

.onspro {
	margin-top: 15px;
}

#onsale .product-thumb .rating {
	position: unset;
}

#onsale .product-thumb:hover .rating {
	opacity: 1;
}

.onsalepro .heading {
	margin-top: 0;
}

.onsalepro .product-thumb .price {
	margin-top: 0px;
	text-align: center;
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	align-items: center;
}

.onsalepro .product-thumb .price .price-new {
	margin-left: 5px;
}

.onsalepro .product-thumb {
	/* border: 1px solid #e4e4e4;
	border-radius: 5px; */
	float: left;
	width: 100%;
}

.onsalepro .caption {
	padding: 0px 0 0 0px;
}

/* blog */
.blog_webi .blog-right h4 {
	font-size: 18px;
	text-transform: capitalize;
	transition: 0.3s ease;
	margin: 0 0;
	font-weight: 400;
	line-height: 23px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 8px 0;
}

.blogd {
	position: relative;
}

.blog-des p {
	color: #a0a0a0;
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 0;
}

.date-time {
	color: #6b6b6b;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	display: inline-block;
	margin: 15px 0 0;
}

.blogda {
	font-weight: 400;
}

.blog_webi .blog-right h4:hover {
	color: var(--verde)
}

.blog_webi .blog-right .read_more:hover {
	color: #000;
}

.lb-nav a {
	transition: none
}

.blog-left:hover .webi_post_hover {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	-webkit-transform: scale(0.93, 0.9);
}

#blog .product-block .webi-blog-image img {
	border-radius: 4px;
}

.webi-blog-image img {
	border-radius: 4px;
}

.blog-left:hover .blog_mask {
	visibility: visible;
}

.webi-blog-image {
	position: relative;
	margin-bottom: 15px;
}

#blog .product-block .webi-blog-image {
	margin-bottom: 0;
}

.webi_post_hover {
	opacity: 0;
	visibility: hidden;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s ease;
	-webkit-transform: scale(0.8);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 10px;
}

.webi_post_hover .icon {
	border-radius: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #252525;
	padding: 9px 9px;
	display: inline-block;
	line-height: 0px;
}

.webi_post_hover .icon:hover {
	background-color: #252525;
	color: #fff;
}

.blog-ic {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
}

.blogal .alert {
	position: unset;
}

.blog-desc {
	color: #777;
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 20px;
}

.blog-comment {
	margin: 0 0 10px 0;
}

.blogal .block-title h3,
.blog-comment {
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
}

.wco {
	margin-left: 38px;
	position: relative;
	top: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #777;
	border-radius: 4px;
}

.bcomment {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 15px;
	margin-bottom: 30px;
}

.view-comment {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.view-comment:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.blogu span {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 23px;
}

.date span {
	margin: 0 20px;
}

.view-comment i {
	font-size: 18px;
	line-height: 30px;
}

.allcomment h5 {
	font-weight: 500;
	font-size: 16px;
	margin: 0;
	line-height: 23px;
}

.blog_comment::before,
.blog_comment::after {
	content: '|';
	padding: 0 15px;
}

.blog_links {
	margin: 15px 0
}

.allmb {
	margin-bottom: 15px;
	background: #fff;
	padding: 0;
}

.sngblog h3 {
	font-size: 16px;
	margin: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
	line-height: 23px;
}

.sngblog .blog-desc {
	margin-bottom: 0
}

.allmb .blog-desc {
	overflow: hidden;
	height: 150px;
}

/* logo slider */
/* newsletter */
.logo-slider {
	background-color: #f5f5f5;
	padding: 15px 0;
	margin-top: 60px;
}

.news-b {
	border: 1px solid #e4e4e4;
	border-radius: 120px;
	padding: 31px 30px;
	margin-top: 60px;
}

.newsbgf h3 {
	font-size: 22px;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 5px;
}

.description-top {
	color: #808080;
}

.newsbgf svg {
	margin-right: 5px;
	fill: #fd6c00;
}

.newsl .description-top p {
	text-transform: capitalize;
	color: #333;
	margin-bottom: 20px;
}

.newsl .input-group input,
.newsl .input-group .input-group-btn button {
	height: 45px;
	border: none;
}

.newsl.alert,
.white-popup .alert {
	position: unset
}

.newsl .form-group {
	margin-bottom: 0;
	position: relative;
	margin-top: 3px;
}

.newsl button.btn-primary {
	background-color: var(--verde);
	color: #fff;
	height: 44px;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	min-width: 120px;
	border-radius: 0 30px 30px 0;

}

.newsl button.btn-primary:hover {
	background-color: #000;
	color: #fff;
}

.newsbgf .alert {
	bottom: -63px;
	top: auto;
	border-radius: 4px;
}

.inner.newsbgf {
	position: relative;
}

.form-control.input-md.inputNew {
	height: 44px;
	border-radius: 30px;
	background-color: #f5f5f5;
}

/* newsletter popup */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 40px 30px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	text-align: center;
}

.white-popup h1 {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 26px;
	margin: 0;
}

.white-popup p {
	color: #777;
	margin: 15px;
	line-height: 23px;
}

.white-popup .form-group .checkbox label {
	position: relative
}

.white-popup .mfp-close {
	background: transparent;
	border-radius: 4px;
}

.newsletter-bg {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
}

.slide-bottom {
	position: absolute;
	padding: 30px;
	background: #FFF;
	bottom: 0;
	right: 10%;
	border: solid 1px #000;
}

.slide-bottom .inner {
	position: relative;
}

.button-slide {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: #000;
	color: #FFF;
	text-align: center;
	line-height: 30px;
}

/* footer */
#column-left1 {
	padding: 0;
}

.social h5 {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	vertical-align: middle;
	margin: 0;
}

#scroll {
	position: fixed;
	right: 20px;
	bottom: 60px;
	cursor: pointer;
	z-index: 8;
	height: 40px;
	width: 40px;
	line-height: 0;
	padding: 5px 0;
	display: none;
	outline: none;
	text-align: center;
	transition: all .5s ease-in-out;
	background: var(--verde);
	color: #fff;
	border-radius: 4px;
}

#scroll:hover {
	background-color: #000;
}

#scroll i {
	font-size: 26px;
}

.middle-footer {
	padding: 50px 0;
	background-color: #ffffff;
}

footer {
	margin-top: 0px;
	/* background-color: #000000; */
	border-top: 1px solid #000000;
}

.middle-footer h5 {
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
}

.middle-footer a,
.f-left li {
	/*   cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 33px;
    color: #707070;
    padding: 0; */
}

.middle-footer a:hover,
.fpayment i:hover {
	color: var(--verde)
}

.fpayment {
	margin-top: 15px;
}

.f-left svg {
	fill: #fd6c00;
	margin-right: 10px;
}

.f-left li {
	word-break: break-all;
}

.copy {
	padding: 0px 0;
	/* border-top: 1px solid #e1e1e1; */
	color: #707070;
	margin-top: 11px;
}

.copy .text-left {
	margin-top: 10px;
}

.copy .text-left a:hover {
	color: #000
}

.foot-tag li a {
	color: #707070;
	font-size: 14px;
	text-transform: capitalize;
	margin: 3px 0;
	padding: 0 9px;
	border-right: 1px solid #d4d4d4;
	line-height: normal !important;
	display: inline-block;
}

.foot-tag li:last-child a {
	border: none;
}

.foot-tag {
	margin-bottom: 30px;
}

.foot-tag .header-link {
	padding: 0 !important;
}

.footpay svg {
	width: 32px;
	height: 32px;
}

.footpay {
	margin-top: 15px;
}

.fsocial a {
	line-height: normal;
	text-align: center;
	font-size: 17px !important;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	min-width: 37px;
	min-height: 37px;
	padding-top: 8px;
	margin: 0 0px;
	border-radius: 100%;
	color: #808080;
	border: 1px solid #d4d4d4;
}

.fsocial a i {
	font-size: 16px;
}

.fsocial a:hover {
	border: 1px solid var(--verde);
	color: var(--verde);
}

.social {
	margin-top: 6px;
}

.footer-top.text-center {
	border-bottom: 1px solid #e4e4e4;
	padding: 20px 0;
}

.foot-des {
	line-height: 23px;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	color: #707070;
	margin-top: 15px;
}

/* carousel button */
.next-prevb .owl-theme .owl-controls .owl-buttons div:hover i {
	color: var(--verde);
}

.next-prevb .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
	opacity: 1;
	width: auto;
	height: auto;
	color: #808080;
	transition: all 0.5s ease-in-out 0s;
	margin: 0;
	border: none;
	position: unset;
}

.next-prevb #cat-img.owl-theme .owl-controls .owl-buttons div {
	top: 35%;
}

.next-prevb .owl-theme .owl-controls .owl-buttons div i {
	color: #808080;
	text-shadow: none;
	font-size: 24px;
}

.next-prevb .owl-carousel.owl-theme .owl-controls {
	margin-top: 0px;
}

.owl-carousel .owl-buttons div i {
	font-size: 22px;
	color: #232323;
	margin: 1px 0 !important;
}

.owl-theme .owl-controls .owl-buttons div i:hover {
	color: #222;
}

/* pagination */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: var(--verde);
	border-color: var(--verde);
	z-index: 0;
	color: #fff
}

.pagination>li>a,
.pagination>li>span {
	color: #252525;
	padding: 7px 12px 5px 12px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #fff;
	background-color: var(--verde);
	border-color: var(--verde);
}

.pagi .tot {
	line-height: 34px;
	font-size: 12px;
}

.pagi {
	margin: 0;
	background-color: #fff;
	padding: 8px 0;
	border: 1px solid #eee;
	border-radius: 4px;
}

.pagination>li {
	display: inline-flex;
}

/* product page */
.productbg {
	/*    max-width: 1300px; */
	margin: 0 auto;
}

.form-rating .form-rating-container,
.radi .form-rating,
.radi label {
	display: inline-block;
	vertical-align: middle;
	margin: 0
}

.form-rating .form-rating-container label,
.form-rating .form-rating-container:hover label {
	margin-bottom: 0;
	cursor: pointer
}

#tab-review .fa-stack-2x {
	color: #ffc600;
}

.form-rating .form-rating-container input {
	display: none
}

.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
	color: #ffc600;
}

.form-rating input:checked~label i.fa-star,
.form-rating input:checked~label i.fa-star-o,
.form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover~label i.fa-star {
	color: #ffc600;
}

.form-rating .form-rating-container label i.fa-star-o,
.form-rating .form-rating-container:hover label i.fa-star-o,
.form-rating .form-rating-container label i.fa-star,
.form-rating .form-rating-container:hover label i.fa-star {
	color: #d9d9d9;
}

.btn.datebtn {
	min-height: 34px;
}

.btn.pcrt.btn-primary {
	min-height: 35px;
}

#product-product .pro-content .alert,
#account-wishlist .alert,
#account-register .alert {
	position: unset;
}

.zoomWrapper {
	position: relative
}

.thumbnail {
	border: none;
	padding: 0;
	margin-bottom: 0;
}

#zoom_03_producto {
	height: 100%;
}

/* .contenedor_img_product{
	height: 57vh;
} */
.botones_producto {}

#zoom_03 {
	/* height: 260px;   */
	border-radius: 0px;
}

.pro-price {
	font-size: 18px !important;
	font-weight: 500;
}

.palert,
#tab-review .alert {
	position: relative;
}

#tab-review #review {
	margin-bottom: 15px;
}

.product-tab .nav-tabs li.active::after {
	height: 2px;
	width: 100%;
}

.product-tab .nav-tabs li::after {
	content: '';
	position: absolute;
	bottom: 0;
	transition: all .3s ease-in-out;
	width: 0;
	border-bottom: 2px solid var(--verde);
	left: 0;
}

.product-tab .nav-tabs>li.active>a,
.product-tab .nav-tabs>li.active>a:focus,
.product-tab .nav-tabs>li.active>a:hover {
	color: var(--verde);
	cursor: default;
	background-color: #fff;
	border: none;
	cursor: pointer;
}

.product-tab .nav>li>a:focus,
.product-tab .nav>li>a:hover,
.product-tab .nav-tabs>li>a {
	border: none;
	background: transparent;
}

.product-tab .nav>li>a {
	padding-left: 0;
	padding-right: 0
}

#tab-specification .table-bordered>thead>tr>td,
#tab-specification .table-bordered>tbody>tr>td {
	border: 1px solid #f6f6f6;
}

.pro-content h1 {
	font-size: 18px;
	text-transform: inherit;
	letter-spacing: 1px;
	margin-top: 0;
}

.pro-content #product h3 {
	font-size: 18px;
}

.pro-content .alert,
.product-quickview-detail .alert,
#accordion .alert {
	position: unset;
}

.pro-content .qty-plus-minus .form-control {
	width: 45px;
	text-align: center;
	border-radius: 0;
}

.btnminus,
.btnplus {
	line-height: 22px;
}

.btnminus span,
.btnplus span {
	position: unset;
}

.producthr {
	border-top: 1px solid #f2f2f2;
}

.text-decor,
.text-de {
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 1px;
	min-width: 150px;
	display: inline-block;
	line-height: 25px;
}

.price-old {
	color: var(--verde);
	text-decoration: line-through;
	font-size: 17px;
	margin-left: 0px;
}

.textdeb {
	margin: 0 4px;
	color: var(--verde);
}

.textdeb:hover {
	color: #000;
}

.text-decor-bold {
	text-transform: capitalize;
	font-size: 14px;
}

.text-decor-bold h2 {
	font-weight: 500;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 0
}

.custom-radio .img-thumbnail {
	display: block;
	padding: 0;
	border-radius: 4px;
	border: none;
	height: 30px;
	width: 30px;
}

.text-decorop {
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 0;
}

.datebtn {
	background-color: #000;
	box-shadow: none;
	transition: all 0.3s ease;
	font-size: 12px;
	color: #fff;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	z-index: 0;
}

.datebtn:hover,
.btnup:hover {
	background-color: var(--verde);
	color: #fff;
}

.pro-content .rating li {
	display: inline-block;
	text-transform: capitalize;
}

#tab-description {
	line-height: 22px;
}

.btnup {
	background-color: #000;
	transition: all 0.3s ease;
	font-size: 14px;
	box-shadow: none;
	border: none;
	color: #fff;
}

.proreview {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0 30px;
	padding: 0 30px;
}

.productwish button {
	background-color: transparent;
	color: #000;
	box-shadow: none;
	border: none;
	font-size: 37px;
	margin-right: 10px;
	padding: 0;
}

.pro-content .pcrt svg {
	fill: #fff;
}

.pro-content .qty-plus-minus .form-control:focus {
	border-color: #ededed;
}

.pro-content #input-quantity {
	border-radius: 0;
}

.product-tab {
	margin-top: 30px;
	margin-bottom: 40px;
	border-radius: 4px;
	border: 1px solid #ededed;
}

.product-tab .nav-tabs {
	border-bottom: 1px solid #ededed;
	padding: 0
}

.product-tab li {
	margin: 0 10px;
}

.product-tab .tab-pane {
	padding: 15px;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
	border-color: #ededed;
}

.qtlabel {
	margin-top: 5px;
}

.product-tab #review .fa-stack {
	font-size: 8px;
}

.rsep {
	padding: 0 20px;
}

.custreview {
	text-transform: capitalize;
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 10px;
}

#review .custreview:nth-child(1) {
	border-top: none;
	margin-top: 0;
	padding-top: 0
}

#tab-review #review {
	border: 1px solid #eee;
	padding: 10px;
	border-radius: 4px;
}

#tab-review #review p {
	margin-bottom: 0;
	font-size: 12px;
	letter-spacing: 0;
}

.custreview p {
	color: #777;
	line-height: 23px;
	font-size: 13px;
	margin-bottom: 0;
}

.crspc {
	padding: 10px 0;
}

.crspc span {
	display: inline-block
}

/* category page */
.product-grid .catlist-des {
	display: none;
}

.catlist-des {
	color: #727272;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: capitalize;
	max-height: 38px;
	overflow: hidden;
}

.filter-panel .panel-footer {
	background-color: #fff;
}

.filter-panel .list-group a {
	color: #000;
	border-bottom: 1px dotted #ededed;
	padding-bottom: 10px;
	font-weight: normal;
}

.filter-panel .list-group a:hover {
	background-color: transparent;
	border-bottom: 1px dotted #ededed;
}

.filter-panel .list-group-item {
	background-color: transparent;
}

.cate-top {
	background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #eee;
	margin-left: 0;
	margin-right: 0;
	border-radius: 4px;
}

.cate-top h2 {
	font-size: 18px;
	color: #000;
	letter-spacing: 0.5px;
	margin-top: 0;
	text-transform: capitalize;
}

.cate-top p {
	font-size: 12px;
	color: #aaa;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}

.cate-border {
	background-color: #fff;
	margin: 0 0 20px 0;
	padding: 10px 0px;
	border: 1px solid #eee;
	border-radius: 4px;
}

#compare-total {
	padding: 0;
	font-weight: 500;
	margin-top: 5px;
}

.catesort label {
	background-color: #fff;
	border: none;
	color: #1e1e1e !important;
}

.lgrid {
	margin-top: 5px;
}

.lgrid svg {
	fill: #aaa;
	cursor: pointer;
}

.lgrid .active svg {
	fill: var(--verde);
	cursor: pointer;
}

.catesort select option {
	background-color: #fff;
	color: #000;
}

/* .select-input::after {
    font-family: 'fontawesome';
	content: '\f107';
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
	pointer-events: none;
} */
.catesort .input-group .form-control {
	z-index: 0;
	border-radius: 4px;
}

.catesort select.form-control {
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.listgridbtn {
	background-color: #fff;
	padding: 0 !important;
	margin: 0 2px;
	border: none;
	box-shadow: none
}

.listgridbtn.active,
.listgridbtn.active:hover,
.listgridbtn:hover {
	background-color: transparent;
	box-shadow: none;
}

.listgridbtn i {
	font-size: 22px;
}

.btn-link:focus,
.btn-link:hover {
	text-decoration: none;
}

@media(max-width: 991px) {
	.middle-footer h5 a {
		color: #000;
		text-transform: uppercase;
		font-size: 23px;
	}

	.middle-footer h5 a i {
		font-size: 25px;
		margin-right: 8px;
	}

	.product-grid,
	.product-list {
		padding: 0 0px;

	}

	.cpagerow {
		margin: 0px;
	}
}

/* .product-grid .product-thumb,.product-list .product-thumb{
	margin-bottom: 0;
} */

.product-list .product-thumb .button-group {
	position: unset;
	transform: none;
	opacity: 1;
	transition: none;
	text-align: left;
	margin-top: 10px;
}

.product-list .product-thumb .opbtn,
.product-list .product-thumb:hover .opbtn,
.product-list .product-thumb:hover .button-group {
	transition: none;
	transform: none
}

.product-list .bquickv {
	opacity: 1;
	transition: none
}

.product-list .protitle,
.product-list .protitle a {
	color: #222;
	font-size: 16px;
	font-weight: 500;
}

.product-list .product-thumb .rating {
	display: block;
	position: unset;
	opacity: 1 !important;
}

.product-list .product-thumb {
	float: left;
	width: 100%;
}

/* filter */
.catfilter.panel-default>.panel-heading,
.cathed {
	color: #fff;
	background-color: #000;
	border: none;
	text-transform: uppercase;
	border-radius: 0;
}

/* .list-group-item:last-child,.panel-footer,.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-radius: 0;
} */
.catfilter .panel-heading button {
	border: none;
	background: transparent;
	box-shadow: none;
}

.catfilter .checkbox input {
	margin-top: 3px;
}

#xsfilter .list-group {
	margin-bottom: 0
}

.panel-default {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.list-group-item {
	border: 1px solid #eee;
}

.panel-footer {
	background-color: #fff;
	border: 1px solid #eee;
}

/* refine search */
.refines {
	margin-bottom: 20px;
}

.refines ul {
	display: inline-block
}

.refines li {
	border: 1px solid #eee;
	font-size: 12px;
	letter-spacing: 0;
	padding: 6px 12px;
	vertical-align: middle;
	margin-right: 10px;
	text-transform: capitalize;
	margin-bottom: 4px;
	border-radius: 4px;
}

.refines h3 {
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 10px;
}

/* search page */
.search-page select.form-control {
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.search-page .select-input {
	position: relative;
}

#product-search .checkbox-inline {
	margin-top: 7px;
}

/* other page */
#common-success .infobg p a {
	color: #000;
	font-weight: 500;
}

#common-success .infobg p a:hover {
	color: var(--verde);
}

.banner-caption {
	width: 80%;
	right: 0;
	text-align: center;
	position: absolute;
	top: 15%;
	margin: 0;
}

.banner-caption h3 {
	font-size: 40px;
	color: #fff000;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 38px;
}

.banner-caption h4 {
	margin: 10px auto 30px;
	font-size: 30px;
	color: #fff;
	text-transform: capitalize;
}

.beffect-o .banner-caption a {
	display: inline-block;
	background-color: #fff;
	border-radius: 30px;
	min-width: 110px;
	font-weight: 500;
}

.beffect-o .banner-caption a:hover {
	background-color: #000;
	color: #fff;
}

.beffect-o {
	position: relative;
}

.offerbanner {
	display: inline-block;
	width: 100%;
	margin-top: 60px;
}

.imgbanner {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

.offrow {
	/* 	margin: 0 -15px; */
}

.product-quickview-detail .swiper-viewport {
	margin: 0
}

.product-quickview-detail {
	width: 100%;
	background-color: #fff;
}

.product-quickview-detail #content {
	min-height: auto;
	margin-top: 20px;
}

.mfp-iframe-scaler iframe {
	background: #fff !important;
	box-shadow: none !important
}

.product-quickview-detail .pro-content h1 {
	margin-top: 0;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	color: #000 !important;
	font-size: 26px !important;
}

.product-quickview-detail #content {
	min-height: auto;
	margin-top: 20px;
}

#checkout-checkout .infobg [class*="col-"] h2 {
	font-size: 18px;
	/*    text-transform: capitalize; */
	margin-top: 0;
}

.contsp {
	margin-left: 35px;
	line-height: 25px;
	margin-bottom: 13px;
	/* text-transform: capitalize; */
}

.infocnt i {
	font-size: 16px;
	vertical-align: bottom
}

.infocnt {
	margin-bottom: 20px;
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border: 1px solid #eee;
}

#accordion .panel-default {
	border: 1px solid #eee;
}

.cartpsp .btn-danger {
	margin: 0 2px;
	height: 34px;
}

.subheading,
.acpage h1,
.not-found-head {
	border-bottom: 1px solid #eee;
	margin-top: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #000;
	padding: 10px 0;
}

.acpage .pull-right input[type="checkbox"] {
	margin-top: 0;
	vertical-align: middle;
}

.sitem ul {
	line-height: 35px;
	padding-left: 25px;
	padding-right: 25px;
}

.sitem ul li {
	list-style: url;
}

#accordion #input-password,
#affiliate-login #input-password,
#account-login #input-password {
	margin-bottom: 10px;
}

#accordion .panel-title i {
	float: right;
}

.panel-title {
	font-size: 14px;
}

.valign {
	vertical-align: middle !important;
}

.well {
	background-color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ededed;
	padding: 0 15px 15px 15px;
}

.well p {
	font-size: 12px;
}

.well p strong {
	font-size: 13px;
	font-weight: 500;
}

.table-hover>tbody>tr:hover {
	background-color: transparent;
}

.addlist {
	border: 1px solid #ededed;
	padding: 10px;
	line-height: 25px;
}

.addl {
	border-top: 1px solid #ededed;
	padding-top: 10px;
	margin-top: 10px;
}

.alert {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 12px;
	border-radius: 0;
	z-index: 99;
	text-transform: initial !important;
}

.alert .close {
	opacity: 1;
	right: 0;
	top: 0;
}

.co-heading {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 0;
}

.img-thumbnail {
	border-radius: 0;
	border: none;
}

.comb .btn-primary {
	margin: 3px 0;
}

.com-description {
	width: 25%;
	color: #777;
	font-size: 13px;
}

.com-summary {
	width: 1%;
}

.brand-list .brands-content {
	padding: 8px;
}

.bname {
	background: none repeat scroll 0 0 #f2f2f2;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 5px 8px;
	border-radius: 4px;
}

.brand-list {
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
}

/* account - left column */
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
	background-color: transparent;
	color: var(--verde);
}

.accolumn {
	/* box-shadow: 0 2px 4px 0 rgba(0,0,0,.09); */
	box-shadow: 0px 0 3px 2px rgba(0, 0, 0, .05);
	border-radius: 4px;
	padding: 15px 0px;
}

.accolumn.list-group a {
	border: none;
	padding: 10px 50px;
	font-size: 13px;
}

.accolumn.list-group a.logu {
	padding: 10px 0;
	color: #000
}

.accolumn h3 {
	font-size: 16px;
	color: #878787;
	padding: 0;
	display: inline-block;
	margin-top: 0;
	padding: 0 20px;
}

.accolumn h3 a {
	font-size: 16px;
	font-weight: 500;
	color: #878787;
	padding: 0;
	display: inline-block;
	margin-top: 0;
	padding: 0 0px;
}

.accolumn h3 svg {
	fill: var(--verde);
	margin-right: 10px;
}

.accolumn hr {
	border-top: 1px solid #f0f0f0;
}

/* account page */
/*-------------*/
.acco span {
	display: inline-block;
	vertical-align: middle;
}

#account-account.acpage #content[class*="col-"] a {
	display: inline-block;
	border: 1px solid #eee;
	width: 100%;
	padding: 25px 25px;
	border-radius: 4px;
	margin-bottom: 30px;
}

#account-account.acpage #content[class*="col-"] span:first-child {
	border-right: 1px solid #eee;
	padding-right: 25px;
	margin-right: 25px;
}

#account-account.acpage #content[class*="col-"] span:last-child {
	font-size: 16px;
	font-weight: 500;
}

#account-account.acpage #content[class*="col-"] span:last-child span {
	font-size: 14px;
	font-weight: 400;
	color: #bcbcbc;
	margin-top: 6px;
	text-transform: capitalize;
	letter-spacing: 0.3px;
}

#account-account.acpage #content[class*="col-"] span svg {
	fill: var(--verde);
}

#account-account .achead {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 0;
}

.acl {
	margin-bottom: 5px;
}

/* responsive */
@media (max-width: 779px) {
	.product-quickview-detail .pro-content h1 {
		margin-top: 50px;
	}
}

@media (min-width: 768px) {

	.sticky,
	.blogsticky {
		position: sticky;
		top: 15px
	}

	.product-list .caption {
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
	}

	.product-list .image,
	.product-list .caption {
		float: left;
		position: relative;
		margin: 0;
	}

	.product-list .caption {
		margin: 15px 0 0;
	}

	#xsfilter {
		display: block !important;
	}

	.catfilter .panel-heading button {
		display: none
	}
}

@media (min-width: 992px) {
	.middle-footer h5 button {
		display: none;
	}

	.footer-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
}

@media (min-width: 1410px) {
	.contenedor_precio_filtro {
		display: flex;
		justify-content: flex-end;
		margin-top: 25px;
	}

	.product-list .image {
		width: 24%;
	}

	.product-list .caption {
		width: 76%;
	}

	.manucom .product-grid {
		width: 20%;
	}

	.manucom .product-list .image {
		width: 30%;
	}

	.manucom .product-list .caption {
		width: 70%;
	}

	.manucom .product-list {
		width: 50%;
	}
}

@media (min-width: 1200px) and (max-width: 1409px) {
	.hbottom .col-lg-6 {
		padding: 0;
	}

	.manucom .product-grid {
		width: 25%;
	}

	/* .onsalepro .caption{
		padding-top: 25px;
	} */
	#menu .navbar-nav>li>a {
		margin-right: 18px;
	}

	.slidebig h1 {
		font-size: 290px;
	}

	.timerpro .product-thumb .box-timer span.countdown-section {
		min-width: 50px;
		min-height: 50px;
		padding: 4px 3px;
	}

	.newsl .description-top p {
		font-size: 12px;
	}

	.timerpro .product-thumb .box-timer span.countdown-section {
		margin-right: 5px;
	}

	.fsocial a {
		margin: 0 2px;
	}

	.newsbgf h5 {
		font-size: 18px;
	}

	.manucom .product-list .image {
		width: 22%;
	}

	.manucom .product-list .caption {
		width: 78%;
	}

	.list-group a {
		font-size: 13px;
		letter-spacing: 0
	}

	.product-list .image {
		width: 30%;
	}

	.product-list .caption {
		width: 70%;
	}

	.bserhover .serdes {
		padding: 30px 0
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.accolumn h3 {
		font-size: 14px;
		padding: 0 14px;
	}

	.timerpro .product-thumb .box-timer span.countdown-section {
		margin: 0 1px;
	}

	.imgbanner {
		margin-top: 40px;
	}

	.product-thumb .rating,
	.product-thumb .button-group {
		bottom: 23%;
	}

	#winter-search-category {
		width: 130px;
	}

	#menu .navbar-nav>li>a {
		text-transform: capitalize;
		margin-right: 18px;
	}

	.slidedes {
		margin-top: 40px;
	}

	.slidebig h1 {
		font-size: 230px;
	}

	.cate {
		padding: 3px 10px;
	}

	.manucom .product-grid {
		width: 25%;
	}

	.product-list .image {
		width: 32%;
	}

	.product-list .caption {
		width: 68%;
	}

	/* .onsalepro .caption{
		padding-top: 10px;
	} */
	.bserhover .serdes {
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 25px 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.accolumn h3 {
		font-size: 14px;
		padding: 0 14px;
	}

	.deliveryinfo .row {
		margin: 0;
	}

	.deliveryinfo [class*="col-"]:nth-child(1),
	.deliveryinfo [class*="col-"]:nth-child(2) {
		margin-bottom: 20px;
	}

	.slidebig h1 {
		font-size: 170px;
	}

	.slidedes {
		margin-top: 0;
		margin-left: 50px;
	}

	.slidesmall h2 {
		font-size: 32px;
	}



	.newsl button {
		position: absolute;
		width: auto;
		top: 0;
		right: -1px;
	}

	.topbe::before,
	.xscu .test::before {
		margin: 0 15px;
	}

	.timerpro .product-thumb .box-timer span.countdown-section {
		margin: 0 1px;
	}

	.onsalepro .heading {
		margin-top: 0 !important;
	}

	.middle-footer h5 {
		font-size: 15px;
	}

	#column-left1 {
		margin-bottom: 30px;
	}

	.blog_comment::before,
	.blog_comment::after {
		padding: 0 3px;
	}

	.proreview {
		margin: 0 15px;
		padding: 0 15px;
	}

	.manucom .product-grid {
		width: 33.33%;
	}

	.manucom .product-list .image {
		width: 30%;
	}

	.manucom .product-list .caption {
		width: 70%;
	}

	.product-list .image {
		width: 45%;
	}

	.product-list .caption {
		width: 55%;
	}

	.product-list .caption {
		margin: 8px 0 0;
	}

	.middle-footer a,
	.f-left li {
		font-size: 13px;
		letter-spacing: 0
	}

	.serblock:nth-child(1),
	.serblock:nth-child(2) {
		margin-bottom: 20px;
	}

	.xscartp {
		padding: 6px 15px;
	}
}

@media (min-width: 992px) {
	/* #menu .dropdown:hover .dropdown-menu {
		display: block;
	} */
}

.texto_top_banner {
	position: fixed;
	bottom: 0%;
	background-color: #ffffff;
	z-index: 10;
	width: 100%;
}

@media (max-width: 991px) {
	.texto_top_banner {
		position: fixed;
		bottom: 0%;
		background-color: #ffffff;
		z-index: 10;
		width: 100%;
	}

	#account-account.acpage #content[class*="col-"] span svg {
		width: 35px;
		height: 35px;
	}

	#account-account.acpage #content[class*="col-"] span:first-child {
		padding-right: 10px;
		margin-right: 10px;
	}

	#account-account.acpage #content[class*="col-"] span:last-child {
		font-size: 13px;
		letter-spacing: 0;
	}

	#account-account.acpage #content[class*="col-"] span:last-child span {
		font-size: 10px;
		letter-spacing: 0;
		margin-top: 1px;
	}

	.iconos_cuadros_dispo {
		padding-top: 0px;
	}

	.haccount {
		min-width: 19rem;
		right: 0px;
		/* display: flex!important; */
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0 32px;
		border-radius: 0px;
		border-color: #000000;
	}

	.open>.haccount {
		display: flex !important;
	}

	.xsla {
		margin: 0;
	}

	.xscu {
		margin: 0 5px;
	}

	.newsbgf h3 {
		font-size: 19px;
		letter-spacing: 0;
	}

	.deliveryinfo {
		text-align: left;
	}

	.menusp {
		text-align: left
	}

	.navbar-nav {
		margin: 0;
		float: none;
		/* padding: 0px 40px; */
	}

	.head-right {
		position: absolute;
		top: 14px;
	}

	.desktop-search {
		margin-top: 15px;
	}

	.hsticky {
		background: #ffffff;
		padding: 3px 0;
		border: none;
	}

	#winter-search-category,
	#search .input-lg,
	#search .btn-lg {
		height: 40px;
	}

	#menu div.dropdown-inner>ul.list-unstyled {
		display: block;
	}

	#menu div.dropdown-menu {
		margin-left: 0 !important;
		margin-bottom: 10px;
		padding-top: 0px;
	}

	#menu .dropdown-inner {
		display: block;
		padding: 0px 35px;
	}

	#menu .dropdown-inner a {
		width: 100%;
	}

	#menu .dropdown-inner .submenu-title {
		padding: 3px 28px;
	}

	#menu .dropdown-inner .dropdown-submenu .grand-child a {
		padding: 0
	}

	#menu .dropdown-submenu {
		padding: 0px 0px !important;
	}

	#menu .see-all {
		display: inline-block;
		letter-spacing: 0;
		margin: 0;
		padding: 0 30px !important;
		font-weight: 600;
	}

	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#menu .dropdown-inner ul {
		display: block;
	}

	#menu .nav li {
		display: block;
		float: none;
		/* border-bottom: 2px dotted #000000; */
	}

	/* #menu .nav .dropdown{
		border-bottom: 1px solid #000000;
	}	 */
	/* .nav .open > a > .flecha_menu{
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	} */
	#mySidenav li a i {
		margin-top: 4px;
		float: right
	}

	/* sidenav */
	#mySidenav li a i {
		margin-top: 4px;
		float: right
	}

	body.active {
		overflow: hidden;
	}

	body.active::before {
		background: #000000 none repeat scroll 0 0;
		content: "";
		height: 100%;
		left: 0;
		opacity: 0.7;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9;
		transition: all .2s ease 0s;
	}



	.sidenav .close-nav {
		background-color: #ededed;
		padding: 10px 15px;
		width: 100%;
		/* display: inline-block; */
		color: #fff;
		letter-spacing: 0px;
		display: flex;
		justify-content: flex-end;
	}

	.x_cerrar {
		font-size: 36px;
		font-weight: 400;
		/* line-height: 1; */
		height: 30px;
		width: 30px;
		display: flex;
		justify-content: center;
		margin: 0;
	}

	.flecha_menu {
		width: 13px;
		height: 13px;
		margin-top: 4px;
	}

	.closebtn,
	.closebtn:hover,
	.closebtn:focus {
		color: #fff;
	}

	#mobile_top_menu_wrapper {
		margin: 0;
		line-height: 20px;
		display: block !important;
	}

	#menu .navbar-collapse,
	#menu2 .navbar-collapse {
		display: block;
		padding: 0;
		max-height: none !important;
	}

	.blog-right.text-left {
		position: unset;
		padding: 0;
	}

	#search .btn-lg {
		min-width: unset;
	}

	.serpd {
		margin-left: 0;
		margin-right: 0
	}

	.middle-footer {
		padding: 20px 0
	}

	.slidebg,
	.offrow,
	.deliveryinfo {
		margin-left: 0;
		margin-right: 0;
	}

	#common-home #content {
		padding: 0;
	}

	.timerpro .owl-carousel.owl-theme .owl-buttons {
		position: unset;
	}

	.rless {
		margin-left: -5px;
		margin-right: -5px;
	}

	.cless {
		padding-left: 5px;
		padding-right: 5px;
	}

	.product-thumb .price {
		font-size: 17px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		padding-bottom: 10px;
	}

	.bquickv {
		opacity: 1
	}

	.product-thumb .button-group button.cartb span {
		display: none
	}

	.product-thumb .button-group {
		margin-top: 8px;
	}

	.product-thumb {
		margin-bottom: 0px;
	}

	.next-prevb .heading {
		font-size: 20px;
		margin: 0px 0 4px 0;
	}

	.imgbanner,
	.offerbanner,
	.news-b,
	.all-pro {
		margin-top: 11px;
	}

	.news-b {
		border-radius: 5px;
		padding: 15px 15px;
	}

	#menu .navbar-nav>li>a {
		padding: 13px 0px;
		margin: 0 !important;
		display: flex;
		justify-content: space-between;
		font-weight: 500;
		text-transform: uppercase;
		font-size: 23px;
	}
}

@media (max-width: 767.98px) {
	#menu .navbar-nav>.contenedor_locales_contacto>a::after {
		content: none;
	}

	.row_category {
		margin: 0px;
	}

	.acspace button {
		display: block;
		text-align: right;
		margin-top: 15px;
	}

	.acspace {
		font-size: 12px;
	}

	.product-thumb .button-group {
		text-align: center !important;
		display: none;
	}

	.protitle {
		padding: 10px 0px;
		text-align: center;
	}

	.protitle .price-new {
		margin-right: 10px;
	}

	.social {
		text-align: center !important;
	}

	.onsalepro .caption {
		padding-top: 8px;
	}

	.deliveryinfo {
		padding: 30px 0;
	}

	.dropdown.inuser {
		margin: 8px 15px;
	}

	.btn-link.dropdown-toggle.test {
		padding: 0 5px;
	}

	#search .input-lg {
		/*border-radius: 30px;*/
	}

	.logo-slider {
		margin-top: 30px;
	}

	.slidesmall h2 {
		font-size: 20px;
	}

	.slidesmall p {
		font-size: 12px;
		margin: 15px 0;
		letter-spacing: 0
	}

	.slidebig h1 {
		font-size: 72px;
	}

	.slidedes {
		margin-top: -12px;
		margin-left: 10px;
	}

	.product-thumb .button-group svg {
		width: 15px;
		height: 15px;
	}

	.product-thumb .button-group .bquickv svg {
		width: 13px;
		height: 13px;
	}

	.product-thumb .button-group button,
	.product-thumb .button-group a {
		width: 28px;
		height: 28px;
		padding: 2px 0px;
		margin: 0px 0px;
	}

	.middle-footer h5 {
		font-size: 21px;
		margin-bottom: 10px;
		position: relative;
		font-weight: 300;
		display: flex;
		align-items: center;
		justify-content: start;
	}

	.menusp .navbar-header button {
		border: none;
		padding: 0;
		background: transparent;
		margin: 0;
		float: none;
		position: unset;
	}

	.menusp .navbar-header button i {
		font-size: 17px;
	}

	.navbar-toggle {
		padding: 0;
		margin: 0;
		float: none;
		z-index: 1;
	}

	.navbar-toggle:hover {
		color: var(--verde);
	}

	.menuwidth {
		/* padding: 0;
	    position: absolute;
	    left: 0px;
	    top: 25px;
	    width: auto;
	    z-index: 9; */
	}

	#cart-total {
		padding: 0;
		right: -22%;
	}

	#logo {
		padding-left: 0px;
		position: relative;
		z-index: 1;
	}

	#cart svg {
		margin: 0 !important;
	}

	#cart {
		background-color: transparent;
		padding: 0;
		margin-top: 0;
	}

	#search .btn-lg {
		min-width: unset;
	}

	.inuser {
		display: inline-block;
		margin: 0 10px;
	}

	.xscartp {
		display: inline-block;
		padding: 0;
	}

	.langcur .dropdown-menu {
		min-width: 23rem;
		padding: 10px 7px;
	}

	.blog_webi .blog-right h4 {
		font-size: 14px;
		margin: 8px 0;
	}

	.categorybr h5 span {
		display: inline;
	}

	.categorybr h5 {
		font-size: 14px;
		letter-spacing: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.menusp,
	#top-links {
		margin-top: 6px;
	}

	#top-links {
		padding-left: 0;
	}

	.langcur {
		margin: 0 10px;
	}

	header #logo img {
		max-width: 70%;
	}

	.inuser a.dropdown-toggle span,
	#cart-total::before {
		display: none
	}

	.newsl {
		margin-bottom: 0;
	}

	.fpy {
		display: none
	}

	.mfp-iframe-holder .mfp-content {
		height: 100%;
	}

	.bread_filtros {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px;
	}

	.breadcrumb {
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 0;
		padding-top: 0px;
		padding-bottom: 0px;
		display: flex;
		padding-left: 15px;
	}

	.iconoRedes {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.filter_izquierda {
		padding: 0px;
	}

}

.breadcrumb_arrow {
	color: black;
}

.iconos_filtro {
	padding: 0px 0px;
	font-size: 10px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding-top: 87px;
	display: flex;
	margin-left: 0px;
	align-items: center;
}

.iconos_filtro img {
	width: 55%;
}

.iconos_filtro li {
	list-style: none;
	margin-right: 0px;
	margin-top: 0px;
}

.iconos_cuadros_dispo {
	padding: 6px 10px;
	font-size: 13px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding-top: 0px;
	display: flex;
	justify-content: space-between;
}

#product-category {
	padding: 0px;
}

.iconos_cuadros_dispo li {
	list-style: none;
	margin: 0px 0px;
	margin-right: -3px;
}

.iconos_cuadros_dispo li button {
	border: 0px;
	background: transparent;
}

.iconos_cuadros_dispo img {
	width: 90%;
	padding: 0 2px;
}

.icono_corazon_product {
	position: absolute;
	bottom: 90%;
	left: 81%;
	width: 18px;
}

.display_unisex .icono_corazon_product_individual {
	position: absolute;
	bottom: 93%;
	left: 87%;
	width: 26px;
}

.grilla_prod .icono_corazon_product_individual {
	position: absolute;
	bottom: 89%;
	left: 82%;
	width: 20px;
}


.product_doce_columnas img {
	width: 100%;
}

.product_doce_columnas {
	padding: 0 !important;
}

.product_doce_columnas .sale {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 18px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 488px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

#row_breadcrums {
	width: 13%;
	margin: 0;
	padding: 0;
	margin-right: 2px;
	margin-bottom: 1px;
}

.display_grid_dos {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 15px;
}

.display_grid_dos .sale {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 1px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 0px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 11px 11px;
	border-radius: 0 0px 0px 0;
}


.display_individual {
	padding: 0;
}

.display_individual img {
	padding: 0;
	width: 50%;
}

.display_individual .sale {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 9px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 231px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.display_unisex .sale {
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 18px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 489px;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 400;
	background: var(--verde);
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
}

.display_unisex {
	padding: 0 !important;
}



.allcomment h5 {
	font-size: 14px;
}

.blog_links {
	font-size: 12px;
	letter-spacing: 0;
	margin: 8px 0
}

.blog_comment::before,
.blog_comment::after {
	padding: 0 3px;
}

.allmb .blog-desc {
	margin-bottom: 5px;
}

.pro-content h1 {
	margin-top: 15px;
}

.search-page .select-input {
	margin: 10px 0;
}

.catlist-des {
	height: 36px;
	overflow: hidden;
}

.serblock {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.serblock:last-child {
	margin-bottom: 0;
}

.langcur .btn-link.dropdown-toggle.test {
	border: 1px solid #eee;
	font-size: 12px;
	letter-spacing: 0;
	padding: 2px 8px;
	text-transform: capitalize;
	color: #000;
}

#form-currency .dropdown-menu.dropdown-menu-right {
	left: 0;
	right: auto
}

.lpro {
	padding: 0 15px;
}

.footappxs {
	text-align: center !important;
}

.middle-footer .btn.toggle {
	text-shadow: none;
	background: none;
	background-image: none;
	background-image: none;
	border: 0;
	box-shadow: none;
	font-size: 12px;
	position: absolute;
	top: -3px;
	right: 0;
	padding: 0;
	width: 100%;
}

footer h5 .toggle::after,
.catfilter .toggle::after {
	font-family: 'FontAwesome';
	content: '\f107';
	font-size: 20px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

footer h5 .toggle.collapsed::after,
.catfilter .toggle.collapsed::after {
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 20px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

.catfilter .panel-heading button {
	position: absolute;
	top: 10px;
	width: 100%;
	right: 0;
	padding: 0 15px;
	background: transparent;
	color: #fff
}

.catfilter .panel-heading {
	position: relative;
}

.catfilter .panel-heading {
	padding: 10px 15px;
}

.middle-footer h5 {
	font-size: 23px;
	margin-bottom: 10px;
	position: relative
}

footer {
	/* margin-top: 30px; */
	/* margin-left: -15px;
		margin-right: -15px; */
}

.topbe::before,
.test::before {
	display: none;
}

.copy .text-left,
.copy .text-right {
	text-align: center
}

.middle-footer {
	padding: 20px 0;
}

.bserhover .serdes {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 0;
}

.timerpro .product-thumb .box-timer span.countdown-section {
	margin: 0 1px;
}

.box-timer {
	margin-top: 15px;
}

.block-cat-wr h5 {
	font-size: 12px;
}

#under-menu {
	display: block;
	border: none;
}

.blogd {
	margin: 0 0px;
}

@media (max-width: 450px) {
	.slidesmall p {
		margin: 10px 0;
	}

	.slidesmall h2 {
		font-size: 14px;
		margin-top: 0;
	}

	.slidebig h1 {
		font-size: 54px;
	}
}

@media (max-width: 599px) {
	.imagen_mano {
		position: absolute;
		bottom: 90%;
		left: 84%;
		width: 48px;
	}

	.p_volver {
		margin-right: 10px;
		width: 5px;
		margin-left: 8px;
	}

	.boton_volver {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		text-transform: uppercase;
	}

	.bread_a {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		text-transform: uppercase;
	}

	.offerbanner img {
		/* border-radius: 4px; */
		width: 100%;
		/* transform: translate(-30%, 0);
		min-width: 650px;
		left: 44%; */
	}

	.deliveryinfo ul li:last-child {
		margin: 0 7px;
	}

	.deliveryinfo ul li h4 {
		margin-top: 0;
	}

	.deliveryinfo ul li {
		display: inline-block;
		text-align: left;
	}

	.slidesmall hr,
	.slidecap a {
		display: none;
	}

	.newsl .description-top p {
		font-size: 12px;
	}

	.white-popup {
		padding: 30px 20px;
	}

	.white-popup h1 {
		font-size: 20px;
		letter-spacing: 0
	}

	.white-popup p {
		font-size: 13px;
		letter-spacing: 0
	}

	.product-tab .nav>li>a {
		font-size: 13px;
		letter-spacing: 0
	}

	.product-tab li {
		margin: 0 6px;
	}

	.pro-content .rating li {
		letter-spacing: 0;
		font-size: 13px;
	}

	.proreview {
		margin: 0 8px;
		padding: 0 8px;
	}

	#winter-search-category {
		display: none
	}

	.product-grid {
		width: 50%;
	}

	.catesort {
		width: 100%;
		margin-top: 15px;
	}

	.pagi .text-left {
		margin-bottom: 5px;
	}

	.pagi .text-left,
	.pagi .text-right {
		text-align: center;
		width: 100%;
	}

	.imgbanner [class*="col-"],
	#count .product-thumb .caption,
	#count .product-thumb .image {
		width: 100%
	}

	.imgbanner [class*="col-"]:nth-child(2) {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.sbr {
		margin-top: 15px;
	}

	#count .product-thumb .caption {
		padding: 0 0 !important;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.deliveryinfo [class*="col-"] {
		width: 50%;
	}

	.deliveryinfo [class*="col-"]:nth-child(1),
	.deliveryinfo [class*="col-"]:nth-child(2) {
		margin-bottom: 30px;
	}

	.product-grid {
		width: 33.33%;
	}

	.ct {
		display: none
	}

	.blog_webi .blog-right .read_more {
		margin-top: 10px;
	}

	.blog-des p {
		max-height: 66px;
		overflow: hidden;
	}
}

@media (max-width: 399px) {
	.serdes h4 {
		font-size: 13px;
		font-weight: 500;
		margin: 16px 0 4px 0;
		letter-spacing: 0;
	}

	.serdes p {
		font-size: 12px;
		letter-spacing: 0
	}
}

@media (min-width: 400px) and (max-width: 767px) {
	.bserhover .serdes {
		padding: 40px 0
	}

	.product-list {
		width: 50%;
	}
}

.beffect a:hover::after {
	width: 100%;
	height: 100%;
	right: auto;
	left: 0;
}

.beffect a::after {
	background: rgba(255, 255, 255, .1);
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	-webkit-transition: all 0.4s ease-in-out 0s;
	right: 0;
	top: 0;
	border-radius: 4px;
}

.beffect a {
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.beffect {
	position: relative;
	overflow: hidden
}

.beffect img {
	border-radius: 4px;
}

.cerrar_modal_search {
	color: #ffffff;
	opacity: 1;
	position: absolute;
	left: 94%;
	top: 4%;
	font-size: 40px;
	font-weight: 400;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	z-index: 999999 !important;
}

@media(max-width:425px) {
	.cerrar_modal_search {
		left: 89%;
		top: 7%;

	}

}

@media (min-width: 300px) and (max-width: 767px) {
	.imagen_modulos {
		display: flex;
		justify-content: flex-end;
		padding: 0;
		/* 	height: 290px; */
	}

	/* header mobile  */
	.header_mobile {
		/*position: absolute;*/
		/* z-index: 2; */
		padding-top: 0px;
	}

	.header_cart_checkout {
		position: unset !important;
	}

	.logo_header,
	.search_header,
	.favoritos_header,
	.carrito_header,
	.menu_header {
		padding: 0px;
	}

	.row_header_mobile {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 10px
	}

	.menu_header {
		width: 68px;
	}

	.search_header {
		z-index: 2;
	}

	.favoritos_header {
		z-index: 2;
		display: flex;
		justify-content: flex-end;
		height: 26px;
		width: 29px;
	}

	.carrito_header {
		z-index: 1;
	}

	.contenedor_banners {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.slidecap {
		position: absolute;
		bottom: 24%;
	}

	.boton_vermas {
		position: absolute;
		bottom: 18%;
	}

	.boton_vermas a {
		color: #ffffff;
		font-size: 22px;
		background-color: #000000;
		padding: 7px;
	}

	.cuenta_header {
		z-index: 3;
	}

	.cuenta_header a {
		color: #ffffff;
		float: right;
		margin-right: 17%;
		margin-bottom: 10px;
		font-weight: 400;
		font-size: 14px;
	}

	.contenedor_modulo {
		padding: 0px;
		margin: 0px;
	}

	.titulo_modulo {
		font-size: 31px !important;
		font-weight: 400;
		font-family: 'Barlow Condensed', sans-serif;
	}

	.prod_impar {
		padding-left: 0px;
		padding-right: 3px;
	}

	.prod_par {
		padding-right: 0px;
		padding-left: 3px;
	}

	#common-home {
		padding: 0px;
		margin: 0px;
	}

	.contenedor_modulo_secundario {
		display: flex;
		justify-content: flex-end;
	}

	.img_wsp_modulo {
		position: absolute;
		width: 37px !important;
		bottom: 93%;
		right: 1%;
	}

}

.boton_favorito {
	position: absolute;
	background-color: transparent;
	background-image: none;
	padding: 5px;
	width: 34px;
}

/*  FOOTER */
@media (min-width: 300px) and (max-width: 991.98px) {
	.footer_waia {
		color: #000000;
		background-color: #ededed;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
	}

	.footer_waia>img {
		width: 55%;
	}

	.andreani_footer>img {
		width: 100% !important;
	}

	.footer_categorias {
		display: flex;
		justify-content: space-evenly;
		align-items: flex-start;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
	}

	.padre_cat_footer {
		display: flex;
		flex-direction: column;
		/* 	align-items: center;
		justify-content: center; */
	}

	.padre_cat_footer ul {
		list-style: none;
	}

	.footer_redes {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 14px;
	}

	.footer_redes div a>i {
		color: #ffffff;
		margin: 0 6px;
		font-size: 23px;
	}

	.titulo_cat_footer {
		font-weight: 800;
	}

	.izquierda_1_footer {
		margin-bottom: 20px;
		margin-left: 0px;
		padding-left: 0px;
	}

	.izquierda_2_footer {
		margin-left: 0px;
		padding-left: 0px;
	}

	.centro_1_footer {
		margin-bottom: 14px;
		margin-left: 0px;
		padding-left: 0px;
	}

	.centro_2_footer {
		margin-left: 0px;
		padding-left: 0px;
	}

	.derecha_1_footer {
		margin-bottom: 14px;
		margin-left: 0px;
		padding-left: 0px;
	}

	.derecha_2_footer {
		margin-bottom: 14px;
		margin-left: 0px;
		padding-left: 0px;
	}

	.derecha_3_footer {
		margin-left: 0px;
		padding-left: 0px;
	}

	.footer_contacto_locales {
		color: #000000;
		background-color: #ededed;
		display: flex;
		height: 40px;
		margin-top: 12px;
	}

	footer .container {
		padding: 0;
	}

	.locales_footer {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.locales_footer img {
		width: 16px;
	}

	.locales_footer p {
		font-size: 17px;
		margin: 0 0 0 7px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0px;
	}

	.contacto_footer img {
		width: 16px;
	}

	.contacto_footer p {
		font-size: 17px;
		margin: 0 0 0 7px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0px;
	}

	.contacto_footer {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footer_empresa {
		display: flex;
		justify-content: space-evenly;
		align-items: flex-start;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		padding-top: 10px;
	}

	.logo_afip {
		margin-top: 48px;
	}

	.boton_arrepentimiento {
		margin-top: 46px;
		line-height: 12px;
	}

	.arrepentimiento_mobile {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-top: 12px;
	}

	.medios_pago_footer {
		margin-top: 75px;
		font-weight: 700;
		line-height: 11px;
		margin-bottom: 7px;
	}

	.entrega_footer {
		font-weight: 700;
		line-height: 11px;
		margin-top: 13px;
		margin-bottom: 7px;
	}

	.boton_arrepentimiento a {
		line-height: 0px;
		color: #ffffff;
		font-weight: 400;
		text-transform: uppercase;
	}

	.locales_contacto_header {
		padding: 10px 0px;
	}

	.padre_redes_header {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 17px 0;
	}

	.hijo_contacto {
		width: 50%;
		font-weight: 900;
		text-transform: uppercase;
		padding-left: 0px;
		padding-bottom: 7px;
		/* border-bottom: 2px dotted #000000; */
	}

	.hijo_locales {
		/*width: 50%; */
		font-weight: 500;
		text-transform: uppercase;
		/* border-bottom: 2px dotted #000000; */
		/* padding-bottom: 7px; */
		/* padding-left: 0px; */
		font-size: 23px;
	}

	.hijo_contacto img {
		width: 18px;
		margin-right: 5px;
	}

	.hijo_locales img {
		width: 16px;
		margin-right: 5px;
	}

	.redes_header {
		display: flex !important;
		justify-content: center;
		align-items: center;
		padding: 11px !important;
		border-bottom: 1px solid #000000;
	}

	.redes_header div a i {
		font-size: 25px;
		margin-right: 17px;
	}

	.clubsonder_header {
		padding: 10px 40px;
		font-size: 22px;
		text-transform: capitalize;
		font-weight: 500;
	}

	.clubsonder {
		width: 100%;
		border-bottom: 2px dotted #000000;
		padding-bottom: 10px;
	}

	.modal-backdrop {
		display: none !important;
		/*z-index: 0;*/
	}

	.modal_body_search {
		margin-top: 20%;
	}

	.search_modal {
		/*border-radius: 15px 0px 0px 15px;*/
		height: 62px;
		border: none;
	}

	.boton_buscar_search {
		background-color: #ffffff;
		border-radius: 0px 15px 15px 0px !important;
		border-left: none;
	}

	.button_search_lupa {
		background-color: transparent;
	}

	.button_search_lupa i {
		color: #000000;
		font-size: 23px;
	}

	.fade.in {
		background-color: #000000c2;
	}

	.padre_contacto_locales {
		/* display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 2px dotted #000000; */
		width: 100%;
	}

	#product-product {
		padding: 0px;
	}

	.modelo_product_arriba {
		padding-left: 3%;
		margin: 0;
		line-height: 18px;
		margin-top: 15px;
		width: 72%;
	}

	.modelo_product_abajo {
		padding-left: 3%;
		margin: 0;
		line-height: 18px;
		margin-top: 0px;
		/* width: 72%; */
	}

	.imagen_regla {
		width: 19px;
		margin-right: 7px;
	}

	.tab_product {
		/* margin-top: 30%; */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.tipo_calce {
		font-size: 15px !important;
		font-weight: 500;
		text-transform: uppercase;
	}

	.descrip_calce {
		font-size: 16px !important;
		line-height: 20px;
		font-weight: 500;
	}

	.tab_product div img {
		width: 160px;
	}

	.club_sonder_menu {}

	footer {
		border-top: unset !important;
		/* margin-right: -15px;
		margin-left: -15px; */
	}

}


.tabla_talles p {
	margin: 0px;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cont_tabla_art {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 7%;
}

.boton_articulo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton_articulo p {
	font-size: 11px;
	margin: 0;
}

.cont_info_calce {
	margin: 15px 0 0 0;
	padding: 0px;
}

.masinfo_boton,
.calce_boton,
.sellos_boton {
	margin: 0;
	padding: 14px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	cursor: pointer;
}

.masinfo_boton a,
.calce_boton a,
.sellos_boton a {
	margin: 0;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
}

.masinfo_boton a:hover,
.calce_boton a:hover,
.sellos_boton a:hover {
	color: #000000;
}

.titulo_calce {
	font-size: 24px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0px 0 7px 0;
}

.tipo_calce {
	text-transform: uppercase;
	font-size: 24px;
	margin: 0px 0 7px 0;
}

.descrip_calce {
	font-size: 24px;
	margin: 0px;
}

.tab-active-color {
	background-color: #ededed;
}

.activo_boton {
	background-color: #ededed !important;
	color: #000000 !important;
}

.inactivo_boton img {
	display: none;
}

.activo_boton img {
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
}

.calce_product {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 25px 22px;
}

.calce_product div img {
	width: 100%;
}



/*   efecto boton cerrar */

.button {
	position: relative;
	padding: 0px 4px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	outline: none;
	font-size: 8px;
	margin: 1px 0px;
}

.type1 {
	color: #b3b2b2;
}

.type1::after,
.type1::before {
	content: '';
	display: block;
	position: absolute;
	width: 40%;
	height: 100%;
	border: 1px solid;
	transition: all 0.6s ease;
	border-radius: 0px;
}

.type1::after {
	bottom: 0;
	right: 0;
	border-top-color: #b3b2b2;
	border-left-color: transparent;
	border-bottom-color: #b3b2b2;
	border-right-color: #b3b2b2;

}

.type1::before {
	top: 0;
	left: 0;
	border-bottom-color: #b3b2b2;
	border-right-color: transparent;
	border-top-color: #b3b2b2;
	border-left-color: #b3b2b2;
}

.type1:hover:after,
.type1:hover:before {
	width: 100%;
	height: 100%;
}

/* boton cerrar de los paneles laterales: menu hamburguesa (desktop y mobile) y filtros.
   reemplaza la "x" tipografica que venia encajonada en .button.type1.
   el svg se puede cambiar por otro icono sin tocar estas reglas. */
.btn_cerrar_nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	margin: 0 -10px 0 0;
	padding: 0;
	border: none;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	color: #666;
	transition: color 0.2s ease;
}

.btn_cerrar_nav:hover,
.btn_cerrar_nav:active,
.btn_cerrar_nav:focus {
	color: #000;
	outline: none;
}

.btn_cerrar_nav:focus-visible {
	outline: 2px solid var(--verde);
	outline-offset: 2px;
}

.btn_cerrar_nav .icono_cerrar {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	transition: transform 0.25s ease;
}

.btn_cerrar_nav:hover .icono_cerrar {
	transform: rotate(90deg);
}

.titulo_producto {
	text-align: left;
	text-transform: uppercase !important;
	margin-top: 9px !important;
	font-weight: 300;
	font-size: 14px !important;
	letter-spacing: 0 !important;
	padding: 0 0 0 10px;
	line-height: 15px;
	margin-bottom: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.botones_product {
	display: flex;
	justify-content: center;
	padding: 0px;
}

.boton_talle,
.boton_precio,
.boton_comprar {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
}

.boton_talle {
	background-color: #ededed;
}

.boton_talle p {
	margin: 0px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 19px;
}

.boton_precio {
	background-color: #ededed;
	margin: 0px 3px;
}

.boton_precio p {
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
	color: #343832;
}

.boton_comprar {
	background-color: #000000;
	cursor: pointer;
}

.boton_comprar p {
	margin: 0px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 19px;
}

.seleccion_talle .form-group {
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0px;
	padding-left: 1%;
}

.titulo_talle_producto {
	margin-bottom: 7px;
}


/* .seleccion_talle li{
	border: 1px solid #000000;
    margin: 0 8px;
	width: 40px;
} */
.seleccion_talle .form-group label {
	font-weight: 300;
	font-size: 20px;
	padding: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	border-top: 1px solid #b3b2b2;
	margin: 0px;
	width: 60px;
	border-bottom: 1px solid #b3b2b2;
	border-right: 1px solid #b3b2b2;
	position: relative;
	margin-bottom: 1%;
	border-left: solid 1px #b3b2b2;
}

.talle_nombre {
	margin-bottom: 0px !important;
	color: #000000;
	font-weight: 400;
}

.primer_talle {
	border-left: 1px solid #b3b2b2;
	opacity: 0.5;
	cursor: not-allowed !important;
}

/* .primer_talle:before{
	height: 24px;
    position: absolute;
    content: "";
    left: -1px;
    width: 150%;
    top: 18px;
    border-top: 1px solid;
    border-color: #000000;
    -webkit-transform: rotate(312deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(313deg);
    cursor: not-allowed;
} */

.primer_talle::after {
	content: "/";
	position: absolute;
	font-size: 70px;
	cursor: not-allowed;
	transform: translateX(4px) rotate(26deg);
	font-weight: 100;
}

@media(max-width:991px) {
	.primer_talle:before {
		width: 120%;
		transform: rotate(323deg);
	}
}

.derecha_header_fixed {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
}

.tooltip_nuevo .tooltip-right::after {}




/* inicio ICONO WSP HOME*/

#whatsapp .contenedor-whatsapp {
	width: 60px;
	height: 60px;
	background-color: #000000;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 440px;
	left: 94%;
	z-index: 9999;
	cursor: pointer;
	/* box-shadow: 0px 0px 5px 0px; */
	transform: scale(1);
	animation: pulse 1s infinite;
}

#whatsapp i {
	font-size: 40px;
	color: #fff;
}

@media (max-width: 767px) {
	#whatsapp .contenedor-whatsapp {
		left: 86% !important;
		top: 71%;
		width: 50px;
		height: 50px;
	}
}


.titulo_cart_checkout {
	font-size: 35px !important;
	text-align: left;
	font-weight: 300 !important;
	margin-bottom: 24px;
}

/* fin ICONO WSP HOME*/

/* menu mobile santi */
#menu .nav li {
	padding: 0 21px;
}

@media (max-width: 767px) {
	.titulo_cart_checkout {
		font-size: 28px !important;
		text-align: left;
		font-weight: 300 !important;
		margin-bottom: 24px;
		text-align: center;
	}

	.menuIcon {
		display: none;
	}

	#menu .navbar-nav .borrarArrow>a::after {
		content: none;
	}

	.boton_comprar {
		margin-top: 7px !important;
		width: 100%;
	}

	.pregunta_talle {
		margin-bottom: 2.8rem;
	}

	.pregunta_talle a {
		margin-left: 61% !important;
	}

	.cuotas_product {
		font-size: 16px !important;
		text-align: center;
		margin-top: 8px;
	}

	.boton_precio p {
		font-size: 25px;
	}

	.titulo_producto {
		padding: 0px;
		margin-top: 0px !important;
	}

	.boton_comprar p {
		padding: 14px;
	}

	.boton_precio {
		background-color: transparent;
		height: 51px;
		display: flex;
		align-items: flex-end;
		padding-bottom: 5px !important;
	}

	.contenido_product {
		margin: 0px;
		padding: 0px 10px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		flex-wrap: wrap;
		margin-top: 15px;
	}

	.contenedor_derecho_product {
		padding: 0px !important;
	}

	.tabla_talles {
		background-color: #ededed;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 9px 10px;
	}

	.imagen_regla {
		width: 100px;
	}

	/*  Flechitas de cambiar productos en modulso destacados en home */
	.owl-carousel .owl-buttons .owl-prev {
		position: absolute !important;
		top: 29% !important;
		display: block;
		padding: 0;
		cursor: pointer;
		border: none;
		outline: none;
		background: transparent;
		z-index: 1;
	}

	.next-prevb .owl-theme .owl-controls .owl-buttons div i {
		font-size: 50px;
		color: #808080;
		;
	}

	.owl-carousel .owl-buttons .owl-prev {
		left: 3px !important;
	}

	.owl-carousel .owl-buttons .owl-next {
		right: 3px !important;
	}

	.owl-carousel .owl-buttons .owl-next {
		position: absolute !important;
		top: 29% !important;
		display: block;
		padding: 0;
		cursor: pointer;
		border: none;
		outline: none;
		background: transparent;
		z-index: 1;
	}

	/* texto ayuda */
	.cont_ayuda div a p {
		color: #ffffff;
	}

	.cont_ayuda {
		width: 29px;
		background-color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 58% !important;
		left: 93% !important;
		z-index: 9999;
		cursor: pointer;
		color: #ffffff;
		writing-mode: vertical-rl;
		padding: 0px;
	}

	.cont_ayuda>#texto {
		text-transform: uppercase;
		margin: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(-90deg);
		font-size: 14px;
	}

	.x_cerrar_ayuda {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		writing-mode: horizontal-tb;
		border-top: 1px solid #ffffff;
		margin-top: 7px;
	}

	.x_cerrar_ayuda>#icono {
		margin: 0px;
	}

	.container_header {
		padding: 0px;
	}

	.hbottom .row_header_mobile {
		margin: 0px;
	}

	.content_product {
		margin: 0px;
		padding: 0px;
	}

	.content_product .productbg .row {
		margin: 0px;
	}

	.proimg {
		margin: 0px;
		padding: 0px;
	}

	footer .container .row {
		margin: 0px;
	}

	.row_producto {
		margin: 0px;
	}

	.row_header_mobile {
		margin: 0px;
	}

	.pro-content {
		padding: 0px;
	}

	#menu .navbar-nav>li>a::after {
		font-family: 'FontAwesome';
		content: '\f105';
		font-size: 20px;
		font-weight: normal;
		float: right;
		cursor: pointer;
		color: #b3b2b2;
	}

	#checkout-checkout .btn-primary,
	#button-confirm-final {
		width: 100% !important;
		margin-top: 10px !important;
		margin-bottom: 20px !important;
		padding: 15px 10px !important;
	}
}

#menu .navbar-nav>.open>a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	font-size: 20px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

#menu .navbar-nav>li>a.no-arrow::after,
#menu2 .navbar-nav>li>a.no-arrow::after {
	content: none !important;
}

.dropdown-toggle::after {
	display: none !important;
}

body.active .sidenav {
	overflow-x: unset;
	overflow-y: scroll;
	width: 90% !important;
}

.sidenav {
	height: 100% !important;
	max-height: none !important;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	transition: 0.5s;
	padding-top: 60px;
	overflow-x: hidden;
	overflow-y: auto !important;
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .06);
	clear: both;
	background-color: #ededed;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.sidenav.dblock {
	display: block !important;
}

.sidenav.dnone {
	display: none !important;
}

body.active {
	overflow: hidden;
	height: 100vh !important;
}

body.active .fixed,
body.active .hsticky,
body.active .menuwidth {
	transform: none !important;
	-webkit-transform: none !important;
	animation: none !important;
	-webkit-animation: none !important;
}

@media (min-width: 992px) {
	body.active .sidenav {
		width: 340px !important;
	}
}

.m-menu {
	position: relative;
	/* la linea la dibuja .m-menu::after con sangria; ver mas abajo */
	border-bottom: none;
}

/* Lineas divisorias del menu: no llegan a los bordes del panel. Arrancan donde
   arranca el texto y terminan donde termina la flecha.
   Van en ::after y no en border-bottom porque el borde del <li> abarca tambien su
   padding lateral, y por eso llegaba de punta a punta.
   bottom:0 mantiene la posicion vertical de siempre: con la categoria desplegada la
   linea queda debajo de las subcategorias, igual que antes. */
.m-menu::after {
	content: "";
	position: absolute;
	left: 34px;
	right: 34px;
	bottom: 0;
	height: 1px;
	background-color: #ededed;
}

/* los links del menu secundario traian una linea de 2px: se conserva el grosor */
.m-menu.menu2::after {
	height: 2px;
}

.last-category::after {
	display: none;
}

/* en desktop el borde tambien lo ponen "#menu .nav li" y "#menu .nav .dropdown", que
   ganan por especificidad de id. Se apunta solo a li.m-menu para no tocar los <li> de
   las subcategorias, que no son parte de este cambio. */
#menu .nav li.m-menu {
	border-bottom: none;
}

.m-menu>a,
.m-menu .bmenu,
.menu-item-header,
.caja_locales {
	height: 38px !important;
	min-height: 38px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}

.imagen_locales_placeholder,
#imagen_locales {
	width: 30px !important;
	height: 30px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.menu-item-header {
	justify-content: space-between !important;
	width: 100% !important;
	position: relative;
}

.m-menu>a,
.m-menu .bmenu {
	text-align: left !important;
	white-space: nowrap;
	font-size: 22px;
	flex-grow: 1;
	text-decoration: none;
	color: #333;
	overflow: visible;
}

.imagen_locales_placeholder,
#imagen_locales {
	width: 35px !important;
	height: 22px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

@media (max-width: 991px) {

	.imagen_locales_placeholder,
	#imagen_locales {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.menu-item-header {
		padding: 0 !important;
	}

	.m-menu>a,
	.m-menu .bmenu {
		padding: 0 !important;
	}

	.caja_locales {
		padding-left: 30px !important;
		font-size: 15px !important;
		text-transform: uppercase !important;
		display: flex !important;
		align-items: center !important;
		min-height: 38px !important;
	}

	/* links del menu secundario: un escalon por debajo de las categorias */
	.caja_locales.texto_locales_contacto {
		font-size: 13px !important;
	}

	/* en mobile el texto arranca en 30px y la flecha llega casi al borde del panel,
	   asi que la sangria derecha es menor que la de desktop */
	.m-menu::after {
		left: 30px;
		right: 12px;
	}

	/* subcategorias, para que no compitan con el titulo de su categoria */
	#menu .submenu-title,
	#menu2 .submenu-title {
		font-size: 13px;
		font-weight: 400;
	}

	.last-category {
		border-bottom: none !important;
		margin-bottom: 20px !important;
	}

	.linkCateg,
	.linkCateg2 {
		width: 38px !important;
		height: 38px !important;
	}
}

.linkCateg,
.linkCateg2 {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	color: #666;
}

.flecha {
	transition: transform 0.3s ease;
	display: inline-block;
}

.m-menu.open .flecha {
	transform: rotate(90deg) !important;
	color: var(--verde) !important;
}

.m-menu .dropdown-menu {
	position: static !important;
	float: none !important;
	display: none;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	width: 100% !important;
	/* la sangria de las subcategorias la da el padding del <li> anidado (34px).
	   este padding extra sumaba encima y quedaba en 84px desde el titulo de la categoria. */
	padding-left: 0 !important;
}

.m-menu.open>.dropdown-menu {
	display: block !important;
}


.m-menu.menu2 .caja_locales {
	padding-top: 10px;
}

/* titulos de categoria en negrita. los links del menu secundario (.menu2) y las
   subcategorias quedan en su peso normal a proposito. */
li.m-menu:not(.menu2) .caja_locales {
	font-weight: 600;
}

/* el menu muestra el texto tal cual viene de la base. hay varios text-transform
   viejos que lo suben a mayusculas (#menu .navbar-nav > li > a, .caja_locales del
   bloque mobile, .submenu-title) y uno que lo pasa a capitalize (#menu .dropdown-inner a,
   que dejaria "Campera De Abrigo"). se anulan todos aca, en un solo lugar.
   Sin el renombre de docs/sql/menu-capitalizacion.sql esto no cambia nada visible:
   los nombres en la base siguen en mayuscula. */
.sidenav .caja_locales,
.sidenav .texto_locales_contacto,
.sidenav .category_title,
.sidenav .submenu-title,
.sidenav .navbar-nav > li > a,
.sidenav .dropdown-inner a,
.sidenav .grand-child a {
	text-transform: none !important;
}

@media (max-width: 991px) {
	.m-menu .dropdown-menu {
		padding-left: 20px !important;
	}
}

#menu .navbar-collapse,
#menu2 .navbar-collapse {
	display: block;
	padding: 0;
	max-height: none !important;
}




/* filtros santi sonder */
.boton_cerrar {
	border: none !important;
}

.boton_cerrar i {
	color: #b3b2b2;
	font-size: 12px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

.sidenavFilter {
	background-color: #ededed;
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 1% !important;
	/* left: 0; */
	/*left en 0 sin right como propiedad abre de izquierda a derecha
	si no pongo left como propiedad y pongo right en 0 abre de derecha a izquierda 
	como es en este caso */
	right: 0;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	padding-top: 60px;
	overflow-x: hidden;
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .06);
	clear: both;
	height: 100%;
	/* background-color: #fff; */
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;

}

.sidenavFilter .close-nav {
	background-color: #1e1e1e;
	padding: 12px 15px;
	width: 100%;
	display: inline-block;
	color: #fff;
	letter-spacing: 1px;
}

body.active .sidenavFilter {
	overflow-x: unset;
	overflow-y: scroll;
}

.boton_filtrar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton_filtrar img {
	width: 23px;
	margin-right: 3px;
}

.boton_filtrar p {
	margin: 0px;
}

.cat_filter {
	margin-bottom: 0px;
}

#column-left .panel-default {
	margin: 0px;
}

.sidenavFilter .close-nav {
	background-color: #ededed;
	padding: 10px 15px;
	width: 100%;
	/* display: inline-block; */
	color: #fff;
	letter-spacing: 0px;
	display: flex;
	justify-content: flex-end;
}

/* .nombre_filtro{
	padding: 16px 25px;
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 23px;
} */
.img_color_filtro {
	width: 40px;
	height: 38px;
}

.img_calce_filtro {
	width: 70px;
	margin-bottom: 9px;
	height: 82px;
}

.filtros_cont {
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 17px;
	padding-left: 6%;
	border-bottom: 1px solid #000000;
}

.checkbox+.checkbox,
.radio+.radio {
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.navbar-collapse_filter {}

.titulo_silueta {
	margin: 0px;
	font-size: 15px;
	line-height: 14px;
	text-align: center;
}

.filtros_cont_color_calce {
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 4px;
	padding-left: 6%;
	border-bottom: 1px solid #000000;
}

.filtros_cont_color_calce div label {
	font-weight: 500;
	font-size: 19px;
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	/*  border: 1px solid #000000; */
	margin: 0 8px;
	width: 40px;
}

.filtros_cont div label {
	font-weight: 500;
	font-size: 19px;
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	border: 1px solid #000000;
	margin: 0 8px;
	width: 40px;
}

/* fin filtros santi sonder */

/* Inicio- Filtro precios  santi   */

.contenedor_precio_filtro>#min {
	font-weight: 700;
	color: #000000;
	font-size: 17px;
}

.contenedor_precio_filtro>#max {
	font-weight: 700;
	color: #000000;
	font-size: 17px;
}

.guion {
	font-weight: 700;
	color: #000000;
}

.contenedor_filtro_precio {
	font-size: 14px;
	width: 100%;
	display: inline-block;
	cursor: pointer;
	font-weight: 600;
	color: #000000;
}

.contenedor_boton_filtro {
	/*  margin-left: 125px; */
}

.boton_filtrar_filtro {
	height: 136px;
}

.button-filter {
	background-color: #000000;
}

.boton_filtrar_filtro>.panel-footer {
	background-color: #ededed;
}

.checkbox_calce {
	margin-left: 10px;
	margin-right: 10px;
	height: 135px;
}

.contenedor_filtro_input {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 23px;
	margin-left: 27px;
	margin-right: 27px;
}

.caja_precio {
	width: 65px;
	text-align: center;
	border: solid 1px #000000;
	font-weight: 700;
	color: #000000;
}

.contenedor_min_max {
	display: flex;
}

.contenedor_min_max>p#min {
	margin: 0px !important;
	color: #000000;
	padding-left: 17px;
	padding-right: 26px;
	font-weight: 600;
}

.contenedor_min_max>p#max {
	color: #000000;
	font-weight: 600;
	margin-left: 26px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.buscar_precio {
	width: 90px !important;
	height: 35px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 0px !important;
}

/* fin- Filtro precios  santi   */

.navbar-toggle {
	display: block;
}

.header_desktop {
	/* position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column; */
}

.carousel_destacados {
	width: 100%;
}

.circulo_individual {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.carousel_destacados .swiper-viewport {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.circulo_individual div p {
	color: #ffffff;
}

.flechas_header .swiper-button-next::before {
	color: #000000 !important;
	content: "\f105" !important;
	height: unset;
	width: unset;
}

.flechas_header .swiper-button-next,
.flechas_header .swiper-button-prev {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ffffff !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px;
}

.flechas_header .swiper-button-prev::before {
	color: #000000 !important;
	content: "\f104" !important;
	height: unset;
	width: unset;
}

.contenedor_banners {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.slidebg.s-panel,
.contenedor_banners img {
	aspect-ratio: 619/258;
}

@media(max-width: 991px) {

	.slidebg.s-panel,
	.contenedor_banners img {
		aspect-ratio: 3/5;
	}
}

.slidecap {
	position: absolute;
	bottom: 24%;
}

.boton_vermas {
	position: absolute;
	bottom: 18%;
}

.boton_vermas a {
	color: #ffffff;
	font-size: 22px;
	background-color: #000000;
	padding: 7px;
}

.swiper-viewport .swiper-button-next {
	opacity: 0;
	right: -10.5px !important;
}

.contenedor_modulo {
	margin-top: 0%;
	padding-left: 0px;
	padding-right: 0px;
}

.heading_deportes {
	margin-bottom: 3px;
	margin-top: 2%;
}

.contenedor_modulo_product {
	margin-top: 0%;
	padding-left: 0px;
	padding-right: 0px;
}

@media(max-width:767px) {
	.contenedor_modulo_product .titulo_modulo {
		margin-top: 3.6rem;
	}
}

.imagen_modulos {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: 0px;
	aspect-ratio: 4/5;
}

.prod_impar {
	padding-left: 1px;
	padding-right: 1px;
}

.prod_par {
	padding-right: 0px;
	padding-left: 3px;
}

.titulo_modulo {
	font-size: 26px;
	color: #707070;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 3%;
}

@media(max-width:767px) {
	.titulo_modulo .titulo_modulo_product {
		margin-top: 3.6rem;
	}
}

.prod_destacados {
	margin: 0px;
	padding: 0px 1px;
}

.titulo_footer_desk {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.subtitulo_footer_desk li {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 20px;
	cursor: pointer;
}

.derechos_footer {
	border-top: solid 1px #000000;
}

.boton_arrpentimiento_desk {
	background-color: #000000;
	color: #ffffff;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	letter-spacing: normal;
	margin-bottom: 0px;
}

.bajo_footer_desk {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contacto_footer_desk {
	margin-bottom: 0px;
	text-transform: uppercase;
}

.derechos_footer_desk {
	text-transform: uppercase;
	margin-bottom: 0px;
}

.afip_waia_desk {
	display: flex;
	justify-content: center;
	align-items: center;
}

.afip_desk {
	width: 20%;
	height: auto;
}

.waia_desk {
	width: 41%;
	margin-left: 30px;
	height: auto;
}

.contenedor_modulo_secundario {
	padding: 0px;
	margin: 0px;
}

.contenedor_newsletter {
	height: 100px;
	background-color: var(--verde);
	display: flex;
	justify-content: center;
	align-items: center;
}

.news_desk,
.news_mob {
	cursor: pointer;
}

.novedades_desk {
	color: #ffffff;
	font-size: 33px;
	font-weight: 700;
	text-align: right;
	line-height: 30px;
	letter-spacing: normal;
}

.novedades_mob {
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
	line-height: 23px;
	letter-spacing: normal;
}

.texto_izquierda {
	width: 30%;
	margin-right: 15px;
	line-height: 10px;
	letter-spacing: normal;
}

.boton_derecha {
	background-color: #000000;
	color: #ffffff;
	padding: 15px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	margin-left: 15px;
}

.news_desk {
	margin-bottom: 0px;
	font-size: 24px;
}

.news_mob {
	margin-bottom: 0px;
	font-size: 10px;
}

.tienda_online_desk li {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 3px;
	cursor: pointer;
	margin-bottom: 20px
}

.locales_desk {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-top: 18%;
}

.locales_desk li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

.equipos_desk li {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 12px;
	cursor: pointer;
}

.empresa_footer_desk {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 3px;
	cursor: pointer;
}

.empresa_footer_desk li {
	margin-bottom: 20px;
}

.club_footer_desk {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #000000;
	margin-top: 20%;
	cursor: pointer;
}

.iconos_redes_footer {
	display: flex;
	margin-top: 35%;
	align-items: center;
	cursor: pointer;
}

.iconos_redes_footer div {
	margin: 0 15px;
}

.iconos_redes_footer div i {
	color: #000000;
	font-size: 23px;
}

.cont_ayuda {
	width: 29px;
	background-color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 98%;
	z-index: 9999;
	cursor: pointer;
	color: #ffffff;
	writing-mode: vertical-rl;
	padding: 7px 0 0 0;
}

.cont_ayuda>#texto {
	text-transform: uppercase;
	margin: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(-90deg);
	font-size: 14px;
}

.x_cerrar_ayuda {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	writing-mode: horizontal-tb;
	border-top: 1px solid #ffffff;
	margin-top: 7px;
}

.x_cerrar_ayuda>#icono {
	margin: 0px;
}

.titulo_producto_modulo {
	text-align: center;
	margin-top: 7px;
}

#whatsapp .contenedor-whatsapp {
	width: 60px;
	height: 60px;
	background-color: #000000;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 440px;
	left: 92%;
	z-index: 9999;
	cursor: pointer;
	transform: scale(1);
	animation: latidos 3s infinite;
}

#whatsapp i {
	font-size: 40px;
	color: #fff;
}

.imagen_modulos a {
	width: 100%;
	height: auto;
}

.titulo_producto_modulo .protitle {
	padding-top: 3px;
}

/* inicio menu en desktop */
body.active .sidenav {
	overflow-x: unset;
	overflow-y: scroll;
	/* width: 100%!important; */
}

.navbar-collapse.collapse {
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	transition: 0.5s;
	padding-top: 60px;
	overflow-x: hidden;
	box-shadow: 5px 0 5px 0 rgb(0 0 0 / 6%);
	clear: both;
	height: 100%;
	background-color: #ffffff;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.sidenav::-webkit-scrollbar {
	-webkit-appearance: none;
}

.sidenav::-webkit-scrollbar:vertical {
	width: 10px;
}

.sidenav::-webkit-scrollbar-button:increment,
.sidenav::-webkit-scrollbar-button {
	display: none;
}

.sidenav::-webkit-scrollbar:horizontal {
	height: 10px;
}

.sidenav::-webkit-scrollbar-thumb {
	background-color: #000000;
	border-radius: 20px;
	border: 2px solid #f1f2f3;
}

.sidenav::-webkit-scrollbar-track {
	border-radius: 10px;
}


.sidenav .close-nav {
	background-color: #ffffff;
	padding: 5px 15px;
	width: 100%;
	/* display: inline-block; */
	color: #fff;
	letter-spacing: 0px;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
	padding-top: 12px;
}

@media(max-width:768px) {
	.sidenav .close-nav {
		margin-bottom: 0;
	}
}

#menu .navbar-collapse,
#menu2 .navbar-collapse {
	display: block;
	padding: 0;
	max-height: none !important;
}

.navbar-nav {
	margin: 0;
	float: none;
	/* padding: 0px 40px; */
}

#menu .nav .dropdown {
	border-bottom: 1px solid #ededed;
}

#menu .nav li {
	padding: 0 34px;
}

#menu .nav li {
	display: block;
	float: none;
	border-bottom: 1px solid #ededed;
}

#menu .nav li:last-child,
#menu .nav .dropdown:last-child,
#menu2 .nav li:last-child,
#menu2 .nav .dropdown:last-child {
	border-bottom: none !important;
}

.caja_locales {
	display: flex;
	align-items: center;
	color: #000000;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Barlow', sans-serif;
}

/* .contenedor_locales_contacto {
    border-bottom: 1px solid #000000;
} */
.redes_header {
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 11px !important;
	border-bottom: 1px solid #000000;
}

.caja_locales>#imagen_locales {
	width: auto;
	min-width: 35px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.caja_locales>#imagen_locales:empty {
	display: none;
}

/* el menu no reserva columna de iconos. el hueco de las categorias
   (.imagen_locales_placeholder) esta siempre vacio, y el de los links corria su texto
   35px a la derecha, dejando los dos sectores desalineados. mobile ya los ocultaba en
   su @media; esto lo extiende a desktop para que todo arranque en el mismo x. */
.caja_locales>.imagen_locales_placeholder,
.caja_locales>#imagen_locales {
	display: none !important;
}

/* #menu .navbar-nav > li > a::after {
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 20px;
    font-weight: normal;
    float: right;
    cursor: pointer;
} */
.x_cerrar {
	font-size: 30px;
	font-weight: 300;
	/* line-height: 1; */
	height: 34px;
	width: 34px;
	display: flex;
	justify-content: center;
	margin: 0;
}

.redes_header div a i {
	font-size: 25px;
	margin-right: 17px;
}

/* fin menu en desktop */

.thumbnail a>img,
.thumbnail>img {
	margin: 0px;
}

#zoom_03_producto {
	height: 100%;
	width: 100%;
}

.row_producto {
	margin: 0px;
}

.row_product_desktop {
	margin: 0px;
}

.row_product_desktop .proimg {
	padding: 0px;
}

.contenedor_derecho_product {
	padding: 0 45px;
}

.boton_articulo_desktop {
	padding: 0px;
}

.precio_desktop {
	padding: 0px;
}

.precio_desktop p {
	font-size: 19px;
	font-weight: 500;
}

.cuotas_product {
	padding: 0px;
	color: var(--verde);
	font-weight: 400;
	font-size: 15px;
}

.talle_input {
	display: none;
}

/* input[type=radio]{
	display: none;
} */
input[type=radio]+label {
	display: inline-block;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	margin: 0px;
}

input[type=radio].visible:checked+label {
	background-color: #ededed;
	color: #000000;
	/* 	border-color: #ededed; */
}

.seleccion_talle .form-group {
	padding: 0;
	margin-bottom: 8px;
	height: 65px;
}

.seleccion_talle {
	padding: 0;
}

.imagen_regla {
	width: 27px;
}

.tabla_talles {
	background-color: #ededed;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 1px;
}

.cont_tabla_art_desktop {
	width: 39%;
}

.boton_comprar_desktop {
	margin-top: 0px;
}

.pregunta_talle a {
	color: var(--verde);
	font-weight: 500;
	font-size: 15px;
	margin-left: 33%;
	text-transform: inherit;
}

.contenedor_menu_logo {
	padding-left: 0px;
}

.boton_icono_menu {
	padding-left: 0px;
	min-width: auto;
	min-height: auto;
}

.breadcrumb li a {
	text-transform: uppercase;
}

.iconos_cuadros_dispo {
	display: flex;
	justify-content: flex-end;
}

.row_category>#content .cpagerow {
	margin: 0px;
	padding: 0px;
}

.row_category {
	margin: 0px;
}

.boton_filtrar_desktop .boton_filtrar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton_filtrar_desktop .boton_filtrar p {
	margin-right: 10px;
	font-size: 14px;
}

.filter_derecha_desktop {
	display: flex;
	justify-content: flex-end;
	padding-right: 0px;
	margin-right: 0px;
}

.bread_filtros {
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
}

.filter_derecha_desktop>#div_contenedor {
	display: flex;
	justify-content: center;
	align-items: center;
}

.filter_derecha_desktop>#div_contenedor>ul {
	padding: 0px;
}

.catesort .input-group-addon {
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
	height: unset;
	margin-bottom: 0px;
	line-height: 17px;
}

.catesort .input-group .form-control {
	border-radius: 0px;
	border: 0px;
	padding: 0px;
	/* line-height: 0px; */
}

.catesort .input-group {
	display: flex;
	justify-content: center;
	align-items: center;
}



.cont_ayuda div a p {
	color: #ffffff;
}

.modelo_product_mobile {
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 100%;
	color: #000000;
	background-color: #ffffffa3;
	margin: 0px;
	text-align: center;
	font-size: 15px;
	padding: 4px 0px;
}

.caja_sello img {
	width: 100%;
}

.descripcion_etiqueta {
	text-align: center;
}

/*------------MEDIA QUERYS--------------*/


@media(max-width:768px) {

	.sliderow img {
		width: 100%;
	}

	.cont_ayuda {
		left: 96%;
	}
}


@media(max-width:768px) {
	.sliderow img {
		width: 100%;
	}

	.cont_ayuda {
		left: 96%;
	}

	.cpagerow {
		margin-top: 190px;
	}

	.cpagerow2 {
		margin-top: 190px;
	}

}

#gallery_01 .owl-carousel .owl-item {
	float: unset;
}

#gallery_01 img {
	height: 55px;
	width: 45px;
}

#gallery_01 video {
	height: 55px;
	width: 45px;
}

#gallery_01 {
	display: flex;
	flex-direction: column;
	margin-top: 10%;
	margin-left: 6%;
}

#ayudaModal {
	top: 32%;
	left: 0;
	transition: all 2s ease-out;
}

.traslateModalOut {
	transform: translateX(100%);
}

.translateModal {
	transform: translateX(0%);
}

#ayudaModal .modal-header .close {
	margin-top: 7px;
	margin-right: 11px;
}

#ayudaModal .modal-title {
	padding: 10px;
}

.modal-content {
	border-radius: 0;
	width: auto;
	margin: auto;
}

.linksFooter {
	text-decoration: none;
}

.listaAyuda {
	transition-property: background-color, padding-left;
	transition-duration: 0.5s, 1s;
}

.listaAyuda:hover {
	background-color: black;
	color: white;
	padding-left: 1em;
}

.listaAyuda:hover a {
	color: white;
}

/* estilos de filtros SB  */
.checkbox_filtro_imagen label {
	font-weight: 600;
	font-size: 10px;
	padding: 2px;
	text-transform: uppercase;
	position: relative;
	margin: 0 3px;
}

.check_filtro_imagen.visible:checked+label {
	border: solid 1px #b3b2b2;
}

.filtro_imagen {
	width: 62px;
	height: 80px;
}

.filtro_imagen img {
	width: 100%;
}

.nombre_filtro {
	padding: 0px 0px 5px 0px;
	margin: 0;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
}

.titulo_filtro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}

.list-group-filter {
	padding: 0 28px;
}

.checkbox_filtro label {
	font-weight: 600;
	font-size: 14px;
	padding: 4px;
	text-transform: uppercase;
	border-top: 1px solid #b3b2b2;
	margin: 0px;
	border-bottom: 1px solid #b3b2b2;
	border-right: 1px solid #b3b2b2;
	position: relative;
	border-left: solid 1px #b3b2b2;
}

.sidenavFilter .close-nav {
	background-color: #ffffff;
	padding: 10px 15px;
	width: 100%;
	/* display: inline-block; */
	color: #fff;
	letter-spacing: 0px;
	display: flex;
	justify-content: flex-end;
}

.sidenavFilter {
	background-color: #ffffff;
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 1% !important;
	/* left: 0; */
	/*left en 0 sin right como propiedad abre de izquierda a derecha
	si no pongo left como propiedad y pongo right en 0 abre de derecha a izquierda 
	como es en este caso */
	right: 0;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	padding-top: 60px;
	overflow-x: hidden;
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .06);
	clear: both;
	height: 100%;
	/* background-color: #fff; */
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;

}

body.active .sidenavFilter {
	overflow-x: unset;
	overflow-y: scroll;
}

.boton_filtrar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton_filtrar img {
	width: 23px;
	margin-right: 3px;
}

.boton_filtrar p {
	margin: 0px;
}

.cat_filter {
	margin-bottom: 0px;
}

.icono_mas_filtro i {
	color: #b3b2b2;
}

.contenedor_filtro_input {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
	margin-left: 27px;
	margin-right: 27px;
}

.boton_buscar {
	border: none;
	position: absolute;
	width: 100%;
}

.boton_buscar #button-filter {
	width: 100%;
	background-color: #000000;
}

.check_filtro.visible:checked+label {
	background-color: #ededed;
	color: #000000;
	/* border-color: #ededed; */
}

/* estilo menu  SB */
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.orden_categoria {
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
	font-size: 14px;
}

#ayudaModal .modal-dialog {
	width: 270px;
	margin: auto;
}

#ayudaModal .modal-dialog .modal-content {
	text-align: center;
}

.catesort {
	padding: 0px;
}

/* estilo descripcion de un producto SB  */
.tabla_descripcion_imagen {
	margin-top: 0%;
	padding-top: 4%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.caja_calce {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.titulo_calce {
	font-size: 24px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0px 0 7px 0;
}

.modal-talle {
	max-width: 32%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;
}

.modal-body {

	padding: 8px !important;
}

.menu2 {
	/* el grosor de 2px se conserva en .m-menu.menu2::after */
	border-bottom: none !important;
}

.menuMobile {
	border-bottom: none;
}

@media(max-width:768px) {
	.modal-talle .modal-content .modal-body {
		padding: 0px;
	}

	.modal-talle .modal-content .modal-header {
		border: none;
		padding: 5px;
	}

	.sidenavFilter {
		top: 0% !important;
	}

	.titulo_sub_menu {
		padding: 5px 0px;
	}

	.submenu-title {
		font-size: 16px;
		padding: 10px 0px;
		padding-left: 16px;
	}

	.imagen_lupa_search {
		width: 90%;
	}

	.middle-footer {
		padding: 8px 0;
	}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-nav>li>a {
		padding-left: 17%;
		text-transform: uppercase;
		padding-top: 6px;
		padding-bottom: 6px;
		line-height: 3vh;
		/*padding-bottom: 0px;*/
	}

	.cat_outlet {
		padding-bottom: 2vh;
		font-size: 20px;
	}

	.caja_locales {
		font-size: 21px;
	}

	.menu_locales {
		font-size: 21px;
		padding: 0.5vh 0px;
		line-height: 3.5vh;
	}
}

.circulo_check {
	font-size: 54px;
	color: #000000;
}

.circulo_check i {
	font-size: 54px;
	color: #000000;
}

.circulo_carrito {
	display: flex;
	justify-content: flex-end;
}

.error_talle:not(:empty) {
	height: 23px;
}

@media(max-width: 767px) {
	.error_talle:not(:empty) {
		margin: 1rem;
	}
}

.error_talle:empty {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

.error_talle p {
	color: red;
}

.input-group .form-control[name^=quantity] {
	width: 40px !important;
	text-align: center;
	border-top: solid 1px #ccc !important;
	border-bottom: solid 1px #ccc !important;
}

.boton_menos {
	color: #000;
	background: #ffffff;
	border: solid 1px #ccc !important;
	border-right: none !important;
	width: 40px;
}

.boton_mas {
	width: 40px !important;
}

.boton_mas {
	color: #000;
	background: #ffffff;
	border: solid 1px #ccc !important;
	border-left: none !important;
}

.input_botones_desktop {
	width: 100% !important;
	display: flex;
	justify-content: center;
}

@media (max-width: 767.98px) {
	.titulo_productos {
		font-size: 25px;
	}

	.titulo_productos_sub {
		font-size: 25px;
	}

	.slick-track {
		margin-left: 0px;
		margin-right: 0px;
	}

	#common-home {
		padding: 0px;
		margin: 0px;
	}

	.name_mobile {
		line-height: 17px;
		font-weight: 500;
	}

	.titulo_cart_checkout {
		font-size: 28px !important;
		text-align: left;
		font-weight: 300 !important;
		margin-bottom: 24px;
		text-align: center;
	}

	.tachito_mobile {
		margin-left: 0%;
		background-color: transparent;
		border: none;
	}

	.tachito_mobile i {
		font-size: 25px;
	}

	.vista_mobile .container {
		padding: 0 !important;
	}

	.actualizar_mobile {
		/* 	margin-top: 20px; */
		border-radius: 0px;
		padding: 5px;
	}

	.boton_actualizar_cart {
		margin: 0px;
		border-radius: 0;
	}

	.totales_mobile_cart>tbody>tr>td {
		font-weight: 500;
	}

	#img_mobile {
		width: 100%;
	}

	.cantidad_cart {
		max-width: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.precio_cart {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		/* margin-left: -15px; */
	}

	.total_cart {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-left: 0px;
	}

	.contenedor_botones_cart {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.input_carrito {
		text-align: center;
		width: 29.99056px;
		height: 29.990560000000002px;
		color: #000;
		background: #ffffff;
		border: solid 1px #ccc !important;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.input_cantidad {
		color: #000;
		background: #ffffff;
		border: solid 1px #ccc !important;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.boton_menos {
		color: #000;
		background: #ffffff;
		border: solid 1px #ccc !important;
		border-right: none !important;
		width: 40px;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.boton_mas {
		color: #000;
		background: #ffffff;
		border: solid 1px #ccc !important;
		border-left: none !important;
		-webkit-appearance: none;
		border-radius: 0;
	}

	.product_mobile {
		border-bottom: 1px solid #DDDDDD;
		margin-top: 3%;
		padding-bottom: 3%;
	}

	#vista_mobile {
		display: block;
		/*         overflow-y: scroll;
        height: 250px; */
	}

	.text_titulo {
		color: #575756;
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 0px;
		text-transform: uppercase;
		line-height: 19px;
	}

	.text_precio {
		font-weight: 500;
	}

	#content {
		/* padding: 6%; */
	}

	.panel-body {
		padding: 4px 0px !important;
	}

	.img_cart_mobile {
		justify-content: center;
	}

	.tabla_mobile>tbody>tr>td {
		display: flex !important;
		align-items: stretch;
		width: 100%;
		border-top: none !important;
		white-space: normal !important;
		text-align: left !important;
		padding: 0px 8px !important;

	}

	.tabla_mobile>tbody>tr {
		padding: 3px 8px !important;
	}

	.tabla_mobile>tbody>tr>td>a {
		font-size: 15px;
		position: relative;
		width: 100%
	}

	#nombre_mobile {
		display: list-item !important;

	}

	#modelo {
		font-weight: 300;
		font-size: 10px;
		display: flex;
		justify-content: flex-end;
		padding-bottom: 0px;
		align-self: center;
	}

	.botones_cart_mobile {
		display: flex;
		justify-content: center;
		align-items: baseline;
		margin-top: 14px;
		padding: 0;
	}

	.tabla_mobile>tbody>tr>td[data-titulo]::before {
		content: attr(data-titulo);
		color: black;
		width: 80px;

	}

	.tabla_mobile>.table>tbody>tr>td {
		white-space: normal !important;
	}

	.tabla_mobile>tbody>tr {
		border-bottom: 1px solid #DDDDDD;
	}

	.titulo_tabla_confirmar {
		display: none !important;
	}

	.tabla_carrito {
		display: none !important;
	}

	#nombre_producto {
		padding-top: 14px !important;
	}

	#total_producto {
		padding-bottom: 14px !important;
	}

	#img_mobile {
		border: none;
		padding: 0;
	}

	.td_borrar {
		height: 10px;
	}

	.seguir_comprando_mobile {
		background-color: #fd6212 !important;
		border: 1px solid #ffffff !important;
		color: #ffffff !important;
	}

	.mfp-container {
		/* sofi popup de la img*/
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;

		transform: translate(-50%, -50%);
	}

	#cart .dropdown-menu table td {
		vertical-align: inherit;
	}

	#cart .dropdown-menu .img-thumbnail {
		width: 66px !important;
	}

	.thead_carrito {
		font-size: 13px !important;
	}

	#checkout-cart .row #content {
		padding: 0px;
	}

	.row {
		margin: 0px !important;
	}
}

.input_carrito {
	text-align: center;
	width: 29.99056px;
	height: 29.990560000000002px;
	color: #000;
	background: #ffffff;
	border: solid 1px #ccc !important;
}

#vista_mobile .container {
	padding: 0px;
}

.titulo_calculadora {
	text-align: right;
}

.titulo_calculadora>a {
	margin-right: 10px;
}

.label_calculadora {
	font-weight: 700;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 13px;
	font-weight: 500;
}

/* .flecha{
	font-size: 21px;
	color: #ededed;
	position: absolute;
	right: 0;
} */

/* ocultar flechita de inpuit type number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

/* Estilos formularioConsultas MR */
#formulariosContacto {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

#formulariosContacto h2 {
	text-align: center;
}

#formulariosContacto h3 {
	font-size: 27px;
	color: #282828;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

#formulariosContacto .subtitulo {
	font-size: 17px;
	font-weight: 300;
	text-align: center;
}

#rowSubtitulo {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.cajaFormulario {
	border: 1px solid black;
	text-align: center;
	padding: 10px 0;
	margin: auto;
	transition: background-color 0.5s, color 0.5s;
}

.cajaFormulario:hover {
	background-color: black;
	color: white;
}

.cajaFormulario span {
	text-transform: uppercase;
	font-size: 19px;
}

@media(max-width:330px) {
	.cajaFormulario span {
		font-size: 3vh;
	}
}

@media(max-width:292px) {
	.cajaFormulario span {
		font-size: vh;
	}
}

@media(max-width:228px) {
	.cajaFormulario span {
		font-size: 1.5vh;
	}
}

.containerCajaFormulario {
	margin-top: 60px;
}

.rowCajaFormulario {
	display: flex;
	justify-content: center;
}

.rowCajaFormulario p,
.rowCajaFormulario2 p {
	font-weight: 400;
}

.rowDivider {
	display: flex;
	justify-content: center;
}

.divider {
	background-color: #b2b2b2;
	height: 2px;
	margin: 60px 0;
}

#underForm {
	margin-bottom: 60px;
}

#underForm h6 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

#underForm .row {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}

#underForm ul {
	list-style: none;
	padding: 0;
	font-weight: 300
}

#underForm i {
	font-size: 26px;
	margin-right: 6px;
	border: 1px solid #b2b2b2;
	border-radius: 2em;
	padding: 17px;
	color: #b2b2b2;
}

#underForm i:hover {
	background-color: #3a589d;
	color: white;
}

@media (max-width:767px) {
	.rowCajaFormulario {
		display: block;
	}
}

.alert-succes {
	display: flex;
	flex-direction: column;
}

.check_success {
	font-size: 56px;
	color: #000000;
}

.boton_ir_product {
	background-color: #000000;
	padding: 7px;
	color: #ffffff !important;
	text-transform: uppercase;
	line-height: normal;
	font-size: 14px;
	border: none;
	font-weight: 300 !important;
}

.boton_continuar_product {
	background-color: #000000;
	padding: 7px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: normal;
	font-size: 14px;
	border: none;
	font-weight: 300;
}

.contenedor_botones_product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 78%;
	margin-top: 4%;
}

.talle_input:checked+label {
	background-color: #ededed;
	color: #000000;
	border-color: #ededed;
}

@media (max-width: 768px) {
	.seleccion_talle .form-group {
		display: flex;
		justify-content: center;
	}

	.contenedor_botones_product {
		width: 89% !important;
	}

	.talle_input:checked+label {
		background-color: #ededed;
		color: #000000;
		border-color: #ededed;
	}

	.prev_product {
		font-size: 50px;
	}

	.next_product {
		font-size: 50px;
	}
}

/*Estilos cambios y devoluciones MR*/
.rowCajaFormulario h5,
.rowCajaFormulario2 h5 {
	font-size: 24px;
	color: #282828;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}

.rowCajaFormulario h6,
.rowCajaFormulario h6 {
	font-size: 1.25em;
	color: #282828;
	text-align: center;
	font-weight: 600;
}

.flechaAbajo,
.flechaArriba {
	float: left;
	margin-right: 4px;
	font-size: 22px;
}

.colorFondo {
	background-color: #F7F7F7 !important;
	font-weight: 800 !important;
	font-size: 16px !important;
}

.rotate {
	transform: rotate(180deg);
}

.rowCajaFormulario .panel-default {
	border: unset !important;
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}

.rowCajaFormulario .panel-default>.panel-heading {
	background-color: transparent;
}

.contenedor_success {
	display: flex;
	margin-top: 10%;
	width: 60%;
	justify-content: center;
	text-align: center;
}

.boton_volver_success {
	font-weight: 700;
	border-radius: 0 !important;
}

.masproductos_success {
	font-weight: 700;
}

.contenedor_success {
	display: flex;
	margin-top: 10%;
	width: 60%;
	justify-content: center;
	text-align: center;
}

#common-success {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#common-success2 {
	display: flex;
	width: 100%;
}

.contenedor_success .infobg {
	width: 60%;
}

.boton_volver_success {
	font-weight: 700;
}

.masproductos_success {
	font-weight: 700;
}

.botones_success {
	display: flex;
	justify-content: center;
	align-items: center;
}

.zoomPaquetes {
	transition: transform 1s;
	border-radius: 12px;
}

.zoomPaquetes:hover {
	transform: scale(1.2);
}

.textoIzquierdoHistoria {
	padding-right: 39px;
}

.textoDerechoHistoria {
	padding-left: 39px;
}

/* ESTILOS DE CARD - HISTORIA */
.card {
	background-color: #fff;
	border-radius: 6px;
}

.card>.card-link {
	color: #333;
}

.card>.card-link:hover {
	text-decoration: none;
}

.card>.card-link .card-img img {
	border-radius: 6px 6px 0 0;
}

.card .card-img {
	position: relative;
	padding: 0;
	display: table;
}

.card .card-img .card-caption {
	position: absolute;
	right: 0;
	bottom: 16px;
	left: 0;
}

.card .card-body {
	display: table;
	width: 100%;
	padding: 12px;
}

.card .card-header {
	border-radius: 6px 6px 0 0;
	padding: 8px;
}

.card .card-footer {
	border-radius: 0 0 6px 6px;
	padding: 8px;
}

.card .card-left {
	position: relative;
	float: left;
	padding: 0 0 8px 0;
}

.card .card-right {
	position: relative;
	float: left;
	padding: 8px 0 0 0;
}

.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child,
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4 {
	margin-top: 0;
}

.card .card-body .heading {
	display: block;
}

.card .card-body .heading:last-child {
	margin-bottom: 0;
}

.card .card-body .lead {
	text-align: center;
}

@media(min-width: 768px) {
	.card .card-left {
		float: left;
		padding: 0 8px 0 0;
	}

	.card .card-right {
		float: left;
		padding: 0 0 0 8px;
	}

	.card .card-4-8 .card-left {
		width: 33.33333333%;
	}

	.card .card-4-8 .card-right {
		width: 66.66666667%;
	}

	.card .card-5-7 .card-left {
		width: 41.66666667%;
	}

	.card .card-5-7 .card-right {
		width: 58.33333333%;
	}

	.card .card-6-6 .card-left {
		width: 50%;
	}

	.card .card-6-6 .card-right {
		width: 50%;
	}

	.card .card-7-5 .card-left {
		width: 58.33333333%;
	}

	.card .card-7-5 .card-right {
		width: 41.66666667%;
	}

	.card .card-8-4 .card-left {
		width: 66.66666667%;
	}

	.card .card-8-4 .card-right {
		width: 33.33333333%;
	}
}

/* -- default theme ------ */
.card-default {
	border-color: #ddd;
	background-color: #fff;
	margin-bottom: 24px;
}

.card-default>.card-header,
.card-default>.card-footer {
	color: #333;
	background-color: #ddd;
}

.card-default>.card-header {
	border-bottom: 1px solid #ddd;
	padding: 8px;
}

.card-default>.card-footer {
	border-top: 1px solid #ddd;
	padding: 8px;
}

.card-default>.card-body {}

.card-default>.card-img:first-child img {
	border-radius: 6px 6px 0 0;
}

.card-default>.card-left {
	padding-right: 4px;
}

.card-default>.card-right {
	padding-left: 4px;
}

.card-default p:last-child {
	margin-bottom: 0;
}

.card-default .card-caption {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}


/* -- price theme ------ */
.card-price {
	border-color: #999;
	background-color: #ededed;
	margin-bottom: 24px;
}

.card-price>.card-heading,
.card-price>.card-footer {
	color: #333;
	background-color: #fdfdfd;
}

.card-price>.card-heading {
	border-bottom: 1px solid #ddd;
	padding: 8px;
}

.card-price>.card-footer {
	border-top: 1px solid #ddd;
	padding: 8px;
}

.card-price>.card-img:first-child img {
	border-radius: 6px 6px 0 0;
}

.card-price>.card-left {
	padding-right: 4px;
}

.card-price>.card-right {
	padding-left: 4px;
}

.card-price .card-caption {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.card-price p:last-child {
	margin-bottom: 0;
}

.card-price .price {
	text-align: center;
	color: #337ab7;
	font-size: 3em;
	text-transform: uppercase;
	line-height: 0.7em;
	margin: 24px 0 16px;
}

.card-price .price small {
	font-size: 0.4em;
	color: #66a5da;
}

.card-price .details {
	list-style: none;
	margin-bottom: 24px;
	padding: 0 18px;
}

.card-price .details li {
	text-align: center;
	margin-bottom: 8px;
}

.card-price .buy-now {
	text-transform: uppercase;
}

.card-price table .price {
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
}

.card-price table .note {
	color: #666;
	font-size: 0.8em;
}

#flechaIzquierda,
#flechaDerecha {
	width: 0;
}

.container-fluid .rowCajaFormulario a img {
	transition: transform 0.6s;
}

.container-fluid .rowCajaFormulario a img:hover {
	transform: scale(1.2);
}

/* estilos de filtros SB */
.checkbox_filtro {
	margin: 0 5px;
}

.contenedor_filtros {
	display: block;
	/*flex-wrap: wrap;*/
	justify-content: center;
	align-items: center;
}

/*---- ESTILOS MARATON ---- */

.containerCajaFormulario .photoGallery {
	margin-bottom: 6px;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.38);
	-webkit-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.38);
}

.photoGallery img {
	cursor: pointer;
	width: 100%;
}

/*----- ESTILOS CLUB SONDER ------*/
.iconoRedes i {
	font-size: 30px;
}

.subirArchivo {
	height: 130px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	display: flex;
}

/* inicio estilos de filtro precio SB */

.wrapper {
	position: relative;
	background-color: #ffffff;
	border-radius: 10px;
}

.container_filtro_precio {
	position: relative;
	width: 100%;
	/*    height: 100px; */
	margin-top: 0px;
}

input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	outline: none;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background-color: transparent;
	pointer-events: none;
}

.slider-track {
	width: 100%;
	height: 5px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 5px;
}

@media(min-width:1px) {
	.slider-track {
		width: 100%;
		height: 5px;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		border-radius: 5px;
	}
}

input[type="range"]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 5px;
}

input[type="range"]::-moz-range-track {
	-moz-appearance: none;
	height: 5px;
}

input[type="range"]::-ms-track {
	appearance: none;
	height: 5px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 1em;
	width: 1em;
	background-color: #000000;
	cursor: pointer;
	margin-top: -4px;
	pointer-events: auto;
	border-radius: 0%;
}

input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	height: 1.7em;
	width: 1.7em;
	cursor: pointer;
	border-radius: 0%;
	background-color: #000000;
	pointer-events: auto;
}

input[type="range"]::-ms-thumb {
	appearance: none;
	height: 1.7em;
	width: 1.7em;
	cursor: pointer;
	border-radius: 0%;
	background-color: #000000;
	pointer-events: auto;
}

input[type="range"]:active::-webkit-slider-thumb {
	background-color: #ffffff;
	border: 2px solid #000000;
}

.values {
	position: relative;
	/*   margin: auto; */
	padding: 0px 0;
	border-radius: 5px;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	color: #000000;
}

.values:before {
	/*   content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 15px solid #3264fe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin: auto;
    bottom: -14px;
    left: 0;
    right: 0; */
}

/* fin estilos de filtro precio SB*/

/* Estilos Mayoristas */
.rowMayorista label {
	font-size: 14px;
	font-weight: bold;
}

#formMayorista .rowMayorista {
	margin: 20px 0;
}

.enviar {
	background-color: white;
	border: 1px solid black;
	text-align: center;
	padding: 10px 0;
	margin: auto;
	transition: background-color 0.5s, color 0.5s;
	border-radius: 0;
	font-weight: 500;
	padding: 11px;
	font-size: 20px;
	margin-bottom: 20px;
}

.enviar:hover {
	background-color: black;
	color: white;
}

#mayorista_more_info {
	background-color: #E1E1E4EB;
	padding: 6rem 1rem;
}

.mayorista_right_image #column-right {
	width: 100%;
}

/* Estilos EQUIPOS MR*/
.bannerEquipos {
	height: 500px;
	width: 100%;
}

.uppercase {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

.alCentro {
	text-align: right;
}

.cajaEquipo {
	border: 1px solid #b2b2b2;
	padding: 20px 5px;
}

@media(max-width:915px) {
	.rowCajaFormulario {
		display: unset;
	}

	.alCentro {
		text-align: center;
	}

	.derechos_footer {
		border: none;
		margin-top: 0%;
	}
}


.menu_locales {
	font-size: 23px;
	padding: 6px 0px;
}

/* ARREPENTIMIENTO */
#formArrepentimiento .rowMayorista {
	margin: 20px 0;
}

.menuA {
	width: 100%;
}

.linkCateg {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	color: #666;
	z-index: 10;
}

.linkCateg2 {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	color: #666;
	z-index: 10;
}

.linkCateg i,
.linkCateg2 i {
	font-family: 'FontAwesome' !important;
	font-style: normal;
	font-size: 28px !important;
}


/* #menu2 .fixed.fadeInDown.animated .sidenav{
	height: 20000%;
	width: 500%;
	
} */
.prod_individual {
	aspect-ratio: 4/6;
}

@media(max-width: 767px) {
	.prod_individual {
		aspect-ratio: 3/5;
	}
}

@media (min-width:768px) and (max-width:991px) {
	body.active::before {
		z-index: 0;
	}

	.navbar-nav {
		display: flex;
		flex-direction: column;
	}
}

.prod_individual {
	padding: 0px 2px;
}

.cpagerow3 {
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}

/* ESTILO LOCALES */
.whatsappLocales {
	background-color: #1bd741;
	border-radius: 21px;
	font-size: 15px;
	color: white;
	padding: 5px 10px;
	font-weight: 500;
	transition: background-color .5s;
	margin-right: 10px;
	text-transform: uppercase;
}

.whatsappLocales:hover {
	background-color: #16AC34;
	color: white !important;
}

.masInfoLocales {
	font-size: 15px;
	background-color: black;
	padding: 2%;
	border-radius: 2em;
	color: white;
}

.locales-menu {
	margin-bottom: 11px;
}

@media (max-width: 991.98px) {
	#div_contenedor #column_left {
		z-index: 0;
	}

	.derechos_footer_desk {
		text-align: center;
		margin-top: 17px;
	}

	.afip_waia_mobile {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
		margin-top: 15px;
		margin-bottom: 25px;
	}

	.afip_mobile {
		width: 45px;
		height: auto;
	}

	.waia_mobile {
		width: 130px;
		height: auto;
	}

	.circulo_individual {
		width: 42% !important;
		margin-top: 30px !important;
	}

	.swiper-viewport .swiper-button-prev {
		left: 0px !important;
	}

	.swiper-viewport .swiper-button-next {
		right: 4px !important;
	}

	.swiper-wrapper {
		width: 80% !important;
	}
}

@media(max-width:991px) {

	#rowLocalesMapas {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media(max-width:345px) {
	.masInfoLocales {
		font-size: 15px;
		display: block;
		margin-top: 11px;
		/* padding-left: 12px; */
		width: 57%;
		text-align: center;
	}
}

/* No se veia subcategorias en dsktp y si en mobile en HOMBRE - SOLUCIONADO */
.categYsub {
	display: grid !important;
	padding-left: 1.5rem;
}

.categYsub li a {
	font-weight: 300;
}

.grand-child {
	font-weight: 300;
}

.categYsub .dropdown-submenu {
	border-bottom: unset !important;
}

@media (min-width: 992px) {
	#information-information .row {
		margin: 0px;
	}

	.owl-controls {
		width: 100% !important;
	}

	.owl-buttons {
		/* 	display: flex !important;
		justify-content: space-between !important;
		margin-top:150px !important; */
	}

	#izquierda {
		font-size: 60px !important;
		;
		/* margin-top:150px !important;
		margin-left: 30px !important; */
		left: 2%;
		position: absolute;
	}

	#derecha {
		font-size: 60px !important;
		;
		/* 	margin-top:150px !important;
		margin-right: 30px !important; */
		right: 2%;
		position: absolute;
	}

}

@media (min-width: 992px) {


	.aviso_talle {
		color: var(--verde);
		font-weight: 300;
		line-height: 14px;
		text-align: left;
		padding-left: 15px;
		font-size: 13px;
		padding-top: 0px;
		width: 56%;
		float: right;
	}

	.aviso_talle2 {
		color: var(--verde);
		font-weight: 300;
		line-height: 14px;
		text-align: left;
		padding-left: 15px;
		font-size: 13px;
		padding-top: 0px;
		width: 56%;
		float: right;
	}
}


.aviso_talle {
	color: var(--verde);
	font-weight: 300;
	line-height: 14px;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	padding-top: 0px;
	width: 100%;
	float: none;
}

.aviso_talle2 {
	color: var(--verde);
	font-weight: 300;
	line-height: 14px;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	padding-top: 0px;
	width: 100%;
	float: none;
}

.cpagerow {
	display: flex;
	flex-wrap: wrap;
}

.texto_locales_contacto {
	font-size: 15px;
}

.titulo_descripcion {
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	margin-bottom: 12px;
	line-height: 7px;
}

.subtitulo_descripcion {
	line-height: 22px;
	margin-top: 4%;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	text-transform: lowercase;
}

.subtitulo_descripcion:first-letter {
	text-transform: uppercase;
}

.subtitulo_descripcion#descripcion {
	line-height: 20px;
}

#product-search .cpagerow {
	margin: 0px;
	padding: 0px;
}

.nombre_search a {
	font-weight: 300;
	text-transform: uppercase;
}

.filtro_precio_name {
	margin-bottom: 4%;
}

.contenedor_filtro {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	margin-bottom: 7px;
}

.contenedor_filtro ul {
	/* margin: 0 auto; */
	padding: 0px 0;
}

.contenedor_filtro ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555555;
	padding: 0px 6px;
	margin: 2px 1px;
	text-align: center;
	width: auto;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	font-size: 9px;
}

.boton_cerrar {
	background-color: transparent;
	border: none;
}

.contenedor_filtro li {
	float: left;
	list-style: outside none none;
}

/* boton cerar modal popups */
.boton_cerrar_modal {
	left: 98%;
	position: absolute;
	bottom: 100%;
	color: #b3b2b2;
	background-color: transparent;
	opacity: 1;
	text-shadow: none;
}

@media(max-width:991px) {
	.contenedor_success {
		width: 100%;
		min-height: 100% !important;
	}

	#common-success {
		padding: 0 15px;
	}

	.botones_success {
		margin-top: 25px;
	}

	.contenedor_success .infobg {
		width: 100%;
	}

	#collapse-checkout-option .panel-body .row .col-sm-6 {
		margin-top: 10px;
	}

	.boton_cerrar_modal {
		left: 96%;
		position: absolute;
		bottom: 100%;
		color: #b3b2b2;
		background-color: transparent;
		opacity: 1;
		text-shadow: none;
	}
}

@media(min-width:1024px) {
	.imagenCart {
		width: 40%;
	}

	/* .modal-talle{
		max-width: 90%;
	} */
	/* .modal-body{
		padding: 0px;
	} */
	.modal-header {
		padding: 0px;
	}

	.img_carrousel_information {
		height: 238px !important;
	}

	.contenedor_cs {
		padding: 0px;
	}

	.containerCajaFormulario {
		margin-top: 0px;
	}

	#underForm {
		display: none;
	}

	.divider {
		margin: 25px 0;
	}
}

.arrepentimiento_boton {
	padding: 10px;
	border: solid 1px #000000;
}

.arrepentimiento_boton:hover {
	background-color: black;
	color: white;
}

/* formulario consulta MR */

.titulo {
	/* display: flex;   */
	flex-direction: column;
	align-items: center;
	margin-bottom: 2em
}

.titulo p {
	font-size: 16px;
}

.textoOpciones {
	font-size: 15px;
}

.textoOpciones b,
li span b {
	text-transform: uppercase;
}

#consulta h3 {
	color: #282828;
	font-size: calc 150%;
	font-weight: 700;
	letter-spacing: 5px;
	line-height: 40px;
	text-transform: uppercase;
	margin: 0;
}

#consulta h3:nth-child(2) {
	font-weight: 600;
	font-size: 1.6em;
}

#consulta label {
	color: #222;
	font-weight: 700;
}

label {
	font-size: 15px;
}

input:focus {
	/* 	box-shadow: 0 0 5px #ccc; */
}

#motivo option {
	font-size: 14px;
}

#envio,
#pagos,
#estadodepedido,
#otros {
	display: none;
}

#e-mail,
#telef,
#motivc,
#mensajerow,
#motivd,
#nombreEquipo,
#cantprendas {
	margin-top: 20px !important;
}

.apellidoEquipo {
	opacity: 0;
}

/* label>span {
	color: red;
	font-size: 1.3em;
} */

li>span {
	padding-left: 1em;
}

.imagen_mobile_cart {
	width: 170px;
}

@media (max-width:768px) {

	#nombreyapellido,
	#e-mail,
	#telef,
	#motivc {
		margin-bottom: 1em !important;
	}

	#envio div:nth-child(2),
	#estadodepedido div:nth-child(2) {
		margin-bottom: 1em
	}

	#botonsubmit {
		margin-left: 1em;
	}

	.imagen_mobile_cart {
		width: 100%;
	}
}

.imagen_locales {
	width: 18px;
}

.imagen_contacto {
	font-size: 18px;
}

.contenedor_login {}

@media (max-width: 725px) {
	.modal-talle {
		max-width: 90%;
	}

	.contenedor_cabecera_dest {
		padding: 0px;
	}

	.contenedor_login {
		margin-top: 4%;
	}

	.imagen_locales {
		width: 16px;
		padding-top: 10px;
	}

	.imagen_contacto {
		margin: 0px;
		float: none;
		font-size: 20px;
		margin-right: 10px !important;
		padding-top: 6px;
	}
}

@media (max-width:425px) {
	.filter_derecha_desktop>#div_contenedor {
		padding: 0px;
	}

	#nombreyapellido div:nth-child(1) {
		margin-bottom: 1em
	}

	#consulta h3:nth-child(1) {
		text-align: center;
	}

	.titulo p {
		text-align: center;
		margin-top: 1em
	}
}

/* #spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
} */

.imagen1_categoria {
	color: #000000;
	display: inline-block;
	font-size: 13px;
	left: 9px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 10%;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 300;
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
	border: solid 1px #000000;
}

.imagen1_envio_gratis {
	color: #000000;
	display: inline-block;
	font-size: 13px;
	left: 9px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 2%;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 300;
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
	border: solid 1px #000000;
}

.imagen1_categoria_outlet {
	color: #000000;
	display: inline-block;
	font-size: 13px;
	top: 2%;
	left: unset;
	right: 3%;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
	letter-spacing: 0.2px;
	font-weight: 300;
	line-height: 22px;
	padding: 2px 10px;
	border-radius: 0 0px 0px 0;
	border: solid 1px #000000;
}


.modal_popups {
	top: 4%;
	max-width: 100%;
	margin: 0px auto;
}

#divnropedido {
	padding: 0;
	margin-bottom: 10px;
}

.motivoCambioDevolucion {
	display: flex;
	flex-direction: column;
}

.motivoCambioDevolucion label {
	display: flex;
	justify-content: space-between;
}

.subtitulo_footer_desk {
	padding-left: 0px;
}

.linksMayorista {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	transition: background-color, 0.5s;
	transition: color, 0.5s;
	margin-bottom: 1rem;
}

.linksMayorista a {
	font-size: 24px;
	font-size: 17px;
	text-decoration: underline;
}

.rowLinksMayorista {
	cursor: pointer;
}

.rowLinksMayorista:hover,
.rowLinksMayorista:hover a {
	background-color: black;
	color: white;
}

.rowLinksMayorista {
	border: 2px solid black;
}

.subtitulo.titleLinkMayorista,
.subtitulo.titleLinkMayorista i {
	font-size: 26px;
	font-weight: normal;
}

.margenBtnContactos {
	margin-bottom: 20px;
}

#elBoton {
	min-width: auto;
	min-height: auto;
}

.containerVideo {
	position: relative;
}

.textoVideo {
	position: absolute;
	top: 0vw;
	z-index: 1;
	color: white;
	width: 90%;
	left: 5vw;
	text-transform: uppercase;
	/* font-weight: 900; */
	text-align: center;
}

.textoVideo2 {
	position: absolute;
	top: 47vw;
	z-index: 1;
	color: white;
	width: 90%;
	left: 5vw;
	text-transform: uppercase;
	/* font-weight: 900; */
	text-align: center;
}

@media(max-width:1146px) {
	.textoVideo2 {
		bottom: 0vw;
	}
}

@media(max-width:991px) {

	/* .textoVideo{
		top: 8vw;
	} */
	.textoVideo2 {
		top: 48vw;
		bottom: unset;
	}
}

@media(max-width:768px) {
	.imagen1_categoria_outlet {
		top: 3%;
	}

	.imagen1_envio_gratis {
		font-size: 10px;
		font-weight: 500;
		padding: 1px 8px;
	}

	.textoVideo2 {
		top: 46vw;
		bottom: unset;
	}

	.textoVideo2 h2 {
		font-size: 4vw;
	}

	/* .textoVideo{
		top: 9vw;
	} */
}

@media(max-width:657px) {
	/* .textoVideo2{
		top: 52vw;
		bottom: unset;
	} */
	/* 	.textoVideo h3{
		top: 3vw;
	} */
}

@media(max-width:476px) {
	.textoVideo2 h2 {
		font-size: 5vw;
	}

	.textoVideo h3 {
		font-size: 4vw;
	}

	.textoVideo {
		top: -1vw;
	}

	.textoVideo2 {
		top: 44vw;
	}
}

@media(max-width:320px) {
	.textoVideo2 {
		top: 40vw;
	}
}

h5.separator {
	line-height: 1em;
	border-bottom: 0.5px solid #00000021;
}

h5.separator:before {
	content: "EDICIÓN ANTERIOR";
	position: relative;
	padding: 0 0.3em;
	top: 0.4em;
	background: white;
}

#common-success2>.row {
	display: flex;
	justify-content: center;
	align-items: center;
}

#common-success2>.row>#content {
	min-height: 260px;
}

.genero {
	display: flex;
	align-items: center;
}

#mujer,
#hombre {
	width: 16px;
	margin-left: 10px;
}

.redesContacto {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

@media(max-width:768px) {
	.redesContacto {
		display: unset;
	}
}

.barritaUnderBanner {
	background-color: black;
	color: white;
	text-align: center;
	padding: 10px 0;
}

.textoLocales {
	color: #333333;
	text-align: left;
}

.contactLocales {
	border: 1px solid;
	padding: 5px;
	text-align: center;
	cursor: pointer;
}

.contactLocales:hover {
	background-color: black;
	color: white;
}

.contactLocales:hover a {
	color: white !important;
}

@media(max-width:767px) {
	.locales2 {
		margin-top: 10px;
	}
}

.pruebaFijo {
	height: 355px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 20px;
}

@media(max-width:991px) {
	.pruebaFijo {
		height: auto;
	}
}

/* estilos select locales en shipping_method SB  */
.label_locales {
	font-size: 16px !important;
	cursor: pointer !important;
	margin: 0px !important;
	display: flex !important;
	font-size: 13px !important;
}

.select-box {
	display: flex;
	flex-direction: column;
}

.select-box .options-container {
	background: transparent;
	color: #000000;
	border: solid 1px #eee;
	max-height: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.4s;
	border-radius: 8px;
	overflow: hidden;
	order: 1;
}

.selected {
	display: flex;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 8px;
	color: #000000;
	position: relative;
	order: 0;
	border: solid 1px #eee;
	align-items: center;
	cursor: pointer;
}

.selected::after {
	font-family: 'fontawesome';
	content: '\f107';
	position: absolute;
	height: 100%;
	right: 10px;
	top: 5px;
	transition: all 0.4s;
}

.select-box .options-container.active {
	max-height: 240px;
	opacity: 1;
	overflow-y: scroll;
}

.select-box .options-container.active+.selected::after {
	transform: rotateX(180deg);
	top: -6px;
}

.select-box .options-container::-webkit-scrollbar {
	width: 8px;
	background: #f1f1f1;
	border-radius: 0 8px 8px 0;
}

.select-box .options-container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 0 8px 8px 0;
}

.select-box .option {
	padding: 3px 10px;
	cursor: pointer;
}

.select-box .option:hover {
	background: #c0c0c014;
}

.select-box label {
	cursor: pointer;
}

.select-box .option input[type="radio"] {
	display: none !important;
	width: 0;
	height: 0;
	visibility: hidden;
}

/* estilos landing nocturna SB */
.contenedor_img_noc {
	margin-bottom: 20px;
	padding: 0px;
}

.titulo_kit_nocturna {
	font-size: 30px;
	color: #000000;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 3%;
	text-align: center;
	margin-bottom: 1%;
}

.contenedor_img_noc>#imagen_ind {
	padding: 3px;
}

.contenedor_img_noc>#imagen_ind img,
.contenedor_img_noc>#imagen_ind video {
	width: 100%;
}

.titulo_prod_noc {
	color: #000000;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
}

.subtitulo_prod_noc {
	color: #000000;
	line-height: 16px;
	font-size: 13px;
	text-align: center;
	margin: 0px;
}

.imagen_modulo_nocturna {
	padding: 0px;
}

.imagen_modulo_nocturna img {
	height: unset !important;
}

.subrayado_reciclado {
	text-decoration: underline;
}

.producto_nocturna {
	padding: 3px;
}

@media(max-width:768px) {
	.boton_inscripcion {
		margin-top: 0px !important;
	}
}

.imagenCABA {
	height: 600px;
	width: 600px;
	background-repeat: no-repeat;
	background-size: cover;
}

@media(max-width:669px) {
	.imagenCABA {
		width: auto;
		height: 300px;
	}
}

.ocultarFiltroPrecio {
	display: none;
}

.mostrarFiltroPrecio {
	display: block;
}

/* estilos del blog  */
:root {
	--surface-color: #fff;
	--curve: 40;
	--magenta: var(--verde);
	--verde: #00A287;
}

.banner_blog img {
	height: 90vh;
	width: 100vw;
}

.contenedor_cat_blog {
	height: 64px;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.47);
	-webkit-box-shadow: 2px 2px 5px -3px rgb(0 0 0 / 47%);
	-moz-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.47);
}

.contenedor_cat_blog span {
	text-transform: capitalize;
	color: #fff;
	transition: all 0.5s;
}

.contenedor_cat_blog a :hover {
	font-weight: 700;
}

.contenedor_cat_blog a {
	text-decoration: none;
}

/* .contenedor_cat_blog a ::after{
    content: "|";
    position: absolute;
    right: 17%;
    color: #fff;
} */
.contenedor_cat_blog>.row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.destacados_blog {
	text-align: center;
}

.destacados_blog .titulo_dest_blog {
	margin-top: 60px;
	font-size: 20px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: 2px;
}

.divisor {
	display: block;
	width: 20%;
	height: 1px;
	margin: 16px auto;
	background-color: #dedede;
	list-style-type: lower-alpha;
}

.contenedorTexto {
	position: absolute;
	top: 53%;
	width: 90%;
	right: 10px;
}

.contenedorTexto a {
	color: white;
	font-weight: 700;
}

.cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin: 4rem 5vw;
	padding: 0;
	list-style-type: none;
}

.card {
	position: relative;
	display: block;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #0000000d;
}

.card__image {
	width: 100%;
	height: auto;
	transition: all 1s;
}

.card__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	border-top-left-radius: calc(var(--curve) * 1px);
	background-color: var(--surface-color);
	transform: translateY(100%);
	transition: .2s ease-in-out;
}

.card:hover .card__overlay {
	transform: translateY(0);
}

.card__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2em;
	padding: 2em;
	border-radius: calc(var(--curve) * 1px) 0 0 0;
	background-color: var(--surface-color);
	transform: translateY(-100%);
	transition: .2s ease-in-out;
}

.card__arc {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 100%;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.card__arc path {
	fill: var(--surface-color);
	d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}

.card:hover .card__header {
	transform: translateY(0);
}

.card:hover .card__image {
	transform: scale(1.3);
}

.card__thumb {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.card__title {
	font-size: 1.5em;
	margin: 0 0 .3em;
	color: #6A515E;
	font-weight: 600;
}

.card__tagline {
	display: block;
	margin: 1em 0;
	font-family: "MockFlowFont";
	font-size: .8em;
	color: #D7BDCA;
}

.card__status {
	font-size: 1em;
	color: #000000bd;
}

.card__description {
	padding: 0 2em 2em;
	margin: 0;
	color: #000000;
	font-family: "MockFlowFont";
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.cardPosts {
	margin: 10px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 9%) 0px 0px 0px 1px, rgb(0 0 0 / 9%) 0px 2px 23px 0px;
	overflow: hidden;
	width: auto;
	transition: all 0.5s ease;
	cursor: pointer;
}

.cardPosts:hover {
	box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
	-webkit-transform: translate(0px, -3px);
	-ms-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}

.card-header img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: transform 0.5s;

}

.card-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 20px;
	min-height: 250px;
	max-height: 250px;
}

.tag {
	background: #cccccc;
	border-radius: 50px;
	font-size: 12px;
	margin: 0;
	color: #fff;
	padding: 2px 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.tag-teal {
	background-color: var(--verde);
}

.tag-purple {
	background-color: #5e76bf;
}

.tag-pink {
	background-color: #cd5b9f;
}

.card-body p {
	font-size: 13px;
	/* margin: 0 0 40px; */
	width: 100%;
	overflow-wrap: break-word;
}

.user {
	display: flex;
	margin-top: auto;
}

.user img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.user-info h5 {
	margin: 0;
}

.user-info small {
	color: #545d7a;
}

.bannerBlog {
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.bannerBlogHome {
	width: 100%;
}

.descripcionBlog {
	margin-top: 15px;
	display: flex;
	justify-content: center;

}

.tituloBlog {
	font-weight: 700;
	text-transform: uppercase;
}

.rowTituloBlog {
	margin-top: 35px
}

.autorBlog {}

.fechaBlog {
	color: #999;
	line-height: 25px;
	margin-right: 6px;
	font-size: 16px;
}

.btnVolverBlog {
	margin-top: 10px;
	margin-left: 10px;
	background: #000;
	border: 0;
}

.underTituloBlog {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Fin estilos del blog  */

.imgBancos {
	cursor: pointer;
	width: 16%;
	margin-right: 0px;
}

.imgCuotas {
	cursor: pointer;
	width: 18%;
	margin-right: 0px;
}

.descripcion_producto {
	line-height: 22px;
	margin-top: 4%;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	text-transform: none;
}

#mensaje_ahoras {
	color: var(--verde);
}

#mrc_pago {
	width: 70px;
}

@media (max-width: 775px) {

	.padding-0 {
		padding: 0;
	}

	.imgBancos {

		width: 19% !important;

	}

	.imgCuotas {

		width: 20% !important;
		margin-right: 0px;

	}

	#mrc_pago {
		width: 70px !important;
	}

	#pago_eposnet {
		width: 27% !important
	}
}

.contenedor_imagen_producto {
	float: left;
	position: relative;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.contenedor_imagen_producto a {
	width: 100%;
}

.contenedor_imagen_producto a .img-responsive.center-block {
	width: 100%;
}

.contenedor_imagen_producto video {
	width: 100%;
	height: auto;
	display: block;
}

.favorito_producto {
	position: relative;
	z-index: 51;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: transform 0.2s ease;
}

.favorito_producto:hover {
	transform: scale(1.1);
}

.favorito_producto img {
	width: 28px;
	height: auto;
	filter: grayscale(1);
	opacity: 0.7;
}

.text_image_product {
	padding: 7px 15px;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	display: block;
	width: auto;
}

.text_image_product.badge-discount {
	background-color: #00A287;
}

.text_image_product.badge-promo {
	background-color: #00A287;
}

.text_image_product.badge-bomba {
	background-color: #e60000;
}

.price-old-product {
	color: #000000;
	text-decoration: line-through;
	font-size: 17px;
	margin-left: 0px;
	font-weight: 600;
}

.price-new-product {
	color: var(--verde);
	font-weight: 600;
	font-size: 17px;
	margin-left: 7px;
}

.producto_outlet_container {
	display: flex;
	flex-direction: column;
}

.imagen1_producto_outlet {
    color: #000;
	display: inline-block;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	padding: 6px 12px;
	border: solid 1px #000;
	letter-spacing: 1px;
	width: fit-content;
}

.cart_producto_outlet {
	color: #fff;
	display: inline-block;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	padding: 3px 10px;
	background: #1a1a1a;
	letter-spacing: 1.5px;
	width: fit-content;
	border-radius: 100px;
	line-height: 1.4;
}

.contenedor_text_image_desktop,
.contenedor_text_image_desktop_home,

.contenedor_text_image_desktop_home {
	top: 0;
	right: 0;
}

.contenedor_text_image_mobile {
	display: none;
}

.imagen1_producto_envio_gratis {
	color: #000;
	display: inline-block;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	padding: 6px 12px;
	border: solid 1px #000;
	letter-spacing: 1px;
	width: fit-content;
}

.sin-stock-anchor img {
	opacity: 0.6;
	filter: grayscale(80%);
	transition: opacity 0.3s ease, filter 0.3s ease;
}

.sin-stock-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.95);
	color: #000;
	padding: 8px 16px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border: 1px solid #000;
	z-index: 15;
	pointer-events: none;
	text-align: center;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	white-space: nowrap;
}

.sin-stock-overlay.small-overlay {
	padding: 4px 8px;
	font-size: 9px;
	letter-spacing: 1px;
}

.price-new-category {
	color: #000000;
	text-decoration: line-through;
	text-decoration-color: var(--verde);
	font-size: 17px;
	margin-left: 0px;
	font-weight: 500;
}

.price-old-category {
	color: var(--verde);
	font-size: 17px;
	margin-left: 7px;
	font-weight: 500;
}

@media (max-width: 775px) {

	.favorito_producto {
		right: 4%;
		top: 1%;
	}

	.porcentaje_descuento {
		font-size: 14px;
		padding: 5px 10px;
	}

	.bandera_promocion {
		font-size: 14px;
		padding: 5px 10px;
	}

	.boton_precio {
		flex-direction: column;
	}

	.boton_precio .price-old-product {
		order: 1;
		font-size: 20px;
	}

	.boton_precio .price-new-product {
		font-size: 20px;
	}

	.contenedor_text_image_mobile {
		display: flex;
		flex-direction: column;
		position: absolute;
		margin-right: 15px;
		margin-top: 10%;
		top: 0 !important;
		right: 0 !important;
	}

	.contenedor_text_image_desktop {
		display: none;
	}

	.contenedor_text_image_desktop_home .text_image_product {
		padding: 1px 15px !important;
	}
}

.resaltado_descuento {
	text-transform: capitalize;
	color: var(--verde);
}

.imagen_modulos_relacionados {
	padding: 0px;
}

.contenedor_colecciones {
	padding: 1px;
}

.contenedor_colecciones img {
	aspect-ratio: 4/5;
}

.titulo_empresa_desktop {
	font-size: 34.272px;
	color: #282828;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

.titulo_empresa_mobile {
	font-size: 34.272px;
	color: #282828;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}

.flecha_empresa::before {
	color: #ffffff !important;
}

.contenedor_videos_youtube {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.bajobanner_diamadre {
	font-size: 18px;
	margin-top: 40px;
	text-transform: none;
}

.mira_diamadre {
	margin-top: 4%;
	margin-bottom: 10%;
	text-transform: none;
}

.contenedor_modulo_madre {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 4%;
	margin-top: 4%;
}

.mira_diamadre {
	font-size: 40px;
}

.mama_tunombre {
	font-size: 30px;
}

.contenedor_videos_youtube div iframe {
	height: 400px;
	width: 100%;
	margin-bottom: 4px;
}

.contenedor_videos_youtube div .titulo_video_madre {
	text-align: center;
	margin-bottom: 0px;
}

.contenedor_videos_youtube div .subtitulo_video_madre {
	text-align: center;
	margin-bottom: 25px;
}

.boton_diamadre {
	background-color: #f1c9bd;
	height: 99px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton_diamadre a {
	padding: 10px 120px;
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
	border-radius: 5px;
	font-weight: 600;
	text-transform: uppercase;
}

.seguinos_madre {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 20px;
}

.seguinos_madre p {
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.seguinos_madre i {
	font-size: 20px;
	padding: 0 7px;
}

@media (max-width: 775px) {
	.boton_diamadre {
		height: 100px;
	}

	.mira_diamadre {
		margin-top: 23px;
	}

	.boton_diamadre a {
		padding: 10px 56px;
	}

	.mama_tunombre {
		line-height: 39px;
		margin-bottom: 25px;
		margin-top: 12px;
		text-align: center;
	}

	.textoDerechoHistoria,
	.textoIzquierdoHistoria {
		padding-left: 0px;
	}

	.containerCajaFormulario {
		margin-top: 0px;
	}

	.seguinos_madre {
		margin-top: 46px;
	}
}



/* BOTONES BANNERS HOME
   Overlay con grilla de anclas 5x5. La posicion de cada boton sale del dato
   posicion_btn y llega como --bb-fila / --bb-col (ver el macro en
   template/extension/module/slideshow.twig y posicionBoton() en
   controller/extension/module/slideshow.php).

   Antes habia 12 reglas .boton1..6 / .boton1mb..6mb con la posicion hardcodeada:
   el numero de boton ERA la posicion, y solo existian esas 6. Ademas los
   porcentajes resolvian contra .slick-list — el viewport del slider — porque
   ningun ancestro mas cercano estaba posicionado, y .boton2 / .boton5 ni
   siquiera declaraban left/right: quedaban donde el flex los dejara.          */

/* Ancla del overlay. Esto es lo que arregla el containing block. */
.contenedor_banners {
	position: relative;
}

.banner-btns {
	position: absolute;
	/* Area segura: la grilla no llega a los bordes de la imagen. Los porcentajes
	   verticales resuelven contra el alto y los horizontales contra el ancho, asi
	   que el margen es proporcionado en las dos direcciones. Sin esto, una celda
	   de borde deja el boton pegado al filo de la foto. */
	top: 5%;
	right: 8%;
	bottom: 5%;
	left: 8%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, 1fr);
	z-index: 2;
	/* el overlay cubre toda la imagen: sin esto se comeria el click del link
	   del slide en todo lo que no sea un boton */
	pointer-events: none;
}

.banner-btns__celda {
	grid-row: var(--bb-fila, 5);
	grid-column: var(--bb-col, 3);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
}

/* --- Boton -------------------------------------------------------------
   Los colores llegan como custom properties desde el macro y el preset decide
   que hace con cada uno. Antes el <a> traia todo el estilo inline y la
   transparencia se aplicaba como `opacity`, que desvanecia tambien el texto.
   Ahora el alpha viene compuesto dentro de --bb-fondo y el texto queda opaco. */
.banner-btn {
	pointer-events: auto;
	display: inline-block;
	color: var(--bb-texto, #ffffff);
	/* escala con el viewport en vez del 22px fijo que tenia antes tambien en mobile */
	font-size: clamp(14px, 1.4vw, 22px);
	/* la celda es solo un ancla: el boton puede desbordarla y se centra igual.
	   Sin esto, en mobile la celda mide ~70px y "VER HOMBRE" se parte en dos lineas. */
	white-space: nowrap;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	padding: 0.55em 1.6em;
	/* ancho parejo: dos botones enfrentados en celdas espejo tienen que medir lo
	   mismo aunque sus textos tengan distinto largo ("VER HOMBRE" vs "VER MUJER") */
	min-width: 10em;
	border-radius: 6px;
	border-style: solid;
	border-color: transparent;
	border-width: 0;
	transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.banner-btn:hover,
.banner-btn:focus {
	color: var(--bb-texto, #ffffff);
	text-decoration: none;
	transform: translateY(-1px);
}

.banner-btn:focus-visible {
	/* doble contorno: sobre una foto un solo color no siempre contrasta */
	outline: 2px solid #ffffff;
	outline-offset: 3px;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.55);
}

/* Preset solido — el que usan hoy los cuatro botones cargados */
.banner-btn--solido {
	background-color: var(--bb-fondo, #000000);
	border-color: var(--bb-borde, transparent);
	border-width: var(--bb-grosor, 0px);
}

.banner-btn--solido:hover,
.banner-btn--solido:focus {
	filter: brightness(1.15);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

/* Preset contorno — sin relleno, el borde manda */
.banner-btn--contorno {
	background-color: transparent;
	border-color: var(--bb-borde, currentColor);
	/* si venia sin borde configurado, igual necesita uno visible */
	border-width: max(2px, var(--bb-grosor, 2px));
}

.banner-btn--contorno:hover,
.banner-btn--contorno:focus {
	opacity: 0.72;
}

/* Preset texto — solo la palabra, sin caja */
.banner-btn--texto {
	background-color: transparent;
	border-width: 0;
	padding-left: 0;
	padding-right: 0;
	min-width: 0;
	text-decoration: underline;
	text-underline-offset: 0.35em;
}

.banner-btn--texto:hover,
.banner-btn--texto:focus {
	opacity: 0.72;
	text-decoration: underline;
}

@media (max-width: 767px) {
	/* en pantallas angostas un 8% de margen lateral se come demasiado ancho util */
	.banner-btns {
		right: 5%;
		left: 5%;
	}

	.banner-btn {
		letter-spacing: 0.04em;
		padding: 0.5em 1.2em;
		min-width: 9em;
	}
}

/* estilos mensaje de black fidray  */

.mensaje_descuento {
	text-align: center;
	margin-bottom: 10px;
	color: var(--verde);
	font-weight: 600;
	line-height: 17px;
}

/* Success */
.success-confirm-container {
	font-size: 17px;
}

.success-confirm-container .titulo_success {
	padding: 2rem;
	text-transform: uppercase;
	font-weight: 700;
}

.parrafo_success {
	padding: 2rem;
}

.success-confirm-container .duda_success {
	padding: 2rem;
}

.success-confirm-container .botones_success {
	padding: 2rem;
}

.mas-info-color {
	background-color: #ededed;
}

.textUnderCheckoutTitle {
	color: var(--verde);
	margin-bottom: 2rem;
}

.contenedorPromos {
	background-color: #f8f8f8;
	padding: 4rem 4rem 7.5rem;
	border-radius: 2rem;
	margin: auto auto 3rem;
	width: 100%;
}

@media(max-width: 768px) {
	.contenedorPromos {
		padding: 4rem 2rem 6rem;
	}
}

/* =========================================================
    PROMOS
   =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.contenedorPromos {
	width: 100%;
	margin-top: 80px;
	position: relative;
}

/* =========================================================
   BARRA DE PROMOCIONES
   ========================================================= */

#barraPromos {
	width: 100%;
	height: 2.5rem;
	border-radius: 1rem;
	background-color: #80808066;
	position: relative;
}


/* =========================================================
   RELLENO / PROGRESO
   ========================================================= */

#rellenoBarraPromo {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: var(--verde);
	border-radius: 1rem;
	transition: width 0.3s ease-in;
}


/* =========================================================
   CONTENEDOR DE CADA PROMOCIÓN
   La posición horizontal debe establecerse con left desde JS.
   ========================================================= */

#barraPromos .imgContainer {
	position: absolute;
	top: -20px;
	width: 136px;
	min-width: 0;
	margin: 0;
	display: block;
	transform: translateX(-50%);
	z-index: 3;
}


/* =========================================================
   CONTENIDO INTERNO
   ========================================================= */

#barraPromos .secondContainer {
	display: grid;
	justify-content: center;
	width: 100%;
}

#barraPromos .secondContainer p {
	max-width: 136px;
	margin: 0;
	display: grid;
	justify-content: center;
	justify-items: center;
	text-align: center;
	font-size: 13px;
	line-height: 15px !important;
	white-space: normal;
	overflow-wrap: break-word;
}


/* =========================================================
   IMÁGENES / ÍCONOS
   ========================================================= */

#barraPromos .imgContainer img {
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	object-fit: contain;
	padding: 4px;
	border: 2px solid black;
	border-radius: 50%;
	background-color: #dedbdb;
	z-index: 2;
}


/* =========================================================
   DIVISOR
   ========================================================= */

#barraPromos .cartDivider {
	display: block;
	margin: 4px auto;
}


/* =========================================================
   TABLET Y MOBILE
   ========================================================= */

   @media (max-width: 768px) {
   
	.contenedorPromos {
	    margin-top: 0;
		padding-top: 35px;
	}
   
	#barraPromos .imgContainer {
		top: -72px;
		margin: 0;
		display: block;
		z-index: 3;
	}
   
	#barraPromos .imgContainer.promo-single-row {
		top: -14px;
	}
   
	#barraPromos .secondContainer {
		width: 100%;
		max-width: 100%;
		display: grid;
		justify-content: center;
	}
   
	#barraPromos .secondContainer p {
		width: 100%;
		max-width: 100%;
		margin: 4px 0 0;
		padding: 0 2px;
   
		display: block;
		text-align: center;
   
		font-size: 10px;
		line-height: 11px !important;
   
		white-space: normal;
		overflow-wrap: break-word;
		word-break: normal;
	}
   
	#barraPromos .imgContainer img {
		display: block;
		width: 42px;
		height: 42px;
		margin: 0 auto;
   
		box-sizing: border-box;
		object-fit: contain;
		padding: 4px;
   
		border: 2px solid black;
		border-radius: 50%;
		background-color: #dedbdb;
	}
   }
/* =========================================================
   MOBILE PEQUEÑO
   ========================================================= */

@media (max-width: 600px) {

	#barraPromos .imgContainer {
		width: 92px;
		min-width: 92px;
	}

	#barraPromos .secondContainer {
		width: 100%;
		max-width: 100%;
	}

	#barraPromos .secondContainer p {
		width: 100%;
		max-width: 100%;
		font-size: 11px;
		line-height: 12px !important;
	}

	#barraPromos .imgContainer img {
		width: 44px;
		height: 44px;
	}
}


/* =========================================================
   MOBILE MUY PEQUEÑO
   ========================================================= */
   @media (max-width: 445px) {
   
	#barraPromos .imgContainer,
	#barraPromos .imgContainer.promo-single-row {
		top: -9px;
	}
   
	#barraPromos .imgContainer img {
		width: 36px;
		height: 36px;
		padding: 3px;
	}
   
	#barraPromos .secondContainer p {
		font-size: 10px;
		line-height: 10px !important;
		width: 89%;
	}
   }
   
.cartDivider {
	height: 3px;
	border-radius: 2rem;
	width: 30px;
	background-color: var(--verde);
	justify-self: center;
	display: grid;
	margin-top: 1rem;
	margin-bottom: .5rem;
}

.pulso {
	animation: pulso 4s ease-in-out infinite;
}

@keyframes pulso {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.greenIcon {
	color: green;
	margin-left: 3px;
	font-size: 16px;
}

#mensajePromo {
	color: var(--verde);
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	/* margin-bottom: 3.5rem; */
	/* position: fixed; */
	/* top: 0; */
	bottom: 10%;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 1rem;
	z-index: 2;
	width: 50%;
	margin: 0 auto 3rem auto;
	border-radius: 2rem;
	box-shadow: 0px 0px 12px -1px var(--verde);
}

@media(max-width:768px) {
	#mensajePromo {
		width: 90%;
	}
}

@media(max-width:375px) {
	#mensajePromo {
		font-size: 4vw;
	}
}

#mensajePromo #firstText,
#mensajePromo #secondText {
	display: inline;
}

#mensajePromo #secondText {
	font-size: 18px;
}

.fire {
	position: relative;
	align-self: end;
	justify-self: center;
	background: var(--verde);
	border-radius: 50%;
	box-shadow: 0 0 1px 1px var(--verde);
	animation: background 5s ease infinite;
}

@keyframes background {

	0%,
	50%,
	100% {
		box-shadow: 0 0 1px 1px var(--verde);
	}

	25%,
	75% {
		box-shadow: 0 0 4px 4px var(--verde);
	}
}


@media(max-width: 991.98px) {
	.nocturna_mobile {
		padding-left: 15px !important;
		padding-right: 15px !important;
		border-bottom: 1px solid;
	}

	.preguntas_mobile {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media(min-width:768px) {
	#mayorista_more_contacts {
		margin: 8rem auto;
	}
}

/* FORMULARIO DE CAMBIOS Y DEVOLUCIONES CP */
.titulo-cambioydev {
	font-size: 3rem;
	margin-top: 4rem;
}

.input-style-cambioydev {
	width: 100%;
	background-color: #fff;
	padding: 5px 10px;
	border: 1px solid #C8C6C4;
}

.infoPedido {
	margin: 20px 0;
}

.infoPedido p {
	margin: 0;
	padding: 0;

}

.traer-info-pedido {
	margin-bottom: 20px;
}

.contenedor-prendas {
	border: 1px solid #C8C6C4;
	display: flex;
	flex-direction: column;
	gap: 20px;

}

.contenedor-prendas-top {
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	gap: 2rem;
	align-content: center;
}

.contenedor-prendas-top img,
.contenedor-prendas-top i {
	width: 150px;
	height: auto;
	align-content: center;
}

.contenedor-prendas-top p {
	margin-top: 8px;
	color: grey;
}

.titulo-prenda p {
	margin: 0;
}

.titulo-prenda h4 {
	margin: 0;
}

.adjuntar-fotos {
	margin-bottom: 20px;
}

.texto-informativo-cambiosydev {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 15px;
}

.btn-negro {
	background-color: #000;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 18px;
	cursor: pointer;
	align-self: end;
	border-radius: 0 !important;
}

.btn-negro:hover {
	background-color: #444;
	color: #fff;
}

.imagePreview {
	display: grid;
	gap: 3rem;
	grid-template-columns: repeat(2, 1fr);
	;

}

.texto-tildar-prendas {
	text-align: center;
}

.capitalize-boton-cambioydev {
	text-transform: lowercase;
}

.capitalize-boton-cambioydev::first-letter {
	text-transform: uppercase;
}

.contenedor-msje-error-dias {
	padding: 0 20px;
	color: red;
}

.contenedor-msje-error-dias a {
	color: blue;
	text-decoration: underline;
}

.seccion-fotos-cambioydev {
	display: flex;
	flex-direction: column;

}

.subir-img-cambioydev {
	align-self: start;
	padding: 10px 20px;
	margin-bottom: 5px;
	background-color: black;
	color: white;

}

/* MODAL ERROR CAMBIO Y DEVOLUCION DE ORDEN*/
.modal-footer-cyd {
	padding: 10px;
	display: flex;
	justify-content: end;
}

.modal-header-cyd {
	padding: 20px;
}

.modal-body-cyd {
	display: flex;
	justify-content: center;
	padding: 8px;
}

.modal-error-info-orden {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-content-error-info-orden {
	background-color: white;
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 400px;
	text-align: center;
}

.contenedor-cantytalle {
	display: flex;
	flex-direction: row;
}

.contenedor-cantytalle p {
	margin-left: 15px;
}

@media(min-width: 992px) {
	.contenedor-info-pedido {
		margin: auto 25%;
	}

	#formulario-cambioydev {
		margin-left: 15px !important;
	}

	.message-success-cambioydev {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.message-success-desktop-cambioydev {
		display: block;
	}

	.message-success-mobile-cambioydev {
		display: none;
	}
}

@media(max-width: 991px) {
	.contenedor-prendas-top img {
		width: 100px !important;
	}

	.contenedor-cantytalle {
		flex-direction: column;
	}

	.contenedor-cantytalle p {
		margin-left: auto;
	}

	.modal-content-error-info-orden {
		margin: 50% auto !important;
	}

	.message-success-desktop-cambioydev {
		display: none;
	}

	.message-success-mobile-cambioydev {
		display: block;
	}
}

.close-error-info-orden {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}

.close-error-info-orden:hover,
.close-error-info-orden:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-content-error-info-orden p {
	margin: 1rem 0;
}

.modal-content-error-info-orden ol {
	text-align: start;
	margin-bottom: 1rem;
}

@media(max-width:767px) {
	.btn-enlace-cambioydev {
		display: block;
		margin: 10px auto;
		text-align: center;
		width: fit-content;
		margin-bottom: 40px;
	}
}

.btn-enlace-cambioydev {
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px;
}

.btn-enlace-cambioydev:hover {
	background-color: #000;
	color: #fff;
	font-weight: 500;
}


.category_title {
	all: inherit;
	padding-left: 0 !important;
}

.breadcrumb-title {
	all: inherit;
}

.btnWithAgree {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
}

/* Envios Internacionales */
.success-envios-internacionales {
	padding: 1em;
}

.envios-internacionales-container {
	margin-bottom: 3rem;
	border: 1px solid #ddd;
	padding: 2rem;
	background-color: #f5f5f5;
}

.ei-buttons-container {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: flex-end;
}

@media(max-width: 992px) {
	.envios-internacionales-container {
		margin: 0;
		margin-top: 3rem;
	}
}

/* Promo Empleados de Comercio */
#ec-popup-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	z-index: 9998;
}

#ec-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 520px;
	width: 92%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
}

#ec-popup-card {
	position: relative;
	background: transparent;
}

#ec-popup-img {
	display: block;
	width: 100%;
	height: auto;
}

#ec-popup-close {
	position: absolute;
	right: 0;
	width: 36px;
	height: 36px;
	font-size: 22px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	border: none;
	background: transparent;
	color: white;
}

.ec-no-scroll {
	overflow: hidden !important;
}

#success-asistire .contenedor_success {
	margin-top: 2%;
}

.payment-method-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	padding-left: 1rem;
}

.payment-method-row label {
	display: flex;
	align-items: center;
}

.payment-method-row .payment-icon {
	max-width: 70px;
	max-height: 42px;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	object-fit: contain;
}

.payment-method-row .payment-method-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #222;
	line-height: 1.2;
	font-weight: 400;
	margin-left: 6px;
}

.payment-method-row .payment-method-terms {
	font-size: 13px;
	color: #888;
	margin-left: 4px;
}

@media (max-width: 767px) {
	.payment-method-row {
		padding-bottom: 1rem;
		gap: 8px;
	}

	.payment-method-row .payment-icon {
		max-width: 70px;
		max-height: 42px;
	}

	.payment-method-row .payment-method-title {
		font-size: 13px;
	}
}

.category-banners {
	margin: 20px 0 30px;
}

.category-banners__title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 16px;
	color: #222;
	text-align: center;
}

.category-banners__wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 45px;
	margin: 0 auto;
	width: 100%;
	max-width: 1210px;
}

.category-banners.has-scroll .category-banners__wrapper {
	max-width: 1100px;
}

.category-banners__track {
	display: flex;
	gap: 15px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
	max-width: 100%;
}

.category-banners__track::-webkit-scrollbar {
	display: none;
}

.category-banners__item {
	flex: 0 0 145px;
	width: 145px;
	display: block;
	text-decoration: none;
}

.category-banners.has-scroll .category-banners__item {
	flex: 0 0 145px;
}

@media (max-width: 767px) {
	.category-banners__wrapper {
		padding: 0 25px;
	}

	.category-banners__item {
		flex: 0 0 calc((100% - 2.5 * 10px) / 3.4);
		min-width: 80px;
	}

	.category-banners__track {
		gap: 10px;
	}
}

.category-banners__img-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.15;
	border-radius: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
}

.category-banners__img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.category-banners__item:hover .category-banners__img-wrapper img {
	transform: scale(1.05);
	filter: brightness(0.9);
}

.category-banners__label {
	display: block;
	padding: 10px 2px 0;
	background: transparent;
	color: #222;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* --- Slides sin imagen: se muestran como pastilla de texto --- */
.category-banners .category-banners__item--text {
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	border: 1px solid #ddd;
	border-radius: 999px;
	background: #fff;
	padding: 8px 18px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.category-banners .category-banners__item--text:hover,
.category-banners .category-banners__item--text:focus {
	background: #000;
	border-color: #000;
	text-decoration: none;
}

.category-banners__item--text .category-banners__label {
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
	white-space: nowrap;
	display: block;
	-webkit-line-clamp: none;
	line-clamp: none;
	overflow: visible;
}

.category-banners__item--text:hover .category-banners__label,
.category-banners__item--text:focus .category-banners__label {
	color: #fff;
}

/* Cuando ningun slide tiene imagen, la tira se centra como fila de pastillas */
.category-banners--text-only .category-banners__track {
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
	padding-bottom: 0;
}

@media (max-width: 767px) {
	.category-banners--text-only .category-banners__track {
		justify-content: flex-start;
	}

	.category-banners .category-banners__item--text {
		padding: 7px 14px;
	}

	.category-banners__item--text .category-banners__label {
		font-size: 12px;
		padding: 0;
	}
}

.category-banners__arrow {
	background: #000;
	color: #fff;
	border: none;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 20px;
	padding: 0 0 4px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	opacity: 0.8;
	transition: opacity 0.2s;
}

.category-banners__arrow:hover {
	opacity: 1;
}

.category-banners__arrow--prev {
	left: 0;
}

.category-banners__arrow--next {
	right: 0;
}

@media (max-width: 767px) {
	.category-banners__arrow {
		display: none !important;
	}

	.category-banners__track {
		justify-content: flex-start;
		padding-left: 15px;
		padding-right: 15px;
	}

	.category-banners__title {
		/*padding: 0 50px;*/
	}

	.category-banners__item {
		width: 120px;
	}

	.category-banners__label {
		font-size: 11px;
		padding: 5px;
	}
}

.middle-filtros {
	margin-bottom: 20px;
	padding-right: 15px;
	display: flex;
	justify-content: flex-end;
}

.middle-filtros .filter_derecha_desktop {
	width: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.middle-filtros #div_contenedor {
	width: auto !important;
	flex: 0 1 auto !important;
	padding: 0 10px;
}

.middle-filtros .catesort {
	width: auto !important;
}

#custom-error-popup {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 9999;
}

#custom-error-popup .custom-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

#custom-error-popup .custom-popup__box {
	position: relative;
	max-width: 450px;
	margin: 10% auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	padding: 16px 18px;
}

#custom-error-popup h4 {
	margin: 0 0 8px;
	font-weight: 600;
}

#custom-error-popup p {
	margin: 0 0 14px;
}

#custom-error-popup .popup-actions {
	text-align: right;
}

#custom-error-popup .btn {
	min-width: 110px;
}

.pull-right-mobile {
	float: right;
	text-align: center;
}

.contenedor_derecha_producto {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 2;
	gap: 5px;
	pointer-events: none;
}

.contenedor_derecha_producto>* {
	pointer-events: auto;
}

.contenedor_izquierda_producto {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 2;
	gap: 5px;
	pointer-events: none;
}

.contenedor_izquierda_producto>* {
	pointer-events: auto;
}

.contenedor_text_image_category {
	display: contents;
}

.text_image_product,
.porcentaje_descuento,
.bandera_promocion {
	min-width: 110px;
}

.text_image_product.bomba-promo {
	background-color: #e60000 !important;
	border: none !important;
}

/* Ajustes para listados (Categoría, Módulos) */
.product-thumb .text_image_product,
.product-thumb .porcentaje_descuento,
.product-thumb .bandera_promocion {
	font-size: 11px !important;
	padding: 4px 8px !important;
	min-width: 70px !important;
	width: fit-content !important;
	font-weight: 600 !important;
}

.product-thumb .favorito_producto img,
.product-thumb .boton_favorito img {
	width: 20px !important;
	height: auto !important;
}

.product-thumb .contenedor_derecha_producto,
.product-thumb .contenedor_izquierda_producto {
	top: 5px !important;
	right: 5px !important;
	left: auto;
	gap: 3px !important;
}

.product-thumb .contenedor_izquierda_producto {
	left: 5px !important;
	right: auto !important;
}

@media (max-width: 480px) {
	.product-thumb .text_image_product,
	.product-thumb .porcentaje_descuento,
	.product-thumb .bandera_promocion {
		font-size: 9px !important;
		padding: 3px 6px !important;
		min-width: 55px !important;
		letter-spacing: 0.5px !important;
	}
	.product-thumb .favorito_producto img,
	.product-thumb .boton_favorito img {
		width: 16px !important;
	}
	.product-thumb .contenedor_derecha_producto,
	.product-thumb .contenedor_izquierda_producto {
		top: 3px !important;
		gap: 2px !important;
	}
}

.hsticky {
	z-index: 999 !important;
}



.promo-applied-cart {
	font-size: 13px;
	font-weight: 600;
	margin-top: 5px;
	display: block;
}

.promo-applied-cart .promo-label {
	color: #666;
	font-weight: normal;
	margin-right: 3px;
}

.promo-applied-cart .is-bomba {
	color: #e62e2e !important;
}

.promo-applied-cart .is-normal {
	color: #28a745 !important;
}

.promo-applied-cart .promo-separator {
	color: #999;
	margin: 0 2px;
}


@media (max-width: 991.98px) {
	.row_header_mobile {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 1px 15px;
		margin: 0;
		width: 100%;
	}

	.menu_header {
		width: auto;
		margin: 0;
		padding: 0;
		float: none;
		display: flex;
		align-items: center;
		z-index: 10;
		order: 5;
	}

	.logo_header img {
		max-height: 28px;
		width: auto;
		display: block;
	}

	.search_header {
		order: 2;
		margin-left: auto;
		position: relative !important;
		z-index: 999999 !important;
	}

	.favoritos_header {
		order: 3;
		margin-left: 1.6rem;
	}

	.carrito_header {
		order: 4;
		margin-left: 1.6rem;
	}

	.search_header,
	.favoritos_header,
	.carrito_header {
		padding: 0;
		float: none;
		display: flex;
		align-items: center;
		width: 30px;
		position: static;
	}

	.favoritos_header {
		position: relative;
	}

	#lupa_header,
	#fav_header,
	#cart_header,
	#menu_header {
		height: 35px;
		display: block;
		object-fit: contain;
		margin: 0;
	}

	.search_header .imagen_lupa_search {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
	}

	.menu_header .navbar-toggle {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		background: transparent;
		border: none;
	}
	
	.menu_header .container_menu_mobile{
		padding-right: 0;
	}

	.carrito_header #cart-icon-mobile {
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 992px) {
	.show-mobile-only {
		display: none !important;
	}
}

@media (max-width: 991.98px) {
	.show-desktop-only {
		display: none !important;
	}
}

body.modal-open .contenedor_derecha_producto,
body.modal-open .contenedor_izquierda_producto,
body.modal-open .contenedor_text_image_category,
body.modal-open .text_image_product,
body.modal-open .porcentaje_descuento,
body.modal-open .bandera_promocion,
body.modal-open .favorito_producto,
body.modal-open .boton_favorito {
	z-index: 1 !important;
	opacity: 0.25 !important;
	pointer-events: none !important;
}

html.modal-open,
body.modal-open {
	overflow: hidden !important;
}

body.active .contenedor_derecha_producto,
body.active .contenedor_izquierda_producto,
body.active .contenedor_text_image_category,
body.active .text_image_product,
body.active .porcentaje_descuento,
body.active .bandera_promocion,
body.active .favorito_producto,
body.active .boton_favorito,
body.active .mobile-static-overlay {
	z-index: 1 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.active .search_header,
body.active .favoritos_header,
body.active .carrito_header {
	z-index: 1 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.totales_mobile_cart td {
	vertical-align: middle;
}
.totales_mobile_cart .total-discount {
	color: var(--verde);
}
.totales_mobile_cart .total-action-cell {
	width: 45px;
	text-align: center;
	vertical-align: middle;
}




/* ==========================================================================
   Categorias autoadministrables en el navbar (desktop)
   Viven dentro de .contenedor_menu_logo / _blanco, despues del logo, para
   heredar el fondo de cada estado sin duplicar reglas de color.
   Anchos verificados en navegador: el hueco util hasta los iconos va de
   536px (viewport 1100) a 1219px (1920). 6 items a 14px necesitan 514px.
   ========================================================================== */

@media (min-width: 992px) {

	/* el navbar no debe crecer en alto: los hijos van en una sola linea */
	.contenedor_menu_logo,
	.contenedor_menu_logo_blanco {
		flex-wrap: nowrap;
	}

	/* hamburguesa y logo conservan su tamano exacto: nada los comprime */
	.contenedor_menu_logo > div,
	.contenedor_menu_logo_blanco > div {
		flex-shrink: 0;
	}

	/* la mitad izquierda sigue midiendo 50%: que la tira desborde no debe ensancharla
	   ni correr los iconos de la derecha */
	.izquierda_header {
		min-width: 0;
	}

	/* la tira no se comprime: se extiende sobre el hueco vacio entre el logo y los iconos */
	.navbar_categorias {
		flex: 0 0 auto;
		margin-left: 32px;
		/* Red de seguridad: nunca puede alcanzar los iconos de la derecha.
		   Medido: el espacio libre entre el arranque de la tira y el primer icono
		   sigue 82.5vw - 266px. Se descuentan 40px de resguardo.
		   El tope anterior (80vw - 420px) fue calibrado cuando la caja del logo
		   ocupaba 131px de mas, y desaprovechaba entre 175 y 260px.
		   Con los iconos de ancho fijo, su borde izquierdo cae siempre en
		   viewport - 189px, asi que el espacio libre es vw - 461px (la tira
		   arranca en 272). Se descuentan 12px de resguardo; el margen real contra
		   los iconos nunca baja de 12px ni con los nombres mas largos. */
		max-width: calc(100vw - 473px);
		overflow: hidden;
	}

	.navbar_categorias_lista {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 28px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.navbar_categorias_item {
		flex: 0 0 auto;
	}

	.navbar_categorias_link {
		display: inline-block;
		font-family: 'Barlow', sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		white-space: nowrap;
		text-decoration: none;
		border-bottom: 2px solid transparent;
		padding-bottom: 3px;
		transition: border-color 0.2s ease, opacity 0.2s ease;
	}

	.navbar_categorias_link:hover,
	.navbar_categorias_link:focus {
		text-decoration: none;
		border-bottom-color: var(--verde);
	}

	/* home y /empresa: navbar transparente arriba y negro al scrollear */
	.contenedor_menu_logo .navbar_categorias_link,
	.contenedor_menu_logo .navbar_categorias_link:hover,
	.contenedor_menu_logo .navbar_categorias_link:focus {
		color: #fff;
	}

	/* resto del sitio: navbar blanco en ambos estados */
	.contenedor_menu_logo_blanco .navbar_categorias_link,
	.contenedor_menu_logo_blanco .navbar_categorias_link:hover,
	.contenedor_menu_logo_blanco .navbar_categorias_link:focus {
		color: #000;
	}
}

/* 1100-1199: el hueco baja de 619 a 536px, se achica tipografia y separacion */
@media (min-width: 1100px) and (max-width: 1199.98px) {
	.navbar_categorias_lista {
		gap: 22px;
	}

	.navbar_categorias_link {
		font-size: 13px;
	}
}

/* 1000-1099: franja habitual de notebooks con escalado de pantalla al 125%
   (1366 fisicos ~ 1093 CSS). Con 12px y separacion mas corta los 6 items entran
   en los ~420-491px disponibles, asi que la tira se sigue viendo. */
@media (min-width: 1000px) and (max-width: 1099.98px) {
	.navbar_categorias {
		margin-left: 24px;
	}

	.navbar_categorias_lista {
		gap: 10px;
	}

	.navbar_categorias_link {
		font-size: 12px;
		letter-spacing: 0.04em;
	}
}

/* por debajo de 1000 ya no entran sin pisar los iconos: queda el menu hamburguesa */
@media (max-width: 999.98px) {
	.navbar_categorias {
		display: none;
	}
}

/* ==========================================================================
   La mitad derecha del header deja de tragarse los clicks de la tira

   .contenedor_header_desktop es flex y sus dos mitades son col-md-6, o sea 50%
   cada una. La tira de categorias vive en la mitad IZQUIERDA y a proposito no se
   comprime (.navbar_categorias tiene flex:0 0 auto y .izquierda_header min-width:0),
   asi que cuando los 6 items no entran en ese 50% se extienden por encima del
   hueco vacio de la mitad derecha. Visualmente es lo buscado: la tira ocupa el
   espacio libre entre el logo y los iconos.

   El problema es el hit-testing. .derecha_header es un flex item posterior en el
   DOM, sin fondo pero con caja propia sobre todo su 50%, y al pintarse despues
   se queda con el click de lo que quede debajo. Los items de la tira que caen
   pasado el punto medio del viewport se ven pero no se pueden clickear.

   Por eso solo se rompe en pantallas chicas y siempre empezando por el ultimo
   item: cuanto mas angosto el viewport, mas a la izquierda arranca la mitad
   derecha y mas items quedan tapados. La tira mide ~514px arrancando en ~272px,
   asi que OUTLET queda tapado del todo por debajo de ~1460px de ancho de
   ventana, y a medias entre ~1460 y ~1570. Arriba de eso no pasa nada, que es
   por que en monitores grandes el bug no aparece.

   Se arregla por pointer-events y no por z-index a proposito: al scrollear
   .derecha_header pasa a .derecha_header_fixed con z-index 999, asi que
   cualquier apilado que le ganara al estado inicial perderia al fijarse.
   pointer-events no depende del orden de pintado y vale para los dos estados.
   Los 4 hijos directos (busqueda, locales, mi cuenta, carrito) recuperan el
   click, con lo cual los iconos y el desplegable de cuenta siguen andando igual.
   ========================================================================== */

@media (min-width: 992px) {

	.derecha_header {
		pointer-events: none;
	}

	.derecha_header > * {
		pointer-events: auto;
	}
}

/* ==========================================================================
   FIX INDEPENDIENTE — ancho de la barra fija de iconos
   (bug previo a la tira de categorias; se puede revertir solo borrando este
   bloque, no depende del bloque de arriba)

   .derecha_header es col-md-6 (width:50%). En el navbar inicial ese 50% se
   calcula contra el contenido de .contenedor_header_desktop, que es un
   col-md-12 con los 15px de padding de Bootstrap a cada lado -> (vw-30)/2.
   Al scrollear, .derecha_header_fixed es position:fixed, sale del flujo y el
   50% pasa a ser del viewport -> vw/2, o sea 15px mas ancho. Como los iconos
   son .img-responsive (max-width:100%), siguen al slot y se agrandan ~2.6%.

   Medido a 1920: contenedor 945 -> 960, icono 48.73 -> 49.98.
   calc(50% - 15px) reproduce el ancho del estado inicial en cualquier viewport.

   Nota: la diferencia de alto (48 -> 52) tiene otro origen, en
   search.css:731, y queda pendiente aparte.
   ========================================================================== */

@media (min-width: 992px) {

	/* --- lado derecho: los iconos --- */
	.derecha_header_fixed {
		/* mismo ancho que en el flujo normal: evita que los iconos se agranden */
		width: calc(50% - 15px);
		/* mismo borde derecho: sin esto los iconos saltan 15px al fijarse,
		   porque .derecha_header_fixed usa right:0 y en el flujo el borde
		   queda en viewport-15 por el padding del col-md-12 padre */
		right: 15px;
	}

	/* --- lado izquierdo: hamburguesa, logo y tira de categorias ---
	   .menuwidth pasa a .fixed (left:0; right:0), asi que su contenido arranca
	   en 0 en vez de 15 y todo se corre 15px a la izquierda.
	   No se corrige con left:15px porque .contenedor_menu_logo es quien pinta
	   el fondo negro de la barra y debe seguir ocupando el ancho completo:
	   se corrige con padding, que mueve el contenido sin achicar la caja.
	   Los valores difieren porque cada variante parte de una base distinta:
	   .contenedor_menu_logo tiene padding-left 0 y .._blanco tiene 15px propios.
	   En ambos casos se le suman los 15px del padre que se pierden al fijarse,
	   de modo que el contenido quede donde ya estaba en cada tipo de pagina. */
	.fixed.fadeInDown.animated .contenedor_menu_logo {
		padding-left: 15px;   /* home y /empresa: 0 + 15 */
	}

	.fixed.fadeInDown.animated .contenedor_menu_logo_blanco {
		padding-left: 30px;   /* resto del sitio: 15 propios + 15 */
	}
}

/* ==========================================================================
   FOOTER DESKTOP — rediseño (Claude Design)
   Solo >=992px: es el corte real del footer, porque los bloques desktop de los
   modulos usan .hidden-xs.hidden-sm (Bootstrap 3 oculta hasta 991px) y los
   mobile usan .hidden-lg.hidden-md. Debajo de 992 no se toca NADA: sigue el
   footer claro con sus iconos y acordeones.
   El contenido sigue viniendo de los modulos HTML de la DB (autoadministrable).
   ========================================================================== */

@media (min-width: 992px) {

	.middle-footer {
		background-color: #000;
		color: #b9c2be;
	}

	/* layout compacto: marca a la izquierda, columnas agrupadas a la derecha.
	   Se reemplaza la grilla de 4 x col-md-3 (que estiraba las columnas a lo
	   ancho de todo el contenedor) por flex. Solo aplica >=992px. */
	.middle-footer .row {
		display: flex;
		align-items: flex-start;
		margin-left: 0;
		margin-right: 0;
	}

	.middle-footer .row > .elemento_footer,
	.middle-footer .row > .sonder-footer-brand {
		float: none;
		width: auto;
		border: 0;
		padding: 48px 0 32px;
	}

	/* la marca empuja las columnas hacia la derecha */
	.sonder-footer-brand {
		max-width: 300px;
		margin-right: auto;
		padding-right: 40px;
	}

	.sonder-footer-logo img {
		width: 150px;
		height: auto;
	}

	.sonder-footer-tagline {
		margin: 16px 0 0;
		font-size: 13px;
		line-height: 1.6;
		color: #b9c2be;
	}

	/* La separacion va sobre la columna en si, no sobre el slot que la contiene:
	   si un modulo se queda sin contenido desktop, su slot mide 0 y no deja
	   un hueco fantasma entre las columnas visibles. */
	.middle-footer .row > .elemento_footer .sonder-footer-col {
		padding-left: 56px;
	}

	/* --- columnas de links (una por modulo) --- */
	.sonder-footer-col {
		display: flex;
		flex-direction: column;
		gap: 11px;
		font-family: 'Barlow', sans-serif;
	}

	.sonder-footer-col h4 {
		margin: 0 0 4px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: #fff;
	}

	/* line-height heredado: sin esto el <a> inline arrastra el 1.4 de los links
	   de contenido, el h4 mide 5px de mas y desalinea el primer link de la
	   columna respecto de las columnas cuyo titulo es texto plano */
	.sonder-footer-col h4 a {
		color: #fff;
		text-decoration: none;
		line-height: inherit;
	}

	.sonder-footer-col a {
		font-size: 13px;
		line-height: 1.4;
		color: #b9c2be;
		text-decoration: none;
		transition: color 0.18s ease;
	}

	.sonder-footer-col a:hover,
	.sonder-footer-col a:focus {
		color: #fff;
		text-decoration: none;
	}

	/* separacion entre bloques dentro de una misma columna: la usan el link
	   "club sonder" y el titulo "Encontranos", que abre el segundo bloque
	   de la columna de mayorista */
	.sonder-footer-col a.sonder-footer-sep,
	.sonder-footer-col h4.sonder-footer-sep {
		margin-top: 20px;
	}

	/* --- redes --- */
	.sonder-footer-social {
		display: flex;
		gap: 10px;
		margin-top: 22px;
	}

	.sonder-footer-social a {
		width: 36px;
		height: 36px;
		border: 1px solid #2a2a2a;
		border-radius: 999px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #e8ecea;
		font-size: 15px;
		transition: border-color 0.2s ease, color 0.2s ease;
	}

	.sonder-footer-social a:hover,
	.sonder-footer-social a:focus {
		border-color: var(--verde);
		color: var(--verde);
	}

	/* --- barra inferior (vive en footer.twig, no es autoadministrable) --- */
	.show-desktop-only .derechos_footer {
		background-color: #000;
		border-top: 1px solid #1e1e1e;
		color: #8a948f;
	}

	/* barra inferior compacta: los 4 col-md-3 se ajustan al contenido y los
	   logos fiscales se van a la derecha, en vez de repartirse en 25% cada uno */
	.show-desktop-only .bajo_footer_desk {
		display: flex;
		align-items: center;
		gap: 24px;
		/* la fila traia 20px de margen arriba y abajo que engordaban la barra */
		margin: 0;
	}

	.show-desktop-only .derechos_footer .elemento_footer {
		float: none;
		width: auto;
		border: 0;
		padding: 12px 0;
	}

	.show-desktop-only .afip_waia_desk {
		margin-left: auto;
		display: flex;
		align-items: center;
		gap: 18px;
	}

	.show-desktop-only .derechos_footer_desk,
	.show-desktop-only .contacto_footer_desk {
		color: #8a948f;
		font-size: 12.5px;
		margin: 0;
	}

	.show-desktop-only .contacto_footer_desk:hover {
		color: #fff;
	}

	.show-desktop-only .boton_arrpentimiento_desk {
		display: inline-block;
		margin: 0;
		line-height: 1;
		padding: 8px 16px;
		background: #fff;
		color: #000;
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		border-radius: 6px;
		transition: background 0.2s ease, color 0.2s ease;
	}

	.show-desktop-only .boton_arrpentimiento_desk:hover {
		background: var(--verde);
		color: #fff;
	}
}

/* Logos de la barra inferior sobre el footer oscuro (solo desktop).
   waia.png es un PNG transparente de trazo casi negro: se invierte para que
   se lea. afip.jpg NO se toca: es la placa fiscal oficial y trae su propio
   fondo, no corresponde alterarla. */
@media (min-width: 992px) {
	/* .afip_desk y .waia_desk venian con width en % del contenedor. Al pasar la
	   barra inferior a flex ese contenedor se ensancho y los logos escalaban con
	   el, asi que aca se fijan en px respetando su proporcion natural. */
	.show-desktop-only .afip_desk {
		width: 56px;
		height: auto;
	}

	.show-desktop-only .waia_desk {
		width: 100px;
		height: auto;
		margin-left: 0;
		filter: invert(1);
		opacity: 0.75;
		transition: opacity 0.2s ease;
	}

	.show-desktop-only .waia_desk:hover {
		opacity: 1;
	}
}

/* ==========================================================================
   FOOTER MOBILE — rediseño (Claude Design)
   Solo <=991.98px, que es donde viven los bloques .hidden-lg.hidden-md de los
   modulos. Se mantiene la ESTRUCTURA actual: secciones con icono y los
   desplegables Bootstrap (#contact y #empresa). Solo cambian fondo y tipografia.
   Los iconos de seccion son SVG negros: se invierten para leerse sobre oscuro.
   ========================================================================== */

@media (max-width: 991.98px) {

	/* el fondo va en el <footer>, no solo en .middle-footer: asi cualquier
	   separacion entre bloques queda negra y no se ve el blanco de la pagina */
	footer {
		background-color: #000;
	}

	.middle-footer {
		background-color: #000;
		color: #b9c2be;
		/* sin padding arriba: la primera seccion arranca al ras y queda con la
		   misma altura visual que las demas */
		padding-top: 0;
	}

	/* el primer slot traia margin-top:39px, que sobre fondo negro se veia
	   como un hueco vacio antes de la primera seccion */
	.middle-footer .row > .elemento_footer#elemento_1 {
		margin-top: 0;
	}

	/* las redes traian margin-top:19.5px y su contenedor es transparente:
	   ese margen dejaba pasar el blanco entre los links y los iconos */
	.show-mobile-only .iconos_redes_footer {
		margin-top: 0;
	}

	/* separadores entre secciones */
	.middle-footer .elemento_footer#elemento_4 {
		border-top-color: #1e1e1e;
		border-bottom-color: #1e1e1e;
	}

	/* Todas las secciones con la misma altura. Se incluye el selector con #id
	   porque .elemento_footer#elemento_3 .storeinfo fija padding 6px y, al llevar
	   un ID, le gana por especificidad a una regla de clases: sin esto, Empresa,
	   Pagos y Gift Cards quedan 16px mas bajas que el resto. */
	.middle-footer .storeinfo,
	.middle-footer .locales_mobile,
	.middle-footer .elemento_footer#elemento_3 .storeinfo {
		border-top: 1px solid #1e1e1e;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	/* Bordes declarados sin color toman currentColor y se ven como lineas claras.
	   .empresa_mobile y .nocturna_mobile lo hacen desde la hoja; una seccion de
	   html.34 ademas lo trae como estilo inline (border-top: solid; sin color),
	   y a un inline solo se le gana con !important. Se usa aca y no se edita el
	   HTML del modulo para no tocar el bloque mobile de la DB. */
	.middle-footer .empresa_mobile,
	.middle-footer .nocturna_mobile,
	.middle-footer .storeinfo[style*="border"] {
		border-top-color: #1e1e1e !important;
		border-bottom-color: #1e1e1e !important;
	}

	/* titulo de cada seccion.
	   margin en 0: traia margin-top:10px y margin-bottom:0, asi que dentro de la
	   caja de contenido quedaba pegado abajo en vez de centrado. Sin margenes, el
	   padding de la seccion (14px arriba y abajo) lo centra verticalmente solo. */
	.middle-footer h5 {
		font-family: 'Barlow', sans-serif;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
	}

	.middle-footer h5 a {
		color: #fff;
	}

	/* iconos de seccion: son negros, se invierten para el fondo oscuro */
	.middle-footer .imagen_footer {
		filter: invert(1);
		opacity: 0.85;
		width: 20px;
		height: auto;
	}

	/* flecha de los desplegables */
	.middle-footer h5 .toggle::after,
	.middle-footer h5 .toggle.collapsed::after {
		color: #b9c2be;
	}

	/* El titulo de cada seccion es un <a class="span_footer"> dentro del <h5>.
	   Tiene que heredar del h5, no tomar el estilo de los links de contenido. */
	.middle-footer .span_footer {
		font-size: inherit;
		font-weight: inherit;
		letter-spacing: inherit;
		color: #fff;
	}

	/* links dentro de los desplegables (excluye los titulos de seccion) */
	.middle-footer .footer-collapse a,
	.middle-footer .storeinfo a:not(.span_footer),
	.middle-footer .storeinfo li {
		color: #b9c2be;
		font-size: 13px;
		line-height: 1.5;
	}

	.middle-footer .footer-collapse a:hover,
	.middle-footer .storeinfo a:not(.span_footer):hover {
		color: #fff;
	}

	/* --- barra inferior --- */
	.show-mobile-only .derechos_footer {
		background-color: #000;
		border-top: 1px solid #1e1e1e;
		color: #8a948f;
		padding: 16px 0;
	}

	.show-mobile-only .derechos_footer_desk,
	.show-mobile-only .contacto_footer_desk {
		color: #8a948f;
		font-size: 12.5px;
	}

	.show-mobile-only .boton_arrpentimiento_desk {
		background-color: #fff;
		color: #000;
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: 0.1em;
		border-radius: 6px;
		padding: 9px 16px;
	}

	/* --- redes --- */
	.show-mobile-only .iconos_redes_footer {
		background-color: #000;
		padding: 18px 0;
	}

	.show-mobile-only .iconos_redes_footer div i,
	.show-mobile-only .iconos_redes_footer div svg {
		color: #e8ecea;
		fill: currentColor;
	}

	/* waia es un PNG de trazo casi negro; afip trae su propio fondo y no se toca */
	.waia_mobile {
		filter: invert(1);
		opacity: 0.75;
	}

	/* el logo de waia va envuelto en un <a>: inline-flex para que no meta el
	   hueco del baseline debajo de la imagen y siga centrado en la fila */
	.afip_waia_mobile a {
		display: inline-flex;
	}
}

/* ==========================================================================
   Newsletter dentro del footer, debajo de las redes.
   Las clases .news_desk / .news_mob son las que engancha web-common.js para
   abrir el modal #newsletter (que vive en header.twig). Se conservan por eso;
   .sonder-footer-newsletter es solo para el estilo, porque .news_desk trae
   font-size 24px pensado para la barra verde de la home.
   ========================================================================== */

.sonder-footer-newsletter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 18px;
	background: transparent;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	color: #e8ecea;
	font-family: 'Barlow', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.sonder-footer-newsletter:hover,
.sonder-footer-newsletter:focus {
	border-color: var(--verde);
	color: var(--verde);
	outline: none;
}

/* titulo que acompaña al boton: mismos color y medidas que los links de
   columna (.sonder-footer-col a) y que los items del footer mobile, que son
   el texto de cuerpo del footer */
.sonder-footer-newsletter-titulo {
	margin: 0 0 10px;
	font-family: 'Barlow', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: #b9c2be;
}

/* desktop: debajo de las redes, dentro del bloque de marca */
@media (min-width: 992px) {
	.sonder-footer-brand .sonder-footer-newsletter-titulo {
		margin-top: 24px;
	}
}

/* mobile: centrado debajo de la fila de iconos, que se mantiene horizontal */
@media (max-width: 991.98px) {
	.sonder-footer-newsletter-mob {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 16px 18px;
	}

	.sonder-footer-newsletter-mob .sonder-footer-newsletter-titulo {
		text-align: center;
	}
}

/* ==========================================================================
   Logo del navbar: caja ajustada a la imagen real
   .logo_desktop img usa width:55%, pero su contenedor se dimensiona con el
   ancho NATURAL de la imagen (292px). Como renderiza a 161px, quedaban 131px
   muertos entre el logo visible y la tira de categorias. Fijando el ancho de
   la imagen, el contenedor se ajusta y la tira arranca pegada al logo.
   El tamaño visible no cambia: 161px es exactamente el 55% de 292.
   ========================================================================== */

@media (min-width: 992px) {
	.contenedor_menu_logo .logo_desktop img,
	.contenedor_menu_logo_blanco .logo_desktop img {
		width: 161px;
	}
}

/* ==========================================================================
   FIX INDEPENDIENTE — iconos del navbar desktop
   (parte del mismo bug previo que el ancho de la barra fija; se puede revertir
   borrando este bloque)

   1) Tamaño: los slots son col-md-1 (8.33% del contenedor) MENOS 30px fijos de
      padding de Bootstrap. A 1920 eso deja 47px de icono, pero a 1000 deja 10px.
      Se les fija un tamaño constante para que no dependan del viewport.
   2) Alineacion: .derecha_header trae margin-top:7px. Al fijarse con top:0 ese
      margen seguia aplicando y dejaba los iconos 7px mas abajo que el resto de
      la barra.
   ========================================================================== */

@media (min-width: 992px) {
	/* Los slots son col-md-1 (8.33% del contenedor), asi que crecian con el
	   viewport y dejaban al icono suelto adentro: la separacion pasaba de 47px
	   a 1280 hasta 169px a 2560, y ademas era despareja entre iconos.
	   Se ajustan al contenido y la separacion la da un gap fijo. */
	.derecha_header {
		gap: 24px;
	}

	.derecha_header > div {
		width: auto;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.derecha_header img {
		width: 26px;
		height: auto;
		max-width: none;
	}

	/* la lupa del buscador conserva su propio tamaño. Se apunta a .imagen_lupa_search
	   y no al slot entero: del slot tambien cuelga el modal del buscador. */
	.derecha_header .imagen_lupa_search img {
		width: 24px;
	}

	/* El modal del buscador vive dentro del slot de la lupa, asi que la regla de
	   iconos de arriba tambien alcanzaba a las fotos del autocompletado y las
	   dejaba de 26px de ancho. Adentro del modal las imagenes vuelven a lo que
	   traen de Bootstrap por .img-responsive. El spinner no se ve afectado: lo
	   fija search.css con "body #mi_modal .search-loader-img", que gana por
	   especificidad. */
	.derecha_header .search-modal-inline img {
		width: auto;
		height: auto;
		max-width: 100%;
	}

	.derecha_header_fixed {
		margin-top: 0;
	}
}

/* ==========================================================================
   FIX INDEPENDIENTE — header mobile fijo en paginas interiores
   En home el header mobile lleva un background negro inline; en el resto de las
   paginas no lleva ninguno y queda blanco. Al fijarse con el scroll, ese blanco
   se apoyaba sobre contenido tambien blanco y la barra se volvia indistinguible.
   Se le da una separacion, solo a la variante sin fondo inline.
   Comportamiento previo a estos cambios: ya era asi, no lo introdujo el rediseño.
   ========================================================================== */

@media (max-width: 991.98px) {
	.hsticky.fixed:not([style*="background"]) {
		border-bottom: 1px solid #e4e4e4;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
	}
}

/* ==========================================================================
   CONOCÉ CÓMO PAGAR — acordeón del carrito
   ==========================================================================
   Se apoya debajo de la barra de beneficios acumulables (.contenedorPromos),
   como hermano dentro de .infobg.

   El ancho lo iguala al del cartel pulsante #mensajePromo, no al de la barra:
   50% del contenedor en desktop y 90% por debajo de 768px, centrado. Son los
   mismos valores que tiene ese cartel, calculados sobre el mismo padre.
   Ojo: #mensajePromo se ve mas ancho que su caja porque la animacion .pulso le
   aplica un scale(1.1); el ancho que se iguala aca es el de reposo.

   El contenido lo edita el admin desde un módulo HTML Content asignado a la
   posición cart_pagos del layout Checkout, así que acá no hay ninguna regla
   atada a un id: todo cuelga de clases que se pueden duplicar.

   Sin reglas tipográficas a propósito: no fija font-family, font-size ni
   font-weight. La jerarquía sale del <strong> del markup, del color y del
   espaciado, para que el bloque herede la tipografía del tema.
   ========================================================================== */

.mediospago {
	width: 50%;
	box-sizing: border-box;
	margin: 0 auto 3rem;
	background-color: #f8f8f8;
	border-radius: 2rem;
}

/* --- cabecera de la sección --------------------------------------------- */

.mediospago__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	color: #000;
	cursor: pointer;
}

.mediospago__toggle,
.mediospago__medio-toggle {
	display: inline-flex;
	align-items: center;
	margin-left: 1.5rem;
	color: var(--verde);
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mediospago__toggle:focus,
.mediospago__medio-toggle:focus {
	outline: 1px dotted var(--verde);
	outline-offset: 2px;
}

/* Chevron dibujado por CSS: el markup del admin no lleva iconos vacíos, que son
   justo lo que el editor del panel tiende a comerse al guardar. */
.mediospago__toggle::after,
.mediospago__medio-toggle::after {
	content: "";
	display: inline-block;
	width: 0.45em;
	height: 0.45em;
	margin-left: 0.6em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-0.15em) rotate(45deg);
	transition: transform 0.18s ease;
}

.mediospago.is-open > .mediospago__head .mediospago__toggle::after,
.mediospago__medio.is-open > .mediospago__medio-head .mediospago__medio-toggle::after {
	transform: translateY(0.1em) rotate(-135deg);
}

/* Los dos textos viven siempre en el DOM y los alterna el CSS, así el JS no
   toca copys: cambiarlos es editar el módulo, no este archivo. */
.mediospago__vermenos {
	display: none;
}

.mediospago.is-open > .mediospago__head .mediospago__vermas,
.mediospago__medio.is-open > .mediospago__medio-head .mediospago__vermas {
	display: none;
}

.mediospago.is-open > .mediospago__head .mediospago__vermenos,
.mediospago__medio.is-open > .mediospago__medio-head .mediospago__vermenos {
	display: inline;
}

/* --- cuerpo de la sección ----------------------------------------------- */

.mediospago__body {
	display: none;
	padding: 0 2rem 2rem;
}

.mediospago.is-open > .mediospago__body {
	display: block;
}

.mediospago__medios {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- fila de medio de pago ---------------------------------------------- */

.mediospago__medio {
	margin-bottom: 1rem;
	background-color: #fff;
	border: 1px solid #ededed;
	border-radius: 1rem;
}

.mediospago__medio:last-child {
	margin-bottom: 0;
}

.mediospago__medio-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.2rem 1.5rem;
	cursor: pointer;
}

.mediospago__medio-info {
	min-width: 0;
}

.mediospago__medio-nombre {
	display: block;
	color: #000;
}

.mediospago__medio-resumen {
	display: block;
	color: #666;
}

/* El padding inferior lo lleva la lista y no el detalle, para que un medio sin
   bancos cargados colapse a altura cero en vez de dejar una franja vacía. */
.mediospago__medio-detalle {
	display: none;
	padding: 0 1.5rem;
}

.mediospago__medio.is-open > .mediospago__medio-detalle {
	display: block;
}

.mediospago__items {
	margin: 0;
	padding: 0 0 1.2rem;
	border-top: 1px solid #ededed;
	list-style: none;
}

.mediospago__items:empty {
	display: none;
}

.mediospago__item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 0.9rem 0;
	border-bottom: 1px solid #f2f2f2;
}

.mediospago__item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.mediospago__item-nombre {
	padding-right: 1rem;
	color: #000;
}

.mediospago__item-dato {
	color: var(--verde);
	text-align: right;
	white-space: nowrap;
}

.mediospago__medio-nota {
	margin: 0;
	padding: 0.9rem 0 1.2rem;
	color: #666;
}

.mediospago__legal {
	margin: 1.5rem 0 0;
	color: #666;
}

@media (max-width: 768px) {
	.mediospago {
		width: 90%;
	}

	.mediospago__head {
		padding: 1.2rem 1.5rem;
	}

	.mediospago__body {
		padding: 0 1.5rem 1.5rem;
	}

	.mediospago__medio-head {
		padding: 1rem 1.2rem;
	}

	.mediospago__medio-detalle {
		padding: 0 1.2rem;
	}

	/* En pantallas angostas el dato no entra al lado del nombre: se apila. */
	.mediospago__item {
		display: block;
	}

	.mediospago__item-dato {
		display: block;
		margin-top: 0.2rem;
		text-align: left;
		white-space: normal;
	}
}

/* ==========================================================================
   CARRITO EN DOS COLUMNAS
   ==========================================================================
   Desde 1200px —el breakpoint lg de Bootstrap— el carrito se parte en dos: el
   recorrido de compra a la izquierda y el desplegable de medios de pago a la
   derecha. El reparto y el reordenamiento los hace la grilla de Bootstrap con
   col-lg-8 / col-lg-4 y push/pull, así que acá no hace falta ni flex ni anchos
   propios: solo se adapta el módulo a su columna angosta.

   Por debajo de 1200px las columnas de Bootstrap ya son bloques a ancho
   completo y el aside está primero en el DOM, así que el carrito se ve igual
   que antes de este cambio: el módulo vuelve debajo de la barra de promos, con
   sus anchos de siempre (50% en desktop, 90% por debajo de 768px).
   ========================================================================== */

@media (min-width: 1200px) {

	/* En la columna deja de seguir al cartel pulsante: ocupa su columna entera. */
	.cart-cols__aside .mediospago {
		width: 100%;
		margin: 0 0 3rem;
	}

	/* Las media queries de arriba miden el viewport, no el contenedor. En una
	   columna de ~370px el nombre y el dato no entran uno al lado del otro, así
	   que acá se reusa el apilado que fuera de las columnas solo vive bajo 768px. */
	.cart-cols__aside .mediospago__item {
		display: block;
	}

	.cart-cols__aside .mediospago__item-dato {
		display: block;
		margin-top: 0.2rem;
		text-align: left;
		white-space: normal;
	}
}

/* Por debajo de 1200px las columnas de Bootstrap ya son bloques a ancho completo.
   Se anulan los márgenes negativos de la fila y el padding de las columnas para
   que el módulo mida contra el mismo ancho que .infobg y siga alineado con el
   cartel pulsante, exactamente como antes de partir el carrito en dos.

   De paso, así esta fila no suma al desborde horizontal de 15px que el carrito
   ya arrastra a 768px por el .row de los totales — ese es previo y sigue ahí. */

@media (max-width: 1199px) {
	.cart-cols {
		margin-left: 0;
		margin-right: 0;
	}

	.cart-cols > [class*="col-"] {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ==========================================================================
   COLUMNA DE BENEFICIOS — barra de progreso y cartel dentro del aside
   ==========================================================================
   En dos columnas la barra pasa de ~1300px a ~370px. El bloque de reglas de
   arriba que la achica es `@media (max-width: 768px)`, y mide el viewport: en
   una columna dentro de una ventana de 1440 no dispara, así que quedarían
   íconos de 60px y texto de 13px en 370px de barra, pisándose entre sí.

   Acá se reponen esas mismas reglas, scopeadas a la columna. El reparto
   horizontal lo resuelve el JS, que ahora decide el modo compacto mirando
   también el ancho real de la barra y no solo el de la ventana.
   ========================================================================== */

@media (min-width: 1200px) {

	.cart-cols__aside .contenedorPromos {
		margin-top: 0;
		padding: 35px 2rem 6rem;
	}

	.cart-cols__aside #barraPromos .imgContainer {
		top: -72px;
		margin: 0;
		display: block;
		z-index: 3;
	}

	.cart-cols__aside #barraPromos .imgContainer.promo-single-row {
		top: -14px;
	}

	.cart-cols__aside #barraPromos .secondContainer {
		width: 100%;
		max-width: 100%;
		display: grid;
		justify-content: center;
	}

	.cart-cols__aside #barraPromos .secondContainer p {
		width: 100%;
		max-width: 100%;
		margin: 4px 0 0;
		padding: 0 2px;
		display: block;
		text-align: center;
		font-size: 10px;
		line-height: 11px !important;
		white-space: normal;
		overflow-wrap: break-word;
		word-break: normal;
	}

	.cart-cols__aside #barraPromos .imgContainer img {
		display: block;
		width: 42px;
		height: 42px;
		margin: 0 auto;
		padding: 4px;
	}

	/* 90% y no 100%: la animación .pulso le aplica un scale(1.1), y a ancho
	   completo de la columna se desbordaría sobre la de productos. */
	.cart-cols__aside #mensajePromo {
		width: 90%;
	}
}


/* ==========================================================================
   Módulo destacado en la grilla de productos
   Se intercala como item de ancho completo dentro de .cpagerow3, que es flex
   con wrap: corta la fila sin necesidad de clearfix.
   Las variantes --desktop y --mobile se ocultan con display:none, así el slot
   que no corresponde no genera caja (no rompe la fila del otro breakpoint) y
   su imagen, al ser lazy, no llega a descargarse.
   ========================================================================== */

.promo-banner {
	flex: 0 0 100%;
	width: 100%;
	display: flex;
	align-items: stretch;
	background: #f2f2f2;
	margin: 24px 0;
	min-height: 380px;
}

.promo-banner__copy {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 56px 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.promo-banner__overline {
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--verde);
	margin-bottom: 16px;
}

.promo-banner__title {
	font-family: 'Barlow', sans-serif;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: 0;
	color: #000;
	margin: 0 0 16px;
}

.promo-banner__subtitle {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	max-width: 420px;
	margin: 0 0 32px;
}

.promo-banner__cta {
	align-self: flex-start;
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 16px 28px;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color .2s ease-in-out;
}

.promo-banner__cta:hover,
.promo-banner__cta:focus {
	background: #1a1a1a;
	color: #fff;
	text-decoration: none;
}

/* El tema anula el contorno de foco globalmente con :focus { outline: none !important },
   que no se puede pisar sin otro !important. El anillo se dibuja con box-shadow, que esa
   regla no alcanza, para que el boton siga siendo visible al navegar con teclado. */
.promo-banner__cta:focus-visible {
	box-shadow: 0 0 0 3px #f2f2f2, 0 0 0 6px #000;
}

.promo-banner__media {
	position: relative;
	flex: 0 0 50%;
	max-width: 50%;
	display: block;
	overflow: hidden;
	background: #e4e4e4;
}

.promo-banner__media picture {
	display: block;
}

.promo-banner__media picture,
.promo-banner__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.promo-banner__img {
	object-fit: cover;
	display: block;
}

.promo-banner__badge {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	background: #000;
	color: #fff;
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.promo-banner--mobile {
		display: none;
	}
}

@media (max-width: 991px) {
	.promo-banner--desktop {
		display: none;
	}

	.promo-banner {
		flex-direction: column;
		min-height: 0;
		margin: 16px 0;
	}

	.promo-banner__copy,
	.promo-banner__media {
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
	}

	/* La imagen va arriba y el texto abajo. En mobile la foto fluye con su propia
	   proporción, porque puede ser la de escritorio (8:5) o la cuadrada. */
	.promo-banner__media {
		order: -1;
	}

	.promo-banner__media picture,
	.promo-banner__img {
		position: static;
		height: auto;
	}

	/* Tope de alto para la foto apilada. Sin esto, a 768 la imagen 8:5 a ancho completo
	   mide casi 500px y el bloque se come tres cuartos de la pantalla. El object-fit
	   recorta en vez de deformar, y en telefonos angostos la foto no llega al tope. */
	.promo-banner__img {
		max-height: 340px;
		object-fit: cover;
	}

	.promo-banner__copy {
		padding: 28px 20px 32px;
	}

	.promo-banner__title {
		font-size: 28px;
	}

	.promo-banner__subtitle {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.promo-banner__cta {
		font-size: 12px;
		padding: 14px 22px;
	}

	.promo-banner__badge {
		top: 12px;
		right: 12px;
		padding: 7px 13px;
		font-size: 10px;
	}
}

/* ==========================================================================
   Barra de beneficios — extension/module/beneficios
   Carrusel de cards autoadministrable. Dos temas, negro y blanco, uno por
   instancia del modulo. Corre sobre Owl 1.3, que ya viaja en header.twig.
   ========================================================================== */

.beneficios {
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
	padding: 24px 0;
}

/* El wrap reserva a los costados el lugar de las flechas, que van fuera de las
   cards. Owl las posiciona absolute contra este contenedor. */
.beneficios__wrap {
	position: relative;
	padding: 0 52px;
}

.beneficios__track {
	margin: 0;
}

/* Owl 1.3 flota los .owl-item, asi que cada card mide lo que mide su texto y una
   bajada que envuelve a dos lineas deja esa card mas alta que el resto. Pasando el
   wrapper a flex, el align-items: stretch por defecto las empareja. Los anchos que
   Owl escribe inline (width en el wrapper y en cada item) se respetan igual, porque
   los items no crecen ni se encogen.

   El !important no es capricho: Owl escribe display:block INLINE en .owl-wrapper al
   inicializar, y un estilo inline le gana a cualquier selector. Medido en el
   navegador: sin esto el wrapper queda en block y las alturas siguen desparejas. */
.beneficios .owl-theme.owl-carousel .owl-wrapper {
	display: flex !important;
}

.beneficios .owl-theme.owl-carousel .owl-item {
	float: none;
	flex: 0 0 auto;
	display: flex;
}

/* .owl-carousel trae position:relative, asi que las flechas —que Owl cuelga dentro
   del track— se posicionaban contra el track y caian encima de la primera card.
   Con el track estatico resuelven contra .beneficios__wrap y quedan en el canal que
   abre su padding, como en el diseno. */
.beneficios .beneficios__track.owl-carousel {
	position: static;
}

/* Contenido arriba, no centrado. Las cards ya miden todas lo mismo, pero si el
   contenido va centrado una bajada de una linea deja su titulo mas abajo que el de
   la card de al lado y la fila se ve despareja. Alineando arriba, los titulos
   arrancan todos a la misma altura sea cual sea el largo del texto. */
.beneficios__card {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin: 0 12px;
	padding: 26px 24px;
	border-radius: 8px;
	border: 1px solid transparent;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Solo las cards con enlace levantan al pasar el mouse: el resto es informativa
   y no debe simular que se puede clickear. */
a.beneficios__card:hover,
a.beneficios__card:focus {
	text-decoration: none;
	transform: translateY(-2px);
}

a.beneficios__card:focus-visible {
	outline: 2px solid var(--verde);
	outline-offset: 3px;
}

.beneficios__icono {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: var(--verde);
}

.beneficios__icono svg {
	width: 100%;
	height: 100%;
	display: block;
}

.beneficios__icono--img img {
	max-width: 100%;
	max-height: 30px;
	width: auto;
	height: auto;
	display: block;
}

.beneficios__texto {
	display: block;
	min-width: 0;
}

.beneficios__titulo {
	display: block;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.beneficios__bajada {
	display: block;
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0.2px;
}

/* --- Tema negro --- */

.beneficios--negro .beneficios__card {
	background-color: #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.beneficios--negro .beneficios__titulo {
	color: #fff;
}

.beneficios--negro .beneficios__bajada {
	color: #b3b3b3;
}

.beneficios--negro a.beneficios__card:hover,
.beneficios--negro a.beneficios__card:focus {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* --- Tema blanco --- */

.beneficios--blanco .beneficios__card {
	background-color: #fff;
	border-color: #e8e8e8;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.beneficios--blanco .beneficios__titulo {
	color: #111;
}

.beneficios--blanco .beneficios__bajada {
	color: #6b6b6b;
}

.beneficios--blanco a.beneficios__card:hover,
.beneficios--blanco a.beneficios__card:focus {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* --- Flechas ---

   Reusan el estilo de los carruseles de producto (.next-prevb, "LO ULTIMO"): chevron
   pelado, sin circulo ni fondo ni sombra, gris #808080 y verde al pasar el mouse. Es
   el lenguaje de flechas que ya tiene el sitio, y sirve igual para los dos temas
   porque las flechas caen sobre el fondo de la pagina, no sobre las cards.

   No se reusan los selectores de .next-prevb tal cual porque cuelgan de esa clase y
   arrastran un #izquierda/#derecha con !important que aca no queremos: la barra fija
   su propio tamano, mas chico, proporcional a su altura.

   OJO CON LA ESPECIFICIDAD. owl.theme.css se carga DOS veces en la home: una en
   header.twig, antes de stylesheet.css, y otra inyectada con addStyle() por los
   modulos de carrusel, que sale DESPUES. O sea que empatar en especificidad con
   .owl-theme .owl-controls .owl-buttons div (0,3,1) es perder.

   Por eso todo lo de abajo cuelga de .owl-theme.owl-carousel —el track lleva las dos
   clases— y queda en (0,4,1). Asi no depende del orden de carga, que es fragil.
   Medido en el navegador: con (0,3,1) las flechas quedaban transparentes y al 50%. */

.beneficios .owl-theme.owl-carousel .owl-controls {
	margin-top: 0;
}

.beneficios .owl-theme.owl-carousel .owl-buttons div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	opacity: 1;
}

/* El chevron mide ~17px de ancho, mucho menos que el canal que abre el padding del
   wrap, asi que con left:0 quedaba pegado al borde y a 47px de la card. Estos offsets
   lo corren hacia adentro dejandolo un poco mas cerca de la card que del borde, sin
   llegar a pisarla. Si se cambia el padding del wrap, hay que recalcularlos. */
.beneficios .owl-theme.owl-carousel .owl-buttons .owl-prev {
	left: 20px;
}

.beneficios .owl-theme.owl-carousel .owl-buttons .owl-next {
	right: 20px;
}

.beneficios .owl-theme.owl-carousel .owl-buttons div i {
	font-size: 46px;
	line-height: 1;
	margin: 0 !important;
	color: #808080;
	text-shadow: none;
	transition: color 0.3s ease-in-out;
}

.beneficios .owl-theme.owl-carousel .owl-buttons div:hover i {
	color: var(--verde);
}

/* Owl 1.3 dibuja las flechas aunque entren todas las cards. Se esconden cuando la
   cantidad no supera lo visible en ese ancho: prometerian contenido que no existe.
   Ninguna regla vuelve a mostrarlas, asi que el orden entre bloques no importa. */
.beneficios--cards-1 .owl-controls {
	display: none;
}

@media (min-width: 600px) {
	.beneficios--cards-2 .owl-controls {
		display: none;
	}
}

@media (min-width: 992px) {
	.beneficios--cards-3 .owl-controls {
		display: none;
	}
}

@media (min-width: 1400px) {
	.beneficios--cards-4 .owl-controls {
		display: none;
	}
}

/* --- Responsive --- */

/* El canal de las flechas se achica con la pantalla, para no comerse el ancho de
   las cards justo donde ya sobra poco. */
@media (max-width: 1199px) {
	.beneficios__wrap {
		padding: 0 46px;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-prev {
		left: 18px;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-next {
		right: 18px;
	}
}

@media (max-width: 991px) {
	.beneficios__wrap {
		padding: 0 40px;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons div i {
		font-size: 40px;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-prev {
		left: 15px;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-next {
		right: 15px;
	}

	.beneficios__card {
		padding: 20px 18px;
		gap: 14px;
		margin: 0 8px;
	}

	.beneficios__titulo {
		font-size: 14px;
	}

	.beneficios__bajada {
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.beneficios {
		padding: 14px 0;
	}

	/* Asomo de la card siguiente, para que se lea que hay mas y que gira.

	   Owl 1.3 solo acepta cantidades enteras en itemsCustom —no hay slidesPerView: 1.2
	   como en Swiper— y calcula el ancho de cada item dividiendo el ancho del track. El
	   asomo se consigue moviendo el recorte: .owl-wrapper-outer deja de recortar y pasa
	   a hacerlo el wrap, que ademas se corre 34px de la derecha con margin-right para
	   que el asomo termine ANTES de donde va la flecha.

	   Y para eso las flechas tienen que dejar de colgar del wrap: si siguieran ahi,
	   quedarian sobre la card que asoma —gris sobre negro, ilegible—. Pasando el wrap a
	   static y .beneficios a relative, se posicionan contra el borde de la pantalla y
	   quedan en el canal libre que deja el margin-right. */
	.beneficios {
		position: relative;
	}

	.beneficios__wrap {
		position: static;
		overflow: hidden;
		margin-right: 34px;
		padding-left: 30px;
		padding-right: 40px;
	}

	.beneficios .owl-theme.owl-carousel .owl-wrapper-outer {
		overflow: visible;
	}

	.beneficios__card {
		margin: 0 6px;
	}

	/* El bloque @media (max-width:767px) del tema fija position/top/left de las
	   flechas de todos los carruseles con !important. Para centrarlas contra la
	   card hay que responderle con la misma arma. */
	.beneficios .owl-theme.owl-carousel .owl-buttons div {
		top: 50% !important;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-prev {
		left: 4px !important;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons .owl-next {
		right: 4px !important;
	}

	.beneficios .owl-theme.owl-carousel .owl-buttons div i {
		font-size: 28px;
	}
}


/* ==========================================================================
   QUICK ADD — compra rapida desde la card, sin entrar a la ficha
   Markup: catalog/view/theme/fruitino/template/product/quick_add.twig
   Logica: catalog/view/theme/fruitino/js/quick-add.js

   El panel es hermano del <a> de la imagen, dentro de .product-thumb .image
   (que ya es position:relative). Nunca empuja el layout: siempre absolute.
   ========================================================================== */

.qa {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	text-align: left;
	font-family: 'Barlow', sans-serif;
	letter-spacing: 0;
}

.qa__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- flechita de colapso ------------------------------------------------- */

.qa__toggle {
	display: none;
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 6px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid #D9DEDC;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 2px 8px rgba(19, 26, 24, 0.14);
	color: #131A18;
	cursor: pointer;
	transition: background-color 0.18s ease, transform 0.18s ease;
}

.qa__toggle:hover {
	background: #fff;
	transform: translateY(-1px);
}

.qa__chevron {
	width: 14px;
	height: 14px;
	display: block;
	margin: 0 auto;
	transition: transform 0.18s ease;
}

body.qa-colapsado .qa__chevron {
	transform: rotate(180deg);
}

body.qa-colapsado .qa__panel {
	display: none;
}

/* --- panel --------------------------------------------------------------- */

.qa__panel {
	display: none;
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(19, 26, 24, 0.16);
	padding: 10px 10px 9px;
}

.qa__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 7px;
}

.qa__label {
	font-size: 10.5px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8A948F;
}

.qa__guia {
	padding: 0;
	border: 0;
	background: none;
	font-size: 10.5px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--verde);
	border-bottom: 1px solid var(--verde);
	cursor: pointer;
	white-space: nowrap;
}

.qa__guia:hover {
	color: #008570;
	border-bottom-color: #008570;
}

/* --- talles -------------------------------------------------------------- */

.qa__talles {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 9px;
	border-radius: 8px;
}

.qa__talles--oculto {
	display: none;
}

.qa__talle {
	min-width: 34px;
	height: 30px;
	padding: 0 6px;
	border: 1px solid #D9DEDC;
	border-radius: 8px;
	background: #fff;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1;
	color: #131A18;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.qa__talle:hover:not(:disabled) {
	border-color: #000;
}

.qa__talle.is-elegido {
	background: #000;
	border-color: #000;
	color: #fff;
}

.qa__talle.is-agotado,
.qa__talle:disabled {
	opacity: 0.4;
	text-decoration: line-through;
	cursor: not-allowed;
}

/* Falta elegir talle: la fila se sacude y se marca en rojo. */
.qa__talles.is-error {
	animation: qa-shake 0.32s ease;
	box-shadow: 0 0 0 2px #D64545;
}

@keyframes qa-shake {
	0%, 100% { transform: translateX(0); }
	20%      { transform: translateX(-4px); }
	40%      { transform: translateX(4px); }
	60%      { transform: translateX(-3px); }
	80%      { transform: translateX(3px); }
}

/* --- cantidad + agregar --------------------------------------------------- */

.qa__row {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.qa__qty {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	height: 34px;
	border: 1px solid #D9DEDC;
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
}

.qa__qty.is-bloqueado {
	opacity: 0.45;
}

.qa__menos,
.qa__mas {
	width: 26px;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #131A18;
	cursor: pointer;
}

.qa__menos:disabled,
.qa__mas:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.qa__num {
	min-width: 16px;
	text-align: center;
	font-size: 12.5px;
	font-weight: 600;
	color: #131A18;
}

.qa__add {
	flex: 1 1 auto;
	min-width: 84px;
	height: 34px;
	padding: 0 10px;
	border: 0;
	border-radius: 6px;
	background: var(--verde);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.qa__add:hover:not(:disabled) {
	background: #008570;
}

.qa__add:disabled {
	cursor: default;
}

.qa__add.is-cargando {
	background: #6B7D78;
}

.qa__msg {
	margin: 7px 0 0;
	font-size: 11.5px;
	line-height: 1.3;
	color: #8A948F;
}

.qa__msg[data-tipo="error"] {
	color: #D64545;
}

.qa__msg:empty {
	display: none;
}

/* --- sin talles disponibles ----------------------------------------------- */

.qa__ficha {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	display: block;
	padding: 10px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 8px 24px rgba(19, 26, 24, 0.16);
	font-family: 'Barlow', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	text-transform: uppercase;
	color: #131A18;
}

.qa__ficha:hover,
.qa__ficha:focus {
	color: #131A18;
	text-decoration: none;
}

@media (any-hover: hover) and (min-width: 768px) {
	.qa__ficha {
		opacity: 0;
		transform: translateY(6px);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease;
	}

	.product-thumb:hover .qa__ficha,
	.product-thumb:focus-within .qa__ficha {
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
}

/* --- disparador tactil ---------------------------------------------------- */

/* Boton redondo con el icono solo, apoyado abajo a la derecha de la foto.
   .qa es el bloque contenedor (absolute con left/right/bottom en 10px), asi que
   right:0 / bottom:0 lo dejan a 10px de los bordes de la imagen. Mide 44px para
   no bajar del minimo de area tactil aunque se vea chico. */
.qa__trigger {
	/* Estado base = tactil. El bloque any-hover de mas abajo lo apaga en
	   escritorio, igual que hace con el panel al reves. */
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--verde);
	box-shadow: 0 3px 12px rgba(19, 26, 24, 0.28);
	color: #fff;
	cursor: pointer;
}

.qa__trigger:active {
	background: #008570;
}

.qa__trigger svg {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
	display: block;
}

/* --- reparto entre puntero fino y tactil ---------------------------------- */

/* El reparto arranca en la version tactil (boton + modal) y el panel de hover
   se enciende solo donde corresponde.

   Al reves era fragil: `(hover: none)` describe el puntero PRIMARIO, y en una
   notebook con pantalla tactil da verdadero aunque haya mouse — el boton
   quedaba fijo sobre la foto en pleno escritorio. `any-hover` pregunta si
   ALGUN dispositivo puede hacer hover, que es lo que importa acá.

   El ancho sigue haciendo falta: sin el, un celular que reporte `any-hover`
   por estar conectado a un teclado recibiria el panel. Y si el navegador no
   soporta `any-hover`, cae en la version tactil, que funciona a cualquier
   ancho — es la degradacion segura. */
@media (any-hover: hover) and (min-width: 768px) {
	.qa {
		opacity: 0;
		transform: translateY(6px);
		pointer-events: none;
		transition: opacity 0.18s ease, transform 0.18s ease;
	}

	.product-thumb:hover .qa,
	.product-thumb:focus-within .qa {
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}

	.qa__panel {
		display: block;
	}

	.qa__toggle {
		display: block;
	}

	.qa__trigger {
		display: none;
	}
}

/* Al pasar el mouse al panel se sale del <a> de la imagen y la segunda foto
   se apagaba. Se extiende el disparador a la card entera. */
@media (min-width: 1024px) {
	.product-thumb:hover .product-card-images.has-hover .hover-image {
		opacity: 1;
	}

	.product-thumb:hover .product-card-images.has-hover .main-image {
		opacity: 0;
	}
}

/* ==========================================================================
   QUICK ADD — modal tactil (compra rapida + tabla de talles)
   No es un modal de Bootstrap: BS3 no soporta modales simultaneos y el drawer
   del carrito vive en z-index 999. Este va arriba y se cierra antes de abrirlo.
   ========================================================================== */

.qa-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1060;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.qa-modal[hidden] {
	display: none;
}

body.qa-modal-abierto {
	overflow: hidden;
}

.qa-modal__fondo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(19, 26, 24, 0.55);
}

.qa-modal__caja {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	max-width: 520px;
	/* Alto por contenido: la hoja ocupa lo que necesita y nada mas. */
	max-height: 78vh;
	background: #fff;
	border-radius: 14px 14px 0 0;
	box-shadow: 0 -8px 32px rgba(19, 26, 24, 0.24);
	font-family: 'Barlow', sans-serif;
	letter-spacing: 0;
	transition: max-height 0.22s ease;
}

/* La tabla de talles es una imagen y no entra en el alto de compra: la hoja
   crece mientras se la esta mirando y vuelve sola al salir. El tope es 85vh y no
   mas: una guia de talles real es alta y angosta, y dejarla crecer libre devolvia
   la pantalla completa que el cliente pidio sacar. Lo que no entra se scrollea
   dentro del cuerpo, con la imagen siempre a ancho completo para que se lea. */
.qa-modal.en-tabla .qa-modal__caja {
	max-height: 85vh;
}

@media (prefers-reduced-motion: reduce) {
	.qa-modal__caja { transition: none; }
}

.qa-modal__barra {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 52px;
	padding: 0 8px;
	border-bottom: 1px solid #D9DEDC;
}

.qa-modal__titulo {
	flex: 1 1 auto;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #131A18;
}

.qa-modal__volver,
.qa-modal__cerrar {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: #131A18;
	cursor: pointer;
}

.qa-modal__volver[hidden] {
	visibility: hidden;
	display: block;
}

.qa-modal__volver svg,
.qa-modal__cerrar svg {
	width: 18px;
	height: 18px;
	display: block;
	margin: 0 auto;
}

.qa-modal__cuerpo {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 14px;
}

.qa-modal__vista {
	flex: 1 1 auto;
}

/* Gana sobre el display:flex de arriba por especificidad. */
.qa-modal__vista[hidden] {
	display: none;
}

.qa-modal__ficha {
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #D9DEDC;
}

.qa-modal__nombre {
	margin: 0 0 2px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.25;
	color: #131A18;
}

.qa-modal__precio {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.qa-modal__tabla {
	display: block;
	width: 100%;
	height: auto;
}

/* Dentro del modal el panel es contenido normal, no una capa sobre la foto. */
.qa--modal {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
}

.qa--modal .qa__panel {
	display: block;
	padding: 0;
	background: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-radius: 0;
}

.qa--modal .qa__label,
.qa--modal .qa__guia {
	font-size: 11.5px;
}

.qa--modal .qa__talle {
	min-width: 44px;
	height: 44px;
	font-size: 14px;
}

.qa--modal .qa__talles {
	gap: 8px;
	margin-bottom: 14px;
}

.qa--modal .qa__qty {
	height: 44px;
}

.qa--modal .qa__menos,
.qa--modal .qa__mas {
	width: 38px;
	font-size: 18px;
}

.qa--modal .qa__num {
	min-width: 24px;
	font-size: 14px;
}

.qa--modal .qa__add {
	height: 44px;
	font-size: 13.5px;
}

.qa--modal .qa__msg {
	font-size: 13px;
}

@media (min-width: 768px) {
	.qa-modal {
		align-items: center;
	}

	.qa-modal__caja {
		border-radius: 14px;
		box-shadow: 0 18px 48px rgba(19, 26, 24, 0.28);
	}
}

/* ==========================================================================
   HITO SIN IMAGEN — punto de progreso
   ==========================================================================
   Cuando la promoción no tiene imagen cargada, la plantilla igual imprime una
   <img> (con un SVG vacío) para que el círculo, que lo dibuja el CSS sobre esa
   etiqueta, y el JS que maneja el estado sigan funcionando sin cambios.

   Queda un punto macizo con un aro blanco que lo despega de la barra: verde
   cuando el monto ya se alcanzó, gris cuando todavía falta.

   Los dos estados salen del propio JS de la barra, sin tocarlo:

     · alcanzado   → le escribe background-color: var(--verde) inline, y por eso
                     acá no hace falta pintarlo. El inline gana por sí solo.
     · no alcanzado → le agrega la clase .fire, que sirve de gancho para el gris.

   El tamaño se reduce con un scale y no con width/height porque el ícono mide
   distinto en cinco contextos —60px por defecto, 42 bajo 768, 44 bajo 600, 36
   bajo 445 y 42 en la columna del carrito de dos columnas—. Escalar resuelve
   los cinco con una regla, mantiene la proporción del aro, y sobre todo no
   corre el círculo: el scale se aplica desde el centro, así que queda alineado
   con la barra sin recalcular el `top` de cada breakpoint.
   ========================================================================== */

#barraPromos .imgContainer img.promoSinImagen {
	transform: scale(0.62);
	border: 3px solid #fff;
}

/* Tilde blanca sobre los hitos ya alcanzados. Va como background-image porque
   <img> es un elemento reemplazado y no renderiza pseudo-elementos; el SVG que
   trae la etiqueta es transparente, así que el fondo se ve a través.

   El :not(.fire) es el estado: .fire la lleva el que todavía no se alcanzó, así
   que su ausencia significa alcanzado. No hace falta pelearle a nada, porque en
   ese estado el JS solo escribe background-color inline. */
#barraPromos .imgContainer img.promoSinImagen:not(.fire) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 62%;
}

/* .fire es la clase que el JS le pone a los hitos que todavía no se alcanzaron.
   Este selector le gana en especificidad a su `background: var(--verde)`, que al
   ser atajo pintaría el punto de verde en el estado equivocado.

   También se le saca el halo verde pulsante. En un ícono de 42px con borde negro
   ese halo se lee como un detalle; sobre un punto de 26px con aro blanco pasa a
   ser lo más llamativo del hito, y deja los pendientes gritando más que los ya
   alcanzados. Los hitos que sí tienen ícono lo conservan. */
#barraPromos .imgContainer img.promoSinImagen.fire {
	background-color: #b0b0b0;
	box-shadow: none;
	animation: none;
}