@charset "UTF-8";
/*!
Theme Name: presidentaragones
Theme URI: http://presidentaragones.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.

presidentaragones 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: #3d3d3d;
	background: #ffffff;
	font-family: "IBM Plex Sans", 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;
}

/*CENTRAL*/
header.entry-header.central {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	padding: 0 !important;
}

header.entry-header.central h1.entry-title {
	position: absolute;
	bottom: 40px;
	left: 60px;
	font-size: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 77px */
	letter-spacing: -1.4px;
	color: #ffffff;
	z-index: 11;
	font-weight: 600;
	font-weight: 600;
	max-width: 300px;
	line-height: 90%;
}

@media only screen and (max-width: 767px) {
	header.entry-header.central h1.entry-title {
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%;
		/* 33px */
		letter-spacing: -0.6px;
	}
}

@media only screen and (max-width: 767px) {
	header.entry-header.central h1.entry-title {
		bottom: 15px;
		left: 15px;
		font-size: 36px;
		font-style: normal;
		font-weight: 600;
		line-height: 90%;
		/* 32.4px */
		letter-spacing: -0.72px;
	}
}

header.entry-header.central .post-thumbnail {
	position: relative;
	width: 100%;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	header.entry-header.central .post-thumbnail img {
		aspect-ratio: 3/2;
		object-fit: cover;
	}
}

/* PANORAMICA */
.panoramica-section {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	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) {
	.panoramica-section {
		max-width: 100%;
	}
}

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

@media only screen and (max-width: 767px) {
	.panoramica-section {
		gap: 0;
		padding-bottom: 30px;
	}
}

.panoramica-section .panoramica-img {
	grid-column: 1 / 13;
	grid-row: 1;
}

.panoramica-section .content {
	grid-column: 2 / 8;
	grid-row: 1;
	position: relative;
	align-self: end;
	margin-bottom: -69px;
	display: flex;
	align-items: end;
}

@media only screen and (max-width: 767px) {
	.panoramica-section .content {
		flex-direction: column;
	}
}

.panoramica-section .content div {
	padding: 54px;
	background-color: #324361;
	color: #ffffff;
}

@media only screen and (max-width: 767px) {
	.panoramica-section .content div {
		padding: 17px 13px;
	}
}

.panoramica-section .content div h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -0.56px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.panoramica-section .content div h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 26.4px */
		letter-spacing: -0.48px;
	}
}

.panoramica-section .content div p {
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.6px;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.panoramica-section .content div p {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 22.4px */
		letter-spacing: -0.48px;
	}
}

.panoramica-section .content a.panoramica-link {
	--base: #39517c;
	--hover: #324361;
	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) {
	.panoramica-section .content a.panoramica-link {
		position: relative;
		align-self: baseline;
		right: 0;
	}
}

.panoramica-section .content 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;
}

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

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

/*BENVENIDA*/
.benvinguda-section {
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	margin-top: 69px;
	padding: 100px 0;
}

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

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

.benvinguda-section h2 {
	grid-column: 2 / 12;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 37.4px */
	letter-spacing: -0.68px;
}

@media only screen and (max-width: 767px) {
	.benvinguda-section h2 {
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 28.6px */
		letter-spacing: -0.52px;
	}
}

.benvinguda-section p.sigueu-label {
	grid-column: 3 / 11;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.benvinguda-section p.sigueu-label {
		grid-column: 1 / 11;
	}
}

.benvinguda-section p {
	grid-column: 3 / 11;
}

@media only screen and (max-width: 767px) {
	.benvinguda-section img.sigueu-img {
		display: block;
	}
}

/*Obertura*/
.obertura-front-page {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
}

