/* varela-round-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/varela-round-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* libre-baskerville-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/libre-baskerville-v14-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/nunito-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/nunito-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/nunito-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nunito-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nunito-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/nunito-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* questrial-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Questrial';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/questrial-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* ===================  NO BORRAR =============================== */
:root {
    --white: #FFFFFF;
	--yellow: #feca11;
	--orange: #ff460d;
	--purple: #2c1eed;
	--purple-background: #3223ff;
	--green: #226e51;
	--gray-dark: #333;
	--pink: #feb7d8;
	--grey: #979797;
	--black: #000;
	--primary: #000 !important; 
	--swiper-navigation-size:20px;
}
@keyframes add-item {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes remove-item {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

html{overflow-x:hidden}
body{ font-family: 'Varela Round', sans-serif;font-size: 18px;}
p{font-family: 'Varela Round', sans-serif;	font-size: 18px;color: var(--black); line-height: 1.45;}

h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Varela Round', sans-serif; font-weight: 700; color: var(--black);margin-bottom: 15px;}
h1{font-family: 'Nunito', sans-serif; color: var(--black); font-size: clamp(28px,2.8vw,48px); line-height: normal; margin-bottom: 5px!important;}
h1.small{font-size:11px}
h2, .h2 {	font-size: clamp(24px,2vw,30px);    line-height: normal;}
.titlel h1, .titlel h2, .titlel h3, .titlel h4, .titlel h5 {  font-size: clamp(22px,4vw,50px) !important;}
.btn-accordion {font-family: 'Varela Round', sans-serif;}
a {
	color:var(--purple);
}
a:hover {
	color: var(--black);
}
main p a:hover{
	background: rgba(254, 202, 17, .35);
}
a, a:hover{
	transition: all 0.5s ease;
}
big{font-size: clamp(18px,2.5vw,26px);}
blockquote {  background: #eee;  padding: 30px;  text-align: center;  margin: 0;	 background-color: var(--green);margin-bottom: 15px;}
blockquote p{margin-bottom: 0;}
.marker{background-color: var(--green);}
.color-yellow {color: var(--yellow);}
.color-green {color: var(--green);}
/* =========== BOTONS =========== */
.btnsmall .btn.btn-brand {  background-color: transparent;  border-radius: 0;  text-transform: none;  color: #333;}
.btnsmall .btn.btn-brand:after{content:url("../img/right-arrow.svg");width: 50px;height: 50px;transform: scale(0.4);margin-top: 2px;}
.btn.btn-brand {background-color: var(--black); border-radius: 0; text-transform: uppercase; color:c;}
.btn {height: 48px;}
.btn.btn-brand,.btn.inv {    background-color: transparent;    text-transform: initial;    color: var(--black);    border: 1px solid var(--black); height: 48px;}
.btn.btn-brand:hover,.btn.inv:hover {background: var(--yellow); color:#fff;}
.btn.inv:hover {background: var(--purple-background)!important; color:#fff; border-color:var(--purple-background)}
.btn:focus {outline: 2px solid var(--yellow);}
#intranet .btn.btn-brand {
    margin-left: 8px;

}
#intranet .btn.btn-brand:hover{border-color: var(--purple-background) !important;background-color: var(--purple-background) !important;} 
/* =========== UTILITATS =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}
.nopointer a{pointer-events: none;}
.right,.right > div{justify-content: flex-end;}
.center, .center > div {justify-content: center;}
.left, .left > div {justify-content: flex-start;}
.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:var(--black);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: var(--black);
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
/* ===================  MENU =============================== */

.extratop {background-color: #eee; padding: 8px 5px;}
.extratop .lock-container {align-items: center; display: flex;}
.extratop a {color: var(--black);}
.extratop a:hover {color: var(--purple-background);}
.extratop .house img{	max-width: 30px;
}
.extratop .lock-container #idiomes {display: flex; align-items: center;}
ul.idiomes {
	/*position: absolute;*/
	right: 0;
    line-height: 34px;
}
ul.idiomes > li.active a {border-bottom: 1px solid #000;}
.social-icons li a {  color: var(--black);}
.navbar-brand {margin: 20px 0; height: 100px;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 70px;}
#navbarSupportedContent {
    justify-content: center;
}
.main-navigation {margin-top: 4vw; margin-bottom: 2vw;} 
.main-navigation ul.navbar-nav {align-items: center;}
.navigation-wrap {border-bottom: 0 !important; }
.main-navigation .dropdown-menu {padding: 15px 0 20px 0!important;top: 90%;background: var(--light-green);margin-top: 0 !important;min-width: 350px; left: -30%;	border-top: none;}
.dropdown-menu {border-top: 2px solid var(--dark);}
.dropdown-menu::before {    top: 0;}
.main-navigation .dropdown-menu .nav-link {margin: 0 30px !important;}
.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 .searchcont {display: flex;align-items: flex-end;}
.main-navigation .show-search {margin: 10px;}
.icon.show-search{display:none;}
.form-control.search{border:none;border-bottom: 1px solid var(--black); border-radius:0;height: 30px; margin-bottom: 0px;}
.search-form .icon-input{border:none; padding: 0;}
.search-form{margin-bottom:0;}
.searchcont .searchform{display: block!important;}
.main-navigation ul li.nav-item {  
	margin: 35px 30px 5px 30px; 
	display: block;
}
.navbar-light .navbar-nav .nav-link {  
	font-size: 18px;
	color: var(--black);
	display: inline-block;
	position: relative;
	text-decoration: none;
	    margin-top: 0;
    margin-bottom: 0;
}
.navbar-light .navbar-nav .nav-link:hover {/*color: var(--green) !important;*/}
.navbar-light .navbar-nav .nav-link:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  background-color: var(--yellow);
  transition: transform 0.3s;
}
.navbar-light .navbar-nav .nav-link:hover:after {transform: scaleX(1);}
.navbar-light .navbar-nav .nav-link.active{border-bottom:1px solid var(--black);}
.cbp-af-header.cbp-af-header-shrink .nav-item {	margin: 35px 30px 5px 30px;}
.cbp-af-header.cbp-af-header-shrink .nav-link {margin-top: 0; margin-bottom: 0;}
.cbp-af-header.cbp-af-header-shrink .navbar-nav .nav-item:last-child {margin-right: 0;}
.cbp-af-header.cbp-af-header-shrink .extratop .nav-item {margin: 0;}

/*Contenidors*/
.fondogris {background: var(--light-green);}
.fondogreen {background: var(--green);}
.fondolila {background-color: var(--purple-background);}
.fondogreen h2 {font-size: clamp(20px,2.8vw,35px)}
.fondogreen h2 a {color: var(--white);}
.fondogreen h2 a:hover {color: var(--yellow);}
.fondogreen a, .fondolila a{color:var(--white);} 
.fondogreen p{margin-bottom: 0;font-size: clamp(30px,2.5vw,40px);line-height: clamp(40px,3vw,45px);}
#logout .btn-user-profile i + i{display:none;}
#logout .btn-user-profile{padding: 0;	display: flex;}
#logout .btn-user-profile:hover{background-color: transparent;color: var(--green) !important;}
#logout .btn-user-profile{}
#idiomes .carrito{display: flex;	align-items: center;}
.link-carrito {margin: 20px;color: #fff !important;border: none;position: relative;width: 50px;}
.link-carrito i{
	font-size: 32px;
    margin-top: -5px;
    display: block;
    line-height: 32px;
}
.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;
}
.link-carrito.btn-icon-transparent {
    height: 25px!important;
    padding: 0px 5px;
    color: #fff;
    outline: none;
    margin: 0;
}

.link-carrito.btn-icon-transparent:hover i {color: #000 !important;}
#cant_carrito.cant_carrito {color:#fff; background-color: var(--orange)!important; }
#cant_carrito.cant_carrito:empty{display:none;}
.bg-blue2{background-color: var(--purple-background);}
#intranet .shopArea i {
	display: block;
	font-size: 40px;
	line-height: 20px;
  }
.menuuser0 .data {    padding-left: 10px;}
.menuuser0 .data .fa-user-o{font-size:25px;font-weight: 600;}
.menuuser0 li{ width: fit-content; /*width: 66px;*/}
.menuuser0 .data:after{    
	content: "Acceso";
    position: absolute;
    bottom: 0px;
    left: 0;    
	margin-top: 0px;    
	font-size: 12px;
	display: none;
}
.laberDisplaySearch > div{display:flex;}
.searchcont{max-width: 250px!important;}
.shopicons > div{display:flex; align-items: center; justify-content: flex-end;}
.menuuser0{margin:0; padding: 0;}
.menuuser0 .dropdown-menu{top: 0; left: -120px;}
.menuuser0 .nav-item {padding: 5px 0 0 0; margin: 0;/*margin: 0 10px;*/}
.menuuser0 .nav-item > a{
	color:var(--black)!important; 
	font-weight: normal; 
	text-transform: uppercase;    
	margin-top: 0px;
    margin-bottom: 0px; 
	width: fit-content;
    /*height: 75px;*/ 
	padding-top: 0!important;
}
.menuuser0 > .nav-item > a{pointer-events: none;}
.nav-item .dropdown-menu {padding: 5px 15px 8px !important;margin-top: 35px !important;}

.nav-item.dropdown a .toggler, .nav-item.dropdown a:after {display: none;}

.menuuser0 .dropdown-menu .nav-item > a{
	color:var(--black)!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:#000!important;}
.menuuser0 .nav-item > a:hover:before{display:none;}
.menuuser0 .nav-item .dropdown-menu{    min-width: unset;    width: 170px;}
.menuuser0 .nav-item .dropdown-menu a{ font-size:14px;}
/*SLIDER*/
#slidehome {}
#slidehome .icontext{display:flex; flex-wrap: wrap; align-items: center; justify-content: center;}
#slidehome .feature-info{position:absolute; z-index: 10;width: 100%;;}
#slidehome .feature-icon{width: 100%;}

.cabecera h1{color: var(--yellow);
	font-size: clamp(40px,9vw,160px) !important;
	/*outline-color: red;
	-webkit-text-stroke: 1px red;*/
	font-weight: 800;
	text-shadow: 4px 4px 0 #ff0000, 4px -4px 0 #ff0000, -4px 4px 0 #ff0000, -4px -4px 0 #ff0000, 4px 0px 0 #ff0000, 0px 4px 0 #ff0000, -4px 0px 0 #ff0000, 0px -4px 0 #ff0000;
	letter-spacing: 1px;
	line-height: 1em;
}
.cabecera h2{
	font-size: clamp(14px,1.5vw,30px) !important;
	color: var(--green); 
	text-shadow: 2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 0px 2px 0 #FFFFFF, -2px 0px 0 #FFFFFF, 0px -2px 0 #FFFFFF;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#slider .blackbox {	background: var(--black);    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: var(--black);    border: 1px solid var(--black);    text-transform: initial;    padding: 15px 35px;	font-weight: 600;}
.swiper-button-next,.swiper-button-prev{color: var(--darkgreen); top: 45% !important;background: rgba(255,255,255,0.5);
	border-radius: 0;}
.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: 'Varela Round', sans-serif;font-size: 20px;margin-bottom: 25px;}
.individualbanner1 h2 {    position: absolute;    text-align: center;    padding: 15px;    width: 93%;    color: var(--white);    margin: 5% 0 0 0;
    z-index: 1;    font-size: clamp(20px,2vw,54px);	transition: all 0.3s linear;}
.individualbanner1 h2 a {color: var(--white);}
.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: var(--black); font-weight: normal; font-family: 'Varela Round', 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: 'Varela Round', sans-serif;}
.individualbanner2 .caption a { color: var(--black);}
.individualbanner2 .caption div { text-align: inherit;}

/*Breadcrumb*/
.breadcrumbcontainer {
	margin-top: 25px;
    margin-bottom: auto;
    background: #fff;
    box-shadow: none;
    position: inherit;
}
.has-sticky-header .breadcrumbcontainer {position: inherit !important;}
.breadcrumb {display: inline-flex;}
.breadcrumb a{color: var(--black);}

/*Llistats de productes i categories*/
.product-list.products .block-ellipsis{}
.product-list {text-align: center;}
.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{text-align: center;}
.product-list h3,.product-list .item-title {font-size: clamp(16px,1.3vw,18px); text-align: center; line-height: normal; padding: 15px 15px 0 15px; margin: 0 auto; font-weight: 400;color: var(--black);transition: all 0.3s linear;}
.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.products .item-title{font-weight: 600;}
.product-list .item img {transition: all 0.3s linear; background: linear-gradient(#fbfbfb,#f6f6f6);}
.product-list .item:hover img {filter: brightness(75%);}
.product-list .item:hover h3,.product-list .item:hover .item-title {color: var(--purple-background);}
.product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
.product-list .price-produt{color: var(--black);}
#index .product-list .price-produt {
	pointer-events: none;;
	color: var(--black);
	position: absolute;
	top: 15px;
	left: 30px;
	background: white;
	padding: 10px 10px;
	border-radius: 50%;transform: rotate(-15deg);
	border:6px solid white;
}
#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.fitxa h3 {font-weight: bold;    }
.Productos.fitxa h2, .Productos.fitxa h3{font-weight: normal;}
.Productos.fitxa p strong{}
.Productos.fitxa #fitxes .btn{height: 45px;}
#contentfitxa {margin-top: 20px; /*clamp(20px,2.5vw,80px)*/}
#contentfitxa .featured{height: 0;	overflow: hidden;}
#contentfitxa .bloque:nth-child(2) {padding-left: 30px;}
#contentfitxa #descripcion {margin-top: 2.5em; margin-bottom: 1em;}
#contentfitxa #preu {padding-left: 15px; /*flex-direction: column;*/}
#contentfitxa #preu label {font-size: clamp(12px,1.8vw,16px); margin-bottom: 0; color: var(--dark);}
#contentfitxa #preu .Precio {font-size: 24px; color: #000;}
#contentfitxa #preu #precioTotal {font-size: 36px; color: var(--green); font-weight: 800;}
#contentfitxa #preu .form-control {height: calc(1.3em + 0.6rem + 2px); padding: 0.2rem 0.4rem;transition: all 0.5s ease; background: #fff;}
#contentfitxa #preu .form-control:focus {border-color: #feca11; box-shadow: 0 0 0 2px rgb(254 202 17 / 100%);}
#contentfitxa #preu .p-1 { padding: 0!important;}
#contentfitxa #preu .btnBuy {align-items: flex-end; display: flex;justify-content: left; padding-bottom: 15px; padding-top: 15px; left: -6px;}
#contentfitxa #preu .totalBuy {padding-left: 0; padding-right: 0;}
#contentfitxa #preu .quantity_wanted .button-plus, #contentfitxa #preu .quantity_wanted .button-minus {margin: 0 2px;}
#contentfitxa #preu .btn:hover { color: #fff !important; background-color: var(--purple-background) !important; opacity: 1 !important;}
#contentfitxa #preu .btn {height: 40px; background: #e7e7e7; transition: all 0.5s ease;display: flex;	flex-direction: row-reverse; opacity: 1 !important;}
#contentfitxa #preu .qty {text-align: center}
#contentfitxa #preu .quantitat {justify-content: left;}
#contentfitxa #preu h4 {margin: 20px 0 0 0 !important;color: var(--dark) !important;}
#contentfitxa #relatedproducts {margin-top: 8vw;}
#contentfitxa #preu .totalBuy .ptotal{
	display: none;
}

#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-green);}
#formfitxa .form-input-item {min-height: 55px; align-items: baseline;}
#formfitxa textarea.form-control {margin-bottom: 10px;}
#formfitxa input[type="checkbox"] {margin-top: 0;}
.imgCol {padding-right: 40px;}


/*.Productos.fitxa .product-list .price-produt{
	pointer-events: none;;
	color: var(--black);
	position: absolute;
	top: 15px;
	left: 30px;
	background: white;
	padding: 10px 10px;
	border-radius: 50%;transform: rotate(-15deg);
	border:6px solid white;
}*/

/*Butons*/
.btn.btn-system .fa {padding: 0 5px;}

.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-system,
.btn.btn-system.comprarbut, 
.btn.btn-brand, 
.btn.btn-system.link-carrito, 
.btn.btn-light-dark, 
.btn.btn-dark-primary {
	padding: 0.5rem 1.5rem;
	color: #000 !important;
	text-transform: uppercase;
	font-size: 18px;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 48px!important;
	line-height: 1em;
	background-color: #fff !important;
	text-decoration: none;
	border: 2px solid black;
}
.btn.btn-primary:after, 
.btn.btn-secondary:after, 
.btn.btn-system:after, 
.btn.btn-system.comprarbut:after, 
.btn.btn-system.link-carrito:after, 
.btn.btn-brand:after, 
.btn.btn-light-dark:after, 
.btn.btn-dark-primary:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.btn.btn-primary:before, 
.btn.btn-secondary:before, 
.btn.btn-system:before, 
.btn.btn-system.comprarbut:before, 
.btn.btn-system.link-carrito:before, 
.btn.btn-brand:before, 
.btn.btn-light-dark:before, 
.btn.btn-dark-primary:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	transition: all 0.3s;
	z-index: -1;
}
.btn.btn-primary:hover,
.btn.btn-secondary:hover, 
.btn.btn-system:hover, 
.btn.btn-system.comprarbut:hover, 
.btn.btn-system.link-carrito:hover, 
.btn.btn-brand:hover, 
.btn.btn-light-dark:hover, 
.btn.btn-dark-primary:hover {
	color: #fff !important;
    background-color: var(--purple-background) !important;
    box-shadow: none !important;
    border-color: var(--purple-background) !important;}

.btn.btn-primary:hover:before, 
.btn.btn-secondary:hover:before, 
.btn.btn-system:hover:before,
.btn.btn-system.comprarbut:hover:before,
.btn.btn-system.link-carrito:hover:before, 
.btn.btn-brand:hover:before, 
.btn.btn-light-dark:hover:before, 
.btn.btn-dark-primary:hover:before {width: 100%;}

.btn.btn-system.link-carrito {
    border-color: #000 !important;
    color:black !important;
}
.btn.btn-light-dark {font-size: 16px;}
.btn:focus, .btn:active {
    outline: 0 !important;
	background-color: transparent !important;
    box-shadow: none !important;
}

/*Footer*/
#footer .fondogris p strong{ color: var(--black)!important; margin-top: 5px;display: inline-block;}
#mailchimpform input{border: 0;border-bottom: 1px solid var(--black);border-radius: 0;}
#footer {background-color: var(--purple-background); padding-bottom: 30px;}
#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 p, #footer a, #footer input, #footer label  {font-size: 14px; color: var(--white); }
#footer p{margin-bottom: 0;}
#footer a:hover {color: var(--yellow);}
#footer .bkcolor {background-color: var(--light-green);}
#footer .bkcolor h4, #footer .bkcolor h5 {color: var(--black);}
#footer .svgimage {max-height: 150px;}
#footer .copyrow {border-top: 1px solid var(--black); padding-top: 20px;}
#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 {margin-right: 20px;}
#footer .sociallist li a{font-size: 35px;}
#footer .btn{height: 38px;}

/*Contacte*/
#contactos .bloque .row {margin-bottom: 7vw;}
#contactos .bloque .row div:nth-child(2) {display: flex; align-items: center;}
#contactos a, #contactos p a {color:var(--purple-background) !important; background-color: transparent !important; }
#contactos a:hover, #contactos p a:hover {color:var(--black) !important;}
fieldset{display: flex; flex-wrap: wrap;}
.control-label {font-size: 14px; color: var(--dark); padding-left: 0!important;}
.form-input-item {display: block; width: 50%;  padding: 0 7px;  margin-bottom: 15px;}
.form-input-item:nth-child(3) {width: 100%;}
.form-group, #simpleForm small {padding: 0 7px;}
.form-style, .form-control, #simpleForm .custom-select {border: 1px solid #bfbfbf; border-radius: 0; background: #ffffff;}
.form-style:focus, .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--yellow);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 202, 17, .35);
}
form input[type="text"],form input[type="password"], form input[type="email"], select.form-control {margin: 0; height: 48px; padding: 13px 20px;font-size: 0.8rem!important;}
.control-label{max-width: fit-content;}
form label#accept {  display: flex;  flex-wrap: wrap;margin-top: 10px;}
#acepto_condiciones{margin-top:0;}
#footer a{/*text-decoration: underline;*/}

/*Especifc pàgines*/
#clientes .swiper {  mix-blend-mode: multiply;}
.parallax .btn.btn-brand{display:none;}
#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;}
.text-m p {  font-size: clamp(16px,1.5vw,30px) !important;}
.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: rgb(112 88 37 / 60%); padding:clamp(30px,5vw,80px);width: 100%;max-width: 100%;top:unset; bottom:0;}
.parallax {  height: clamp(450px,40vw,690px);}
#parallax h2{font-size: clamp(30px,3.5vw,60px); color: var(--white); margin-bottom: clamp(20px,3vw,50px);}
#parallax h3 {font-size: clamp(16px,3vw,22px); color: var(--white); font-weight: 400; margin: 0 10%; line-height: 1.2em;}
.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 var(--black);}
#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: var(--white);}
#acabados input#acabados_33[type="radio"] {background-color: var(--black);}
#acabados input#acabados_51[type="radio"] {background-color: #CCC;}
#acabados input[type="radio"]:hover {border: 3px solid var(--green);}
#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(--green);	outline-offset: max(3px, 0.2em);
	border: 3px solid var(--green);}

