/**
 * Centre Cultural Castellut — estils principals.
 *
 * Organització:
 *  1. Fitxes de disseny (variables)
 *  2. Base, accessibilitat i enllaços
 *  3. Capçalera i navegació
 *  4. Elements editorials comuns (avanttítol, blocs, fletxes)
 *  5. Portada: destacat, graella, seccions, territori i lletres, crida
 *  6. Targetes i files de llistat
 *  7. Capçaleres d’arxiu, període i paginació
 *  8. Entrada i pàgina
 *  9. Peu i silueta del Maigmó
 * 10. Estils de bloc propis
 * 11. Moviment reduït i impressió
 *
 * Els colors de secció (--ccc-sec-*) es defineixen a seccions.css i al
 * registre de inc/sections.php. Tot el que és de l’aniversari viu a aniversari.css.
 */

/* 1. Fitxes ------------------------------------------------------------ */
:root {
	--ccc-vermell: var(--wp--preset--color--accent-1, #99042e);
	--ccc-vermell-fosc: var(--wp--preset--color--vermell-fosc, #7a0325);
	--ccc-paper: var(--wp--preset--color--base, #fbf9f8);
	--ccc-carbo: var(--wp--preset--color--contrast, #24262b);
	--ccc-verd: var(--wp--preset--color--accent-3, #425944);
	--ccc-or: var(--wp--preset--color--accent-2, #c98a98);
	--ccc-or-tinta: var(--wp--preset--color--accent-1, #99042e);
	--ccc-pedra: var(--wp--preset--color--accent-5, #f5ecee);
	--ccc-filet: var(--wp--preset--color--accent-6, #e6d2d8);
	--ccc-suau: var(--wp--preset--color--accent-4, #5d6069);
	--ccc-titular: var(--wp--preset--font-family--titular, "EB Garamond", Georgia, serif);
	--ccc-pes-titular: var(--wp--custom--font--titular-pes, 600);
	--ccc-ma: var(--wp--custom--font--ma, Caveat, cursive);
	--ccc-tinta: var(--wp--preset--color--tinta, #26406a);
	--ccc-text: var(--wp--preset--font-family--newsreader, Georgia, serif);
	--ccc-radi: var(--wp--custom--radius, 2px);
	--ccc-focus: 3px solid var(--ccc-vermell);
	--ccc-ombra: 0 1px 2px rgb(45 40 37 / 8%), 0 8px 24px -12px rgb(45 40 37 / 22%);
	--ccc-transicio: 160ms ease-out;
}

/* 2. Base --------------------------------------------------------------- */
body {
	background-color: var(--ccc-paper);
	color: var(--ccc-carbo);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-optical-sizing: auto;
	overflow-x: clip;
}

::selection {
	background: color-mix(in srgb, var(--ccc-vermell) 18%, transparent);
	color: var(--ccc-carbo);
}

h1, h2, h3, h4, h5,
.wp-block-post-title,
.wp-block-query-title {
	text-wrap: balance;
	overflow-wrap: break-word;
	hyphens: manual;
}

p, li {
	text-wrap: pretty;
}

/* Les variacions tipogràfiques poden usar fonts d’un sol pes: millor no inventar negretes. */
:where(h1, h2, h3, h4, h5, .wp-block-site-title, .wp-block-post-title, .ccc-index__nom, .ccc-tornar__nom, .ccc-hist__any-num, .ccc-videos__titol, .ccc-destacada__entrada) {
	font-synthesis-weight: none;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	transition: color var(--ccc-transicio), text-decoration-thickness var(--ccc-transicio);
}

a:hover {
	text-decoration-thickness: 2px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--ccc-focus);
	outline-offset: 3px;
	border-radius: var(--ccc-radi);
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
	background: var(--ccc-paper);
	clip: auto !important;
	clip-path: none;
	color: var(--ccc-vermell);
	display: block;
	font-weight: 700;
	height: auto;
	left: 1rem;
	padding: 0.75rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
	box-shadow: var(--ccc-ombra);
}

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

/* Imatges de patrons que encara no s’han triat: no es mostren al web. */
.wp-block-image img:not([src]),
.wp-block-image:has(img:not([src])) {
	display: none;
}

/* Paràgrafs i línies que han quedat buits en un patró. */
.ccc-avant:empty,
.is-style-ccc-dades li:empty,
.is-style-ccc-programa li:empty,
.ccc-targeta-text p:empty,
.ccc-introduccio p:empty,
.ccc-activitat p:empty,
.ccc-ruta p:empty,
.ccc-anniversary-pagina p:empty {
	display: none;
}

.wp-element-button,
.wp-block-button__link {
	transition: background-color var(--ccc-transicio), color var(--ccc-transicio), box-shadow var(--ccc-transicio);
}

.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: var(--ccc-focus);
	outline-offset: 3px;
}

.wp-element-button:disabled,
.wp-element-button[aria-disabled="true"],
.wp-block-button__link[aria-disabled="true"] {
	background-color: var(--ccc-filet);
	color: var(--ccc-suau);
	cursor: not-allowed;
}

/* 3. Capçalera ----------------------------------------------------------- */
.ccc-capcalera {
	padding-block: 0.9rem 1.1rem;
	background: var(--ccc-paper);
	position: relative;
	z-index: 20;
}

/* La capçalera acaba amb el perfil del Maigmó: sense cap altra vora. */
.wp-site-blocks > header.wp-block-template-part {
	border: 0;
	box-shadow: none;
}

/* Perfil del Maigmó com a vora inferior de la capçalera (ressò del peu). */
.ccc-capcalera::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 14px;
	background: var(--ccc-vermell);
	opacity: 0.85;
	-webkit-mask: url("../images/motius/perfil-elevacio.svg") no-repeat center bottom / 100% 100%;
	mask: url("../images/motius/perfil-elevacio.svg") no-repeat center bottom / 100% 100%;
	pointer-events: none;
}

.ccc-capcalera__fila {
	gap: 1rem;
	align-items: center;
}

.ccc-marca {
	gap: 0.85rem;
	align-items: center;
	min-width: 0;
}

.ccc-marca .wp-block-site-logo img,
.ccc-marca .custom-logo {
	width: 76px;
	height: 76px;
	object-fit: contain;
	transition: transform 300ms ease-out;
}

.ccc-marca .wp-block-site-logo a:hover img {
	transform: rotate(-8deg);
}

.ccc-marca__textos {
	gap: 0 !important;
	min-width: 0;
}

.ccc-marca__nom,
.ccc-marca .wp-block-site-title {
	margin: 0;
	font-size: clamp(1.15rem, 0.95rem + 1vw, 1.85rem);
	line-height: 1;
}

/* Anotació a mà, com una nota de mestre al marge. */
.ccc-marca__lloc {
	margin: 0.15rem 0 0 !important;
	font-family: var(--ccc-ma);
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1;
	color: var(--ccc-vermell);
	transform: rotate(-2deg);
	transform-origin: left center;
}

.ccc-capcalera__fila > .ccc-marca {
	flex: 1 1 auto;
	margin-right: auto;
}

.ccc-nav {
	min-width: 0;
}

.ccc-nav .wp-block-navigation__container {
	gap: 0.25rem 1.25rem;
}

/* Pantalla gran: capçalera de revista en dos pisos (nom, cerca i botó; davall, el menú sencer). */
@media (min-width: 64em) {
	.ccc-capcalera__fila {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto auto;
		grid-template-areas:
			"marca cerca crida"
			"menu menu menu";
		column-gap: 1rem;
		row-gap: 0.55rem;
	}

	.ccc-capcalera__fila > .ccc-marca {
		grid-area: marca;
	}

	.ccc-capcalera__fila > .ccc-cerca {
		grid-area: cerca;
	}

	.ccc-capcalera__fila > .ccc-crida-soci {
		grid-area: crida;
	}

	.ccc-capcalera__fila > .ccc-nav {
		grid-area: menu;
		border-top: 1px solid var(--ccc-filet);
		padding-top: 0.35rem;
	}

	.ccc-capcalera__fila > .ccc-nav .wp-block-navigation__container {
		justify-content: flex-start;
	}
}

.ccc-nav .wp-block-navigation-item__content {
	padding-block: 0.45rem;
}

/* Subratllat dibuixat a mà per a l’element actual i en passar-hi per damunt. */
.ccc-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5.5 C 20 2, 35 7, 52 4 S 82 2.5, 98 4.5' fill='none' stroke='%2399042E' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 7px;
	transition: background-size 220ms ease-out, color var(--ccc-transicio);
}

.ccc-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.ccc-nav .current-menu-item > .wp-block-navigation-item__content,
.ccc-nav .current-menu-ancestor > .wp-block-navigation-item__content,
.ccc-nav .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--ccc-vermell);
	background-size: 100% 7px;
}

.ccc-nav .wp-block-navigation__submenu-container {
	background: var(--ccc-paper) !important;
	border: 1px solid var(--ccc-filet) !important;
	border-top: 3px solid var(--ccc-vermell) !important;
	border-radius: 0 0 var(--ccc-radi) var(--ccc-radi);
	box-shadow: var(--ccc-ombra);
	padding: 0.5rem 0;
	min-width: 15rem !important;
}

.ccc-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.45rem 1rem !important;
	font-weight: 400;
	background-image: none !important;
}

.ccc-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--ccc-pedra) !important;
}

.ccc-nav .wp-block-navigation__submenu-icon {
	width: 0.7em;
	height: 0.7em;
	margin-left: 0.3em;
}

.ccc-nav .wp-block-navigation__responsive-container-open,
.ccc-nav .wp-block-navigation__responsive-container-close {
	padding: 0.5rem;
	border-radius: var(--ccc-radi);
}

/*
 * El nucli només plega el menú per sota de 600px. El menú del Centre té
 * moltes entrades, així que el plega fins a 64em; a partir d’ací té un pis propi.
 */
@media (min-width: 600px) and (max-width: 63.99em) {
	.ccc-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.ccc-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* Menú plegat a pantalla completa, amb tipografia editorial. */
.ccc-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--ccc-paper) !important;
	color: var(--ccc-carbo) !important;
	padding: clamp(1rem, 5vw, 2.5rem);
}

.ccc-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 3rem;
	gap: 0.25rem;
}

