/*  --------------- VARIABLES ---------------  */
	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
	:root{
		--fs0: clamp(2.1382rem, 1.1841rem + 4.2404vw, 4.4703rem);
		--fs1: clamp(1.9006rem, 1.2151rem + 3.0467vw, 3.5763rem);
		--fs2: clamp(1.6894rem, 1.2101rem + 2.1302vw, 2.861rem);
		--fs3: clamp(1.5017rem, 1.1797rem + 1.4311vw, 2.2888rem);
		--fs4: clamp(1.3348rem, 1.1318rem + 0.9022vw, 1.8311rem);
		--fs5: clamp(1.1865rem, 1.0727rem + 0.506vw, 1.4648rem);
		--fs6: clamp(1.0547rem, 1.0067rem + 0.2131vw, 1.1719rem);
		--fs7: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);

		--col0: #414141;
		--col1: #17967d;
		--col5: #e5e5e5; 
		--col6: #ffffff;

		--font1: 'Poppins', sans-serif;

	}

/*  --------------- GENERAL ---------------  */
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		outline: none;
	}
	html, body{
		accent-color: var(--col1);
		color: var(--col0);
		font-family: var(--font1), sans-serif;
		line-height: 1.2;
		font-weight: 300;
		font-size: 16px;
		scroll-behavior: smooth;
		scroll-padding-top: calc(var(--header) + 30px);
	}
	moz-selection{background: var(--col1);	color: var(--col6);}
	*::-moz-selection{background: var(--col1);	color: var(--col6);}
	div.icons > .btn-group, body > .jmodedit{display: none !important;}
	li{list-style-position: inside;}
	address{font-style: normal;}
	img{width: auto; max-width: 100%; height: inherit;}
	i.fa{font-family: "FontAwesome"; font-weight: 400; line-height: inherit;}
	[data-switch], [data-ancla]{cursor: pointer;}
	.mr{margin-right: 5px;}
	.ml{margin-left: 5px;}
	a{text-decoration: none;}
	button{width: auto;}
	b, strong{font-weight: bold; font-size: inherit; color: inherit;}
	.logo img, .logo svg{transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;}
	picture.cover > *:not(source){display: block; width: 100%; height: 100%; object-fit: cover;}
	picture.contain > *:not(source){display: block; width: 100%; height: 100%; object-fit: contain;}
	picture img{display: block;}
	picture{display: block;}
	picture.rel .fa{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: var(--col6);
		color: var(--col1);
		width: 75px;
		height: auto;
		border-radius: 50%;
		aspect-ratio: 1/1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs4);
  		box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
	picture.rel .fa.small{
		width: 60px;
  		font-size: var(--fs6);
	}
	picture.rel:hover .fa{background-color: var(--col1); color: var(--col6);}
	.logo:hover img, .logo:hover svg{opacity: 0.8;}
	.headerwrapper{position: relative; z-index: 10 !important;}
	.bblack{background-color: black;}
	.bcol0{background-color: var(--col0);}
	.bcol1{background-color: var(--col1);}
	.bcol2{background-color: var(--col2);}
	.white{background-color: var(--col6);}
	.col0{color: var(--col0);}
	.col1{color: var(--col1);}
	.col2{color: var(--col2);}
	svg{fill: currentColor;}
	.fill1{fill: var(--col1);}
	.fill6{fill: var(--col6);}
	.grey{background-color: var(--col5);}
	.contrast{background-color: var(--col5);}
	.grey .contrast{background-color: var(--col6);}
	.bcol0 .contrast{background-color: color-mix(in srgb, white 5%, var(--col1) 5%);}
	.bcol1 .contrast{background-color: color-mix(in srgb, white 15%, var(--col1) 5%);}
	.bcol-facebook{background-color: #3b5999;}
	.bcol-twitter{background-color: #55acee;}
	.bcol-linkedin{background-color: #0077B5;}
	.bcol-google{background-color: #dd4b39;}
	.bcol-pinterest{background-color: #bd081c;}
	.bcol-youtube{background-color: #cd201f;}
	.bcol-whatsapp{background-color: #25D366;}
	.bcol-instagram{background-color: #e4405f;}
	details{background-color: rgba(0,0,0,.07);	border-radius: 3px;}
	details:not([open]){animation-name: fold-in; animation-duration: .3s;}
	details[open] > div{animation-name: fold-out; animation-duration: .3s;}
	summary{cursor: pointer;}
  	summary::-webkit-details-marker, summary::marker{content: ""; display: none;}
  	summary::after{content: "+"; line-height: 1; cursor: pointer; font-size: var(--fs4); color: var(--col1);}
	.bcol1 summary::after{color: var(--col6);}
	details[open] summary::after{content: "−";}
	@keyframes fold-out{
		0%{opacity: 0; margin-top: -15px; }
		100%{opacity: 1; margin-top: 0; }
	}
	@keyframes fold-in{
		0%{padding-bottom: 15px;}
		100%{padding-bottom: 0;}
	}
	[data-zoom] picture{background-color: var(--col1); position: relative; overflow: hidden;}
	[data-zoom] picture:hover img{mix-blend-mode: multiply;}
	[data-zoom] picture:after{
		content: "\f002";
		font-family: "FontAwesome";
		position: absolute;
		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
		background-color: var(--col6);
		color: var(--col1);
		width: 50px;
		border-radius: 50%;
		aspect-ratio: 1/1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs6);
  		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		opacity: 0;
	}
	[data-zoom] picture:hover:after{opacity: 1;}
	.nofooter footer{display: none;}
	.grecaptcha-badge{display: none !important;}
	@media screen and (min-width: 1001px){
		.imagen-texto-zz .item:nth-child(even) > *:first-child{order: 2;}
	}
	.embedvideo{display: block; width: 100%; height: auto; aspect-ratio: 16/9; border-radius: var(--br2);}
	.embedvideoshorts{display: block; width: 100%; height: auto; aspect-ratio: 9/16; border-radius: var(--br2);}
	body .print1{display: none;}
	.fancybox__caption{max-width: 1200px;}
	.clamp{-webkit-line-clamp: initial !important;}
	[data-clamp]{cursor: pointer;}
	[data-clamp]:hover{color: var(--col1);}

	.br1{border-radius: var(--br1);}
	.br2{border-radius: var(--br2);}
	.br3{border-radius: var(--br3);}

	.products.row{
		margin: 0;
		gap: 30px;
	}
	.products.row > *{width: calc(33.33% - 20px);}

/*  --------------- TITULOS ---------------  */
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: normal; text-wrap: balance; font-family: var(--font2); text-transform: inherit;}
	.h0{font-size: var(--fs0);}
	.h1{font-size: var(--fs1);}
	.h2{font-size: var(--fs2);}
	.h3{font-size: var(--fs3);}
	.h4{font-size: var(--fs4);}
	.h5{font-size: var(--fs5);}
	.h6{font-size: var(--fs6);}
	.h7{font-size: var(--fs7);}
	.formato h1{font-size: var(--fs1); margin-bottom: 15px;}
	.formato h2{font-size: var(--fs3); margin-bottom: 30px;}
	.formato h3{font-size: var(--fs4); margin-bottom: 20px;}
	.formato h4{font-size: var(--fs5); margin-bottom: 20px;}
	.formato h5{font-size: var(--fs6); margin-bottom: 20px;}
	.formato h6{font-size: var(--fs7); margin-bottom: 15px;}

	.deco{position: relative; padding-bottom: 30px;}
	.deco:after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 70px;
		height: 4px;
		background-color: var(--col1);
		border-radius: var(--br3);
	}
	.bcol1 .deco:after{background-color: var(--col6);}

	@container (max-width: 300px) {
		.h3{font-size: var(--fs4);}
		.h4{font-size: var(--fs5);}
		.h5{font-size: var(--fs6);}
		.formato h3{font-size: var(--fs5);}
		.formato h4{font-size: var(--fs6);}
		.formato h5{font-size: var(--fs7);}
	}

/*  --------------- BOTONES ---------------  */
	.btn{
		line-height: 1.2;
		border: none;
		box-shadow: none;
		display: inline-block;
		text-decoration: none;
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		font-size: var(--fs7);
		padding: 18px 30px;
		transition:all 0.3s ease-out;
		-webkit-trasition:all 0.3s ease-out;
		border-radius: var(--br3);
	}
	.btn1,
	.btn-primary,
	.hikabtn_checkout_login_register,
	.btn.hikabtn-success{
		background-color: var(--col1);
		color: var(--col6);
	}
	.btn1:hover,
	.btn1:focus,
	.btn1:active,
	.btn-primary:hover,
	.btn-default:hover,
	.btn-primary.focus, 
	.btn-primary:focus,
	.btn-primary.active,
	.btn-primary:active,
	.btn-primary:active:hover,
	.btn-primary:active:focus,
	.btn-primary.disabled:focus, 
	.btn-primary:disabled:focus{
		background-color: var(--col0);
	}
	.btn2, .hikabtn_checkout_login_form{background-color: var(--col0); color: var(--col6);}
	.btn2:hover, .btn2:focus, .btn2:active{background-color: var(--col1);}

	.btn3{color: var(--col1); box-shadow: 0 0 0 2px var(--col1) inset;}
	.btn3:hover, .btn3:focus, .btn3:active{background-color: var(--col1); color: var(--col6);}

	.btn4{color: var(--col0); box-shadow: 0 0 0 2px var(--col0) inset;}
	.btn4:hover, .btn4:focus, .btn4:active{background-color: var(--col0); color: var(--col6);}

	.btn5{background-color: var(--col6); color: var(--col1);}
	.btn5:hover, .btn5:focus, .btn5:active{background-color: var(--col0);}

	.btn:hover, .btn:active, .btn:focus{text-decoration: none !important;}

/*  --------------- TIPOGRAFÍA ---------------  */
	a{color: var(--col1);}
	p, .formato ul, .formato ol{
		margin-bottom: 20px;
		min-height: 1px;
		line-height: 2;
		color: var(--col0);
		font-size: var(--fs7);
		text-wrap: pretty;
	}
	.formato a:not(.btn):hover{text-decoration: underline;}
	.formato ul ul{margin-left: 20px;}
	.formato ul li{list-style-type: disc;}
	p:last-child{margin-bottom: 0;}
	p a:hover, .formato a:hover{text-decoration: underline;}
	.formato blockquote{
		border-left: 3px solid var(--col1);
		padding-left: 30px;
		margin-bottom: 20px;
	}
	.formato table{width: 100%; margin-bottom: 30px; border-collapse: initial;}
	.formato table td{
		padding: 8px 11px;
		background-color: rgba(0,0,0,0.05);
		font-size: var(--fs7);
	}
	.formato thead td{background-color: var(--col0); color: var(--col6);}
	.w, .pw *:not(a){color: var(--col6);}
	.tt{text-transform: uppercase;}
	.fs0{font-size: var(--fs0); line-height: 1.0;}
	.fs1{font-size: var(--fs1); line-height: 1.1;}
	.fs2{font-size: var(--fs2); line-height: 1.2;}
	.fs3{font-size: var(--fs3); line-height: 1.2;}
	.fs4{font-size: var(--fs4); line-height: 1.3;}
	.fs5{font-size: var(--fs5); line-height: 1.4;}
	.fs6{font-size: var(--fs6); line-height: 1.4;}
	.fs7{font-size: var(--fs7); line-height: 1.4;}

/*  --------------- FORMULARIOS ---------------  */
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="number"],
	input[type="tel"],
	textarea,
	select,
	.form-control,
	select.form-control,
	.form-control-select,
	.form-select
	{
		padding: 12px 20px;
		font-size: 15px;
		font-weight: 400;
		border: 1px solid color-mix(in srgb, var(--col0) 15%, transparent);
		border-radius: var(--br3);
		background-color: var(--col6);
	}
	textarea{border-radius: var(--br2) var(--br2) 0 var(--br2);}
	*[readonly], *[disabled]{
		opacity: 0.7;
		cursor: not-allowed;
	}
	.acym_module_form input{max-width: none;}
	input[type="checkbox"], input[type="radio"]{width: auto; margin-right: 5px;}
	label:not(:has(input[type="checkbox"])),
	.acym_module_form label:not(:has(input[type="checkbox"])) > span{
		display: block;
		font-size: var(--fs7);
		margin-bottom: 5px;
	}
	/*label:has(input[type="radio"]):not(:has(img)),
	label:has(input[type="checkbox"]):not(:has(img)){display: flex; align-items: center; gap: 5px;} */
	label:has(input[type="radio"]):not(:has(img)) input,
	label:has(input[type="checkbox"]):not(:has(img)) input{display: none;}
	label:has(input[type="radio"]):not(:has(img)):before,
	label:has(input[type="checkbox"]):not(:has(img)):before{
		content: "\f00c";
		font-family: "FontAwesome";
		height: 16px;
		aspect-ratio: 1/1;
		background-color: var(--col6);
		border: 1px solid color-mix(in srgb, var(--col0) 15%, transparent);
		display: flex;
		align-items: center;
  		justify-content: center;
		border-radius: 50%;
		cursor: pointer;
		color: transparent;
		font-size: 10px;
		text-align: center;
		float: left;
		margin-right: 5px;
	}
	label:has(input[type="checkbox"]):not(:has(img)):before{border-radius: var(--br4);}
	label:has(input[type="radio"]:checked):not(:has(img)):before,
	label:has(input[type="checkbox"]:checked):not(:has(img)):before{background-color: var(--col1); color: var(--col6); border-color: var(--col1);}
	label:has(input[type="radio"][disabled]):not(:has(img)):before,
	label:has(input[type="checkbox"][disabled]):not(:has(img)):before{opacity: 0.5; cursor: auto;}
	.opcap input{
	    display: inline-block;
	    width: 60px !important;
	    padding: 15px;
	    margin-left: 5px;
	}
	input[type="checkbox"] + label{display: inline-block;}
	*::placeholder{color: inherit; opacity: 0.5;}
	input, select, textarea{font-family: inherit; margin: 0; width: 100%;}
	button{font-family: inherit; margin: 0;}
	select{
		-moz-appearance:none;
		-webkit-appearance:none;
		background-image: var(--select);
		background-repeat: no-repeat;
		background-position: center right 15px;
		background-size: 15px;
		padding-right: 40px;
	}
	textarea{resize: vertical;}
	textarea:focus, input:focus{box-shadow: none !important;}

	/* RSFORM */
	form .formContainer, .acym_module_form > table > tbody{gap: 20px; display: flex; flex-direction: column;}
	form .formRow{display: grid; gap: inherit;}
	form .formRow:has(.formSpan6){grid-template-columns: repeat(2, 1fr);}
	form .formRow:has(.formSpan4){grid-template-columns: repeat(3, 1fr);}
	form .formRow:has(.formSpan3){grid-template-columns: repeat(4, 1fr);}
	form .formRow > div{display: flex; flex-direction: column; gap: inherit;}
	.xdsoft_datetimepicker{padding-top: 10px !important; font-family: var(--font1) !important; min-width: 100%; border-radius: var(--br3);}
	.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
	.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
	.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{background: var(--col1) !important; box-shadow: none !important;}
	.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color: var(--col1) !important; font-weight: bold;}
	.xdsoft_datetimepicker .xdsoft_calendar table td:hover, 
	.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_time:hover{background: var(--col0) !important; color: var(--col6) !important;}
	.xdsoft_datetimepicker .xdsoft_year{width: 54px !important;}
	.xdsoft_datetimepicker .xdsoft_mounthpicker > *{z-index: 5 !important;}
	[data-hour="xx"],
	[data-hour="xx"][data-minute="xx"],
	.xdsoft_datetimepicker:has(.xdsoft_day_of_week5.xdsoft_current) [data-hour="xx"]{
		opacity: 0.5;
		cursor: default;
		pointer-events: none;
	}
	.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_scroller:hover{background: var(--col1) !important;}
	.xdsoft_date[data-date="1"][data-month="0"],
	.xdsoft_date[data-date="1"][data-month="4"],
	.xdsoft_date[data-date="12"][data-month="9"],
	.xdsoft_date[data-date="1"][data-month="10"],
	.xdsoft_date[data-date="6"][data-month="11"],
	.xdsoft_date[data-date="25"][data-month="11"]{
		opacity: 0.5;
		cursor: default;
		pointer-events: none;
	}

	form .formBody:has(label > img){display: flex; flex-wrap: wrap; gap: 20px;}
	form .formBody:has(label > img) .formValidation,
	form .rsform-type-submitbutton .formBody .formValidation, 
	form .rsform-type-submitbutton .formBody .formDescription{width: 100%;}
	form .formBody label:has(img){
		flex: 1 1 25%; 
		cursor: pointer;
		padding: 30px;
		margin-block: 0;
		border: 1px solid rgba(0,0,0,0.1);
		background-color: rgba(0,0,0,0.05);
		text-align: center;
	}
	form .formBody label img{max-width: 80px;}
	form .formBody label:has(img) > span{
		display: block; 
		text-align: center;
		font-size: var(--fs6);
		margin-top: 5px;
	}
	form .formBody label:has(img):has(input:checked){background-color: var(--col1); border-color: var(--col1);}
	form .formBody label:has(img):has(input:checked) img{filter: invert(1) brightness(99);}
	form .formBody label:has(img):has(input:checked) span{color: var(--col6);}

	form .rsform-type-pagebreak .formBody{display: flex; justify-content: flex-end;}
	form .rsform-type-pagebreak .formBody:has(:nth-child(2)), form .rsform-type-submitbutton .formBody:has(.rsform-button-prev){
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.rsformProgress{font-size: var(--fs5) !important;}
	form .formError, form .formRed{
		display: inline-block;
		background-color: #dc2626;
		color: var(--col6);
		font-size: 13px;
		padding: 2px 4px;
		border-radius: var(--br4);
		font-weight: normal;
	}

	/* ACYMAILING */
	.acym_module_form > table{width: 100%;}
	.acym_module_form > table > tbody td{display: block; margin: 0 !important;}

/*  --------------- LAUNCH ---------------  */
	header .launch{
		cursor: pointer;
		height: 25px;
		--width: 35px;
		--gap: 0px;
		position: relative;
		z-index: 101;
	}
	header .launch span{
		background-color: var(--col1);
		display: block;
		height: 3px;
		left: 0;
		width: 100%;
		position: absolute;
		opacity: 1;
		-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	header .launch span:nth-child(1){top: 0;}
	header .launch span:nth-child(2){top: 10px;}
	header .launch span:nth-child(3){top: 10px;}
	header .launch span:nth-child(4){top: 20px;}
	.sidr-open header .launch span:nth-child(1), body.open header .launch span:nth-child(1){top: 18px; left: 50%; width: 0;}
	.sidr-open header .launch span:nth-child(2), body.open header .launch span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.sidr-open header .launch span:nth-child(3), body.open header .launch span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
	.sidr-open header .launch span:nth-child(4), body.open header .launch span:nth-child(4){top: 18px; left: 50%; width: 0;}
	.sidr{
		display: none;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999;
		width: 250px;
		overflow-x: none;
		overflow-y: auto;
		background-color: var(--col0);
		color: var(--col6);
		box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	}
	.sidr.right{left: auto; right: -260px;}
	.sidr.left{left: -260px; right:auto;}
	.sidr .nav li a, 
	.sidr .nav li span{
		color: var(--col6); 
		display: block; 
		line-height: 1.2;
		padding: 15px 20px;
	}
	.sidr .nav li a:hover, .sidr .nav li a:active, .sidr .nav li a:focus{background-color: var(--col1);}
	.sidr .nav li{display: block; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative;}
	.sidr .nav li > i[data-switch]{
		position: absolute;
		top: 0;
		right: 0;
		background-color: rgba(255,255,255,0.2);
		width: 49px;
		aspect-ratio: 1/1;
		text-align: center;
		line-height: 49px;
		color: var(--col6);
	}
	.sidr .nav li ul{display: none; background-color: rgba(255,255,255,0.2);}
	.sidr .nav li ul li a{padding-left: 40px; padding-left: 25px; font-size: 14px;}
	.sidr-open .sticky-wrapper > *{left: inherit;}

/*  --------------- COOKIES ---------------  */
	.cookies{
		background-color: rgba(0,0,0,0.7);
		position: fixed;
		inset: 0;
		z-index: 99999;
		height: 100dvh;
		width: 100%;
		backdrop-filter: blur(5px) grayscale(0.5);
		display: none;
	}
	.cookies p{margin: 0; padding: 0; font-size: 16px; line-height: 1.5;}
	.cookies p a{color: var(--col0); text-decoration: underline;}
	.cookies p a:hover{color: var(--col1);}
	.cookies .btn{flex-grow: 1; text-align: center;}
	body.notfound .cookies{display: none;}

/*  --------------- ALERTAS ---------------  */
	#system-message-container{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		bottom: 0;
		right: 0;
		backdrop-filter: blur(5px) grayscale(0.5);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: rgba(0,0,0,0.3);
	}
	#system-message-container .alert, .rsfp_thankyou_popup_outer .rsfp_thankyou_popup_inner{
		padding: 20px;
		border: none;
		margin-bottom: 20px;
		z-index: 10;
		width: 640px;
		max-width: 100%;
		box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06), 0 0 100px rgba(0,0,0,0.5);
		border-top: 4px solid;
		border-color: currentColor;
		animation-duration: 1s;
		transition-timing-function: ease-in-out;
		border-radius: var(--br1);
	}
	.alert .msg{align-self: center; line-height: 1.4; text-wrap: pretty;}
	.alert svg{
		width: 24px;
		height: 24px;
		fill: currentColor;
	}
	.alert-success, .rsfp_thankyou_popup_outer .rsfp_thankyou_popup_inner{background-color: #e1f4e8; color: #16a34a;}
	.rsfp_thankyou_popup_outer .rsfp_thankyou_popup_inner p{margin: 0;}
	.alert-info{background-color: #dff0f8; color: #0284c7;}
	.alert-warning{background-color: #fdf6e0; color: #eab308;}
	.alert-danger{background-color: #fbe3e3; color: #dc2626;}
	.alert .close i{cursor: pointer;}
	.alert .close i:hover{opacity: 0.7;}
	.rsfp_thankyou_popup_outer .rsfp_thankou_popup_close_btn{right: 12px; line-height: 1;}

/*  --------------- POPUP ---------------  */
	.popup{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: var(--col6);
		padding: 30px;
		display: none;
		z-index: 100;
	}
	.popup > i{
		position: absolute;
		top: -40px;
		right: -40px;
		color: var(--col6);
		font-size: 32px;
		cursor: pointer;
	}
	.popup > div{display: none;}
	.popupoverlay{
		position: fixed;
		cursor: pointer;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity .3s ease-out;
		opacity: 0;
		background-image: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7));
		z-index: 100;
		display: none;
		animation-name: fadeIn;
		animation-duration: 0.3s;
		animation-fill-mode: both;
	}
	.popupoverlay.open{display: block;}
	.popup.open{display: block;}
	.lpopup{cursor: pointer;}

/*  --------------- SWIPER ---------------  */
	.swiper-pagination-bullet-active{background-color: var(--col1);}
	.w .swiper-pagination-bullet, .pw .swiper-pagination-bullet{background-color: var(--col6);}
	.swiper-pagination-bullet{width: 12px; height: 12px;}
	.swiper[effect="fade"] .swiper-slide:not(.swiper-slide-visible){opacity: 0 !important;}
	.swiper-pagination-fraction{bottom: auto; top: auto; position: relative; transform: none; left: auto;}
	.swiper[form="true"] .swiper-button-disabled{opacity: 0; transition: opacity 0s;}
	.swiper-pagination-progressbar{top: auto !important; bottom: -1px; background-color: rgba(0,0,0,0.5); padding: 5px;}
	.swiper-pagination-progressbar-fill{background-color: var(--col1) !important;}
	.swiper-navigation.middle{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		z-index: 1;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}
	.rel:has(.pd60-0.pd-nt) .swiper-navigation.middle{top: calc(50% - 30px);}
	.rel > .swiper-navigation.middle{width: calc(100% + 170px);}
	.swiper-navigation i.fa{
		background-color: rgba(0,0,0,0.07);
		aspect-ratio: 1/1;
		width: 50px;
		text-align: center;
		border-radius: var(--br3);
		cursor: pointer;
		color: var(--col0);
		pointer-events: auto;
	}
	.swiper-navigation i.fa:hover{background-color: var(--col0); color: var(--col6);}
	.swiper-navigation.w i.fa, .pw .swiper-navigation i.fa{background-color: rgba(255,255,255,0.8); color: var(--col1);}
	.swiper-navigation.w i.fa:hover, .pw .swiper-navigation i.fa:hover{background-color: var(--col6);}
	.swiper-slide{height: auto;}
	@media screen and (min-width: 451px)
	{
		.swiper-pagination-bullet:has(img){
			background-color: transparent;
			width: 80px;
			height: auto !important;
			aspect-ratio: 1/1;
			border: 1px solid var(--col5);
			border-radius: 0;
			opacity: 1;
			margin: 5px !important;
		}
		.swiper-pagination-bullet-active:has(img){border-color: var(--col1);}
	}

/*  --------------- PAGINATION ---------------  */
	ul.pagination{display: flex; justify-content: center; gap: 5px; flex-flow: row wrap;}
	ul.pagination li{list-style: none;}
	ul.pagination li > *{
		color: var(--col0);
		background-color: var(--col5);
		aspect-ratio: 1/1;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		border-radius: var(--br3);
	}
	ul.pagination li.active > *{
		color: var(--col6);
		background-color: var(--col1);
	}
	ul.pagination li:not(.active):not(.disabled) > *:hover{
		background-color: var(--col0);
		color: var(--col6);
	}
	ul.pagination li.disabled{opacity: 0.2;}
/*  --------------- ANIMACIONES ---------------  */
	.wow{animation-duration: 1.7s; transition-timing-function: ease-in-out;}
	.forwards{animation-fill-mode: forwards; opacity: 0;}
	.delay1{animation-delay: calc(1.7s / 4);}
	.delay2{animation-delay: calc((1.7s / 4) * 2);}
	.delay3{animation-delay: calc((1.7s / 4) * 3);}
	.delay4{animation-delay: 1.7s;}
	.vkLeft{animation-name: vkLeft;}
	.vkRight{animation-name: vkRight;}
	.vkTop{animation-name: vkTop;}
	.vkBot{animation-name: vkBot;}
	.vkFade{animation-name: vkFade;}
	.vkZoomOut{animation-name: vkZoomOut;}
	.vkZoomIn{animation-name: vkZoomIn;}
	@keyframes vkLeft {
	  0% {opacity: 0; transform: translateX(100px);}
	  100% {opacity: 1; transform: translateX(0px);}
	}
	@keyframes vkRight {
	  0% {opacity: 0; transform: translateX(-100px);}
	  100% {opacity: 1; transform: translateX(0px);}
	}
	@keyframes vkTop {
	  0% {opacity: 0; transform: translateY(100px);}
	  100% {opacity: 1; transform: translateY(0px);}
	}
	@keyframes vkBot {
	  0% {opacity: 0; transform: translateY(-100px);}
	  100% {opacity: 1; transform: translateY(0px);}
	}
	@keyframes vkFade {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	@keyframes vkZoomOut {
		0% {transform: scale(1.1);}
		100% {transform: scale(1);}
	}
	@keyframes vkZoomIn {
		0% {transform: scale(1);}
		100% {transform: scale(1.1);}
	}

/*  --------------- FIX BUTTONS ---------------  */
	.fixbuttons{
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 9;
	}
	.fixbuttons .ico{
		width: 60px;
		aspect-ratio: 1/1;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 10px;
		cursor: pointer;
		box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
	}
	.fixbuttons .ico:hover{
		filter: grayscale(0.3);
	}
	.fixbuttons .btn{
		height: 100%;
		border-radius: 999px;
	}

/*  --------------- HEADER ---------------  */
	header{
		position: relative;
		z-index: 10 !important;
		background-color: var(--col6);
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
	}
	.logo, .logo img{display: block; width: fit-content;}

	header#header{position: relative; z-index: 10 !important; box-shadow: 0 0 40px rgba(0,0,0,0.2);}
	header .logo{width: auto !important;}
	header .logo > *{
		max-width: fit-content;
		max-height: 50px;
		width: 100%;
	}
	header .r svg{
		width: 25px;
		height: 25px;
		fill: var(--col0);
	}
	header .r a:hover svg{fill: var(--col1);}
	body.header-absloute header{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	body.header-absloute .sticky-wrapper{height: auto !important;}
	header nav > ul{display: flex; gap: 10px;}
	header nav, header nav > ul{height: 100%;}
	header nav ul li{list-style: none; position: relative;}
	header nav > ul li > :not(ul) {
		height: 100%;
		display: flex;
		align-content: center;
		align-items: center;
		position: relative;
		color: var(--col0);
	}
	header nav > ul li > a > span.fa{
		font-size: 12px;
		margin-right: 7px;
	}
	header nav > ul li > ul {
		opacity: 0;
		pointer-events: none;
		display: flex;
		flex-direction: column;
		gap: 15px;
		position: absolute;
		background-color: var(--col6);
		left: 0;
		z-index: 5;
		text-align: left;
		padding: 30px;
		box-shadow: 0 25px 20px rgba(0,0,0,.15);
		transition: all 0.3s ease-in-out;
		border-top: 1px solid rgba(0,0,0,0.05);
		border-radius: 0 0 var(--br1) var(--br1);
	}
	header nav > ul li:hover > ul{opacity: 1; pointer-events: initial;}
	header nav > ul li > ul li > * {
		white-space: nowrap;
	}
	header nav ul li a:hover{color: var(--col1);}
	header nav > ul li.parent > a:after, header nav > ul li.parent > span:after{
		content: "\f107";
		font-family: "FontAwesome";
		font-size: 12px;
		margin-left: 5px;
	}
	header ul.mod-languages img{margin-right: 5px; max-width: 20px;}

/*  --------------- FOOTER ---------------  */
	body.no-footer footer{display: none;}
	footer.page-footer{margin: 0;}
	footer .logo img{
		max-width: 250px;
	}

	footer .copyright nav{
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	footer nav ul li.parent i.responsive{display: none;}
	footer nav ul li ul, footer nav ul li span.fa{display: none;}
	footer nav ul li.divider ul{margin-bottom: 20px; padding-left: 20px; display: block;}
	footer nav ul li, footer address ul li{
		list-style-type: none;
		margin-block: 10px;
	}
	footer nav ul li a, footer address ul li a, footer nav ul li span.separator{
		color: var(--col6);
		font-size: var(--fs7);
		opacity: 0.4;
		transition: all 0.3s ease-in-out;
	}
	footer nav ul li a:hover, footer address ul li a:hover{
		transition: none;
		opacity: 1;
	}
	footer .social ul{
		display: flex;
		gap: 10px;
	}

	footer .social li{list-style-type: none;}
	footer .social li a{display: block;}
	footer .social i{
		aspect-ratio: 1/1;
		width: 40px;
		background-color: var(--col1);
		color: var(--col6);
		border-radius: var(--br3);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer .social a:hover i{background-color: var(--col6); color: var(--col1);}

/*  --------------- PAGEHEADER ---------------  */
	.pageheader picture{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.5;
	}

	/* BREADCRUMB */
	.breadcrumb{margin-top: 15px;}
	.breadcrumb li.mod-breadcrumbs__divider{display: none;}
	.breadcrumb li{display: inline-block;}
	.breadcrumb li:not(:last-child):after{
		content: var(--separator);
		color: var(--col1);
		margin: 0 10px;
	}
	.breadcrumb li > *{font-size: var(--fs6); color: var(--col);}
	.breadcrumb li > a:hover{color: var(--col1);}
	.breadcrumb li > span{color: var(--col0);}
	.pw .breadcrumb li > span{color: var(--col6);}

	/* BREADCRUMBS PS */
	/* .breadcrumb ol{text-align: center;}
	.breadcrumb ol li{display: inline-block !important;}
	.breadcrumb ol li:not(:last-child):after{
		content: "\f0da" !important;
		font-family: "FontAwesome";
		color: var(--col1) !important;
		margin: 0 5px !important;
	}
	.breadcrumb ol li span{
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
		font-size: 13px;
		opacity: 0.6;
	}
	.breadcrumb ol li a:hover span{opacity: 1;} */

/*  --------------- FILTER ---------------  */
	.jfilters-filter-container{padding: 0; border: none;}
	.jfilters-filter-header__toggle{
		pointer-events: none;
		font-size: var(--fs6);
		font-weight: normal;
	}
	.jfilters-filter-header__toggle span{display: none;}
	.jfilters-filter-list__item{list-style: none; margin-bottom: 5px;}
	.jfilters-filter-list__item .tit{color: var(--col0); font-weight: 400; font-size: var(--fs7);}
	.jfilters-filter-list__item i.fa{
		width: 18px;
		aspect-ratio: 1/1;
		border: 1px solid var(--col0);
		line-height: 1;
		margin-right: 5px;
		font-size: 14px;
		text-decoration: none;
		color: transparent;
	}
	.jfilters-item-link:hover{text-decoration: initial;}
	.jfilters-item-link:hover span.tit{text-decoration: underline;}
	.jfilters-item-link--selected i.fa{color: var(--col6); background-color: var(--col0);}
	.jfilters-item-link--dummy-input::before{content: none;}
	.jfilters-filter-list .jfilters-filter-list{margin-bottom: 20px; margin-top: 5px;}
	.jfilters-filter-container{margin-bottom: 30px;}
	.jfilters-filter-range-sliders__slider_bckgr{background-color: var(--col1);}
	.jfilters-filter-range-sliders{
		--knob-background: var(--col0);
		--knob-focus-color: var(--col0);
	}
	.jfilters-filter-range-sliders__knob::-moz-range-thumb:hover,
	.jfilters-filter-range-sliders__knob::-moz-range-thumb:focus,
	.jfilters-filter-range-sliders__knob::-webkit-slider-thumb:hover,
	.jfilters-filter-range-sliders__knob::-webkit-slider-thumb:focus{
		box-shadow: none;
	}
	.jfilters-filter-range-sliders__container{width: 100%; margin: 0;}
	.jfilters-filter-range_inputs__input{padding: 10px 15px !important;}

/*  --------------- HOME ---------------  */
	section.portada{
		position: relative;
		height: calc(100dvh - var(--header));
		overflow: hidden;
	}
	section.portada .multimedia{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 0;
		background-color: var(--col0);
	}
	section.portada .multimedia > *{
		opacity: 0.65;
		pointer-events: none;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	section.portada .multimedia > iframe{
		position: absolute;
		top: 50%;
		left: 0;
		width: 1920px;
		height: 1080px;
		transform: translateY(-50%);
	}
	section.portada .more{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		padding: 60px;
		opacity: 0;
		z-index: 1;
		animation: fadeIn 1.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s forwards;
	}
	section.portada .more .mouse{
		width: 24px;
		height: 40px;
		border: 2px solid var(--col6);
		display: inline-block;
		border-radius: 30px;
		text-align: center;
		padding-top: 5px;
		cursor: pointer;
		position: relative;
		z-index: 1;
	}
	section.portada .more .mouse span{
		width: 4px;
		height: 7px;
		background-color: var(--col6);
		display: inline-block;
		border-radius: 6px;
	}
	section.portada .more .mouse:hover{background-color: var(--col6);}
	section.portada .more .mouse:hover span{background-color: var(--col1);}

/*  --------------- CONTACTO ---------------  */
	.cms-contacto .mapa iframe{width: 100%; height: 100%;}

/*  --------------- BLOQUES ---------------  */
	.bloque .f:not(.f1) > .item >:nth-child(2){margin-top: 10px;}
	.bloque .f:not(.f1,.lr) > .item .formato h3{margin-bottom: 5px;}
	.bloque:not(.imagen-texto-zz) .f.f1 > .item >:nth-child(2){margin-top: 30px;}
	.overlay-black, .overlay-white, .bloque.bg{position: relative; overflow: hidden;}
	.overlay-black picture,
	.overlay-white picture{position: absolute; inset: 0; opacity: 0.5; z-index: initial !important;}
	.overlay-black > div > div > iframe,
	.overlay-white > div > div > iframe,
	.overlay-black video,
	.overlay-white video{position: absolute; inset: 50%; opacity: 0.5; transform: translate(-50%,-50%);}
	.overlay-black picture img, .overlay-white picture img, .bloque.bg picture img{border-radius: 0;}
	.bloque.bg picture{position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1;}
	.bloque.bg .bgbot picture img{object-position: center bottom;}
	.bloque .f.l{justify-content: flex-start;}

/*  --------------- CARDS ---------------  */
	.card{overflow: hidden; container-type: inline-size;}
	.card a{position: relative; display: block; height: 100%;}
	.card .inside{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 120px 40px 40px 40px;
		z-index: 1;
		transition: all 0.3s ease;
		background-image: linear-gradient(to top,rgba(0,0,0,0.8),transparent);
	}
	.card a img{transition:all 0.3s ease;}
	.card a picture{position: relative; overflow: hidden;}
	.card a picture::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--col1);
		opacity: 0;
		transition: all 0.3s ease;
		mix-blend-mode: color;
	}
	.card a:hover picture:after{opacity: 0.8;}
	.card a:hover img{
		scale: 1.06;
		filter: grayscale(1);
	}
	.card a:hover .inside{
		padding-bottom: 45px
	}
	.card .desc ul li{
		list-style: none;
		color: var(--col1);
		display: flex;
		align-content: center;
		align-items: center;
		color: rgba(0,0,0,0.65);
	}
	.card .desc ul li:not(:last-child)::after{
		content: var(--separator);
		color: var(--col1);
		margin-left: 10px;
		font-size: var(--fs7);
	}
	.rel > .flag{
		position: absolute;
		top: 45px;
		right: -58px;
		padding: 7px;
		color: var(--col0);
		background-color: var(--col1);
		text-align: center;
		width: 240px;
		transform: rotate(45deg);
		box-shadow: 0 0 30px rgba(0,0,0,0.3);
		font-size: var(--fs7);
		font-weight: bold;
	}

/*  --------------- PS8 --------------- */
	#wrapper {
		padding: 0;
		box-shadow: none;
		background: transparent;
		background-color: transparent;
	}
	#wrapper > .container {
		width: 100%;
		padding: 0;
	}
	*[data-toggle="dropdown"]{cursor: pointer;}
	#header a:hover,
	.carousel .carousel-control .icon-next:hover i,
	.carousel .carousel-control .icon-prev:hover i,
	.dropdown:hover .expand-more,
	.page-my-account #content .links a:hover i,
	.search-widget form button[type="submit"] .search:hover,
	.block_newsletter form input[type="text"]:focus + button .search,
	.btn-unstyle:focus .expand-more,
	.search-widget form input[type="text"]:focus + button .search,
	#subcategories ul li .subcategory-name:hover,
	.block-categories .arrows .arrow-down:hover,
	.block-categories .arrows .arrow-right:hover,
	.block-categories .collapse-icons .add:hover,
	.block-categories .collapse-icons .remove:hover,
	.cart-grid-body a.label:hover,
	.top-menu .sub-menu a:hover{color: var(--col1);}
	.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover{background: var(--col1);}
	.form-control:focus, .input-group.focus{outline: 0 !important;}
	a:hover, a:focus{color: var(--col1);}
	form .form-control-label{font-weight: 500; text-align: left;}
	form .form-group > div:has(#captcha-box){width: 100%; padding: 0;}
	.form-control:focus{border-color: var(--col1);}
	.custom-radio input[type="radio"]:checked + span{background-color: var(--col1);}
	.page-content.page-cms{text-align: left;}
	.products.g{display: grid !important;}
	.block_newsletter form input[type="email"]:focus{border: none;}
	#products{color: inherit;}
	.custom-checkbox label span:has(i.material-icons){display: none !important;}
	label .custom-radio{display: none !important;}
	body#checkout .custom-checkbox > label{padding-left: 0;}
	.page-content.page-cms{padding: 0; background-color: transparent;}

	.featured-subcategories .subcategories{
		display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;
	}
	.featured-subcategories .subcategories > div{float: none;}
	.featured-subcategories .subcategories > div a{
		text-align: center;
		background-color: var(--col5);
		height: 100%;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
    	padding: 20px 30px;
		color: var(--col0);
	}
	.featured-subcategories .subcategories > div a:hover{
		background-color: var(--col1);
		color: var(--col6);
	}
	.featured-subcategories .subcategories > div a p{margin: 0; color: inherit; font-size: var(--fs5);}
	.featured-subcategories .subcategories > div a img{display: none;}


/*  --------------- MENU ---------------  */
	header nav .row{margin: 0;}
	header nav > ul > li{
		list-style: none;
		margin: 0 10px;
		position: relative;
	}
	/* header nav li a{
		text-transform: uppercase;
		font-weight: 600;
		display: flex;
		align-content: center;
		align-items: center;
		height: 100%;
		font-size: var(--fs6);
		white-space: nowrap;
	} */
	header .pmenu > nav > ul > li .cbp-column-title{display: none !important;}
	header .pmenu{align-self: stretch;}
	header .pmenu > nav,
	header .pmenu > nav > ul,
	header .pmenu > nav > ul > li{height: 100%;}
	header .pmenu > nav > ul > li > div{
		opacity: 0;
		pointer-events: none;
		position: absolute;
		background-color: var(--col6);
		left: 0;
		padding: 20px;
		z-index: 5;
		text-align: left;
		padding: 30px;
		box-shadow: 0px 25px 20px rgba(0,0,0,0.15);
		transition: all 0.3s ease-in-out;
	}
	header .pmenu > nav > ul > li:hover > div{
		opacity: 1;
		pointer-events: auto;
	}
	header .pmenu > nav > ul > li > div ul > li{list-style: none; margin: 0;}
	header .pmenu > nav > ul > li > div ul > li:not(:last-child) > div > a{
		padding-bottom: 10px;
	}

	header #lnk-volver-a-la-web a:before{
		content: "\f060";
		font-family: "FontAwesome";
		margin-right: 5px;
	}

/*  --------------- LANGUAGE SELECTOR ---------------  */
	.language-selector .expand-more{
		text-transform: uppercase;
		font-weight: 600;
		font-size: var(--fs6);
	}
	.language-selector button{cursor: pointer;}
	.language-selector button:hover i{color: var(--col1);}
	.language-selector ul li{
		display: block;
		list-style: none;
	}
	.language-selector ul li a{
		font-weight: 600;
	}

/*  --------------- CARRITO ---------------  */
	header .blockcart{position: relative;}
	header .blockcart .cart-products-count{
		position: absolute;
		top: 0px;
		right: -5px;
		color: var(--col6);
		background-color: var(--col1);
		width: 17px;
		height: 17px;
		text-align: center;
		line-height: 17px;
		font-size: 10px;
		border-radius: 50%;
		font-weight: bold;
		display: none;
	}
	header .blockcart a .cart-products-count{display: block;}

/*  --------------- BUSCADOR ---------------  */
	#search_widget{display: none;}
	header .r .buscador{cursor: pointer;}
	header .r .buscador:hover svg{fill: var(--col1);}
	#search_widget{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: var(--col6);
		z-index: 1000;
		display: none;
	}
	#search_widget input[type="text"]{
		font-size: var(--fs1);
		font-weight: bold;
		border: none !important;
		outline: none !important;
		text-align: center;
		color: var(--col0) !important;
		background-color: transparent !important;
		padding: 0;
	}
	#search_widget i.fa-close{
		width: 50px;
		height: 50px;
		line-height: 50px;
		color: var(--col6);
		background-color: var(--col0);
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
	}
	#search_widget i.fa-close:hover{
		background-color: var(--col1);
	}
	.resultadosbuscador{
		left: 50% !important;
		max-width: 1260px !important;
		width: 100% !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		border-top: 2px solid var(--col5) !important;
		border-radius: 0 !important;
		height: calc(100vh - 250px) !important;
		overflow-y: scroll;
		transform: translateX(-50%);
		background-color: transparent !important;
	}

/*  --------------- PRODUCT MINIATURE ---------------  */
	.product-miniature, .product-miniature .product{
		padding: 30px;
		position: relative;
		transition: box-shadow 0.3s ease-out;
		display: block;
		height: 100%;
	}
	.product-miniature .thumbnail-container{margin: 0; background-color: transparent;}
	.product-miniature:hover{
		box-shadow: 0 0 100px rgba(0,0,0,0.12);
		z-index: 5;
	}
	.product-miniature .product-title,
	.product-line-grid a.label{
		font-size: var(--fs6);
		font-weight: bold;
		color: var(--col0);
		text-decoration: none;
		font-family: var(--font2);
	}
	.product-miniature > a{
		display: block;
		color: var(--col0);
	}
	.product-miniature .product-txt *{text-align: center;}
	.product-miniature .cantidad{
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
		font-size: var(--fs7);
		margin-bottom: 5px;
		opacity: 0.6;
	}
	.product-miniature .price,
	.product-line-grid .price,
	.product-price strong{
		font-family: var(--font2);
		font-weight: bold;
		font-size: var(--fs6);
		color: var(--col1);
	}
	.product-miniature .regular-price,
	.product-line-grid .regular-price{
		font-family: var(--font2);
		color: var(--col0);
		opacity: 0.6;
		font-size: var(--fs6);
		margin: 0 10px;
	}
	.product-flag.on-sale,
	.product-flag.discount{
		display: none;
	}
	.product-miniature .on-sale{
		position: absolute;
		bottom: 5px;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	.product-miniature .on-sale span{
		font-size: var(--fs6);
		padding: 5px 10px;
	}
	.product-miniature .discount-product,
	.product-line-grid .discount{
		display: block;
		background-color: var(--col1);
		color: var(--col6);
		font-weight: bold;
		padding: 4px 3px;
		line-height: 1;
	}
	.product-miniature .product-price-and-shipping{margin-top: 10px;}

/*  --------------- GRACIAS ---------------  */
	body.cms-id-xxxx .pageheader{padding-bottom: 0;}
	body.cms-id-xxxx .pageheader nav,
	body.cms-id-xxxx footer#footer{display: none;}

/*  --------------- PAGINACION ---------------  */
	.blog-pagination .links{display: flex; align-content: center; align-items: center; justify-content: center;}
	.blog-pagination .results{display: none;}
	.paginacion ul li, .blog-pagination .links > *{list-style: none; margin: 0 3px;}
	.paginacion ul li.type_page > a, .blog-pagination .links > *{
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: var(--col5);
		display: block;
		font-size: var(--fs6);
		border-radius: 50%;
		font-weight: bold;
	}
	.paginacion ul li.type_page:not(.current) > a:hover, .blog-pagination .links > a:hover{
		background-color: var(--col0);
		color: var(--col6);
	}
	.paginacion ul li.current a, .blog-pagination .links > b{
		background-color: var(--col1);
		color: var(--col6);
	}
	.paginacion ul li.type_previous,
	.paginacion ul li.type_next,
	.blog-pagination .links .next,
	.blog-pagination .links .last,
	.blog-pagination .links .frist,
	.blog-pagination .links .prev{display: none;}

/*  --------------- PRODUCT PAGE ---------------  */
	body#product .product-container h1{
		font-family: var(--font2);
		text-transform: none;
		font-size: var(--fs2);
		line-height: 1;
	}
	body#product .product-container > .f{
		min-height: calc(100vh - 99px);
	}
	body#product .product-container .btn-back{
		position: absolute;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
		font-size: var(--fs7);
		color: #797a7a;
		z-index: 5;
	}
	#product #content{max-width: none;}
	body#product .product-container .btn-back i{color: var(--col1);}
	body#product .product-container .btn-back:hover{color: var(--col0);}
	body#product .product-prices div{margin-bottom: 0;}
	body#product .current-price{margin: 0;}
	body#product .current-price-value{
		font-family: var(--font2);
		font-weight: bold;
		font-size: var(--fs6);
		color: var(--col1);
	}
	body#product .regular-price{
		font-family: var(--font2);
		font-weight: bold;
		color: var(--col0);
		opacity: 0.6;
		font-size: var(--fs6);
		margin: 0 10px;
	}
	body#product .product-prices .discount{
		display: block;
		background-color: var(--col1);
		color: var(--col6);
		font-weight: bold;
		padding: 6px 8px;
		line-height: 1;
	}
	body#product .product-quantity .input-group{display: flex;}
	body#product .product-quantity .input-group-btn-vertical{
		display: flex;
  		flex-direction: column;
  		float: none;
	}

	body#product .product-quantity .input-group-btn-vertical .btn i{
		position: static;
	}
	body#product .product-quantity .input-group-btn-vertical .btn {
		padding: 0;
		aspect-ratio: 1/1;
		height: auto;
		flex-grow: 1;
		width: 20px;
	}
	body#product .product-quantity #quantity_wanted{
		height: 100%;
		padding: 15px;
	}
	body#product .mas > *:not(:last-child) [class*="pd"]{padding-bottom: 0;}

	.infoadicional .share ul{margin-bottom: 0;}
	.infoadicional .share ul li{
		display: inline-block;
		list-style: none;
	}
	.infoadicional .share ul li:not(:last-child){margin-right: 10px;}
	.infoadicional .share ul li a{
		color: #888;
	}
	.infoadicional .share ul li a:hover{
		color: var(--col1);
		opacity: 1;
	}
	.infoadicional svg{
		max-width: 80px;
		margin-bottom: 15px;
	}

	.modal-content{border: none;}
	#blockcart-modal .modal-dialog{max-width: 800px;}
	#blockcart-modal .modal-body{padding: 0;}
	#blockcart-modal .modal-body a{display: block; color: currentColor;}
	#blockcart-modal .modal-body .c5{cursor: pointer;}
	#blockcart-modal .modal-body .c5:hover > *{background-color: var(--col1);}
	#blockcart-modal .modal-body .c5:hover *{color: var(--col6); fill: var(--col6);}
	#blockcart-modal .modal-header{background-color: var(--col0); border: none;}
	#blockcart-modal .modal-header .close{
		position: absolute;
		top: 5px;
		right: 11px;
		width: auto;
	}
	#blockcart-modal .modal-header .close span{
		text-shadow: none;
		color: var(--col6);
	}
	#blockcart-modal .modal-header .h5{margin: 0;}
	#blockcart-modal .modal-body svg{height: 100px; margin-bottom: 10px;}

	.product-variants > .product-variants-item ul li{
		list-style: none;
		margin-right: 7px;
	}
	.product-variants > .product-variants-item .color{
		width: 25px;
		aspect-ratio: 1/1;
		height: auto;
	}
	.product-variants .input-color:checked + span{
		border: 1px solid var(--col0);
  		box-shadow: 0 0 0 3px var(--col6) inset;
	}
	.product-variants .radio-label{
		border: 1px solid var(--col5);
		padding: 8px 13px;
		line-height: 1;
		cursor: pointer;
	}
	.product-variants .input-radio:hover + span{background-color: rgba(0,0,0,0.1); border: 1px solid var(--col5);}
	.product-variants .input-radio:checked + span{border: 1px solid var(--col0);}

