* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*predefinides grid-classes.json*/
.back-linkedit{
    border: 1px solid #000;
    position: fixed;
    top: 15vh;
    right: 0;
    z-index: 99999999;
    padding: 5px 15px;
    background: #000;
    color: #fff;
}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.center.btn,
.center .btn{margin-left: auto; margin-right: auto;}
.justify{text-align: justify;}
.border > div{border:1px solid var(--primary);display: table;}
.valign,.valign > .row{display:flex;align-items: center;min-width:0;overflow:hidden;}
a,p,h1,h2,h3,h4,h5,ul li{font-weight: unset;}
.titlexl h1,.titlexl h2,.titlexl h3,.titlexl h4,.titlexl h5{font-size: clamp(24px,5vw,60px)!important}
.titlel h1,.titlel h2,.titlel h3,.titlel h4,.titlel h5{font-size: clamp(22px,4.5vw,50px)!important}
.titlem h1,.titlem h2,.titlem h3,.titlem h4,.titlem h5{font-size: clamp(20px,4vw,40px)!important}
.titles h1,.titles h2,.titles h3,.titles h4,.titles h5{font-size: clamp(18px,3.5vw,35px)!important}
.titlexs h1,.titlexs h2,.titlexs h3,.titlexs h4,.titlexs h5{font-size: clamp(16px,3vw,30px)!important}
.text-xl p{font-size: clamp(24px,5vw,60px)!important}
.text-l p{font-size: clamp(20px,4vw,40px)!important}
.text-m p{font-size: clamp(16px,3vw,30px)!important}
.text-s p{font-size: clamp(14px,2.5vw,16px)!important}
.text-xs p{font-size: 12px!important}
.fbold{font-weight: bold!important}
.fnorm{font-weight: normal!important}

.mt-l.mt-l{margin-top: clamp(50px, 35.586px + 4.505vw, 100px);}
.mt-m.mt-m{margin-top: clamp(30px, 18.468px + 3.604vw, 70px);}
.mt-s.mt-s{margin-top: clamp(15px, 4.910px + 3.153vw, 50px);}
.mt-0.mt-0{margin-top:0;}
.mb-l.mb-l{margin-bottom: clamp(50px, 35.586px + 4.505vw, 100px);}
.mb-m.mb-m{margin-bottom: clamp(30px, 18.468px + 3.604vw, 70px);}
.mb-s.mb-s{margin-bottom: clamp(15px, 4.910px + 3.153vw, 50px);}
.mb-0.mb-0{margin-bottom:0;}
.ml-l.ml-l{padding-left: clamp(50px, 35.586px + 4.505vw, 100px);}
.ml-m.ml-m{padding-left: clamp(30px, 18.468px + 3.604vw, 70px);}
.ml-s.ml-s{padding-left: clamp(15px, 4.910px + 3.153vw, 50px);}
.ml-0.ml-0{padding-left:0;}
.mr-l.mr-l{padding-right: clamp(50px, 35.586px + 4.505vw, 100px);}
.mr-m.mr-m{padding-right: clamp(30px, 18.468px + 3.604vw, 70px);}
.mr-s.mr-s{padding-right: clamp(15px, 4.910px + 3.153vw, 50px);}
.mr-0.mr-0{padding-right:0;}
.pt-l.pt-l{padding-top: clamp(50px, 35.586px + 4.505vw, 100px);}
.pt-m.pt-m{padding-top: clamp(30px, 18.468px + 3.604vw, 70px);}
.pt-s.pt-s{padding-top: clamp(15px, 4.910px + 3.153vw, 50px);}
.pt-0.pt-0{padding-top:0;}
.pb-l.pb-l{padding-bottom: clamp(50px, 35.586px + 4.505vw, 100px);}
.pb-m.pb-m{padding-bottom: clamp(30px, 18.468px + 3.604vw, 70px);}
.pb-s.pb-s{padding-bottom: clamp(15px, 4.910px + 3.153vw, 50px);}
.pb-0.pb-0{padding-bottom:0;}
.pl-l.pl-l{padding-left: clamp(50px, 35.586px + 4.505vw, 100px);}
.pl-m.pl-m{padding-left: clamp(30px, 18.468px + 3.604vw, 70px);}
.pl-s.pl-s{padding-left: clamp(15px, 4.910px + 3.153vw, 50px);}
.pl-0.pl-0{padding-left:0;}
.pr-l.pr-l{padding-right: clamp(50px, 35.586px + 4.505vw, 100px);}
.pr-m.pr-m{padding-right: clamp(30px, 18.468px + 3.604vw, 70px);}
.pr-s.pr-s{padding-right: clamp(15px, 4.910px + 3.153vw, 50px);}
.pr-0.pr-0{padding-right:0;}

.container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 1430px;}
/*predefinides grid-classes.json*/
.imgmissing{max-width: 350px;}
.lock-container{max-width: 1430px; margin:0 auto;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;
}

.slide.round {
    border-radius: 34px;
}
/*hack margins*/
.row.fullwidth{margin-left:0; margin-right:0;}
.row.fullwidth .row{margin-left:0; margin-right:0;}
.row.fullwidth div:not(.paddingoriginal){padding-left:0; padding-right:0;}
/* .fullwidth picture,.fullwidth img{width: 100%} */
.paddingoriginal{}
.navbar-brand{
  height: 80px;
}


p:last-child{margin-bottom:0;}
/*fi hack margins*/

.mix.no-transition{
	-webkit-transition: None;
	transition: None;
}

/*header*/




#footer ul {
    list-style-type: none;
    padding-inline-start: 0px;
}



footer .padding-top{
  padding-top: 50px;
}

#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:not(.btn) {
    color: #fff;
}
#footer{
  background-color: var(--dark-blue);
  align-content: center;padding-top: 30px;
}
#footer .container{    width: 100%;    max-width: 1430px; padding: 0 15px!important;}
/*FI FOOTER */

/* FILTER*/

.filter p{
  margin-bottom: 0.5rem;
}

.switch {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
    border-radius: 34px;
}

.switch input {display:none;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;

}
.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 78px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.button-filter{
  cursor: pointer;
  border: 2px solid #DDD;
  border-radius: 5px;
  margin: 0 4px 4px 0;
  padding: 6px;
  line-height: 1;
}

.button-filter input{
  display: none;
  visibility: hidden;
}
.button-filter.active {
    border-color: #02254b;
}

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

/* FI FILTER*/

form .new-checkbox svg {
  display: none;
}

