body {font-size: 18px;color: #1A1A1A;    font-family: "Atkinson Hyperlegible Next", sans-serif;     font-optical-sizing: auto;font-weight: 400;overflow-x:hidden;}

.navbar-menu {	position: sticky;	top: 0px;	z-index: 9;	width: 100%;}
.navbar-principal .nav-link  {color: #ffffff;  font-size: 18px;padding: 8px 20px;font-weight: 600;white-space: nowrap;}
.navbar-principal >  li {	border-bottom: 1px solid #5b9dce;}
.navbar-secundari .nav-link  { font-size: 18px;padding: 8px 5px;font-weight: 600;color: #fff;}
.navbar-menu .nav-link.nav-destacat {	background-color: #075997;	color: #ffffff;	font-weight: 400;border-radius: 10px;padding: 8px 20px;}
.navbar-menu .nav-link.nav-svg:hover svg{		 animation-name: animacio02;	animation-duration: 1.5s;	animation-iteration-count: infinite;	animation-timing-function: linear;}
.dropdown-idiomes button {	background: transparent;	border: none;	color: #fff;	padding: 7px;}
.dropdown-menu {border-radius: 0px;}
.nav-favorits .star-full {	display: none;  }
.nav-favorits:hover .star-empty {	display: none;  }  
.nav-favorits:hover .star-full {	display: inline;  }
.navbar-principal .dropdown-menu {	background: transparent;	border: 0px;}
.navbar-principal .dropdown-menu {	box-shadow: 0px 3px 6px #00000029;	border: 1px solid #07599726;	border-radius: 20px !important;padding:20px;} 
 .navbar-principal .dropdown-menu .dropdown-item{color: #ffffff;font-size: 18px;  font-weight: 500;} 
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-nav .nav-link:hover {	color: #5b9dce;}
#navbarSupportedContent {position: absolute;width: 300px;min-height: 100vh;z-index: 9;right: -300px;top: 64px;padding: 20px;transition: 0.1s all;}
#navbarSupportedContent.show {width: 300px;right: 0px;background-color: #075997; }
.menu-open::before {width: calc(100% - 300px);left: 0px;top: 64px;position: fixed;content: "";background-color: rgba(0,0,0,0.3);z-index: 999;height: 100vh;}
.boto-menu-mobil {width: 40px;height: 40px;cursor: pointer;transform: scaleX(-1);border: 0px;}
.boto-menu-mobil line {stroke: #ffffff;transition: transform 0.3s, stroke-dashoffset 0.4s;transform-origin: center;stroke-width: 3px;border-radius: 10px;}
.navbar-toggler {	background: #075997;}
.boto-menu-mobil .top {transform: translateY(-35%);}
.boto-menu-mobil .middle {transform: scaleX(1);transition: opacity 0.3s, transform 0.3s;}
.boto-menu-mobil .bottom {transform: translateY(33%);}
.boto-menu-mobil:hover .bottom {stroke-dashoffset: 0%;}
.navbar-toggler {	border: 0px;}
body.menu-open .boto-menu-mobil .top {transform: rotate(45deg);stroke-linecap: round;}
body.menu-open .boto-menu-mobil .middle {transform: scaleX(0.1);opacity: 0;}
body.menu-open .boto-menu-mobil line.bottom {transform: rotate(-45deg);stroke-linecap: round;}
body.menu-open .boto-menu-mobil .bottom {stroke-dashoffset: 0%;}
header a {	border-bottom: none;}
.navbar-menu {		background: #ffffff;	}

ul.llistat-blanc li {    position: relative;    display: block;    line-height: 26px;    color: #fff;    margin-bottom: 5px;    margin-top: 5px;    padding-left: 25px;    font-weight: 300;font-size: 18px;  }
ul.llistat-blanc li::before {    content: "";    display: inline-block;    width: 20px;    height: 20px;    margin-left: -5px;    background-image: url("/images/check-blanc.svg");    background-size: contain;    background-repeat: no-repeat;    vertical-align: middle;    position: absolute;    left: 0;  top: 3px;  }
.text-descript ul li {    position: relative;    display: block;    line-height: 26px;      margin-bottom: 5px;    margin-top: 5px;    padding-left: 25px;    font-weight: 300;font-size: 18px;  }
.text-descript ul li::before {    content: "";    display: inline-block;    width: 20px;    height: 20px;    margin-left: -5px;    background-image: url("/images/check.svg");    background-size: contain;    background-repeat: no-repeat;    vertical-align: middle;    position: absolute;    left: 0;  top: 3px;  }

.taula-preus .text ul li {    position: relative;    display: block;    font-size: 16px;    line-height: 26px;    color: #3b3b3b;    margin-bottom: 20px;    padding-left: 25px;  }

.container-xxl {    max-width: 1600px;  }

  .img-bg {    position: relative;z-index: 0;  }
  .img-bg img{    position: relative;z-index: 1;  }
  .img-bg::before {    content: "";    background-color: #EDF6FB;    width: 80%;    height: 80%;    border-radius: 20px;    display: block;    position: absolute;    left: -40px;    bottom: -40px;  }
  .text-bgblau {    background: #075997;    border-radius: 20px;    padding: 20px;  }

a{	text-decoration: none;border-bottom: 1px dotted #075997;color: #075997;transition:0.5s all;}
a:hover{color:#1b93d8;}
img{border-radius: 20px;}

.sliderhome {	background: #fff;padding:90px 0px;color: #ffffff;}
.sliderhome .img-height {height: 100%;object-fit: cover; object-position: center;}
.sliderhome .text{max-width: 730px;}



.sliderhome .recuadre-blanc {position:relative;
	padding: 20px;
	background-color: #F5F7FA;
}

	.sliderhome .recuadre-blanc:hover h2{
	color:#075997;
	}

.titolg {	font-size: 32px;font-weight: 600;margin-bottom: 15px;}
.titol {	font-size: 29px;font-weight: 600;margin-bottom: 15px;}
.titolp{		font-size: 18px;text-align: center;}
.titol span,.titolg span{	display: block;	font-size: 19px;  font-weight: 400;margin-bottom: 10px;}


.btn01 {	margin-top: 20px;	display: inline-block;	background: #075997;	padding: 10px 30px;	color: #ffffff;	border: 1px solid #ffffff;border-radius: 10px;}
.btn01:hover {	border: 1px solid #fff;	background-color:#123f62;	color:#fff  }
.btn01:hover svg,.btn02:hover svg {	animation:animacio01 1s infinite linear alternate  }
  @keyframes animacio01 {
	0% {	  transform:translate(0)	}
	50% {	  transform:translate(10px)	}
	100% {	  transform:translate(0)	}
  }

  .btn02{padding-bottom: 10px;}
  .btn02 span {    background: #075997;    width: 25px;    height: 25px;    padding: 5px;    border-radius: 50%;    color: #fff;    display: inline-block;    vertical-align: middle;  line-height: 0px;  }
  .btn02:hover span {    background: transparent;color: #075997;  }

.recuadre-blanc, .recuadre-serveis {	background-color: #FAFDFF;	color: #171933;	border-radius: 20px;	padding: 5px;	border: 1px solid #fff;height: 100%;}
.recuadre-blau {	background-color: #075997;}
.recuadre-blanc h2, .recuadre-serveis h2 {		font-size: 18px;	}
.recuadre-blanc img ,.recuadre-serveis img {	width: 100%;height: 160px;object-fit: cover;margin-bottom: 10px;}

.recuadre-serveis {position:relative;overflow:hidden;}
.recuadre-serveis:hover {		background-color: #1c8dcd;		border-color: #1c8dcd;		position: relative;		z-index: 1;		background: #348bcc;		transition: 0.5s all;	}
.recuadre-serveis:hover img {			transition: 0.5s all;			filter: contrast(110%) brightness(1.45);		}
.recuadre-serveis:hover a, .recuadre-blau a {			text-decoration: none;			border-bottom: 1px dotted #fff;			color: #fff;			transition: 0.5s all;		}
.recuadre-serveis:hover .info-serveis, .recuadre-blau .info-serveis {			color: #fff;		}

.recuadre-blau .btn02 span {	background: #fff;	color: #075997;}

.stick .logo, .logo {		transition: 0.5s all;		width: 137px;		height: 35px;	}
.stick .navbar-menu {	transition: 0.5s all;	background: #fff;	position: fixed;	top: 0px;	box-shadow: 0px 0px 14px #afdcff;}

.item-blog{position:relative;}
.item-blog p {	color: #525252;	font-size: 16px;	margin: 10px 0px;}
.item-blog a {font-size: 20px;font-weight:600;color:#1A1A1A;border-bottom:0px;}
.item-blog:hover a{color:#075997;}
.item-blog .imatge {	position: relative;	overflow: hidden;border-radius:20px;border:1px solid #fff;}
.item-blog:hover .imatge {border:1px solid #075997;}
.item-blog:hover  img {	transition: 0.5s all;	transform: scale(1.3);}


.item-testimonis{background-color: #075997;border-radius: 20px;padding:30px;color: #ffffff;position:relative;}
.item-testimonis p{margin-top: 20px;}
.item-testimonis:hover { background-color: #1a8ccd;	transition: 0.5s all;	filter: contrast(110%);}
.img-border {	border: 1px solid #075997;	box-shadow: 0px 0px 15px #aeacac;}
.fs-p{font-size: 16px;}


.gallery-trigger {	max-height: 200px;	width: 100%;	object-fit: cover;	height: 100%;}



.video-container {	position: relative;	width:  100%; max-height: 560px;height: 100%;margin-bottom: 20px; }
.video-container  video {	width: 100%;	height: 100%;;	display: block; border-radius: 20px;object-fit: cover; }
.video-container .controls {	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	cursor: pointer;	opacity: 0.8;	transition: opacity 0.2s ease;  }
.video-container .controls svg {	width: 80px;	height: 80px;	fill: white;  }
.video-container  video::-webkit-media-controls {	display: none !important;  }
.video-container video::-moz-media-controls {	display: none !important;  }
.video-container #pauseIcon{opacity:0;}
.video-container:hover #pauseIcon{opacity:1;}


.bg-faqs{background-color: #F5F7FA;padding:15px 15px 50px 15px;border-radius: 20px;}
.bg-faqs .accordion-button {	font-size: 20px;	font-weight: 600;padding: 15px 0px;}
.bg-faqs .accordion-button.collapsed {background-color: #F5F7FA;}
.bg-faqs .accordion-button:not(.collapsed) {background-color: #F5F7FA;color: #075997;}
.bg-faqs .accordion-body {background-color: #F5F7FA;}



footer{background-color: #075997;padding: 50px 0px;color: #ffffff;font-size: 16px;}
footer img{filter: brightness(0) invert(1);}
footer ul{list-style: none; padding: 0px;margin:0px;font-weight: 200;	font-size: 18px;}
footer ul li{margin-bottom: 10px;}
footer a{color: #ffffff;}
.collapse-footer {	background: transparent;	border: 0px;	color: #ffffff;	display: inherit;	padding: 0px;	font-size: 20px;	font-weight: 600;}

.logofooter{margin-bottom: 20px;}
.nocollapse.collapse-footer::before {    display: none;  }  
.nocollapse.collapse-footer {	border-bottom: 0px;}
.collapse-footer.mt-4{margin-top: 0rem !important;}
.collapse-footer::before {  content: "";   width: 16px;  height: 16px;  background-image: url('/images/chevron-footer.svg');  background-size: contain;  background-repeat: no-repeat;  float: right;  margin-right: 0.5rem;}

.collapse-footer {	margin-bottom: 20px;border-bottom: 2px solid #1167A8;width: 100%;text-align: left;position: relative;}
footer .collapse.show {	margin-bottom: 50px;}
.bg-serveis {	border-radius: 20px;	margin: 0px 15px;	color: #ffffff;	background: linear-gradient(180deg, #075997 0%, #3079a4 40%, #075997 70%, #113651 100%);	background-size: 100% 200%;	animation: moveGradient 8s ease-in-out infinite alternate;}
.bg-dia{background-color: #F5F7FA;border-radius: 20px;	margin: 0px 15px;}
.bg-dia .img-border {width: 100%;max-height: 215px;object-fit: cover;object-position: top;}



.img-resplandor {	position:relative;overflow:hidden}
.img-resplandor:after {	content: "";	position: absolute;	width: 200%;	height: 0%;	left: 50%;	top: 50%;	background-color: rgba(255,255,255,.3);	transform: translate(-50%,-50%) rotate(-45deg);	z-index: 1;}
.img-resplandor:hover:after {	height: 250%;	transition: all 600ms linear;	background-color: transparent;}

.top-pagina {	width: 100%;	margin-bottom: 20px;	border-radius: 20px;	background: #075997;	color: #fff;	text-align: center;	padding: 50px 0px;}
.top-pagina h1,.top-pagina p{font-size: 2.5rem;font-weight: 500;margin:0px;}


@keyframes moveGradient {
	0% {		background-position: 0% 100%;	}
	100% {		background-position: 0% 0%;	}
}





blockquote {	position: relative;	font-size: 1.2rem;	font-style: italic;	line-height: 1.6;	color: #0a3d62;	background: #f4f8fb;	border-left: 5px solid #075997;	padding: 1.5rem 2rem;	max-width: 800px;	border-radius: 20px;	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);	display: inline-block;}

blockquote::before {		content: "''";		font-size: 4rem;		line-height: 0;		color: #075997;		position: absolute;		left: 15px;		top: 30px;		opacity: 0.2;	}
blockquote span {display:block;		margin-top: 0px;		font-size: 0.9rem;		font-style: normal;		color: #1a6fa0;		text-align: right;	}

.recuadre-infobg {	background-color: #075997;	color: #ffffff;	padding: 20px;	border-radius: 20px;}
	.recuadre-infobg ul li, .textllarg > ul li, .item-recepta > ul li {
		list-style: none;
		position: relative;
		margin-bottom: 10px;
	}
		.recuadre-infobg li::before, .textllarg > ul li::before, .item-recepta ul li::before {
			content: "";
			display: inline-block;
			width: 15px;
			height: 15px;
			background-image: url("/images/chevron-list.svg");
			background-size: contain;
			background-repeat: no-repeat;
			vertical-align: middle;
			position: absolute;
			left: -19px;
			top: 6px;
		}
		.textllarg > ul li::before, .item-recepta ul li::before {
			background-image: url("/images/chevron-list2.svg");
		}
.recuadre-info {	display: flex;}
.recuadre-info .ico {		min-width: 70px;		width: 70px;		background: #075997;		border-radius: 20px;		margin-right: 19px;		align-content: center;		padding: 10px;	}
.recuadre-info .ico img {			filter: brightness(0) invert(1);		}
.item-equip {	text-align: center;}
.item-equip h2 {	font-size: 1.8rem;	margin-top: 10px;	color: #075997;	margin-bottom: 0px;}
.item-equip p{color:#3b3b3b}
a:hover .recuadre-info img {
	transition: 0.5s all;
	transform: scale(1.2);
}






.item-menuq {
	position: relative;
	text-align: center;
	cursor: pointer;
}
.item-menuq h2 {		font-size: 1.8rem;		margin-top: 10px;		color: #075997;		margin-bottom: 0px;	}
.item-menuq p {		color: #3b3b3b	}
.item-menuq .imatge {		position: relative;		border-radius: 20px;		background-color: #075997;		border: 1px solid #075997;		box-shadow: 0px 0px 15px #aeacac;	}
.item-menuq:hover img {	opacity: .5;}
.item-menuq:hover svg {	opacity: 1;}
.item-menuq:hover .imatge svg {		width: 150px;		opacity: 1;		height: 150px;		color: #fff;	}
.item-menuq .imatge svg {	transition: .2s all;	position: absolute;	top: 38%;	left: 0;	right: 0;	margin: auto;	width: 10px;	opacity: 0;}


.item-recepta {	background-color: #F5F7FA;	padding: 35px;	border-radius: 20px;	height:100%;}
.item-recepta h2 {		text-align: center;		color: #075997;		border-bottom: 1px solid #d5d6d7;		margin-bottom: 25px;	}
.item-recepta img {		max-width: 400px;		margin: 0 auto;	}

.data-noticia {	font-size: 20px;	color: #075997;}



.item-agenda  {	position:relative;	text-align: center;cursor:pointer;}
.item-agenda h2 {		font-size: 0.8rem;		margin-top: 10px;		color: #075997;		margin-bottom: 0px;	}
.item-agenda p {		color: #3b3b3b	}
.item-agenda .imatge {		position: relative;		border-radius: 20px;		background-color: #075997;		border: 1px solid #075997;		box-shadow: 0px 0px 15px #aeacac;	}
.item-agenda:hover img {	opacity: .5;}
.item-agenda:hover svg {	opacity: 1;}
.item-agenda:hover .imatge svg {		width: 80px;		opacity: 1;		height: 80px;		color: #fff;	}
.item-agenda .imatge svg {	transition: .2s all;	position: absolute;	top: 32%;	left: 0;	right: 0;	margin: auto;	width: 10px;	opacity: 0;}


.titol-testimoni {	font-size: 33px;	color: #075997;	border-bottom: 1px solid #ccc;	padding-bottom: 20px;}

.gallery-item img {
	height: 170px !important;
	object-fit: cover;
	display: block;
	cursor: pointer;
}
.gallery-item img:hover {
opacity:0.9;
}
.swiper-pagination {
	bottom: -6px !important;
}
.swiper.swiper-galeria {
	padding-bottom: 35px;
}