/*  --------------- CART PAGE ---------------  */
	.cart-item{
		padding: 0;
		list-style: none;
	}
	.product-line-grid{
		display: flex;
		align-content: center;
		align-items: center;
		flex-flow: row wrap;
		justify-content: flex-start;
	}
	.cart-item:not(:last-child){
		border-bottom: 1px solid var(--col5);
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.product-line-grid a.label{display: block;}
	.product-line-grid a.label:hover{color: var(--col1);}
	.product-line-grid .regular-price{margin: 0;}
	.product-line-grid .row{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-content: center; align-items: center;}

	.cart-summary div[data-aplazame-widget-instalments]{margin-bottom: 10px;}
	.cart-summary #promo-code{display: block;}
	.cart-summary .display-promo{display: none;}
	.cart-summary .card-block{padding: 0;}
	.cart-summary .cart-summary-totals .cart-total{margin-top: 10px; padding-top: 10px;}
	.block-promo .promo-code-button.cancel-promo{display: none !important;}
	.block-promo ul{margin: 10px 0 !important;}
	.cart-summary-line:not(:last-child){margin-bottom: 5px;}
	.block-promo .promo-name .cart-summary-line span{color: var(--col0); font-weight: bold;}
	.block-promo .promo-code{padding: 0;}
	.block-promo .promo-input{
		width: 100%;
		height: auto;
		line-height: 1;
		border: none;
		background-color: transparent;
		padding: 10px 5px;
	}
	#promo-code form{background-color: var(--col6);}
	#promo-code form button{
		border: none;
		background-color: transparent;
		cursor: pointer;
		padding: 0 15px;
		width: auto;
	}
	.block-promo.promo-highlighted{
		padding-inline: 0;
		padding-top: 0px;
		margin-top: 30px;
		font-weight: bold;
		color: var(--col0);
		text-transform: uppercase;
		border-top: 1px solid rgba(0,0,0,0.2);
		padding-top: 15px;
	}
	.block-promo ul.promo-discounts{
		border-bottom: 1px solid rgba(0,0,0,0.2);
		padding-bottom: 15px;
		margin-bottom: 30px !important;
	}
	.block-promo ul.promo-discounts li:last-child{margin-bottom: 0;}
	.block-promo ul.promo-discounts li .code{cursor: pointer;}
	.block-promo ul.promo-discounts li .code:hover{text-decoration: underline;}

