@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');
/* ===================  NO BORRAR =============================== */
:root {
    --white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--light-brown: #BFA97C;
	--yellow-green: #C8CE9D;
	--light-gray: #eee;
	--green: #7EB829;
  --greenclar: #7EB829;
	--green2: #77a49e;
	--green3: #464735;
	--darkgreen: #80825e;
	--darkgray: #333;
	--midgray: #666;
	--cyan: #77A59F;
	--black: #000000;
	--primary: #E55472;
	--rosaclar: #EFB6C4;
	--vermell: #ea0729;
	--swiper-navigation-size:20px;
	--secondary: #2E9F8B;
	--secondary-light: #a9c9c3;
	--btn-nav-prev:#ccc;
	--btn-nav-next:#2E9F8B;
}
b, strong {
  font-weight: 500;
}
.fondorosa{background-color: var(--ltn__secondary-color); padding:30px;}
.borderosa{border:2px solid  var(--ltn__secondary-color); padding:30px;}
.fondorosa p,.fondorosa .title,.fondorosa a,.fondorosa h2{color:#fff;}
/* .fondorosa.icons img{filter: drop-shadow(0px 1000px 0 #fff);	transform: translateY(-1000px);} */

html, body{
	overflow-x: hidden !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #000;
	border-color: #000;
  }
.btn-primary.focus, .btn-primary:focus {
	color: #fff;
	background-color: #000;
	border-color: #000;
	box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);}