#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-green);margin-bottom: 15px;}
#contacte #footer .hiddenmobile{display:none;}
#contacte #footer .kd{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

/*Cart*/
.shoppingcart-content {margin-top: 6vw;}
#comentario-compra {margin-top: 6vw !important;}
#comentario-compra #comment-shop {margin: 0 0 0 20px !important;}
#comentario-compra label {align-items: flex-start; display: flex !important;}
#continue-address .form-group, #continue-shipment .form-group {padding: 0 30px 20px 0 !important;}
#pagamentslist .payment-item {border: 1px solid var(--green); background: #f2f2f2;}
#pagamentslist .payment-item.active {background: var(--purple-background) !important; color: #fff!important; border:none !important} 
.cantidad-carrito .button-plus, .cantidad-carrito .button-minus {
    opacity: 1;
	border: 2px solid black;
}
.cantidad-carrito .button-plus:hover, .cantidad-carrito .button-minus:hover {
    background-color: var(--purple-background) !important;
	border-color: var(--purple-background) !important;
}
/* Register */
#frm_nuevo_usr .btn {
    background-color: #fff;
	border: 2px solid black;
    color: var(--primary);
    border-radius: 0;
    margin-top: 40px;
	margin-left: 7px;
}
#frm_nuevo_usr .btn:hover {
    background-color: var(--purple-background) !important;
	border-color:var(--purple-background);
    color: #fff;
    border-radius: 0;
    margin-top: 40px;
}
/* Intranet */
#intranet .color-box p {
    line-height: normal !important;
	padding-top: 0 ;
}
#intranet #linkShop .color-box{
	background-color: var(--purple-background);
}
#intranet .ecomIntranetArea .color-box{
	background-color:var(--yellow) !important;
}
#intranet #linkOrders .color-box{
background-color: #ff460d !important;	
}
#intranet #linkIdentity .color-box{
	background-color:  #feb7d8 !important;
}
#s_intranet > div.page-header-wrapper.titolpaginacontainer > div > div{
	background-image: url("../img/head-intranet.svg") !important;
	background-position-y: bottom;
	background-size: 100%;
  background-repeat: no-repeat;
}
#intranet h1, #s_recuperar_pwd h1, #frm_nuevo_usr h1{
	color: black;
}
#intranet h3{font-size: 24px;	line-height: normal;}
#intranet .col-lg-8{/*margin-top:20px !important;*/}
#intranet .dataTables_wrapper{margin-top: 50px; font-size: 14px;;}
#acceso_usuarios .btn-dark-primary {	margin-bottom: 30px;	margin-top: 25px;  }
#acceso_usuarios .btn-dark-primary {}
#acceso_usuarios .btn-dark-primary:hover {
    background-color: var(--purple-background) !important;
	border-color: var(--purple-background) !important;
}
#linkShop{margin-bottom: 30px !important;}
#intranet .color-box{height: 160px;}
#intranet .color-box:hover{padding-bottom:15px;}
#intranet .sending-addresses{margin-top: 21px;}
#intranet .address{margin-top: 21px !important;}
#intranet .sending-addresses h3{margin-bottom: 20px;}
#address-form{}
#address-form .form-group{width: 49%;	display: inline-block;}
#address-form .form-group:last-child{display: block;}
#address-form .botons{margin-top:15px;}
.address-info p{margin-bottom:5px;}
#collapse-data #frm_login_order .form-group{max-width: 350px;padding: 0 14px 0 0;}
#collapse-data #frm_login_order .form-group.mt-3{margin-top:0 !important}
#collapse-data #frm_login_order{display: flex;
	flex-wrap: wrap;
	margin-top: 15px !important;
	padding: 15px;
	border: 1px solid #eee;
	width: auto;
	font-size: 14px;}