/*  --------------- CHECKOUT PAGE ---------------  */
	.card{margin-bottom: 0 !important; padding: 0;}
	body#checkout section.checkout-step{padding: 0;}
	body#checkout section.checkout-step .step-title{
		padding: 20px;
		background-color: var(--col0);
		color: var(--col6);
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		font-family: inherit;
	}
	body#checkout section.checkout-step.-reachable.-current .step-number{
		background-color: var(--col6);
		color: var(--col0);
		font-weight: bold;
	}
	body#checkout section.checkout-step.-complete .step-title{padding: 15px !important;}
	body#checkout section.checkout-step.-complete .step-edit{margin-left: auto; font-size: 0;}
	body#checkout section.checkout-step.-complete .step-edit *{color: var(--col6);}
	select.form-control:not([size]):not([multiple]){height: auto;}
	.nav-link{
		font-weight: inherit;
		padding: 15px 20px 15px 50px;
		border: 1px solid var(--col0);
		position: relative;
		color: var(--col0);
		display: inline-block !important;
		background-color: var(--col6);
	}
	.nav-link.active {
		border-color: var(--col0);
		color: var(--col0) !important;
	}
	.nav-link::after {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 15px;
		margin-top: -10px;
		border-radius: 100%;
		border: 1px solid var(--col0);
	}
	.nav-link.active::before {
		content: "";
		width: 12px;
		height: 12px;
		background-color: var(--col1);
		position: absolute;
		top: 50%;
		left: 19px;
		margin-top: -6px;
		border-radius: 100%;
		z-index: 1;
	}
	#customer-form > *,
	#login-form > *,
	.js-address-form section,
	.js-address-form > div{
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-content: flex-start;
	}
	#customer-form > * > .form-group,
	form .field-password-policy,
	#login-form > * > .form-group,
	.js-address-form .form-group{
		width: 50%;
		padding: 15px;
		margin: 0;
	}
	body#checkout section.checkout-step .content{padding: 30px;}
	#checkout-personal-information-step ul.nav{padding: 15px; margin: 0 !important;}
	body#checkout section.checkout-step #customer-form,
	body#checkout section.checkout-step #delivery-address,
	body#checkout section.checkout-step #invoice-address,
	body#checkout section.checkout-step #login-form {
		margin: 0 !important;
	}
	.firstname:not(.has-error) .form-control-comment,
	.lastname:not(.has-error) .form-control-comment,
	.birthday:not(.has-error) .form-control-comment,
	#customer-form > div > p.form-informations{display: none;}

	.form-group.has-error input,
	.form-group.has-error select{
		box-shadow: 0 0 3px #dc2626;
		outline: none;
		border-color: #dc2626;
	}
	.form-control-label{padding: 0;}
	.form-group.password input{padding-right: 50px;}
	input + .input-group-btn > .btn[data-action="show-password"]{
		padding: 0 !important;
		background-color: transparent;
		z-index: 5;
	}
	input + .input-group-btn > .btn[data-action="show-password"]:after{
		font-family: "FontAwesome";
		font-size: var(--fs7);
		background-color: transparent;
		padding: 10px;
		position: absolute;
		right: 0;
		height: 100%;
		aspect-ratio: 1/1;
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--col0);
	}
	input[type="text"] + .input-group-btn > .btn[data-action="show-password"]:after{content: "\f070";}
	input[type="password"] + .input-group-btn > .btn[data-action="show-password"]:after{content: "\f06e";}
	.form-control{background-color: inherit; color: inherit;}
	.form-group.newsletter > label, .form-group.newsletter em{display: none;}
	.form-group.newsletter{width: 100% !important; padding-bottom: 0 !important;} 
	.form-group.psgdpr{width: 100% !important; padding-top: 0 !important;}
	[type="checkbox"], [type="radio"]{width: auto; margin-right: 5px;}
	.custom-checkbox input[type="checkbox"]{margin: 0; z-index: 2; left: 0;}
	.custom-checkbox input[type="checkbox"] + span {
		margin-right: 3px;
		display: inline-block;
		width: 15px;
		height: 15px;
		vertical-align: sub;
		cursor: pointer;
		border: 1px solid var(--col0);
		position: relative;
	}
	.custom-checkbox span i{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		font-size: 12px !important;
	}
	.custom-checkbox input[type="checkbox"]:focus + span, .custom-radio input[type="radio"]:focus + span{border-color: inherit;}
	.custom-checkbox input[type="checkbox"] + span .checkbox-checked{
		color: var(--col6);
		line-height: 1;
		margin: 0;
	}
	.custom-checkbox input[type="checkbox"]:checked + span{
		border-color: var(--col1);
		background-color: var(--col1);
	}
	.form-control-comment{padding: 0;}
	.form-group.psgdpr > label{display: none;}
	.form-group{margin-bottom: 0;}
	#login-form .forgot-password{
		width: 100% !important;
		margin: 0 !important;
		padding: 15px;
		text-align: center;
	}
	body#checkout .card-block.cart-summary-totals{background-color: var(--col0); padding: 20px 30px; order: 99;}
	body#checkout .card-block.cart-summary-totals *{color: var(--col6);}
	body#checkout .card-block.cart-summary-totals > div{padding: 0;}
	body#checkout .card-block.cart-summary-totals > div:not(:last-child){margin-bottom: 5px;}
	#js-checkout-summary .card-block{padding: 0px;}
	#js-checkout-summary > .card-block{padding: 30px;}
	.js-show-details{text-decoration: underline; color: var(--col1) !important;}
	#cart-summary-product-list li{
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--col5);
		list-style: none;
	}
	body#checkout #cart-summary-product-list img{border: none; width: 100%;}
	#cart-summary-product-list .product-price{color: var(--col0);}
	#cart-summary-product-list .product-quantity{opacity: 0.7;}
	body#checkout .-unreachable{display: none;}
	body#checkout section#content{margin-bottom: 0;}
	body#checkout #footer{padding: 0; background: inherit;}
	body#checkout{background-color: var(--col5);}
	.password-strength-feedback{display: none !important;}
	body#checkout .form-group.alias{display: none;}
	body#checkout .js-address-form .form-group.row{width: 100% !important;}
	body#checkout .js-address-form .form-group.row .col-md-9{float: none; width: 100%; padding: 0;}
	body#checkout .js-address-form .radio-block{width: 100%; display: flex;}
	body#checkout section.checkout-step .address-alias{display: none;}
	body#checkout section.checkout-step .address{margin-left: 5px;}
	body#checkout section.checkout-step .address-item{background-color: transparent; border: 1px solid var(--col0);}
	body#checkout section.checkout-step .address-item.selected{border: 1px solid var(--col1);}
	body#checkout section.checkout-step .address-footer{background-color: var(--col0); padding-block: 10px !important;}
	body#checkout section.checkout-step .address-item.selected .address-footer{background-color: var(--col1);}
	body#checkout section.checkout-step .address-footer *{color: var(--col6) !important;}
	body#checkout section.checkout-step .delete-address .delete, 
	body#checkout section.checkout-step .delete-address .edit, 
	body#checkout section.checkout-step .edit-address .delete, 
	body#checkout section.checkout-step .edit-address .edit{vertical-align: sub; margin-right: 5px;}

	body#checkout section.checkout-step .delivery-options > .delivery-option{
		background-color: var(--col5);
		border: 1px solid transparent;
		margin: 0 0 10px 0;
	}
	body#checkout section.checkout-step .delivery-options *{cursor: pointer;}
	body#checkout section.checkout-step .delivery-options .carrier-price{font-weight: bold;}
	body#checkout #order-summary-content .summary-selected-carrier .logo-container img, 
	body#checkout section.checkout-step .delivery-options .delivery-option img{mix-blend-mode: multiply;}
	.payment-options .js-additional-information{display: none !important;}
	body#checkout section.checkout-step .payment-options .payment-option img{display: none;}
	body#checkout .js-address-form > form > p:first-child{display: none;}
	p.add-address{margin-bottom: 0;}
	#conditions-to-approve li{list-style: none;}
	body#checkout section.checkout-step .form-footer{text-align: left;}


	body#order-confirmation h1{font-size: var(--fs1);}
	body#order-confirmation h1 i{
		background: var(--col1);
		color: var(--col6);
		border-radius: 50%;
		width: 65px;
		height: 65px;
		font-size: var(--fs2);
		line-height: 65px;
		vertical-align: top;
	}
	body#order-confirmation h2{
		font-size: var(--fs3);
		line-height: 1;
		margin-bottom: 20px;
	}
	body#checkout #js-checkout-summary{display: flex; flex-direction: column; background-color: var(--col6);}
	body#checkout #js-checkout-summary > .block-promo{padding-inline: 30px;}
	body#checkout .block-promo{margin-bottom: 0;}
	body#checkout .block-promo form > .f.cv{border: 1px solid var(--col0);}
	body#checkout .block-promo ul.promo-discounts{padding-bottom: 15px;}
	body#checkout .block-promo form{margin-bottom: 30px;}
	body#checkout .display-promo{display: none;}
	body#checkout #promo-code{display: block;}
	body#checkout a:hover{color: var(--col1);}

