/*
 * educAAlergicus · Proposta C (intermig A + B)
 * Base d'A (il·lustració del camí, targetes il·lustrades, animacions) + recursos de B
 * (etiqueta d'aliments, veu, passos amb filets, polaroid). Requereix camp.css i camp-b.css.
 */

.c-titol {
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.08;
	color: var(--wp--preset--color--xocolata);
}

/* ---------- 1 · Portada ---------- */
.c-pagina .camp-hero h1 { color: var(--wp--preset--color--xocolata); }
.c-pagina .camp-hero .wp-block-buttons { align-items: center; gap: 1rem 1.75rem; }
.c-enllac-hero a { border-bottom-color: var(--wp--preset--color--salmo-text); }

/* ---------- 2 · Etiqueta interactiva ---------- */
.c-seccio-etiqueta { background: var(--wp--preset--color--crema); }
.c-etiqueta-cap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.75rem 2rem; }
.c-etiqueta-cap .c-titol { font-size: clamp(1.875rem, 1.3rem + 2.2vw, 3rem); max-width: 16ch; }
.c-etiqueta-cap__text { max-width: 34ch; color: var(--wp--preset--color--cafe); }
.c-etiqueta-graella { margin-top: clamp(1.75rem, 4vw, 2.75rem) !important; gap: clamp(1.75rem, 4vw, 3.5rem); align-items: center; }
.c-etiqueta { font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem); line-height: 1.75; transform: rotate(-1.5deg); }
.c-etiqueta .b-etiqueta__cap { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.c-nota { margin-top: 1rem; padding-left: 1.5rem; }
.c-nota .b-nota__fletxa { transform: scaleY(-1) rotate(8deg); }

/* Paraula destacada = botó */
.c-ingr {
	--c-ingr: var(--wp--preset--color--salmo);
	--c-ingr-fort: var(--wp--preset--color--salmo-text);
	display: inline;
	padding: 0 0.15em;
	margin: 0;
	border: 0;
	border-radius: 4px;
	font: inherit;
	font-weight: 900;
	color: var(--wp--preset--color--xocolata);
	cursor: pointer;
	background: linear-gradient(var(--c-ingr), var(--c-ingr)) 0 100% / 100% 3px no-repeat;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.2s ease;
}
.c-ingr--entendre { --c-ingr: var(--wp--preset--color--blau); --c-ingr-fort: var(--wp--preset--color--blau-text); }
.c-ingr--prevenir { --c-ingr: var(--wp--preset--color--salvia); --c-ingr-fort: var(--wp--preset--color--salvia-text); }
.c-ingr--reconeixer { --c-ingr: var(--wp--preset--color--mantega); --c-ingr-fort: var(--wp--preset--color--mantega-text); }
.c-ingr:hover, .c-ingr[aria-pressed="true"] { background-size: 100% 100%; }
.c-ingr:focus-visible { outline: 2px solid var(--wp--preset--color--xocolata); outline-offset: 2px; }
/* Pista inicial: les paraules «s'il·luminen» una vegada */
@media (prefers-reduced-motion: no-preference) {
	.c-etiqueta.is-pista .c-ingr[aria-pressed="false"] { animation: c-pista 1.4s ease 0.3s 1; }
	.c-etiqueta.is-pista .c-ingr:nth-of-type(2) { animation-delay: 0.45s; }
	.c-etiqueta.is-pista .c-ingr:nth-of-type(3) { animation-delay: 0.6s; }
	.c-etiqueta.is-pista .c-ingr:nth-of-type(4) { animation-delay: 0.75s; }
}
@keyframes c-pista { 0%, 100% { background-size: 100% 3px; } 45% { background-size: 100% 100%; } }

/* Panell de l'etapa */
.c-panells { position: relative; }
.c-panell {
	position: relative;
	padding: 1.75rem 1.75rem 1.5rem;
	border-radius: 24px;
	background: var(--c-fons, #F9DDD6);
	min-height: 17rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.c-panell[hidden] { display: none; }
.c-panell--entendre { --c-fons: #DCE9EF; --c-fort: #3F6170; }
.c-panell--prevenir { --c-fons: #D6E8DC; --c-fort: #3F6B52; }
.c-panell--reconeixer { --c-fons: #FBECC4; --c-fort: #7A5A00; }
.c-panell--actuar { --c-fons: #F9DDD6; --c-fort: #9C4F42; }
.c-panell__il { width: 88px; height: 88px; align-self: flex-end; margin-bottom: -2.5rem; }
.c-panell__etapa { margin: 0; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-fort); }
.c-panell__titol { margin: 0; font-size: clamp(1.5rem, 1.2rem + 0.9vw, 1.875rem); font-weight: 900; color: var(--c-fort); max-width: 14ch; }
.c-panell__text { margin: 0.25rem 0 0; font-size: 1.0625rem; line-height: 1.55; }
.c-panell .b-enllac { margin-top: auto; padding-top: 0.75rem; }
.c-panell__obre {
	padding: 0 0 2px;
	border: 0;
	border-bottom: 2px solid var(--c-fort);
	background: none;
	font: inherit;
	font-weight: 800;
	color: var(--wp--preset--color--xocolata);
	cursor: pointer;
	display: inline-flex;
	gap: 0.45em;
	transition: gap 0.2s ease;
}
.c-panell__obre::after { content: "→"; }
.c-panell__obre:hover { gap: 0.75em; }
@media (prefers-reduced-motion: no-preference) {
	.c-panell.is-entra { animation: c-entra 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
	.c-panell.is-entra .c-panell__il { animation: c-salt 0.6s cubic-bezier(0.3, 1.6, 0.4, 1); }
}
@keyframes c-entra { from { opacity: 0; transform: translateY(14px) rotate(1deg); } to { opacity: 1; transform: none; } }
@keyframes c-salt { from { transform: scale(0.6) rotate(-12deg); } to { transform: none; } }

/* ---------- 3 · Targetes il·lustrades amb fitxa que puja ---------- */
.c-seccio-xifres { padding-top: 0 !important; background: var(--wp--preset--color--crema); }
.c-gir { padding: 0 !important; }
.c-gir > * { margin: 0 !important; }
.c-gir__davant {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.25rem 1.5rem 3.75rem;
}
.c-gir__davant > * { margin-block: 0; }
.c-gir__davant > p { margin-top: 0.6rem; font-size: 1.0625rem; line-height: 1.5; }
.c-gir__davant > .camp-targeta__nota { font-size: 0.875rem; color: #6E5650; }
/* La fitxa: una etiqueta blanca que puja des de baix */
.c-gir__dors {
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 1.5rem 1.4rem 3.75rem;
	background: #FFFFFF;
	border: 1.5px solid var(--wp--preset--color--xocolata);
	border-radius: 24px;
	transform: translateY(102%);
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.c-gir.is-girada .c-gir__dors { transform: translateY(0); }
.c-gir__titol { margin: 0; padding-bottom: 0.35rem; border-bottom: 6px solid var(--wp--preset--color--xocolata); font-size: 1.375rem; font-weight: 900; letter-spacing: -0.01em; }
.c-gir__taula { width: 100%; border-collapse: collapse; margin-top: 0.25rem; font-size: 0.9375rem; }
.c-gir__taula th, .c-gir__taula td { padding: 0.45rem 0; border-bottom: 1px solid var(--wp--preset--color--xocolata); text-align: left; vertical-align: top; }
.c-gir__taula th { font-weight: 700; }
.c-gir__taula td { text-align: right; font-weight: 900; padding-left: 0.75rem; }
.c-gir__taula tr:last-child th, .c-gir__taula tr:last-child td { border-bottom: 0; }
.c-gir__boto {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 3;
	padding: 0.4rem 0.9rem;
	border: 1.5px dashed var(--wp--preset--color--xocolata);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.75);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 800;
	color: var(--wp--preset--color--xocolata);
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}
.c-gir__boto::after { content: " ↑"; }
.c-gir__boto:hover { background: #FFFFFF; transform: translateY(-2px); }
.c-gir__boto-b { display: none; }
.c-gir.is-girada .c-gir__boto { border-style: solid; background: var(--wp--preset--color--mantega-suau); }
.c-gir.is-girada .c-gir__boto::after { content: " ↓"; }
.c-gir.is-girada .c-gir__boto-a { display: none; }
.c-gir.is-girada .c-gir__boto-b { display: inline; }
@media (prefers-reduced-motion: reduce) {
	.c-gir__dors { transition: none; }
}

/* ---------- 5 · Per a centres ---------- */
.c-pagina .camp-centres .c-titol { font-size: clamp(1.75rem, 1.3rem + 1.9vw, 2.625rem); }
.c-passos { margin-top: 1rem !important; }
.c-passos li { border-top-color: rgba(74, 55, 50, 0.55); }
.c-passos li:last-child { border-bottom-color: rgba(74, 55, 50, 0.55); }
.c-pagina .camp-centres__com h3 { text-align: left; }
.c-pagina .camp-centres__botons { align-items: center; gap: 1rem 1.75rem; }
@media (prefers-reduced-motion: no-preference) {
	.c-passos li { transition: padding-left 0.3s ease, background 0.3s ease; }
	.c-passos li:hover { padding-left: 0.75rem; background: rgba(255, 255, 255, 0.55); }
}

/* ---------- 6 · Formadora ---------- */
.c-formadora { background: var(--wp--preset--color--pressec) !important; }
.c-pagina .c-centres__entrada { font-size: 1.125rem; }
.c-formadora .b-cita { color: var(--wp--preset--color--xocolata); }

/* ---------- 7 · Tancament ---------- */
.c-tancament { padding-block: clamp(3rem, 7vw, 5rem); }
.c-tancament__targeta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: clamp(1.75rem, 4vw, 3rem);
	border-radius: 28px;
	background: var(--wp--preset--color--salmo-suau);
	overflow: hidden;
}
.c-tancament__text > * + * { margin-top: 1rem; }
.c-tancament h2 { font-size: clamp(1.75rem, 1.25rem + 2.1vw, 2.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.08; color: var(--wp--preset--color--xocolata); max-width: 22ch; }
.c-tancament__text > p { max-width: 50ch; font-size: 1.125rem; }
.c-tancament__text > p.c-tancament__correu { max-width: none; }
.c-tancament__correu { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-top: 1.5rem !important; }
.c-tancament__correu a { font-size: clamp(1.25rem, 0.95rem + 1.4vw, 2rem); font-weight: 900; letter-spacing: -0.02em; color: var(--wp--preset--color--salmo-text); text-decoration: none; border-bottom: 4px solid var(--wp--preset--color--salmo); overflow-wrap: anywhere; }
.c-tancament__correu a:hover { color: #7E3D33; border-color: #7E3D33; }
.c-tancament__avis { font-size: 0.875rem !important; color: var(--wp--preset--color--cafe); }
.c-tancament__il { flex: 0 0 auto; width: clamp(150px, 22vw, 280px); height: auto; }
@media (prefers-reduced-motion: no-preference) {
	.c-tancament__il { animation: c-flota 5s ease-in-out infinite; }
}
@keyframes c-flota { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(2deg); } }

/* ---------- Mòbil ---------- */
@media (max-width: 781px) {
	.c-etiqueta { transform: rotate(-1deg); }
	.c-panell { min-height: 0; }
	.c-tancament__targeta { flex-direction: column; align-items: flex-start; }
	.c-tancament__il { align-self: flex-end; margin-top: -1rem; width: 130px; }
}

/* Portada: tema del curs i les 4 dimensions */
.c-tema strong { font-weight: 900; color: var(--wp--preset--color--xocolata); }
.c-entrada { max-width: 36ch; }
.c-dim {
	font-weight: 800;
	color: var(--wp--preset--color--xocolata);
	background: linear-gradient(var(--c-dim), var(--c-dim)) 0 100% / 100% 0.32em no-repeat;
	padding-inline: 0.05em;
}
.c-dim--entendre { --c-dim: var(--wp--preset--color--blau); }
.c-dim--prevenir { --c-dim: var(--wp--preset--color--salvia); }
.c-dim--reconeixer { --c-dim: var(--wp--preset--color--mantega); }
.c-dim--actuar { --c-dim: var(--wp--preset--color--salmo); }

/* =================== Pàgines interiors (C) =================== */
.c-titol--seccio { font-size: clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem); max-width: 22ch; }
.c-pagina .camp-curs-bloc__titol { color: var(--wp--preset--color--xocolata); }

/* Capçalera amb adhesiu d'etiqueta (substitueix el tros de camí repetit) */
.c-cap::before { display: none; }
.c-cap--blau { background: #DCE9EF; }
.c-cap--salvia { background: #D6E8DC; }
.c-cap--mantega { background: #FBECC4; }
.c-cap--salmo { background: #F9DDD6; }
.c-cap--pressec { background: #F3E3D3; }
.c-cap__graella { gap: clamp(1.75rem, 5vw, 4rem); align-items: center; }
.c-cap h1 { color: var(--wp--preset--color--xocolata); max-width: 18ch; }
.c-cap .camp-capcalera-pagina__entrada { max-width: 36rem !important; }
.c-cap__adhesiu { display: flex; justify-content: flex-end; }
.c-adhesiu { width: min(100%, 23rem); transform: rotate(2deg); font-size: 1rem; line-height: 1.55; }
.c-adhesiu .b-etiqueta__cap { font-size: 1.25rem; border-bottom-width: 5px; }
.c-adhesiu--pla { transform: rotate(-1deg); margin-top: 1.25rem !important; width: min(100%, 30rem); }
.c-mini__sub { margin: 0.35rem 0 0 !important; font-size: 0.8125rem; font-weight: 700; color: var(--wp--preset--color--cafe); }
.c-mini .c-gir__taula { margin-top: 0.5rem; }
@media (prefers-reduced-motion: no-preference) {
	.c-cap .c-adhesiu { animation: c-enganxa 0.7s cubic-bezier(0.3, 1.4, 0.4, 1) 0.25s both; }
	.c-cap .c-adhesiu:hover { transform: rotate(0deg) scale(1.02); transition: transform 0.3s ease; }
}
@keyframes c-enganxa { from { opacity: 0; transform: rotate(12deg) scale(0.85) translateY(-14px); } to { opacity: 1; transform: rotate(2deg); } }
@media (max-width: 781px) {
	.c-cap__adhesiu { justify-content: flex-start; }
	.c-adhesiu { transform: rotate(-1deg); }
}

/* El curs · requisits del certificat interactius */
.c-cert .wp-block-columns { gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.c-cert__pista { margin-top: 0.5rem !important; font-family: var(--wp--preset--font-family--pacifico); color: var(--wp--preset--color--salmo-text); }
.c-cert__llista { list-style: none; margin: 1rem 0 0 !important; padding: 0; display: grid; gap: 0.75rem; }
.c-cert__item {
	display: grid;
	grid-template-columns: 2rem 1fr;
	align-items: center;
	gap: 0.9rem;
	padding: 1rem 1.15rem;
	border-radius: 18px;
	background: #FFFFFF;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.c-cert__item:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(74, 55, 50, 0.1); }
.c-cert__check { position: absolute; opacity: 0; width: 1px; height: 1px; }
.c-cert__caixa {
	width: 2rem; height: 2rem;
	border: 2px solid var(--wp--preset--color--xocolata);
	border-radius: 8px;
	background: #FFFFFF;
	display: grid; place-items: center;
	transition: background 0.2s ease;
}
.c-cert__caixa::after {
	content: "";
	width: 0.55rem; height: 1rem;
	border: solid #FFFFFF;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) scale(0);
	margin-top: -0.2rem;
	transition: transform 0.25s cubic-bezier(0.3, 1.6, 0.4, 1);
}
.c-cert__check:checked + .c-cert__caixa { background: var(--wp--preset--color--salvia-text); border-color: var(--wp--preset--color--salvia-text); }
.c-cert__check:checked + .c-cert__caixa::after { transform: rotate(45deg) scale(1); }
.c-cert__check:focus-visible + .c-cert__caixa { outline: 3px solid var(--wp--preset--color--salmo-text); outline-offset: 2px; }
.c-cert__item:has(:checked) { background: var(--wp--preset--color--salvia-suau); }
.c-cert__costat { display: grid; place-items: center; }
.c-cert__segell {
	width: clamp(12rem, 22vw, 15rem);
	aspect-ratio: 1;
	border-radius: 50%;
	display: grid; place-items: center;
	border: 3px dashed #C9B3B0;
	color: #B9A49F;
	text-align: center;
	transform: rotate(-10deg);
	transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.c-cert__segell-dins { margin: 0; display: grid; gap: 0.1rem; font-weight: 900; line-height: 1.05; }
.c-cert__segell-a { font-size: 1.625rem; letter-spacing: -0.01em; }
.c-cert__segell-b { font-size: 1.0625rem; }
.c-cert__segell-c { margin-top: 0.6rem; font-size: 0.875rem; font-weight: 800; }
.c-cert__segell.is-complet {
	border: 4px double var(--wp--preset--color--salmo-text);
	color: var(--wp--preset--color--salmo-text);
	background: radial-gradient(circle, #FFFFFF 0 60%, var(--wp--preset--color--salmo-suau) 61%);
}
@media (prefers-reduced-motion: no-preference) {
	.c-cert__segell.is-complet { animation: c-segell 0.55s cubic-bezier(0.3, 1.5, 0.4, 1); }
}
@keyframes c-segell { 0% { transform: rotate(-30deg) scale(1.6); opacity: 0.2; } 100% { transform: rotate(-10deg) scale(1); opacity: 1; } }

/* El camí · filtre per dimensió */
.c-filtre { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem !important; }
.c-filtre__text { margin: 0 0.25rem 0 0; font-family: var(--wp--preset--font-family--pacifico); color: var(--wp--preset--color--salmo-text); font-size: 1.125rem; }
.c-filtre__boto {
	min-height: 44px;
	padding: 0.45rem 1rem;
	border: 1.5px solid var(--wp--preset--color--xocolata);
	border-radius: 999px;
	background: #FFFFFF;
	font: inherit;
	font-weight: 800;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--xocolata);
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}
.c-filtre__boto:hover { transform: translateY(-2px); }
.c-filtre__boto[aria-pressed="true"].is-totes { background: var(--wp--preset--color--xocolata); color: #FFFFFF; }
.c-filtre__boto[aria-pressed="true"].is-entendre { background: #B4CCD8; }
.c-filtre__boto[aria-pressed="true"].is-prevenir { background: #B9D6C2; }
.c-filtre__boto[aria-pressed="true"].is-reconeixer { background: #F6D58A; }
.c-filtre__boto[aria-pressed="true"].is-actuar { background: #F0B4A8; }
.c-filtre__boto[aria-pressed="true"].is-directe { background: #F3E3D3; }
.c-pagina .camp-etapa-targeta { transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1.2), box-shadow 0.35s ease; }

.c-pagina .camp-etapa-targeta.is-encesa { box-shadow: 0 14px 30px rgba(74, 55, 50, 0.14); }

/* Per a centres */
.c-com { margin-top: clamp(2.5rem, 6vw, 4rem) !important; }
.c-com .c-passos { margin-top: 1.25rem !important; }

/* Preguntes · files d'etiqueta en lloc de targetes */
.c-faq { display: grid; gap: 0 !important; border-top: 2px solid var(--wp--preset--color--xocolata); }
.c-faq details { margin: 0 !important; border-radius: 0; background: transparent; border-bottom: 1px solid var(--wp--preset--color--xocolata); padding: 0; }
.c-faq summary { padding: 1.1rem 0.25rem; font-size: 1.125rem; font-weight: 800; transition: padding-left 0.25s ease, background 0.25s ease; }
.c-faq summary:hover { padding-left: 0.75rem; background: rgba(255, 255, 255, 0.6); }
.c-faq details[open] { background: #FFFFFF; }
.c-faq details[open] summary { padding-left: 0.75rem; }
.c-faq details > p { padding: 0 0.75rem 1.25rem; margin: 0 !important; font-size: 1.0625rem; }
.c-mode { margin: 0.5rem 0 0; padding-left: 1.25rem; }
.c-mode li + li { margin-top: 0.25rem; }
.c-mode li::marker { font-weight: 900; }

/* Contacte */
.c-correu { transform: rotate(-1deg); font-size: 1.0625rem; }
.c-correu .b-etiqueta__cap { font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); }
.c-correu__llista { margin: 0.25rem 0 0; padding-left: 1.25rem; line-height: 1.8; }
.c-correu__llista b { text-decoration: underline; text-decoration-color: var(--wp--preset--color--salmo); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.c-correu__adreca { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; }
.c-correu__adreca a { font-size: clamp(1.25rem, 1rem + 1vw, 1.625rem); font-weight: 900; color: var(--wp--preset--color--salmo-text); text-decoration: none; border-bottom: 3px solid var(--wp--preset--color--salmo); overflow-wrap: anywhere; }
.c-nota--contacte { justify-content: center; }

/* Tancaments per pàgina, de colors diferents */
.c-tancament__targeta--blau { background: #DCE9EF; }
.c-tancament__targeta--salvia { background: #D6E8DC; }
.c-tancament__targeta--mantega { background: #FBECC4; }
.c-tancament__targeta--salmo { background: #F9DDD6; }
.c-tancament__targeta--pressec { background: #F3E3D3; }
.c-tancament .b-enllac { margin-top: 1.5rem !important; }
.c-tancament__il { border-radius: 20px; }
.camp-contingut + .c-tancament { padding-top: 0; }

/* Ajustos */
.c-pagina .c-titol--seccio { margin-left: 0 !important; margin-right: auto !important; text-align: left; }
.c-pagina .camp-etapa-targeta.is-apagada { animation: none !important; opacity: 1 !important; transform: none !important; filter: grayscale(0.8); box-shadow: none; }
.c-pagina .camp-etapa-targeta.is-apagada > * { opacity: 0.3; transition: opacity 0.3s ease; }
.c-faq details { border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
.c-faq details > p { opacity: 1 !important; animation: none !important; color: var(--wp--preset--color--xocolata); }
.camp-cami-pasos.is-filtrant > :not(.camp-etapa-targeta), .camp-cami-pasos.is-filtrant::before, .camp-cami-pasos.is-filtrant::after { opacity: 0.2; transition: opacity 0.3s ease; }

/* =================== Dues maneres i pàgina Lleure =================== */
/* Menú: pestanya Lleure separada visualment */
.c-menu-lleure > a {
	padding: 0.3rem 0.85rem;
	border-radius: 999px;
	background: #D6E8DC;
	color: #3F6B52 !important;
	text-decoration: none !important;
}
.c-menu-lleure > a:hover, .c-menu-lleure.current-menu-item > a { background: #B9D6C2; }
@media (min-width: 600px) { .c-menu-lleure { margin-left: 0.5rem; padding-left: 1rem; border-left: 1px solid #EADBD3; } }

/* Franja cap al lleure a la portada */
.c-banda-lleure { padding-block: 0 clamp(1rem, 3vw, 2rem); }
.c-banda-lleure__dins {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 2rem;
	padding: 1.1rem 1.5rem;
	border: 1.5px dashed #3F6B52;
	border-radius: 18px;
	background: #D6E8DC;
}
.c-banda-lleure__text { margin: 0; font-size: 1.0625rem; }
.c-banda-lleure .b-enllac { margin: 0; }
.c-banda-lleure .b-enllac a { border-bottom-color: #3F6B52; }

/* El curs: dues maneres */
.c-maneres__graella { gap: clamp(1.25rem, 3vw, 2.5rem); margin-top: 1.25rem !important; align-items: stretch; }
.c-manera { width: 100%; height: 100%; transform: none; }
.c-manera--directe { transform: rotate(-1deg); }
.c-manera--ritme { transform: rotate(1deg); }
.c-manera .b-etiqueta__cap { font-size: clamp(1.25rem, 1rem + 0.8vw, 1.625rem); }
.c-manera .c-mini__sub { font-size: 1.125rem; font-weight: 900; color: var(--wp--preset--color--salmo-text); }
.c-manera--ritme .c-mini__sub { color: var(--wp--preset--color--blau-text); }
@media (prefers-reduced-motion: no-preference) {
	.c-manera { transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1.2), box-shadow 0.35s ease; }
	.c-manera:hover { transform: rotate(0) translateY(-6px); box-shadow: 10px 12px 0 var(--wp--preset--color--pressec); }
}
.c-maneres__avis { margin-top: 1.25rem !important; padding-left: 1rem; border-left: 4px solid var(--wp--preset--color--salmo); font-size: 0.9375rem; color: var(--wp--preset--color--cafe); }

/* Certificat segons la manera */
.c-cert__maneres { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem !important; }
.c-cert__manera {
	min-height: 44px; padding: 0.45rem 1rem;
	border: 1.5px solid var(--wp--preset--color--xocolata); border-radius: 999px;
	background: #FFFFFF; font: inherit; font-weight: 800; font-size: 0.9375rem; color: var(--wp--preset--color--xocolata);
	cursor: pointer;
}
.c-cert__manera[aria-pressed="true"] { background: var(--wp--preset--color--xocolata); color: #FFFFFF; }
.c-cert[data-manera="ritme"] .c-cert__nomes-directe { display: none; }

/* ---------- Pàgina Lleure ---------- */
.c-ll-hero { background: #D6E8DC; padding-block: clamp(2.5rem, 6vw, 4.5rem); overflow: hidden; }
.c-ll-hero__graella { gap: clamp(1.75rem, 5vw, 4rem); align-items: center; }
.c-ll-hero h1 {
	margin-top: 1rem !important;
	font-size: clamp(2.125rem, 1.5rem + 2.8vw, 3.5rem);
	line-height: 1.06; letter-spacing: -0.015em;
	color: var(--wp--preset--color--xocolata);
	max-width: 15ch;
}
.c-ll-hero__entrada { margin-top: 1.25rem !important; font-size: var(--wp--preset--font-size--large); line-height: 1.5; max-width: 36ch; }
.c-ll-hero .wp-block-buttons { margin-top: 1.75rem !important; align-items: center; gap: 1rem 1.5rem; }
.c-ll-hero__dada { margin: 0; font-weight: 800; color: #3F6B52; }
.c-ll-hero__il { position: relative; }
.c-ll-figura { margin: 0; }
.c-ll-il { display: block; width: 100%; height: auto; border-radius: 28px; box-shadow: 0 18px 40px rgba(63, 107, 82, 0.18); }
.c-ll-adhesiu { position: relative; margin: -2.75rem 0 0 auto !important; width: min(88%, 21rem); font-size: 0.9375rem; transform: rotate(-3deg); z-index: 2; }
.c-ll-adhesiu .b-etiqueta__cap { font-size: 1.0625rem; }
@media (prefers-reduced-motion: no-preference) {
	.c-ll-motxilla { animation: c-flota 4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
	.c-ll-adhesiu { animation: c-enganxa 0.7s cubic-bezier(0.3, 1.4, 0.4, 1) 0.4s both; }
}
@media (max-width: 781px) {
	.c-ll-adhesiu { margin: -1.5rem auto 0 0.75rem !important; width: min(92%, 22rem); }
}
.c-lleure .camp-contingut > * + * { margin-top: clamp(3rem, 7vw, 5rem) !important; }
.c-lleure .camp-contingut { padding-top: clamp(3rem, 7vw, 4.5rem); }
.c-ll-perque, .c-ll-format { gap: clamp(1.75rem, 4vw, 3.5rem); align-items: center; }
.c-ll-text { font-size: 1.125rem; line-height: 1.6; margin-top: 1rem !important; }
.c-ll-decret { width: 100%; transform: rotate(1.5deg); }
.c-ll-info { width: 100%; transform: rotate(-1.5deg); }
.c-ll-format .c-adhesiu--pla { margin-top: 1.25rem !important; }
.c-ll-cami .camp-cami-pasos { margin-top: 1.5rem !important; }
.c-ll-formadora { gap: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 2.5rem); border-radius: 28px; background: #F9DDD6; }
.c-polaroid-petita { max-width: 11rem; }
.c-polaroid-petita figcaption { font-size: 0.9375rem; }
.c-ll-faq .c-faq { margin-top: 1rem !important; }

/* Files que només s'apliquen al curs de 5 h */
.c-nomes { display: block; margin-top: 0.15rem; font-size: 0.75rem; font-weight: 800; color: var(--wp--preset--color--salmo-text); }
.c-nomes::before { content: "● "; font-size: 0.6rem; vertical-align: 0.1em; }
.c-fila-5h td { white-space: nowrap; }

/* Sessions en directe: només amb el curs de 5 h */
.camp-etapa-targeta--directe { border: 2px dashed #D9A99E !important; background: #FFFDFB !important; }
.c-nomes-5h { margin: 0.75rem 0 0 !important; }
.c-nomes-5h span {
	display: inline-block;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: var(--wp--preset--color--salmo-suau);
	color: var(--wp--preset--color--salmo-text);
	font-size: 0.8125rem;
	font-weight: 800;
}
.c-llegenda-5h {
	display: flex; align-items: center; justify-content: center; gap: 0.5rem;
	margin: 0.75rem auto 0 !important;
	font-size: 0.9375rem; color: var(--wp--preset--color--cafe); text-align: center;
	max-width: none !important;
}
.c-llegenda-5h__mostra { flex: 0 0 auto; width: 1.6rem; height: 1rem; border: 2px dashed #D9A99E; border-radius: 5px; background: #FFFDFB; }
.c-filtre + .c-llegenda-5h { margin: -0.75rem auto 1.75rem !important; }

.c-pas-5h { background: repeating-linear-gradient(90deg, transparent 0 8px, transparent 8px 12px); }
.c-pas-5h .b-passos__num { opacity: 0.55; }
.c-pas-5h .c-nomes-5h { display: inline-block; margin: 0 0 0 0.6rem !important; vertical-align: 0.1em; }
.c-pas-5h { border-top-style: dashed !important; border-top-color: #D9A99E !important; } .c-pas-5h + li { border-top-style: dashed !important; border-top-color: #D9A99E !important; }

/* Per a centres (portada): què feu vosaltres / què fem nosaltres */
.c-pagina .camp-centres .camp-avantitol { margin-bottom: 0.5rem !important; }
.c-centres__dades { list-style: none; margin: 1.25rem 0 0 !important; padding: 0; display: grid; gap: 0.5rem; }
.c-centres__dades li { position: relative; padding-left: 1.6rem; line-height: 1.5; }
.c-centres__dades li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: var(--wp--preset--color--salvia); box-shadow: inset 0 0 0 2px #FFFFFF, 0 0 0 1.5px #3F6B52; }
.c-feina { margin-top: clamp(2rem, 5vw, 3rem) !important; }
.c-feina__graella { gap: clamp(1.25rem, 3vw, 2.5rem); align-items: stretch; }
.c-feina__fitxa { width: 100%; height: 100%; font-size: 1rem; }
.c-feina__fitxa--centre { transform: rotate(-1deg); }
.c-feina__fitxa--nosaltres { transform: rotate(1deg); }
.c-feina__fitxa .b-etiqueta__cap { font-size: clamp(1.25rem, 1rem + 0.8vw, 1.625rem); }
.c-feina__fitxa--centre .c-mini__sub { color: var(--wp--preset--color--salmo-text); font-weight: 900; }
.c-feina__fitxa--nosaltres .c-mini__sub { color: var(--wp--preset--color--blau-text); font-weight: 900; }
.c-feina__llista { list-style: none; margin: 0.75rem 0 0 !important; padding: 0; }
.c-feina__llista li { display: grid; grid-template-columns: 1.6rem 1fr; gap: 0.6rem; padding: 0.7rem 0; border-bottom: 1px solid var(--wp--preset--color--xocolata); line-height: 1.5; }
.c-feina__llista li:last-child { border-bottom: 0; }
.c-feina__check { width: 1.4rem; height: 1.4rem; margin-top: 0.1rem; border-radius: 6px; background: var(--wp--preset--color--salvia-text); position: relative; }
.c-feina__check::after { content: ""; position: absolute; left: 0.47rem; top: 0.22rem; width: 0.35rem; height: 0.7rem; border: solid #FFFFFF; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.c-feina__llista .c-nomes-5h { display: inline-block; margin: 0.25rem 0 0 0.4rem !important; vertical-align: 0.05em; }
@media (prefers-reduced-motion: no-preference) {
	.c-feina__fitxa { transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1.2), box-shadow 0.35s ease; }
	.c-feina__fitxa:hover { transform: rotate(0) translateY(-5px); box-shadow: 10px 12px 0 var(--wp--preset--color--pressec); }
}
.c-pagina .camp-centres .c-titol { color: var(--wp--preset--color--xocolata); }

/* Per a centres (portada): versió simple */
.c-simple { list-style: none; margin: 1.5rem 0 0 !important; padding: 0; display: grid; gap: 0.9rem; }
.c-simple li { display: grid; grid-template-columns: 2.5rem 1fr; align-items: baseline; font-size: 1.125rem; line-height: 1.5; }
.c-simple__num { font-size: 2rem; font-weight: 1000; line-height: 1; color: var(--wp--preset--color--salmo-text); }
.c-simple li:nth-child(2) .c-simple__num { color: var(--wp--preset--color--blau-text); }
.c-simple li:nth-child(3) .c-simple__num { color: var(--wp--preset--color--salvia-text); }
.c-simple__nota { margin-top: 1.25rem !important; padding-left: 0.85rem; border-left: 3px dashed #D9A99E; font-size: 0.9375rem; color: var(--wp--preset--color--cafe); }

.c-centres-simple { gap: clamp(1.75rem, 5vw, 4rem); }
.c-simple__maneres { margin-top: 1.25rem !important; font-size: 1.0625rem; line-height: 1.6; }
.c-simple__maneres .b-enllac { margin-left: 0.35rem; }
.c-pagina .camp-trobareu { margin-top: clamp(3rem, 7vw, 4.5rem) !important; }
.c-cap h1 .b-marca { white-space: nowrap; }
.c-cap--mantega h1 .b-marca { background: linear-gradient(transparent 58%, #F0B4A8 58%, #F0B4A8 90%, transparent 90%); }

/* La formadora: bio i formació desplegable */
.c-bio { margin-top: 1rem !important; font-size: 1.125rem; line-height: 1.6; max-width: 46ch; }
.c-formacio { margin-top: 1.25rem !important; border-top: 2px solid var(--wp--preset--color--xocolata); border-bottom: 1px solid var(--wp--preset--color--xocolata); background: transparent; border-radius: 0; padding: 0; max-width: 40rem; }
.c-formacio summary { padding: 0.8rem 0.25rem; font-weight: 800; cursor: pointer; }
.c-formacio ul { list-style: none; margin: 0; padding: 0 0 0.75rem; }
.c-formacio li { display: grid; grid-template-columns: 5.5rem 1fr; gap: 0.75rem; padding: 0.45rem 0.25rem; border-top: 1px solid #EADBD3; font-size: 0.9375rem; line-height: 1.45; }
.c-formacio li span { font-weight: 800; color: var(--wp--preset--color--cafe); }
.b-polaroid__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }

/* La formadora: foto a la capçalera en lloc de l'etiqueta */
.c-cap-polaroid { width: min(100%, 15rem); margin: 0 1rem 0 auto !important; transform: rotate(3deg); }
@media (prefers-reduced-motion: no-preference) { .c-cap .c-cap-polaroid { animation: c-enganxa 0.7s cubic-bezier(0.3, 1.4, 0.4, 1) 0.25s both; } }
@media (max-width: 781px) { .c-cap-polaroid { margin: 0.5rem auto 0 0.5rem !important; width: 12rem; transform: rotate(-2deg); } }
.c-perfil-text { max-width: 44rem; }
.c-perfil-text__rol { margin-top: 0.35rem !important; font-weight: 800; color: var(--wp--preset--color--salmo-text); }
.c-perfil-text .c-formacio { max-width: none; margin-top: 1.75rem !important; }
.c-cap__adhesiu:empty { display: none; }
.c-perfil { gap: clamp(2rem, 5vw, 4rem); }
.c-targeta-5h { outline: 2px dashed #D9A99E; outline-offset: -2px; }
.camp-targeta--il .c-nomes-5h { margin-top: 0.75rem !important; }

/* Preguntes agrupades */
.c-faq--grups { border-top: 0 !important; }
.c-faq__grup { margin: 2.25rem 0 0.5rem !important; padding-bottom: 0.4rem; border-bottom: 2px solid var(--wp--preset--color--xocolata); font-size: 1.25rem; font-weight: 900; color: var(--wp--preset--color--salmo-text); }
.c-faq__grup:first-child { margin-top: 0 !important; }
.c-faq details > p a { font-weight: 800; color: var(--wp--preset--color--salmo-text); }
.c-faq__avis { display: block; margin-top: 0.75rem; padding: 0.6rem 0.85rem; border-left: 4px solid var(--wp--preset--color--salmo); background: var(--wp--preset--color--salmo-suau); border-radius: 0 10px 10px 0; font-size: 0.9375rem; }
.c-faq__llista { margin: 0 0.75rem 0.5rem !important; padding-left: 1.5rem; line-height: 1.8; }
.c-faq details > p.c-faq__nota { font-size: 0.9375rem; color: var(--wp--preset--color--cafe); }

/* El curs: dues maneres en targetes (estil A) */
.c-maneres__graella { align-items: stretch; }
.c-manera-t { height: 100%; }
.c-manera-t__hores { margin: 0 !important; font-size: 0.9375rem !important; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wp--preset--color--cafe); }
.c-manera-t .camp-targeta__titol { margin-top: 0.15rem !important; }
.c-manera-t__llista { list-style: none; margin: 1rem 0 0 !important; padding: 0; display: grid; gap: 0.6rem; }
.c-manera-t__llista li { display: grid; grid-template-columns: 1.6rem 1fr; align-items: center; gap: 0.55rem; font-size: 1.0625rem; line-height: 1.4; }
.c-manera-t__marca { width: 1.5rem; height: 1.5rem; border-radius: 50%; position: relative; background: #FFFFFF; }
.c-manera-t__si .c-manera-t__marca { background: var(--wp--preset--color--salvia-text); }
.c-manera-t__si .c-manera-t__marca::after { content: ""; position: absolute; left: 0.52rem; top: 0.3rem; width: 0.35rem; height: 0.7rem; border: solid #FFFFFF; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.c-manera-t__no { color: var(--wp--preset--color--cafe); }
.c-manera-t__no .c-manera-t__marca { border: 2px dashed #B9A49F; background: transparent; }
.c-seccio-crida { padding-top: clamp(1.5rem, 4vw, 3rem) !important; }
.c-pagina .c-xifres-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 599px) { .c-pagina .c-xifres-2 { grid-template-columns: minmax(0, 1fr); } }

/* ===== Revisió final ===== */
.c-nomes { font-size: 0.8125rem; }
.c-tancament__boto { margin-top: 1.5rem !important; }
.c-tancament__boto + .c-tancament__correu { margin-top: 1rem !important; }
.c-tancament__boto + .c-tancament__correu a { font-size: clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem); border-bottom-width: 2px; }
.camp-footer__correu a { white-space: nowrap; }
@media (min-width: 600px) and (max-width: 1100px) { .camp-footer__correu a { font-size: 0.9375rem; } }
/* Mòbil: portada més curta */
@media (max-width: 599px) {
	.c-xifres .camp-xifra-il { max-height: 110px; }
	.c-xifres .c-gir__davant { padding-top: 1rem; }
	.camp-seccio-cami .camp-etapa-targeta__text { display: none; }
	.camp-seccio-cami .camp-etapa-targeta--directe .c-nomes-5h { margin-top: 0.4rem !important; }
	.c-ll-cami .camp-etapa-targeta__text { font-size: 0.9375rem; }
}

/* Capçalera mòbil: logo a l'esquerra; botó i menú (hamburguesa) a la dreta, el menú a l'extrem */
@media (max-width: 599px) {
	.camp-header .wp-block-buttons { order: 2; margin-left: auto; }
	.camp-header .wp-block-navigation { order: 3; margin-left: 0 !important; }
	.camp-header .wp-block-navigation__responsive-container-open { margin-right: -10px; }
}

/* Com és cada etapa: una història amb casos ficticis */
.c-historia { list-style: none; margin: 1.5rem auto 0 !important; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; max-width: 60rem !important; counter-reset: none; }
.c-historia li { position: relative; display: grid; gap: 0.15rem; padding: 0.9rem 1rem 1rem; border-radius: 16px; background: #FFFFFF; text-align: left; line-height: 1.4; box-shadow: 0 2px 10px rgba(74, 55, 50, 0.05); }
.c-historia li:not(:last-child)::after { content: "→"; position: absolute; right: -0.6rem; top: 50%; transform: translateY(-50%); color: #C9B3B0; font-weight: 900; z-index: 1; }
.c-historia__n { width: 1.6rem; height: 1.6rem; border-radius: 50%; display: grid; place-items: center; font-size: 0.875rem; font-weight: 900; color: #FFFFFF; background: var(--wp--preset--color--salmo-text); margin-bottom: 0.35rem; }
.c-historia li:nth-child(2) .c-historia__n { background: var(--wp--preset--color--blau-text); }
.c-historia li:nth-child(3) .c-historia__n { background: var(--wp--preset--color--salvia-text); }
.c-historia li:nth-child(4) .c-historia__n { background: var(--wp--preset--color--mantega-text); }
.c-historia strong { font-weight: 900; font-size: 1.0625rem; }
.c-historia li > span:last-child { font-size: 0.9375rem; color: var(--wp--preset--color--cafe); }
.c-historia-bloc { margin-bottom: 2rem !important; }
@media (max-width: 781px) { .c-historia { grid-template-columns: repeat(2, minmax(0, 1fr)); } .c-historia li::after { display: none; } }
@media (max-width: 420px) { .c-historia { grid-template-columns: minmax(0, 1fr); } }