.obertura-front-page h1 {
	font-size: 0px;
	grid-column: 1 / 7;
	background-image: url('data:image/svg+xml,<svg width="364" height="584" viewBox="0 0 364 584" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M286.023 0.00203298C296.109 -0.0709203 306.111 1.82024 315.45 5.56655C324.79 9.31285 333.284 14.8402 340.442 21.8301C347.6 28.82 353.281 37.1343 357.158 46.2938C361.035 55.4533 363.03 65.2769 363.03 75.1985V583.051H286.023V0.00203298Z" fill="%23CC5C53"/><path d="M264.797 583.053H192.635C192.379 583.053 192.125 583.003 191.888 582.906C191.652 582.809 191.437 582.666 191.256 582.487C191.074 582.307 190.931 582.094 190.833 581.859C190.735 581.624 190.684 581.373 190.684 581.118L190.684 73.2462C190.684 53.8206 198.463 35.1907 212.31 21.4547C226.156 7.71881 244.936 0.00201416 264.518 0.00201416C265.036 0.00201416 265.532 0.205872 265.897 0.568665C266.263 0.931519 266.469 1.42365 266.469 1.93677L266.469 581.118C266.473 581.587 266.307 582.042 265.999 582.397C265.692 582.753 265.265 582.986 264.797 583.053Z" fill="%23CC5C53"/><path d="M95.3398 0C115.439 0 134.715 7.90897 148.928 21.987C163.14 36.0651 171.124 55.1591 171.124 75.0684V397.973C171.124 417.883 163.14 436.976 148.928 451.055C134.715 465.133 115.439 473.042 95.3398 473.042V0Z" fill="%23CC5C53"/><path d="M73.7081 583.053H1.94771C1.43134 583.053 0.936111 582.849 0.570984 582.487C0.205849 582.124 0.000724792 581.632 0.000724792 581.118L0.000724792 73.2499C0.000724792 63.6315 1.90722 54.1072 5.61137 45.2208C9.31551 36.3345 14.7448 28.2602 21.5891 21.4589C28.4335 14.6576 36.5589 9.26251 45.5015 5.58167C54.4441 1.90082 64.0287 0.00634766 73.7081 0.00634766C74.0344 -0.0153809 74.361 0.0449219 74.6577 0.181702C74.9544 0.318542 75.2116 0.527344 75.4056 0.789001C75.5996 1.05066 75.7242 1.35669 75.7678 1.67877C75.8114 2.00092 75.7726 2.32874 75.6551 2.63202L75.6551 581.118C75.6551 581.632 75.45 582.124 75.0848 582.487C74.7197 582.849 74.2245 583.053 73.7081 583.053Z" fill="%23CC5C53"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	align-items: end;
	justify-content: end;
	min-height: 580px;
}

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

.obertura-front-page .cites {
	grid-column: 7 / 13;
	padding-left: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.obertura-front-page .cites h2 {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 37.4px */
	letter-spacing: -0.68px;
}

.cites-slider {
	background-position: center;
	background-repeat: no-repeat;
}

.cites-slider .cita-item {
	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) {
	.cites-slider .cita-item {
		max-width: 100%;
	}
}

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

.cites-slider .cita-item .cita-text {
	grid-column: 7 / 13;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
	.cites-slider .cita-item .cita-text {
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 33px */
		letter-spacing: -0.6px;
	}
}

.cites-slider .cita-item figure {
	position: relative;
	background-image: url(assets/PA.svg);
	background-size: 363px 584px;
	grid-column: 1 / 7;
	grid-row: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-position: 50px 0px;
}

@media only screen and (max-width: 767px) {
	.cites-slider .cita-item figure {
		background-size: contain;
		position: absolute;
		bottom: 0;
		width: 85%;
	}
}

.cites-slider .cita-item figure img {
	max-width: 100%;
	max-height: 100%;
	padding-top: 32px;
}

@media only screen and (max-width: 767px) {
	.cites-slider .cita-item figure img {
		padding: 0;
		max-width: 70%;
	}
}

.cites-slider img.sigueu-img {
	position: absolute;
	right: 20em;
	top: 22em;
}

@media only screen and (max-width: 767px) {
	.swiper-slide {
		min-height: 680px !important;
	}
}

.bloc-avancem {
	max-height: 630px;
	position: relative;
	display: flex;
}

@media only screen and (max-width: 767px) {
	.bloc-avancem {
		flex-direction: column;
		max-height: none;
	}
}

.bloc-avancem div.content {
	flex-basis: 50%;
	gap: 20px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 5vw;
	background-color: #324361;
	color: #ffffff;
}

@media only screen and (max-width: 767px) {
	.bloc-avancem div.content {
		flex-basis: 100%;
		padding: 20px 15px;
	}
}

.bloc-avancem div.content h2 {
	max-width: 500px;
	width: 100%;
	grid-column: 8 / 13;
	font-weight: 400;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
}

.bloc-avancem div.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;
	padding-right: 150px;
}

.bloc-avancem div.content p.principal {
	max-width: 500px;
	grid-column: 8 / 13;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 30.8px */
	letter-spacing: -0.56px;
	margin-bottom: 0px;
}

.bloc-avancem div.content p.petit {
	max-width: 500px;
	grid-column: 8 / 13;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

.bloc-avancem div.content .enllac-bloc {
	grid-column: 8 / 13;
	display: flex;
	z-index: 2;
	margin-bottom: -33px;
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width: 767px) {
	.bloc-avancem div.content .enllac-bloc {
		position: relative;
		margin-bottom: 0;
	}
}

.bloc-avancem figure {
	position: relative;
	width: 50%;
}

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

.bloc-avancem figure::before {
	content: "";
	position: absolute;
	inset: 0;
	/* ocupa todo el figure */
	background: linear-gradient(261deg, rgba(50, 67, 97, 0) 48%, #324361 78%);
	pointer-events: none;
	/* que no bloquee clics */
}

@media only screen and (max-width: 767px) {
	.bloc-avancem figure::before {
		content: none;
	}
}

.bloc-avancem figure img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

/*BLOC legislatura*/
.bloc-legislatura {
	position: relative;
	display: flex;
	max-height: 700px;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura {
		flex-direction: column;
		max-height: none;
	}
}

.bloc-legislatura div.content {
	flex-basis: 50%;
	gap: 20px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 5vw;
	background-color: #fff4e6;
}

@media only screen and (max-width: 767px) {
	.bloc-legislatura div.content {
		flex-basis: 100%;
		padding: 30px;
		order: -1;
	}
}

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

.bloc-legislatura div.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;
	padding-right: 150px;
}

.bloc-legislatura div.content p.principal {
	max-width: 500px;
	grid-column: 8 / 13;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 30.8px */
	letter-spacing: -0.56px;
	margin-bottom: 0px;
}

.bloc-legislatura div.content p.petit {
	max-width: 500px;
	grid-column: 8 / 13;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

.bloc-legislatura div.content .enllac-bloc {
	grid-column: 8 / 13;
}

.bloc-legislatura figure {
	position: relative;
	order: -1;
	width: 50%;
	height: auto;
}

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

.bloc-legislatura figure img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

/*Copyright*/
.boira {
	transform: rotate(180deg);
	writing-mode: tb-rl;
	position: absolute;
	bottom: 20px;
	right: 10px;
}

@media only screen and (max-width: 767px) {
	.boira {
		transform: none;
		writing-mode: initial;
		position: relative;
		bottom: auto;
		right: auto;
		text-align: center;
		padding: 20px;
	}
}

.boira a {
	text-decoration: underline;
}

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

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

/*OFICINA*/
section.oficina-personas {
	background-color: #fff4e6;
	padding: 100px 0;
}

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

@media only screen and (max-width: 767px) {
	section.oficina-personas .personas-grid {
		max-width: 100%;
	}
}

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

@media only screen and (max-width: 767px) {
	section.oficina-personas .personas-grid {
		max-width: 80%;
		align-items: flex-start;
	}
}

section.oficina-personas .personas-grid h2 {
	grid-column: 1 / 13;
	text-align: center;
	margin-bottom: 30px;
}

section.oficina-personas .personas-grid .persona-item {
	grid-column: span 4;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

section.oficina-personas .personas-grid .persona-item .persona-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

section.oficina-personas .personas-grid .persona-item .persona-info h3.persona-nombre {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 28px */
	letter-spacing: -0.84px;
}

section.oficina-personas .personas-grid .persona-item .persona-info .persona-description {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

section.oficina-personas .personas-grid .info {
	grid-column: 4 / 10;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 33.6px */
	letter-spacing: -0.72px;
	text-align: center;
}

section.oficina-personas .personas-grid .info a {
	color: #cc5c53;
	font-family: "IBM Plex Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	/* 35px */
	letter-spacing: -1.12px;
	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: 1325px) {
	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: 1325px) {
	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: 1325px) {
	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: 1325px) {
	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: 1325px) {
	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: #3d3d3d;
	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: #3d3d3d;
	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;
	}
}

.back-to-archive {
	max-width: 1300px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 30px;
	margin: 0 auto;
	padding-bottom: 70px;
}

.back-to-archive a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	text-decoration: none;
}

.back-to-archive a::before {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="20" viewBox="0 0 23 20" fill="none"><path d="M21.9492 10.0137L0.998946 10.0137" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.36328 1.64062L1.00555 9.99975L9.36328 18.3589" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	position: relative;
	content: " ";
	width: 23px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
}

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

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;
}

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: #3d3d3d;
}

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

nav.post-navigation .nav-links > div a .nav-title {
	text-decoration: none;
	color: #3d3d3d;
	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;
}

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 #cc5c53;
}

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: #3d3d3d;
}