/*  --------------- CUSTOMER PAGE ---------------  */
	body#authentication, 
	body#registration,
	body#identity,
	body#password{background-color: var(--col5);}
	body#authentication footer#footer,
	body#registration footer#footer,
	body#password footer#footer{display: none !important;}
	body#authentication footer.page-footer,
	body#registration footer.page-footer,
	body#address footer.page-footer,
	body#identity footer.page-footer,
	body#module-psgdpr-gdpr footer.page-footer,
	body#password footer.page-footer{text-align: center; margin-top: 10px !important; padding-bottom: 100px !important;}
	body#authentication #content,
	body#registration #content,
	body#identity #content,
	body#password #content{
		background-color: var(--col6);
		max-width: 700px;
		margin: 0 auto;
		padding: 60px !important;
	}
	body#address #content{max-width: 1000px;}
	.send-renew-password-link{padding: 0; margin-bottom: 20px !important;}
	.forgotten-password .form-fields .center-email-fields{display: block;}
	.page-customer-account #content .center-email-fields > *{
		float: none;
		width: 100%;
		margin: 5px 0;
		height: auto;
	}
	.page-customer-account #content .center-email-fields > label{text-align: left;}
	.page-my-account #content .links a span.link-item {
		font-weight: 600;
		background-color: var(--col5);
		padding: 30px;
	}
	.page-my-account #content .links a:hover span.link-item{background-color: var(--col1);}
	.page-my-account #content .links a:hover *{color: var(--col6) !important;}
	.page-addresses .address{background-color: var(--col5);}
	body#module-psgdpr-gdpr h2{font-size: var(--fs4);}
	.page-customer-account #content .order-actions a{
		padding: 5px 10px;
		background: var(--col0);
		margin: 3px;
		color: var(--col6);
		display: inline-block;
	}
	body#authentication footer.form-footer button,
	body#registration footer.form-footer button{width: 100%;}
	.page-my-account #content .links a i{height: auto; padding-bottom: 10px;}
	.page-order-detail .box{width: 100%; max-width: 1200px; margin-inline: auto;}
	.page-order-detail:has(.opinar) #content > *:not(#order-infos),
	.page-order-detail:has(.opinar) .padre > .f > .box{display: none;}

