@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap'); */
/* bitter-100 - 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: 'Bitter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/bitter-v36-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/bitter-v36-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/bitter-v36-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bitter-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/bitter-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@keyframes slide-in-right {
  0%{
    right: -100%;
  }
  100%{
    right: 0;
  }
}
@keyframes slide-out-right {
  0%{
    right: 0;
  }
  100%{
    right: -100%;
  }
}

:root{
  --verde-claro: #C9E2D6;
  --verde-claro-2: #e1eae5;
  --verde-oscuro: #1A6A71;
  --rojo-oscuro: #83194e;
  --borde-mailchimp: #e55465;
  --fondo-dropdown: #e6e6e6;
  --naranja-claro: #F38F66;
  --rosa: #E55465;
  --rosa-2: #ed6c77;

  --verde-bs:#1A6A71;
  --verde2-bs: #C9E2D6;
  --rojo-bs:#83194E;
  --rosa-bs: #E55465;
}

/* <=== ESPACIADO ===> */
.espacioVertical { padding-top: 3%; padding-bottom: 3%; }
.espacioVerticalS { padding-top: 1%; padding-bottom: 1%; }
.espacioArriba { padding-top: 3%; }
.espacioAbajo { padding-bottom: 6%; }
.espacioAbajo2 { padding-bottom: 3%; }
/* <== LINIA SEPARADORA ==> */
hr{border-top-color: #000;}

/* <=== FONDOS ===> */
.fondogris-2{background: linear-gradient(180deg, rgba(247, 248, 250, 1) 0%, rgba(239, 241, 244, 1) 100%);}
.fondogris-2 small{color: #000;}

/* <=== TEXTO ===> */
h1,h2,h3,h4,h5,h6{ font-family: "Bitter", serif; }
body,p,label{ font-family: "Montserrat", sans-serif; }
a{color: #000; transition: color 0.3s ease !important;}
a:hover{ color: var(--rojo-oscuro) !important; text-decoration: underline;}

/* <=== BOTONES i FORM===> */
#frm_nuevo_usr .form-group label{font-weight: 500;}
#frm_nuevo_usr .form-control {border: 2px solid var(--verde-bs) !important;  border-radius: 0;}
#frm_nuevo_usr input[type="text"], #frm_nuevo_usr input[type="email"], #frm_nuevo_usr input[type="password"]{padding-left: 13px;}
.form-control {border: 2px solid var(--verde-bs);  border-radius: 0;}
/* <== VER MAS ==> */
.ver-mas .btn.btn-brand{ border: unset; border-radius: unset; color: var(--rojo-oscuro); font-weight: bold; padding: 0; transition: underline 0.3s ease; }
.ver-mas .btn.btn-brand:hover{ box-shadow: unset !important; text-decoration: underline; }

input[type="time"]::-webkit-calendar-picker-indicator { /*display: none; */ pointer-events:none;}
/* carrusels fletxes */
.swiper-button-prev, .swiper-button-next { top: unset !important; bottom: -3% !important; border-radius: 50%; color: #fff; height: 30px; width: 30px; }
.swiper-button-prev, .swiper-button-next { top: 90% !important; bottom: -3% !important; border-radius: 50%; color: #fff; height: 30px; width: 30px; }
.swiper-button-prev{ background-color: #C7C7C6; }
.swiper-button-next{ background-color: #1D1D1B; }
.swiper-button-prev::after , .swiper-button-next::after{ font-size: 14px; font-weight: bold; }
.swiper-button-prev{ right: 60px; left: unset; }
.swiper-button-next{ right: 15px; }
/* <=== TITULARES ===> */
.titular-seccion{ padding-top: 5%; padding-bottom: 5%; }
.titular-seccion h2{ margin-bottom: 0; text-align: center; font-size: 28px; }
.titular-seccion h2::after{ content: ""; width: 8%; height: 2px; background-color: var(--verde-oscuro); position: absolute; bottom: 25%; left: 0; right: 0; margin: 0 auto; }

.titular-seccion{ padding-top: 5%; padding-bottom: 5%; }
.titular-seccion h1{ margin-bottom: 0; text-align: center; }
.titular-seccion h1::after{ content: ""; width: 8%; height: 2px; background-color: var(--verde-oscuro); position: absolute; bottom: 25%; left: 0; right: 0; margin: 0 auto; }

h1{ margin-bottom: 0; text-align: center; font-size: 34px; }
h2{ margin-bottom: 0; text-align: center; font-size: 28px; }
h3 { margin-bottom: 15px; font-size: 22px; }

/* <=== MAILCHIMP ===> */
/* <=== MAILCHIMP ===> */
.newsletter {
  padding: 30px;
  border: 2px solid var(--borde-mailchimp);
}

.newsletter h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

#mailchimpform {
  padding: 0;
}

#mailchimpform p#mailchimp-title {
  text-align: left;
  width: 80%;
  font-weight: 500;
}

#mailchimpform form {
  padding: 20px 0 0 0;
}

#mailchimpform .form-group input {
  border: unset;
  border-radius: 0;
  border-bottom: 1px solid black;
  padding: 0;
  width: 90%;
  color: #000;
}

#mailchimpform .form-group #accept {
  margin-bottom: 15px;
  font-size: 16px;
}

#mailchimpform .form-group #mailchimp-submit {
  border: unset;
  border-radius: unset;
  color: var(--borde-mailchimp);
  font-weight: bold;
  padding: 0;
  transition: underline 0.3s ease;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 24px;
}

#mailchimpform .form-group #mailchimp-submit:hover {
  box-shadow: unset !important;
  text-decoration: underline;
}

#mailchimpform .form-group:first-child {
  margin-bottom: 25px;
}


/* <=== LISTADOS ===> */
.main-content-wrap.fix.mt-5.mt-md-80.mt-sm-60.mb-md-80.mb-sm-60 {
  margin-top: unset !important;
}
/* <=== MAILCHIMP ===> */
.newsletter {
  padding: 30px;
  border: 2px solid var(--borde-mailchimp);
}

.newsletter h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

#mailchimpform {
  padding: 0;
}

#mailchimpform p#mailchimp-title {
  text-align: left;
  width: 80%;
  font-weight: 500;
}

#mailchimpform form {
  padding: 20px 0 0 0;
}

#mailchimpform .form-group input {
  border: unset;
  border-radius: 0;
  border-bottom: 1px solid black;
  padding: 0;
  width: 90%;
  color: #000;
}

#mailchimpform .form-group #accept {
  margin-bottom: 15px;
  font-size: 16px;
}

#mailchimpform .form-group #mailchimp-submit {
  border: unset;
  border-radius: unset;
  color: var(--borde-mailchimp);
  font-weight: bold;
  padding: 0;
  transition: underline 0.3s ease;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 24px;
}

#mailchimpform .form-group #mailchimp-submit:hover {
  box-shadow: unset !important;
  text-decoration: underline;
}

#mailchimpform .form-group:first-child {
  margin-bottom: 25px;
}


/* <=== MENU SECUNDARIO ===> */
.menu-secundario-toggler span{display: none;}

/* .menu-secundario #menuSecundario{display: block;} */
/* <=== MENU SECUNDARIO ===> */
.menu-secundario ul.listado {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: center;
  row-gap: 10px;
}

.menu-secundario ul.listado li.item-listado {
  text-align: center;
}

.menu-secundario ul.listado li.item-listado a {
  font-weight: 500;
}

.menu-secundario ul.listado li.item-listado a.active {
  color: var(--rojo-oscuro);
  text-decoration: underline;
}
.menu-secundario-2 ul.listado li.item-listado{text-align: left !important;}

.filter-toggler span{display: none;}

/* <=== BREADCRUMB ===> */
.contenedor-breadcrumb {
  background-color: var(--verde-claro);
}

.contenedor-breadcrumb .breadcrumb ul li a {
  font-weight: 500;
}


/* <=== HEADER ===> */
/* <== EXTRATOP ==> */
.extratop {
  border-bottom: 3px solid var(--verde-claro);
  padding: 5px 0;
}

.extratop .redes-sociales {
  display: flex;
  align-items: center;
}