div.enllac-bloc {
	display: flex;
	align-items: flex-start;
	min-width: 500px;
}

@media only screen and (max-width: 767px) {
	div.enllac-bloc {
		min-width: max-content;
		width: 100%;
		padding: 0;
	}
}

div.enllac-bloc a.boto {
	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;
}

@media only screen and (max-width: 767px) {
	div.enllac-bloc a.boto {
		min-width: none;
		justify-content: space-between;
		width: 100%;
	}
}

div.enllac-bloc a.boto span {
	padding: 22px 20px 22px 40px;
	display: inline-block;
}

div.enllac-bloc a.boto::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, #cc5c53, #cc5c53), linear-gradient(to right, #e56a60, #e56a60);
	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;
}

div.enllac-bloc a.boto:hover {
	background-color: #cc5c53;
}

div.enllac-bloc a.boto:hover::after {
	background-size: 69px 69px, 100% 100%, 100% 100%;
}

div.enllac-bloc a.boto:active {
	background-color: #c6493f;
}

div.enllac-bloc a.boto:active::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, #c6493f, #c6493f), linear-gradient(to right, #e56a60, #e56a60);
	background-size: 69px 69px, 100% 100%, 100% 100%;
}

div.enllac-bloc a.boto:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	div.enllac-bloc a.boto {
		transition: none;
	}
	div.enllac-bloc a.boto::after {
		transition: none;
	}
}