/*  --------------- FILTRO --------------- */
	.block-categories{padding: 30px; background-color: var(--col5);}
	.block-categories li{list-style: none;}
	.block-categories li[data-depth="0"] .category-sub-menu{margin-top: 0; margin-bottom: 10px; margin-left: 10px;}
	.block-categories .category-top-menu{margin-bottom: 0;}
	.block-categories .category-sub-menu li[data-depth="1"]{margin-bottom: 0; margin-top: 5px;}
	.block-categories .category-sub-menu .category-sub-link{font-size: var(--fs7);}
	.block-categories .category-sub-menu a:hover{color: var(--col1);}

	#search_filters{padding: 0;}
	#search_filters > p{display: none;}
	#search_filters .h6, .block-categories .h6{font-size: var(--fs4) !important;}
	#search_filters ul li{list-style: none;}
	#search_filters .facet-title{margin-bottom: 10px;}
	#search_filters .facet .facet-label a{margin-top: 0;}

	#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{top: auto;}
	.custom-checkbox input[type="checkbox"] + span.color, .variant-links .color, label .color{border: none; margin: 0; width: 15px; height: 15px;}
	.facet-label:hover .custom-checkbox span.color{border: none;}
	.facet-label.active .custom-checkbox span.color{
		border: 1px solid var(--col0);
		box-shadow: 0 0 0 3px var(--col6) inset;

	}
	.facet-label.active a{font-weight: bold;}
	#search_filters .facet .facet-label{display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}

	#search_filters .ui-slider .ui-slider-handle{
		border: none;
		background-color: var(--col0);
		width: 20px;
		height: auto;
		aspect-ratio: 1/1;
		border-radius: 50%;
		top: 50%;
		transform: translateY(-50%);
	}
	#search_filters .ui-slider .ui-slider-handle:last-child{transform: translateY(-50%) translateX(-90%);}
	#search_filters .ui-widget-header{
		background-color: var(--col1);
		border-radius: 0;
	}
	#search_filters .ui-widget-content{border: none; background: var(--col5); border-radius: 0;}
	#search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet{padding-top: 20px;}

	.active_filters{background: transparent; padding: 0; margin-top: 10px; display: flex; align-items: center;}
	.active_filters ul{display: flex; gap: 10px; margin: 0;}
	.active_filters .active-filter-title{font-weight: inherit; color: var(--col0);}
	.active_filters .filter-block{
		background-color: var(--col5);
		padding: 8px 12px;
		position: relative;
		margin: 0;
	}
	.active_filters .filter-block a{
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(30%,-30%);
	}
	.active_filters .filter-block a i{
		margin: 0 !important;
		height: auto;
		width: 15px;
		text-align: center;
		aspect-ratio: 1/1;
		border-radius: 50%;
		background-color: var(--col0);
		color: var(--col6) !important;
		text-shadow: none;
		font-size: 11px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.active_filters .filter-block a:hover i{background-color: var(--col1);}
	body#category:has(#content-wrapper.hidden-sm-down) header#header, 
	body#category:has(#content-wrapper.hidden-sm-down) .pageheader{display: none;}
	#search_filters_wrapper{margin-inline: 0 !important;}
	#search_filter_controls span.ok{
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 16px;
		background-color: var(--col5);
		aspect-ratio: 1/1;
		display: block;
		width: 30px;
		height: auto;
		border-radius: 50%;
	}
	@media screen and (max-width: 1000px) 
	{
		#search_filters .facet ul li{
			padding: 0 !important;
			border: none !important;
		}
		#category #left-column #search_filters .facet .h6{
			padding: inherit;
			color: inherit;
			text-transform: inherit;
			font-size: inherit;
			margin-bottom: 10px;
		}
		#category #left-column #search_filters .facet{border: none; margin-bottom: 30px;}
		#category #left-column #search_filters{border-top: none;}
		#category #left-column #search_filters .facet .collapse{display: block !important;}
		#category #left-column #search_filters .facet .navbar-toggler{display: none !important;}
	}
	