.showmobile {display: none;}
.fondorosa .ltn__feature-info,.fondorosa .ltn__feature-info p{color:#fff !important; line-height: 1.3em;}
.ample10 img{width:10%}
.ample20 img{width:20%}
.ample30 img{width:30%}
.ample40 img{width:40%}
.ample50 img{width:50%}
.ample60 img{width:60%}
.ample70 img{width:70%}
.ample80 img{width:80%}
.ample90 img{width:90%}
.mt-6 {margin-top: 3.3rem !important;}
body{ font-family: 'Montserrat', sans-serif;font-size: 18px;}
p{font-family: 'Montserrat', sans-serif;	font-size: 18px;color: #000;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{    font-family: 'Montserrat', sans-serif; font-weight: 700; color: #000;margin-bottom: 15px;
	font-weight: 600;  }
h1{font-size: clamp(28px,2.8vw,48px);     line-height: normal; margin-bottom: 15px!important;}
h1.small{font-size:11px}
h2, .h2 {	font-size: clamp(24px,2.5vw,40px);    line-height: normal;}
.titlel h1, .titlel h2, .titlel h3, .titlel h4, .titlel h5 {  font-size: clamp(22px,4vw,50px) !important;}
.btn-accordion {font-family: 'Montserrat', sans-serif;}
a {
	color:var(--darkgreen);
}
a:hover {
	color: var(--brown);
}
a, a:hover, button {
	transition: all 0.3s ease;
}
.lock-container{margin:0 auto!important;}
.col-25{	-ms-flex: 0 0 20%!important;	flex: 0 0 20%!important;	max-width: 20%!important; }
big{font-size: clamp(18px,2.5vw,26px);}
blockquote {  background: #eee;  padding: 30px;  text-align: center;  margin: 0;	 background-color: var(--light-gray);margin-bottom: 15px;}
blockquote p{margin-bottom: 0;}
.marker{background-color: var(--light-gray);}
.color-yellow {color: var(--yellow);}
.color-brown {color: var(--brown);}
.color-warm-gray {color: var(--warm-gray);}
.color-light-brown {color: var(--light-brown);}
.color-light-gray {color: var(--light-gray);}
.color-light-grey {color: var(--light-grey);}
.color-green {color: var(--primary);}
.color-cyan {color: var(--cyan);}
.fondoverde{background-color: var(--primary); margin-bottom:30px;}
.fondoverde p,.fondoverde h1,.fondoverde h2,.fondoverde h3,.fondoverde h4,.fondoverde li{color:#fff}
/* =========== BOTONS =========== */
.btn.btn-info{    background-color: var(--primary);    color: #fff;    height: auto;/*border: 2px solid var(--primary);*/ 	border-radius: 50px;}

.btn.btn-round, .btn.btn-brand {
	color: #fff;
	border-radius: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 40px;
    text-align: center;
    position: relative;
    z-index: 1;
	height: 48px;
    transition: all 200ms linear !important;
    letter-spacing: 0.2px;
    border: none;
	vertical-align: middle;
    user-select: none;
    line-height: 1.5;
	background-color: var(--ltn__secondary-color);
}
.white {
	background-color: var(--white)!important;
	color: var(--ltn__secondary-color)!important;
}
.btn.btn-round:hover, .btn.btn-brand:hover, .btn.btn-round:focus, .btn.btn-brand:focus, .white:hover, .white:focus, .btn.btn-info:focus, .btn.btn-info:hover, .btn.btn-info:focus{
	background-color: var(--ltn__primary-color)!important;
    color: var(--white)!important;
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
		color: var(--white) !important;
		background-color: #000 !important;
		box-shadow: 0 6px 15px 0 rgba(0, 0, 0,.2) !important;
}

.btn.gray{background-color: var(--darkgray)!important;border-color: var(--darkgray)!important;}
.btn.btn-danger:hover{background-color: var(--darkgray)!important;border-color: var(--darkgray)!important;}


.btn-effect-1 {overflow: hidden;}
.btn-effect-1:after {
    width: 100%!important;
    height: 100%!important;
    top: 48px!important;
    left: 0!important;
	opacity: 0;
	background: #ffffff;
}
.btn-effect-1:hover::after {
    width: 100%!important;
    top: 0!important;
	opacity: 1;
}

/* =========== UTILITATS =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}
.nopointer a{pointer-events: none;}
.right,.right > div{justify-content: flex-end}
.vcenter{align-items: center;display: flex;}
.nopadfoto >.row  > .foto{padding: 0;}
.nopadfoto img{width: 100%;}
img.round,.round img{border-radius: 50%;}
#contador {padding: 40px;margin-top: 0;}
#contador h3{font-size: 46px;text-align: center;margin-top: 30px;}
#contador p{color:#000;font-weight: 600;text-align: center;}
#contador h3:before{content:"+"}
#hits img{ transition: all .2s ease-in-out; transform: scale(0.8);}
.acordio .titolacordio{
  color: #000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
.margin-principal.extramargin {/*	margin-top: 200px !important; */ }
.foto15 img{max-width:15%;}
.foto25 img{max-width:25% }
.foto33 img{max-width:33%}
.foto50 img{max-width:50%}
.foto60 img{max-width:60%}
.foto75 img{max-width:75% }
.foto85 img{max-width:85%}
.foto100 img{max-width:100% }

/* ===================  MENU =============================== */
.breadcrumb ul li {	margin-top: 0;  }
.navigation-wrap .container {    width: 100%;    max-width: 1500px;}
.navigation-wrap .container.header-top{border-bottom: 1px solid var(--border-color-1);}
.breadcrumbcontainer{box-shadow: none;margin-bottom: 0;}
.navbar-brand {	/* height: 100%; */ height: 70px;  }
.extratop {background-color: #fff;}
.extratop a {color: var(--black);}
.extratop a:hover {color: var(--primary);}
.extratop .carrito {	margin-right: 0 !important;  }
.extratop .carrito > button{padding: 0 !important;}
.extratop .right > .row > div{width:auto;}
.extratop .btn-icon-transparent {margin: 0;
	height: 25px !important;
	padding: 0px 5px;
	color: #fff;
	outline: none;
  }
  .extratop .header-contact-serarch-column{align-items: center;	display: flex !important; justify-content: end;}
  .extratop ul.contact-details{text-align: left;	flex-direction: column;}
  .extratop ul.contact-details li{font-size: 13px;}
  .extratop .contact-details li{margin-top: 0;}
  .extratop .topitems{display: flex;	align-items: center;	justify-content: flex-end;  }
  .extratop .laberDisplaySearch{display: flex;	align-items: center;}
.link-carrito {	    margin: 20px;color: #000 !important;border: none;	position: relative; margin-right: 0 !important; }
.link-carrito.btn-icon-transparent:hover {
	color: var(--primary) !important;
  }
.link-carrito i { font-size: 30px; line-height: 30px; margin-top: 0; display: block; height: 30px; }
.link-carrito:after{ content: "Mis compras"; position: absolute; left: 0; bottom: -12px; text-transform: uppercase; font-size: 12px; line-height: normal; right: 0; margin: 0 auto; display:none;}
.topbar .link-carrito {	margin: 0px;}
#cant_carrito { top: unset; left: 0; right: 0; bottom: -2px; margin: 0 auto; /* background-color: var(--primary) !important; */ color: #000 !important; display: block !important; font-size: 10px; }
.menuuser0 .data {    padding-left: 10px;}
.menuuser0 .data .fa-user-o{font-size:30px;}
.menuuser0 li{   }

.laberDisplaySearch > div{display:flex;justify-content: flex-end;}
.header-search-2 {	min-width: 500px;	padding: 5px 0 !important;  }

.searchcont{}

.shopicons > div{display:flex; align-items: center;    justify-content: flex-end;}
.menuuser0{margin:0; padding: 0;}
.menuuser0 .dropdown-menu{top: 20px;}
.menuuser0 .nav-item > a{color:var(--primary)!important; font-weight: normal; text-transform: uppercase;    margin-top: 0px; margin-bottom: 0px; }
.menuuser0 .dropdown-menu .nav-item > a{color:var(--primary)!important; font-weight: normal; text-transform: uppercase;    margin-top: 0px; margin-bottom: 0px; height: auto;    padding-top: inherit!important;}
.menuuser0 .nav-item > a:hover{color:var(--primary)!important;}
.menuuser0 .nav-item > a:hover:before{display:none;}
.menuuser0 .nav-item .dropdown-menu{    min-width: unset;}
.menuuser0 .nav-item .dropdown-menu a,.menuuser0 .nav-item .dropdown-menu button{ font-size:12px;width: 100%;}


.header-top-inner > .row{display: glex; flex-wrap: wrap; align-items: center;}
.social-icons li a {  color: #000;}
.navbar-brand {/*margin: 20px 0; height: 100px;*/}
#navbarSupportedContent ul li.nav-item > a span { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; color: var(--ltn__body-color); font-size: 14px; font-weight: 500; line-height: 30px; text-transform: uppercase; }
#navbarSupportedContent .private{
  display: none!important;
}
.logged #navbarSupportedContent .private{
  display: block!important;
}
.navbar-expand-lg .navbar-collapse{width: 100%;}
.nav-item.dropdown a::after {color: var(--ltn__body-color);font-weight: initial;	font-size: 14px;}
.nav-item.dropdown a.destacat::after {color:var(--primary);}
.cbp-af-header.header-transparent,.cbp-af-header.header-transparent.cbp-af-header-shrink {	background-color: #fff;  }
.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 50px;}
.navigation-wrap {border-bottom: 0 !important;}
.main-navigation .dropdown-menu {	padding: 15px 0 20px 0!important;	top: 100%;	background: #fff; 	margin-top: 0 !important; 	min-width: 350px;left: -30%;	border-top: none;height: auto !important;}
.main-navigation .dropdown-item.active,.main-navigation .dropdown-item.active:focus, .dropdown-item.active:hover {		background-color: transparent; }
.main-navigation .dropdown-item.active,.main-navigation .dropdown-item.active:focus,.main-navigation .dropdown-item.active:hover {	background-color: transparent;}
.dropdown-menu::before {    top: -20px; height: 20px !important;}
.main-navigation .dropdown-menu .nav-link {margin: 0 0px !important;}
.main-navigation .dropdown-menu ul.sub{padding: 15px 0!important;}
.main-navigation .nav-link.destacat {background-color: #fff;     border-radius: 3px;    padding: 0 10px!important;}
.main-navigation .nav-link.destacat .data{color:var(--primary)!important; }
.main-navigation .dropdown-menu .nav-item{padding: 5px 15px!important;}
.main-navigation .dropdown-menu .nav-item .nav-link{color: var(--primary)!important; }
.cbp-af-header.cbp-af-header-shrink .dropdown-menu {margin-top: 0 !important;}
.main-navigation .dropdown-menu .nav-item:hover{background-color: #fff;}
.main-navigation .dropdown-menu .nav-item:hover .nav-link .data{color:var(--primary)!important;}

.main-navigation .nav-item:hover .data{/*color:var(--darkgray)!important;*/}

.main-navigation .nav-link .data{transition: color 0.3s linear;}

.main-navigation .dropdown-menu .dropdown-item::after {padding: 10px 1px;}
.main-navigation .dropdown-menu .navbar-light .navbar-nav .nav-link {color: var(--light-brown); transition: all 0.3s ease;}
.main-navigation .dropdown-menu .dropdown-item:hover {color: var(--brown) !important;}
.main-navigation .dropdown-menu .dropdown-item.active {color: var(--black) !important;}
.main-navigation ul li.nav-item ul li.nav-item { margin: inherit; padding: 5px 0; font-size: 16px; }
.main-navigation ul li.nav-item ul li.nav-item:last-child {padding-bottom:0;}
.main-navigation .searchcont {    display: flex;    align-items: flex-end;}
.main-navigation .show-search {margin: 10px;}
.icon.show-search{display:none;}
.form-control.search{/*border:none; border-radius:0;*/height: 30px; margin-bottom: 0px;height: 40px; display: block; line-height: 47px;padding: 0 0 0 20px;}
.search-form .icon-input{border:none; padding: 0;height: 100%;	width: 50px;	text-align: center;color: var(--primary);	font-size: 20px;}
.search-form{margin-bottom:0;}
.searchcont .searchform{display: block!important;}
.navbar-light .navbar-nav .nav-link {  color: rgb(0, 0, 1);}
.navbar-light .navbar-nav .nav-link.active .data {color: var(--primary)!important;}
.main-navigation ul.navbar-nav{margin-left: -20px;    width: 100%;    justify-content:center}
.main-navigation ul li.nav-item {  /*margin: 5px 10px 5px 10px;*/	margin: 0px 10px;}
.main-navigation ul li .nav-link.featured{background-color: var(--primary); color:#fff;padding: 0 15px !important;}
.main-navigation ul li .nav-link.featured span{color:#fff !important;}
.cbp-af-header.cbp-af-header-shrink .nav-item {	margin: 0px 10px!important;}
.margin-principal {	/*margin-top: 236px !important;*/	margin-bottom: 0;  }

/*Contenidors*/
.fondogris {background: var(--light-gray);}
.fondoprimary {background: var(--darkgreen);}
.fondogreen2 {background: var(--green2);}
.fondogreen h2 {font-size: clamp(20px,2.8vw,35px)}
.fondogreen h2 a {color: var(--white);}
.fondogreen h2 a:hover {color: var(--yellow);}
.fondogreen2 a{color:#fff;}
.fondogreen2 p{margin-bottom: 0;font-size: clamp(30px,2.5vw,40px);line-height: clamp(40px,3vw,45px);}

/*SLIDER*/
.sliderbanner .portfolio-thumb{width: 100%;}
.caption {pointer-events: all !important;max-width: 58%;}
.swiper-button-prev, .swiper-button-next {	top: 45% !important;  }
.swiper-button-next:hover, .swiper-button-prev:hover {	color: var(--primary);  }
.ImageSlider img{width: 100%;}
#slider .blackbox {	background: #000;    width: auto;    display: block;    position: absolute;    z-index: 2000;    right: 15px;    bottom: 15%;}
#slider .blackbox p {padding: 20px; margin: 0; font-size: 22px; font-weight: 600;}
#slider .blackbox a {color: var(--white);}
#slider .blackbox a:hover {color: var(--yellow);}
.sliderbanner2 {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: center;width: 100%;}
#slider .sliderbanner2.caption {  /*padding: 8% 8% 0 !important;*/	bottom:unset!important;  top: 0;}
.sliderbanner2.mt-l{margin-top: 12.5%;}
.sliderbanner2.center .caption h1, .sliderbanner2.center .caption h2, .sliderbanner2.center .caption h3, .sliderbanner2.center .caption h4, .sliderbanner2.center .caption h5 {  text-align: center;}
.sliderbanner2 h1 {  font-weight: 800;  width: 100%!important;  margin: 0 auto; line-height: 1.1em;}
h1.titleslider {    font-weight: 800;    width: 75%;    margin: 0 auto;    font-size: clamp(30px,3.5vw,80px);	line-height: 1.1em;}
.caption .projectebotservei a {    background: #000;    border: 1px solid #000;    text-transform: initial;    padding: 15px 35px;	font-weight: 600;}
.swiper-button-next,.swiper-button-prev{color: var(--primary);}
.swiper-button-next:focus, .swiper-button-prev:focus{border: 2px solid;}
/*Banners*/
.individualbanner1 {  display: flex;  align-items: center;  flex-wrap: wrap;}
.individualbanner1 figure{width: 100%;}
.individualbanner1 .caption{position:relative; width: 100%;}
.individualbanner1 .caption h3 a{color:#666; text-align: center;}
.individualbanner1 .caption .details{display:none;}
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {font-family: 'Montserrat', sans-serif;font-size: 20px;margin-bottom: 25px;}
.individualbanner1 h2 {    position: absolute;    text-align: center;    padding: 15px;    width: 93%;    color: #FFFFFF;    margin: 5% 0 0 0;
    z-index: 1;    font-size: clamp(20px,2vw,54px);	transition: all 0.3s linear;}
.individualbanner1 h2 a {color: #FFFFFF;}
.individualbanner1:hover h2, .individualbanner1:hover h2 a {transform: translateY(-15px);color: var(--yellow);}
.individualbanner1 .portfolio-thumb img { transition: all 0.3s linear;}
.individualbanner1:hover .portfolio-thumb img {filter: brightness(70%);}

.individualbanner2 { display: block;}
.individualbanner2 .caption{ position: inherit; padding: 0!important; pointer-events: auto;}
.individualbanner2 .caption p { font-size: 16px; line-height: normal; color: #000; font-weight: normal; font-family: 'Montserrat', sans-serif}
.individualbanner2 .caption h1,.individualbanner2 .caption h2,.individualbanner2 .caption h3,.individualbanner2 .caption h4,.individualbanner2 .caption h5,.individualbanner2 .caption h6 {  font-size: 23px;  margin-bottom: 0px;  font-weight: bold;  font-family: 'Montserrat', sans-serif;}
.individualbanner2 .caption a { color: #000;}
.individualbanner2 .caption div { text-align: inherit;}
/*Breadcrumb*/
.breadcrumbcontainer { /*	top: 200px;*/top: unset;	position: relative;}
.has-sticky-header .breadcrumbcontainer {    top: 110px;    background: #f9f9f9;}
.breadcrumb {display: inline-flex; margin-bottom: 0!important; }
.breadcrumb a{color: #000;}
/*Llistats de productes i categories*/
article.item .block-ellipsis label{font-weight: 500; margin-bottom:0; color: #666; font-size: clamp(12px,1.2vw,16px);}
article.item .block-ellipsis label.form-check-label{font-weight: normal;}
.codecolor{background: red;
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;}
.item .codecolor { width: 20px; height: 20px; box-shadow: 0 0 0 2px white; box-sizing: content-box; border: 1px solid #000; }
.intcolor,.inttalla{display:flex;}
.codecolor{/*display:none;*/ margin-right: 5px;}
.groupcolor,.grouptalla{display:flex; justify-content: center;}
#contentfitxa .groupcolor,#contentfitxa .grouptalla{justify-content: flex-start;}
#contentfitxa .groupcolor label,#contentfitxa .grouptalla label{ padding-left:0;}
.groupcolor > label,.grouptalla > label{/*width: 35%;*/padding: 0 5px 0 10px;}
.groupcolor .intcolor,.grouptalla .inttalla{/*width: 65%;*/padding: 0 10px 0 5px;}

#js-product-list{padding:0!important;}
#productos .product-list .preu{flex-direction: column;}
#productos .product-list .preu > div{flex: 0 0 100%;	max-width: 100%; width: 100%;}
.product-list .item .preu .availability {margin-bottom: 5px; padding: unset !important; text-align: left;}
.product-list .label_stock { color: #fff; padding: 3px 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; width: max-content; margin-left: 15px; margin-top: 10px; text-transform: capitalize;}
.product-list .formatUnits .label_stock { color: #fff; padding: 3px 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; width: max-content; margin-left: 0; margin-top: 10px; text-transform: capitalize;}
.product-list .label_stock.bottom{position:relative;left: 0; border-radius: 5px;}
.product-list .label_stock.disponible {background-color: var(--darkgreen) !important;}
.product-list .label_stock.semi-disponible {background-color: orange !important;}
.product-list .label_stock.agotado { background-color: var(--vermell) !important; position: absolute; top: 0; left: 15px; }
.product-list .item .availability2{text-align: left;}
.product-list .item{flex-direction: column;}
.product-list .item .preu > div{flex: 0 0 100%;	max-width: 100%;margin: 0; padding: 0 15px !important;}
.product-list .item .preu label{text-align: left;/*color: var(--primary);*/	font-weight: 500;margin-right: 5px !important;}
.product-list .item .groupcolor{ padding: 0px 0 5px; justify-content: start; align-items: center;}
.product-list .item .groupcolor label{ padding: 0; color: #000;}
.product-list .item .groupcolor .intcolor{ padding: 0; margin-left: 5px; font-size: 12px;}
.product-list .item .groupcolor .intcolor .Color{color: #000; font-size: 12px;}
.product-list .item .preu .formatUnits{}
.product-list .item .preu .formatUnits .intformat{padding: 5px;}
.product-list .item .preu .formatUnits .intformat .options{color: #000;}
.product-list .item .preu .formatUnits .intformat label{color: #000;}
.product-list .item .custom-control-input:checked + .custom-control-label {  font-weight: bold;}
.product-list .item .preu .unitmeasure{padding: 5px 10px !important; max-width: 100%; width: 100%; 	}
.product-list .item .preu .unitmeasure  .quantity_wanted{border-top: 1px solid #ddd; padding: 5px;}
.product-list .item .preu .formatUnits .unitmeasure{padding: 5px !important; max-width: 100%; width: 100%; border-top: 1px solid #ddd;}
.product-list .item .preu .formatUnits .unitmeasure .quantity_wanted{border: 0; padding: 0;}
.totalQtyContainer{display: flex;  justify-content: end;  font-size: 12px;  margin-right: 45px;  margin-top: 5px;  color: #111;  font-weight: 500;max-width: 250px;}
.item .totalQtyContainer{max-width: 100%;}

.totalQty{margin-right: 3px;}
.product-list .item .preu .unitmeasure .quantity_wanted{}
.product-list .item .preu .unitmeasure .quantity_wanted label{padding: 0; color: #000; width:100%;}
.product-list .item .preu .unitmeasure .quantity_wanted .quantitat{justify-content: end; position: relative;}
.product-list .item .price-container{display: flex; justify-content: space-between; margin-top: 15px; flex-direction: row; width: 100%; position: relative;}
.product-list .item .preu.row > .price-container{padding: 0 10px !important;}
.product-list .item .unitprice{display: inline-flex; align-items: start; flex-direction: column; max-width: 50% !important; padding:0 0 0 5px !important; flex: 0 0 50% !important;}
.product-list .item .unitprice label{color: #000; margin-right: 0; font-size: 14px; line-height: normal; text-align: left; margin-right: 0 !important;}
.product-list .item .unitprice .Precio{font-size: 16px; color: var(--primary); font-weight: 600;}
.product-list .item .totalBuy{display: inline-flex; align-items: end; flex-direction: column; max-width: 50% !important; padding: 0 5px 0 0 !important; flex: 0 0 50% !important; margin-top: 0 !important;}
.product-list .item .totalBuy .ptotal{text-align: end;}
.product-list .item .totalBuy .tit{ color: #000; text-align: end; font-size: 14px; line-height: normal;}
.product-list .item .totalBuy .precioTotal{font-size: 16px; text-align: end; color: var(--primary);}
.product-list .item .quantity_wanted { display: inline-flex; align-items: center; max-width: 100%; /* flex-direction: column; */ width: 100%; justify-content: space-between; }
.lotenumber{font-size: 12px;}

.product-list .item .totalBuy.hidden {display: none !important;}
.product-list .item .totalBuy .ptotal h4{ font-weight: 500; color: #666666 !important;}
.product-list .item .addtocart .comprarbut { margin-top: 15px !important; font-size: 14px; display: flex; align-items: center; font-weight: 600; padding: 13px 30px !important; }
.product-list .item .block-ellipsis {display: inline;}
.product-list .block-ellipsis p{font-size: 14px;}
.product-list .block-ellipsis h3,.product-list .block-ellipsis h4{font-size: 14px!important; font-weight: normal;margin: 0 auto 0px!important;}
.product-list .item { margin-bottom: 50px!important;}
.Productos.lev-2 h1,.Productos.lev-1 h1{margin-bottom: 30px !important;}
.product-list .item{margin-bottom: 30px;}
.product-list .item .single-post-slide-wrap,
.product-list .item .single-post-slide-wrap{background-color: #fff; height: 100%;display: flex;	flex-direction: column;	justify-content: flex-start; }
.product-list .item:has(.addtocart.added) .single-post-slide-wrap{background-color: #edffed;}
.product-list .item .single-post-slide-wrap a {overflow: hidden; border: 1px solid #efefef;}
.product-list .item .single-post-slide-wrap .post-details a {border: none;}
.product-list .item .post-details{padding:15px; text-align: center;}
.product-list .item .post-content{}
.product-list .item .quantitat{font-size: 12px;}
.product-list .item .quantitat .btn{height: 35px;	border-radius: 0;	margin: 0;	width: 35px; font-size:12px;}
.product-list .item .quantitat .cantidad{height: 35px;	max-width: 50px;	font-size: 14px;min-width: 50px; padding: 0 !important;}

.product-list .item .post-details h3{ text-transform: lowercase;  text-align: left;}
.product-list .item .post-details h3::first-letter{ text-transform: uppercase; }
.product-list .item .productName{margin-bottom: 30px;font-size: 16px;  }

/* .form-control {height: calc(1.1em + .75rem + 2px)!important;} */

/* .product-list h3,.product-list .item-title { font-size: 18px; text-align: center;    line-height: normal;	padding: 0 15px 15px;    margin: 0 auto;	font-weight: 600;} */
.product-list h3,.product-list .item-title { font-size: 18px; text-align: center;    line-height: normal;	padding: 0 0 15px;    margin: 0 auto;	font-weight: 600;}
.product-list .block-ellipsis h3 {	font-size: clamp(18px,2.5vw,20px); margin:0 auto 10px; text-align: center; padding: 0;line-height: normal;}
.product-list .block-ellipsis h4 {	font-size: clamp(16px,2vw,18px); margin:0 auto; text-align: center;line-height: normal; }
.product-list h3,.product-list .item-title {color: var(--black);transition: all 0.3s linear;}
.product-list.products .item-title{font-weight: 600;}
.product-list .item img {transition: all 0.3s linear; background: linear-gradient(#fbfbfb,#f6f6f6); padding: 0px;}
.product-list .item:hover img {filter: brightness(90%); transform: scale(1.1); /*transform: translateY(-15px); box-shadow: 0 10px 10px rgba(0,0,0,0.3);*/}
.product-list .item:hover h3,.product-list .item:hover .item-title {color: var(--ltn__secondary-color);}
.product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
/*related*/
.swiper.product-list .swiper-slide{height: 100%;}
.swiper.product-list .swiper-slide .single-post-slide-wrap{height: 100%;}
.swiper-button-next:after, .swiper-button-prev:after {font-weight: 800;}
.swiper-button-next:active, .swiper-button-prev:active, .swiper-button-next:focus, .swiper-button-prev:focus{ background-color: #ffffff40; }


.laberProdCategory .product-list .item .single-post-slide-wrap > a {	float: left;	width: 41.66667%;  }
.laberProdCategory .product-list .item .single-post-slide-wrap .post-details{	float: left;	width: 58.33333%; text-align: left;display: flex; align-items: center; }
.laberProdCategory .product-list .item .single-post-slide-wrap .post-details .Precio{font-size: 18px;	font-weight: 500;}
.laberProdCategory .product-list .item .single-post-slide-wrap{flex-direction: initial;}
.laberProdCategory .product-list .item:hover img {	filter:none;	transform: none;	box-shadow:none;  }
.laberProdCategory .product-list .item {	margin-bottom: 22px !important;  }
.laberProdCategory .product-list .item .productName {	margin-bottom: 15px; font-size: 16px;  }
#index .laberColumn {margin-bottom: 0;}
.product-list .item h2{font-size: 14px;}

.filter .custom-select{font-size: 14px;	border-radius: 0;margin-bottom: 15px;}
.ltn__widget-title {	margin-bottom: 10px;}
.collapse.show {margin-bottom: 25px;}
.filter-buttons #cancelar{ margin-top: 15px !important; font-size: 14px !important; display: flex; align-items: center; width: 100%; }
.cat-fields .form-check{display: flex;	line-height: normal;margin: 5px 20px;}
.cat-filter-label label{font-size: 14px; padding: 0;}
.cat-filter-label input[type="checkbox"] {	margin-top: 2px; padding: 0; }
.cat-filter-label p,.cat-filter-label p a{font-weight: 600;}
.cat-filter-label > p:before{  width: 40px; margin-right: 10px;}
.cat-filter-label.id65 > p:before{content:url("/media/images/iconos/etiquetas-impresas.svg");}
.cat-filter-label.id91 > p:before{content:url("/media/images/iconos/etiquetas-impresas-pack.svg");}
.cat-filter-label.id63 > p:before{content:url("/media/images/iconos/etiquetas-alergenos.svg");}
.cat-filter-label.id62 > p:before{content:url("/media/images/iconos/etiquetas-genericas-cocina.svg");}
.cat-filter-label.id61 > p:before{content:url("/media/images/iconos/etiquetas-impresora-termica.svg");}
.cat-filter-label.id60 > p:before{content:url("/media/images/iconos/etiquetas-escritura-manual.svg");}
.cat-filter-label.id84 > p:before{content:url("/media/images/iconos/etiquetas-seguridad-takeaway.svg");}
.cat-filter-label > p{    display: flex;    align-items: center;}
.cat-filter-label > p { font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid var(--white-16); text-transform: capitalize; padding-bottom: 5px; font-weight: 500; }
.cat-filter-label{margin-bottom: 30px;}
.form-check + .cat-filter-label{margin-top: 30px;	margin-bottom: 0;}
.cat-fields{margin-top:15px;}
.cat-fields > .form-check .form-check-label{font-size: 14px;    padding: 0;}
.cat-fields > .form-check input[type="checkbox"] {    margin-top: 0;    padding: 0;}
.cat-fields > .form-check{margin-top:30px;}
#search_filters .form-check{display: inline-block;    margin-right: 15px;}
#search_filters .filter-field[data-idtype="3"] .form-check-label {    padding-left: 0px;line-height: 24px;}
/* Estilos generales del botón */
.filter-field[data-idtype="3"] .form-check { display: inline-block; position: relative; margin-right: 10px;    padding-left: 0;margin-bottom: 0; }
  .filter-field[data-idtype="3"] input[type="radio"]{display:none;}
  .filter-field[data-idtype="3"] .form-check-label { background-color: #fff; color: #000; border-color: #4CAF50; border: 2px solid var(--primary); border-radius: 15px; padding: 6px 12px!important; }

  /* Estilos cuando el botón está encendido */
  .filter-field[data-idtype="3"] .form-check-input:checked + .form-check-label { background-color: var(--primary); color: #fff; border-color: #4CAF50; border: 2px solid var(--primary); border-radius: 15px; padding: 6px 12px!important; }

  /* Estilos al pasar el ratón por encima del botón */
  .filter-field[data-idtype="3"] .form-check-label:hover {
	background-color: #ccc;
  }

  /* Estilos cuando el botón está deshabilitado */
  .filter-field[data-idtype="3"] .form-check-input:disabled + .form-check-label {
	background-color: #f7f7f7;
	color: #999;
	border-color: #ccc;
	cursor: not-allowed;
  }


.button-filter {border-radius: 15px; padding: 6px 12px;transition: all 0.3s ease; text-transform: lowercase; font-size: 12px;}
.button-filter::first-letter{text-transform: uppercase;}
.button-filter:hover {border: 2px solid var(--primary);}
.button-filter.active {background-color: var(--primary); border-color: var(--primary); color:#fff;}

#projectsList{justify-content: center;}
#projectsList .item{margin-bottom:30px;}
#projectsList .item .caption{width:100%; padding-top:5vw!important; text-align:center;bottom: 15px;}
#projectsList .item .caption h2{  /*text-shadow: 1px 1px 5px black;*/font-size: clamp(18px,3vw,35px);font-weight: 700;}


/*Fitxa producte*/
.Productos .margin-principal {margin-top: 230px !important;}
.Productos.lev-1 .margin-principal {margin-top: 250px !important;}
.Productos.fitxa h3 {font-weight: bold;    }
.Productos.fitxa h2, .Productos.fitxa h3{font-weight: normal;}
.Productos h1, .Productos.fitxa h2 {
    font-weight: 600;
    line-height: 1.2;
	position: relative;
    padding-bottom: 10px;
	text-align: center;
	margin-bottom: 15px;
}
.Productos.fitxa h1 {text-align: left;}
.Productos h1::before, .Productos.fitxa h2::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    background-color: var(--ltn__secondary-color);
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
}
.Productos.fitxa h1::before {left: 0; transform: translate(0);}

.Productos.fitxa p strong{}
.Productos.fitxa #fitxes .btn{height: 45px;}

.Productos.fitxa .borderosa { margin-top: 30px; padding: 20px; /* max-width: unset; */ /* flex: unset; */ width: fit-content; }
.Productos.fitxa .borderosa p{font-size: 14px; /* width: 75%; */ margin: auto; text-align: center;}
.Productos.fitxa .borderosa .d-flex{margin: 15px auto 0; width: 75%; justify-content: center; gap: 15px; padding: 10px; border: none; padding: 0;}
.Productos.fitxa .borderosa .btn.btn-brand{ font-size: 12px; padding: 10px 15px; align-items: center; display: inline-flex; width: fit-content; margin: 0 !important; height: 40px; }

.Productos .product-list, .Productos .filter {margin-bottom: 4em;}
.shop-details-info .addtocart .availability .label_stock { color: #fff; padding: 3px 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; width: max-content; margin-top: 10px; text-transform: capitalize;}
.shop-details-info .addtocart .availability .label_stock.disponible {background-color: var(--darkgreen) !important;}
.shop-details-info .addtocart .availability .label_stock.semi-disponible {background-color: orange  !important;}
.shop-details-info .addtocart .availability .label_stock.agotado {background-color: var(--vermell) !important;}

.popup-container {
	position: fixed;
    bottom: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    z-index: 100;
    max-width: calc(100% - 30px);
    width: 400px;
    left: 15px;
    margin-left: auto;
}
.buy-alert { max-width: 100%; width: 100%; text-align: center; padding: 10px 30px; margin-bottom: 1px; font-size: 16px; margin-bottom: 30px; }
.buy-alert p{ color: #000; margin-bottom: 0; font-size: 16px;}
.buy-alert .btn.btn-brand { padding: 5px 10px; display: inline-flex ; align-items: center; height: 30px; margin-left: 15px; font-size: 14px; }
.addcart-popup { /* margin: 0 auto; */ max-width: 100%; width: 100%; background: #2E9F8B; text-align: right; z-index: 10000; padding: 10px 30px; margin-bottom: 1px; }
.addcart-popup .row { flex-direction: column; text-align: center; }
.addcart-popup p { color: #fff; margin: 0; font-size: 14px; }
.addcart-popup-links {/* order: 10000; */max-width: 100%;width: 100%;background: #2E9F8B;text-align: center;z-index: 10000;padding: 10px 30px;margin-bottom: 1px;display: none;transition: all 0.3s ease-in-out;}
.popup-container.show .addcart-popup-links{display: block;}
.popup-container.show .addcart-popup-links > div{flex-wrap: wrap; row-gap: 10px;}
.addcart-popup-links .text-container { margin: 0;}
.addcart-popup-links .text-container p{font-size: 12px;color: #fff;margin: 0;text-align: right;line-height: normal; font-weight: 400;}
.addcart-popup-links .link-container { display: flex; flex-wrap: wrap; justify-content: end; gap: 5px; margin-left: auto;}
.addcart-popup-links .link-container a {background: #fff;padding: 5px 10px;margin: 0;color: #2E9F8B;font-weight: 600;font-size: 12px;display: block;}
.addcart-popup-links .link-container a:hover { background: #2E9F8B; padding: 5px 10px; margin: 0; color: #fff; font-weight: 600; }

#contentfitxa {    margin-top: clamp(20px,2.5vw,80px);}
#contentfitxa picture img {border: 1px solid #efefef; transition:all 0.3s linear;}
#contentfitxa .lightbox-trigger{overflow: hidden;}
#contentfitxa .lightbox-trigger:hover img{transform: scale(1.1);cursor: zoom-in;}
.lg-outer.lg-visible {  opacity: 1;  background: rgba(255,255,255,0.95);}
.lg-outer .lg-content {  bottom: 50px !important;}
#formfitxa {	position: relative;	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(239,210,117,1) 0%, rgba(243,243,243,1) 25%); padding: 30px;    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);    margin-top: 20px;    z-index: 10;	transition: all 0.5s ease;}
#formfitxa:after, #formfitxa:before {	bottom: 100%;	left: 30%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	    border-bottom-color: #EFD275;    border-width: 30px;    margin-left: -30px;}
#formfitxa .form-style {border-bottom: 1px solid #999999;border-radius: 3px;}
#formfitxa .form-style:focus {background: var(--light-gray);}
#formfitxa .form-input-item {min-height: 55px; align-items: baseline;}
#formfitxa textarea.form-control {margin-bottom: 10px;}
#formfitxa input[type="checkbox"] {margin-top: 0;}
#contentfitxa .details__footer  {margin-top:0;border-top: 0;}
#contentfitxa .gallery .item{padding: 0;}
/*Footer*/
#footer .fondogris p strong{ color: #000!important; margin-top: 5px;display: inline-block;}
#mailchimpform input{border: 0;border-bottom: 1px solid #000;border-radius: 0;}
#footer {background-color: var(--darkgray)!important; border-top: 1px solid #000;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, footer .h5, #footer .h6,
#footer a, footer p, footer p a {color: var(--primary);}
#footer p, #footer a, #footer input, #footer label  {font-size: 14px; color: var(--white-12); line-height: normal; }
#footer p{margin-bottom: 0;}
#footer  #footer a #footer p a:hover, #footer a:hover {color: var(--primary);}
#footer .bkcolor {background-color: var(--light-gray);}
#footer .bkcolor h4, #footer .bkcolor h5 {color: var(--black);}
#footer .svgimage {max-height: 150px;}
#footer .copyrow {border-top: 1px solid #000; padding-top: 20px;}
#footer big{color:#80825e!important;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 24px;line-height: 32px;}
#footer #mailchimpform {  padding: 0;}
#footer #mailchimpform form {  padding: 0 15px;}
#footer .fullwidth.bloc{padding-left: 15px;padding-right: 15px;margin-bottom: 0;}
#footer ul{margin-bottom: 0;}
#footer .sociallist li a{font-size: 25px;}
#footer .btn{height: 38px;}
#footer .linksucursales{font-weight: bold;font-size: 20px;display: block;margin-bottom: 15px;display: block;width: 100%;text-align: center;background: var(--darkgreen);padding: 15px;color: #fff;}
#footer p big {
	color: #fff!important;
	font-size: 16px;
	line-height: 1;
	text-transform: capitalize;
	padding-top: 12px;
	margin-bottom: 40px
  }
#footer .h3{
	color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;}
#footer p + .h3{margin-top:15px;}
#footer .h2{color:#fff}
#footer .vertical ul{display: flex;	flex-direction: column;	text-align: left;}
#footer .vertical .nav-item {	position: relative;	margin: 0;}
/*Contacte*/
#simpleForm .form-input-item{/*display: flex;*/}
#simpleForm .control-label{max-width: fit-content;}
#simpleForm .form-style {   border: 1px solid #ccc;	border-radius: 0;	margin-bottom: 15px;  }
form label#accept {  display: flex;  flex-wrap: wrap;margin-top: 10px;}
#acepto_condiciones, #acepto_comunicacion{margin-top:0;}
#footer a{text-decoration: underline;}
#footer .socket{    padding: 15px 0;    border-top: 1px solid rgba(255,255,255,0.2);    margin-top: 30px;}
#contacte  .contact-form-wrapper textarea{border: none;     background-color: var(--white-7);}
/*Especifc pàgines*/
#clientes .swiper {  mix-blend-mode: multiply;}

#fitxes .individualbanner2 .portfolio-thumb{margin: 0 auto;}
#fitxes .individualbanner2 .info p{font-size: clamp(14px,1.2vw,18px);line-height: normal;}
#projects .product-list .item {transition: all 0.3s linear; margin-bottom: 20px;}
#projects .product-list .item:hover {filter: brightness(80%)}
#index #projects .post-details {display: none;}
#clientes .swiper {margin-left: 2%;margin-right: 2%;}
#clientes .swiper-wrapper{align-items: center;}
#clientes .swiper-wrapper picture{display: flex;align-items: center;}
#clientes .row{align-items: center;}
#clientes .swiper-button-prev, #clientes .swiper-button-next {top: unset !important;bottom: unset;}
.nobutton .banner .btn{display:none;}
.greentext,.greentext p,.greentext h2,.greentext h3,.greentext h4,.greentext a{color:var(--green2);line-height: normal;}
.info.right p{text-align: left;}
.nopadfoto .info {padding: 15px 5vw;}
#parallax {
	/* background-image: url("../../../media/images/home/parallax.png");*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax .parallaxbox,.parallax .content {background-color:var(--primary); padding:clamp(30px,5vw,80px);width: 100%;max-width: 100%;top:unset; bottom:0;}
.parallax .content{max-width: 500px; position:relative;}
.parallax .content.left{right:unset;margin: unset;}
.parallax .content.right{left:unset;margin: unset;}
.parallax .content img.imago{max-width: 120px;}

.parallax .container{display:flex; align-items: center;}
.parallax {  height: clamp(450px,40vw,690px);display: flex;	align-items: center; position: relative; z-index:3;}

#parallax h2{font-size: clamp(30px,3.5vw,60px); color: var(--white); }
#parallax h3 {font-size: clamp(16px,3vw,22px); color: var(--white); font-weight: 400;  line-height: 1.2em;}
.parallax h2{ color: var(--white); }
.parallax h3 { color: var(--white); font-weight: 400;line-height: 1.2em;}
.parallax p, .parallax ul{ color: var(--white); }
.descobrir h2 {color: var(--black);}
.descobrir p {color: var(--black); font-size: 22px; line-height: 1.4;}
#mediambient h3{font-size: clamp(20px,2.5vw,30px);}
#acabados {border-top: 1px solid #000;}
#acabados p.title {    font-size: clamp(20px,3.5vw,30px);	margin-bottom: 0;}
#acabados .seleccion div {	display: flex;    align-items: center;}
#acabados .acabados {display: flex; margin-left: 2em;}
#acabados input[type="radio"] {	appearance: none;	margin: 0;	font: inherit;	width: 100px;	height: 100px;	border: 1px solid #333;	border-radius: 50%;	transition: 500ms transform ease-in-out;}
#acabados .form-check-label {margin-left: 10px;}
#acabados .form-check-inline {margin-right: 1.5em;}
#acabados input#acabados_32[type="radio"] {background-color: #FFF;}
#acabados input#acabados_33[type="radio"] {background-color: #000;}
#acabados input#acabados_51[type="radio"] {background-color: #CCC;}
#acabados input[type="radio"]:hover {border: 3px solid var(--primary);}
#acabados input[type="radio"] {  width: 60px!important;	height: 60px!important;}
#acabados input[type="radio"]:focus, #acabados input[type="radio"]:checked {	outline: max(3px, 0.35em) solid var(--primary);	outline-offset: max(3px, 0.2em);
	border: 3px solid var(--primary);}

.gallerycontent .item{/*padding: 15px;*/ text-align: center;}
/* .icons img{filter: drop-shadow(0px 1000px 0 var(--primary));	transform: translateY(-1000px);} */

.icontext img{/*max-width: 100px;*/}
.icontext .icons{margin-bottom:15px}
.icontext p {	font-size: 14px;  }
.icontext .title{	color: var(--primary);  }
.destacado2{position:relative}
.destacado2 .caption{position: absolute;	z-index: 1000;	background: rgba(126, 184, 41, 0.85);
	padding: clamp(30px,5vw,80px);
	width: 100%;
	max-width: 100%;
	top: unset;left:0;
	bottom: 0; height: 100%;}
.destacado2 h2{font-size: clamp(20px,4vw,40px) !important;}
.destacado2 p{font-size: 20px; line-height: normal;}
.destacado2 .btn-brand {margin-top:15px;}

.nopadding,.nopadding div,.nopadding .item{padding:0!important;}
.filter-wrapper-mix.portfolio-1400 {	max-width: 100%;	width: 1500px;  }
.videomp4 h3:empty{display:none;}



/*SHOP*/
.pagination {flex-wrap: wrap;}
.ltn__pagination-2 ul li:hover a, .ltn__pagination-2 ul li.active_page a {
	background-color: var(--ltn__secondary-color);
	border-color: var(--ltn__secondary-color);
	color: var(--white);
}
.pagination .page-item:first-child {margin-right: 10px;}
.pagination .page-item:nth-child(2), .pagination .page-item:nth-last-child(2) {display: block;}
.pagination .page-item:last-child {margin-left: 10px;}
#catdescription > div{column-count: 2;column-gap: 60px;}
#catdescription h2{font-size: clamp(16px,2vw,20px);line-height: normal;}
#catdescription p, #catdescription ul li{font-size: 16px; line-height: normal;}
#catdescription blockquote {  background-color: var(--light-gray);margin-bottom: 15px;}
#contacte #footer .hiddenmobile{display:none;}
#contacte #footer .kd{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

#contentfitxa h1 {	font-size: clamp(18px,1.8vw,24px);	margin-bottom: 20px !important;  }
#contentfitxa .ref, #contentfitxa p {margin-bottom:0px }
.shop-details-info{padding: 0 15px!important;}
.preu{display: flex;flex-wrap: wrap; /* padding: 0 15px; */max-width: 500px; margin-left: -15px !important; margin-right: -15px !important;}
.preu .quantitat .btn{height: 47px;border-radius: 0; margin: 0; width: 47px; justify-content: center;}
.preu > div{width: 50%;padding: 0 5px; display: grid;flex-direction: column;}
.preu .totalBuy.hidden{display: none !important;}
.preu .quantitat .btn:hover{    background-color: var(--primary)!important;}
.preu label{
	font-size: clamp(12px,1.2vw,16px);
	margin-right: 5px;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: 600;
	padding: 0;display: inline;
	text-align: left;margin: 0 !important;}

.preu .cajas{display:none;}
.preu .comprarbut{float:left;  text-transform: uppercase;width: 100%;border:1px solid var(--primary);border-radius: 25px; margin-top: 15px !important;}
.preu .comprarbut:hover{border:1px solid #000;}
.preu .comprarbut i{margin-right:5px}
.preu .quantitat, .preu .button-minus, .button-plus {
	/* background-color: var(--white-7); */
	/* border-color: var(--white-7); */
	font-size: 20px;
	font-weight: 400;
	display: flex !important;
	justify-content: flex-start;
	margin: 0 5px;width: 160px;
  }
.preu .quantitat button,
.preu .quantitat input{background-color: var(--white-7);}

.imagen-principal .availability .label_stock {
    color: #fff;
	position: absolute;
    left: 20px;
    background-color: var(--darkgreen) !important;
    padding: 3px 15px;
    top: 20px;
	padding: 3px 15px;
	border-radius: 0 5px 5px 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.imagen-principal .availability .label_stock.disponible {background-color: var(--darkgreen) !important;}
.imagen-principal .availability .label_stock.agotado {background-color: var(--vermell) !important;}
.radiounits{text-align: left;}
.radiounits label{font-size: 12px; line-height: 30px; text-transform: lowercase;}
.radiounits label::after{width: 0.85rem; height: 0.85rem;}
.radiounits label::before{width: 0.85rem; height: 0.85rem;}
.formatUnits .intformat{border-top: 1px solid #ddd;
	padding: 15px 0px 15px 50px;font-weight: 600;
	color: #333;}

.formatUnits .intformat label.options{text-align: left;display: block;}
.formatUnits .lotSelect{display:none;}
.formatUnits .unit_conversion{display: block;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	text-transform: lowercase;
	color: #000 !important;
}

.preu #descarrega{ width: auto; float: left;}
.preu #descarrega .btn{ background: #fff; border-width: 2px; color: #000; height: 58px;}
.quantity_wanted label{padding-left: 5px;}
.moreinfo{column-count: 2;}
.form-control{border-radius: 0;}

.lotSelect{font-size: 16px;height: 48px;}
.Precio{
	color: #000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}
.cart_total_taxes #taxes,
#subtotal_pedido .Precio,
#total_pedido #total_price{
	color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.precioTotal{font-size: 20px; font-weight: 600;}
/* .ptotal {margin-bottom: 15px;} */
.ptotal .h4 {margin-bottom: 0!important; font-size: clamp(12px,1.2vw,16px); font-weight: 500;}

.techData li{border-bottom: 1px solid #eee;list-style: none;padding: 5px 0;}
.extrascompra{width: 100%;}
.quantity_wanted input, .cantidad-carrito input{
	max-width: 75px;
	text-align: center;
	display: inline;
}
.quantity_wanted .button-plus,.quantity_wanted .button-minus{padding:0 12px;}
.cantidad-carrito .button-plus, .cantidad-carrito .button-minus{padding: 0 10px; height: 35px; width: 35px; border: 1px solid #ddd;margin-top: 5px;background: #eee; margin: auto 5px;}
.cantidad-carrito .fa{font-size: 16px;}
#coupon-code{border:1px solid var(--primary)}
#accordion select.form-control:not([size]):not([multiple]) option::first-letter,
#accordion select.form-control:not([size]):not([multiple])::first-letter{text-transform: uppercase;}
#accordion select.form-control:not([size]):not([multiple]) {
	width: 100%;
	box-shadow: 0 0 0;
	border: 1px solid rgba(0, 0, 0, .25);
	height: 50px;
	text-transform: lowercase;
    font-size: 16px;
	margin-bottom: 10px;
}
#continue-shipment button.btn{margin-top:30px; background-color: var(--primary); border-color: var(--primary); color: #fff; border-radius: 50px;}
#shipments{margin:30px 0}
#orderPage #totalCount {display: table; padding: 30px; background: #eee; color: #333; width: 100%; max-width: 500px; padding: 30px 60px;}
#orderPage #totalCount h3{border-bottom:1px solid #666; padding-bottom: 5px;}
#pagamentslist .payment-item.Transfer{display:none!important;}
#pagamentslist .payment-item.active{
	background-color: var(--ltn__primary-color)!important;
    color: var(--white)!important;
}
#pagamentslist .payment-item.Redsys:before {
	content:"\f09d";
	display: inline-block;
	margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#pagamentslist .payment-item input{cursor:pointer!important;}
#pagamentslist .payment-item .fa-check-circle{position: absolute; left: -30px; color: var(--primary); font-size: 26px;}
/* #pagamentslist {padding-left: 45px;} */
#pagamentsTop{padding: 0;}
#pagaments .col-12{padding: 0;}
#acceptLegalsBuy{margin-top:10px; margin-bottom: 30px;}
#acceptLegalsBuy a{color:var(--primary)}
#order-info-Message{background-color: #fff;padding: 30px; color:#333}
.modal-footer .order_summary{background-color: #eee; padding:15px; margin-bottom:30px;     margin-top: -15px;color:#000;}
#modal-order-details .modal-header .close {    top: 20px;    right: 20px;}

.details__footer__item{margin:0!important;}
.taula ul{padding: 30px;	margin: 0;}
.taula ul li{padding: 8px 0;	display: flex;flex-wrap: wrap;	border-bottom: 1px solid rgba(0,0,0,0.1);align-items: center;}
.taula ul li .label{font-weight: 500;	font-size: 13px;	text-transform: none;width: 200px;	text-align: left;}
.taula ul li .field{	padding: 5px 15px;	color: #000;}
.taula ul li .field input{display:none;}
.taula ul li.ico1:before,
.taula ul li.ico2:before,
.taula ul li.ico3:before,
.taula ul li.ico4:before,
.taula ul li.ico5:before,
.taula ul li.ico6:before,
.taula ul li.ico7:before{content: "icona";    width: 30px;}
.taula ul li.ico1:before{content:url(/media/images/iconos/ficha_tecnica/alergenos-01.svg)}
.taula ul li.ico2:before{content:url(/media/images/iconos/ficha_tecnica/caracteristicas.svg)}
.taula ul li.ico3:before{content:url(/media/images/iconos/ficha_tecnica/apto-alimentos.svg)}
.taula ul li.ico4:before{content:url(/media/images/iconos/ficha_tecnica/etiqueta-tecnica.svg)}
.taula ul li.ico5:before{content:url(/media/images/iconos/ficha_tecnica/escritura-manual.svg)}
.taula ul li.ico6:before{content:url(/media/images/iconos/ficha_tecnica/diametro-interior.svg)}
.taula ul li.ico7:before{content:url(/media/images/iconos/ficha_tecnica/productos-caja.svg)}
.tab-pane{display:none;}
.tab-pane.active{display:block;}
#tab-content .description,#tab-content .description p{color:#333}

#index h1{font-size: clamp(24px,2vw,52px); text-transform: none; white-space: break-spaces ;}
.wbox{background-color: #fff; margin-bottom:30px;}
#fastCart .link-carrito{height: inherit;width: inherit;display: flex;margin: 0;border-radius: 50px;}
#fastCart .link-carrito i{font-size: 16px;line-height: normal;height: auto;padding: 0;}
#fastCart .link-carrito:after{display:none;}
#fastCart p {color: #333 !important;}
#fastCart .link-carrito {color: #fff !important; text-decoration: none;}
/* #fastCart .pack {
	display: inline-block;
    width: 15ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 5px;
} */
#fastCart .totalPedidoCarrito {font-weight: 700;}
#fastCart .itemfloatcart .descripcion {padding-right: 35px;}
#fastCart .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content {padding: 30px;}
#fastcart .totalPedidoCarrito {font-weight: 700;}
#fastCart .warning{margin-bottom: 0px !important;}
#fastcart .onlycompra{margin-top:0!important}


#footer .resumenfloatingcart{color:#000;margin-bottom: 5px!important}
#footer .resumenfloatingcart p{color:#000; margin-bottom: 10px;}
#footer .resumenfloatingcart label{color:#000; font-weight: bold;;}
#footer .resumenfloatingcart span{color:#000}
#products-carrito {margin-bottom: 15px!important;}
.enviogratis{padding: 10px 15px;margin-bottom: 20px;background: #eee;}
.enviogratis p{color: #000!important;}
#comentario-compra label {    text-align: left;}
.carrito-navegacion{display:flex;    justify-content: space-between; padding: 0;}
.carrito-navegacion.clearfix:after {display:none;}
#coupon-div{padding: 0;}
#comentario-compra{padding: 0;}
#comentario-compra #comment-shop {margin: 0;}
#detalle-pedido{overflow-x: hidden;}
#accordion #frm_login_order{max-width: 505px;}
#frm_login_order .legal{color:#000;}
#frm_login_order .legal .link{color:#000; margin-left:5px;}
#frm_login .size-15 {font-size: inherit;}
#frm_login .link,#frm_login a {color: var(--primary);font-weight: 300 !important;}
#frm_login .row{justify-content: center;}
#frm_login .pl-0{padding: 0;}
#frm_login p{font-size: 16px; color: #666666;}
body #frm_login a{color: #666666 !important; text-decoration: unset !important; font-weight: 400 !important;}
body #frm_login a:hover{color: var(--primary) !important; text-decoration: unset !important; font-weight: 400 !important;}
.menuuser0 .nav-item .dropdown-menu{
	width: 180px;
    position: absolute;
    left: -60px;
    top: 50px;
    border-top: 2px solid var(--primary);
    border-radius: 0;
	margin: 0 !important;
}
.menuuser0 ul.menuuser {    padding: 0 10px!important;}
.menuuser0 .dropdown-menu .nav-item > a{font-size: 12px;color: var(--dark)!important;}
.menuuser0 .dropdown-menu .nav-item > a:hover{ color:var(--primary)!important;}
.menuuser0 #logout button{ font-size: 12px;color: var(--dark)!important; height: auto;}
.menuuser0 #logout button:hover{ color:var(--primary)!important; }

.menuuser0 .btn-user-profile{padding: 0;text-transform: uppercase; font-size: 12px;}
.menuuser0 .size-22 {font-size: 16px;}
.menuuser0 .btn-user-profile:hover{background-color: #fff;color:var(--primary);}

#frm_nuevo_usr {width: 100%;background: #fff;position: relative; margin-top:0; padding: 30px 40px; border: 1px solid #eee;}
#frm_nuevo_usr .form-group {width: 33%;}
#frm_nuevo_usr .form-control {
	background-color: var(--white-7) !important;
    border: none !important;
    border-color: var(--border-color-9) !important;
    height: 50px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
    width: 100%;
    margin-bottom: 30px !important;
    border-radius: 0;
    padding-right: 40px;
}
#frm_nuevo_usr .form-control:active,
#frm_nuevo_usr .form-control:focus{border: 1px solid #E55472 !important;}
#frm_nuevo_usr .btn {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
    border-radius: 50px;height: auto;
}
form input[type="email"],
form input[type="password"] {
    margin: 0 0 10px 0;
    height: 50px;
    padding: 0 0 0 13px;
}
#guardarPanel {margin-top: 1em; width: 100%; text-align: center;}
form hr{width:100%}
form h2{font-size:22px;}
form .container{padding:0}
#frm_nuevo_usr span.togglepw {
	position: absolute !important;
  margin-top: 5px;
  right: 30px !important;
  padding: 10px 15px;
  cursor: pointer;
  top: 35px;
  }
 .hideOnregisteredUser{display:none}
 .showOnregisteredUser{display:block !important;}
#registro.modal h4{font-weight: normal; font-size: 18px;line-height: normal; margin-bottom: 0;}
#registro.modal p{font-size: 16px;line-height: normal; margin-bottom: 0;}
#registro.modal .modal-header{border-bottom: 1px solid #eee;}
#registro.modal .modal-body { padding: 10px 20px 20px; }
#intranet form input[type="text"], #intranet form input[type="password"], #intranet form input[type="email"] {	letter-spacing: 0;  }
#intranet.login .landing-shadow-4{max-width: 500px;margin: 0 auto;}
#intranet.login .align-self-center {text-align: center;}
#intranet.login .afterform .col-12{margin-bottom:15px;}
#intranet .afterform p{font-size: 16px; color: #000; margin-bottom: unset !important;}
#intranet .afterform p a{font-size: 16px; color: #000 !important; text-decoration: unset !important; font-weight: 300 !important;}
#intranet .afterform p a:hover{color: var(--primary) !important;}
#intranet .btn.btn-success{ color: #fff; border-radius: 50px; display: inline-block; font-size: 16px; font-weight: 500; padding: 13px 40px; text-align: center; position: relative; z-index: 1; height: 48px; transition: all 200ms linear !important; letter-spacing: 0.2px; border: none; vertical-align: middle; user-select: none; line-height: 1.5; background-color: var(--ltn__secondary-color); }
.horapedidos{transition:all 0.2s ease-in;}
#intranet .btn.btn-success.shipper-btn:hover + .horapedidos{background-color: #BFE1DB !important; padding: 3px 10px; transform:scale(1.2); border-radius:3px; margin: 15px auto;}
#intranet .btn.btn-success:hover{ background-color: var(--ltn__primary-color)!important; color: var(--white)!important; }
#intranet table .status span{ display: block; padding: 5px 8px; border-radius: 20px;font-size:12px; text-align: center; color: #fff; width: fit-content;}
#intranet table .Completed span{background-color: var(--green); }
#intranet table .Pending span{background-color: orange;}
#intranet table .Sent span          { background-color: #4caf50; } /* verd clar */
#intranet table .PaymentError span  { background-color: #e91e63; } /* rosa fort */
#intranet table .Canceled span      { background-color: #9e9e9e; } /* gris */
#intranet table .Refund span        { background-color: #607d8b; } /* blau gris */
#intranet table .InProcess span     { background-color: #03a9f4; } /* blau clar */
#intranet table .Error span         { background-color: red; }
#intranet table .PartialSent span   { background-color: #ffc107; } /* groc ambar */


#intranet table .fecha span{font-size: 11px; display: block; line-height: normal;}
.address-info .actions{display: flex;}
.togglepw{color:#000; cursor:pointer;}
.btn-system.btn-large {  }
#pedido-carrito {background-color: #fff;}

.table-responsive { width: 100%; overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.table th,
.table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.table th { background-color: #f2f2f2; }
.messageContainer { border: 2px solid #fff; width: 70%; margin: 60px auto; padding: 0 40px 40px; box-shadow: 0 6px 15px 0 rgb(0 0 0 / 30%); border-radius: 10px; }
.messageContainer h1 {color: var(--primary);}

/*pagines sueltes*/
#cabecera .caption{position: absolute!important;left: 0;right: 0;}
#cabecera .caption h1{font-size: clamp(20px,2.5vw,60px);font-weight: 600;}

#cabecera > .col-12{padding:0;}
#cabecera .row{align-items: center;}
.tituloprincipal h1::before,.tituloprincipal h2::before { content: ""; background-color: var(--primary); height: 2px; width: 50px; display: block; position: absolute; bottom: -2px; left: 0; }
.tituloprincipal h1,  .tituloprincipal h2{ color: #333e48; font-size: 18px; font-weight: 500; border-bottom: 2px solid #ebebeb; display: block; line-height: 1; padding-bottom: 10px; margin-bottom: 15px; text-transform: none !important; position: relative; }
.wbox .tituloprincipal{margin-top:15px;}
.landing .product-list > .row{justify-content: center;;}
.individualbanner1 {display:flex;}
.individualbanner1 .contentbanner{display: block;	width: 100%;}
.individualbanner1 .contentbanner .details{}
.individualbanner1 .contentbanner h2{}
.individualbanner1 .btn.btn-brand{min-width: inherit; margin-top:15px;height: auto;}
.individualbanner1 .projectebotservei{padding: 0;}

.tipos .icontext,.tipos .banner{text-align:center; border-radius: 8px;	padding: 15px 15px 30px 15px;height: 100%;box-shadow: 2px 2px 8px rgba(0,0,0,0.2);align-content: space-between;}
.tipos .icontext p {	font-size: 14px;	line-height: normal;  }
.tipos .icontext .box-content h3,.tipos .banner h3{color:var(--primary); font-size:clamp(16px,1.5vw,20px);}
.tipos .banner h3 a{color:var(--primary);}
.tipos .icontext img{}
.tipos .icontext .icons{max-width: 80px;text-align: center;margin: 0 auto 30px;aspect-ratio: 1 / 1;display: flex;align-items: flex-end; }
.tipos.tipos2 .icontext .icons{max-width: 60px;aspect-ratio: 3 / 4;}
.destacado .titlel h3{font-size: clamp(22px,3vw,40px) !important;}
#tipos .item{margin-bottom:15px;}
.wboh h2, .wboh h3, .wboh h4{margin-bottom:15px;}


 /*cart*/
 /* #cart{margin-top:15px;padding-top: 60px;} */


 /*intranet*/
 #intranet .togglepw {position: absolute;	right: 15px;top: 15px;  }
 #acceso_usuarios .btn-dark-primary {width: auto;line-height: 0;}
 #intranet h1, #s_recuperar_pwd h1, #frm_nuevo_usr h1{padding-top:0px; color:#000; padding-left:0;}
 #intranet .dadespersonals  p{font-size:16px; }
 #intranet .dadespersonalsb {box-shadow: 0 6px 15px 0 rgb(0 0 0 / 30%);}

 #address-form select#country{width: 100%;height: 50px;}
 #address-form select#state{width: 100%;height: 50px;}
 #DataTables_Table_0_wrapper input, #DataTables_Table_0_wrapper select{height: 50px;    padding: 8px 16px;    border: 1px solid #ccc;}
 #intranet .edit-usr a, #intranet .edit-usr button {text-decoration: none;font-size: 13px;border: 2px solid var(--primary);border-radius: 50px;height: 50px;text-align: center;display: flex;align-items: center;padding-left: 30px;width: 230px;margin-bottom: 5px;background: #fff;}
#intranet .edit-usr a.red, a.red {color: var(--primary) !important;}
#intranet .edit-usr a:focus, #intranet .edit-usr a:hover, #intranet .edit-usr a:focus, #intranet .edit-usr button:focus, #intranet .edit-usr button:hover, #intranet .edit-usr button:focus, #intranet .edit-usr a.red:hover {background: var(--primary); color: #fff!important;}

#intranet.login h1{ all: unset; padding-top: 0; font-weight: bold; color: #000; font-size: 22px; margin-bottom: 15px!important; display: block; margin-top: 15px; }
#intranet .bg-green {background-color: var(--green3) !important;}
#intranet .bg-green2 {background-color: var(--darkgreen) !important;}
#intranet .bg-green3 {background-color: var(--warm-grey) !important;}

#intranet .color-box {background-color: #fff !important; color: var(--primary); transition: all 0.3s ease;border: 1px solid var(--primary);
	border-radius: 0;}
#intranet .color-box.active {background-color: var(--primary) !important; color: #fff;}
#intranet .color-box:hover {background-color: var(--primary) !important; color: var(--primary);}

#intranet .color-box p { color: var(--primary); transition: all 0.3s ease;}
#intranet .color-box:hover p { color: #fff;}

#intranet .color-box::after {border-color: var(--primary) !important; transition: all 0.3s ease;}
#intranet .color-box:hover::after {border-color: #fff !important;}

#intranet .initbuy{background-color: var(--primary);	color: #fff;	height: auto; height: 70px; display: flex; align-items: center;}

#intranet .color-box {margin-bottom: 20px;}
#intranet .color-box::after {box-shadow: 0 6px 15px 0 rgb(0 0 0 / 30%); display:none;}

/* #intranet .ecomIntranetArea{}
#intranet .ecomIntranetArea i{display: block;font-size: 40px;line-height: 20px;} */
#intranet .color-box {  height: 150px;display: flex;justify-content: center;align-items: center;}
#intranet .color-box p {  line-height: 60px !important;  padding-top: 25px;}

.fast-menu #opcions{gap: 10px; display: flex; flex-direction: column; padding-bottom: 20px; padding-top: 0 !important;}
#intranet .btn-intranet.active,
#intranet .btn-intranet:hover{ background-color: #e55472 !important; color: #fff !important; }
#intranet .btn-intranet { transition: all 0.3s ease-in-out; background-color: #ffdbe2; color: #e55472; width: 100%; display: flex; justify-content: start; padding: 10px 20px 10px 20px; gap: 10px; font-size: 12px; align-items: center; border-radius: 5px; text-align: left; margin-right: 0; height: 40px;}
#intranet .btn-intranet i{font-size: 14px;}
#intranet .btn-intranet.featured{background-color: #ace9de; color: #fff; color: #2E9F8B;}
#intranet .btn-intranet.featured:hover{background-color: #2E9F8B !important; color: #fff !important;}

#intranet:has(#intranet-home) .fast-menu #opcions .btn:nth-child(2),
#intranet:has(#intranet-home) .fast-menu #opcions .btn:nth-child(3),
#intranet:has(#intranet-home) .fast-menu #opcions .btn:nth-child(4),
#intranet:has(#intranet-home) .fast-menu #opcions .btn:nth-child(5){ display: none; }

/* body:has(#intranet) .margin-principal{margin-top: 165px !important;} */
body:has(#intranet) .navigation-wrap .navbar-brand{height: 50px;}

.intranet-main-page{row-gap: 10px; margin-left: -5px !important; margin-right: -5px !important;}
.intranet-main-page div[class*="col"]{padding-left: 5px; padding-right: 5px;}

/* MENU RAPID */
/* #intranet .btn.btn-brand { background-color: var(--primary); color: #fff; border-radius: 50px; height: auto; } */
/* .contenidor-fast-menu {margin-bottom: 20px;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea{ max-width: 100%; flex: 0 0 100%; }
.contenidor-fast-menu .fast-menu .ecomIntranetArea a { border: 1px solid var(--primary); display: flex; flex-direction: column; width: 100%; justify-content: center; color: var(--primary); transition: all 0.3s ease-in-out !important; margin-bottom: 15px; padding: 10px; gap: 10px; gap: 0; padding: 0; height: 50px !important; margin-bottom: 20px !important; flex-direction: row; align-items: center !important; justify-content: start !important; padding: 10px; gap: 15px; }
.contenidor-fast-menu .fast-menu .ecomIntranetArea a:hover{color: #fff !important; border-color: #fff !important;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea a i{display: unset !important; line-height: normal; font-size: 20px !important;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea a span{font-size: 12px; margin-top: 5px; width: fit-content; line-height: normal;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button { border: 1px solid var(--primary); display: flex ; flex-direction: column; width: 100%; min-height: 50px; justify-content: center; align-items: center; color: var(--primary); transition: all 0.3s ease-in-out !important; margin-bottom: 15px; padding: 10px; gap: 10px; background-color: #fff; height: 50px !important; gap: 15px; display: flex ; flex-direction: row; padding: 10px; justify-content: start; align-items: center; }
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button span{font-size: 12px; margin-top: 5px; width: fit-content; line-height: normal;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button i{font-size: 20px;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button:hover{ text-decoration: unset; background-color: var(--primary); color: #fff !important;  border-color: #fff !important; } */



.btn-user-profile i{padding: 0 5px!important;margin: 0!important;}
#address-form {display:flex; flex-wrap: wrap;}
#address-form .form-group{max-width: 50%; width: 50%;padding: 7px;}
#address-form .form-group.col-12{max-width: 100%; width: 100%;padding: 0px;}
#frm_editar_usr {display:flex; flex-wrap: wrap;}
#frm_editar_usr .form-group:first-child {display: none;}
#frm_editar_usr .form-group:last-child {width: 100%; min-width: 100%; text-align: center;}
#frm_editar_usr .form-group{max-width: 50%; width: 50%;padding: 7px;    margin: 0;}
#frm_editar_usr .form-group.col-12{max-width: 100%; width: 100%;padding: 0px;}
.address-info .actions .btn {padding: 10px;width: 50px;height: 50px;}
#coupon-div .form-group{margin-bottom:0;}
.shipper li{list-style: none;}
.shipper li .shipper-btn {
	border: 1px solid #666 !important;
	width: 100% !important;
	text-align: center !important;
	background: transparent !important;
	color: #333 !important;
	padding: 5px 15px !important;
	display: table !important;
	font-size: 14px !important;
}
.shipper li .shipper-btn:hover,
.shipper li .shipper-btn:active,
.shipper li .shipper-btn:focus,
.shipper li .shipper-btn.active {
	background: transparent !important;
	/* border-color: var(--primary) !important; */
	color: #666 !important;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2) !important;
}
.shipper li .shipper-btn.active {
	background: var(--primary) !important;
	color: #fff !important;
	border: none !important;
}
.shipper li .shipper-btn:before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23666' d='M112 0C85.5 0 64 21.5 64 48V96H16c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 272c8.8 0 16 7.2 16 16s-7.2 16-16 16H64 48c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 240c8.8 0 16 7.2 16 16s-7.2 16-16 16H64 16c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 208c8.8 0 16 7.2 16 16s-7.2 16-16 16H64V416c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H112zM544 237.3V256H416V160h50.7L544 237.3zM160 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm272 48a48 48 0 1 1 96 0 48 48 0 1 1 -96 0z'/%3E%3C/svg%3E"); margin-right: 10px; width: 25px; display: inline-block; }
.shipper li .shipper-btn[value="3"]:before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23666' d='M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0L599.8 111.9c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24H568c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32V488c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24zm488 24l-336 0c-13.3 0-24-10.7-24-24V432H512l0 56c0 13.3-10.7 24-24 24zM128 400V336H512v64H128zm0-96V224H512l0 80H128z'/%3E%3C/svg%3E"); margin-right: 10px; width: 25px; display: inline-block; }
.button-group {text-align: center;}
.button-group button{margin-bottom: 5px;}


/*blog*/
.Blog.fitxa aside {padding-left: 20px;}
aside #destacadas .main-content-wrap,.Blog.fitxa .main-content-wrap{margin-top: 10px !important;}
aside #destacadas .product-list .item,.Blog.fitxa .product-list .item,#blog .product-list .item,.noticias .product-list .item{	margin-bottom: 15px !important;  }
aside #destacadas .product-list h3,.Blog.fitxa .product-list h3,#blog .product-list h3,.noticias .product-list h3{padding:0;font-size: 18px;	font-weight: 500;}
aside #destacadas .product-list .block-ellipsis,.Blog.fitxa .product-list .block-ellipsis,#blog .product-list .block-ellipsis,.noticias .product-list .block-ellipsis{margin-top:15px; color:#000;}
.Blog.fitxa .product-list .item .single-post-slide-wrap,#blog .product-list .item .single-post-slide-wrap,.noticias .product-list .item .single-post-slide-wrap{justify-content: flex-start;}
.Blog.fitxa .descripcio p,.Blog.fitxa .descripcio ul li{color: #333; font-size:16px;}
.Blog.fitxa .wbox{padding: 30px 30px;}
.buttons-cookies { display: inline-flex; margin: 15px 0; padding: 0; width: 100%; }
.boton-cookie { display: flex; color: #02254b; background: #ccc; border-radius: 0px; margin-left: 5px; font-size: 16px; padding: 6px 18px; text-decoration: none; transition: .5s; }
.boton-cookie.big { align-items: center; text-transform: initial; color: #fff; border: none; height: 48px; font-size: 14px; margin: 0 1%; }
.single-post-details__footer__item{margin-bottom: 15px;}
.single-post-details__footer__item .client-name{color:#333e48;}
#contactfitxa .single-post-details__footer{background-color: #fff;padding: 15px;}


  /*temp fake*/
.product-list .item .post-content ul li:first-child{display:none;}
.product-list .item .post-content ul li .d-add-to-cart span{color:transparent}
.product-list .item .post-content ul li .d-add-to-cart span:before{content:"VER"; color:#fff; text-align: center;display: block;}
.product-list .item .post-content ul li .d-add-to-cart:hover span:before{color:#000;}
.shop-details-info .addtocart .availability{display:none;}
.shop-details-info .addtocart #preu{display:none;}
.shop-details-info .addtocart:before{content:"Debes estar registrado para ver los precios, stock y comprar";  border: 1px solid var(--primary); padding: 15px; background: var(--primary); color: #fff; }
.topbar{opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out; height: 0; padding-top: 0 !important; padding-bottom: 0 !important;}
.topbar p{font-size: clamp(12px, 11.423px + 0.180vw, 14px);}
.topbar.visible{opacity: 1; height: unset; padding-top: 10px !important; padding-bottom: 10px !important; pointer-events: all;}
.topbar .btn.btn-brand{ padding: 5px 10px; display: inline-flex; align-items: center; height: 30px; margin-left: 15px; font-size: 14px; }
.topbar p { margin: 0px;}
/* .logged .topbar{display: block;} */
.logged .product-list .item .post-content ul li:first-child{display:inline-block;}
.logged .product-list .item .post-content ul li .d-add-to-cart span{color:#fff}
.logged .product-list .item .post-content ul li .d-add-to-cart span:before{display:none}
.logged .product-list .item .post-content ul li .d-add-to-cart:hover span:before{display:none}
.logged .shop-details-info .addtocart .availability{display:block;}
.logged .shop-details-info .addtocart #preu{display:flex;}
.logged .shop-details-info .addtocart:before{display:none;}

.topitems > .row > div{max-width: unset; flex: unset; width: fit-content; padding-left: 15px !important; padding-right: 15px !important;}
#loginmodule {margin-top: 0 !important; display: flex; padding: 0;}
/* #loginmodule .nav-item > a:not(.dropdown-menu a){ width: auto; padding: 0 !important; font-size: 14px; line-height: 28px; font-weight: 500; text-transform: initial; color: #fff !important; } */
/* #loginmodule .nav-item{ padding: 0 !important;} */
/* .cbp-af-header.cbp-af-header-shrink #loginmodule .nav-link{margin-top:0;} */
/* #loginmodule .data{cursor: pointer;width: 110px;	display: block;  } */
/* #loginmodule .nav-item.dropdown:not(.dropdown-menu li) { background: var(--rosaclar); padding: 0 0px 0 10px; border: 1px solid #fff; border-radius: 50px; font-size: 14px; color: #fff; font-weight: 500; transition: all 0.4s ease-out; height: 30px; line-height: 28px; }
#loginmodule .nav-item.dropdown:not(.dropdown-menu li):hover {background: var(--primary);} */
/* #loginmodule .nav-item.dropdown:not(.dropdown-menu li) > a::after{content: unset;}
#loginmodule .nav-item.dropdown:not(.dropdown-menu li) > a .data {background: var(--rosaclar);padding: 0 0px 0 20px;border: 1px solid #fff;border-radius: 0 50px 50px 0;font-size: 14px;color: #fff;font-weight: 500;transition: all 0.4s ease-out;height: 30px;line-height: 28px;}
#loginmodule .nav-item.dropdown:not(.dropdown-menu li):hover > a .data {background: var(--primary);}
#loginmodule .nav-item.dropdown:not(.dropdown-menu):hover .fa-user {background: var(--primary);} */

#loginmodule .user-item {padding: 0 !important; height: 30px;}
#loginmodule .user-item .user-link::after{content: unset;}
#loginmodule .user-item .user-link .data {
    background: var(--rosaclar);
    padding: 0;
    border: 1px solid #fff;
    border-radius:50px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    transition: all 0.4s ease-out;
    height: 30px;
    width: 30px;
    line-height: 28px;
    display: block;
    position: relative;
}
#loginmodule .user-item .user-link .data .fa-user {
    color: #fff;
    border: 1px solid #fff;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary);
    transition: all 0.4s ease-out;
    bottom: 0;
    right: 0;
    margin: auto;
}
#loginmodule .user-item:hover .user-link .data {background: var(--primary);}
#loginmodule .user-item:hover .user-link .data .fa-user {background: var(--primary);}

#loginmodule .nav-item.dropdown .data{}
#loginmodule .nav-item .dropdown-menu .data {padding: 0px;}
#loginmodule .nav-item.dropdown .fa-user { color: #fff; border: 1px solid #fff; height: 28px; width: 28px; position: absolute; top: 0; left: -10px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: var(--primary); transition: all 0.4s ease-out; bottom: 0; margin: auto;}
#loginmodule .dropdown-menu a::after {content:none;}
.menuuser0 .nav-item .dropdown-menu {left: unset; right: 0; top: 120%;padding: 0 !important;}
.main-navigation .dropdown-menu ul.sub { /* padding: 10px !important; */}
.menuuser0 .nav-item > a {height: auto;color: var(--dark-blue) !important;}
.cbp-af-header.cbp-af-header-shrink .dropdown-menu ul::before { top: 0;}
.main-navigation .dropdown-menu .nav-link {margin: 0 !important;}
.dropdown-menu .nav-item {margin: 0 !important;}
.main-navigation ul li.nav-item button { border: 0; background: transparent; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 500; }
/*steps compra*/
#s_intranet .ltn__breadcrumb-area{margin-bottom: 30px!important;}
.breadcrumb ul {  flex-wrap: wrap;}
body[data-path="es/nueva-compra"] .topitems .carrito{display:none;}
.buysteps{max-width: 1000px; width:100%}
#accordionStepsBuy #collapseThree.show{/* height: 550px; */ margin-bottom: 0;}
#accordionStepsBuy #collapseThree.show .datepicker:not(.active) {	display: block;  }
.blocat{pointer-events: none; opacity:0.3;}
#accordionStepsBuy .calicon{position: absolute;	right: 15px;	top: 10px;}
#activatipo,
#accordionStepsBuy .startbuy,#activadata{
	margin: 15px auto;
	color: #fff;
	border-radius: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 40px;
    text-align: center;
    position: relative;
    z-index: 1;
	/*height: 48px;*/
	height:auto;
    transition: all 200ms linear !important;
    letter-spacing: 0.2px;
    border: none;
	vertical-align: middle;
    user-select: none;
    line-height: 1.5;
	background-color: var(--ltn__secondary-color);
}
#accordionStepsBuy .startbuy2{background-color:#B78276}
#accordionStepsBuy .disa{opacity:0.3}
#accordionStepsBuy .startbuy:hover,#activadata:hover{
	background-color: var(--ltn__primary-color)!important;
    color: var(--white)!important;
}
#accordionStepsBuy .startbuy i{font-size: 30px; display:block; margin-bottom:10px;}
#accordionStepsBuy .card-header button{ background-color: var(--midgray);color:#fff;font-size: clamp(0.575rem, 0.325vw + 0.75rem, 1.5rem);	height: auto;}
#accordionStepsBuy .contingut button:before{    content: "" !important; display:none;}
#accordionStepsBuy .card-header button:before{    content: "1"; border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 37px;margin-right: 80px;}
.horapedidos{color: #333;	font-size: 12px; margin: 0 auto; display:table;}
#accordionStepsBuy .card.transport button.first-block-button:before,
#accordionStepsBuy .card.info button:before{    content: "1";}
#accordionStepsBuy .card.data button.first-block-button:before,
#accordionStepsBuy .card.transport button:before{    content: "2";}
#accordionStepsBuy .card.data button:before{    content: "3";}

#accordionStepsBuy .card.address .card-header button.first-block-button:before,
#accordionStepsBuy .card.login .card-header button:before{    content: "1";}
#accordionStepsBuy .card.endOrder .card-header button.first-block-button:before,
#accordionStepsBuy .card.address .card-header button:before{    content: "2";}
#accordionStepsBuy .card.endOrder .card-header button:before{    content: "3";}

#accordionStepsBuy .card-body {
	padding: 20px;
  }
#accordionStepsBuy #headingOne button:before{}
#calendar_shipper{position: relative;width: 320px; display: inline-block;}
/* #go-back{width: 200px; display: inline-block; margin-left: auto;} */
#go-back .btn{margin-top: 0;}
#date-select{display: flex;}
#sending-days:after{content:"calendar"}
#data.card{overflow: visible;}
.undercal{margin-bottom: 170px;}

#start.big{border-radius: 30px;/* 	margin-top: 15px; */	width: auto;	font-size: 24px;	background-color: var(--primary);	height: auto;color: #fff;	/* margin: 30px auto; */	display: block;}
#start.big:focus, #start.big:hover, #start.big:focus{background-color: var(--ltn__primary-color)!important; color: var(--white)!important;}

.loader{position: fixed; width: 100vw; height: 100vh; background: rgba(255,255,255,0.9); top: 0; left: 0; z-index: 100000; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; pointer-events: none;}
.intloader{mix-blend-mode: multiply; position: fixed; top: 0; z-index: 1000000; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh;flex-direction: column;}

.navigation-row{ margin-top: 400px; }
.navigation-row .btn{width: 100% !important;}

		/*FILTRES*/
#accordionCamps .collapse,#accordionCamps .collapsing{border-top: 1px solid var(--white-16);padding-top: 15px;}
.accordion > .card:first-of-type {
	border-bottom: 1px solid rgba(21, 21, 21, 0.14);
	border-radius: 4px;
  }
  .accordion > .card {
	background-color: #fff;
	border: 1px solid rgba(21, 21, 21, 0.14);
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: rgba(21, 21, 21, 0.14);
	border-radius: 4px;
	margin-bottom: 10px;overflow: hidden;
  }

element {
}
.accordion > .card:first-of-type,.cat-fields > .cat-filter-label:first-of-type {
  border-bottom: 1px solid rgba(21, 21, 21, 0.14);

  border-radius: 4px;

}
#headingTalla button,
#headingColor button{line-height: normal;}
#accordionCamps .card{border-radius: 0;}

#accordionCats .card{border: unset !important; border-radius: 0 !important;}
#accordionCats #headingCategorias {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
#accordionCats #headingCategorias h2{font-size: 16px; text-transform: uppercase; color: #666; font-weight: normal;}
#accordionCats #headingCategorias button{ padding: 0; width: 30px; height: 30px; top: -1px; margin-right: 0; }
#accordionCats #collapseCategorias .card-body{border: 1px solid #ccc; border-radius: 0 !important;}

#accordionCats ul{list-style: none; padding: 0; margin-bottom: 0;}
#accordionCats ul .nivell-2{margin-top: 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 14px;}
#accordionCats ul .nivell-2:last-child{border-bottom: unset !important; margin-bottom: 0;}
#accordionCats ul .nivell-2{text-transform: lowercase;}
#accordionCats ul .nivell-2::first-letter{text-transform: uppercase !important;}
.titulo-categoria-acordeon{text-transform: lowercase;}
.titulo-categoria-acordeon::first-letter{text-transform: uppercase;}
#accordionCats{margin-bottom: 20px;}
#accordionCats .card-body{padding: 15px;}


#collapseTalla .card-body{display: flex;flex-wrap: wrap;}
.accordion > .card:not(:last-of-type),.cat-fields > .cat-filter-label:not(:last-of-type) {

	/* border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0; */


}
.accordion > .card ,.cat-fields > .cat-filter-label{
  background-color: #fff;

  border: 1px solid rgba(21, 21, 21, 0.14);

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(21, 21, 21, 0.14);

  border-radius: 4px;

  margin-bottom: 10px;

}
.accordion > .card ,.accordion > .cat-filter-label{
  overflow: hidden;

}
.card,.cat-filter-label {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0;
}
.cat-filter-label button{width: 100%;
	text-align: left;
	color: var(--ltn__heading-color);
	text-transform: lowercase;
	font-size: 18px !important;}
	.cat-filter-label button::first-letter{text-transform: uppercase;}

.menu-vertical ul .nivell-1 {
	list-style: none;
	position: relative;
	margin-top: 0;
	margin-bottom: 10px;border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.menu-vertical ul .nivell-1 .card.card-body{
	padding: 15px;
	margin-top: 10px;
}
.menu-vertical .nivell-1 ul{
	flex-wrap: wrap;
}
.menu-vertical .nivell-1 ul .nivell-2 {
	list-style: none;
    position: relative;
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: 10px;border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
.menu-vertical .nivell-1 ul .nivell-2:last-child{border:none;}
.menu-vertical .nivell-1 ul .nivell-2 a{
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 15px;
	display: block;
	line-height: normal;
	text-transform: lowercase;
}
.menu-vertical .nivell-1 ul .nivell-2 a::first-letter{text-transform: uppercase;}
.menu-vertical .nivell-1 ul .nivell-2 a:hover{ border-color: var(--primary); }
.menu-vertical ul { padding-left: 0; }
.menu-vertical ul .nivell-1 .btn { position: absolute; right: 0; padding: 0; width: 30px; height: 30px; top: -1px; margin-right: 0; }

ul.idiomes{align-items: center; gap: 10px; height: 100%; padding: 0;}
ul.idiomes li.active a{color: var(--primary);}

.totalBuy div{    width: 100%;}

#frm_login a{ text-decoration:underline;}
.modal-body a{ text-decoration:underline;}
/*a:focus,button:focus,.btn.focus, .btn:focus, input:focus { outline: 2px solid #E55472 !important;}*/
a:hover:focus,button:hover:focus, .btn:hover:focus {    outline: none !important;   }
.form-check-inline .form-check-input:focus {outline: none;}
.ltn__slide-item-9 .slide-title{
	font-size: clamp(0.9375rem, 3vw, 2.5rem) !important;) !important;
}
.topitems > .row{justify-content: end; width: 100%; flex-wrap: nowrap;}
.galeriaPresentacion{    padding: 0 15px !important;}
.galeriaPresentacion article{    padding: 0 7.5px;}
.btn-effect-1:hover::after{border-radius: 25px;}
.btn:hover{
	background-color: #E55472;
    color: #fff;
    border-color: #E55472;
	text-decoration: none;
}
.lineas td {vertical-align: middle;}
.lineas p {margin-bottom: 0;}
.cantidad-carrito input{
	max-width: 80px;
	text-align: center;
	display: inline;
	}
	.cantidad-carrito input::-webkit-outer-spin-button,.cantidad-carrito input::-webkit-inner-spin-button {
	  /* display: none; <- Crashes Chrome on hover */
	  -webkit-appearance: none;
	  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}
	.cantidad-carrito input[type=number] {    -moz-appearance:textfield; /* Firefox */}

	.cantidad-carrito .button-plus,.cantidad-carrito .button-minus{
	padding:0 20px;
	}
	.cantidad-carrito .button-plus, .cantidad-carrito .button-minus{
	padding: 0 10px;
	height: 30px;
	}
td.cantidad-carrito{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 5px;
}
.cantidad-carrito_btn_display {display: flex; flex-direction: row; justify-content: center;}
.cantidad-carrito_button {
	display: flex;
    justify-content: center;
	gap: 10px;
}
.cantidad-carrito_button button{margin: 0;}
.shoppingcart-content .form-style {
	padding: 13px 20px;
    height: 48px;
    width: 100%;
    font-weight: 400;
    border-radius: unset !important;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    outline: none;
    color: var(--dark-blue);
    background-color: var(--white);
    border: 1px solid rgba(200, 200, 200, .5);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
	margin-bottom: 0 !important;
}
.shoppingcart-content button{
	height: 58px;
}
.shoppingcart-content button:hover{
	/* color: #fff; */
	color: var(--primary);
}
.shoppingcart-content #precio_producto_0{display: block; text-align: center; font-size: 16px;}
.shoppingcart-content #total_producto_0{display: block; text-align: right;}
.shoppingcart-content .cantidad-carrito_btn_display{font-size: 16px; margin-top: 3px;}
.shoppingcart-content .cantidad-carrito_btn_display input{ height: 35px; max-width: 50px; font-size: 14px; }
.shoppingcart-content .cantidad-carrito_btn_display button{ height: 35px; border-radius: 0; margin: 0; width: 35px; font-size: 12px; }
.shoppingcart-content .unidades{text-transform: lowercase;}
.shoppingcart-content .unidades::first-letter{text-transform: uppercase;}
.shoppingcart-content .producto-carrito .nombre-del-producto{ text-transform: lowercase;  font-size: 16px; font-weight: 500;}
.shoppingcart-content .producto-carrito .nombre-del-producto::first-letter{ text-transform: uppercase;}
.shoppingcart-content .completado{color: #fff;}
.shoppingcart-content .en-proceso{color: #fff;}
#contacte button[type="submit"]{
	line-height: normal;
}
.modal-dialog{
	margin-top: 0 !important;
}

#acceptLegalsBuy{display: flex; flex-direction: column;}
.Productos.fitxa .listado-campos-personalizados ul{list-style: none; padding: 0; display: none;}
#orderPage #frm_login_order .btn.btn-success{display: flex; align-items: center;}
#orderPage .linkRegistro p{color: #666666; font-size: 16px; }
#orderPage .linkRegistro p a{color: #666666; font-size: 16px; }
#orderPage .linkRegistro p a:hover{color: var(--primary);}

#orderPage .btn,
#orderPage .btn.btn-success,
#orderPage #loginbutton,
#orderPage #guestbutton{
	color: #fff;
	border-radius: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 40px;
    text-align: center;
    position: relative;
    z-index: 1;
	height: 48px;
    transition: all 200ms linear !important;
    letter-spacing: 0.2px;
    border: none;
	vertical-align: middle;
    user-select: none;
    line-height: 1.5;
	background-color: var(--ltn__secondary-color);
}
#orderPage .btn:hover,
#orderPage .btn.btn-success:hover,
#orderPage #loginbutton:hover,
#orderPage #guestbutton:hover{
	background-color: var(--ltn__primary-color)!important;
    color: var(--white)!important;
}

/* CARRITO NOUS ESTILS */
#fastCart .producto-cantidad { text-transform: lowercase; padding: 0px 5px; font-size: 11px; border-radius: 4px; margin-right: 10px; display: flex; align-items: center; justify-content: center; min-width: 35px; height: 20px; background-color: #ccc !important; color: #000 !important; line-height: 0; font-weight: 500; }
#fastCart .product{font-weight: 600;width: 100%;}
#fastCart .pack { margin-right: 3px; font-size: 12px; color: #000 !important;}
#fastCart .product .link-product{letter-spacing: normal; display:block;}
#fastCart .descripcion{display: flex;}

/* .estado-carrito{width: 10px; height: 10px; border-radius: 50%; display: block; margin-bottom: 5px;} */
.estado-carrito2{width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 10px; margin-bottom: 0;}
.estado-carrito.en-proceso{background-color: orange !important;}
.estado-carrito.completado{background-color: #008000 !important;}
.estado-carrito.lab{
	display: block;
    color: #fff;
    height: 23px;
    font-size: 10px;
    padding: 3px 4px;
    width: 23px;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;
}
.itemfloatcart .line2{display: flex;	justify-content: space-between;  }
/* AÑADIDO AL CARRITO */
.added-to-cart{ display: block; height: 40px; width: 40px; position: absolute; right: 25px; top: 5px; }
article:hover .added-to-cart img{ filter: unset !important; transform: unset !important; }
.Productos.fitxa .anadir-carrito{position: unset !important;}
.Productos.fitxa .added-to-cart{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    position: absolute;
    right: -50px;
    top: unset;
    bottom: 0px;
}
.Productos.fitxa .added-to-cart img{ border-radius: 50%; padding: 0 !important; }



.Productos.fitxa .addtocart{}
.Productos.fitxa .addtocart .preu{ display: flex; flex-direction: column; gap: 20px; margin: 0 !important; padding: 0 !important; position: relative;}
.Productos.fitxa .addtocart .preu .unitmeasure{max-width: 100%; width: 100%; padding: 15px 0 !important;}
.Productos.fitxa .addtocart .preu .unitmeasure .quantity_wanted{display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 30px;}
.Productos.fitxa .addtocart .preu .unitmeasure .quantity_wanted label{padding: 0 !important; font-size: 16px; font-weight: 500; color: #000;}
.Productos.fitxa .addtocart .preu .unitmeasure .quantity_wanted .quantitat{justify-content: end; margin: 0 !important;  position: relative;}
.Productos.fitxa .addtocart .preu .unitmeasure .quantity_wanted .quantitat .btn{height: 35px;	border-radius: 0;	margin: 0;	width: 35px; font-size:12px;}
.Productos.fitxa .addtocart .preu .unitmeasure .quantity_wanted .quantitat .cantidad{height: 35px; max-width: 50px; font-size: 14px;}
.Productos.fitxa .addtocart .preu .price-container{width: 100%; padding: 0 !important; display: flex;flex-direction: row; margin-bottom: 30px; line-height: normal;}
.Productos.fitxa .addtocart .preu .price-container .unitprice{padding: 0 !important; display: flex; flex-direction: column; max-width: 33%; justify-content: space-between;}
.Productos.fitxa .addtocart .preu .price-container .unitprice label{line-height: normal; font-size: 16px; font-weight: 500; color: #000; margin-bottom: 5px !important;}
.Productos.fitxa .addtocart .preu .price-container .unitprice span{line-height: normal; font-size: 20px; color: var(--primary);}
.Productos.fitxa .addtocart .preu .price-container .totalBuy{padding: 0 !important; margin-top: 0 !important; max-width: 33%;}
.Productos.fitxa .addtocart .preu .price-container .totalBuy p{ font-size: 16px; font-weight: 500; color: #000; margin-bottom: 5px !important;}
.Productos.fitxa .addtocart .preu .price-container .totalBuy span{ line-height: normal; font-size: 20px; color: var(--primary); font-weight: normal;}
.Productos.fitxa .addtocart .preu .comprarbut{display: flex;width: 100%; margin-top: 0 !important;}
.Productos.fitxa .addtocart .preu .formatUnits{width: 100%; max-width: 100%;}
.Productos.fitxa .addtocart .preu .formatUnits .intformat{padding: 15px 0;}

/* DESPLEGABLE COSTAT BUSCADOR */
.navbar-toggler .navbar-toggler-icon { width: 16px; height: 18px; background-image: none; position: relative; display: block; padding: 0; margin: 0; margin-right: 7px; border-bottom: 2px solid var(--dark); transform: translateX(8px); }
.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before { width: 16px; position: absolute; height: 2px; background-color: var(--dark); top: 0; left: 0; content: ''; z-index: 2; transform: translateX(-8px); transition: all 300ms linear; }
.navbar-toggler .navbar-toggler-icon:after { top: 8px; width: 24px; left: 0; }

/* TAULA INTRANET */
.pending-orders table{}
.pending-orders table td{padding: 8px 20px;}
.pending-orders table td.accions{text-align: center;}

table .accions .btn.btn-info{padding: 5px 8px; border-radius: 20px; font-size: 16px; width: 90px; text-align: center; }

.dataTables_paginate{}
.dataTables_paginate .paginate_button.disabled{cursor: default;}
.dataTables_paginate .paginate_button.previous{cursor: pointer; margin-right: 10px;}
.dataTables_paginate .paginate_button.next{cursor: pointer; margin-left: 10px;}
.dataTables_paginate span {}
.dataTables_paginate span .paginate_button{ cursor: pointer; display: inline-block; width: 30px; height: 30px; padding: 5px 10px; margin: 0 5px; border: 1px solid var(--primary); background-color: #fff; color: var(--primary); line-height: normal; }
.dataTables_paginate span .paginate_button:hover,
.dataTables_paginate span .paginate_button.current{background-color: var(--primary); color: #fff;}

#intranet .dataTables_length{display: inline-block; width: 50%; text-align: left;}
#intranet .dataTables_info{display: inline-block; width: 50%; text-align: left;}
#intranet .dataTables_filter{display: inline-block; width: 50%; text-align: right;}
#intranet .dataTables_paginate{display: inline-block; width: 50%; text-align: right;}
#intranet .dataTables_length select{ height: 30px; padding: 0; }
#intranet .dataTables_filter input{height: 40px;}

body:not(.pedido) .onlypedido{display: none !important;}
body:not(.compra) .onlycompra{display: none !important;}

/* BOMBOLLA NO MES STOCK */
.no-stock-bubble{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    background: rgb(0, 0, 0, 0.9);
    padding: 12px 15px;
    font-size: 11px;
    line-height: normal;
    color: #fff;
    bottom: 7px;
}


.boton-disabled + .invisible-trigger-overlay{
	width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
	z-index: 1;
}

#pagina-seo{}
#pagina-seo .gallerycontent .item{padding: 0 20px 40px;}
#pagina-seo .contenedor-caption > .row{position: relative;}
#pagina-seo .contenedor-caption .caption{position: absolute; top: 45% !important; left: 50% !important; right: unset !important; bottom: unset !important; width: 100%; padding: 0 15px !important; transform: translate(-50%, -50%);}
#pagina-seo .contenedor-caption .caption div{margin: 0; text-align: left;}
#pagina-seo .contenedor-caption .caption  > .row{max-width: unset; padding: 0 !important;}
#pagina-seo .contenedor-caption .caption h1{font-size: clamp(32px, 28px + 1.5vw, 50px) !important; color: #000; font-weight: lighter; line-height: 1; text-align: center; width: 60%; margin: 0 auto;}
#pagina-seo .contenedor-caption img{opacity: .4;}

#pagina-seo .fondorosa.tipo1{padding: 40px 40px 50px;}
#pagina-seo .fondorosa.tipo2{padding: 50px 40px 40px;}
#pagina-seo .fondorosa h3{color: #fff; margin-bottom: 15px;}
#pagina-seo .ltn__feature-info h2{text-align: center;}
#pagina-seo .ltn__feature-info p{color: #000; font-size: 18px;}
#pagina-seo .ltn__feature-icon{width: unset; margin-right: 0; margin-bottom: 0;}
#pagina-seo .ltn__feature-icon img{height: 100px;}

#pagina-seo h1{font-size: clamp(0.9375rem, 0.375rem + 2.8125vw, 3.75rem);}
#pagina-seo h2{font-size: clamp(24px, 20px  + 1vw ,30px);}
#pagina-seo h3{font-size: clamp(20px, 18px + .5vw ,24px);}
#pagina-seo h3.p:nth-child(1){font-size: clamp(16px, 14px + 0.5vw ,20px); font-weight: 500;}
#pagina-seo h3.p:nth-child(2){font-size: 18px; font-weight: 500;}
#pagina-seo h4{font-size: clamp(16px, 14px + 0.5vw ,20px);}
#pagina-seo .btn.btn-brand{height: unset !important;}


/* MOSTRAR U OCULTAR POR USUARIO */
/* NO LOGIN */
/* body:not(.logged) .hide-not-logged{display: none;} */
/* LOGIN */
/* body.logged .hide-logged{display: none;} */
/* COMPRA */
/* body.pedido .hide-pedido{display: none;} */
/* body.compra .hide-compra{display: none;} */


/* COMPRA */
#accordionStepsBuy .card-header button{pointer-events: none; border-radius: 0;}

/* PAGO OK */
.pagook .messageContainer{margin: 0 auto 50px;}
.pagook .products{max-height: 250px; overflow: auto; margin: 15px 0; padding-left: 30px;}
.pagook .products .product-info{padding: 0; font-size: 14px;}
.pagook .products .product-info + .product-info{padding-top: 7.5px; padding-bottom: 7.5px; border-top: 1px solid #eee;}
.pagook .products .product-info:first-child{padding-bottom: 7.5px;}
.pagook .products .product-info:last-child{padding-bottom: 0;}

/* ADDRES */
.address-info p{margin-bottom: 10px; font-size: 16px;}

#reserva.pagook{padding-top: 0;}
body#productos main > div{padding-top: 20px;}

/* TABLA SIN BORDES */
tfoot tr,
tbody tr{ border-bottom: 1px solid #f2f2f2;}
tr{ background-color: #fff !important;}
td,
th,
table{border: 0 !important;}

ul.shipper{padding-left: 0;}

#pagaments-buttons{display: flex; flex-wrap: wrap; gap: 15px;}
#orderPage #end-payment{margin-left: 0 !important;}

.Productos.fitxa div:empty{display: none !important;}

.btn.btn-gris{
    background-color: var(--ltn__primary-color) !important;
    color: var(--white) !important;
}
.btn.btn-gris:hover{
	background-color: #E55472 !important;
    color: #fff !important;
    border-color: #E55472 !important;
    text-decoration: none !important;
}

.menuuser0 .dropdown-menu li.nav-item, .menuuser0 .dropdown-menu li.nav-item:hover{background-color: unset;}

.user-info-intranet p{font-size: 16px;}

.modal-opener{font-size: 14px; text-align: center;}
.modal-opener i{color: var(--ltn__secondary-color);}
.modal-opener a{cursor: pointer;}
.modal-opener a:hover,
.modal-opener a{text-decoration: underline;}

.shipper-btn{}

.no-products-found{ display: flex; flex-direction: column; align-items: center; height: 300px; justify-content: center; }
.no-products-found p{text-align: center;}

.btn-nav-prev.btn-nav-prev.btn-nav-prev:hover{background: var(--btn-nav-prev) !important;}
.btn-nav-prev.btn-nav-prev.btn-nav-prev{background: #7f7f7f !important;}
.btn-nav-next.btn-nav-next.btn-nav-next{background: var(--btn-nav-next) !important;}
.btn-nav-next.btn-nav-next.btn-nav-next:hover{background: #7f7f7f !important;}
.btn-small{ padding: 5px 10px !important; display: inline-flex !important; align-items: center; height: 30px !important; font-size: 14px !important; border-radius: 50px !important; }
.btn-100{width: 100% !important;}

.orange-warning {
    /*background-color: orange;*/
    background-color: #ffefd3;
    color: #000;
    font-size: 14px;
}

/* PEDIDOS */
.intranet-warning-message.new-purchase{justify-content: center; flex-wrap: wrap; row-gap: 10px;}
.intranet-warning-message { color: #fff; background-color: #3498db; padding: 10px 20px; display: flex ; justify-content: space-between; margin-bottom: 30px; font-size: 14px; align-items: center; }
.intranet-warning-message .btn{margin-left: 15px;}
.filter-group{ display: flex ; justify-content: end; margin-bottom: 15px; align-items: end; }
.filter-group label{ margin-bottom: 0; font-size: 16px; margin-right: 15px;}
.filter-group select{ height: 34px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 0; }

/* booking step info */
/* .booking-step-container {padding: 10px; background-color: #fff;}
.booking-step-container .booking-step-title{text-align: center; color: #000; font-size: 14px; margin-bottom: 0;}
.booking-step-container .booking-step-info{ display: flex; flex-direction: row; justify-content: center; column-gap: 20px; padding-top: 20px; }
.booking-step-container .booking-step-info .booking-step-item{ height: 40px; width: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 12px; }
.booking-step-container .booking-step-info .booking-step-item.prev { background-color: var(--secondary); position: relative;}
.booking-step-container .booking-step-info .booking-step-item.prev::after{  content: ""; height: 5px; width: 20px; background-color: var(--secondary); position: absolute; right: -20px; }
.booking-step-container .booking-step-info .booking-step-item.now { background-color: var(--secondary);position: relative;}
.booking-step-container .booking-step-info .booking-step-item.now::after{  content: ""; height: 5px; width: 10px; background-color: var(--secondary); position: absolute; right: -10px; }
.booking-step-container .booking-step-info .booking-step-item.next { background-color: var(--secondary-light); }
.booking-step-container .booking-step-info .booking-step-item:last-child::after{ content: unset; } */
.booking-step-container {/* padding: 15px 0; background-color: #fff; margin-bottom: 20px; */}
.booking-step-container .booking-step-title{text-align: center; color: #000; font-size: 14px; margin-bottom: 0; display: none;}
.booking-step-container .booking-step-info{display: flex;flex-direction: row;justify-content: center;/* column-gap: 60px; */}
.booking-step-container .booking-step-info .booking-step-item{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.booking-step-container .booking-step-info .booking-step-item .step-ball .step-number{height: 30px;width: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 12px;background: #ccc;}
.booking-step-container .booking-step-info .booking-step-item .step-ball { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 20px; gap: 5px; }
.booking-step-container .booking-step-info .booking-step-item .step-line { width: 100px; height: 2px; background: #ccc; }
.booking-step-container .booking-step-info .booking-step-item .step-name { font-size: 12px; line-height: normal;  text-align: center;}
.booking-step-container .booking-step-info .booking-step-item.prev .step-name,
.booking-step-container .booking-step-info .booking-step-item.now .step-name {color: #333;}
.booking-step-container .booking-step-info .booking-step-item.prev .step-ball .step-number,
.booking-step-container .booking-step-info .booking-step-item.now .step-ball .step-number,
.booking-step-container .booking-step-info .booking-step-item.prev .step-line { background: #333; }

.header-proceso-compra{padding-top: 15px !important; padding-bottom: 15px !important; margin-bottom: 0 !important;}

#acceso_usuarios button.close { margin-right: -15px; margin-top: -25px; }

h4[data-toggle="collapse"] i{transition: all 0.3s ease-in-out; transform: none;}
h4[data-toggle="collapse"][aria-expanded="true"] i{rotate: 90deg;}

#intranet table{width: 100% !important; margin: 0;}
#intranet .dataTables_scrollBody{margin-bottom: 15px;}

#modal-order-details .table-responsive { margin-bottom: 15px; padding-bottom: 15px; height: 100%; max-height: 350px;}

.table-wrapper{position: relative;}
.table-loader{ position: absolute; top: 0; background: rgba(255, 255, 255, 0.5); left: 0; right: 0; display: flex; width: 100%; bottom: 0; margin: auto; align-items: center; }
.table-loader img{ mix-blend-mode: multiply; }

/*tutorial*/
/* Modal fons i centratge */
#tutorial {
  display: none;              /* es mostra via JS */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Caixa blanca del contingut */
#tutorial .modal-header{border-bottom: 1px solid #dee2e6;}
#tutorial .modal-footer { padding: 20px; border-top: 1px solid #dee2e6; }
#tutorial .modal-footer *{margin: 0;}
#tutorial .modal-footer .tutorial-buttons{gap: 10px; flex-wrap: wrap;}
#tutorial .modal-header,
#tutorial .modal-body{padding: 20px !important;}
#tutorial .modal-content .modal-header .tutorial-heading h4{margin-bottom: 0;}
#tutorial .modal-content {
  background: #fff;
  border-radius: 0.5rem;
  /* max-width: 600px; */
  /* width: 90%; */
  padding: 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
}

/* Swiper container: ajusta al 100% ample del modal-content */
#tutorial .swiper {
  width: 100%;
  height: auto;
  /* margin-bottom: 1rem; */
}

/* Swiper slides: centrades i amb padding */
#tutorial .swiper-slide {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* font-size: 1.25rem; */
  color: #333;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 0.25rem;
}

/* Paginació de Swiper: punts més grans i espaiats */
#tutorial .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 6px;
  background: #ccc;
  opacity: 1;
  transition: background 0.3s;
}
#tutorial .swiper-pagination-bullet-active {
  background: #E55472;
}
#tutorial .swiper-pagination{position: unset; margin-top: 10px;}



/* Botó “Saltar” amb estil neutre */
#tutorial #tutorial-skip {
  background: #6c757d;
}
#tutorial #tutorial-skip:hover {
  background: #5a6268;
}

/* Responsive: a pantalles petites reduïm padding i font */
@media (max-width: 400px) {

}
#tutorial .swiper-slide{cursor:pointer}
#tutorial .tutorial-page-5{height: auto;}
#tutorial .swiper_slide_title{    font-weight: 500;
    font-family: var(--ltn__paragraph-font);
    font-size: 20px;
    display: block;
    line-height: normal;
    color: #333;
    margin-bottom: 10px;}
#tutorial-opener:not(.show){display: none;}
#tutorial-opener.show button { position: fixed; bottom: 15px; right: 15px; background: #E55472; z-index: 10000; display: flex; box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3); color: #fff; height: 50px; width: 50px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #E55472; transition: all 0.3s ease-in-out; }
#tutorial-opener.show button:hover{ background-color: #fff; color: #E55472; }
#tutorial-opener.show button svg{fill: #fff;}
#tutorial-opener.show button:hover svg{ fill: #E55472;}


/*fi tutorial*/

/* CARTPAGE ERROR Y WARNING */

.cart-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 60px 20px;
  margin: 40px 0;
  border-radius: 8px;
  background-color: #f8f9fa;
}

.cart-message__icon {
  font-size: 3rem;
  margin-bottom: 20px;
}

.cart-message__icon i {
  display: block;
}

.cart-message--error .cart-message__icon {
  color: #dc3545;
}

.cart-message--warning .cart-message__icon {
  color: #6c757d;
}

.cart-message__title {
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.cart-message__text {
  color: #6c757d;
  margin-bottom: 25px;
  max-width: 400px;
}

.cart-message__actions .btn {
  min-width: 200px;
}
/* FI CARTPAGE ERROR Y WARNING */
.info-line > p { font-size: 12px !important; display: flex; flex-direction: column; margin-bottom: 10px !important;}

.contenidor-dadespersonals h4, .contenidor-fast-menu h4, .intranet_section_title{margin-bottom: 20px;}
#intranet.new-purchase .ltn__breadcrumb-area{margin-bottom: 0 !important;}
button:disabled{cursor: unset;}




.product-list .ltn__pagination .navigation-button.disabled{display: none !important;}
#pedidoModal .modal-title{font-size: 24px;}
#compraModal .modal-title{font-size: 24px;}

#orderPage #div-sending{/*display:none;*/}
#orderPage #accordion #collapse-comments{display:block;}
#orderPage #accordion #collapse-payment{display:block}
#orderPage #continue-shipment{/*display:none;*/}
#orderPage .formDataOrder .card{box-shadow:none;}
#orderPage #collapse-comments #continue-to-payment{display:none;}
#orderPage .formDataOrder .card{width: 33%;}

#orderPage #accordion{display:flex;}
#orderPage #comments{font-size:14px;}
#orderPage #accordionStepsBuy .address{width: 25%;border-color: #fff;}
#orderPage #accordionStepsBuy .endOrder{width: calc(75% - 15px);  margin-left: 15px;}
#orderPage #accordionStepsBuy{display:flex;}
#orderPage #accordionStepsBuy #collapse-payment{display:block;}