@charset "UTF-8";
/*!
Theme Name: sglserveis
Theme URI: http://sglserveis.com/
Author: Boira Studio
Author URI: https://boira.studio
Description: Description
Version: 10.9
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boira-studio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sglserveis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*Variables figma*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #393939;
	background: #ffffff;
	font-family: "Zalando Sans SemiExpanded", serif;
}

p {
	margin: 0 0 1em 0;
}

p a {
	color: #cc5c53;
	font-feature-settings: "salt" on,
 "ss01" on,
 "ss02" on;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.84px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

/*Tipus de lletra*/
/*Tipus de lletra sense us*/
header.obertura-page {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 0 30px;
	padding: 0;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0px;
	align-items: center;
	padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
	header.obertura-page {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
}

header.obertura-page div.post-thumbnail {
	grid-column: 1 / span 7;
	padding-right: 70px;
}

@media only screen and (max-width: 767px) {
	header.obertura-page div.post-thumbnail {
		padding-right: 0;
	}
}

header.obertura-page div.post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

header.obertura-page div.contingut-header {
	grid-column: 8 / span 6;
}

@media only screen and (max-width: 767px) {
	header.obertura-page div.contingut-header {
		padding: 30px 15px;
	}
}

header.obertura-page div.contingut-header h1 {
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 105%;
	/* 84px */
	letter-spacing: -2.4px;
	text-transform: uppercase;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	header.obertura-page div.contingut-header h1 {
		font-size: 50px;
		font-style: normal;
		font-weight: 400;
		line-height: 105%;
		/* 52.5px */
		letter-spacing: -1.5px;
		text-transform: uppercase;
	}
}

header.obertura-page div.contingut-header h1 span {
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--Corporatiu, #4469d6);
	font-family: "Anton", serif;
	font-size: 120px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 120px */
	text-transform: uppercase;
	color: transparent;
	display: block;
}

@media only screen and (max-width: 767px) {
	header.obertura-page div.contingut-header h1 span {
		-webkit-text-stroke-width: 2px;
		-webkit-text-stroke-color: var(--Corporatiu, #4469d6);
		font-family: Anton;
		font-size: 80px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 80px */
		text-transform: uppercase;
	}
}

.wp-block-group {
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
	.wp-block-group {
		padding: 0;
	}
}

.enllac-serveis {
	border: 2.5px solid var(--Corporatiu, #4469d6);
	display: inline-flex;
	padding: 23px 32px;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.enllac-serveis a.boto-enllac {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 16px */
	text-transform: uppercase;
	color: #4469d6;
	text-decoration: none;
}

section.grid-imatges {
	display: block;
	grid-column: 1 / 13;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

section.grid-imatges .grid-imatges-item:nth-child(1) {
	grid-column: 1;
}

section.grid-imatges .grid-imatges-item:nth-child(2) {
	grid-column: 1;
}

section.grid-imatges .grid-imatges-item:nth-child(3) {
	grid-row: 1 / 3;
	grid-column: 2;
}

section.grid-imatges .grid-imatges-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

main.bloc-avancem-transformacio {
	background-color: #39517c;
	color: #ffffff;
	padding: 100px 30px 80px;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio {
		padding: 0;
		padding-top: 60px;
	}
}

main.bloc-avancem-transformacio .items-transformacio {
	display: flex;
	flex-direction: column;
	gap: 100px;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio {
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1500px;
	gap: 0 30px;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio {
		padding: 0;
		padding-bottom: 60px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio h2.item-titol {
	font-size: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -2.1px;
	text-transform: uppercase;
	grid-column: 2 / 13;
	max-width: 500px;
	margin-bottom: -30px;
	z-index: 2;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio h2.item-titol {
		font-size: 37px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 37px */
		letter-spacing: -1.11px;
		text-transform: uppercase;
		padding: 0 15px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio h2.item-titol strong {
	font-weight: 700;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text {
	grid-column: 8 / 13;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text {
		order: 2;
		padding: 0 15px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text p {
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 22.4px */
	letter-spacing: -0.48px;
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text p {
		font-size: 16px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text h4 {
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 30.8px */
	letter-spacing: -0.66px;
	margin-bottom: 0.75em;
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-text h4 {
		font-size: 20px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-img-principal {
	position: relative;
	grid-column: 1 / 8;
	grid-row: 2;
	max-height: 700px;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-img-principal {
		margin-bottom: 60px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-img-principal img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	max-height: 700px;
	object-fit: cover;
	object-position: center;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites {
	grid-column: 3 / 13;
	grid-row: 3;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	transform: translateY(-45%);
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites {
		order: 4;
		transform: translateY(0%);
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites {
		margin-top: 60px;
		grid-column: 2 / 13;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites .imatge-petita img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites .imatge-petita:first-child {
	position: relative;
	z-index: 1;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio .item-imatges-petites .imatge-petita:last-child {
	position: relative;
	z-index: 2;
	margin-left: 00;
	transform: translate(-16%, 30%);
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) {
	padding-bottom: 160px;
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) {
		padding-bottom: 0;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) h2.item-titol {
	grid-column: 7 / 13;
}

@media only screen and (max-width: 767px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) h2.item-titol {
		max-width: 400px;
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-text {
	grid-column: 1 / 6;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-img-principal {
	position: relative;
	grid-column: 7/15;
	max-height: 550px;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-imatges-petites {
	grid-column: 3 / 13;
	grid-row: 3;
	transform: translateY(0%);
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-imatges-petites {
		grid-column: 1 / 13;
		transform: translateY(-45%);
	}
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-imatges-petites .imatge-petita:first-child {
	position: relative;
	z-index: 2;
}

main.bloc-avancem-transformacio .items-transformacio .item-transformacio:nth-child(even) .item-imatges-petites .imatge-petita:last-child {
	transform: translate(16%, 30%);
	position: relative;
	z-index: 1;
	order: -1;
}

/* SEPARADOR SVG */
.separator-svg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
	width: 100%;
}

.separator-svg svg {
	width: 100%;
	max-width: 200px;
	height: auto;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}

.separator-svg svg:hover {
	opacity: 1;
}

.separator-svg.separator-minimal {
	margin: 30px 0;
}

.separator-svg.separator-minimal svg {
	max-width: 300px;
}

.separator-svg.separator-section {
	margin: 60px 0;
}

.separator-svg.separator-section svg {
	max-width: 150px;
}

@media only screen and (max-width: 767px) {
	.separator-svg {
		margin: 30px 0;
	}
	.separator-svg svg {
		max-width: 150px;
	}
	.separator-svg.separator-minimal svg {
		max-width: 200px;
	}
}

/* MODAL DE TRANSPARENCIA */
.transparencia-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	animation: modalFadeIn 0.3s ease-out;
}

.transparencia-modal[hidden] {
	display: none;
}

.transparencia-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	z-index: 1;
}

.transparencia-dialog {
	position: relative;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	max-width: 1200px;
	width: 90%;
	max-height: 80vh;
	overflow-y: auto;
	z-index: 2;
	padding: 116px 80px;
}

.transparencia-dialog.imatges {
	padding: 0;
	max-width: 1400px;
}

@media only screen and (max-width: 767px) {
	.transparencia-dialog {
		padding: 20px;
		margin: 10px;
		max-height: 90vh;
	}
}

.transparencia-dialog h2 {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 37.4px */
	letter-spacing: -0.68px;
	max-width: 500px;
}

.transparencia-close {
	position: absolute;
	top: 15px;
	right: 20px;
	background: none;
	border: none;
	font-size: 32px;
	font-weight: bold;
	color: #393939;
	cursor: pointer;
	padding: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.2s ease;
}

.transparencia-close:hover {
	transform: scale(1.1);
}

.transparencia-content {
	margin-top: 20px;
	columns: 2;
}

@media only screen and (max-width: 767px) {
	.transparencia-content {
		columns: 1;
	}
}

.transparencia-content h2,
.transparencia-content h3,
.transparencia-content h4,
.transparencia-content h5,
.transparencia-content h6 {
	color: #393939;
	margin-bottom: 15px;
}

.transparencia-content p {
	margin-bottom: 15px;
	line-height: 1.6;
}

.transparencia-content ul,
.transparencia-content ol {
	margin-bottom: 15px;
	padding-left: 20px;
}

.transparencia-content li {
	margin-bottom: 8px;
}

@keyframes modalFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: translateY(-30px) scale(0.95);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 768px) {
	#primary.content-hidden {
		display: none;
	}
}

.nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	.nav-links {
		flex-direction: column;
		gap: 20px;
	}
}

nav.post-navigation .nav-links > div {
	display: flex;
	margin-bottom: 130px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	width: max-content;
}

@media only screen and (max-width: 767px) {
	nav.post-navigation .nav-links > div {
		margin-bottom: 30px;
	}
}

nav.post-navigation .nav-links > div.nav-next {
	justify-self: flex-end;
}

nav.post-navigation .nav-links > div.nav-next a {
	flex-direction: row-reverse;
}

nav.post-navigation .nav-links > div a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #393939;
}

nav.post-navigation .nav-links > div a:hover {
	color: #393939;
}

nav.post-navigation .nav-links > div a .nav-title {
	text-decoration: none;
	color: #393939;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 19.8px */
	letter-spacing: -0.36px;
	max-width: 236px;
	padding: 22px;
}

header.entry-header {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px 75px;
}

header.entry-header h1 {
	max-width: 450px;
}

ul#menu-legislatura-imatges {
	display: flex;
	max-width: 1030px;
	margin: 0 auto;
	padding-top: 40px;
	border-bottom: 1px solid #33333355;
}

@media only screen and (max-width: 767px) {
	ul#menu-legislatura-imatges {
		flex-direction: column;
		gap: 10px;
		align-items: center;
		justify-content: center;
		border-bottom: 0;
	}
}

ul#menu-legislatura-imatges li {
	list-style: none;
	max-width: 257px;
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

ul#menu-legislatura-imatges li.current-menu-item {
	border-bottom: 3px solid #4469d6;
}

@media only screen and (max-width: 767px) {
	ul#menu-legislatura-imatges li.current-menu-item {
		max-width: fit-content;
	}
}

ul#menu-legislatura-imatges li a {
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
	text-decoration: none;
	color: #393939;
}

@media only screen and (max-width: 767px) {
	ul#menu-legislatura-imatges li a {
		font-size: 24px;
		font-style: normal;
		line-height: 110%;
		/* 26.4px */
		letter-spacing: -0.48px;
	}
}

section.bloc-discursos {
	margin-top: 100px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos {
		margin-top: 60px;
		margin-bottom: 60px;
	}
}

section.bloc-discursos .content {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	gap: 49px 30px;
	padding: 0 30px;
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 160px;
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content {
		padding: 0;
		gap: 0;
		flex-direction: column-reverse;
	}
}

section.bloc-discursos .content h2 {
	grid-row: 1;
	max-width: 500px;
	grid-column: 4 span;
	font-weight: 400;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content h2 {
		padding: 0 15px;
		order: 1;
	}
}

section.bloc-discursos .content h2::after {
	content: "";
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><path d="M1.46094 9.40501H22.4112M14.0494 17.7793L22.4071 9.42017L14.0494 1.06104" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 69px;
	height: 69px;
}

section.bloc-discursos .content main {
	margin-top: 9px;
	grid-row: 2;
	grid-column: 1 / 7;
	padding: 55px;
	background-color: #324361;
	position: relative;
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content main {
		padding: 30px;
		margin-top: 0px;
	}
}

section.bloc-discursos .content main h3 {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 30.8px */
	letter-spacing: -0.56px;
	color: #ffffff;
	margin-bottom: 15px;
}

section.bloc-discursos .content main p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	letter-spacing: -0.6px;
	color: #ffffff;
	margin-bottom: 0px;
}

section.bloc-discursos .content main a.panoramica-link {
	--base: #39517c;
	--hover: #324361;
	bottom: 0;
	position: absolute;
	right: -69px;
	width: 69px;
	height: 69px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	/* wipe base: dos gradientes de fondo */
	background-image: linear-gradient(to right, var(--hover), var(--hover)), linear-gradient(to right, var(--base), var(--base));
	background-repeat: no-repeat;
	background-position: left top, left top;
	background-size: 0% 100%, 100% 100%;
	transition: background-size 0.4s ease;
	/* flecha con mask */
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content main a.panoramica-link {
		left: 0;
		bottom: -68px;
	}
}

section.bloc-discursos .content main a.panoramica-link::after {
	content: "";
	width: 28px;
	height: 28px;
	background-color: #ffffff;
	transition: transform 0.3s ease;
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><path d="M1.46094 9.40501H22.4112M14.0494 17.7793L22.4071 9.42017L14.0494 1.06104" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><path d="M1.46094 9.40501H22.4112M14.0494 17.7793L22.4071 9.42017L14.0494 1.06104" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}

section.bloc-discursos .content main a.panoramica-link:hover {
	background-size: 100% 100%, 100% 100%;
}

section.bloc-discursos .content main a.panoramica-link:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

section.bloc-discursos .content figure {
	margin-left: 13px;
	grid-column: 6 / 13;
	grid-row: 1 / 3;
	z-index: -1;
}

@media only screen and (max-width: 767px) {
	section.bloc-discursos .content figure {
		margin-left: 0;
	}
}

.cronologia-section figure {
	width: 100%;
}

.cronologia-section figure img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.cronologia-section figure img {
		min-height: 500px;
	}
}

.cronologia-section .enllac-bloc {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
	margin-top: -34px;
}

/*Variables figma*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #393939;
	background: #ffffff;
	font-family: "Zalando Sans SemiExpanded", serif;
}

p {
	margin: 0 0 1em 0;
}

p a {
	color: #cc5c53;
	font-feature-settings: "salt" on,
 "ss01" on,
 "ss02" on;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.84px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

/*Tipus de lletra*/
/*Tipus de lletra sense us*/
article.page-avancem header {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	grid-template-columns: 1fr repeat(12, minmax(0, 80px)) 1fr;
	gap: 0 30px;
	padding: 0;
	max-width: none;
	padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	article.page-avancem header {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

article.page-avancem header h1.entry-title {
	grid-column: 2 / 9;
	grid-row: 1;
	margin-bottom: 24px;
	max-width: none;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header h1.entry-title {
		order: -1;
	}
}

article.page-avancem header .entry-header-content {
	grid-column: 2 /9;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}

article.page-avancem header .entry-header-content div.inicial p {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header .entry-header-content div.inicial p {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
	}
}

article.page-avancem header .entry-header-content div.petit p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	letter-spacing: -0.6px;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header .entry-header-content div.petit p {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 25.2px */
		letter-spacing: -0.54px;
	}
}

article.page-avancem header .post-thumbnail {
	grid-column: 9 / 15;
	grid-row: 2;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header .post-thumbnail {
		margin-bottom: 60px;
		order: -1;
	}
}

article.page-avancem header .post-thumbnail img {
	width: 100%;
	max-width: 600px;
}

@media only screen and (max-width: 767px) {
	article.page-avancem header .post-thumbnail img {
		max-width: 100%;
		margin-right: -15px;
	}
}

article.page-oficina .entry-content {
	padding: 100px 140px;
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	article.page-oficina .entry-content {
		padding: 50px 15px;
	}
}

article.page-oficina .entry-content h2 {
	margin-bottom: 1em;
}

article.page-oficina .entry-content .gran {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
}

article.page-oficina .entry-content h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 28.8px */
	letter-spacing: -0.72px;
	margin-bottom: 1em;
}

article.page-oficina .entry-content p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

article.page-oficina .entry-content .icones.wp-block-columns {
	gap: 25px;
}

article.page-oficina .entry-content .icones p {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
}

@media only screen and (max-width: 767px) {
	article.page-oficina .entry-content .icones p {
		color: #3c3e44;
		text-align: center;
		font-feature-settings: "salt" on, "ss01" on, "ss02" on;
		font-family: "IBM Plex Sans";
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
	}
}

article.page-oficina .entry-content li {
	padding-left: 30px;
	list-style: none;
	position: relative;
}

article.page-oficina .entry-content li::before {
	content: " ";
	position: absolute;
	display: inline-block;
	width: 19px;
	height: 19px;
	background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'><path d='M1 9.34369L17.5943 9.34369' stroke='%23CC5C53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M10.9727 17.7178L17.5926 9.35864L10.9727 0.999514' stroke='%23CC5C53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	left: 0;
	top: 3px;
}

.bloc-legislatura-en-imatges {
	background: linear-gradient(to bottom, #fff 0, #fff 100px, #fff4e6 100px, #fff4e6 100%);
	padding-bottom: 140px;
}

.bloc-legislatura-en-imatges .items-imatge {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-en-imatges .items-imatge {
		grid-template-columns: repeat(1, 1fr);
	}
}

.bloc-legislatura-en-imatges .items-imatge figure {
	width: 100%;
	height: 100%;
	position: relative;
}

.bloc-legislatura-en-imatges .items-imatge figure img {
	width: 100%;
	height: 100%;
}

.bloc-legislatura-en-imatges .items-imatge figure .item-text {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	/* asegúrate de cubrir toda el área */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	padding: 0 30px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: -0.48px;
	background: rgba(57, 81, 124, 0.75);
	/* solo la capa de color */
	opacity: 0;
	transition: opacity 0.3s ease;
}

.bloc-legislatura-en-imatges .items-imatge figure .item-text a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.bloc-legislatura-en-imatges .items-imatge figure:hover .item-text {
	opacity: 1;
}

/* Carrusel de imágenes - Legislatura */
.bloc-legislatura-imatges {
	background: linear-gradient(to bottom, #fff 0, #fff 200px, #fff4e6 200px, #fff4e6 100%);
	padding-bottom: 160px;
	margin-top: 160px;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-imatges {
		margin-top: 60px;
		padding-bottom: 60px;
	}
}

.bloc-legislatura-imatges header {
	max-width: 1300px;
	margin: 50px auto;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-imatges header {
		padding: 0 15px;
		margin: 5px auto;
	}
}

.bloc-legislatura-imatges header h2 {
	max-width: 500px;
	font-weight: 400;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
}

.bloc-legislatura-imatges header h2::after {
	content: "";
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><path d="M1.46094 9.40501H22.4112M14.0494 17.7793L22.4071 9.42017L14.0494 1.06104" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 69px;
	height: 69px;
	padding-right: 150px;
}

.bloc-legislatura-imatges .carousel-container {
	position: relative;
	width: 100%;
	padding: 0;
}

.bloc-legislatura-imatges .carousel-container .carousel-wrapper {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.bloc-legislatura-imatges .carousel-container .carousel-wrapper::after {
	content: "";
	position: absolute;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #cc5c53;
	color: #ffffff;
	text-decoration: none;
	font-size: 22px;
	font-weight: 400;
	line-height: 110%;
	overflow: hidden;
	transition: background-color 0.25s ease;
}

.bloc-legislatura-imatges .carousel-container .items-imatge {
	display: flex;
	transition: transform 0.5s ease-in-out;
	gap: 20px;
	padding-left: calc((100vw - 1300px) / 2 + 105px);
	padding-right: 30px;
}

.bloc-legislatura-imatges .carousel-container .items-imatge figure {
	flex: 0 0 calc(40% - 8px);
	position: relative;
	overflow: hidden;
}

.bloc-legislatura-imatges .carousel-container .items-imatge figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.bloc-legislatura-imatges .carousel-container .carousel-controls {
	display: flex;
	justify-content: space-between;
	gap: 0px;
	margin-top: 20px;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
}

.bloc-legislatura-imatges .carousel-container .carousel-controls .enllac-bloc {
	min-width: auto;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #4469d6;
	color: #ffffff;
	text-decoration: none;
	font-size: 22px;
	font-weight: 400;
	line-height: 110%;
	overflow: hidden;
	transition: background-color 0.25s ease;
	border: none;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-imatges .carousel-container .carousel-btn {
		min-width: max-content;
		justify-content: space-between;
		width: 100%;
	}
}

.bloc-legislatura-imatges .carousel-container .carousel-btn span {
	padding: 22px 20px 22px 40px;
	display: inline-block;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn::after {
	content: "";
	display: inline-block;
	width: 69px;
	height: 69px;
	flex: 0 0 auto;
	/* 3 capas:
           1) SVG (arriba, no cambia)
           2) capa de HOVER (empieza a 0% y se expande -> efecto "wipe")
           3) capa BASE (fondo inicial del chip)
        */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M23.4609 34.4052L44.4112 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M36.0508 42.7793L44.4085 34.4202L36.0508 26.061" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #39517c, #39517c), linear-gradient(to right, #324361, #324361);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center, left top, left top;
	background-size: 69px 69px, 0% 100%, 100% 100%;
	transition: background-size 0.35s ease;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-prev::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M45.5391 34.4052L24.5888 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.9492 26.031L24.5915 34.3901L32.9492 42.7492" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #39517c, #39517c), linear-gradient(to right, #324361, #324361);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-next::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M23.4609 34.4052L44.4112 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M36.0508 42.7793L44.4085 34.4202L36.0508 26.061" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #39517c, #39517c), linear-gradient(to right, #324361, #324361);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn:hover:not(.disabled) {
	background-color: #39517c;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn:hover:not(.disabled)::after {
	background-size: 69px 69px, 100% 100%, 100% 100%;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn:active:not(.disabled) {
	background-color: #31466b;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn:active:not(.disabled)::after {
	background-size: 69px 69px, 100% 100%, 100% 100%;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-prev:active:not(.disabled)::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M45.5391 34.4052L24.5888 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.9492 26.031L24.5915 34.3901L32.9492 42.7492" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #31466b, #31466b), linear-gradient(to right, #324361, #324361);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-next:active:not(.disabled)::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M23.4609 34.4052L44.4112 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M36.0508 42.7793L44.4085 34.4202L36.0508 26.061" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #31466b, #31466b), linear-gradient(to right, #324361, #324361);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background-color: #ccc;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.disabled::after {
	background-size: 69px 69px, 100% 100%, 100% 100%;
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-prev.disabled::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M45.5391 34.4052L24.5888 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.9492 26.031L24.5915 34.3901L32.9492 42.7492" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #ccc, #ccc), linear-gradient(to right, #999, #999);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn.carousel-btn-next.disabled::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69" fill="none"><path d="M23.4609 34.4052L44.4112 34.4052" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M36.0508 42.7793L44.4085 34.4202L36.0508 26.061" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(to right, #ccc, #ccc), linear-gradient(to right, #999, #999);
}

.bloc-legislatura-imatges .carousel-container .carousel-btn:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.bloc-legislatura-imatges .carousel-container .carousel-btn {
		transition: none;
	}
	.bloc-legislatura-imatges .carousel-container .carousel-btn::after {
		transition: none;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-imatges .carousel-container .carousel-wrapper::after {
		width: 50px;
	}
	.bloc-legislatura-imatges .carousel-container .items-imatge {
		padding-left: 15px;
		padding-right: 15px;
	}
	.bloc-legislatura-imatges .carousel-container .items-imatge figure {
		flex: 0 0 calc(100% - 10px);
	}
	.bloc-legislatura-imatges .carousel-container .carousel-controls {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
	.bloc-legislatura-imatges .carousel-container .carousel-controls {
		flex-direction: column;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura-imatges .carousel-container .carousel-btn {
		width: 40px;
		height: 40px;
	}
	.bloc-legislatura-imatges .carousel-container .carousel-btn svg {
		width: 20px;
		height: 20px;
	}
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* HEADER */
header.site-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	max-width: 1300px;
	padding: 35px 30px 40px;
}

@media only screen and (max-width: 767px) {
	header.site-header {
		padding: 30px 15px;
		position: relative;
		width: 100%;
		max-width: 100%;
	}
}

header.site-header .site-branding a {
	text-decoration: none;
	color: #393939;
}

header.site-header .menu-toggle-container {
	transition: transform 0.8s linear;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

@media only screen and (max-width: 767px) {
	header.site-header .menu-toggle-container div.idiomes {
		display: none;
	}
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 3px;
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher li {
	margin: 0;
	display: block;
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher li a {
	color: var(--Corporatiu, #4469d6);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher li.current-lang a {
	color: #393939;
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher li + li {
	position: relative;
}

header.site-header .menu-toggle-container div.idiomes ul.language-switcher li + li::before {
	content: "–";
	display: inline-block;
	margin-right: 3px;
	color: #393939;
	font-weight: 400;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	header.site-header .menu-toggle-container div.xxs-only {
		display: none;
	}
}

header.site-header .menu-toggle-container div.xxs-only ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
}

header.site-header .menu-toggle-container div.xxs-only li {
	display: block;
	margin: 0;
}

header.site-header .menu-toggle-container div.xxs-only li a {
	color: #393939;
	font-size: 18px;
	font-style: normal;
}

header.site-header .menu-toggle-container button#menu-toggle {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

header.site-header .menu-toggle-container button#menu-toggle[aria-expanded="true"] svg.obert {
	display: none;
}

header.site-header .menu-toggle-container button#menu-toggle[aria-expanded="true"] svg.tancat {
	display: block;
}

header.site-header .menu-toggle-container button#menu-toggle[aria-expanded="false"] svg.obert {
	display: block;
}

header.site-header .menu-toggle-container button#menu-toggle[aria-expanded="false"] svg.tancat {
	display: none;
}

/* MENU TOGGLE */
nav#main-menu {
	display: none;
}

nav#main-menu div.text-menu-principal {
	height: calc(100vh - 555px);
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	/* importante si algo se sale */
	overflow: hidden;
}

@media only screen and (min-width: 280px) and (max-width: 480px) {
	nav#main-menu div.text-menu-principal {
		height: 50vh;
	}
}

nav#main-menu div.text-menu-principal p {
	font-size: 80px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	/* 80px */
	letter-spacing: -2.4px;
	font-family: "Zalando Sans SemiExpanded", serif;
	margin: 0;
	/* ← el p trae márgenes por defecto */
	width: 100%;
	/* ← ocupa el ancho del contenedor */
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	/* para evitar desbordes raros con palabras/links */
	overflow-wrap: anywhere;
	word-break: break-word;
}

@media only screen and (max-width: 767px) {
	nav#main-menu div.text-menu-principal p {
		font-size: 38px;
		font-style: normal;
		font-weight: 300;
		line-height: 100%;
		/* 38px */
		letter-spacing: -1.14px;
		justify-content: center;
		text-align: center;
	}
}

nav#main-menu div.text-menu-principal p a {
	color: var(--Blanc, #fff);
	font-family: "Zalando Sans SemiExpanded", serif;
	text-decoration: none;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -2.4px;
}

@media only screen and (max-width: 767px) {
	nav#main-menu div.text-menu-principal p a {
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -1.14px;
	}
}

nav#main-menu .idiomes {
	display: flex;
	align-items: center;
	justify-content: center;
}

nav#main-menu .idiomes ul {
	display: flex;
	gap: 3px;
	list-style: none;
}

nav#main-menu .idiomes ul li a {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 13px */
	color: white;
	text-transform: uppercase;
}

nav#main-menu .idiomes ul li.current-lang a {
	color: #393939;
}

nav#main-menu .idiomes ul li + li {
	position: relative;
}

nav#main-menu .idiomes ul li + li::before {
	content: "–";
	display: inline-block;
	margin-right: 3px;
	color: #393939;
	font-weight: 400;
	vertical-align: middle;
}

/* MAIN */
.menu-open {
	background-color: #4469d6;
}

.menu-open h1.site-title svg path {
	fill: #ffffff;
}

.menu-open main#primary {
	display: none;
}

.menu-open nav#main-menu {
	display: block;
}

.menu-open .idiomes {
	display: none;
}

.menu-open .xxs-only {
	display: none;
}

.menu-open footer.site-footer .footer-container,
.menu-open footer.site-footer .llistat-dades-front-page {
	display: none;
}

/* Mantiene el hueco del scroll cuando se oculta */
body {
	scrollbar-gutter: stable;
}

body.menu-open {
	overflow: hidden;
	padding-right: var(--scrollbar-width, 0px);
}

/* FOOTER */
footer.site-footer {
	color: #ffffff;
	background-color: #393939;
}

footer.site-footer .llistat-dades-front-page {
	background-color: #3f62c6;
}

footer.site-footer .llistat-dades-front-page ul {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	padding: 52px 30px;
	gap: 30px;
	list-style: none;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .llistat-dades-front-page ul {
		flex-direction: column;
		gap: 20px;
	}
}

footer.site-footer .llistat-dades-front-page ul li {
	flex: 1;
	max-width: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

footer.site-footer .llistat-dades-front-page ul li span.numero-dada {
	color: #fff;
	text-align: center;
	font-family: "Anton", serif;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	text-transform: uppercase;
}

footer.site-footer .llistat-dades-front-page ul li .text-dada {
	max-width: 150px;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}

footer.site-footer .email {
	background-color: #4469d6;
	color: #ffffff;
	padding: 130px 30px;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .email {
		padding: 30px;
	}
}

footer.site-footer .email a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #ffffff;
	font-size: 33px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 33px */
}

@media only screen and (max-width: 767px) {
	footer.site-footer .email a {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		/* 26px */
	}
}

footer.site-footer .footer-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	max-width: 1300px;
	padding: 65px 30px;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container {
		flex-direction: column;
		gap: 30px;
		padding: 40px 15px;
		align-items: center;
	}
}

footer.site-footer .esquerra {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 60px;
	flex: 0 0 auto;
}

footer.site-footer .esquerra a {
	display: block;
}

footer.site-footer .esquerra a img {
	max-width: 100%;
	height: auto;
}

footer.site-footer .esquerra nav.menu_footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

footer.site-footer .esquerra nav.menu_footer ul li {
	margin: 0;
}

footer.site-footer .esquerra nav.menu_footer ul li a {
	color: #ffffff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	transition: color 0.3s ease;
	text-decoration: none;
}

footer.site-footer .esquerra nav.menu_footer ul li a:hover {
	color: #4469d6;
}

.centre {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex: 1;
}

@media only screen and (max-width: 767px) {
	.centre {
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
	}
}

.centre img {
	max-width: 100%;
	height: auto;
}

.copyright {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
	.copyright {
		justify-content: center;
		width: 100%;
	}
}

.copyright span {
	color: #ffffff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 21.6px */
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.copyright span {
		text-align: center;
	}
}

.copyright span a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	transition: color 0.3s ease;
	display: block;
}

/* ADMIN BAR */
@media only screen and (max-width: 767px) {
	#wpadminbar {
		display: none;
	}
}

/* PAGE WRAPPER */
div#page {
	position: relative;
}

.menu-menu-1-container ul#primary-menu li {
	position: relative;
}