form label#accept {
    display: flex;align-items: flex-start;font-size: 12px;
}

form input[type="checkbox"] {
    width: auto!important;
    margin-right: 10px;
    margin-top: -10px;
}

form input[type="text"]{
    margin: 0 0 10px 0;
    height: 50px;
    padding: 0 0 0 13px;
}
.filter form input{
    height: auto;
}

form .form-input-item label{
  padding-left: 0!important;
}


.filter-buttons{
  margin-top: 20px;
}

/* FI FILTER*/

/********Estils***********/

/*MENU*/
.nav-item.showfather > .dropdown-menu{
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  max-height: 9999px;
  transform: translate3d(0, 0px, 0);
}
.navbar-nav > .nav-item:last-child{margin-right: 0;}
@media (max-width: 991px){
.hiddenmobile,.hiddentablet {display:none!important}
}
@media (max-width: 767px){
  .main-navigation ul li.nav-item,#topbar {
      margin:0px 20px 0px 20px;    padding: 5px 0;
  }
.main-navigation .dropdown-menu {
    margin-top: 0px!important;
}
  #topbar {
      position: relative;
      padding: 5px;
  }
}
/* FI MENU */

.owl-item .projectebotservei{
  display: none;
}


@media (max-width: 576px){
	.hiddenmobile,.hiddentablet {display:none!important}
}