#collapse-data #frm_login_order .row{max-width: 100%;width: 100%;}
#collapse-data #frm_login_order .form-style.big:focus{	border: 1px solid #eee;}
#collapse-data .card-body > button{background-color: transparent;}
#collapse-data .card-body > button.active{background-color: #eee;}
#pagamentslist .payment-item.Transfer:before{content:url(../img/Icono-Transfe.svg); width: 40px;margin-top: 5px;}
#pagamentslist .payment-item.Redsys:before{content:url(../img/Icono-Targeta.svg); width: 40px;margin-top: 5px;}
#pagamentslist .payment-item.Transfer.active:before{content:url(../img/Icono-Transfe-wh.svg); width: 40px;margin-top: 5px;}
#pagamentslist .payment-item.Redsys.active:before{content:url(../img/Icono-Targeta-wh.svg); width: 40px;margin-top: 5px;}
#pagamentsTop #pagamentslist .payment-item {
	color: #000;
	text-align: center;
	display: flex !important;cursor: pointer;
  }
  #pagamentslist .payment-item input{cursor: pointer;} 
  .nolink{cursor:default ;pointer-events: none;}
  .absolute{position: absolute;	z-index: 10;}
  .valign > .row{align-items: center;}
  #accordion.formDataOrder .card{box-shadow: none; }
  #accordion.formDataOrder .card-header{border-bottom:0;}
  #intranet form input[type="text"], #intranet form input[type="password"], #intranet form input[type="email"] {
    background-color: #fff;}
	.shadow {		box-shadow: none!important; border:1px solid #eee;	}
	.btn-info{    background-color: var(--purple-background);
		border-color: var(--purple-background);}
		.btn-danger {
			color: #fff;
			background-color:  var(--orange);
			border-color: var(--orange);
		}
		#frm_nuevo_usr input {			border-color: #ccc!important;    margin-bottom: 15px;}
		#frm_nuevo_usr label {
			color: #333 !important;
			display: inline-block !important;
		  }