.menu-menu-1-container ul#primary-menu li.current-menu-item > a,
.menu-menu-1-container ul#primary-menu li.current-page-ancestor > a {
	color: #4469d6;
}

.menu-menu-1-container ul#primary-menu li ul.sub-menu {
	display: none;
	flex-direction: column;
	gap: 0;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 200px;
	z-index: 10;
}

.menu-menu-1-container ul#primary-menu li.current-menu-item > ul.sub-menu,
.menu-menu-1-container ul#primary-menu li.current-page-ancestor > ul.sub-menu {
	display: flex;
}

.menu-menu-1-container ul#primary-menu li:hover > ul.sub-menu {
	display: flex;
}

.menu-menu-1-container ul#primary-menu li.current-menu-item:hover > ul.sub-menu,
.menu-menu-1-container ul#primary-menu li.current-page-ancestor:hover > ul.sub-menu {
	display: flex;
}

.menu-menu-1-container ul#primary-menu > li:hover ~ li.current-menu-item > ul.sub-menu,
.menu-menu-1-container ul#primary-menu > li:hover ~ li.current-page-ancestor > ul.sub-menu {
	display: none;
}

/* Import Elements Folder
--------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

ul[role="list"],
ol[role="list"] {
	list-style: none;
}

html:focus-within {
	scroll-behavior: smooth;
}

a:not([class]) {
	text-decoration-skip-ink: auto;
}

img,
picture,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
}

input,
button,
textarea,
select {
	font: inherit;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition: none;
	}
}

body,
html {
	height: 100%;
	scroll-behavior: smooth;
}

footer#colophon a {
	transition: opacity 0.3s ease;
}

footer#colophon a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}

/* Import Plugin Folder
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Import Typography Folder
--------------------------------------------------------------*/
/*Variables figma*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #393939;
	background: #ffffff;
	font-family: "Zalando Sans SemiExpanded", serif;
}

p {
	margin: 0 0 1em 0;
}

p a {
	color: #cc5c53;
	font-feature-settings: "salt" on,
 "ss01" on,
 "ss02" on;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.84px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

/*Tipus de lletra*/
/*Tipus de lletra sense us*/
h1 a,
h2 a,
h3 a {
	text-decoration-line: underline;
	text-underline-offset: 0.075em;
	text-decoration-thickness: 0.075em;
}