/* HEADER */
.cbp-af-header.header-transparent{background-color: #fff;}
.navigation-wrap .container{    width: 100%;    max-width: 1430px; padding: 0 15px!important;}
.navigation-wrap .toolstop .row{justify-content: flex-end; display:flex; flex-wrap: wrap;}
.navigation-wrap .toolstop{}
.extratop .icon{
  padding: 0;
  margin: 0 8px;
  align-items: baseline;
  color: #fff;
  background-color:transparent;
  border:none;
}

/* ul.idiomes, ul.social-list, ul.contact-details{
  list-style: none;
  display: flex;
  padding: 0px 10px;
}
ul.idiomes > li, ul.social-list > li, ul.contact-details > li{
  margin-left:10px;
} */

.extratop{
  background-color: var(--dark-blue);
  max-height: unset; padding: 5px;
}
.extratop ul,.extratop p{margin-bottom: 0;}

.extratop .btn-icon-transparent{
  height:25px!important;
  padding: 0px 5px;
    color:#fff;    outline: none;
}

.extratop .container-fluid{
  padding-right: 10%;
  padding-left: 10%;
}

.padding-on-scroll{
  padding-top:0px;
}

.extratop a{
  color:#fff;
}

.extratop a:hover{
  color: var(--blue);
}

.searchcont{
  position:relative;
}

.extratop .searchform {
   
    float: right;
    
}

.icon-input{
    all: unset;
    position: absolute;
    right:0px;
    padding: 10px 15px;
    border-left: 2px solid #ccc;

}

/* FI HEADER */
/*BREADCRUMB*/
.breadcrumbcontainer{
	margin-bottom: 60px;
  background: #fff;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease-out;
  position: fixed;
  top: 145.7px;
  width: 100%;
  z-index: 100;
}
.has-sticky-header .breadcrumbcontainer {
  position: fixed;
  top: 115px;
  width: 100%;
  z-index: 100;
}
.margin-principal.extramargin {
  margin-top: 250px!important;
}
#contentfitxa{margin-top:80px;}
/*BREADCRUMB*/
/* INTRANET */

.intranet h1 {    font-size: 40px;    text-transform: none;    padding-top: 30px;}
#frm_nuevo_usr{padding: 30px; background-color: #eee; color:#000; display:flex; flex-wrap: wrap;}
#frm_nuevo_usr .form-control{border-radius: 0;}
#frm_nuevo_usr .form-group{width: 33%; padding-right: 30px;}
#frm_nuevo_usr .btn {
  background-color: #008777;
  border-color: #008777;
  color: #fff; border-radius: 0;
}
/*INTRANET*/
#acceso_usuarios .afterform{display:flex; flex-wrap: wrap; justify-content: center;text-align: center;margin-top: 0 !important;}
#acceso_usuarios .afterform a{color:#000; text-align: center}
#acceso_usuarios .afterform a:hover{color:#666;}
#acceso_usuarios .input-icon.big,#acceso_usuarios input{color:#666}
#acceso_usuarios .togglepw{    position: absolute;    margin-top: 5px;    right: 5px;    padding: 10px 15px; cursor: pointer;top:0}
#acceso_usuarios .togglepw:hover,#acceso_usuarios .togglepw.active{color:#000;}
#acceso_usuarios input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #666;}
#acceso_usuarios input::-moz-placeholder { /* Firefox 19+ */  color: #666;}
#acceso_usuarios input:-ms-input-placeholder { /* IE 10+ */  color: #666;}
#acceso_usuarios input:-moz-placeholder { /* Firefox 18- */  color: #666;}
#frm_nuevo_usr{padding-bottom: 60px;margin-top: -30px;}
#intranet.registre h1{font-size: 32px;font-weight: bold;margin: 0;line-height: 1.25;letter-spacing: inherit;color: var(--dark-blue);padding-left: 0;}
#frm_nuevo_usr input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #666; font-size: 14px;}
#frm_nuevo_usr input::-moz-placeholder { /* Firefox 19+ */  color: #666; font-size: 14px;}
#frm_nuevo_usr input:-ms-input-placeholder { /* IE 10+ */  color: #666; font-size: 14px;}
#frm_nuevo_usr input:-moz-placeholder { /* Firefox 18- */  color: #666; font-size: 14px;}
#frm_nuevo_usr input[type="text"],#frm_nuevo_usr input[type="email"],#frm_nuevo_usr input[type="password"]{padding-left:30px;}
#frm_nuevo_usr .form-group span{position: absolute; top: 38px;left: 15px;}
#frm_nuevo_usr .form-group .togglepw,#frm_nuevo_usr .form-group .togglepwconfirm{right: 15px; left:unset;cursor: pointer;}
#frm_nuevo_usr .form-group .togglepw.active,#frm_nuevo_usr .form-group .togglepwconfirm.active{color:#000;}
/* #frm_nuevo_usr .form-group label{display:none;} */
#frm_nuevo_usr .form-group.legals{height: auto;}
#frm_nuevo_usr .form-group.legals.primer{}
#frm_nuevo_usr .form-group.legals label,#frm_nuevo_usr .form-group.visible label{display:flex!important;}
#frm_nuevo_usr .form-group.cv label{display:block;padding-left: 30px;}
#frm_nuevo_usr .form-group.cv span{top: 0;}
#frm_nuevo_usr .form-group.cv{height: auto;margin-top: 30px;}
#frm_nuevo_usr .form-group.legals input{height: auto;display:block;margin-right: 10px;margin-bottom: 0px;}
#frm_nuevo_usr .form-group {height: 60px;}
#frm_nuevo_usr .mostrapw{position: absolute;right: -80px;top: 25px;  display: flex;  align-items: center;}
#frm_nuevo_usr .mostrapw input{margin: 0;margin-right: 10px;}
#frm_nuevo_usr .mostrapw p{margin: 0;font-size: 14px;}
form input{font-size: 0.8rem!important}
#frm_nuevo_usr input[type="file"] {  background-color: #fff!important;  border-radius: 0;  color: #111;}
#acceso_usuarios .btn-dark-primary{  margin-bottom: 15px;  width: 230px;margin-top: 15px;}
.btn-dark-primary:hover {  background-color: #000 !important;  box-shadow: 0 6px 15px 0 rgba(0, 0, 0,.2) !important;}
#intranet.registre
#intranet h5{color:#DA2032}
#intranet h1,#s_recuperar_pwd h1,#frm_nuevo_usr h1{color:#fff;font-size: 30px;text-transform: none;padding-top: 50px;padding-left:50px;line-height: normal;}
#intranet .section-1400.pt-xl-4{padding-top: 20px !important;}
#intranet .dadespersonals{background-color: #eee;color:var(--dark)}
#intranet .dadespersonalsb{background-color: #fff;color:var(--dark); border:1px solid #eee;}
#intranet .dadespersonals .label{text-transform: none;}
#intranet .dadespersonals .contingut{padding: 0 1px;}
#intranet .dadespersonals .contingut p{color:#333; font-weight: bold; letter-spacing:normal;}
#intranet .dades{display: flex;flex-wrap: wrap;padding-bottom: 15px;}
#intranet .edit-usr{border-top:1px solid #cfcfcf;margin-top: 20px;padding-top: 10px;}
#intranet .edit-usr i{}
#intranet .edit-usr a{font-size:13px;}
#intranet .edit-usr a,#intranet .edit-usr button{display: block; height:auto; text-decoration:none; padding-left: 0; font-size:13px;}
#intranet .edit-usr a.active{font-weight: bold;}
#intranet .edit-usr a.red,a.red{color:#DA2032!important}
#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;}
#intranet form input[type="text"],#intranet form input[type="password"],#intranet form input[type="email"]{background-color: #eee; border-radius: 0; border-color:#eee;}
#intranet form input[type="file"]{background-color: #eee; border-radius: 0; color:#111;}
#intranet form label{color:#666; font-size: 14px;}
#intranet .btn.btn-brand {  background-color: #DA2032;  color: #fff;  border-radius: 0;}
#frm_nuevo_usr{ background-color: transparent;}
#frm_nuevo_usr label{color: #00373e!important; display:inline-block!important;}
#frm_nuevo_usr input{border-color: #00373e!important;border-radius: 0; background-color: #fff!important;}
#frm_nuevo_usr .form-group span {  position: unset!important;}
#frm_nuevo_usr .form-group {  height: auto;}
#reserva .form-group label {  display: block!important;}

.btn-user-profile {
  color: var(--dark);
  width: 100%;
  display: block;
  border: none;
}
/* FI INTRANET */


/*Swiper carousel images*/
.portfolio-thumb .img-fluid{
    width: 100%!important;
}

.swiper-button-prev, .swiper-button-next {
    top: 49%;
}

/* FORM */
.simple-form button{
    width:auto;
    padding: 6px 35px;
}
.simple-form .loader{transition:opacity .5s linear;opacity: 0;}

.simple-form.loading .loader {
    opacity: 1;
    display: inline-block;
    width: auto;
    margin-left: 15px;
}
.simple-form.loading .loader:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #666;
    font-size: 24px;
    transform: rotate(90deg);
    animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 5 columns */
.col-lg-2-4, .col-md-2-4, .col-sm-2-4, .col-2-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
/* .individualbanner4 .caption{background: rgba(255,255,255,0.95);max-width: 450px; width: 100%;  padding: 30px !important;position:relative;} */
/* .individualbanner4 figure{padding:30px;} */
/* .individualbanner4 .caption h3,.individualbanner4 .caption p{color:#00373e;} */
/* .individualbanner4 .caption p{  font-size: 16px;  line-height: normal;line-height: 25px; margin:0; padding: 10px;} */
/* .individualbanner4{min-height: 500px; padding:50px;background-size: cover;background-position-y: center;position: relative;display: flex;align-items: center;} */
#destacats3 .row > div:nth-child(odd) .container{justify-content: flex-end;}
#destacats3 .row > div:nth-child(even) .container{justify-content: flex-start;}
/* .individualbanner4 .details img{max-width: 100px;} */
/* .bannerwrapper4 .titol{text-align: center;margin-bottom: clamp(35px,2.8vw,50px);position: relative;} */
/* .bannerwrapper4{margin-top: clamp(30px,3vw,45px);} */
/* .bannerwrapper4 .container{position: absolute;display: flex;width: 100%;left: 0;right: 0;margin: 0 auto;padding: 0 40px;} */
/* .bannerwrapper4 a[href=""], .bannerwrapper4 a[href="#"] { pointer-events: none;} */
/* .bannerwrapper4 .caption .projectebotservei a {  border: 1px solid var(--dark-blue);color:var(--dark-blue);text-transform: none;pointer-events: all;} */
/* .projectebotservei a:hover{background-color:var(--dark-blue); color:#fff!important;} */
.flip-horizontally{  transform: scaleX(-1);}
.individualbanner4.bottom{background-position-y: 70%;}
.btn-decline{margin: 0 auto; /*display: flex;*/ background-color: #fff; border: 1px solid  #02254b; color: #02254b; font-size: 12px;}
.btn-decline:hover{border: 1px solid  #02254b;color: #cae8f3; background-color: #fff; }
#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: #3223ff !important;
    border-color:#3223ff;
    color: #fff;
    border-radius: 0;
    margin-top: 40px;
}

.forceFlex > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.groupTitle {
    width: calc(33% - 20px) !important;
    border: 1px solid #888;
    padding: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.groupTitle2 {
    flex: 0 0 30%;
    max-width: 30%;
    border: 1px solid #888;
    padding: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.groupTitle2 h1, .groupTitle2 h2, .groupTitle2 h3, .groupTitle2 h4, .groupTitle2 h5, .groupTitle2 h6, .groupTitle2 div{
    display: inline;
}

/* BEGIN PAGINATION */
.pagination .page-item:first-child {
    display: inline-block;
    margin-right: 30px;
}
.pagination .page-item{display:none;}
.pagination .page-item.accessible_page{display:block!important;}
.pagination .page-item:last-child {
    display: inline-block;
    margin-left: 30px;
}
/* END PAGINATION */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
/* ===================  NO BORRAR =============================== */
body,html{overflow-x: hidden;}
body{
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 18px;
}
/* h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'DM Sans', sans-serif; font-weight: 700;
} */
h1{ line-height: normal; }
h2, .h2 { line-height: normal; }
.btn-accordion {font-family: 'DM Sans', sans-serif;}
a {
	color:var(--darkgreen);
}
a:hover {
	color: var(--brown);
}
a, a:hover {
	transition: all 0.3s ease;
}
big{font-size: clamp(18px,2.5vw,26px);}
:root {
    --white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--light-brown: #BFA97C;	
	--yellow-green: #C8CE9D;
	--light-green: #ECE8D3;
	--green: #9EA174;
	--green2: #77a49e;
	--darkgreen: #80825e;
	--cyan: #77A59F;
	--black: #000000;
	--swiper-navigation-size:20px;
}
.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-green {color: var(--light-green);}
.color-light-grey {color: var(--light-grey);}
.color-green {color: var(--green);}
.color-cyan {color: var(--cyan);}


/* =========== AMAGAR O IGNORAR (repassar si calen en acabar) =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}


/* ===================  NO BORRAR =============================== */
h1.small{font-size:11px}
/* h2{font-size: 60px; line-height: 60px;line-height: normal;} */
.btnsmall .btn.btn-brand {
  background-color: transparent;
  border-radius: 0;
  text-transform: none;
  color: #333;
}
.nopointer a{pointer-events: none;}
/* .container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 1300px;} */

#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);
}
#frasetop{
  z-index: 3;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 25px;
}
.titulares-home{
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: inherit;
  color: var(--dark-blue);
  margin-bottom: 0.5rem;
}
.titular-home{
  font-size: 32px;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: inherit;
  color: var(--dark-blue);
  margin-bottom: 0.5rem;
}
.acordio .titolacordio{
  color: #000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
.extratop {background-color: var(--white);}
.extratop a {color: var(--black);}
/* ul.idiomes {
    position: absolute;
    right: 0
} */
.navbar-brand {margin: 20px 0;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 70px;}
.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: 0;
	border-top: none;
}

/* Desktop: dropdown-menu hidden by default, show only when parent has .show */
@media (min-width: 992px) {
    .navbar-nav > li.nav-item .dropdown-menu {
        display: none !important;
        opacity: 1;
        visibility: visible;
        max-height: 9999px;
        transform: none;
        pointer-events: auto;
    }
    .navbar-nav > li.nav-item.show > .dropdown-menu {
        display: block !important;
    }
    .navbar-nav > li.nav-item.show > .dropdown-menu .nav-item .dropdown-menu {
        display: none !important;
    }
    .navbar-nav > li.nav-item.show > .dropdown-menu .nav-item.show > .dropdown-menu {
        display: block !important;
    }
}
.dropdown-menu::before {    top: -15px; height: 15px !important;}
.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;}
.breadcrumbcontainer {
    xbackground: #f9f9f9;
	top: 140px;
}
.has-sticky-header .breadcrumbcontainer {
    top: 110px;
    background: #f9f9f9;
}
.breadcrumb {display: inline-flex;}

h1.titleslider {
    font-weight: 800;
    width: 100%;
    margin: 0 auto;
    font-size: clamp(30px,3.5vw,80px);
	line-height: 1.1em;
}
.product-list .item img.missing{opacity:0.1; padding:50px;}
#projects .product-list .item {transition: all 0.3s linear; margin-bottom: 20px;}
#projects .product-list .item:hover {filter: brightness(80%)}
.imgmissing {
	max-width: 350px;
	width: 100%;
  }
#relacionados .product-list .post-details{margin-top:10px;}
#relacionados .product-list .post-details h3 {	font-size: 26px;	line-height: normal; font-weight: 600;  }
#relacionados .product-list .post-details h4 {	font-size: 20px;	line-height: normal; font-weight: normal;  }

#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;}
.fondogris {background: var(--light-green);}
.fondogreen {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);}
.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;}
.right,.right > div{justify-content: flex-end}
.info.right p{text-align: left;}
.nopadfoto .info {padding: 15px 5vw;}
img.round{border-radius: 50%;}
.vcenter{align-items: center;display: flex;}
.nopadfoto >.row  > .foto{padding: 0;}
.nopadfoto img{width: 100%;}
#products .item{margin-bottom: 30px;}
#products h3,#products .item-title {
	font-size: clamp(16px,2vw,24px); 
	text-align: center;
    line-height: normal;
	padding: 15px;
    margin: 0 auto;
	font-weight: 400;
}
#products .block-ellipsis h3 {	font-size: clamp(18px,2.5vw,20px); margin:0 auto 10px; text-align: center; padding: 0;line-height: normal;}
#products .block-ellipsis h4 {	font-size: clamp(16px,2vw,18px); margin:0 auto; text-align: center;line-height: normal; }