.ccc-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.ccc-nav .is-menu-open .wp-block-navigation__container,
.ccc-nav .is-menu-open .wp-block-navigation-item {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left;
}

.ccc-nav .is-menu-open .wp-block-navigation__responsive-dialog {
	max-width: 40rem;
}

.ccc-nav .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-family: var(--ccc-titular);
	font-size: clamp(1.5rem, 5vw, 2.1rem);
	font-weight: var(--ccc-pes-titular);
	padding-block: 0.3rem;
	background-size: 0 7px;
}

.ccc-nav .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-left: 2px solid var(--ccc-or) !important;
	box-shadow: none;
	padding: 0 0 0.5rem 1rem !important;
	margin: 0.25rem 0 0.5rem 0.15rem;
	background: transparent !important;
}

.ccc-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--medium);
	padding: 0.3rem 0 !important;
}

.ccc-cerca .wp-block-search__button {
	background: transparent;
	color: var(--ccc-carbo);
	border: 1px solid var(--ccc-filet);
	border-radius: 50%;
	padding: 0.45rem;
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}

.ccc-cerca .wp-block-search__button:hover {
	color: var(--ccc-vermell);
	border-color: var(--ccc-vermell);
}

.ccc-cerca .wp-block-search__input {
	border: 1px solid var(--ccc-filet);
	background: #fff;
	min-height: 44px;
	padding-inline: 0.9rem;
	border-radius: 999px;
}

/* Botó «Fes-te soci»: ben visible, amb un punt de joc. */
.ccc-crida-soci {
	margin: 0 !important;
	flex: none;
}

.ccc-crida-soci .wp-block-button__link {
	position: relative;
	background: var(--ccc-vermell);
	color: var(--ccc-paper);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	padding: 0.65rem 1.15rem 0.65rem 1rem;
	border-radius: 999px;
	box-shadow: 0 2px 0 var(--ccc-vermell-fosc), 0 6px 16px -6px rgb(153 4 46 / 55%);
	transform: rotate(-1.5deg);
	transition: transform 160ms ease-out, box-shadow 160ms ease-out, background-color 160ms ease-out;
	white-space: nowrap;
}

.ccc-crida-soci .wp-block-button__link::before {
	content: "\2665";
	content: "\2665" / "";
	margin-right: 0.4em;
	font-size: 0.95em;
	color: #ffd5de;
}

.ccc-crida-soci .wp-block-button__link:hover,
.ccc-crida-soci .wp-block-button__link:focus-visible {
	background: var(--ccc-vermell-fosc);
	color: #fff;
	transform: rotate(0deg) translateY(-1px);
	box-shadow: 0 3px 0 #4a0217, 0 10px 20px -8px rgb(153 4 46 / 65%);
}

@media (max-width: 47.99em) {
	.ccc-marca .wp-block-site-logo img,
	.ccc-marca .custom-logo {
		width: 52px;
		height: 52px;
	}

	.ccc-marca__lloc {
		font-size: 1.15rem;
	}

	.ccc-capcalera__fila {
		gap: 0.35rem !important;
	}
}

/* Al mòbil el botó es converteix en una píndola flotant (cantonada inferior esquerra). */
@media (max-width: 599px) {
	.ccc-crida-soci {
		position: fixed;
		left: 1rem;
		bottom: 1rem;
		z-index: 90;
	}

	.ccc-crida-soci .wp-block-button__link {
		font-size: 1rem;
		padding: 0.7rem 1.15rem 0.7rem 1rem;
	}

	.ccc-marca__lloc {
		display: none;
	}
}

/* 4. Elements editorials comuns ------------------------------------------ */
.ccc-avant {
	font-family: var(--ccc-ma);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.05;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	margin: 0 0 0.35rem;
}

.ccc-enllac-fletxa,
.ccc-enllac-fletxa a,
a.ccc-enllac-fletxa {
	font-weight: 700;
	text-decoration: none;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
}

a.ccc-enllac-fletxa::after,
.ccc-enllac-fletxa a::after,
.wp-block-read-more.ccc-enllac-fletxa::after {
	content: "\2192";
	content: "\2192" / "";
	display: inline-block;
	margin-left: 0.4em;
	transition: transform var(--ccc-transicio);
}