.extratop .redes-sociales .social-icons .intsocial {
  justify-content: start;
  padding: 0 15px;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist li {
  font-size: 22px;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist li a {
  background-color: #000;
  color: #fff !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist li a:hover {
  color: #fff;
  text-decoration: unset;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .twitter a {
  color: #fff;
  background-color: #00acee;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .instagram a {
  color: #fff;
  background-color: #814A30;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .facebook a {
  color: #fff;
  background-color: #205088;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .youtube a {
  color: #fff;
  background-color: #E71618;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .linkedin a {
  color: #fff;
  background-color: #006EA4;
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .maps a {
  color: #fff;
  background-color: var(--verde-oscuro);
}

.extratop .redes-sociales .social-icons .intsocial .sociallist .email a {
  color: #fff;
  background-color: #030404;
}

.extratop .bloque-login {
  display: flex;
  align-items: center;
  justify-content: end;
}

.extratop .bloque-login .menuuser0 {
  margin: 0 auto;
  align-items: end;
  display: flex;
  flex-direction: row;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown {
  margin: 0;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown .nav-link {
  color: #000 !important;
  width: 100%;
  background: var(--verde-claro);
  padding: 5px 15px !important;
  height: auto !important;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown .nav-link span.data {
  color: #000 !important;
  width: 100%;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown .nav-link span.toggler {
  color: #000 !important;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown .dropdown-menu {
  position: absolute;
  left: 0% !important;
  padding: 0 !important;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown .dropdown-menu .nav-link {
  background-color: unset;
  padding: 0 !important;
  margin: 0 !important;
}

.extratop .bloque-login .menuuser0 .nav-item.dropdown.show .dropdown-menu {
  padding: 10px 20px !important;
  height: auto !important;
  background-color: #e6e6e6 !important;
}

.user-item{margin-left: 15px;}
.user-item a{margin: 0 !important; font-size: 20px;}
/* .extratop .bloque-login:nth-child(3){display: none;} */
/* <== MENU ==> */
.navigation-wrap .main-navigation {
  padding: 10px 0;
}

.navigation-wrap .main-navigation .navbar-brand {
  margin: 0 !important;
}

.navigation-wrap .main-navigation .navbar-collapse .nav-item span {
  text-transform: uppercase;
  font-weight: normal;
  color: #57585C;
  font-weight: bold;
}

.navigation-wrap .main-navigation .navbar-collapse .nav-item a.nav-link.active span {
  color: var(--rojo-oscuro);
  text-decoration: underline;
}

.navigation-wrap .main-navigation .navbar-collapse .nav-item:hover span {
  color: #000;
}

.navigation-wrap .main-navigation ul li.nav-item {
  margin: 20px;
  padding: 0 !important;
}
.navigation-wrap .main-navigation ul li.nav-item .nav-link{padding: 0 !important; margin: 0 !important;}

.navigation-wrap .main-navigation .nav-item.dropdown a:after {
  color: rgb(132, 136, 139);
  content: unset !important;
}

.navigation-wrap .main-navigation .nav-item.dropdown a:hover::after {
  color: rgb(132, 136, 139);
}

.navigation-wrap .main-navigation .nav-item.dropdown a .toggler:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 15px;
}

.cbp-af-header .navbar-brand {height: 70px;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 60px;}

header .nav-item,
header .nav-item *:not(i){font-family: "Bitter", serif;}
/* body:not(.loggedback) #navbarSupportedContent > ul.navbar-nav > li.nav-item{display: none ;} */
/* body #navbarSupportedContent > ul.navbar-nav > li.nav-item:last-child{display: list-item;} */

/* <== DROPDOWN MENU ==> */
.nav-item.dropdown .dropdown-menu {
  background: var(--fondo-dropdown);
  top: 52px;
}

.nav-item.dropdown .dropdown-menu ul li.nav-item {
  margin-bottom: 5px;
}

.nav-item.dropdown .dropdown-menu ul li.nav-item .nav-link.dropdown-item {
  margin: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  color: #000 !important;
  font-weight: normal;
  transition: all 0.5s ease;
}

.nav-item.dropdown .dropdown-menu ul li.nav-item .nav-link.dropdown-item span {
  color: #000;
  transition: all 0.5s ease;
  font-weight: normal;
}

.nav-item.dropdown .dropdown-menu ul li.nav-item .nav-link.dropdown-item:hover span {
  transition: all 0.5s ease;
  font-weight: 700;
}

.nav-item.dropdown .dropdown-menu ul li.nav-item .nav-link.dropdown-item::before {
  content: unset !important;
}

.nav-item.dropdown .dropdown-menu::after {
  height: 20px;
  width: 100%;
  position: absolute;
  background-color: transparent;
  top: -20px;
  content: " " !important;
}

.cbp-af-header.cbp-af-header-shrink .dropdown-menu{margin-top: 0 !important;}



/* <== BUSCADOR ==>  */

.buscador { transition: all 0.3s ease; }
.buscador > div{ display: flex; justify-content: right; align-items: center;}
.dropdown-searchcont.active {position: absolute; transition: width 0.5s ease-in-out; visibility: visible;}
.dropdown-searchcont.active .icon-input{position: relative; border-left:  unset !important; padding: 0;}
.dropdown-searchcont.active .icon-input, .searchcont .icon-input{margin-bottom: 10px; margin-top: 10px; padding: 10px; background-color: #fff; color: var(--verde-claro);}

.dropdown-searchcont {visibility: hidden;}

.search-form{align-items: center;}
.searchcont{width: 0% !important; transition: width 0.5s ease-in-out;}
.searchcont .form-control{padding: 0 !important;}
.searchcont .icon-input{visibility: hidden;}
.searchcont .icon-input.icon-input-2 { border: unset !important; position: absolute; left: -23px; padding: 5px !important; bottom: 0px; width: 12px; background-color: transparent;}

.searchcont.active .icon-input{visibility: visible;}
.searchcont.active{width: 100% !important; transition: width 0.5s ease-in-out;}
.searchcont.active .form-control{padding: auto !important;}

.buscador { display: flex; align-items: center; justify-content: end; }
.icon.show-search{display:none;}
.form-control.search{border:none;border-bottom: 1px solid var(--verde-claro); border-radius:0;height: 30px; margin-bottom: 15px;}
.search-form .icon-input{border:none; padding: 10px;}
.searchcont .searchform{display: block!important;}
.form-control:focus{ box-shadow: unset; }

/* <=== FOOTER ===> */
#footer .redes-sociales .social-icons .intsocial {
  justify-content: end;
  padding: 0 15px;
}

#footer .redes-sociales .social-icons .intsocial .sociallist li {
  font-size: 22px;
}

#footer .redes-sociales .social-icons .intsocial .sociallist li a {
  background-color: #fff;
  color: var(--verde-oscuro) !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .redes-sociales .social-icons .intsocial .sociallist li a:hover {
  text-decoration: unset;
}

#footer .redes-sociales .social-icons .intsocial .sociallist .email {
  margin-right: unset;
}

#footer .footer-title h2 {
  font-size: 22px;
}

#footer .footer-text p {
  font-size: 18px;
}

.socket a {text-decoration: underline;}

/* <=== HOME ===> */
#index h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  padding: 2% 0 0;
  position: relative;
}

#index h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--rosa);
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* <== BANNERSHOME ==> */
#index #bannershome .single-banner {
  padding: 0;
}

#index #bannershome .single-banner .individualbanner1 {
  display: unset;
}

#index #bannershome .single-banner .individualbanner1 .portfolio-thumb {
  margin-bottom: 0;
}

/* <== TITULARES ==> */
#index .federacio h2::after {
  background-color: var(--verde-oscuro);
}

#index .blog h2::after {
  background-color: var(--naranja-claro);
}

#index .projectes h2::after {
  background-color: var(--rojo-oscuro);
}

main > div:not(#intranet) .btn { border-radius: 0 !important; border: 2px solid var(--verde-bs) !important; background: #fff !important; color: var(--verde-bs) !important; padding: 15px 30px !important; box-shadow: unset !important; transition: all 0.3s ease-in-out !important; }
main > div:not(#intranet) .btn:hover { box-shadow: unset !important; background: var(--verde-bs) !important; color: #fff !important; }

/* <=== FEDERACIÓ I PAGINES RELACIONADES ===> */
#federacio .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#federacio .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#federacio .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--naranja-claro);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#federacio .titular-subseccion h3 {
  margin-bottom: 15px;
  font-size: 22px;
}

#federacio h3.captionbanner3 {
  font-size: 22px;
}

#federacio div.captionbanner3 {
  font-size: 60px;
  font-weight: bold;
  color: #2E3646;
}

#federacio .equipo p {
  margin: 0;
  font-weight: 500;
}

#federacio .equipo .equipo-link::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  background-color: var(--verde-oscuro);
  margin-top: 15px;
  margin-bottom: 15px;
}

#federacio .bottom-info > div {
  background-color: #ededed;
  padding: 20px;
  margin: 0;
}

#federacio .bottom-info h3 {
  font-size: 22px;
}

#federacio .bottom-info p {
  margin: 0;
}

#federacio .bottom-info p,
#federacio .bottom-info a {
  font-size: 18px;
}

#federacio .bottom-info div {
  margin-bottom: 15px;
}

#federacio .bottom-info .equipo-link::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  background-color: var(--verde-oscuro);
  margin-top: 15px;
  margin-bottom: 15px;
}

#federacio .bottom-info .colored-title {
  color: var(--rojo-oscuro);
  font-weight: normal !important;
}

#federacio .bloque-recursos > div.row {
  background-color: #ededed;
  padding: 30px 20px;
  margin: 0;
  margin-bottom: 30px;
}

#federacio .bloque-recursos h3 {
  color: var(--rojo-oscuro);
  font-weight: bold;
}


/* <=== ESPAI I PAGINES RELACIONADES ===> */
#espai .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#espai .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#espai .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--naranja-claro);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#espai h3.captionbanner3 {
  font-size: 22px;
}

#espai div.captionbanner3 {
  font-size: 60px;
  font-weight: bold;
  color: #2E3646;
}

.acordio .card {
  border: unset;
  margin-bottom: 5px;
}

.acordio .card .card-header {
  border: unset;
}

.acordio .card .card-header button {
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: unset;
}

.acordio .card .contingut {
  border: 1px solid #000;
  border-top: unset;
}

.acordio .card .contingut .card-body .listado-precios {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px;
  flex-wrap: wrap;
}