a {
	color: #393939;
	text-decoration: none;
}

p {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 30.8px */
	letter-spacing: -0.66px;
}

@media only screen and (max-width: 767px) {
	p {
		font-size: 18px;
	}
}

ul li {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
	margin-bottom: 0.5em;
}

ul li a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	ul li {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

figcaption {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
}

figcaption a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	figcaption {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

figcaption p {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
}

figcaption p a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	figcaption p {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

h1 {
	color: #4469d6;
	text-align: right;
	font-family: "Anton", serif;
	font-size: 120px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 120px */
	letter-spacing: -3.6px;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 50px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 50px */
		letter-spacing: -1.5px;
		text-transform: uppercase;
	}
}

h2.avantitol {
	color: #393939;
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	h2.avantitol {
		font-size: 9px;
	}
}

/*--------------------------------------------------------------
# Import Typography Folder
--------------------------------------------------------------*/
/*Obertura*/
.obertura-front-page {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

.obertura-front-page > header {
	grid-column: 4 / span 7;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-end;
	justify-content: flex-start;
	z-index: 2;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > header {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > header {
		gap: 7px;
	}
}

.obertura-front-page > header h1 {
	color: #4469d6;
	text-align: right;
	font-family: "Anton", serif;
	font-size: 120px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 120px */
	letter-spacing: -3.6px;
	text-transform: uppercase;
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.obertura-front-page > header h1 {
		font-size: 90px;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > header h1 {
		font-size: 50px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 50px */
		letter-spacing: -1.5px;
		text-transform: uppercase;
	}
}

.obertura-front-page > header h1 img {
	max-height: 550px;
}

.obertura-front-page > header h2 {
	color: #393939;
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > header h2 {
		font-size: 9px;
	}
}

.obertura-front-page nav.menu-en-text {
	grid-column: 1 / span 3;
	grid-row: 1;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
	padding: 0;
}

.obertura-front-page nav.menu-en-text a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page nav.menu-en-text {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page nav.menu-en-text {
		grid-column: 2 / span 1;
		grid-row: 3;
	}
}

.obertura-front-page nav.menu-en-text p {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
	padding: 0;
	line-height: 140%;
}

.obertura-front-page nav.menu-en-text p a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page nav.menu-en-text p {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

.obertura-front-page nav.menu-en-text p a {
	text-decoration: none;
}

.obertura-front-page .imatge-vertical {
	grid-column: 1 / span 4;
	grid-row: 2 / 4;
	z-index: 3;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page .imatge-vertical {
		grid-column: 1 / span 1;
		grid-row: 3;
	}
}

.obertura-front-page .gif-repeater {
	grid-column: 3 / span 9;
	grid-row: 2;
	margin-top: -92px;
	z-index: 0;
	position: relative;
	overflow: hidden;
	min-height: 500px;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page .gif-repeater {
		grid-column: 1 / span 2;
		grid-row: 2;
		min-height: 200px;
	}
}

.obertura-front-page .gif-repeater img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	visibility: hidden;
}

.obertura-front-page .gif-repeater img.is-active {
	opacity: 1;
	visibility: visible;
	position: relative;
}

.obertura-front-page > footer {
	grid-column: 6 / span 7;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-end;
	justify-content: flex-end;
	z-index: 2;
	grid-row: 3;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > footer {
		grid-column: 1 / span 2;
		grid-row: 4;
	}
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > footer {
		gap: 7px;
	}
}

.obertura-front-page > footer h4 {
	color: #393939;
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > footer h4 {
		font-size: 9px;
	}
}

.obertura-front-page > footer h3 {
	font-family: "Anton", serif;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	letter-spacing: -2.4px;
	text-transform: uppercase;
	text-align: right;
	color: #4469d6;
}

@media only screen and (max-width: 767px) {
	.obertura-front-page > footer h3 {
		font-size: 36px;
		letter-spacing: -1.08px;
	}
}

.enumeracio-serveis-homepage {
	position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 80px 30px;
	overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

.enumeracio-serveis-homepage::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-image: url(assets/estructura.svg);
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	pointer-events: none;
	height: 576px;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage::after {
		position: relative;
		right: 0;
		bottom: 0;
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

.enumeracio-serveis-homepage .llista-serveis {
	grid-column: 1 / 13;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	padding: 0;
	list-style: none;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis {
		padding: 0;
	}
}

.enumeracio-serveis-homepage .llista-serveis .servei-item {
	grid-column: span 4;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0 30px;
	align-items: flex-start;
	align-content: start;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis .servei-item {
		display: flex;
		flex-direction: column;
	}
}

.enumeracio-serveis-homepage .llista-serveis .servei-item span.numero-servei {
	grid-column: 2 / 5;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--Corporatiu, #4469d6);
	font-family: "Anton", serif;
	font-size: 120px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 120px */
	text-transform: uppercase;
	color: transparent;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis .servei-item span.numero-servei {
		font-size: 90px;
	}
}

.enumeracio-serveis-homepage .llista-serveis .servei-item .contingut-servei {
	grid-column: 2 / 5;
}

.enumeracio-serveis-homepage .llista-serveis .servei-item .contingut-servei h3.titol-servei {
	grid-column: 1 / 5;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 32px */
	margin: 10px 0px;
	color: #4469d6;
}

.enumeracio-serveis-homepage .llista-serveis .servei-item .contingut-servei p.text-servei {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.2px;
}

.enumeracio-serveis-homepage .llista-serveis .servei-item .contingut-servei p.text-servei a {
	color: #4469d6;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.enumeracio-serveis-homepage .llista-serveis .servei-item .contingut-servei p.text-servei {
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%;
		/* 20px */
		letter-spacing: -0.16px;
	}
}

.enumeracio-serveis-homepage .enllac-serveis {
	grid-column: 2 / span 3;
}

.producte {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 80px 30px;
}

@media only screen and (max-width: 767px) {
	.producte {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.producte {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

.producte .imatge-producte {
	grid-column: 1 / span 5;
}

.producte .imatge-producte img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.producte div.contingut-producte {
	grid-column: 6 / span 7;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}

.producte div.contingut-producte .titol-producte {
	color: var(--Corporatiu, #4469d6);
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 44px */
}

.producte div.contingut-producte .text-producte {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 23.4px */
}

/*Variables figma*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #393939;
	background: #ffffff;
	font-family: "Zalando Sans SemiExpanded", serif;
}

p {
	margin: 0 0 1em 0;
}

p a {
	color: #cc5c53;
	font-feature-settings: "salt" on,
 "ss01" on,
 "ss02" on;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.84px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

/*Tipus de lletra*/
/*Tipus de lletra sense us*/
/* Secció "Equip & Contacte" */
.equip-contacte {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 80px 0px;
}

@media only screen and (max-width: 767px) {
	.equip-contacte {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.equip-contacte {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.equip-contacte {
		padding: 60px 15px;
	}
}

.equip-contacte .equip-contacte-content {
	grid-column: 1 / span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	padding: 0;
	gap: 40px 30px;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content {
		gap: 30px;
	}
}

.equip-contacte .equip-contacte-content .equip-info {
	grid-column: 1 / span 4;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-info {
		grid-column: 1 / span 12;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.equip-contacte .equip-contacte-content .equip-info {
		grid-column: 1 / span 12;
	}
}

.equip-contacte .equip-contacte-content .equip-info .equip-nom {
	color: var(--Corporatiu, #4469d6);
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 44px */
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-info .equip-nom {
		font-size: 50px;
		letter-spacing: -1.5px;
	}
}

.equip-contacte .equip-contacte-content .equip-info .equip-subtitol {
	color: var(--Fosc, #393939);
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 29.9px */
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-info .equip-subtitol {
		font-size: 20px;
	}
}

.equip-contacte .equip-contacte-content .equip-info .equip-text {
	color: var(--Negre, #393939);
	font-family: "Zalando Sans SemiExpanded";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 20.8px */
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-info .equip-text {
		font-size: 16px;
	}
}

.equip-contacte .equip-contacte-content .equip-info .equip-telefon {
	display: flex;
	flex-direction: row;
	gap: 10px;
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded";
	align-items: center;
}

.equip-contacte .equip-contacte-content .equip-info .equip-telefon::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.624 39.248C30.4621 39.248 39.248 30.4621 39.248 19.624C39.248 8.78597 30.4621 0 19.624 0C8.78597 0 0 8.78597 0 19.624C0 30.4621 8.78597 39.248 19.624 39.248Z' fill='%234469D6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.271 30.5418H20.2662C18.3132 30.5411 16.3942 30.0511 14.6898 29.1214L8.50391 30.7441L10.1594 24.6974C9.1382 22.9277 8.60086 20.9203 8.60174 18.8636C8.6043 12.4298 13.839 7.19531 20.2709 7.19531C23.3925 7.19666 26.3224 8.41189 28.5255 10.6176C30.7286 12.8232 31.9412 15.7549 31.94 18.8728C31.9374 25.3052 26.7048 30.5392 20.271 30.5418ZM14.9761 27.0095L15.3302 27.2197C16.8194 28.1034 18.5263 28.571 20.2667 28.5716H20.2706C25.6164 28.5716 29.9672 24.2207 29.9694 18.8727C29.9704 16.2812 28.9625 13.8444 27.1314 12.0111C25.3002 10.1778 22.865 9.16772 20.2745 9.16682C14.9246 9.16682 10.5737 13.5174 10.5715 18.8649C10.5708 20.6975 11.0836 22.4823 12.0544 24.0265L12.285 24.3934L11.3052 27.9724L14.9761 27.0095ZM26.1499 21.6478C26.0771 21.5262 25.8827 21.4532 25.5911 21.3072C25.2996 21.1613 23.8661 20.456 23.5988 20.3586C23.3316 20.2613 23.1371 20.2127 22.9428 20.5045C22.7484 20.7964 22.1896 21.4532 22.0195 21.6478C21.8494 21.8423 21.6794 21.8668 21.3879 21.7208C21.0963 21.5748 20.1568 21.267 19.0431 20.2736C18.1763 19.5004 17.5912 18.5457 17.4211 18.2538C17.251 17.9619 17.403 17.8041 17.5489 17.6587C17.6801 17.528 17.8405 17.3181 17.9863 17.1479C18.1321 16.9777 18.1807 16.856 18.2779 16.6615C18.375 16.4668 18.3265 16.2966 18.2536 16.1507C18.1807 16.0047 17.5976 14.5696 17.3546 13.9857C17.1179 13.4172 16.8775 13.4942 16.6986 13.4852C16.5287 13.4767 16.3341 13.4749 16.1398 13.4749C15.9454 13.4749 15.6295 13.5479 15.3622 13.8398C15.095 14.1317 14.3418 14.8371 14.3418 16.2722C14.3418 17.7073 15.3865 19.0938 15.5323 19.2884C15.6781 19.483 17.5883 22.428 20.5132 23.691C21.2088 23.9914 21.7519 24.1708 22.1754 24.3051C22.8738 24.5271 23.5095 24.4958 24.0118 24.4207C24.572 24.337 25.7369 23.7154 25.9799 23.0343C26.2228 22.3532 26.2228 21.7694 26.1499 21.6478Z' fill='%23FDFDFD'/%3E%3C/svg%3E");
	width: 40px;
	height: 40px;
	display: inline-block;
	flex-shrink: 0;
}

.equip-contacte .equip-contacte-content .equip-info .equip-telefon a {
	color: #4469d6;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 26px */
	align-items: center;
	text-decoration: none;
	transition: color 0.3s ease;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-info .equip-telefon a {
		font-size: 16px;
	}
}

.equip-contacte .equip-contacte-content .equip-info .equip-telefon a:hover {
	color: var(--Corporatiu, #4469d6);
}

.equip-contacte .equip-contacte-content .equip-contacte-info {
	grid-column: 6 / span 7;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-contacte-info {
		grid-column: 1 / span 12;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.equip-contacte .equip-contacte-content .equip-contacte-info {
		grid-column: 1 / span 12;
	}
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-mapa {
	width: 100%;
	margin: 0;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-mapa img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-direccio {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-direccio strong {
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-direccio > div {
	color: var(--Fosc, #393939);
	color: var(--Negre, #393939);
	font-family: "Zalando Sans SemiExpanded";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 20.8px */
	margin: 0;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-direccio > div::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='35' viewBox='0 0 28 35' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13.9158V13.6005C1 6.64117 6.64117 1 13.6005 1V1C20.5598 1 26.201 6.64117 26.201 13.6005V13.9158C26.201 20.261 18.1673 29.8127 14.9297 33.406C14.2165 34.198 12.9845 34.198 12.2713 33.406C9.03367 29.8127 1 20.261 1 13.9158Z' stroke='%234469D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.93359 13.7501C9.93359 15.776 11.5744 17.4168 13.6003 17.4168V17.4168C15.6261 17.4168 17.2669 15.776 17.2669 13.7501V13.6823C17.2669 11.6565 15.6261 10.0156 13.6003 10.0156V10.0156C11.5744 10.0156 9.93359 11.6565 9.93359 13.6823' stroke='%234469D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 28px;
	height: 35px;
	display: inline-block;
	flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-direccio > div {
		font-size: 16px;
	}
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-link-maps .equip-maps-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 18px */
	text-decoration: underline;
	transition: color 0.3s ease;
}

@media only screen and (max-width: 767px) {
	.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-link-maps .equip-maps-link {
		font-size: 16px;
	}
}

.equip-contacte .equip-contacte-content .equip-contacte-info .equip-dades-contacte .equip-link-maps .equip-maps-link:hover {
	color: var(--Fosc, #393939);
}

.slider-adn {
	display: flex;
	max-width: 1600px;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.slider-adn {
		padding: 0 30px;
	}
}

.slider-adn .slider-adn-inner {
	grid-column: 1 / span 12;
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.slider-adn .slider-adn-inner .slider-adn-header {
	display: flex;
	gap: 30px;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-inner .slider-adn-header {
		flex-direction: column;
	}
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main {
	display: flex;
	gap: 20px;
	align-items: flex-end;
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows {
	display: inline-flex;
	align-items: center;
	gap: 0px;
	justify-content: flex-start;
	margin-right: 64px;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows {
		display: none;
	}
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows .slider-adn-arrow {
	border: none;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #4469d6;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
	background-color: #393939;
	width: 63px;
	height: 63px;
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows .slider-adn-arrow span {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><path d="M20.9897 9.04383L1 9.04383M12.9841 17.0343L21 9.01717L12.9841 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	display: inline-block;
	flex-shrink: 0;
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows .slider-adn-arrow:disabled {
	opacity: 0.4;
	cursor: default;
}

.slider-adn .slider-adn-inner .slider-adn-header .slider-adn-main .slider-adn-arrows .slider-adn-arrow:not(:disabled):hover {
	background-color: #4469d6;
	color: #fff;
}

.slider-adn .slider-adn-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.slider-adn .slider-adn-text .slider-adn-avantitol {
	color: #393939;
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-text .slider-adn-avantitol {
		font-size: 9px;
	}
}

.slider-adn .slider-adn-text .slider-adn-titol {
	font-size: 60px;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-style: normal;
	color: #4469d6;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	letter-spacing: -1.8px;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-text .slider-adn-titol {
		font-size: 34px;
	}
}

.slider-adn .slider-adn-image {
	justify-self: end;
	min-height: 300px;
	width: 416px;
}

.slider-adn .slider-adn-image img {
	display: block;
	max-width: 100%;
	height: 100%;
	min-height: 300px;
	min-width: 416px;
}

.slider-adn .slider-adn-columns {
	overflow: hidden;
	max-width: 1300px;
	margin: 0 auto;
}

.slider-adn .slider-adn-track {
	display: flex;
	gap: 30px;
	transition: transform 0.4s ease-in-out;
	will-change: transform;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-track {
		flex-direction: column;
	}
}

.slider-adn .slider-adn-columna[hidden] {
	display: none !important;
}

.slider-adn .slider-adn-columna {
	flex: 0 0 calc((100% - (30px * 3)) / 4);
	min-width: 0;
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media only screen and (max-width: 767px) {
	.slider-adn .slider-adn-columna {
		flex: 0 0 50%;
	}
}

.slider-adn .slider-adn-columna .slider-adn-columna-title {
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 26px */
	margin: 0;
	color: #4469d6;
}

.slider-adn .slider-adn-columna .slider-adn-columna-text {
	color: var(--Negre, #393939);
	font-family: "Zalando Sans SemiExpanded";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 20.8px */
}

.slider-adn-prev span {
	transform: rotate(180deg);
}

ul.query {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 80px;
	counter-reset: project-counter;
	margin-bottom: 120px;
}

ul.query li {
	counter-increment: project-counter;
}

ul.query li:nth-child(odd) article.projecte-llistat div.post-thumbnail {
	grid-column: 2 / span 11;
	grid-row: 1;
}

ul.query li:nth-child(odd) article.projecte-llistat header {
	grid-column: 1 / span 1;
}

ul.query li:nth-child(odd) article.projecte-llistat main {
	grid-column: 1 / span 8;
}

ul.query li:nth-child(even) article.projecte-llistat div.post-thumbnail {
	grid-column: 1 / span 11;
	grid-row: 1;
}

ul.query li:nth-child(even) article.projecte-llistat header {
	grid-column: 12 / span 1;
}

ul.query li:nth-child(even) article.projecte-llistat main {
	grid-column: 5 / span 8;
}

ul.query li:nth-child(even) article.projecte-llistat footer {
	grid-column: 1 / span 4;
	justify-self: flex-start;
	grid-row: 2;
}

article.projecte-llistat {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	article.projecte-llistat {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	article.projecte-llistat {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

article.projecte-llistat header {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow: visible;
}

@media only screen and (max-width: 767px) {
	article.projecte-llistat header {
		justify-content: flex-start;
	}
}

article.projecte-llistat header h2 {
	writing-mode: vertical-rl;
	color: var(--Corporatiu, #4469d6);
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 54px */
	transform: rotate(-180deg);
}

@media only screen and (max-width: 767px) {
	article.projecte-llistat header h2 {
		color: var(--Corporatiu, #4469d6);
		font-family: "Zalando Sans SemiExpanded";
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		/* 34px */
		transform: rotate(0deg);
		writing-mode: horizontal-tb;
	}
}

article.projecte-llistat main p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 23.4px */
}

article.projecte-llistat main::before {
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	z-index: 1;
}

article.projecte-llistat footer {
	grid-column: 9 / span 4;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	justify-self: flex-end;
}

@media only screen and (max-width: 767px) {
	article.projecte-llistat footer {
		display: none;
	}
}

article.projecte-llistat footer span.projecte-year {
	text-align: right;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--Corporatiu, #4469d6);
	font-family: "Anton", serif;
	font-size: 100px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 100px */
	text-transform: uppercase;
	color: transparent;
}

/*Variables figma*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #393939;
	background: #ffffff;
	font-family: "Zalando Sans SemiExpanded", serif;
}

p {
	margin: 0 0 1em 0;
}

p a {
	color: #cc5c53;
	font-feature-settings: "salt" on,
 "ss01" on,
 "ss02" on;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.84px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

/*Tipus de lletra*/
/*Tipus de lletra sense us*/
/* Bloc "Procés clar i segur" */
.bloc-proces-clar-segur {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 80px 30px;
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur {
		padding: 60px 15px;
	}
}

.bloc-proces-clar-segur .titol-bloc {
	grid-column: 1 / span 12;
	color: #393939;
	text-align: right;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
	text-transform: uppercase;
	margin-bottom: 0px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur .titol-bloc {
		font-size: 9px;
	}
}

.bloc-proces-clar-segur .columnes-grid {
	grid-column: 1 / span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	gap: 40px 30px;
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur .columnes-grid {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur .columnes-grid {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur .columnes-grid {
		gap: 30px;
	}
}

.bloc-proces-clar-segur .columnes-grid .columna-item {
	grid-column: span 3;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media only screen and (max-width: 767px) {
	.bloc-proces-clar-segur .columnes-grid .columna-item {
		grid-column: span 12;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.bloc-proces-clar-segur .columnes-grid .columna-item {
		grid-column: span 6;
	}
}

.bloc-proces-clar-segur .columnes-grid .columna-item .titol-columna {
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 36px */
}

.bloc-proces-clar-segur .columnes-grid .columna-item .paragraf-columna {
	color: var(--Negre, #393939);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 23.4px */
	margin: 0;
}

/* Secció "Preguntes freqüents" */
.preguntes-frequents {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 80px 30px;
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents {
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents {
		padding: 60px 15px;
	}
}

.preguntes-frequents h2 {
	grid-column: 3 / span 8;
	color: var(--Corporatiu, #4469d6);
	font-family: "Anton", serif;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 80px */
	letter-spacing: -2.4px;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents h2 {
		color: var(--Corporatiu, #4469d6);
		text-align: center;
		font-family: Anton;
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		/* 36px */
		letter-spacing: -1.08px;
		text-transform: uppercase;
	}
}

.preguntes-frequents .preguntes-content {
	grid-column: 3 / span 8;
}

.preguntes-frequents .preguntes-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.preguntes-frequents .pregunta-item {
	border-bottom: 1px solid rgba(57, 57, 57, 0.1);
	padding: 0;
	margin: 0;
}

.preguntes-frequents .pregunta-item:last-child {
	border-bottom: none;
}

.preguntes-frequents .pregunta-item.is-collapsible .pregunta-titol {
	cursor: pointer;
	position: relative;
	padding: 30px 40px 30px 0;
	margin: 0;
	user-select: none;
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 26px */
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents .pregunta-item.is-collapsible .pregunta-titol {
		padding: 20px 30px 20px 0;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		/* 22px */
	}
}

.preguntes-frequents .pregunta-item.is-collapsible .pregunta-titol::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' viewBox='0 0 19 22' fill='none'%3E%3Cpath d='M9.0432 1.00977L9.0432 20.9995' stroke='%234469D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0342 9.01589L9.01701 1L0.999841 9.01589' stroke='%234469D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	width: 19px;
	height: 22px;
	transition: transform 0.3s ease;
}

.preguntes-frequents .pregunta-item.is-collapsible .pregunta-titol:hover {
	color: #4469d6;
}

.preguntes-frequents .pregunta-item.is-collapsible .pregunta-resposta {
	max-height: 0;
	overflow: hidden;
	padding: 0 0 0 0;
	transition: max-height 0.3s ease-out, padding 0.3s ease-out;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 20.8px */
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents .pregunta-item.is-collapsible .pregunta-resposta {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		/* 20.8px */
	}
}

.preguntes-frequents .pregunta-item.is-collapsible.is-open .pregunta-titol::after {
	transform: translateY(-50%) rotate(0deg);
}

.preguntes-frequents .pregunta-item.is-collapsible.is-open .pregunta-resposta {
	padding: 0 0 30px 0;
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents .pregunta-item.is-collapsible.is-open .pregunta-resposta {
		padding: 0 0 20px 0;
	}
}

.preguntes-frequents .pregunta-item .pregunta-titol {
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	color: #393939;
	transition: color 0.2s ease;
}

@media only screen and (max-width: 767px) {
	.preguntes-frequents .pregunta-item .pregunta-titol {
		font-size: 20px;
	}
}

/* Secció "Serveis en tarjetes" */
.serveis-tarjetes {
	width: 100%;
	margin: 0;
	padding: 0px;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes {
		padding: 0px;
	}
}

.serveis-tarjetes .tarjetes-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjetes-grid {
		grid-template-columns: 1fr;
		gap: 0px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.serveis-tarjetes .tarjetes-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="1"], .serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="3"] {
	background-color: var(--Corporatiu, #4469d6);
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="2"], .serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="4"] {
	background-color: #3f62c6;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="2"] .tarjeta-popup-trigger, .serveis-tarjetes .tarjetes-grid .tarjeta-item[data-tarjeta-index="4"] .tarjeta-popup-trigger {
	background-color: #393939;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item:last-child {
	border-right: none;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjetes-grid .tarjeta-item {
		padding: 0px;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.serveis-tarjetes .tarjetes-grid .tarjeta-item:last-child {
		border-bottom: none;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1125px) {
	.serveis-tarjetes .tarjetes-grid .tarjeta-item {
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	.serveis-tarjetes .tarjetes-grid .tarjeta-item:nth-child(2n) {
		border-right: none;
	}
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	padding: 55px;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content {
		padding: 20px;
	}
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-icon {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-titol {
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 34px */
	color: #ffffff;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-titol {
		font-size: 20px;
	}
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-text {
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	/* 23.4px */
	color: #ffffff;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-content .tarjeta-text {
		font-size: 16px;
	}
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-popup-trigger {
	width: 100%;
	display: inline-flex;
	padding: 23px 65px;
	align-items: center;
	gap: 20px;
	background: #2d2d2d;
	color: #ffffff;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 16px */
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	outline: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-popup-trigger svg {
	width: 22px;
	height: 19px;
	flex-shrink: 0;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-popup-trigger:active {
	outline: none;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-popup-trigger:focus {
	outline: none;
	outline-offset: 2px;
}

.serveis-tarjetes .tarjetes-grid .tarjeta-item .tarjeta-popup-trigger:focus:not(:focus-visible) {
	outline: none;
}

.serveis-tarjetes .tarjeta-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	animation: modalFadeIn 0.3s ease-out;
}

.serveis-tarjetes .tarjeta-modal[hidden] {
	display: none;
}

.serveis-tarjetes .tarjeta-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	z-index: 1;
}

.serveis-tarjetes .tarjeta-dialog {
	position: relative;
	background-color: #ffffff;
	border-radius: 25px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	max-width: 1200px;
	width: 90%;
	max-height: 80vh;
	overflow-y: auto;
	z-index: 2;
	padding: 64px;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjeta-dialog {
		padding: 40px 20px;
		margin: 10px;
		max-height: 90vh;
	}
}

.serveis-tarjetes .tarjeta-dialog h3 {
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -0.68px;
	color: #393939;
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjeta-dialog h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}
}

.serveis-tarjetes .tarjeta-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: transform 0.2s ease;
	z-index: 3;
}

.serveis-tarjetes .tarjeta-close svg {
	width: 42px;
	height: 42px;
}

.serveis-tarjetes .tarjeta-modal-content {
	color: #393939;
	font-family: "Zalando Sans SemiExpanded", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

@media only screen and (max-width: 767px) {
	.serveis-tarjetes .tarjeta-modal-content {
		font-size: 16px;
	}
}

.serveis-tarjetes .tarjeta-modal-content h2,
.serveis-tarjetes .tarjeta-modal-content h3,
.serveis-tarjetes .tarjeta-modal-content h4,
.serveis-tarjetes .tarjeta-modal-content h5,
.serveis-tarjetes .tarjeta-modal-content h6 {
	color: #393939;
	margin-top: 30px;
	margin-bottom: 15px;
}

.serveis-tarjetes .tarjeta-modal-content h2:first-child,
.serveis-tarjetes .tarjeta-modal-content h3:first-child,
.serveis-tarjetes .tarjeta-modal-content h4:first-child,
.serveis-tarjetes .tarjeta-modal-content h5:first-child,
.serveis-tarjetes .tarjeta-modal-content h6:first-child {
	margin-top: 0;
}

.serveis-tarjetes .tarjeta-modal-content h3 {
	color: var(--Corporatiu, #4469d6);
	font-family: "Zalando Sans SemiExpanded";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 31.2px */
}

.serveis-tarjetes .tarjeta-modal-content ul li {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.serveis-tarjetes .tarjeta-modal-content p {
	margin-bottom: 15px;
}

.serveis-tarjetes .tarjeta-modal-content p:last-child {
	margin-bottom: 0;
}

.serveis-tarjetes .tarjeta-modal-content ul,
.serveis-tarjetes .tarjeta-modal-content ol {
	margin-bottom: 15px;
	padding-left: 20px;
}

.serveis-tarjetes .tarjeta-modal-content li {
	margin-bottom: 8px;
}

.serveis-tarjetes .tarjeta-modal-content a {
	color: #4469d6;
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Front Page Animations
--------------------------------------------------------------*/

/*# sourceMappingURL=style.css.map */