a.ccc-enllac-fletxa:hover,
.ccc-enllac-fletxa a:hover {
	text-decoration: underline;
}

a.ccc-enllac-fletxa:hover::after,
.ccc-enllac-fletxa a:hover::after,
.wp-block-read-more.ccc-enllac-fletxa:hover::after {
	transform: translateX(3px);
}

.ccc-bloc {
	margin-block-start: var(--wp--preset--spacing--70) !important;
}

.ccc-bloc__cap {
	border-top: 1px solid var(--ccc-carbo);
	padding-top: 0.9rem;
	margin-bottom: var(--wp--preset--spacing--40);
	gap: 0.5rem 2rem;
	position: relative;
}

.ccc-bloc__cap::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 3rem;
	height: 5px;
	background: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-bloc__titol {
	font-size: var(--wp--preset--font-size--xx-large);
	margin: 0;
}

.ccc-bloc__entradeta {
	color: var(--ccc-suau);
	max-width: 46rem;
	margin-top: 0.5rem !important;
}

.ccc-avis-editor {
	border: 1px dashed var(--ccc-filet);
	padding: 1rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--ccc-suau);
	background: var(--ccc-pedra);
}

/* 5. Portada ---------------------------------------------------------------- */
.ccc-portada__intro {
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	display: grid;
	gap: 0.5rem 3rem;
	align-items: end;
	border-bottom: 1px solid var(--ccc-filet);
}

.ccc-portada__intro > * {
	margin: 0 !important;
}

.ccc-portada__titol {
	font-size: var(--wp--preset--font-size--xxx-large);
	font-weight: 600;
	letter-spacing: -0.02em;
	max-width: 16ch;
}

.ccc-portada__entradeta {
	color: var(--ccc-suau);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.45;
	max-width: 34rem;
}

@media (min-width: 64em) {
	.ccc-portada__intro {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	}
}

/* Destacat */
.ccc-destacat {
	margin-block-start: var(--wp--preset--spacing--50) !important;
}

.ccc-destacat .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccc-destacat__article {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	align-items: center;
}

.ccc-destacat__article > * {
	margin: 0 !important;
}

.ccc-destacat__imatge {
	overflow: hidden;
	background: var(--ccc-pedra);
}

.ccc-destacat__imatge img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ccc-destacat__text > * + * {
	margin-block-start: 0.75rem;
}

.ccc-destacat__avant {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.ccc-destacat__avant::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 0.42em solid transparent;
	border-right: 0.42em solid transparent;
	border-bottom: 0.72em solid var(--ccc-vermell);
}

.ccc-destacat__titol {
	font-size: var(--wp--preset--font-size--xx-large) !important;
	line-height: 1.08;
	letter-spacing: -0.015em;
}

.ccc-destacat__extracte {
	font-size: var(--wp--preset--font-size--medium);
	color: var(--ccc-carbo);
}

.ccc-destacat__extracte .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.ccc-destacat__meta {
	gap: 0.75rem;
	align-items: center;
}

.ccc-destacat .ccc-destacat__article:not(:has(.ccc-destacat__imatge)) {
	background: var(--ccc-pedra);
	padding: var(--wp--preset--spacing--50);
	border-top: 5px solid var(--ccc-vermell);
}

@media (min-width: 56em) {
	.ccc-destacat__article {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		gap: var(--wp--preset--spacing--50);
	}

	.ccc-destacat__article:not(:has(.ccc-destacat__imatge)) {
		grid-template-columns: 1fr;
	}
}