.wp-block-columns {
	gap: 125px;
}

@media only screen and (max-width: 767px) {
	.wp-block-columns {
		gap: 30px;
	}
}

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

body {
	color: #3d3d3d;
	background: #ffffff;
	font-family: "IBM Plex Sans", 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;
}

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;
}

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

@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: #3d3d3d;
}

header.site-header nav#site-navigation {
	margin-bottom: -10px;
}

header.site-header nav#site-navigation button.menu-toggle {
	display: none;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation button.menu-toggle {
		display: block;
	}
}

header.site-header nav#site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 50px;
	position: relative;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul {
		display: none;
		gap: 30px;
	}
}

header.site-header nav#site-navigation ul li {
	margin: 0;
	padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul li {
		padding: 0;
	}
}

header.site-header nav#site-navigation ul li a {
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	/* 26.4px */
	letter-spacing: -0.44px;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul li a {
		font-size: 28px;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
		/* 33.6px */
		letter-spacing: -0.56px;
		color: #3d3d3d;
	}
}

header.site-header nav#site-navigation ul li ul.sub-menu {
	display: none;
	flex-direction: row;
	gap: 0px;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 200px;
	border-top: 1px solid rgba(51, 51, 51, 0.15);
	z-index: 10;
	width: 100%;
	padding-top: 10px;
	align-items: start;
	justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul li ul.sub-menu {
		margin-top: 30px;
		border-top: none;
		padding-top: 0;
		display: flex;
		gap: 30px;
	}
}

header.site-header nav#site-navigation ul li ul.sub-menu li {
	position: relative;
}

header.site-header nav#site-navigation ul li ul.sub-menu li.current-menu-item > a,
header.site-header nav#site-navigation ul li ul.sub-menu li.current-page-ancestor > a {
	color: #3d3d3d;
	padding-bottom: 10px;
	border-bottom: 3px solid #cc5c53;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul li ul.sub-menu li.current-menu-item > a,
	header.site-header nav#site-navigation ul li ul.sub-menu li.current-page-ancestor > a {
		padding: 0;
		border-bottom: none;
	}
}

header.site-header nav#site-navigation ul li ul.sub-menu li > a {
	color: #3d3d3d;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
}

header.site-header nav#site-navigation ul li.current-menu-item > ul.sub-menu,
header.site-header nav#site-navigation ul li.current-page-ancestor > ul.sub-menu {
	display: flex;
}

header.site-header nav#site-navigation ul li.current-menu-item > a,
header.site-header nav#site-navigation ul li.current-page-ancestor > a {
	color: #cc5c53;
}

header.site-header nav#site-navigation ul li:hover > ul.sub-menu {
	display: flex;
}

header.site-header nav#site-navigation ul > li:hover ~ li > ul.sub-menu {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul > li:hover ~ li > ul.sub-menu {
		display: flex !important;
	}
}

header.site-header nav#site-navigation ul:hover > li:not(:hover) > ul.sub-menu {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	header.site-header nav#site-navigation ul:hover > li:not(:hover) > ul.sub-menu {
		display: flex !important;
	}
}