/* <=== FILOSOFIA ===> */
.individualbanner3 {all:unset;}
.individualbanner3 .zonalink { all:unset;cursor: pointer; transition: all 0.3s ease !important; filter: brightness(1);}
.individualbanner3 .zonalink:hover { color: #000 !important; filter: brightness(0.7); }
.lletragran{ aspect-ratio: 1 / 1; font-size:40px; text-align: center; max-width: 130px;align-content: center;margin-bottom:30px;}

/* <=== PROJECTES ===> */
#projectes .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#projectes .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#projectes .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--naranja-claro);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* <== LISTADO PROYECTOS ==> */
#projectes .listado-proyectos .main-content-wrap > div > div.row {
  flex-direction: row-reverse;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .form-check {
  background-color: #fff;
  color: #000;
  padding: 0 0 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
  margin-top: 8px;
  display: none;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"]:checked + label {
  color: var(--secundari) !important;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label {
  text-transform: capitalize;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  opacity: 0.7;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label:hover {
  text-decoration: underline;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter form#filter_1 .filter-buttons {
  margin-top: 0px;
  display: none;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap {
  margin-bottom: 25px;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap img {
  margin-bottom: 10px;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap .post-details .post-content a h3 {
  font-size: 22px;
  line-height: normal;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap .post-details .post-content .block-ellipsis p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: normal;
}

#projectes .listado-proyectos .main-content-wrap > div > div.row .filter_1 .product-list article:hover img {
  transform: unset;
}


/* <=== AGENDA ===> */
#agenda .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#agenda .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 28px;
  position: relative;
}

#agenda .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--rosa);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* <== LISTADO AGENDA ==> */
#agenda .listado-agenda .main-content-wrap > div > div.row {
  flex-direction: row-reverse;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .form-check {
  background-color: #fff;
  color: #000;
  padding: 0 0 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
  margin-top: 8px;
  display: none;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"]:checked + label {
  color: var(--secundari) !important;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label {
  text-transform: capitalize;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  opacity: 0.7;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label:hover {
  text-decoration: underline;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter form#filter_1 .filter-buttons {
  margin-top: 0px;
  display: none;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap {
  border: 1px solid #707070;
  padding: 10px;
  margin-bottom: 25px;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap img {
  margin-bottom: 10px;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap .post-details .post-content a h3 {
  font-size: 22px;
  line-height: normal;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap .post-details .post-content .block-ellipsis {
  margin-bottom: 10px;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article .single-post-slide-wrap .post-details .post-content .block-ellipsis p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: normal;
}

#agenda .listado-agenda .main-content-wrap > div > div.row .filter_1 .product-list article:hover img {
  transform: unset;
}


/* <=== BLOG ===> */
#blog .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#blog .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#blog .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--rosa);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* <== LISTADO BLOG ==> */
#blog .listado-blog .main-content-wrap {
  margin-top: unset !important;
}

#blog .listado-blog .main-content-wrap > div > div.row {
  flex-direction: row-reverse;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .form-check {
  background-color: #fff;
  color: #000;
  padding: 0 0 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
  margin-top: 8px;
  display: none;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .form-check input[type="checkbox"]:checked + label {
  color: var(--secundari) !important;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label {
  text-transform: capitalize;
  font-size: 20px;
  color: #000;
  cursor: pointer;
  opacity: 0.7;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .form-check .form-check-label:hover {
  text-decoration: underline;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter form#filter_1 .filter-buttons {
  margin-top: 0px;
  display: none;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list article .portfolio-wrap-columns {
  border: 1px solid #dfdfdf;
  padding: 10px;
  margin-bottom: 25px;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list article .portfolio-wrap-columns img {
  margin-bottom: 20px;
  transition: all 0.5s ease;
  clip-path: inset(0);
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list article .portfolio-wrap-columns .post-details .post-content a h3 {
  font-size: 22px;
  line-height: normal;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list article .portfolio-wrap-columns .post-details .post-content .block-ellipsis p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: normal;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list article:hover img {
  transform: unset;
  clip-path: inset(15px);
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list .pagination {
  flex-wrap: wrap;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list .pagination .page-item {
  display: inline-block;
  margin: 0;
}
.page-link:active, .page-link:focus,.page-link.active_page {
  background-color: var(--verde-bs);color:#fff;
}
.page-item.active_page a{
  background-color: var(--verde-bs);color:#fff;
}
#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list .pagination .page-item .page-link {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: 45px;
  height: 45px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000 !important;
  background: #fff;
  border: 1px solid #eee;
}

#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list .pagination .page-item.active .page-link,
#blog .listado-blog .main-content-wrap > div > div.row .filter_1 .product-list .pagination .page-item .page-link:hover {
  background: var(--verde-oscuro);
  color: #fff !important;
}


/* <=== CONTACTE ===> */
#contacte .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#contacte .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#contacte .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--rosa);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#contacte h2::after {
  background-color: var(--rosa);
}

/* <== INFORMACIÓN CONTACTO ==> */
#contacte .contenedor-contact-info > div.row {
  height: 100%;
}

#contacte .contenedor-contact-info .contact-info {
  background-color: #ededed;
  margin: 0 15px;
  padding: 25px;
}

#contacte .contenedor-contact-info .contact-info .info-container p i::before {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

#contacte .contenedor-contact-info .contact-info .info-container .location p:first-child i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .location p:first-child i::before {
  background-color: #9B0000;
}

#contacte .contenedor-contact-info .contact-info .info-container .location p:last-child {
  margin-bottom: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .www p {
  margin: 0;
  margin-bottom: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .www p a {
  color: #000;
}

#contacte .contenedor-contact-info .contact-info .info-container .www p a i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .www p a i::before {
  background-color: #B1D287;
}

#contacte .contenedor-contact-info .contact-info .info-container .train p {
  margin: 0;
}

#contacte .contenedor-contact-info .contact-info .info-container .train p i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .train p i::before {
  background-color: var(--naranja-claro);
}

#contacte .contenedor-contact-info .contact-info .info-container .atencion p:first-child i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .atencion p:first-child i::before {
  background-color: #E6C969;
}

#contacte .contenedor-contact-info .contact-info .info-container .atencion p:last-child {
  margin-bottom: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .telefono p {
  margin: 0;
  margin-bottom: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .telefono p a {
  color: #000;
}

#contacte .contenedor-contact-info .contact-info .info-container .telefono p i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .telefono p i::before {
  background-color: var(--rosa);
}

#contacte .contenedor-contact-info .contact-info .info-container .casa p {
  margin: 0;
}

#contacte .contenedor-contact-info .contact-info .info-container .casa p i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .casa p i::before {
  background-color: var(--verde-oscuro);
}

#contacte .contenedor-contact-info .contact-info .info-container .equipo p {
  margin: 0;
  font-weight: 500;
}

#contacte .contenedor-contact-info .contact-info .info-container .equipo p i {
  margin-right: 10px;
}

#contacte .contenedor-contact-info .contact-info .info-container .equipo p i::before {
  background-color: var(--verde-oscuro);
}

#contacte .contenedor-contact-info .contact-info .info-container .equipo .equipo-link::after {
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  background-color: var(--rosa);
  margin-top: 15px;
  margin-bottom: 15px;
}


/* <=== FITXA ===> */
.Activitats.fitxa{}
.Activitats.fitxa .periode{margin-bottom: 10px; display: block;}


/* <=== PAGINA PROJECTE ===> */
#projecte-gran .titular-seccion {
  padding-top: 5%;
  padding-bottom: 5%;
}

#projecte-gran .titular-seccion h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 34px;
  position: relative;
}

#projecte-gran .titular-seccion h1::after {
  content: "";
  width: 8%;
  height: 2px;
  background-color: var(--naranja-claro);
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#projecte-gran .subtitular-seccion {
  padding-bottom: 5%;
}

#projecte-gran .subtitular-seccion h2 {
  margin-bottom: 0;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
}

#projecte-gran .contenedor-texto-right .bloque-texto {
  padding-left: 40px;
}

#projecte-gran .contenedor-texto-right .bloque-imagen {
  padding-right: 0;
}

#projecte-gran .contenedor-texto-left .bloque-imagen {
  padding-left: 0;
}

#projecte-gran .bloque-texto ul {
  margin-bottom: 0;
}

#projecte-gran .bloque-texto p {
  font-weight: 500;
}

#projecte-gran .bottom-info > div {
  background-color: var(--verde-claro-2);
  padding: 20px;
}

#projecte-gran .bottom-info h3 {
  font-size: 22px;
}

#projecte-gran .bottom-info p {
  margin: 0;
}

#projecte-gran .bottom-info p,
#projecte-gran .bottom-info a {
  font-size: 18px;
}

#projecte-gran .product-list article .single-post-slide-wrap {
  margin-bottom: 25px;
}

#projecte-gran .product-list article .single-post-slide-wrap img {
  margin-bottom: 10px;
  transition: all 0.5s ease;
  clip-path: inset(0);
}

#projecte-gran .product-list article .single-post-slide-wrap .post-details .post-content a h3 {
  font-size: 22px;
  line-height: normal;
}

#projecte-gran .product-list article .single-post-slide-wrap .post-details .post-content .block-ellipsis p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: normal;
}

#projecte-gran .product-list article:hover img {
  transform: unset;
  clip-path: inset(15px);
}