/* Graella editorial amb jerarquia deliberada */
.ccc-graella-editorial__entrades,
.ccc-graella-tres__entrades {
	display: grid;
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	grid-template-columns: minmax(0, 1fr);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccc-graella-editorial__entrades > li,
.ccc-graella-tres__entrades > li {
	margin: 0 !important;
	min-width: 0;
}

@media (min-width: 40em) {
	.ccc-graella-editorial__entrades,
	.ccc-graella-tres__entrades {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ccc-graella-editorial__entrades > li:first-child {
		grid-column: 1 / -1;
	}

	.ccc-graella-editorial__entrades > li:last-child:nth-child(even) {
		grid-column: 1 / -1;
	}
}

@media (min-width: 64em) {
	.ccc-graella-editorial__entrades {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ccc-graella-editorial__entrades > li:first-child {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}

	.ccc-graella-editorial__entrades > li:last-child:nth-child(even) {
		grid-column: auto;
	}

	.ccc-graella-tres__entrades {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ccc-graella-editorial__entrades > li:first-child .ccc-targeta__titol {
		font-size: var(--wp--preset--font-size--xx-large);
		line-height: 1.08;
	}

	/* Si la primera entrada no té imatge, ocupa l’amplada però no dues files buides. */
	.ccc-graella-editorial__entrades > li:first-child:not(:has(.ccc-targeta__imatge)) {
		grid-row: auto;
		grid-column: 1 / -1;
	}
}

.ccc-relacionades:not(:has(.wp-block-post)) {
	display: none;
}

/* Índex de seccions */
.ccc-index__llista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccc-index--targetes .ccc-index__llista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr));
	gap: 1rem;
}

.ccc-index__seccio {
	margin: 0 !important;
	background: var(--ccc-paper);
	border: 1px solid var(--ccc-filet);
	border-top: 0;
	position: relative;
	display: flex;
}

.ccc-index__enllac {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	box-sizing: border-box;
	gap: 0.35rem;
	padding: 1.25rem 1.25rem 1.4rem;
	text-decoration: none;
	color: var(--ccc-carbo);
	border-top: 4px solid var(--ccc-sec-accent, var(--ccc-carbo));
	position: relative;
	overflow: hidden;
	isolation: isolate;
	transition: background-color var(--ccc-transicio);
}

.ccc-index__enllac:hover {
	background: var(--ccc-sec-soft, var(--ccc-pedra));
	color: var(--ccc-carbo);
}

.ccc-index__nom {
	font-family: var(--ccc-titular);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: var(--ccc-pes-titular);
	line-height: 1.1;
	color: var(--ccc-sec-ink, var(--ccc-carbo));
}

.ccc-index__enllac:hover .ccc-index__nom {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.18em;
}

.ccc-index__desc {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.ccc-index__meta {
	margin-top: auto;
	padding-top: 0.5rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	font-variant-numeric: tabular-nums;
}

.ccc-index__darrera {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--ccc-suau);
}

.ccc-index--llista .ccc-index__llista li {
	margin: 0 0 0.35rem;
}

/* Seccions destacades (territori, lletres, compacte) */
.ccc-destacada {
	margin-block-start: var(--wp--preset--spacing--70) !important;
	position: relative;
}

.ccc-destacada__cap {
	border-top: 1px solid var(--ccc-carbo);
	padding-top: 0.9rem;
	margin-bottom: var(--wp--preset--spacing--40);
	position: relative;
}

.ccc-destacada__cap::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 3rem;
	height: 5px;
	background: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-destacada__avant {
	font-family: var(--ccc-ma);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.05;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	margin: 0 0 0.35rem;
	font-variant-numeric: tabular-nums;
}

.ccc-destacada__titol {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
}

.ccc-destacada__titol a {
	color: var(--ccc-sec-ink, var(--ccc-carbo));
	text-decoration: none;
}

.ccc-destacada__titol a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.ccc-destacada__desc {
	color: var(--ccc-suau);
	max-width: 44rem;
	margin: 0.5rem 0 0;
}

.ccc-destacada__llista {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

.ccc-destacada__item {
	margin: 0;
	min-width: 0;
}

.ccc-destacada__item article {
	display: grid;
	gap: 0.75rem;
}

.ccc-destacada__entrada {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
}

.ccc-destacada__entrada a {
	color: var(--ccc-carbo);
	text-decoration: none;
}

.ccc-destacada__entrada a:hover {
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	text-decoration: underline;
}

.ccc-destacada__data {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--ccc-suau);
}

.ccc-destacada__extracte {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.ccc-destacada__imatge {
	display: block;
	overflow: hidden;
	background: var(--ccc-pedra);
}

.ccc-destacada__imatge img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.ccc-destacada__peu {
	margin: var(--wp--preset--spacing--40) 0 0;
}

/* Territori: fotografia gran, color de secció de fons. */
.ccc-destacada--territori {
	box-sizing: border-box;
	background: var(--ccc-sec-soft, var(--ccc-pedra));
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	overflow: hidden;
}

.ccc-destacada--territori .ccc-destacada__cap {
	position: relative;
	z-index: 1;
}

.ccc-destacada--territori .ccc-destacada__llista {
	position: relative;
	z-index: 1;
}

.ccc-destacada--territori .is-principal .ccc-destacada__entrada {
	font-size: var(--wp--preset--font-size--x-large);
}

.ccc-destacada--territori .ccc-destacada__item:not(.is-principal) {
	border-top: 1px solid color-mix(in srgb, var(--ccc-sec-accent, var(--ccc-carbo)) 30%, transparent);
	padding-top: 0.75rem;
}

@media (min-width: 56em) {
	.ccc-destacada--territori .ccc-destacada__llista {
		grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
		grid-auto-flow: dense;
		column-gap: var(--wp--preset--spacing--50);
		align-items: start;
	}

	.ccc-destacada--territori .is-principal {
		grid-row: span 4;
	}

	.ccc-destacada--territori .ccc-destacada__item:not(.is-principal) {
		grid-column: 2;
	}
}

/* Lletres: tipogràfic, sense imatges. */
.ccc-destacada--lletres .ccc-destacada__item {
	border-top: 1px solid var(--ccc-or);
	padding-top: 0.9rem;
}

.ccc-destacada--lletres .is-principal .ccc-destacada__entrada {
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
	font-weight: 500;
}

/* Compacte: llista de títols i dates. */
.ccc-destacada--compacte .ccc-destacada__llista {
	gap: 0;
}

.ccc-destacada--compacte .ccc-destacada__item {
	border-top: 1px solid var(--ccc-filet);
	padding-block: 0.8rem;
}

.ccc-destacada--compacte .ccc-destacada__item article {
	gap: 0.2rem;
}

.ccc-destacada--compacte .ccc-destacada__entrada {
	font-size: var(--wp--preset--font-size--medium);
}

.ccc-duo {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
	gap: 0 var(--wp--preset--spacing--60);
	margin-block-start: 0 !important;
}

.ccc-duo > * {
	margin-block-start: var(--wp--preset--spacing--70) !important;
}

/* Crida a l’afiliació */
.ccc-crida {
	box-sizing: border-box;
	margin-block-start: var(--wp--preset--spacing--70) !important;
	background: var(--ccc-pedra);
	border-left: 6px solid var(--ccc-vermell);
	padding: var(--wp--preset--spacing--50);
	display: grid;
	gap: 1.25rem 3rem;
	align-items: center;
}

.ccc-crida > * {
	margin: 0 !important;
}

.ccc-crida__titol {
	font-size: var(--wp--preset--font-size--xx-large);
	margin: 0 0 0.5rem;
}

.ccc-crida__text p {
	margin: 0;
	max-width: 38rem;
}

.ccc-crida__accions {
	gap: 0.75rem;
}

@media (min-width: 56em) {
	.ccc-crida {
		grid-template-columns: minmax(0, 1.6fr) auto;
	}
}

/* 6. Targetes i files ------------------------------------------------------- */
.ccc-targeta {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	height: 100%;
	box-sizing: border-box;
}

.ccc-targeta > * {
	margin: 0 !important;
}

.ccc-targeta__imatge {
	overflow: hidden;
	background: var(--ccc-pedra);
}

.ccc-targeta__imatge img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

.ccc-targeta:hover .ccc-targeta__imatge img {
	transform: scale(1.03);
}

.ccc-targeta__text > * {
	margin: 0;
}

.ccc-targeta__text > * + * {
	margin-block-start: 0.45rem;
}

.ccc-targeta__titol {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
}

.ccc-targeta__meta {
	gap: 0.6rem;
	align-items: center;
}

/* Targeta sense imatge: panell de text, sense buits ni marcadors. */
.ccc-targeta:not(:has(.ccc-targeta__imatge)) {
	background: var(--ccc-pedra);
	padding: 1.25rem 1.25rem 1.4rem;
	border-top: 4px solid var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-targeta:not(:has(.ccc-targeta__imatge)) .ccc-targeta__titol {
	font-size: var(--wp--preset--font-size--x-large);
}

.ccc-targeta:has(.ccc-etiqueta.ccc-section):not(:has(.ccc-targeta__imatge)) {
	background: var(--ccc-sec-soft-card, var(--ccc-pedra));
}

/* Etiqueta de secció */
.ccc-etiqueta {
	margin: 0;
	font-family: var(--ccc-ma);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.05;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem 0.4rem;
}

.ccc-etiqueta a,
.ccc-etiqueta .ccc-etiqueta__nom {
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	text-decoration: none;
}

.ccc-etiqueta a:hover {
	text-decoration: underline;
}

.ccc-etiqueta--diverses a,
.ccc-etiqueta--diverses .ccc-etiqueta__nom {
	color: var(--ccc-suau);
}

.ccc-etiqueta__sep {
	color: var(--ccc-suau);
}

/* Fila de llistat (arxius, cerca) */
.ccc-llistat {
	margin-block-start: var(--wp--preset--spacing--40) !important;
}

.ccc-llistat__entrades {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--ccc-filet);
}

.ccc-llistat__entrades > li {
	margin: 0 !important;
}

.ccc-fila {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem 2rem;
	padding-block: 1.4rem;
	border-top: 1px solid var(--ccc-filet);
}

.ccc-fila > * {
	margin: 0 !important;
}

.ccc-fila__text > * {
	margin: 0;
}

.ccc-fila__text > * + * {
	margin-block-start: 0.45rem;
}

.ccc-fila__meta {
	gap: 0.35rem 0.9rem;
	align-items: center;
}

.ccc-fila__data {
	font-variant-numeric: tabular-nums;
}

.ccc-fila__titol {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.18;
}

.ccc-fila__extracte {
	color: var(--ccc-carbo);
	max-width: 46rem;
}

.ccc-fila__extracte p {
	margin: 0;
}

.ccc-fila__imatge {
	overflow: hidden;
	background: var(--ccc-pedra);
	max-width: 18rem;
}

.ccc-fila__imatge img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 40em) {
	.ccc-fila:has(.ccc-fila__imatge) {
		grid-template-columns: minmax(0, 1fr) clamp(8rem, 22vw, 14rem);
	}

	.ccc-fila__imatge {
		max-width: none;
	}
}

.ccc-sense-resultats {
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--40);
	background: var(--ccc-pedra);
	border-top: 4px solid var(--ccc-filet);
}