/*  --------------- LOYALTY ---------------  */
	#loyalty{
		font-size: 14px;
		padding: 15px;
		text-align: left;
		margin-top: 10px;
		background-color: var(--col5);
	}
	#loyalty .card-block{
		padding: 0;
		align-content: center;
		align-items: center;
	}
	#loyalty .ws_points{margin-bottom: 0;}
	.loyalty_wrapp{margin-left: 5px;}
	#discounts_cards_menu li{list-style: none;}
	body#cart #referralbyphone{
		background-color: var(--col1);
		padding: 15px;
		margin-top: 10px;
		color: white;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		gap: 5px;
	}
	.loyalty-history__footer{display: flex; gap: 5px;}

/*  --------------- REVIEWS --------------- */
	#post-product-comment-form *{text-align: left;}
	#post-product-comment-form button{max-width: fit-content;}
	#post-product-comment-modal #criterions_list li{list-style: none;}
	#post-product-comment-modal .criterion-rating label{display: block;}
	#post-product-comment-modal .criterion-rating{display: block;}
	#post-product-comment-modal .star-content{margin-left: 0;}

	#product-comments-list-footer{min-height: 0;}
	#post-product-comment-modal .criterion-rating label{color: inherit; font-size: inherit; font-weight: inherit;}

	#product-comments-list-pagination{
		position: static;
		top: auto;
		right: auto;
		height: auto;
	}
	#product-comments-list-pagination ul li{list-style: none;}
	#product-comments-list-pagination ul li span{
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: var(--col6);
		display: block;
		font-size: var(--fs7);
		font-weight: bold;
		margin: 0;
	}
	#product-comments-list-pagination ul li span.current{background-color: var(--col2); color: var(--col6);}
	#product-comments-list-pagination ul li span:not(.current):hover{background-color: var(--col1); color: var(--col6);}
	.opiniones .comments-note > span{display: none;}
	.opiniones .comments-note .grade-stars > div{margin-left: 0;}

	.product-comment-list-item .comment-content .h4{
		height: auto;
		font-weight: normal;
		font-size: var(--fs5);
		letter-spacing: 0;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.product-comment-list-item .comment-infos .grade-stars{margin-bottom: 10px;}
	.product-miniature .product-price-and-shipping{margin-top: 10px;}
	.product-miniature .product-list-reviews:not(:has(.star-on)){display: none !important;}
	.product-miniature .product-txt .product-list-reviews{
		position: relative;
		top: auto;
		justify-content: left;
		padding: 0;
		margin-top: 5px;
	}
	.product-miniature .comments-nb{display: none;}
	.product-miniature .star-content{margin: 0;}
	.product-comment-list-item .comment-content *{color: var(--col0);}
	.product-comment-list-item .comment-buttons a{opacity: 0.4;}
	.product-comment-list-item .comment-buttons a:hover{opacity: 1;}