.cabecera > .row{align-items: center;	justify-content: center;}
.cbp-af-header.header-transparent {	background-color: transparent;  }
#addresses-div .address-button.active{color: #fff !important;
	background-color: var(--purple-background) !important;
	box-shadow: none !important;
	border-color: var(--purple-background) !important;}
.boton-cookie.big {
	background-color: var(--purple-background) !important;
	text-transform: initial;
	color: #fff;
	border: 1px solid var(--blue);
	height: 48px;
	font-size: 14px;
	margin: 1%;
	/*margin: 0 1%;*/
}
.btn-decline {
	background-color: #fff !important;
	text-transform: initial;
	color: var(--purple-background);
	border: 1px solid var(--gray-dark);
	height: 48px;
	border-radius: 0;
	font-size: 14px;
}
.buttons-cookies {
	/*display: inline-block;*/
	margin: 1% 6%;
	padding: 15px 0;
	width: 88%;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	align-items: center;
}
.buttons-cookies button {
    margin: 1%;
}
#reserva.pagoko{}
/*#pagamentsTop #pagamentslist .payment-item.Redsys{display: none !important;}*/
#continue-payment #shipments {flex-wrap: wrap;	display: flex; margin-bottom: 30px;flex-direction: column-reverse;}
#continue-payment #shipments label{width:100%}
/*#continue-payment #shipments label:before{content:"\f0d1";font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;}*/
  .messageRecollida {
	border: 1px solid #333;
	padding: 15px;
	margin-bottom: 30px;
	width: 350px;
	margin-top: -20px;
  }

.modal-dialog a{border-bottom: 1px solid var(--purple-background);}
#footer a {border-bottom: 1px solid #ffffff;}
.sociallist li a{border-bottom: none!important;}
.btn-icon-transparent:focus, .btn:focus, .btn:active{ outline: -webkit-focus-ring-color auto 1px!important;}
#contactos a, .texto-contacto a, .texto-inicio a{border-bottom: 1px solid var(--purple-background);}
#accept a{border-bottom: 1px solid var(--purple-background);}

#menuuser0BTN:hover{
	text-decoration: none;
	outline: none !important; /* Elimina l'contorn de focus predeterminat (si ho desitges) */
    box-shadow: none !important; /* Elimina l'ombra que alguns navegadors afegeixen per defecte */
    background-color:transparent !important; /* Estableix el color de fons que vulguis */
    color: #000000; /* Estableix el color del text que vulguis */
    /* Altres estils que vulguis aplicar quan el botó rep el focus */
}
#acceptLegalsBuy{display: flex;flex-flow: column;}

#fastCart .h4{color: #000; margin-bottom: 15px;}