.emoji{display: none;}
pre{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: 0; max-width: 100%; margin: 15px 0; padding: 15px; background-color: #f7f7f7; white-space: normal; word-wrap: break-word; background-image: unset !important; color: #000 !important; }
pre span{display: block !important;}

/* BEGIN CALENDAR */
.fc-h-event{ background-color: transparent!important; }
.fc-event-main{ width: 100%; margin: auto; /* border-radius: 100%!important; */ /* border: 1px solid grey!important; */ 
display: table;
  height: 100%;}
.fc-event{transition:opacity 1s linear}
/*.fc-event.active{opacity:0.5}*/
.fc-event::after{content:none!important}
fc-event::after{ aspect-ratio: 108/90;/*height:100%;*/ width: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; }
fc-event.color-green::after{background-color: #CDF7C1!important;}
fc-event.color-yellow::after{background-color: #FFDF9F!important;}
fc-event.color-red::after{background-color: #F9BFBF!important;}
.fc-event.color-green .fc-event-main{background: linear-gradient(to bottom, #EAFFE4, #deffd4) !important;}
.fc-event.color-green.active .fc-event-main{background:linear-gradient(to bottom, #F7B7BF , #F7ADB5) !important;}
.fc-event.color-yellow .fc-event-main{background: linear-gradient(to bottom, #FFDF9F, #fed88d) !important;}
.fc-event.color-red .fc-event-main{background: linear-gradient(to bottom, #F9BFBF, #ffabab) !important;}
/* .fc-event-main::after{ height: 100%; width: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; } */
/* .color-green .fc-event-main{ background-color: #CDF7C1!important; } */
/* .color-green { background-color: #CDF7C1!important; } */
/* .color-yellow .fc-event-main{ background-color: #FFDF9F!important; } */
/* .color-yellow { background-color: #FFDF9F!important; } */
/* .color-red .fc-event-main{ background-color: #F9BFBF!important; } */
/* .color-red { background-color: #F9BFBF!important; } */
/* .fc-h-event .fc-event-title-container{line-height: 100;} */
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 0px!important;
}
.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #eee!important;
}
.fc .fc-daygrid-day.fc-day-today{background-color: transparent !important;/* border: 2px solid #A0C3DD ;*/ position:relative;}
.fc .fc-daygrid-day.fc-day-today:before{content: "";
  background: var(--verde-oscuro);
  width: 100%;
  display: block;
  position: absolute;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  opacity: 0.3;}
  .fc-theme-standard td, .fc-theme-standard th {    border: 1px solid #ccc;  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left: 0 !important;}
.fc .fc-daygrid-day-frame{display: block; height: 100%;
display: table;
  height: 100%;
  width: 100%;}
.fc .fc-daygrid-day-top { position: absolute; right: 5px; top: 5px; z-index: 1000;font-size: clamp(10px, 8.847px + 0.360vw, 14px);}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{display: block; height: 100%; margin: 0;
display: table;
  width: 100%;}
.fc .fc-daygrid-event-harness {display: block; height: 100%;
display: table;
  width: 100%;}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; display: flex; margin: 0; border: unset !important; cursor: pointer; border-radius: 0;}
.fc .fc-daygrid-day-bottom{padding: 0 !important;}
.fc .fc-col-header-cell-cushion{font-size: clamp(12px, 10.847px + 0.360vw, 16px);}



#calendar-container { position: fixed; top: 0; right: -100%; height: 95vh; width: 100%; z-index: 1001; transition: right 0.3s ease; overflow-y: auto; animation: slide-out-right 0.3s ease-in-out; margin-top: 2.5vh; margin-bottom: 2.5vh; }

#calendar-container:not(.d-none) { right: 0; animation: slide-in-right 0.3s ease-in-out; }

#calendar-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; pointer-events: none; }

#calendar-container:not(.d-none) #calendar-overlay { opacity: 1; transition: opacity 0.3s ease-in-out; pointer-events: all; }

#calendar-container .close-calendar-container {width: 100%; position: absolute; top: 0;}
#calendar-container .close-calendar-container #close-calendar{ width: 40px; height: 40px; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-left: calc(100% - 840px); }
#calendar-container h2{ margin-left: auto; max-width: 800px; background: #fff; padding: 10px;font-size: 28px; }
#calendar-container .fc-toolbar-title{ margin-left: auto; max-width: 800px; background: #fff; }

#calendar-container #calendar { max-width: 800px; background: #fff; padding: 10px; position: absolute; min-width: 800px; right: 0; }
#calendar-container h2 {font-size: clamp(16px, 14.270px + 0.541vw, 22px);}
#calendar-container #calendar h2 {font-size: clamp(14px, 12.270px + 0.541vw, 20px);font-family: "Montserrat";}
#calendar-container #calendar h2::first-letter{text-transform: uppercase;}
#calendar-container #calendar{font-family: "Montserrat", sans-serif;}
#calendar-container #calendar th{font-size: 15px;}
#calendar-container #calendar .fc-button-primary:disabled { background-color: var(--verde-claro); border-color: var(--verde-claro); color: var(--verde-oscuro); border-radius: 0; font-size: clamp(12px, 10.847px + 0.360vw, 16px); }
#calendar-container #calendar  .fc-button-primary{ background-color: var(--verde-oscuro); border-color: var(--verde-oscuro); color: #fff;border-radius: 0; font-size: clamp(12px, 10.847px + 0.360vw, 16px); }
#noevents{font-size: 14px !important; font-weight: normal !important; background: var(--verde-claro); padding: 5px 15px; display: block;}
#calendar-container #calendar  .fc-button-primary:hover{background-color: #000;}
#calendar-container .selectedProduct{color: var(--verde-bs);}
#calendar  .fc-scroller{overflow: hidden !important;}
.sidebar-container { position: absolute; top: 20%; right: 0; left: 0; display: flex; justify-content: center; z-index: 1; margin: 0 auto; }
.sidebar-container #availability-container{ background-color: white; padding: 20px; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1); }

.sidebar-container #availability-container {width: 600px; position: relative;}
.sidebar-container #availability-container label.dataselected{font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: normal;;}
.sidebar-container #availability-container label.dataselected .selectedProduct{font-weight: bold;font-size: 16px;}
.sidebar-container #availability-container label.dataselected #selectedDay{font-size: 14px;}
.sidebar #selectedDay{font-size: inherit !important;}
.sidebar-container #availability-container .time-title{ font-family: "Bitter", serif; font-size: 24px; line-height: normal; color: #000 !important; position: relative;text-align: left;
  padding: 15px 0;  font-weight: bold;}
.sidebar-container #availability-container .time-title + label{margin-bottom: 15px;}
.sidebar-container #availability-container .time-title::after{content:""; width: 100%; height: 3px; background-color: var(--verde2-bs); position: absolute; bottom: -50px; left: 0;}
.sidebar-container #availability-container .selectedProduct,
.sidebar-container #availability-container #selectedDay{font-size: 22px;}
.sidebar-container #availability-container #close-availability{float: right; cursor: pointer; position: absolute; right: 20px; z-index: 1000;}
.sidebar-container #availability-container .event-container {margin-bottom: 20px;margin-top: 15px;}
.sidebar-container #availability-container .event-container p{font-weight: 600; font-size: 22px; margin-bottom: 10px;}
.sidebar-container #availability-container .event-container #eventos{list-style: none; padding: 0;font-size: 14px;}
.sidebar-container #availability-container .event-container #eventos .event-info { margin-bottom: 10px; display: flex; flex-direction: row; column-gap: 5px; background: var(--rosa-bs); line-height: normal; padding: 5px 15px; color: #fff; align-items: center; width: fit-content;font-size: 12px;}
.sidebar-container #availability-container .event-container #eventos .event-info .hours-event:before{color:#fff;}
.sidebar-container #availability-container .event-container #eventos .event-info p{margin-bottom: 0; line-height: normal; color: #fff; font-weight: normal; font-size: 14px;margin-left: 10px;}
.sidebar-container #availability-container .event-container #eventos .event-clone{display: none;}

.sidebar-container #availability-container .location-hours-info{padding: 5px 15px; background-color: #ccc; margin-bottom: 10px; width: fit-content;}
.sidebar-container #availability-container .location-hours-info p{margin-bottom: 0 !important; font-size: 20px;}
.sidebar-container #availability-container .location-hours-info p span{margin-left: 5px;}

.sidebar-container #availability-container #hours-form > .col-12{ padding: 15px; border: 3px solid var(--verde2-bs); max-width: calc(100% - 30px); margin: 0 auto; }
.sidebar-container #availability-container #hours-form .select-time-title{font-weight: 600; font-size: 22px;}
#hours-form label{font-weight: normal;}

.sidebar-container #availability-container #hours-form #other_days_div{flex-wrap: wrap; gap: 10px;}

.sidebar-container #availability-container .sidebar:not(.d-none) + #calendar{background-color: red;}
.sidebar-container #availability-container .event-clone{display: none;}

.form-container{ display: block; border: 3px solid var(--verde-claro); padding: 20px; max-width: calc(100% - 30px); margin: 15px; }

.ui-timepicker-container{ z-index: 1002!important; }

/* END CALENDAR */
.togglepw{ position: absolute; right: 10px; top: 0; transform: translateY(50%); }
#intranet .togglepw{ position: absolute; right: 10px; bottom: 10px; top:unset; transform: unset;cursor: pointer; }
.btn-user-profile:hover{background-color: unset; color: var(--verde-bs); text-decoration: underline;}
.menuuser0 .nav-item .dropdown-menu a:hover{color: var(--verde-bs) !important;}
#frm_login{max-width: 400px;margin: 0 auto;}
#frm_login .no-account p{ font-size: 16px; }
#frm_login .no-account a{ font-size: 16px; color: var(--verde-bs); }
#frm_login .forgot-pwd a{ font-size: 14px; color: var(--verde-bs); }
#frm_login .form-login{padding-left: 50px; }
#frm_login .input-icon{line-height: 50px; height: 50px;}

/* CARRITO */
body[data-path="ca/reserva-completada"] .carritoFF,
body[data-path="es/reserva-completada"] .carritoFF,
body[data-path="ca/cistella"] .carritoFF,
body[data-path="es/carrito"] .carritoFF{display: none;}

#cart{}
#cart h2{color: #000; text-align: left; margin-bottom: 15px;}

/*-----------------------
    BOOKING SYSTEM
---------------------- */

.explicacio-reserva{ background-color: #eee; }

#reserva h1,
#reserva h2,
#reserva h3,
#reserva h4 { color: #000; }

#reserva h1 { color: #000 !important; }
#reserva.pagook h1 { color: var(--rosa-2) !important; text-align: left !important; margin-top: 15px;}
#intranet form input[type="text"], #intranet form input[type="password"], #intranet form input[type="email"] { border: 2px solid var(--verde-bs); }
form input[type="text"], form input[type="email"], form input[type="password"],form select.custom-select { margin: 0 0 10px 0; height: 50px; padding: 0 0 0 13px; border-radius: 1px; border: 2px solid var(--verde-bs); }

#reserva .multiple-select { display: flex; align-items: center; height: 50px; margin-left: 15px; }
#reserva .multiple-select label{ margin-bottom: 0 !important; }
#reserva .multiple-select input{ height: 20px; width: 20px !important; }
#reserva #accept,
#reserva #accept2{margin-bottom: 0 !important; font-weight: normal; color: #000 !important;}
#reserva .total .total-title{font-weight: bold;}

#selectProduct{width:200px !important;font-size: 18px;}
#booking-form .step::before { background-color: var(--verde-bs); }

.form-group.row { display: flex; }
#reserva #booking-form textarea{font-size: 16px !important;}
#reserva #booking-form input[type="number"]{max-width: 100px;;}
#reserva #booking-form input[type="time"]{max-width: 100px;;}
#reserva #booking-form input[type="time"]#endTimeEvent,
#reserva #booking-form input[type="time"]#startTimeEvent{max-width: 120px;;}
#reserva .form-group.row label { margin-right: unset !important; font-size: 16px !important; }
.tooltip2{font-style: italic;}
#detalle-pedido #total_pedido { float: unset !important; text-align: right; }

/* #coupon-div .row{gap: 20px;} */
#coupon-code{ height: 58px; border: 2px solid var(--verde2-bs); border-radius: 0 !important; text-align: left !important; color: #000 !important; font-size: 16px !important; padding: 0 0 0 15px; }
#validate-coupon{margin-left: 15px;}

.description { width: 80%; margin-bottom: 50px !important; }

.pregunta { font-weight: bold;}

.btn.btn-type { border-radius: 0; border: 2px solid var(--verde-bs); background: #fff; color: var(--verde-bs); padding: 15px 30px; box-shadow: unset; transition: all 0.3s ease-in-out; }
.btn.btn-type.active, .btn.btn-type:hover { box-shadow: unset; background: var(--verde-bs); color: #fff !important; }

.event-button{display: flex; width: 100%; gap: 15px; justify-content: center;}
#private-event, #public-event{ min-width: 20%; }

#reserva .btn.btn-type { border-radius: 0; border: 2px solid var(--verde-bs) !important; background: #fff; color: var(--verde-bs); padding: 15px 30px; box-shadow: unset; transition: all 0.3s ease-in-out !important; }
#reserva .btn.btn-type:hover { box-shadow: unset; border: 2px solid var(--verde-bs) !important; background: var(--verde-bs) !important; color: #fff !important; }

#reserva #select-day.btn.btn-type { border-radius: 0; border: 2px solid var(--verde-bs) !important; background: #fff !important; color: var(--verde-bs) !important; padding: 15px 30px; box-shadow: unset; transition: all 0.3s ease-in-out !important; opacity: 1 !important; margin-left: 0px;}
#reserva #select-day.btn.btn-type:hover { box-shadow: unset; border: 2px solid var(--verde-bs) !important; background: var(--verde-bs) !important; color: #fff !important; }
#reserva #select-day.btn.btn-type:disabled{opacity: 0.2!important; pointer-events: none;;}
.btn.btn-type2 { border-radius: 0; border: 2px solid var(--rojo-bs); background: #fff; color: var(--rojo-bs); padding: 15px 30px; box-shadow: unset; transition: all 0.3s ease-in-out; }
.btn.btn-type2:hover { box-shadow: unset; background: var(--rojo-bs); color: #fff !important; }

#frm_nuevo_usr .btn.btn-default { border-radius: 0 !important; border: 2px solid var(--verde-bs) !important; background: #fff !important; color: var(--verde-bs) !important; background-color: #fff !important; padding: 15px 30px !important; box-shadow: unset !important; transition: all 0.3s ease-in-out !important; }
#frm_nuevo_usr .btn.btn-default:hover { box-shadow: unset !important; background: var(--verde-bs) !important; color: #fff !important; }

#reserva .btn.btn-primary { border-radius: 0; border: 2px solid var(--verde-bs); background: transparent !important; color: var(--verde-bs) !important; padding: 15px 30px; box-shadow: unset; transition: all 0.3s ease-in-out; text-transform: unset; font-size: 16px !important; }
#reserva .btn.btn-primary:hover { box-shadow: unset !important; opacity: unset !important; background: var(--verde-bs) !important; color: #fff !important; }

.btn-carrito:hover{color: #fff !important;}

.form-group.underline { padding-bottom: 20px !important; margin-bottom: 30px !important; border-bottom: 2px dashed #ccc; }

.form-container .custom-select { width: unset !important; }

.form-container #aforament { width: unset !important; }

#intranet {padding-top: 15px;}

#intranet h1 { text-align: center; font-size: 34px; padding: 2% 0; position: relative;}
#intranet h1::after { content: ""; width: 8%; height: 2px; background-color: var(--rojo-bs); position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto; }

#intranet .dades{padding-bottom: 0 !important;}
#intranet .edit-usr{padding-top: 20px !important;}
#intranet .edit-usr a, #intranet .edit-usr button{ display: block; padding-left: 0; font-size: 16px; line-height: normal; height: auto; }
.dadespersonals button.btn-user-profile i{ font-size: 22px !important; padding-right: 0.25rem !important; margin-right: 0.5rem !important; }

#intranet form label{font-size: 16px; color: #000; width: 100%; text-align: left;}

#intranet p{font-size: 14px;}

#intranet h1, #s_recuperar_pwd h1, #frm_nuevo_usr h1{padding-left: 0 !important;}
#s_recuperar_pwd h1 { text-align: center; font-size: 34px; padding: 2% 0; }
#s_recuperar_pwd h1::after { content: ""; width: 8%; height: 2px; background-color: var(--rojo-bs); position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto; }
#reserva .btn:hover{opacity: 1;}

/* HORAS SELECIONADAS */
.selectedHours { /* border: 2px solid var(--rojo-bs); */ display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 30px; margin-top: 15px; margin-bottom: 30px; }
.selectedHours .selectedHour { padding: 2px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ccc; /* border-right: 1px solid #ccc; */ /* border-bottom: 1px solid #ccc; */ position: relative; margin: 2px; border: none; color: var(--verde-bs); transition: all 0.3sease -in-out !important; border-radius: 0; background-color: #E4EFEA; border-radius: 5px; }
.selectedHours .selectedHours-title{grid-area: 1 / 1 / 1 / 5; margin-bottom: 15px; display: none;}
.selectedHours .selectedHours-title.full{display: block;}
.selectedHours .selectedHour i{ cursor: pointer; position: absolute; top: 10px; right: 10px;}
.selectedHours .selectedHour span{text-align: center; font-size: clamp(10px, 9.423px + 0.180vw, 12px);}
.selectedHours .selectedHour .name{font-weight: bold; font-size:  clamp(12px, 11.423px + 0.180vw, 14px);}

#reserva .tempo .bookingTime-info{ background-color: var(--rosa-bs) !important; padding: 10px; color: #fff; max-width: calc(100% - 30px); margin: 0 auto;}
#reserva .tempo .bookingTime-info .temporitzador{ all: unset; width: 100%; display: block; margin: 0;}
#reserva .tempo .bookingTime-info .temporitzador #countdown{}

/* #reserva #customer-info .row{ display: grid; grid-template-columns: repeat(2, 1fr); } */
#reserva #customer-info label{font-weight: 500;}

#reserva .resum .total{font-size: 14px;}

#reserva #prevreserva{margin-right: 10px;}

#reserva .step-5 h2{margin-bottom: 15px;}
#reserva .step-5 h3{margin-bottom: 10px; line-height: normal; font-weight: 500;}

/* #detalle-pedido {margin-bottom: 20px;} */
#detalle-pedido .table-responsive{margin-bottom: 15px;}
#detalle-pedido .materialInfo{}
#detalle-pedido .materialInfo p{margin-bottom: 10px;}
#detalle-pedido .materialInfo .form-check{display: flex;flex-direction: column; margin-bottom: 10px;}
#detalle-pedido .materialInfo .form-check label{margin-bottom: 10px; margin-left: 25px;}
#detalle-pedido .materialInfo .form-check input{position: unset !important; margin-right: 10px;}
#customer-info-material .resum{background: transparent; /* margin-bottom: 20px; */ margin-bottom: 0; border: 2px solid var(--verde2-bs); /* height: 100%; */}
#customer-info-material .resum .products {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; */
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  row-gap: 30px;
}
#customer-info-material .resum .products .product-info {
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #ccc;
  /* border-right: 1px solid #ccc; */
  /* border-bottom: 1px solid #ccc; */
  position: relative;
  margin: 2px;
  border: none;
  color: var(--verde-bs);
  transition: all 0.3s ease-in-out !important;
  border-radius: 0;
  background-color: #E4EFEA;
  border-radius: 5px;
  align-items: center;
  /* max-width: calc(25% - (20px* 3) / 4); */
  /* max-width: calc(33% - (20px * 2) / 3); */
  width: 100%;
}
#customer-info input{border-color: var(--verde-bs);}

#comments-shop{border: 2px solid var(--verde-bs); border-radius: 0;}

#accept, #accept2 { color: #333 !important; font-size: 14px !important; }
#nextreserva{text-transform: unset !important; font-size: 16px !important;}

#booking-form{padding-left: 0 !important;}
#booking-form #detalle-pedido #pedido-carrito {margin-bottom: 30px;}
#booking-form #detalle-pedido th{font-family: "Bitter", serif;}
#booking-form #detalle-pedido td{font-size: 16px;}
#booking-form #detalle-pedido .carrito_delete svg{transition: all 0.3s ease-in-out;}
#booking-form #detalle-pedido .carrito_delete svg:hover{fill: var(--rojo-bs);}
#booking-form .Precio, .ptotal h4 { color: #000; font-size: 16px; }

.carrito-navegacion{ display: flex; gap: 15px;}
#reserva .btn, .carrito-navegacion .btn{text-transform: unset !important; font-size: 16px !important;}
#reserva .btn:hover, .carrito-navegacion .btn:hover{background-color: var(--verde-bs) !important;}

#reserva .resum .total{margin-top: 20px !important; padding: 0 !important; padding-top: 20px !important;}
#reserva .resum .total{border-top: 1px solid var(--verde2-bs); color: #000; font-weight: normal;}


/* PAGINA RESERVA OK */
#reserva .messageContainer .resum{ background: transparent; /* margin-bottom: 20px; */ margin-bottom: 0; border: 2px solid var(--verde2-bs); /* height: 100%; */}
#reserva .messageContainer .resum .products {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; */
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  row-gap: 30px;
}
#reserva .messageContainer .resum .products .product-info {
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #ccc;
  /* border-right: 1px solid #ccc; */
  /* border-bottom: 1px solid #ccc; */
  position: relative;
  margin: 2px;
  border: none;
  color: var(--verde-bs);
  transition: all 0.3s ease-in-out !important;
  border-radius: 0;
  background-color: #E4EFEA;
  border-radius: 5px;
  align-items: center;
  /* max-width: calc(25% - (20px* 3) / 4); */
  /* max-width: calc(33% - (20px * 2) / 3); */
  width: 100%;
}

/* CARRITO */
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close, .off-canvas-search-box .off-canvas-content-wrap .btn-close{ transition: background-color 0.3s ease-in-out; }
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover, .off-canvas-search-box .off-canvas-content-wrap .btn-close:hover{ background-color: var(--verde2-bs); }
#fastCart #floatcart .itemfloatcart{}
#fastCart #floatcart .itemfloatcart .descripcion{/*display: flex;*/ align-items: center;}
#fastCart #floatcart .itemfloatcart .descripcion .producto-cantidad{ width: 45px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--verde-bs);}
#fastCart #floatcart .itemfloatcart .descripcion .price{flex-direction: column; align-items: start;}
#fastCart #floatcart .itemfloatcart .descripcion .price .product{line-height: normal;}
#fastCart #floatcart .itemfloatcart .descripcion .price .product .desc-product{display: block; margin-bottom: 5px; font-size: 14px;}
#fastCart #floatcart .itemfloatcart .descripcion .price .product .desc-product.title{font-size: 16px; font-weight: 500;}
#fastCart #floatcart .itemfloatcart .removeProd button{transition: color 0.3s ease-in-out;}
#fastCart #floatcart .itemfloatcart .removeProd button:hover{color: var(--rojo-bs);}
#fastCart #floatcart .checkoutbutton .link-carrito{width: 100%;}
#fastCart #floatcart .checkoutbutton .link-carrito:hover{background-color: var(--verde-bs) !important; color: #fff !important;}
#fastCart #floatcart #products-carrito{max-height: 600px; overflow: hidden auto; height: fit-content;}

.carritoFF .link-carrito { border: unset !important; color: #000; height: unset !important; position: relative; }
.carritoFF .link-carrito #cant_carrito { height: 20px; width: 20px; display: block; position: absolute; background: var(--verde-bs); border-radius: 50%; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; transition: background-color 0.3s ease-in-out;}
.carritoFF .link-carrito:hover{}
.carritoFF .link-carrito:hover #cant_carrito {background-color: var(--rosa-bs);}
.carritoFF .link-carrito i{line-height: normal;}

.userItem.dropdown{ margin: 0; }
.userItem.dropdown .nav-link { color: #000 !important; background: var(--verde-claro); padding: 5px 15px 5px 5px !important; height: auto !important; }
.userItem.dropdown .nav-link span.data{ color: #000 !important; width: 100%; }
.userItem.dropdown .nav-link span.toggler{ color: #000 !important; }
.userItem.dropdown .dropdown-menu{ position: absolute; left: 0% !important; padding: 0 !important;}
.userItem.dropdown .dropdown-menu .nav-link{ background-color: unset; padding: 0 !important; margin: 0 !important; }
.userItem.dropdown.show .dropdown-menu{ padding: 10px 20px !important; height: auto !important; background-color: #e6e6e6 !important; border-top: 2px solid #000; width: auto !important;}
.dropdown-menu::before{top: -25px !important; height: 25px !important;}
/* INFORMACIO ACTIVITAT PAGINA RESERVA */
.activity-info{margin-bottom: 20px;}
.activity-info label{margin-right: 0 !important; margin-bottom: 0;}
.activity-info span{font-weight: normal !important;}


/* booking step info */
.booking-step-container .booking-step-title{text-align: center; color: #000; font-family: "Bitter", serif; font-size: 28px; margin-bottom: 0;}
.booking-step-container .booking-step-info{ display: flex; flex-direction: row; justify-content: center; column-gap: 20px; padding-top: 20px; padding-bottom: 20px; }
.booking-step-container .booking-step-info .booking-step-item{ height: 50px; width: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; }
.booking-step-container .booking-step-info .booking-step-item.prev { background-color: var(--verde-bs); position: relative;}
.booking-step-container .booking-step-info .booking-step-item.prev::after{  content: ""; height: 5px; width: 20px; background-color: var(--verde-bs); position: absolute; right: -20px; }
.booking-step-container .booking-step-info .booking-step-item.now { background-color: var(--verde-bs);position: relative;}
.booking-step-container .booking-step-info .booking-step-item.now::after{  content: ""; height: 5px; width: 10px; background-color: var(--verde-bs); position: absolute; right: -10px; }
.booking-step-container .booking-step-info .booking-step-item.next { background-color: var(--verde2-bs); }
.booking-step-container .booking-step-info .booking-step-item:last-child::after{ content: unset; }


/* REGISTRO */
#register{}
#register #frm_nuevo_usr {}
#register #frm_nuevo_usr #password_web,
#register #frm_nuevo_usr #repeated_password{padding-left: 50px;}
#register #frm_nuevo_usr .input-icon.big{top: 35px; left: 30px;}
#register #frm_nuevo_usr .togglepw{position: absolute !important; right: 30px;}
#register #frm_nuevo_usr .form-group{margin-bottom: 10px; padding: 0 15px;}
#register #frm_nuevo_usr label{font-size: 18px; color: #000 !important;}

/* booking steps */
.first-step{}
.first-step .room-info a{color: var(--rojo-bs);}
.second-step .cat-title{font-weight: normal !important;}
.payment-step,
.second-step{display: none !important;}
.payment-step.visible,
.second-step.visible{display: flex !important;}
.second-step.visible.d-none{display: none !important;}

.publicEvent.d-none{display: none !important;}
#radio_0,
#radio_1{visibility: visible; display: block; opacity: 1;}

#radio_0 + label::after,
#radio_0 + label::before,
#radio_1 + label::before,
#radio_1 + label::after{content: unset !important;}

#s_intranet { padding-bottom: 0; }


/* PAGINA ADRECES */
.invoice-addresses .address-info > .row{height: 100%;}
.invoice-addresses .address-info .address-item{ padding: 10px; max-width: calc(100% - 30px); margin: 0 auto; border: 2px solid var(--verde2-bs); }
.invoice-addresses .address-info .address-item-title h5{border-bottom: 2px solid var(--verde2-bs); padding-bottom: 10px;}
.invoice-addresses .address-info .address-item-actions .actions{display: flex;justify-content: space-between;}
.invoice-addresses .address-info .address-item-actions .actions a{ height: 48px;}
.invoice-addresses .address-info .address-item-actions .actions button{ height: 48px;}
/* PAGINA ADREÇA */

/* PAGINA NOVA ADREÇA */
#address-form .form-group label{font-weight: 500; font-size: 16px;}
#address-form .form-group select{border-radius: 0; border-color: var(--verde-bs) !important; padding-left: 13px !important;}


.ecomIntranetArea {}

.ecomIntranetArea a { border: 2px solid var(--verde-bs); display: flex; flex-direction: column; width: 100%; min-height: 50px;  justify-content: center; color: var(--verde-bs); transition: all 0.3s ease-in-out !important; margin-bottom: 15px; padding: 10px; gap: 10px;}
.ecomIntranetArea.active a,
.ecomIntranetArea a:hover{ text-decoration: unset; background-color: var(--verde-bs); color: #fff !important; box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3); }


#intranet .ecomIntranetArea i { display: unset !important; line-height: normal; }

#opcions .btn, .contenidor-fast-menu .fast-menu .btn { flex-direction: row; justify-content: start; width: 100%; margin-bottom: 10px; gap: 10px; /* border: 2px solid var(--verde-bs); */ border: none; display: flex; color: var(--verde-bs); transition: all 0.3s ease-in-out !important; padding: 15px 30px; height: 48px; border-radius: 0; background-color: #E4EFEA; border-radius: 5px; }
#opcions .btn.btn-type2, .contenidor-fast-menu .fast-menu .btn.btn-type2 { border-color: var(--rojo-bs) !important; color: #fff !important; background-color: #EAC9CD; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
#opcions .btn.featured, .contenidor-fast-menu .fast-menu .btn.featured { justify-content: center; }
#opcions .btn:hover, #opcions .btn.active, .contenidor-fast-menu .fast-menu .btn.active { text-decoration: unset; background-color: var(--verde-bs); color: #fff !important; box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3); }
#opcions .btn.btn-type2:hover, #opcions .btn.btn-type2.active, .contenidor-fast-menu .fast-menu .btn.btn-type2.active { background-color: var(--rojo-bs); }
#opcions .btn i, .contenidor-fast-menu .fast-menu .btn i{ font-size: 16px; }

/* MENU RAPID */

.contenidor-fast-menu {margin-bottom: 20px;}
.contenidor-dadespersonals .dadespersonals-toggler i,
.contenidor-fast-menu .fast-menu-toggler i{transition: all 0.3s ease-in-out;}
.contenidor-dadespersonals .dadespersonals-toggler.rotate i,
.contenidor-fast-menu .fast-menu-toggler.rotate i{transform: rotate(90deg);}
.contenidor-fast-menu .fast-menu .ecomIntranetArea a{ border: 2px solid var(--verde-bs); display: flex; flex-direction: column; width: 100%; min-height: 50px;  justify-content: center; color: var(--verde-bs); transition: all 0.3s ease-in-out !important; margin-bottom: 15px; padding: 10px; gap: 10px;  gap: 0; padding: 0; height: 70px; margin-bottom: 20px !important;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea.type2 a{ border-color: var(--rojo-bs); color: var(--rojo-bs);}
.contenidor-fast-menu .fast-menu .ecomIntranetArea.type2.active a,
.contenidor-fast-menu .fast-menu .ecomIntranetArea.type2 a:hover{ text-decoration: unset; background-color: var(--verde-bs); color: #fff !important; box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3); background-color: var(--rojo-bs) !important; color: #fff !important;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea a i{display: unset !important; line-height: normal; font-size: 20px !important;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea a span{font-size: 12px; margin-top: 5px; width: 90%; margin-left: auto; margin-right: auto; line-height: normal;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button {border: 2px solid var(--rojo-bs); display: flex; flex-direction: column; width: 100%; min-height: 50px;  justify-content: center; align-items: center; color: var(--rojo-bs); transition: all 0.3s ease-in-out !important; margin-bottom: 15px; padding: 10px; gap: 10px; background-color: #fff; height: 70px; gap: 0;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button span{font-size: 12px; margin-top: 5px; width: 90%; margin-left: auto; margin-right: auto; line-height: normal;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button i{font-size: 28px;}
.contenidor-fast-menu .fast-menu .ecomIntranetArea#logout2 button:hover{ text-decoration: unset; background-color: var(--rojo-bs); color: #fff !important; box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3); }


/* PAGINA RESERVES */
.taula-reserves .btn.btn-type{height: auto; background-color: transparent;}
.taula-reserves .btn.btn-type:hover{background-color: var(--verde-bs);}
.taula-reserves .dataTables_filter input{ border-radius: 0; border: 2px solid var(--verde-bs); padding: 0 0 0 13px; height: 50px; display: block; width: 100%; color: #495057; background-color: #fff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.taula-reserves .dataTables_filter input:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; }

#modal-order-details{}
#modal-order-details .modal-footer{ display: block; padding: 0 30px 40px; }
#modal-order-details .modal-footer .summary_property{margin-bottom: 15px;}

.taula-reserves{}
.taula-reserves label{font-size: 14px;}
.taula-reserves .dataTables_info{font-size: 14px;}
.taula-reserves .dataTables_paginate{font-size: 14px;}
.taula-reserves .dataTables_paginate .paginate_button {padding: 0 10px; border: none;}
.taula-reserves .dataTables_paginate .paginate_button:active,
.taula-reserves .dataTables_paginate .paginate_button:hover { background: none; color: var(--verde-bs) !important; border: none; }
.taula-reserves .dataTables_paginate span .paginate_button { border-radius: 0 !important; border: 2px solid var(--verde-bs) !important; background: #fff !important; color: var(--verde-bs) !important; padding: 5px 15px !important; box-shadow: unset !important; transition: all 0.3s ease-in-out !important; }
.taula-reserves .dataTables_paginate span .paginate_button.current,
.taula-reserves .dataTables_paginate span .paginate_button:hover{ background-color: var(--verde-bs) !important; color: #fff !important; }

.taula-reserves .dataTable {border: none !important; margin-bottom: 20px;}
#table-details {border: none !important;}
#table-details *{color: #212529;}
#table-details th{font-size: 15px; font-weight: bold; text-transform: unset !important;}
#table-details td{font-size: 14px;}
#table-details thead tr{background-color: #fff;}
#table-details tbody tr:nth-child(even){background-color: #f8f8f8;}
#table-details tbody tr:nth-child(odd){background-color: #fff;}
#table-details td,
.taula-reserves .dataTable td{border: none; vertical-align: middle;}
#table-details th,
.taula-reserves .dataTable th{border: none;}
#table-details tr,
.taula-reserves .dataTable tr{border: none;}

[class^="state-"]{ padding: 5px; border-radius: 7px; font-size: 12px; }

.state-1{background-color: #ffc107; color: #fff}
.state-2{background-color: #fd7e14; color: #fff}
.state-3{background-color: #007bff; color: #fff}
.state-4{background-color: #6f42c1; color: #fff}
.state-5{background-color: #6c757d; color: #fff}
.state-6{background-color: #dc3545; color: #fff}
.state-7{background-color: #28a745; color: #fff}


/* PAGINA CALENDARI */
#calendario{}
#calendario .titular-seccion {  padding-top: 0;  padding-bottom: 30px;}

/* #calendario { position: absolute; top: 20%; right: 0; left: 0; display: flex; justify-content: center; z-index: 1; margin: 0 auto; } */
#calendario #availability-container{ background-color: white; padding: 20px; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1); }

/* #calendario #availability-container {width: 600px; position: relative;} */
#calendario #availability-container .time-title{ font-family: "Bitter", serif; font-size: 24px; line-height: normal; color: #000 !important; position: relative;}
#calendario #availability-container .time-title + label{margin-bottom: 15px;}
#calendario #availability-container .time-title::after{/*content:"";*/ width: 100%; height: 3px; background-color: var(--verde2-bs); position: absolute; bottom: -50px; left: 0;}
#calendario #availability-container .selectedProduct,
#calendario #availability-container #selectedDay{font-size: 18px;}
#calendario #availability-container #close-availability{float: right; cursor: pointer; position: absolute; right: 20px; z-index: 1000;}
#calendario #availability-container .event-container {margin-bottom: 20px;}
#calendario #availability-container .event-container p{font-weight: 600; font-size: 22px; margin-bottom: 10px;}
#calendario #availability-container .event-container #eventos{list-style: none; padding: 0; /*max-height: 560px; overflow: auto;*/ }
#calendario #availability-container .event-container #eventos .all-event{position: relative; padding-bottom: 5px; }
#calendario #availability-container .event-container #eventos .all-event:not(.event-clone) + .all-event{padding-top: 0px; margin-top: 10px;}
#calendario #availability-container .event-container #eventos .all-event::after{content: ""; width: 100%; height: 2px; background-color: var(--verde-claro); display: block; position: absolute; bottom: 0; right: 0; left: 0;}
#calendario #availability-container .event-container #eventos .event-info { display: flex; flex-direction: row; column-gap: 10px; line-height: normal; color: #000; align-items: start; width: 100%; /* flex-wrap: wrap; */ row-gap: 5px; margin-bottom: 10px;}
#calendario #availability-container .event-container #eventos .event-info .info-event{display: flex; flex-direction: column; gap: 10px; align-items: start;}
#calendario #availability-container .event-container #eventos .event-info .event-image img{ /* max-height: 70px; */ aspect-ratio: 1/1;}
#calendario #availability-container .event-container #eventos .all-event .material-event{font-size: 14px;}
#calendario #availability-container .event-container #eventos .all-event .link-event{width: 100%; display: block; font-size: 14px; font-weight: 500; padding: 5px 15px !important; height: unset; }
#calendario #availability-container .event-container #eventos .event-info p{margin-bottom: 0; line-height: normal; color: #000; font-weight: normal; font-size: 16px;}
#calendario #availability-container .event-container #eventos .event-info .sala-event,
#calendario #availability-container .event-container #eventos .event-info .hours-event{font-size: 14px;}
.sidebar .hours-event:before{content:"\f017";font: normal normal normal 14px/1 FontAwesome;  font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;margin-right: 5px;color:var(--verde-oscuro);}
.sidebar .sala-event:before{content:"\f041";font: normal normal normal 14px/1 FontAwesome;  font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;margin-right: 5px; color:var(--verde-oscuro);}
.sidebar .infoevent {display: flex;    gap: 25px;}
#calendario #availability-container .event-container #eventos .event-info .title-event{font-weight: 600;}
#calendario #availability-container .event-container #eventos .event-clone{display: none;}
#calendario #calendar h2 { font-size: 20px; font-family: "Montserrat"; font-weight: 500; }
#calendario #calendar h2::first-letter {text-transform: uppercase;}
#calendario #calendar .fc-button-primary:disabled { background-color: var(--verde-claro); border-color: var(--verde-claro); color: var(--verde-oscuro); border-radius: 0; font-size: 16px; }
#calendario #calendar  .fc-button-primary{ background-color: var(--verde-oscuro); border-color: var(--verde-oscuro); color: #fff;border-radius: 0; font-size: 16px; }

#calendario #availability-container .location-hours-info{padding: 5px 15px; background-color: #ccc; margin-bottom: 10px; width: fit-content;}
#calendario #availability-container .location-hours-info p{margin-bottom: 0 !important; font-size: 20px;}
#calendario #availability-container .location-hours-info p span{margin-left: 5px;}

#calendario #availability-container #hours-form > .col-12{ padding: 15px; border: 3px solid var(--verde2-bs); max-width: calc(100% - 30px); margin: 0 auto; }
#calendario #availability-container #hours-form .select-time-title{font-weight: 600; font-size: 22px;}

#calendario #availability-container .sidebar:not(.d-none) + #calendar{background-color: red;}
#calendario #availability-container .event-clone{display: none;}
#calendario #calendar{position: sticky;  top: 230px;  height: 592px;}
body:not(.loogedback,.security) .menu .navbar-nav > .nav-item:last-child,
.menu .navbar-nav > .nav-item:nth-child(2),
.menu .navbar-nav > .nav-item:nth-child(3),
.menu .navbar-nav > .nav-item:nth-child(4),
.menu .navbar-nav > .nav-item:nth-child(6){/*display: none;*/}

#booking-form .postthumb{ object-fit: cover; width:150px!important; margin: 10px; }

#hours-form .d-none { display: none!important;}

a:focus,button:focus,.btn.focus, .btn:focus { outline: 2px solid var(--verde-bs) !important;}

a:hover:focus,button:hover:focus, .btn:hover:focus {    outline: none !important;   }

.ajuda{}
.ajuda a{color: var(--rojo-bs); transition: all 0.3s ease-in-out; font-size: 16px; font-weight: 500;}
.ajuda a:hover{text-decoration: underline;}


#add-material{ opacity: 1; visibility: visible; height: auto; transition: all 0.3s ease-in-out; /* padding: 15px 30px; */ display: flex; }

#add-material.hide{ opacity:  0; visibility: hidden; height: 0; /* padding: 0; */ display: none; }

.continue-book{ opacity: 1; transition: all 0.3s ease-in-out; }
.continue-book.disabled{ opacity: 0.7; pointer-events: none; }
#calendar-container .selectedHours { margin-left: auto; max-width: 800px; background: #fff; padding: 10px; }
#calendar-container .selectedHours{ margin-top: 0px; margin-bottom: 0px; }
#calendar-container #continue-booking-container{grid-area: 1 / 1 / 1 / 5; margin-bottom: 10px;}
#calendar-container #calendar .fc .fc-view-harness{min-height: 100%;}


.ui-corner-all{}
.ui-corner-all.ui-state-hover:hover{color: #212121 !important; text-decoration: none;}

/* LOADER PAGINA */
/* .bookingloader-active { position: fixed; top: 0; left: 0; overflow: hidden; height: 100vh; width: 100vw; z-index: 99999; } */
/* .bookingloader-active .bookingloader-area-wrap { background-color: #fff; position: absolute; left: 0; display: block; top: 0; height: 100%; width: 100%; z-index: 999999; } */
.bookingloader-active #booking-form-container{}
.bookingloader-active #booking-form-container .bookingloader-area-wrap { position: absolute; top: 0; left: 0; height: 100%; background: #fff; width: 100%; display: flex ; align-items: center; justify-content: center; opacity: 1; visibility: visible;}
.bookingloader-active #booking-form-container .bookingloader-title { text-align: center; position: absolute; margin-top: -100px; padding: 30px;}
#booking-form-container > .row{transition: all 0.3s ease-in-out;}
.bookingloader-active #booking-form-container > .row{opacity: 0; visibility: hidden; pointer-events: none;}
.bookingloader-area-wrap { display: none; opacity: 0; visibility: hidden; }

.bookingloader-active #booking-form-container .dots-container { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.bookingloader-active #booking-form-container .dot { height: 20px; width: 20px; margin-right: 10px; border-radius: 10px; background-color: #E3F1EB; animation: pulse 1.5s infinite ease-in-out; }
.bookingloader-active #booking-form-container .dot:last-child { margin-right: 0; }
.bookingloader-active #booking-form-container .dot:nth-child(1) { animation-delay: -0.3s; }
.bookingloader-active #booking-form-container .dot:nth-child(2) { animation-delay: -0.1s; }
.bookingloader-active #booking-form-container .dot:nth-child(3) { animation-delay: 0.1s; }

@keyframes pulse {
  0% {
    transform: scale(0.8);
    background-color: #E3F1EB; /* Verde más claro */
    box-shadow: 0 0 0 0 rgba(169, 208, 187, 0.7);
  }

  50% {
    transform: scale(1.2);
    background-color: #C9E2D6; /* Verde medio */
    box-shadow: 0 0 0 10px rgba(127, 180, 158, 0);
  }

  100% {
    transform: scale(0.8);
    background-color: #E3F1EB; /* Verde base */
    box-shadow: 0 0 0 0 rgba(184, 218, 209, 0.7);
  }
}

/* LOADER PAGINA */

body:not(.logged) .notlogged{display: none;}
body.logged .logged{display: none;}

.calendarloader-active #availability-container{position: relative;}
.calendarloader-active #availability-container .calendarloader-area-wrap {height: 100%;background: #fff;width: 100%;display: flex;align-items: center;justify-content: center;opacity: 1;visibility: visible;padding: 30px;flex-direction: column;position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.9);top: 0;left: 0;z-index: 1;}
.calendarloader-active #availability-container .calendarloader-title {text-align: center;padding-bottom: 15px;}
#availability-container > .row{transition: all 0.3s ease-in-out;}
.calendarloader-active #availability-container > .row{opacity: 0; visibility: hidden; pointer-events: none;}
.calendarloader-area-wrap { display: none; opacity: 0; visibility: hidden; }

.calendarloader-active #availability-container .dots-container { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.calendarloader-active #availability-container .dot { height: 20px; width: 20px; margin-right: 10px; border-radius: 10px; background-color: #E3F1EB; animation: pulse 1.5s infinite ease-in-out; }
.calendarloader-active #availability-container .dot:last-child { margin-right: 0; }
.calendarloader-active #availability-container .dot:nth-child(1) { animation-delay: -0.3s; }
.calendarloader-active #availability-container .dot:nth-child(2) { animation-delay: -0.1s; }
.calendarloader-active #availability-container .dot:nth-child(3) { animation-delay: 0.1s; }

/* LLISTAT ESDEVENIMENTS */
.agenda-3 main > div{margin-top: 20px;}
.esdeveniments.product-list{}
.esdeveniments.product-list .item{margin-bottom: 15px;border-bottom: 1px solid #eee;  border-top: 1px solid #eee;}
.esdeveniments.product-list .item .single-post-slide-wrap{ display: flex ; align-items: center;/* gap: 30px; */}
.esdeveniments.product-list .item img{/*max-width: 300px;*/ aspect-ratio: 1/1;}
.esdeveniments.product-list .item img[src="/media/images/Logos/logo.svg"]{padding:15px;aspect-ratio: unset;}
.esdeveniments.product-list .item:hover img{filter: unset; transform: unset;}
.esdeveniments.product-list h3{margin-bottom: 10px;  font-size: 16px;  font-family: "Montserrat", sans-serif;  font-weight: 600;line-height: normal;}
/* .esdeveniments.product-list .item h3{margin-bottom: 0;} */
.esdeveniments.product-list .item .post-info{display: flex; gap: 15px;}
.esdeveniments.product-list .item .post-info p{font-size: 12px; margin-bottom: 0px;}
.esdeveniments.product-list .item .post-info p:last-child{margin-bottom: 0;}
.esdeveniments.product-list .item .fa{color: #E55465; margin-right: 5px !important;}
.esdeveniments.product-list .item .fa-regular{color: #E55465; margin-right: 5px !important;}

/* FILTRO */
.filter {margin-bottom: 30px;}
.filter form .cat-fields .form-check { padding: unset; display: inline-block; }
.filter form .cat-fields .form-check input { display: none; }
.filter form .cat-fields .form-check label { padding: 4px 6px; line-height: normal; transition: border-color 0.3s ease-in-out; cursor: pointer; border: 2px solid #DDD; border-radius: 5px; margin: 0 4px 4px 0; font-size: 12px; }
.filter .button-filter{margin: 0 4px 4px 0; font-size: 12px; }
.filter .button-filter:hover {  border-color: #E55465;}
.filter .button-filter.active {  border-color: #E55465; background-color: #E55465; color:#fff; }
.filter form .cat-fields .form-check label:hover {  border-color: #E55465;}
.filter form .cat-fields .form-check input:checked + label {border-color: #E55465; background-color: #E55465; color:#fff;  }
.filter-toggler{transition: all 0.3s ease-in-out; transform: rotate(0);}
.filter-toggler.rotate-90{ transform: rotate(90deg);}
.filters-list .custom-select{font-size: 14px;}



/* LEYENDA CALENDARIO */
#calendar-legend{ display: flex ; flex-wrap: wrap; column-gap: 10px; margin-left: auto; background: #fff; justify-content: end; width: 100%; max-width: 800px; padding: 10px;}
#calendar-legend .no-stock{}
#calendar-legend .partial-stock{}
#calendar-legend .full-stock{}
#calendar-legend .no-stock,
#calendar-legend .partial-stock,
#calendar-legend .full-stock{display: flex; font-size: clamp(10px, 9.423px + 0.180vw, 12px); align-items: center;}
#calendar-legend .no-stock span,
#calendar-legend .partial-stock span,
#calendar-legend .full-stock span{display: block; width: 15px; height: 15px; border-radius: 50%;}
#calendar-legend .full-stock span{background-color: #CDF7C1;}
#calendar-legend .partial-stock span{background-color: #FFDF9F;}
#calendar-legend .no-stock span{background-color: #F9BFBF;}



/*aplicar a custom*/
.address-form{background: #eee;    padding: 30px 25px;}
.activity-info {
  margin-bottom: 20px;
  padding: 30px;
  display: table;
  background: transparent;
  margin-bottom: 20px;
  border: 2px solid var(--verde2-bs);
  width: 100%;
}
.activity-info .introtext{border-bottom: 1px solid #ccc;    margin-bottom: 10px !important;}
#reserva #booking-form textarea {    margin-bottom: 15px;  }

.pagination .page-item:first-child,
.pagination .page-item:last-child{margin: 0 !important;}
.pagination .page-item .page-link{ border-radius: 0 !important; border: 2px solid var(--verde-bs) !important; background: #fff !important; color: var(--verde-bs) !important; /* padding: 15px 30px !important; */ box-shadow: unset !important; transition: all 0.3s ease-in-out !important; }
.pagination .active_page.page-item .page-link,
.pagination .page-item .page-link:hover{ box-shadow: unset !important; background: var(--verde-bs) !important; color: #fff !important; }

.activity-info p,
#order-info p{font-size: 14px !important; margin-bottom: 0 !important;}

.messageContainer h1{font-size: 30px !important;}

.resum .products-container{max-height: 200px; overflow: hidden auto;}