#products h3,#products .item-title {color: var(--black);transition: all 0.3s linear;}
#products .product-list.products .item-title{font-weight: 600;}
#products .product-list .item img {transition: all 0.3s linear; background: linear-gradient(#fbfbfb,#f6f6f6);}
#products .product-list .item:hover img {filter: brightness(90%); transform: translateY(-15px); box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
#products .product-list .item:hover h3,#products .product-list .item:hover .item-title {color: var(--green);}
#products .product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
#parallax {
	/* background-image: url("../../../media/images/home/parallax.png"); 
	background-image: url("../../../media/images/home/parallax.webp");*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*padding-top: 25%;*/
}
#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;}
.btn {height: 58px;}
/* .btn.btn-brand {
    background-color: transparent;
    text-transform: initial;
    color: #000;
    border: 1px solid #000; height: 48px;
}
.btn.btn-brand:hover {background: var(--yellow);}
.btn:focus {outline: 2px solid var(--yellow);} */
.Productos.fitxa h3 {font-weight: bold;    }
#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;
	flex-wrap: wrap;
Margin-bottom:10px;
}
#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#acabados_80[type="radio"]{background: rgb(193,193,193);
background: linear-gradient(144deg, rgba(193,193,193,1) 0%, rgba(223,223,223,1) 25%, rgba(224,224,224,1) 43%, rgba(223,223,223,1) 70%, rgba(193,193,193,1) 100%);}