/* MENU TOGGLE */
@media only screen and (max-width: 767px) {
	header.site-header.is-open {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 75px;
		padding-bottom: 75px;
	}
	header.site-header.is-open .site-branding {
		display: none;
	}
	header.site-header.is-open nav#site-navigation ul#primary-menu {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		justify-content: center;
	}
	header.site-header.is-open nav#site-navigation ul#primary-menu li ul.sub-menu {
		position: relative;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	header.site-header.is-open nav#site-navigation ul#primary-menu li ul.sub-menu li {
		position: relative;
	}
	header.site-header.is-open nav#site-navigation ul#primary-menu li.current-menu-item > ul.sub-menu,
	header.site-header.is-open nav#site-navigation ul#primary-menu li.current-page-ancestor > ul.sub-menu {
		display: flex;
	}
	header.site-header.is-open nav#site-navigation ul#primary-menu li:hover > ul.sub-menu {
		display: flex;
	}
}

button.menu-toggle {
	border: transparent;
	background: transparent;
	position: absolute;
	right: 15px;
	top: 63px;
}

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

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

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

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

.menu-toggle-container {
	transition: transform 0.8s linear;
}

.menu-toggle-container button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: none;
	border: none;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
	cursor: pointer;
	color: #3d3d3d;
	padding: 10px 20px;
}

.menu-toggle-container button svg {
	width: 25px;
}

.menu-toggle-container button[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

/* MAIN */
main#primary {
	padding-top: 12px;
}

body.home div#page {
	background: linear-gradient(to bottom, #fff4e6 0, #fff4e6 950px, #fff4e6 950px, #fff 1329px, #fff 100%);
}

body.home div#page .entry-content {
	position: relative;
	z-index: 1;
}

body.menu-open {
	overflow: hidden;
}

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

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

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

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

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

footer.site-footer .footer-container .footer-logo {
	grid-column: 1 / 4;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-logo {
		order: 1;
	}
}

footer.site-footer .footer-container .footer-logo img {
	width: auto;
}

footer.site-footer .footer-container .footer-custom-fields {
	grid-column: 5 / 13;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-direction: row;
	justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-custom-fields {
		flex-direction: column;
		gap: 30px;
	}
}

footer.site-footer .footer-container .footer-custom-fields .contact {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer.site-footer .footer-container .footer-custom-fields .contact a {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.8px;
	color: #ffffff;
	text-decoration: none;
}

footer.site-footer .footer-container .footer-custom-fields .footer-xarxes-socials ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 15px;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-custom-fields .footer-xarxes-socials ul {
		justify-content: center;
	}
}

footer.site-footer .footer-container .footer-custom-fields .footer-xarxes-socials ul li a {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
	text-decoration: none;
	color: #3d3d3d;
}

footer.site-footer .footer-container .footer-custom-fields .footer-direccio-oficina {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.8px;
	color: #ffffff;
}

footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 14px;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container {
		justify-content: center;
		display: none;
	}
}

footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container ul#primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-end;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container ul#primary-menu {
		align-items: center;
	}
}

footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container ul#primary-menu li {
	margin: 0;
}

footer.site-footer .footer-container .footer-custom-fields .menu-menu-1-container ul#primary-menu li a {
	color: #ffffff;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	/* 25px */
	letter-spacing: -0.8px;
	text-decoration: none;
}

footer.site-footer .footer-container .footer-menu {
	grid-column: 1 / 13;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	footer.site-footer .footer-container .footer-menu {
		flex-direction: column;
		gap: 12px;
		order: 1;
	}
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu {
	grid-column: 1 / 7;
	grid-row: 2;
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 14px;
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu ul li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu ul li::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background-color: #ee786e;
	margin-left: 14px;
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu ul li:last-child::after {
	content: none;
}

footer.site-footer .footer-container .footer-menu .footer-secondary-menu ul li a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	/* 20px */
	letter-spacing: -0.64px;
	text-decoration: none;
}

footer.site-footer .footer-container .footer-menu div.copyright {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	/* 20px */
	letter-spacing: -0.64px;
	transition: opacity 0.3s ease;
	text-decoration: none;
	color: #ffffff;
}

footer.site-footer .footer-container .footer-menu div.copyright a {
	text-decoration: underline;
	transition: opacity 0.3s ease;
	color: #fff;
}

footer.site-footer .footer-container .footer-menu div.copyright a:hover {
	opacity: 0.7;
}

/* 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: #cc5c53;
}

.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;
}

h2 body.home .entry-content p a span.marcado {
	text-decoration: none;
	background: linear-gradient(to bottom, transparent 0, transparent 12px, #fcff61 5px, #fcff61 100%);
	position: relative;
}

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: #3d3d3d;
	background: #ffffff;
	font-family: "IBM Plex Sans", 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;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: 200;
	margin-top: 0;
}

h1 a,
h2 a,
h3 a {
	text-decoration-line: underline;
	text-underline-offset: 0.075em;
	text-decoration-thickness: 0.075em;
}

a {
	color: #3d3d3d;
}

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: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
	margin-bottom: 0.5em;
}

figcaption {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

figcaption p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
}

h1 {
	font-size: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 77px */
	letter-spacing: -1.4px;
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%;
		/* 33px */
		letter-spacing: -0.6px;
	}
}

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