/* 7. Capçaleres d’arxiu, període i paginació ---------------------------- */
.ccc-masthead {
	box-sizing: border-box;
	background: var(--ccc-sec-soft, var(--ccc-pedra));
	border-bottom: 1px solid var(--ccc-filet);
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	margin-block-start: 0 !important;
}

.ccc-masthead__interior {
	position: relative;
	z-index: 1;
}

.ccc-masthead__interior > * {
	margin-block: 0;
}

.ccc-masthead__interior > * + * {
	margin-block-start: 0.75rem;
}

.ccc-masthead__titol {
	font-size: var(--wp--preset--font-size--xxx-large);
	max-width: 20ch;
	color: var(--ccc-sec-ink, var(--ccc-carbo));
}

.ccc-masthead__desc {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.5;
	max-width: 44rem;
}

.ccc-masthead__desc p {
	margin: 0;
}

.ccc-cerca-gran {
	max-width: 36rem;
	margin-top: 1.25rem !important;
}

.ccc-cerca-gran .wp-block-search__input {
	border: 1px solid var(--ccc-carbo);
	background: #fff;
	min-height: 48px;
	padding-inline: 1rem;
	font-size: var(--wp--preset--font-size--medium);
}

.ccc-cerca-gran .wp-block-search__button {
	min-height: 48px;
}

/* Ruta de navegació */
.ccc-molles ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.02em;
}

.ccc-molles li {
	margin: 0;
	display: inline-flex;
	align-items: center;
	color: var(--ccc-suau);
}

.ccc-molles li + li::before {
	content: "/";
	content: "/" / "";
	margin-inline: 0.55rem;
	color: var(--ccc-or);
}

.ccc-molles a {
	color: var(--ccc-carbo);
}