#acabados input#acabados_81[type="radio"] {background: rgb(193,193,193);
background: linear-gradient(144deg, rgba(193,193,193,1) 0%, rgba(241,241,241,1) 25%, rgba(224,224,224,1) 43%, rgba(251,251,251,1) 70%, rgba(193,193,193,1) 100%);}
#acabados input[type="radio"]:hover {border: 3px solid var(--green);}
#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);
}
#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;}
#contentfitxa {    margin-top: clamp(20px,2.5vw,80px);}

#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%;}
#contactfitxa .footer-item-right{  margin-left: 0px; margin-bottom:15px;}

/*-- FOOTER --*/
/* #footer {background-color: var(--white); 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:not(.btn), footer p, footer p a {color: white;}
#footer p, #footer a:not(.btn), #footer input, #footer label  {font-size: 14px; color: var(--black); }
#footer p{margin-bottom: 0;}
#footer  #footer a:not(.btn) #footer p a:hover, #footer a:not(.btn):hover {color: var(--green);}
#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 #000; padding-top: 20px;}
#footer big{color:#80825e!important;font-family: 'DM Sans', 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 .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 span.big{color: #80825e!important; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px;}
span.big{font-size: clamp(18px,2.5vw,26px);}
/*-- RESPONSIVE --*/
@media only screen and (min-width: 1200px) {
	.margin-principal {
		margin-top: 140px;
	}
}
@media screen and (max-width: 1199px) {
	.main-navigation .searchcont{position: absolute;    right: 30px;}
	.margin-principal {
		margin-top: 0!important;
	}
	.dropdown-item {
		border-bottom: 0;
	}
	.margin-principal.extramargin {
		margin-top: 0!important;
	}
	.breadcrumbcontainer {
    	position: relative!important;
		top: 0;
	}
	.has-sticky-header .breadcrumbcontainer {
		top: 0;
	}
	#acabados {
		padding: 30px 0;
	}
	
}
@media only screen and (max-width: 991px) {
	#slider .blackbox {
		width: max-content;
		display: flex;
		bottom: 12%;
		left: 50%;
		transform: translate(-50%, -12%);
	}
	#slider .blackbox p {
		padding: 5px 15px;
		font-size: 12px;
	}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item {
		padding: 5px 20px 0 20px;
		margin: 0;
	}
	.navbar-collapse .navbar-nav {
		/*background: #ece8d3;*/
	}
	.main-navigation .dropdown-menu{background-color: #fff;}
	.main-navigation ul li.nav-item {
		margin: 5px 20px 0 20px;
		padding: 0
	}
	.main-navigation .dropdown-menu {
    	padding: 0!important;
	}
	.main-navigation .searchcont {
   		display: block;
		margin: 10px 20px;
	}
	.main-navigation .searchcont .search-form .icon-input {
		padding: 0 10px 0 0;
	}
	/* .individualbanner1 figure {
		max-height: 200px;
		overflow: hidden;
	} */
	#projects .product-list .item {
	    max-height: 350px;
    	overflow: hidden;
	}
	#formfitxa {
		max-width: 90% !important;
		margin-left: 25px;
	}
	header .lock-container {    padding: 0 30px;}
	.main-navigation .searchcont {		position: relative;}
}
@media only screen and (max-width: 797px) {
	#slider div {
		padding: 0;
	}
	#projects .product-list .item {
	    max-height: 250px;
    	overflow: hidden;
	}
	#parallax .parallaxbox {
		padding: 40px 0;
	}
	#acabados input[type="radio"] {
		width: 50px;
		height: 50px;
	}
	#catdescription > div {  column-gap: 30px;}
}
.showmobile{display: none;}
@media screen and (min-width: 481px) {
	
}
@media screen and (max-width: 480px) {
	.breadcrumb ul li:first-child{display:none;}
	.showmobile{display: block!important;}
	.hiddenmobile{display:none!important;}
	.container > .row#clientes, .col-12 > .row#clientes, .row#clientes {
		margin-left: -15px!important;
		margin-right: -15px!important;
	}
	#acabados .acabados {margin-left: 1em;}
	.breadcrumb {			}
	p {
		line-height: 1.2;
	}
	#fitxes .col-3 {
		flex: 100%;
		max-width: 100%;
	}
	#bannershome{margin-top:15px}
	#bannershome .col-12,#index #projects .col-12{padding: 0;}
	#index .fondogris{padding-left: 0; padding-right: 0;}
	#index .fondogris .col-12{padding: 0;}
	#products .margin-principal .col-12{padding: 0;}
	#index .margin-principal .descobrir .col-12{padding: 0;}
	#contentfitxa .col-12{padding: 0;}
	#bannerscategory .col-12{padding: 0;}
	#bannerscategory .col-6{padding: 0 7px;}
	#index .margin-principal .descobrir h2{    font-size: clamp(20px,2vw,40px);    line-height: normal;}
	.descobrir p {    font-size: clamp(16px,2vw,22px);}
	.order1{order:1}
	.order0{order:0}
	.order2{order:2}
	.order3{order:3}
	.order4{order:4}
	.order5{order:5}
	.order6{order:6}
	.order7{order:7}
	.order8{order:8}
	#footer .fullwidth.bloc .container,#footer .fullwidth.bloc .col-6{padding: 0!important;}
	#footer p, #footer a:not(.btn), #footer input, #footer label {    font-size: 13px;}
	#footer #mailchimpform form {  padding: 0;}
	#footer big {  margin-top: 10px;  display: block;  margin-bottom: 5px;}
	#catdescription > div {  column-count: 1;  column-gap: 0px;}
	header .lock-container {    padding: 0 0px;}
	#parallax .col-12{padding:0;}
	.copyrow p{padding: 15px 0;}
	.nopadmb{padding: 0 7px;}
	.nopadmob .col-12{padding: 0 0px;}
	#index #products .item {    padding: 0 7px;}
	#index #products .item {    margin-bottom: 15px!important;}
	#products .item {    margin-bottom: 30px!important; padding: 0px!important;}
	#landingcategory .margin-principal .col-12{padding: 0;}
	.nopadfoto{padding: 0 15px;}
	.nopadfoto .info{margin-top:15px;}
	#bannerscategory .row{justify-content: center;}
	#bannerscategory h3 a{    font-size: clamp(16px,2vw,24px);    text-align: center;    line-height: normal;    padding: 15px;    margin: 0 auto;
    font-weight: 400;}
	#combinats h2{margin-top:30px;}
	/* .margin-principal .col-12{padding: 0;} */
	#cataloglist .btn{margin-top:10px; margin-bottom:30px;}
	
}