@media only screen and (max-width: 767px) {
	h2 {
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 28.6px */
		letter-spacing: -0.52px;
	}
}

/*--------------------------------------------------------------
# Import Typography Folder
--------------------------------------------------------------*/
.obra-desplegable .content {
	max-width: 819px;
	margin-inline: auto;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .content {
		padding: 0 15px;
	}
}

.obra-desplegable h2 {
	margin: 0 0 1.5rem;
	font-weight: 600;
}

.obra-desplegable .numero-item {
	counter-increment: bloque;
	position: relative;
}

.obra-desplegable .numero-item:not(:last-child) {
	margin-bottom: 100px;
}

.obra-desplegable .numero-item .titol_de_bloc {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 40.8px */
	letter-spacing: -1.02px;
	max-width: 500px;
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .titol_de_bloc {
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		/* 33.6px */
		letter-spacing: -0.84px;
	}
}

.obra-desplegable .numero-item .titol_de_bloc::before {
	content: counter(bloque, decimal-leading-zero) ".";
	position: absolute;
	left: -205px;
	top: 0;
	color: #cc5c53;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -2.4px;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .titol_de_bloc::before {
		position: relative;
		font-size: 60px;
		left: 0;
		display: block;
	}
}

.obra-desplegable .numero-item .tematica-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
}

.obra-desplegable .numero-item .tematica-item {
	padding: 20px 0;
	border-top: 1px solid rgba(51, 51, 51, 0.15);
	margin: 0;
}

.obra-desplegable .numero-item .tematica-item:last-child {
	border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

.obra-desplegable .numero-item .tematica-item .tematica-titol {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
	position: relative;
	padding-right: 50px;
	/* flecha */
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .tematica-item .tematica-titol {
		font-size: 22px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		/* 26.4px */
		letter-spacing: -0.66px;
	}
}

.obra-desplegable .numero-item .tematica-item .tematica-titol::after {
	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'><path d='M29.8938 21.0237H12.1062' stroke='%23CC5C53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M21 29.9175V12.1299' stroke='%23CC5C53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path fill-rule='evenodd' clip-rule='evenodd' d='M21 41V41C9.95333 41 1 32.0467 1 21V21C1 9.95333 9.95333 1 21 1V1C32.0467 1 41 9.95333 41 21V21C41 32.0467 32.0467 41 21 41Z' stroke='%23CC5C53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	position: absolute;
	right: 0;
	top: 0;
}

.obra-desplegable .numero-item .tematica-item .tematica-detall {
	padding-left: 105px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	letter-spacing: -0.6px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.35s ease;
	max-width: 680px;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .tematica-item .tematica-detall {
		padding-left: 0;
	}
}

.obra-desplegable .numero-item .tematica-item .tematica-detall ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-top: 30px;
}

.obra-desplegable .numero-item .tematica-item .tematica-detall ul li {
	padding-left: 30px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	letter-spacing: -0.6px;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .tematica-item .tematica-detall ul li {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 25.2px */
		letter-spacing: -0.54px;
	}
}

.obra-desplegable .numero-item .tematica-item .tematica-detall ul 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;
}

.obra-desplegable .numero-item .tematica-item .tematica-detall p {
	margin: 0 0 0.75rem;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 24px */
	letter-spacing: -0.6px;
}

@media only screen and (max-width: 767px) {
	.obra-desplegable .numero-item .tematica-item .tematica-detall p {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 25.2px */
		letter-spacing: -0.54px;
	}
}

.obra-desplegable .numero-item .tematica-item .tematica-detall p:last-child {
	margin-bottom: 0;
}

.obra-desplegable .numero-item .tematica-item .tematica-detall a {
	color: #cc5c53;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.obra-desplegable .numero-item .tematica-item.is-open .tematica-titol::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42" fill="none"><path d="M29.8938 21.0237H12.1062" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 41V41C9.95333 41 1 32.0467 1 21V21C1 9.95333 9.95333 1 21 1V1C32.0467 1 41 9.95333 41 21V21C41 32.0467 32.0467 41 21 41Z" stroke="%23CC5C53" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.obra-desplegable .numero-item .tematica-item.is-open .tematica-detall {
	opacity: 1;
}