.ccc-molles [aria-current="page"] {
	color: var(--ccc-suau);
	display: inline-block;
	max-width: min(32ch, 60vw);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

/* Títol del període seleccionat */
.ccc-periode {
	margin-block-start: var(--wp--preset--spacing--60) !important;
	border-top: 1px solid var(--ccc-carbo);
	padding-top: 0.9rem;
	position: relative;
}

.ccc-periode::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 3rem;
	height: 5px;
	background: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-periode > * {
	margin: 0;
}

.ccc-periode__avant {
	font-family: var(--ccc-ma);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.05;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-periode__titol {
	font-size: var(--wp--preset--font-size--xx-large);
	margin-top: 0.25rem;
}

.ccc-periode.is-filtrat .ccc-periode__titol::first-letter {
	text-transform: uppercase;
}

.ccc-periode__compte {
	color: var(--ccc-suau);
	margin-top: 0.25rem;
	font-variant-numeric: tabular-nums;
}

.ccc-periode__tornar {
	margin-top: 0.75rem;
}

.ccc-periode__tornar a::before {
	content: "\2190";
	content: "\2190" / "";
	margin-right: 0.4em;
}

/* Paginació completa (bloc ccc/paginacio; substitueix WP-PageNavi) */
.ccc-pag {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--ccc-filet);
}

.ccc-pag__estat {
	margin: 0;
	font-family: var(--ccc-ma);
	font-size: 1.45rem;
	font-weight: 700;
	color: var(--ccc-vermell);
	line-height: 1;
}

.ccc-pag__llista {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccc-pag__llista > li {
	margin: 0;
}

.ccc-pag__enllac {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.7rem;
	border: 1px solid var(--ccc-filet);
	border-radius: 999px;
	background: #fff;
	color: var(--ccc-carbo);
	text-decoration: none;
	font-variant-numeric: lining-nums tabular-nums;
	transition: background-color var(--ccc-transicio), color var(--ccc-transicio), border-color var(--ccc-transicio);
}

a.ccc-pag__enllac:hover,
a.ccc-pag__enllac:focus-visible {
	border-color: var(--ccc-sec-accent, var(--ccc-vermell));
	background: var(--ccc-sec-accent, var(--ccc-vermell));
	color: var(--ccc-paper);
}

.ccc-pag__enllac.is-actual {
	background: var(--ccc-sec-accent, var(--ccc-vermell));
	border-color: var(--ccc-sec-accent, var(--ccc-vermell));
	color: var(--ccc-paper);
	font-weight: 700;
}

.ccc-pag__enllac.is-salt {
	font-weight: 700;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-pag__extrem,
.ccc-pag__fletxa {
	font-weight: 700;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
}

.ccc-pag__buit {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 0.15rem;
	color: var(--ccc-suau);
}

/* 8. Entrada i pàgina ------------------------------------------------------- */
.ccc-entrada__cap,
.ccc-pagina__cap {
	padding-top: var(--wp--preset--spacing--50);
}

.ccc-entrada__cap > *,
.ccc-pagina__cap > * {
	margin-block: 0;
}

.ccc-entrada__cap > * + *,
.ccc-pagina__cap > * + * {
	margin-block-start: 1rem;
}

.ccc-entrada__titol,
.ccc-pagina__titol {
	font-size: var(--wp--preset--font-size--xxx-large);
	max-width: 22ch;
	letter-spacing: -0.02em;
}

.ccc-entrada__meta {
	gap: 0.25rem 1rem;
	align-items: center;
	border-top: 1px solid var(--ccc-filet);
	padding-top: 0.75rem;
}

/* Nom de la secció a l’entrada: anotació gran a mà, amb subratllat dibuixat. */
.ccc-entrada__etiqueta {
	font-size: clamp(1.8rem, 1.4rem + 1.3vw, 2.4rem) !important;
}

.ccc-entrada__etiqueta .ccc-etiqueta__nom {
	position: relative;
	display: inline-block;
	padding-bottom: 0.15em;
	transform: rotate(-1.5deg);
}

.ccc-entrada__etiqueta .ccc-etiqueta__nom::after {
	content: "";
	position: absolute;
	left: 0;
	right: -0.2em;
	bottom: -0.1em;
	height: 0.32em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C 22 2, 40 9, 60 5 S 88 3, 98 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C 22 2, 40 9, 60 5 S 88 3, 98 6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

/* La imatge destacada respecta la proporció original. */
.ccc-entrada__imatge,
.ccc-pagina__imatge {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	text-align: center;
}

.ccc-entrada__imatge img,
.ccc-pagina__imatge img {
	width: auto !important;
	max-width: 100%;
	max-height: min(85vh, 60rem);
	height: auto !important;
	object-fit: contain !important;
	margin-inline: auto;
}

.ccc-entrada__contingut,
.ccc-pagina__contingut {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.7;
}

.ccc-entrada__contingut > p:first-child {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.55;
}

.ccc-entrada__contingut :where(h2, h3, h4) {
	margin-block-start: 2.2em;
	margin-block-end: 0.6em;
}

.ccc-entrada__contingut :where(figure) {
	margin-block: 2rem;
}

.ccc-entrada__contingut :where(img) {
	height: auto;
}

.ccc-entrada__contingut figcaption,
.ccc-pagina__contingut figcaption {
	font-size: var(--wp--preset--font-size--small);
	color: var(--ccc-suau);
	text-align: left;
	border-left: 2px solid var(--ccc-or);
	padding-left: 0.75rem;
	margin-top: 0.6rem;
}

.ccc-entrada__contingut :where(table),
.ccc-pagina__contingut :where(table) {
	border-collapse: collapse;
	width: 100%;
}

.ccc-entrada__contingut :where(.wp-block-table) {
	overflow-x: auto;
}

.ccc-entrada__contingut :where(th, td),
.ccc-pagina__contingut :where(th, td) {
	border: 1px solid var(--ccc-filet);
	padding: 0.5rem 0.75rem;
	text-align: left;
}

.ccc-entrada__contingut :where(iframe, video, embed),
.ccc-pagina__contingut :where(iframe, video, embed) {
	max-width: 100%;
}

/* Contingut antic (editor clàssic): imatges alineades i llegendes. */
.ccc-entrada__contingut .alignleft {
	float: left;
	margin: 0.4rem 1.5rem 1rem 0;
	max-width: 50%;
}

.ccc-entrada__contingut .alignright {
	float: right;
	margin: 0.4rem 0 1rem 1.5rem;
	max-width: 50%;
}

.ccc-entrada__contingut .aligncenter {
	display: block;
	margin-inline: auto;
}

.ccc-entrada__contingut .wp-caption {
	max-width: 100%;
}

.ccc-entrada__contingut .wp-caption-text {
	font-size: var(--wp--preset--font-size--small);
	color: var(--ccc-suau);
}

.ccc-entrada__contingut::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 39.99em) {
	.ccc-entrada__contingut .alignleft,
	.ccc-entrada__contingut .alignright {
		float: none;
		margin: 1rem auto;
		max-width: 100%;
	}
}

.ccc-entrada__peu {
	margin-block-start: var(--wp--preset--spacing--50) !important;
}

.ccc-entrada__etiquetes a {
	color: var(--ccc-carbo);
}

/* Pàgines institucionals (Qui som?, Afiliació…): capçalera amb el logotip en marca
   d’aigua, caplletra acadèmica, foto d’arxiu amb cinta i marca de final. */
body:not(.ccc-section) .ccc-arxiu.ccc-404 .ccc-masthead::after {
	content: "";
	position: absolute;
	left: auto;
	top: auto;
	height: auto;
	right: max(var(--wp--custom--gutter, 1rem), calc((100% - var(--wp--style--global--wide-size, 80rem)) / 2));
	bottom: 1.25rem;
	width: min(34%, 18rem);
	aspect-ratio: 320 / 175;
	background: var(--ccc-vermell);
	opacity: 0.85;
	-webkit-mask: url("../images/motius/barret.svg") no-repeat center / contain;
	mask: url("../images/motius/barret.svg") no-repeat center / contain;
	transform: rotate(-10deg);
	pointer-events: none;
}

@media (max-width: 47.99em) {
	body:not(.ccc-section) .ccc-arxiu.ccc-404 .ccc-masthead::after {
		opacity: 0.18;
		bottom: auto;
		top: 1rem;
	}
}

.ccc-masthead--pagina::after {
	content: "";
	position: absolute;
	right: clamp(-3rem, -2vw, 0rem);
	top: 50%;
	width: clamp(9rem, 22vw, 16rem);
	aspect-ratio: 1;
	transform: translateY(-50%) rotate(-8deg);
	background: var(--ccc-vermell);
	opacity: 0.09;
	-webkit-mask: url("../images/logo-ccc-256.webp") no-repeat center / contain;
	mask: url("../images/logo-ccc-256.webp") no-repeat center / contain;
	pointer-events: none;
	z-index: 0;
}

.ccc-pagina__contingut > p:first-of-type::first-letter {
	float: left;
	font-family: var(--ccc-titular);
	font-weight: var(--ccc-pes-titular);
	font-size: 4.1em;
	line-height: 0.82;
	margin: 0.06em 0.12em 0 0;
	color: var(--ccc-vermell);
}

.ccc-pagina__imatge {
	position: relative;
	width: fit-content;
	max-width: 100%;
	margin-inline: auto !important;
	padding: 0.65rem 0.65rem 0.65rem;
	background: #fff;
	box-shadow: var(--ccc-ombra);
	transform: rotate(-1deg);
}

.ccc-pagina__imatge::before,
.ccc-pagina__imatge::after {
	content: "";
	position: absolute;
	top: -0.8rem;
	width: 6.5rem;
	height: 1.6rem;
	background: color-mix(in srgb, var(--ccc-or) 38%, rgb(255 255 255 / 55%));
	box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
	z-index: 1;
}

.ccc-pagina__imatge::before {
	left: 1.5rem;
	transform: rotate(-6deg);
}

.ccc-pagina__imatge::after {
	right: 1.5rem;
	transform: rotate(5deg);
}

.ccc-pagina__imatge img {
	max-height: min(70vh, 44rem) !important;
}

.ccc-pagina__contingut::after {
	content: "";
	display: block;
	clear: both;
	width: 7rem;
	height: 1.1rem;
	margin: var(--wp--preset--spacing--60) auto 0;
	background: var(--ccc-vermell);
	opacity: 0.55;
	-webkit-mask: url("../images/motius/perfil-elevacio.svg") no-repeat center / 100% 100%;
	mask: url("../images/motius/perfil-elevacio.svg") no-repeat center / 100% 100%;
}

.ccc-pagina--ample .ccc-pagina__contingut::after {
	content: none;
}

/* Línia del temps (patró per a Qui som?) */
.ccc-linia {
	position: relative;
	padding-left: 2.2rem;
}

.ccc-linia::before {
	content: "";
	position: absolute;
	left: 0.55rem;
	top: 0.4rem;
	bottom: 0.4rem;
	width: 2px;
	background: linear-gradient(var(--ccc-vermell), var(--ccc-or));
}

.ccc-fita {
	position: relative;
	margin-block: 0 1.75rem !important;
}

.ccc-fita::before {
	content: "";
	position: absolute;
	left: -2.05rem;
	top: 0.45rem;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 50%;
	background: var(--ccc-paper);
	border: 3px solid var(--ccc-vermell);
}

.ccc-fita > * {
	margin-block: 0;
}

.ccc-fita__any {
	font-family: var(--ccc-ma);
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1;
	color: var(--ccc-vermell);
}

.ccc-fita__any:empty,
.ccc-fita p:empty,
.ccc-fita:not(:has(p:not(:empty))) {
	display: none;
}

.ccc-linia:not(:has(.ccc-fita p:not(:empty))) {
	display: none;
}

/* Retorn a la secció */
.ccc-tornar {
	box-sizing: border-box;
	margin-block-start: var(--wp--preset--spacing--60) !important;
	background: var(--ccc-pedra);
	padding: var(--wp--preset--spacing--40);
}

.ccc-tornar__avant {
	margin: 0 0 0.75rem;
	font-family: var(--ccc-ma);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.05;
	color: var(--ccc-vermell);
}

.ccc-tornar__llista {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1rem;
}

.ccc-tornar__seccio {
	margin: 0;
	border-left: 4px solid var(--ccc-sec-accent, var(--ccc-vermell));
	padding-left: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 1.25rem;
}

.ccc-tornar__nom {
	font-family: var(--ccc-titular);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: var(--ccc-pes-titular);
	color: var(--ccc-sec-ink, var(--ccc-carbo));
	text-decoration: none;
}

.ccc-tornar__nom:hover {
	text-decoration: underline;
}

.ccc-tornar__enllacos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1.25rem;
	font-size: var(--wp--preset--font-size--small);
}

.ccc-tornar__enllacos a {
	color: var(--ccc-sec-accent, var(--ccc-vermell));
	font-weight: 700;
}

/* Navegació anterior/següent */
.ccc-entrada__navegacio {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	border-top: 1px solid var(--ccc-filet);
	padding-top: 1.25rem;
	gap: 1rem 2rem;
}

.ccc-entrada__navegacio > * {
	flex: 1 1 16rem;
	max-width: 32rem;
}

.ccc-entrada__navegacio .post-navigation-link-next {
	text-align: right;
	margin-left: auto;
}

.ccc-entrada__navegacio a {
	color: var(--ccc-carbo);
	font-family: var(--ccc-titular);
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--ccc-pes-titular);
	text-decoration: none;
	line-height: 1.25;
}

.ccc-entrada__navegacio a:hover {
	color: var(--ccc-vermell);
	text-decoration: underline;
}

.ccc-entrada__navegacio .post-navigation-link__label {
	display: block;
	font-family: var(--ccc-text);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ccc-suau);
	margin-bottom: 0.25rem;
}