.underline h1::after{
	content: "";
    position: absolute;
    border-bottom: 2px solid #1CEAF5;
    width: 100px;
    bottom: 10px;
    left: 15px;
}

/* .btn.btn-brand{
	border-radius: 25px;
}

.btn.btn-brand:hover{
	border-color:#1CEAF5;
	background-color: transparent !important;
	box-shadow: 0px 0px 8px 3px rgba(28,234,245,1);
} */

/* .product-list .item img{ */
	/* transition: all 0.3s linear; */
	/* background: linear-gradient(#fbfbfb,#f6f6f6); */
/* } */
/*  */
/* .product-list .item:hover img { */
    /* filter: brightness(90%); */
    /* transform: translateY(-15px); */
/* } */

.leftBorder{
	border-left: 2px solid grey;
}

#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a:not(.btn), #footer span, #footer .p, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6, #footer .a, #footer .span {
    color: white !important;
}


#footer .infoBlock h3{
	font-size: 20px !important;
	line-height: normal !important;
}

#footer .infoBlock p, #footer .infoBlock a{
	font-size: 14px !important;
	line-height: 20px !important;	
}
.contact-form-wrapper form .form-input-item{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}
.contact-form-wrapper form .form-input-item label{
	width: 30% !important;
	flex: unset;
	max-width: unset;
}
.contact-form-wrapper form .form-input-item input{
    width: 65% !important;
	background-color: rgb(239, 239, 239);
}
.contact-form-wrapper form .form-input-item textarea{
    width: 65% !important;
	background-color: rgb(239, 239, 239);
}
.contact-form-wrapper form .form-input-item:nth-child(4){
	margin-bottom: 10px;
}
.contact-form-wrapper form .form-input-item:last-child{
		display: block;
		text-align: center;
}
.form-style:focus, .form-style:active {
    border-color: inherit;
    box-shadow: unset !important;
}
.contact-form-wrapper form .form-group label{
	font-size: 14px;
	align-items: center;
	line-height: normal;
}
form input[type="checkbox"]{
	margin-top: unset !important;
}

@media screen and (width <= 576px) {

    .main-navigation .dropdown-menu {
        top: 90%;
        background: #fff;
        margin-top: 0 !important;
        min-width: unset !important;
        width: 170px !important;
        left: -30%;
        border-top: none;
        padding: 0 !important;
    }

    #index .homeBanner .homeText {
        position: absolute;
        top: 10%;
    }

    #index .icontext .feature-info div,#sectors .icontext .feature-info div {
        display: flex;
        justify-content: center;
    }

    #index .icontext p,#sectors .icontext p {
        width: 60%;
    }

    .menuFooter {
        margin-bottom: 10px;
    }

    .menuFooter,.contactoFooter .h3,#footer .contactoFooter p {
        text-align: center !important;
    }

    .menuFooter,#footer .contactoFooter {
        column-count: 1;
    }

    .breadcrumb ul li:last-child {
        display: none;
    }

    .breadcrumb ul li:first-child::after {
        content: "";
    }
}

/*<--- MODAL COOKIES--->*/
#politicas-cookie #accordion-cookies .card { border: none; background-color: #fff; }
#politicas-cookie #accordion-cookies .card .card-header { border: none; text-align: center; cursor: pointer; padding: 0.4rem 1.25rem; background-color: #fff; }
#politicas-cookie #accordion-cookies .card.card-headings{ display: flex; flex-direction: column; justify-content: center; gap: 15px;}
#politicas-cookie #accordion-cookies .card .card-header{ width: 100%; padding: 0; }
#politicas-cookie #accordion-cookies .card .card-header.cookiesbot .h3{ width: fit-content; font-size: clamp(10px, 0.5rem + 0.4167vw, 13px) ; margin: 0 auto 0 auto; height: 48px; padding: 10px 20px; font-weight: normal; color: #000; border-radius: 5px; border: 1px solid black; font-family: unset; overflow: visible; white-space: nowrap; text-overflow: ellipsis; display: block; background-color: transparent; transition: all 0.3s ease-in-out; cursor: pointer; align-content: center;}
#politicas-cookie #accordion-cookies .card .card-header.cookiesbot .h3:hover{ background-color: #000; color: #fff;}

#politicas-cookie #accordion-cookies .card .card-header.privacitatbot {align-content: end; text-align: center;}
#politicas-cookie #accordion-cookies .card .card-header.privacitatbot .h3{text-align: center; cursor: pointer;}
#politicas-cookie #accordion-cookies .card .card-header.privacitatbot .h3:hover{}

#politicas-cookie #accordion-cookies .card:not(.card-headings){ margin-top: 15px; }
#politicas-cookie .cookies_texto { margin-bottom: 15px; }
#politicas-cookie #accordion-cookies h1 { font-size: 24px; }
#politicas-cookie #accordion-cookies h2 { font-size: 22px; }
#politicas-cookie #accordion-cookies h3 { font-size: 20px; }
#politicas-cookie .modal-header{ align-items: center; }
#politicas-cookie .modal-title { font-size: clamp(18px, 16.270px + 0.541vw, 24px); }
#politicas-cookie .modal-body { padding: 10px 20px; }
#politicas-cookie .modal-body p { font-size: 15px; margin-bottom: 0; }
#politicas-cookie .buttons-cookies { display: flex; justify-content: center; margin-top: 15px; }
#politicas-cookie .buttons-cookies .accept-deny{ display: flex; flex-direction: row; column-gap: 10px; }
#politicas-cookie .modal-dialog { max-width: 600px; }
#politicas-cookie ul { margin-bottom: 0; }