.obra-desplegable .numero-item .tematica-item.is-open .tematica-detall > :first-child {
	padding-top: 30px;
}

.obra-desplegable .numero-item .tematica-item.is-open .tematica-detall > :last-child {
	padding-bottom: 30px;
}

/*BLOC BIOGRAFIA*/
.bloc-bio-resum {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	padding: 0 30px;
	margin-top: 120px;
	margin-bottom: 100px;
}

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

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

@media only screen and (max-width: 767px) {
	.bloc-bio-resum {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

.bloc-bio-resum > span {
	grid-column: 1 / 13;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 44px */
	letter-spacing: -0.8px;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	.bloc-bio-resum > span {
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%;
		/* 33px */
		letter-spacing: -0.6px;
	}
}

.bloc-bio-resum > span::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;
}

.bloc-bio-resum header {
	grid-column: 2 / 13;
}

.bloc-bio-resum header h2 {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 37.4px */
	letter-spacing: -0.68px;
}

@media only screen and (max-width: 767px) {
	.bloc-bio-resum header h2 {
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 30.8px */
		letter-spacing: -0.56px;
	}
}

.bloc-bio-resum header h2 span {
	padding-left: 5px;
	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) {
	.bloc-bio-resum header h2 span {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
		display: block;
		padding-left: 0;
	}
}

.bloc-bio-resum header h3 {
	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) {
	.bloc-bio-resum header h3 {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
	}
}

.bloc-bio-resum .biografia-idioma-content {
	grid-column: 3 / 11;
}

.bloc-bio-resum div.enllac-bloc {
	grid-column: 3 / 7;
}

/*
Pagina Biografia
*/
article.type-page.page-biografia header.entry-header {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	article.type-page.page-biografia header.entry-header {
		padding: 0 15px;
	}
}

article.type-page.page-biografia .entry-content {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	gap: 30px;
	padding: 0;
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	article.type-page.page-biografia .entry-content {
		max-width: 100%;
	}
}

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

article.type-page.page-biografia .entry-content .biografia-idioma-switcher {
	grid-column: 9 / 12;
	grid-row: 1;
	align-items: baseline;
	justify-content: flex-end;
	display: flex;
}

article.type-page.page-biografia .entry-content .biografia-idioma-switcher select#idioma-select {
	background-color: transparent;
	border: none;
	color: #3d3d3d;
	font-size: 20px;
	font-style: normal;
	padding: 10px 15px;
	border: 1px solid #ababab;
	width: -webkit-fill-available;
	cursor: pointer;
	border-radius: 15px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 15 9" fill="none"><path d="M13 2.00278L7.4835 7L2 2" stroke="%23CC5C53" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
}

article.type-page.page-biografia .entry-content header#biografia-idioma-header {
	grid-column: 2 / 9;
	padding: 0;
}

article.type-page.page-biografia .entry-content header#biografia-idioma-header h2 {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 37.4px */
	letter-spacing: -0.68px;
}

@media only screen and (max-width: 767px) {
	article.type-page.page-biografia .entry-content header#biografia-idioma-header h2 {
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 30.8px */
		letter-spacing: -0.56px;
	}
}

article.type-page.page-biografia .entry-content header#biografia-idioma-header h2 span {
	padding-left: 5px;
	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.type-page.page-biografia .entry-content header#biografia-idioma-header h2 span {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
		display: block;
		padding-left: 0;
	}
}

article.type-page.page-biografia .entry-content header#biografia-idioma-header h3 {
	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.type-page.page-biografia .entry-content header#biografia-idioma-header h3 {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 33.6px */
		letter-spacing: -0.72px;
	}
}

article.type-page.page-biografia .entry-content .biografia-idioma-content {
	grid-column: 3 / 11;
}

article.type-page.page-biografia .entry-content .biografia-idioma-content h2 span,
article.type-page.page-biografia .entry-content .biografia-idioma-content h3 {
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: -0.84px;
	margin-bottom: 010px;
	margin-top: 60px;
}

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

@media only screen and (max-width: 767px) {
	article.type-activitats,
	article.type-discursos {
		max-width: 100%;
	}
}

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

article.type-activitats header,
article.type-discursos header {
	grid-column: 2 / 12;
	margin-bottom: 20px;
}

article.type-activitats header h1,
article.type-discursos header h1 {
	font-size: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 77px */
	letter-spacing: -1.4px;
}

article.type-activitats header .entry-meta,
article.type-discursos header .entry-meta {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	padding-left: 100px;
}