/* 9. Peu i silueta ---------------------------------------------------------- */
.wp-block-template-part:has(> .ccc-silueta),
footer.wp-block-template-part {
	margin-block-start: var(--wp--preset--spacing--80);
}

.ccc-silueta {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	color: var(--ccc-vermell);
	line-height: 0;
	/* Evita la línia de píxel entre la silueta i el peu. */
	margin-bottom: -1px !important;
	pointer-events: none;
}

.ccc-silueta__svg {
	display: block;
	width: 100%;
	height: clamp(30px, 6.45vw, 170px);
}

/* El barret d’Enric Valor, l’abanderat del Centre, posat damunt del cim del Maigmó. */
.ccc-silueta {
	position: relative;
	--ccc-barret: clamp(36px, 4vw, 104px);
}

.ccc-silueta::after {
	content: "";
	position: absolute;
	left: calc(22.66% - var(--ccc-barret) / 2);
	bottom: calc(100% - var(--ccc-barret) * 0.12);
	width: var(--ccc-barret);
	aspect-ratio: 320 / 175;
	background: var(--ccc-vermell);
	-webkit-mask: url("../images/motius/barret-silueta.svg") no-repeat center bottom / contain;
	mask: url("../images/motius/barret-silueta.svg") no-repeat center bottom / contain;
	transform: rotate(-7deg);
	transform-origin: center bottom;
}

.ccc-peu {
	background: var(--ccc-vermell);
	color: var(--ccc-paper);
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	margin-block-start: 0 !important;
}

.ccc-peu a {
	color: var(--ccc-paper);
}

.ccc-peu a:hover {
	color: #fff;
}

.ccc-peu :where(a, button):focus-visible {
	outline-color: var(--ccc-paper);
}

.ccc-peu__graella {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
}

.ccc-peu__graella > * {
	margin: 0 !important;
}

@media (min-width: 40em) {
	.ccc-peu__graella {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64em) {
	.ccc-peu__graella {
		grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	}
}

.ccc-peu__marca > * {
	margin-block: 0;
}

.ccc-peu__marca > * + * {
	margin-block-start: 0.75rem;
}

.ccc-peu .wp-block-site-logo img,
.ccc-peu .custom-logo {
	width: 96px;
	height: 96px;
	object-fit: contain;
	/*
	 * El logotip oficial és granat sobre transparent: sobre el peu granat es
	 * perdria. El filtre el passa a color paper (la imatge original no canvia).
	 * brightness(0) el deixa negre, invert(1) el fa blanc i l’opacitat el suavitza.
	 */
	filter: brightness(0) invert(1);
	opacity: 0.94;
	transition: opacity var(--ccc-transicio);
}

.ccc-peu .wp-block-site-logo a:hover img {
	opacity: 1;
}

.ccc-peu .wp-block-site-title a,
.ccc-peu__nom a {
	color: var(--ccc-paper);
	font-size: var(--wp--preset--font-size--x-large);
}

.ccc-peu__lema {
	opacity: 0.92;
	font-size: var(--wp--preset--font-size--small);
}

.ccc-peu__titol {
	font-family: var(--ccc-text);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ccc-paper);
	margin: 0 0 1rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid color-mix(in srgb, var(--ccc-or) 70%, transparent);
}

.ccc-peu__columna > * {
	margin-block: 0;
}

.ccc-peu .ccc-index--llista li,
.ccc-peu__enllac {
	margin: 0 0 0.45rem !important;
	font-size: var(--wp--preset--font-size--small);
}

.ccc-peu .ccc-index--llista a,
.ccc-peu .ccc-peu__enllac a {
	text-decoration: none;
	font-weight: 400;
}

.ccc-peu .ccc-index--llista a:hover,
.ccc-peu .ccc-peu__enllac a:hover {
	text-decoration: underline;
}

.ccc-peu .ccc-peu__enllac a::after {
	content: none;
}

.ccc-peu .ccc-contacte__dades {
	font-style: normal;
	font-size: var(--wp--preset--font-size--small);
}

.ccc-peu .ccc-contacte__dades p {
	margin: 0 0 0.35rem;
}

.ccc-contacte__xarxes {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.ccc-contacte__xarxes a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 0.9rem;
	border: 1px solid color-mix(in srgb, var(--ccc-paper) 55%, transparent);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	border-radius: var(--ccc-radi);
}

.ccc-contacte__xarxes a:hover {
	background: var(--ccc-paper);
	color: var(--ccc-vermell);
}

.ccc-peu .wp-block-button.is-style-ccc-secundari .wp-block-button__link,
.ccc-peu .ccc-peu__crida .wp-block-button__link {
	background: transparent;
	color: var(--ccc-paper);
	border: 1px solid var(--ccc-paper);
}

.ccc-peu .wp-block-button.is-style-ccc-secundari .wp-block-button__link:hover,
.ccc-peu .ccc-peu__crida .wp-block-button__link:hover {
	background: var(--ccc-paper);
	color: var(--ccc-vermell);
}

.ccc-peu-legal {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	padding-top: 1rem;
	border-top: 1px solid color-mix(in srgb, var(--ccc-paper) 30%, transparent);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 2rem;
	font-size: var(--wp--preset--font-size--x-small);
}

.ccc-peu-legal > * {
	margin: 0;
}

.ccc-peu-legal__enllacos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1.25rem;
	list-style: none;
	padding: 0;
}

/* Torna amunt */
.ccc-amunt {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 90;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-width: 48px;
	min-height: 48px;
	padding: 0 0.9rem;
	border-radius: 999px;
	background: var(--ccc-paper);
	color: var(--ccc-vermell);
	border: 2px solid var(--ccc-vermell);
	box-shadow: var(--ccc-ombra);
	text-decoration: none;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	transition: opacity 200ms ease-out, transform 200ms ease-out, background-color var(--ccc-transicio), color var(--ccc-transicio);
}