#politicas-cookie .aceptar-footer{width: 50%; margin: 15px auto; }
#politicas-cookie .aceptar-footer .boton-cookie,
.btn-cookies-1{ width: fit-content; font-size: clamp(10px, 0.5rem + 0.4167vw, 13px) ; margin: 0; height: 48px; padding: 10px 20px; font-weight: normal; color: #fff; border-radius: 5px; border: 1px solid black; font-family: unset; width: 100%; overflow: visible; white-space: nowrap; text-overflow: ellipsis; display: block; background-color: #000; transition: all 0.3s ease-in-out; cursor: pointer;}
#politicas-cookie .aceptar-footer .boton-cookie:hover,
.btn-cookies-1:hover{background-color: transparent; color: #000;}
.btn-cookies-2{ width: fit-content; font-size: clamp(10px, 0.5rem + 0.4167vw, 13px) ; margin: 0 ; height: 48px; padding: 10px 20px; font-weight: normal; color: #000; border-radius: 5px; border: 1px solid black; font-family: unset; width: 100%; overflow: visible; white-space: nowrap; text-overflow: ellipsis; display: block; background-color: transparent; transition: all 0.3s ease-in-out; cursor: pointer;}
.btn-cookies-2:hover{ background-color: #000; color: #fff;}

/* Contenedor principal */
.cookie-policy-backdrop:not(.show){display: none;}
.cookie-policy-backdrop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 10000; }
.cookie-policy-container { position: fixed; bottom: 15px; background: #fff; width: calc(100% - 30px); z-index: 10000000000; padding: 15px 30px; display: flex ; flex-wrap: wrap; box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; left: 0; right: 0; margin: auto; width: 100%; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transform: translateY(160px); pointer-events: none;}
.cookie-policy-container a{color: #0071EB;}
.cookie-policy-container.show{ opacity: 1; visibility: visible; transform: none; pointer-events: all; }
.cookie-policy-header { max-width: 100%; width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 10px; }
.cookie-policy-lang { list-style: none; display: flex; padding: 0; justify-content: start; margin-bottom: 0; align-items: end;}
.cookie-policy-lang li { margin-right: 10px; }
.cookie-policy-title { font-size: 18px; }
.cookie-policy-notice { max-width: 65%; width: 100%; }
.cookie-policy-notice p{font-size: 14px; margin-bottom: 0;}
.cookie-policy-notice p a{padding: 5px 0; display: inline-block; width: fit-content;}
.cookie-policy-notice .cookie-policy-notice-links {padding-top: 5px;}
.cookie-policy-notice .cookie-policy-notice-links a + a { padding-left: 10px; margin-left: 5px; border-left: 1px solid transparent; }
.cookie-policy-actions { max-width: 35%; width: 100%; display: flex; align-items: end; }
.cookie-policy-buttons { display: flex; justify-content: end; width: 100%; gap: 10px; }
.cookie-policy-adjust #cookie-config.show {display: block;}
.cookie-policy-adjust #cookie-config .modal-title{font-size: 18px;}
.cookie-policy-adjust #cookie-config button.close *,
.cookie-policy-adjust #cookie-config button.close{line-height: 1; font-weight: normal; padding: 0; margin: 0;}
.cookie-policy-adjust #cookie-config .modal-body{height: 600px;overflow: hidden auto;}
.cookie-policy-adjust #cookie-config .modal-footer{border-top: 1px solid #dee2e6;}
.cookie-policy-adjust #cookie-config .modal-footer .cookie-policy-modal-actions{ margin: 0; padding: 15px; width: 100%; }
.cookie-policy-adjust #cookie-config .modal-footer .cookie-policy-buttons { justify-content: space-between;}
.cookie-policy-adjust #cookie-config .modal-footer .cookie-policy-buttons button{width: 100%;}
.cookie-policy-adjust #cookie-config .modal-dialog{max-width: 700px;max-height: 100%;border-radius: .3rem; padding: 0 15px;}
.cookie-policy-adjust #cookie-config .modal-dialog .modal-content{max-width: 100%; max-height: 80vh;}
.cookie-policy-adjust #cookie-config .modal-dialog .modal-content .modal-body{padding: 15px !important;}
.cookie-policy-adjust #cookie-config #gestion_cookies .cookies-contenido:nth-child(2){padding-top: 0;}
.cookie-policy-adjust #cookie-config #gestion_cookies .cookie-config-title{display: none;}
.cookie-policy-adjust #cookie-config #gestion_cookies .guardar-cookies-row{display: none;}

.cookie-item{ padding: 10px 0;}
.cookie-item .cookie-item-header{ display: flex; justify-content: space-between; margin-bottom: 15px; }
.cookie-item:last-child .cookie-item-header{margin-bottom: 0;}
.cookie-item .cookie-item-header .cookie-item-title{ font-size: 16px; font-weight: bold; }
.cookie-item .cookie-item-body .cookie-text p{font-size: 14px;}

#gestion_cookies .container{margin-top: 0;}
#gestion_cookies .cookies-contenido {  padding: 15px 0; margin: auto; max-width: calc(100% - 30px); }
#gestion_cookies .cookies-contenido + .cookies-contenido{border-top: 1px solid #eee; }
#gestion_cookies .cookie-config-title{margin-bottom: 30px; font-size: 30px; font-weight: bold;}
#gestion_cookies .cookies_titulo p{font-weight: bold;}
#gestion_cookies .cookies_texto p{font-size: 14px;}
#gestion_cookies #filtrebox{ padding: 0 15px; background-color: #eee; border-radius: 5px; }
#gestion_cookies .guardar-cookies{display: flex; gap: 10px;}

.btn-cookie { background: transparent; color: #0071EB; font-size: clamp(10px, 8.847px + 0.360vw, 14px); border-radius: 0; border: 2px solid; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; transition: all 0.3s ease-in-out; }
.btn-cookie:hover { background: #0071EB; color: #fff; border-color: #0071EB; }

.cookie-policy-update:not(.show){display: none;}
.cookie-policy-update.show button { position: fixed; bottom: 15px; left: 15px; background: #0071EB; 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 #0071EB; transition: all 0.3s ease-in-out; }
.cookie-policy-update.show button:hover{ background-color: #fff; color: #0071EB; }
.cookie-policy-update.show button svg{fill: #fff;}
.cookie-policy-update.show button:hover svg{ fill: #0071EB;}

#adultModal .modal-body {padding: 15px !important;}
#adultModal .modal-buttons {display: flex; justify-content: end; gap: 10px; margin-top: 15px;}
#adultModal .modal-buttons .btn-adult{ background: #000; color: #fff; font-size: 14px; border-radius: 0; border: 2px solid #000; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; transition: all 0.3s ease-in-out;  }
#adultModal .modal-buttons .btn-adult:hover{ background: transparent; color: #000; border-color: #000;  }

@media only screen and (max-width: 1300px){
	.cookie-policy-notice{max-width: 100%;}
	.cookie-policy-actions{max-width: 100%; margin-top: 15px;}
	.cookie-policy-actions .btn-cookie{width: 100%;}
	.cookie-policy-container{padding: 15px;}
}
@media only screen and (max-width: 991px){
	.cookie-item .cookie-item-header .cookie-item-title{ font-size: 14px; }
}
@media only screen and (max-width: 400px){
	.cookie-policy-buttons{flex-direction: column;}
}


/*<--- MODAL COOKIES --->*/

/*<--- MODALS --->*/
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }
.modal-dialog a{text-decoration: underline;}
/*<--- MODALS --->*/

/* SWITCH */
/* Estils generals del contenidor */
.cookies_toggle { display: flex; align-items: center; justify-content: center; height: 50px; }
/* Switch container */
.switch {position: relative;display: inline-block;width: 40px;height: 22px;}
/* Oculta el checkbox */
.switch input { opacity: 0; width: 0; height: 0; }
/* Slider base */
.slide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; }
/* L'interior del cercle (handle) */
.slide::before {position: absolute;content: "";height: 16px;width: 16px;left: 3px;bottom: 3px;background-color: white;transition: 0.4s;border-radius: 50%;}
/* Quan el checkbox està actiu */
input:checked + .slide { background-color: #28a745; }
input:checked + .slide::before {transform: translateX(18px);}

/* ===== SEARCHBOX MODULE ===== */
.buscador-list-item { list-style: none; position: relative; }
.buscador-form { position: relative; }
.buscador-group { display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 100; }
.buscador-group.active { display: block; }
.buscador-group-inner { display: flex; align-items: center; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 4px 8px; box-shadow: 0 2px 8px rgba(0,0,0,.12); min-width: 280px; }
.buscador-group-inner .form-control { border: none; outline: none; box-shadow: none; font-size: 14px; padding: 4px 8px; flex: 1; }
.buscador-group-inner .form-control::placeholder { font-size: 12px; text-transform: none; }
.buscador-group-inner .form-control:focus { box-shadow: none; }
.buscador-group-inner .icon-input,
.buscador-group-inner .search-toggler { background: none; border: none; padding: 4px; cursor: pointer; display: flex; align-items: center; color: #333; }
.buscador-group-inner .icon-input:hover,
.buscador-group-inner .search-toggler:hover { color: #000; }
.buscador-expander .search-toggler { background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center; color: #333; }
.buscador-expander .search-toggler:hover { color: #000; }
.buscador-group.active + .buscador-expander { display: none; }
.buscador-group-inner .icon-input { display: none; }
.buscador-group-inner .search-toggler { display: flex; }
.buscador-group:not(.active) .buscador-group-inner .icon-input { display: flex; }
.buscador-group:not(.active) .buscador-group-inner .search-toggler { display: none; }
.buscador .portfolio-thumb{}
.buscador .portfolio-thumb a{background: rgba(200,200,200,0.1);  height: 100%;  aspect-ratio: 1 / 1;  display: flex;  align-items: center;  padding: 15px;}
.buscador .portfolio-thumb img{mix-blend-mode: multiply;}
.buscador .post-details{}
.buscador .post-details h4{font-size: 16px;  margin: 0;}
.buscador .post-details p{font-size: 14px;margin-bottom: 0; }
.buscador .search-ver-mas{font-size: 12px; text-decoration: underline;}

/* Predictive results dropdown */
.ajax-search-results { display: none; position: absolute; right: 0; top: calc(50% + 20px); z-index: 101; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.15); min-width: 320px; max-width: 400px; }
.ajax-search-results.active { display: block; }
.ajax-search-results .search-result-item { display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f0f0f0; text-decoration: none; color: #333; transition: background .15s; }
.ajax-search-results .search-result-item:hover { background: #f7f7f7; text-decoration: none; color: #333; }
.ajax-search-results .search-result-item .result-thumb { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; margin-right: 10px; flex-shrink: 0; }
.ajax-search-results .search-result-item .result-title { font-size: 14px; line-height: 1.3; }
.ajax-search-results .search-result-viewall { display: block; text-align: center; padding: 10px 12px; font-size: 13px; font-weight: 600; color: #333; border-top: 1px solid #eee; text-decoration: none; transition: background .15s; }
.ajax-search-results .search-result-viewall:hover { background: #f7f7f7; text-decoration: none; }
.ajax-search-results .search-no-results { padding: 12px; text-align: center; font-size: 13px; color: #999; }
.ajax-search-results .search-loading { padding: 12px; text-align: center; font-size: 13px; color: #999; }

@media (max-width: 576px) {
    .buscador-group { min-width: auto; left: 0; right: 0; position: fixed; top: 60px; transform: none; padding: 0 10px; }
    .buscador-group-inner { min-width: auto; width: 100%; }
    .ajax-search-results { left: 0; right: 0; position: fixed; top: 104px; transform: none; min-width: auto; max-width: none; margin: 0 10px; }
}

/* ===== FILTER LOADER ===== */
.filter-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    width: 100%;
}
.filter-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(0,0,0,0.08);
    border-top-color: var(--brand-color, #333);
    border-radius: 50%;
    animation: filterSpin 0.7s linear infinite;
}
@keyframes filterSpin {
    to { transform: rotate(360deg); }
}

/* ===== PRODUCT QUOTE ACCORDION ===== */
.Productos.fitxa:has(.accesorios-relacionados) .product-quote-accordion { margin-top: 30px; }
.product-quote-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; }
.product-quote-toggle .chevron-icon { transition: transform .3s ease; }
.product-quote-toggle.active .chevron-icon { transform: rotate(180deg); }
.product-quote-panel { padding: 20px 0 0; }

/* ===== SIMPLEFORM LEGAL CHECKS ===== */
.contact-form-wrapper .legal label.checkbox-inline { font-size: 12px; display: flex; align-items: flex-start; gap: 8px; }
.contact-form-wrapper .legal label.checkbox-inline a { font-size: 12px; }
.contact-form-wrapper .legal label.checkbox-inline input[type="checkbox"] { flex-shrink: 0; margin-top: 2px; }

/* ===== SIMPLEFORM SUCCESS MESSAGE ===== */
.simpleform-success { padding: 20px; text-align: center; background: var(--fondo-azul-claro); margin-top: 30px;}
.simpleform-success p { font-size: 16px; line-height: 1.6; margin: 0; }