article.type-activitats header .entry-meta .tag,
article.type-discursos header .entry-meta .tag {
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.54px;
	background-color: #cc5c53;
	color: #ffffff;
	padding: 2px 20px;
}

article.type-activitats header .entry-meta time.entry-date,
article.type-discursos header .entry-meta time.entry-date {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.54px;
}

article.type-activitats .entry-content,
article.type-discursos .entry-content {
	grid-column: 3 / 11;
	padding-bottom: 160px;
}

article.type-activitats .entry-content .post-thumbnail,
article.type-discursos .entry-content .post-thumbnail {
	margin-bottom: 60px;
}

article.type-activitats .entry-content .post-thumbnail img,
article.type-discursos .entry-content .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

article.type-activitats .entry-content p,
article.type-discursos .entry-content p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	letter-spacing: -0.6px;
}

article.type-activitats .entry-footer,
article.type-discursos .entry-footer {
	grid-column: 2 / 12;
}

.post-type-archive-discursos main.site-main > header,
.post-type-archive-activitats main.site-main > header,
.activitats-destacades main.site-main > header {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px 75px;
}

@media only screen and (max-width: 767px) {
	.post-type-archive-discursos main.site-main > header,
	.post-type-archive-activitats main.site-main > header,
	.activitats-destacades main.site-main > header {
		padding: 0 15px;
	}
}

.post-type-archive-discursos main.site-main > header h1,
.post-type-archive-activitats main.site-main > header h1,
.activitats-destacades main.site-main > header h1 {
	font-size: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 77px */
	letter-spacing: -1.4px;
}

.post-type-archive-discursos .wrap-query,
.post-type-archive-activitats .wrap-query,
.activitats-destacades .wrap-query {
	background: linear-gradient(to bottom, #fff 0, #fff 100px, #fff4e6 100px, #fff4e6 100%);
	padding-bottom: 140px;
}

.post-type-archive-discursos .wrap-query .query,
.post-type-archive-activitats .wrap-query .query,
.activitats-destacades .wrap-query .query {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
	.post-type-archive-discursos .wrap-query .query,
	.post-type-archive-activitats .wrap-query .query,
	.activitats-destacades .wrap-query .query {
		padding: 0 15px;
	}
}

.post-type-archive-discursos .wrap-query .query li,
.post-type-archive-activitats .wrap-query .query li,
.activitats-destacades .wrap-query .query li {
	list-style: none;
}

.post-type-archive-discursos .wrap-query .query li:hover,
.post-type-archive-activitats .wrap-query .query li:hover,
.activitats-destacades .wrap-query .query li:hover {
	opacity: 0.7;
}

.post-type-archive-discursos .wrap-query .query li > article,
.post-type-archive-activitats .wrap-query .query li > article,
.activitats-destacades .wrap-query .query li > article {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	padding: 0;
}

.post-type-archive-discursos .wrap-query .query li > article h2,
.post-type-archive-activitats .wrap-query .query li > article h2,
.activitats-destacades .wrap-query .query li > article h2 {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 30.8px */
	letter-spacing: -0.56px;
}

.post-type-archive-discursos .wrap-query .query li > article h2 a,
.post-type-archive-activitats .wrap-query .query li > article h2 a,
.activitats-destacades .wrap-query .query li > article h2 a {
	text-decoration: none;
}

.post-type-archive-discursos .wrap-query .query li > article h2 a:hover,
.post-type-archive-activitats .wrap-query .query li > article h2 a:hover,
.activitats-destacades .wrap-query .query li > article h2 a:hover {
	opacity: 0.7;
}

.post-type-archive-discursos .wrap-query .query li > article .entry-meta,
.post-type-archive-activitats .wrap-query .query li > article .entry-meta,
.activitats-destacades .wrap-query .query li > article .entry-meta {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.54px;
}

/*--------------------------------------------------------------
# Front Page Animations
--------------------------------------------------------------*/
/*Control marge article a footer*/
article.page-biografia,
article.page-avancem:not(.post-155) {
	padding-bottom: 120px;
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal;
}

:root {
	--swiper-theme-color: #cc5c53;
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	background-color: red;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical
> .swiper-wrapper
> .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

.swiper-button-lock {
	display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next";
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 0.3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	left: 4% !important;
	bottom: 5em !important;
	top: auto !important;
}

@media only screen and (max-width: 767px) {
	.swiper-pagination {
		left: 0 !important;
		top: 18em !important;
	}
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
	display: inline-block;
	transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}

.swiper-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.swiper-slide.swiper-slide-visible.swiper-slide-active {
	opacity: 1 !important;
}

.swiper-slide {
	opacity: 0 !important;
}

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