/**
 * GIMUR Child: pàgina About.
 * Les classes gx-about-* les posa bin/redisseny-contingut.php.
 * La benvinguda (bloc reutilitzable 1043) es localitza pel títol #directors-welcome.
 */

/* Ritme entre seccions */
.entry-content > .gx-about-facts,
.entry-content > .gx-about-council,
.entry-content > .gx-about-nav,
.entry-content > .gx-about-mission,
.entry-content > .gx-about-quote,
.entry-content > .gx-about-contact,
.entry-content > .gx-about-hero + .wp-block-group,
.gx-about-nav + .gx-areas {
	margin-top: var(--gx-section) !important;
	margin-bottom: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Benvinguda del director: foto més estreta, text amb més amplada
 * ------------------------------------------------------------------------- */
.entry-content > .wp-block-group:has(#directors-welcome) h2 {
	font-size: var(--gx-h2) !important;
	margin-bottom: 1rem !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns {
	gap: clamp(1.25rem, 3vw, 2.5rem) !important;
	margin-block: 0;
}
/* La foto flota a l'esquerra i el text l'envolta: sense buit davall de la foto */
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns {
	display: block !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns > .wp-block-column:first-child {
	float: left;
	width: 34%;
	margin: 0.3rem clamp(1.25rem, 3vw, 2.25rem) 0.75rem 0 !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns > .wp-block-column:first-child .wp-block-image {
	margin-block: 0 !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns > .wp-block-column:last-child {
	display: block;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns::after {
	content: "";
	display: block;
	clear: both;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns p {
	margin-top: 0 !important;
	margin-bottom: 0.85rem !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-group {
	margin-top: 0.25rem !important;
}
.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-group p {
	text-align: right;
	margin-block: 0 !important;
	line-height: 1.4;
}

/* ---------------------------------------------------------------------------
 * Xifres clau: franja compacta 4 x 2
 * ------------------------------------------------------------------------- */
/* L'id guanya a les regles body.gx-page-about #key-facts de gimur-styles.css */
body #key-facts.gx-about-facts,
.gx-about-facts.gx-about-facts {
	background: var(--gimur-primary) !important;
	border-radius: var(--gx-radius);
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2.25rem) !important;
	max-width: var(--wp--style--global--content-size, 860px) !important;
}
.gx-about-facts h2#keyfacts {
	color: #fff !important;
}
/* Les descripcions eren gris clar sobre blanc (invisibles): ara es llegeixen */
.gx-about-facts p.has-lightgrey-color {
	color: #d5dfea !important;
}
.gx-about-facts a {
	color: #fff !important;
}
.gx-about-facts h2#keyfacts {
	font-size: var(--gx-h2) !important;
	margin-top: 0 !important;
	margin-bottom: 0.75rem !important;
}
.gx-about-facts > .wp-block-columns {
	margin-block: 0 !important;
	gap: var(--gx-gap) !important;
}
.gx-about-facts > .wp-block-columns + .wp-block-columns {
	margin-top: var(--gx-gap) !important;
}
.gx-about-facts > .wp-block-columns > .wp-block-column {
	padding: 0.5rem 1rem !important;
}
.gx-about-facts .wp-block-columns .wp-block-columns {
	margin-block: 0 !important;
}
.gx-about-facts h2.has-secondary-color {
	font-size: clamp(1.25rem, 1rem + 0.8vw, 1.625rem) !important;
	line-height: 1.15 !important;
	margin-top: 0 !important;
	margin-bottom: 0.25rem !important;
}
.gx-about-facts p {
	font-size: 1rem !important;
	line-height: 1.4 !important;
	margin-block: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Consell assessor (JetEngine): fitxes amb foto rodona i bio
 * ------------------------------------------------------------------------- */
.gx-about-council h2#advisory-council {
	font-size: var(--gx-h2) !important;
	margin-top: 0 !important;
	margin-bottom: 0.75rem !important;
}
.gx-about-council > .wp-block-group > .wp-block-columns {
	margin-block: 0 !important;
}
.gx-about-council .divadvisory_panel,
.gx-about-council .jet-listing-grid--blocks {
	width: 100% !important;
	height: auto !important;
	margin-block: 0 !important;
}
.gx-about-council .jet-listing-grid__items {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gx-gap) !important;
	margin-block: 0 !important;
	--columns: 3;
}
.gx-about-council .jet-listing-grid__item {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin-block: 0 !important;
}
.gx-about-council .jet-section {
	height: 100%;
	border: 1px solid var(--gx-line);
	border-radius: var(--gx-radius);
	background: #fff !important;
}
.gx-about-council .jet-section__content {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr);
	column-gap: 0.9rem;
	align-items: center;
	padding: 0.9rem 1rem 1rem;
}
.gx-about-council .jet-section__content > .wp-block-spacer {
	display: none !important;
}
.gx-about-council .jet-section__content > .wp-block-group {
	grid-column: 1;
	grid-row: 1 / span 2;
	margin-block: 0 !important;
	justify-content: flex-start !important;
}
.gx-about-council .jet-section__content > .wp-block-group img {
	width: 72px !important;
	height: 72px !important;
	border-radius: 50%;
	object-fit: cover;
	max-width: none !important;
	display: block;
}
.gx-about-council .jet-section__content > div:has(h3) {
	grid-column: 2;
	align-self: end;
	margin-block: 0 !important;
}
.gx-about-council .jet-section__content h3 {
	font-family: var(--gx-serif);
	font-size: 1.0625rem !important;
	line-height: 1.25 !important;
	color: var(--gimur-primary);
	margin-block: 0 !important;
}
.gx-about-council .jet-section__content > div:has(h3) + div {
	grid-column: 2;
	align-self: start;
	margin-top: 0.15rem !important;
	margin-bottom: 0 !important;
}
.gx-about-council .jet-section__content > div:has(h3) + div p {
	font-size: 0.9375rem !important;
	color: var(--gx-muted) !important;
	margin-block: 0 !important;
	line-height: 1.35 !important;
}
.gx-about-council .jet-section__content > div:has(h3) + div + div {
	grid-column: 1 / -1;
	margin-top: 0.75rem !important;
	margin-bottom: 0 !important;
}
.gx-about-council .jet-section__content > div:has(h3) + div + div p,
.gx-about-council .jet-section__content > div:last-child :is(p, div) {
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: var(--gx-ink) !important;
	margin-block: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Accessos (Director's Welcome, Research Areas, Council, Mission): una fila
 * ------------------------------------------------------------------------- */
.gx-about-nav.wp-block-cover {
	min-height: 0 !important;
	padding: clamp(1.5rem, 3.5vw, 2.5rem) 0 !important;
}
.gx-about-nav .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem clamp(1rem, 2.4vw, 2rem) !important;
	margin-block: 0 !important;
}
.gx-about-nav .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns > .wp-block-column {
	margin-block: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
}
.gx-about-nav .wp-block-separator {
	margin-top: 0.4rem !important;
	margin-bottom: 0.6rem !important;
}
.gx-about-nav .wp-block-cover__background {
	/* La foto és molt clara: el degradat original deixava el text sense contrast */
	background: linear-gradient(180deg, rgba(0, 39, 68, 0.9), rgba(0, 57, 102, 0.96)) !important;
	opacity: 1 !important;
}
.gx-about-nav p {
	margin-block: 0 !important;
	line-height: 1.45 !important;
}
.gx-about-nav p.has-large-font-size {
	font-family: var(--gx-serif);
	font-size: 1.25rem !important;
	line-height: 1.25 !important;
}
.gx-about-nav p:not(.has-large-font-size) {
	font-size: 1rem !important;
	color: #dbe3ec !important;
}
.gx-about-nav .wp-block-columns.is-not-stacked-on-mobile {
	margin-block: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Missió: foto i targeta en paral·lel, sense solapament
 * ------------------------------------------------------------------------- */
.gx-about-mission > .wp-block-columns {
	gap: clamp(1.25rem, 3vw, 2.5rem) !important;
	align-items: stretch !important;
	margin-block: 0 !important;
}
.gx-about-mission > .wp-block-columns > .wp-block-column {
	margin-block: 0 !important;
	align-self: stretch !important;
}
.gx-about-mission > .wp-block-columns > .wp-block-column:first-child {
	flex: 0 0 38% !important;
}
.gx-about-mission > .wp-block-columns > .wp-block-column:last-child {
	flex: 1 1 0 !important;
	transform: none !important;
	margin-left: 0 !important;  /* is-style-pull-left el solapava amb la foto */
}
.gx-about-mission .wp-block-image,
.gx-about-mission .wp-block-image img {
	height: 100%;
	margin-block: 0 !important;
}
.gx-about-mission .wp-block-image img {
	width: 100%;
	object-fit: cover;
	border-radius: var(--gx-radius) !important;
}
.gx-about-mission .is-style-round-corners {
	margin-block: 0 !important;
	padding: clamp(1.25rem, 2.6vw, 1.75rem) !important;
	border-radius: var(--gx-radius) !important;
	height: 100%;
}
.gx-about-mission .is-style-round-corners .wp-block-columns {
	margin-block: 0 !important;
}
.gx-about-mission h2 {
	font-size: var(--gx-h2) !important;
	margin-top: 0 !important;
	margin-bottom: 0.6rem !important;
}
.gx-about-mission p {
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #dbe3ec !important;
	margin-top: 0 !important;
	margin-bottom: 0.6rem !important;
}
.gx-about-mission p:last-child {
	margin-bottom: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Cita del director i contacte
 * ------------------------------------------------------------------------- */
.gx-about-quote.gx-about-quote {
	padding-top: clamp(1.25rem, 3vw, 2rem) !important;
	padding-bottom: clamp(1.25rem, 3vw, 2rem) !important;
}
.gx-about-quote .wp-block-columns {
	margin-block: 0 !important;
}
.gx-about-quote .wp-block-columns > .wp-block-column:empty {
	display: none !important;
}
/* Cita del director: estil "quote" del sistema (com la de la portada): filet
 * vertical d'accent, serif en blau, alineada a l'esquerra amb el contingut. */
.gx-about-quote .wp-block-columns > .wp-block-column:not(:empty) {
	flex: 1 1 auto !important;
	max-width: 46rem !important;
	margin: 0 !important;
	padding: 0.25rem 0 0.25rem clamp(1rem, 3vw, 2rem) !important;
	border-left: 2px solid var(--gx-accent);
}
.gx-about-quote .wp-block-outermost-icon-block {
	display: none !important;
}
.entry-content .gx-about-quote h2.wp-block-heading {
	font-family: var(--gx-serif);
	font-size: 1.5rem !important;
	font-style: italic;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-wrap: pretty;
	max-width: none;
	color: var(--gx-brand) !important;
	margin: 0 0 0.85rem !important;
}
.gx-about-quote h3 {
	margin-block: 0 !important;
	font-family: var(--gx-sans);
	font-size: 1rem !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	color: var(--gx-ink) !important;
}
.gx-about-quote p {
	margin-top: 0.15rem !important;
	margin-bottom: 0 !important;
	text-align: left !important;
	font-size: 1rem !important;
	color: var(--gx-muted) !important;
}
@media (max-width: 781px) {
	.entry-content .gx-about-quote h2.wp-block-heading {
		font-size: 1.1875rem !important;
	}
}

.entry-content > .gx-about-quote + .gx-about-contact {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.gx-about-contact.gx-about-contact {
	padding-top: clamp(1.5rem, 3.5vw, 2.25rem) !important;
	padding-bottom: clamp(1.5rem, 3.5vw, 2.25rem) !important;
}
.gx-about-contact h2 {
	font-size: var(--gx-h2) !important;
	margin-top: 0 !important;
	margin-bottom: 0.4rem !important;
}
.gx-about-contact p {
	font-size: 1.0625rem !important;
	line-height: 1.5 !important;
	margin-block: 0 !important;
}
/* Contacte és l'últim bloc: sense marge extra abans del peu */
body.gx-page-about .wp-site-blocks > :is(main, section).site-content,
.wp-site-blocks > :is(main, section).site-content:has(.gx-about-contact) {
	padding-bottom: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Tauleta
 * ------------------------------------------------------------------------- */
@media (max-width: 1023px) {
	.gx-about-council .jet-listing-grid__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gx-about-nav .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------------------------------------------------------------------------
 * Mòbil
 * ------------------------------------------------------------------------- */
@media (max-width: 781px) {
	.entry-content > .wp-block-group:has(#directors-welcome) > .wp-block-columns > .wp-block-column:first-child {
		flex: 0 0 auto !important;
	}
	.entry-content > .wp-block-group:has(#directors-welcome) .wp-block-image img {
		max-height: 200px;
		width: 100%;
		object-fit: cover;
		object-position: 50% 30%;
	}
	.gx-about-facts > .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}
	.gx-about-facts > .wp-block-columns:first-child {
		display: block !important;
	}
	.gx-about-facts > .wp-block-columns > .wp-block-column {
		padding: 0.5rem 0.25rem !important;
	}
	/* Consell: carrusel horitzontal amb snap */
	.gx-about-council .jet-listing-grid__items {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 0.75rem !important;
		padding-bottom: 0.5rem !important;
		scrollbar-width: thin;
	}
	.gx-about-council .jet-listing-grid__item {
		flex: 0 0 84% !important;
		scroll-snap-align: start;
	}
	.gx-about-nav.wp-block-cover {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
	.gx-about-nav .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
		grid-template-columns: 1fr;
		gap: 1rem !important;
	}
	.gx-about-mission > .wp-block-columns > .wp-block-column:first-child {
		flex: 0 0 auto !important;
	}
	.gx-about-mission .wp-block-image img {
		height: 180px;
	}
	.gx-about-mission > .wp-block-columns > .wp-block-column:last-child {
		margin-right: 0 !important;
	}
	.gx-about-quote.gx-about-quote {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
}

/* ---------------------------------------------------------------------------
 * Consell assessor: llista d'equip compacta (filets, no targetes). Foto petita,
 * nom i càrrec al costat, biografia davall. Igual a EN i ES.
 * ------------------------------------------------------------------------- */
.gx-about-council .jet-section {
	border: 0 !important;
	border-top: 1px solid var(--gx-line) !important;
	border-radius: 0 !important;
	background: none !important;
}
.gx-about-council .jet-section__content {
	grid-template-columns: 56px minmax(0, 1fr);
	padding: 1rem 0 0.5rem !important;
}
.gx-about-council .jet-section__content > .wp-block-group img {
	width: 56px !important;
	height: 56px !important;
}
.gx-about-council .jet-listing-grid__items {
	column-gap: clamp(1.25rem, 3vw, 2.5rem) !important;
	row-gap: 0.5rem !important;
}