.ccc-amunt:hover,
.ccc-amunt:focus-visible {
	background: var(--ccc-vermell);
	color: var(--ccc-paper);
}

.ccc-amunt.is-amagat {
	opacity: 0;
	transform: translateY(1rem);
	pointer-events: none;
	visibility: hidden;
}

@media (max-width: 47.99em) {
	.ccc-amunt__text {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.ccc-amunt {
		padding: 0;
	}
}

/* 10. Estils de bloc propis ---------------------------------------------------- */
.is-style-ccc-panell {
	background: var(--ccc-pedra);
	padding: var(--wp--preset--spacing--40);
}

.is-style-ccc-fitxa {
	border-top: 4px solid var(--ccc-sec-accent, var(--ccc-vermell));
	border-bottom: 1px solid var(--ccc-filet);
	padding-block: var(--wp--preset--spacing--40);
}

.wp-block-quote.is-style-ccc-cita-literaria {
	border: 0;
	padding: 2.5rem 0 1rem;
	position: relative;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.35;
	max-width: 40rem;
}

.wp-block-quote.is-style-ccc-cita-literaria::before {
	content: "«";
	content: "«" / "";
	position: absolute;
	top: -0.6rem;
	left: -0.15rem;
	font-family: var(--ccc-titular);
	font-style: normal;
	font-size: 4.5rem;
	line-height: 1;
	color: var(--ccc-or);
}

.wp-block-quote.is-style-ccc-cita-literaria cite {
	display: block;
	margin-top: 1rem;
	font-family: var(--ccc-text);
	font-style: normal;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.04em;
	color: var(--ccc-or-tinta);
}

.wp-block-quote.is-style-ccc-cita-literaria cite::before {
	content: "— ";
}

.wp-block-separator.is-style-ccc-filet-or {
	border: 0;
	border-top: 1px solid var(--ccc-or);
	width: 6rem;
	margin-inline: 0 !important;
	opacity: 1;
}

.wp-block-separator.is-style-ccc-ornament {
	border: 0;
	height: 1rem;
	width: 100%;
	opacity: 1;
	background:
		linear-gradient(var(--ccc-or), var(--ccc-or)) left center / calc(50% - 1.25rem) 1px no-repeat,
		linear-gradient(var(--ccc-or), var(--ccc-or)) right center / calc(50% - 1.25rem) 1px no-repeat;
	position: relative;
}

.wp-block-separator.is-style-ccc-ornament::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.85rem solid var(--ccc-vermell);
}

.wp-block-image.is-style-ccc-arxiu img {
	background: #fff;
	padding: 0.6rem;
	box-shadow: var(--ccc-ombra);
}

.wp-block-image.is-style-ccc-arxiu figcaption {
	font-style: italic;
}

.wp-block-heading.is-style-ccc-avantitol {
	font-family: var(--ccc-text);
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ccc-sec-accent, var(--ccc-vermell));
}

.wp-block-list.is-style-ccc-programa {
	list-style: none;
	counter-reset: ccc-programa;
	padding: 0;
	border-top: 1px solid var(--ccc-carbo);
}

.wp-block-list.is-style-ccc-programa > li {
	counter-increment: ccc-programa;
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	gap: 1rem;
	padding-block: 1rem;
	border-bottom: 1px solid var(--ccc-filet);
	margin: 0;
}

.wp-block-list.is-style-ccc-programa > li::before {
	content: counter(ccc-programa, decimal-leading-zero);
	font-family: var(--ccc-titular);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: var(--ccc-pes-titular);
	line-height: 1;
	color: var(--ccc-sec-highlight-ink, var(--ccc-sec-accent, var(--ccc-vermell)));
	font-variant-numeric: tabular-nums;
}

.wp-block-list.is-style-ccc-dades {
	list-style: none;
	padding: 0;
	margin-block: 1rem;
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-list.is-style-ccc-dades > li {
	padding: 0.45rem 0 0.45rem 1.25rem;
	border-bottom: 1px solid var(--ccc-filet);
	position: relative;
	margin: 0;
}

.wp-block-list.is-style-ccc-dades > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.95rem;
	width: 0.45rem;
	height: 0.45rem;
	background: var(--ccc-or);
	transform: rotate(45deg);
}

.wp-block-button.is-style-ccc-secundari .wp-block-button__link {
	background: transparent;
	color: var(--ccc-vermell);
	box-shadow: inset 0 0 0 1px currentColor;
}

.wp-block-button.is-style-ccc-secundari .wp-block-button__link:hover,
.wp-block-button.is-style-ccc-secundari .wp-block-button__link:focus-visible {
	background: var(--ccc-vermell);
	color: var(--ccc-paper);
}

p.is-style-ccc-entradeta {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.5;
	color: var(--ccc-carbo);
}

/* Patrons */
.ccc-introduccio > .wp-block-separator {
	margin-block-start: 1.5rem;
}

.ccc-targetes-editorials {
	gap: var(--wp--preset--spacing--40);
}

.ccc-targeta-text {
	border-top: 4px solid var(--ccc-sec-accent, var(--ccc-vermell));
	padding-top: 1rem;
}

.ccc-targeta-text > * {
	margin-block: 0;
}

.ccc-targeta-text > * + * {
	margin-block-start: 0.5rem;
}

.ccc-activitat {
	background: var(--ccc-pedra);
}

.ccc-activitat .wp-block-media-text__content {
	padding: var(--wp--preset--spacing--50);
}

.ccc-activitat .wp-block-media-text__media:empty {
	display: none;
}

.ccc-activitat:has(.wp-block-media-text__media:empty) {
	grid-template-columns: 1fr !important;
}

.ccc-ruta {
	display: grid;
	background: var(--ccc-sec-soft, var(--ccc-pedra));
	overflow: hidden;
}

.ccc-ruta > * {
	margin: 0 !important;
}

.ccc-ruta__foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 18rem;
}

.ccc-ruta__text {
	padding: var(--wp--preset--spacing--50);
}

@media (min-width: 56em) {
	.ccc-ruta:has(.ccc-ruta__foto img[src]) {
		grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	}
}

.ccc-programa .wp-block-heading {
	margin-top: 0.25rem;
}

/* Lightbox natiu de WordPress (imatges de bloc): fons fosc com el visor del tema. */
.wp-lightbox-overlay .scrim {
	background-color: rgb(24 25 29 / 96%) !important;
}

.wp-lightbox-overlay .close-button {
	color: #fbf9f8;
}

/* 11. Moviment reduït i impressió --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.ccc-targeta:hover .ccc-targeta__imatge img {
		transform: none;
	}
}

@media print {
	.ccc-nav,
	.ccc-cerca,
	.ccc-crida-soci,
	.ccc-amunt,
	.ccc-anniversary-franja,
	.ccc-silueta,
	.ccc-entrada__navegacio,
	.ccc-relacionades,
	.ccc-hist {
		display: none !important;
	}

	.ccc-peu {
		background: none;
		color: #000;
	}

	.ccc-peu a,
	a {
		color: #000;
	}
}