/* ============================================================
   LTS Child — landing dels Encuentros (patterns/encuentros.php).
   Es carrega només on el contingut porta la classe arrel .lts-landing-encuentros
   (functions.php). Tot va sota esta classe: no toca cap altra pàgina.
   Colors i tipografies: només els tokens de theme.json (--lts-*) i els tons que ja
   fa servir lts-theme.css (crema #f3f1ec de .lts-section--alt).
   El moviment és del sistema (assets/js/motion/): ací només hi ha composició.
   ============================================================ */

/* ── Peces tipogràfiques comunes ── */
.lts-landing-encuentros .lts-enc-kicker {
	margin: 0 0 18px;
	font-family: var(--wp--preset--font-family--tenor);
	font-size: 0.8rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--lts-secundario);
}
/* Sobre foto fosca, el taronja menut no es llig: blanc trencat, una mica més gran. */
.lts-landing-encuentros .lts-hero .lts-enc-kicker,
.lts-landing-encuentros .lts-section--dark .lts-enc-kicker {
	color: var(--lts-fondo-claro, #FDFDFD);
	opacity: 0.85;
	font-size: 0.85rem;
	letter-spacing: 0.2em;
}

/* ── Hero: el títol és una frase, no una paraula. Mida continguda perquè quede en
   dues línies a l'escriptori i no trepitge el header en mòbil. ── */
/* Com a la landing de l'Acadèmia: marge que supera sempre el header fix i el cover
   creix avall si cal, en lloc de pujar el text per davall del menú en finestres baixes. */
.lts-landing-encuentros .lts-hero .lts-hero__content {
	padding-top: calc(var(--lts-header-h, 90px) + 40px);
	padding-bottom: 56px;
}
@media (min-width: 1024px) {
	.lts-landing-encuentros .lts-hero .lts-hero__content {
		padding-top: calc(var(--lts-header-h, 90px) * 2 + 32px);
	}
}
.lts-landing-encuentros .lts-hero--feature h1 {
	font-size: clamp(2.5rem, 5.4vw, 4.4rem);
	line-height: 1.06;
	text-wrap: balance;
}
.lts-landing-encuentros .lts-hero__subtitle {
	max-width: 46ch;
	font-size: clamp(1.1rem, 1.6vw, 1.3rem) !important;
	line-height: 1.6;
	text-wrap: pretty;
}
.lts-landing-encuentros .lts-enc-places {
	margin-top: 22px;
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: 1.05rem;
	opacity: 0.85;
}
.lts-landing-encuentros .lts-enc-hero-actions {
	margin-top: 34px;
	gap: 14px 26px;
	align-items: center;
}
/* Botó secundari del hero com a enllaç de text (subratllat en accent) */
.lts-landing-encuentros .lts-enc-textlink .wp-block-button__link,
.lts-landing-encuentros .lts-hero .lts-enc-textlink .wp-block-button__link {
	padding: 6px 0;
	border: 0;
	border-bottom: 1px solid var(--lts-acento);
	border-radius: 0;
	background: none;
	color: var(--lts-fondo-claro);
	text-transform: none;
	letter-spacing: 0.02em;
}
.lts-landing-encuentros .lts-enc-textlink .wp-block-button__link:hover {
	background: none;
	color: var(--lts-acento);
}
@media (max-width: 767px) {
	.lts-landing-encuentros .lts-hero--feature h1 { font-size: clamp(2.3rem, 10.5vw, 3rem); }
	.lts-landing-encuentros .lts-hero .lts-hero__content { padding-top: 40px; }
	.lts-landing-encuentros .lts-enc-hero-actions { flex-direction: column; }
}

/* Filet a l'esquerra quan és fill directe d'una secció "constrained" (el layout de WP
   el centraria): s'alinea amb el títol, que comença al marge del contingut (1140 px). */
.lts-landing-encuentros .lts-section > .lts-rule--left {
	margin-left: max(0px, calc((100% - 1140px) / 2)) !important;
}

/* ── Qué es: la foto acompanya un text llarg, així que la fem més alta ── */
.lts-landing-encuentros .lts-enc-tall img {
	height: 520px;
}
@media (max-width: 781px) {
	.lts-landing-encuentros .lts-enc-tall img { height: 260px; }
}

/* ── Les tres edicions (passos de pin.js) ── */
.lts-landing-encuentros .lts-enc-lead {
	max-width: 46ch;
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--lts-secundario);
}
.lts-landing-encuentros .lts-enc-meta {
	max-width: none !important;
	margin: 0 0 18px !important;
	font-family: var(--wp--preset--font-family--tenor);
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--lts-secundario);
}
.lts-landing-encuentros .lts-enc-editions .lts-step em {
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
}
/* Foto de cada edició: franja panoràmica, prou baixa perquè el bloc fix càpiga */
.lts-landing-encuentros .lts-enc-step-img {
	margin: 0 0 22px !important;
	max-width: none !important;
}
.lts-landing-encuentros .lts-enc-step-img img {
	display: block;
	width: 100%;
	max-width: 560px;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 4px;
}
.lts-landing-encuentros .lts-enc-focus-top img { object-position: 50% 20%; }
.lts-landing-encuentros .lts-enc-focus-center img { object-position: 50% 45%; }
.lts-landing-encuentros .lts-enc-focus-bottom img { object-position: 50% 80%; }
/* Fixa (escriptori): cada edició en dues columnes, foto sencera a l'esquerra i text a
   la dreta. Així la foto pot ser gran sense que el bloc deixe de cabre a la pantalla. */
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-pin-stage {
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 2fr);
	column-gap: clamp(32px, 4vw, 64px);
	max-width: 1240px;
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-steps > .lts-step {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	grid-template-rows: 1fr auto auto auto 1fr;
	column-gap: clamp(24px, 3vw, 44px);
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step > .lts-enc-step-img {
	grid-column: 1;
	grid-row: 1 / -1;
	align-self: center;
	margin: 0 !important;
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step > h3 { grid-column: 2; grid-row: 2; }
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step > .lts-enc-meta { grid-column: 2; grid-row: 3; }
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step > p:not(.lts-enc-meta) { grid-column: 2; grid-row: 4; margin: 0; }
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-enc-step-img img {
	width: 100%;
	max-width: none;
	height: auto;
}

/* "Ver todas las ediciones": només surt quan hi ha més edicions que passos */
.lts-landing-encuentros .lts-enc-all {
	margin: 24px auto 0;
	max-width: 1140px;
	font-size: 0.95rem;
}
.lts-landing-encuentros .lts-enc-all a {
	color: var(--lts-principal);
	text-decoration: none;
	border-bottom: 1px solid var(--lts-acento);
	padding-bottom: 2px;
}
.lts-landing-encuentros .lts-enc-all a:hover {
	color: var(--lts-secundario);
}
html.lts-motion-on .lts-landing-encuentros .lts-section.lts-pin-on > .lts-enc-all {
	position: absolute;
	left: max(24px, calc((100% - 1140px) / 2));
	bottom: 40px;
	margin: 0;
}

/* Fixa (escriptori): l'entradeta ja la diu l'índex de pobles; es queda per a la
   versió apilada. El text dels passos és més llarg que el de la Home: un punt més
   menut perquè el bloc fix càpiga en pantalles de 800 px d'alt. */
html.lts-motion-on .lts-landing-encuentros .lts-pin-on > .lts-enc-lead {
	display: none;
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step p:not(.lts-enc-meta) {
	font-size: clamp(1.05rem, 2.2vh, 1.25rem);
	line-height: 1.68;
	max-width: 58ch;
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step p.lts-enc-meta {
	max-width: none;
	margin-left: 0;
	font-size: 0.78rem;
	line-height: 1.4;
	margin-bottom: clamp(14px, 2.2vh, 22px);
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-step h3 {
	margin-bottom: clamp(8px, 1.4vh, 14px);
}

/* ── Cap de setmana: tres dies en columnes, lleuger (sense targetes) ── */
.lts-landing-encuentros .lts-enc-days {
	margin-top: 48px;
	gap: clamp(28px, 4vw, 56px);
}
.lts-landing-encuentros .lts-enc-day > * {
	margin-block: 0;
}
.lts-landing-encuentros .lts-enc-dayname {
	margin: 26px 0 10px !important;
	padding-top: 16px;
	border-top: 1px solid rgba(26, 26, 26, 0.14);
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: clamp(1.6rem, 2.4vw, 2rem);
	line-height: 1.1;
}
.lts-landing-encuentros .lts-enc-day p {
	color: var(--lts-texto);
	line-height: 1.7;
}
@media (max-width: 781px) {
	.lts-landing-encuentros .lts-enc-days { margin-top: 32px; gap: 40px; }
	.lts-landing-encuentros figure.lts-enc-43 img { aspect-ratio: 16 / 9; }
	}

/* ── Fotos dels tres dies: mateixa proporció (4:3) encara que l'original siga 16:9 ── */
.lts-landing-encuentros figure.lts-enc-43 {
	margin: 0;
}
.lts-landing-encuentros figure.lts-enc-43 img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 4px;
}

/* Antes del Encuentro + Si vienes acompañado: dues notes a sota dels dies */
.lts-landing-encuentros .lts-enc-extra {
	margin-top: clamp(48px, 6vw, 72px);
	gap: clamp(28px, 4vw, 56px);
}
.lts-landing-encuentros .lts-enc-extra__item {
	padding: 28px 0 0;
	border-top: 1px solid rgba(26, 26, 26, 0.14);
}
.lts-landing-encuentros .lts-enc-extra__item h3 {
	margin: 0 0 12px;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: clamp(1.35rem, 2vw, 1.6rem);
	line-height: 1.2;
}
.lts-landing-encuentros .lts-enc-extra__item p {
	margin: 0;
	line-height: 1.7;
	color: var(--lts-texto);
}

/* ── Quién te recibe: dos minirretrats en paral·lel, sense targetes ── */
.lts-landing-encuentros .lts-enc-people {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 40px);
	margin-top: 32px;
}
.lts-landing-encuentros .lts-enc-person {
	margin: 0 !important;
	padding-top: 16px;
	border-top: 1px solid rgba(26, 26, 26, 0.14);
}
.lts-landing-encuentros .lts-enc-person h3 {
	margin: 0 0 6px;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: clamp(1.35rem, 2vw, 1.6rem);
	line-height: 1.2;
}
.lts-landing-encuentros .lts-enc-person p:not(.lts-enc-meta) {
	margin: 0;
	line-height: 1.7;
	color: var(--lts-texto);
}
.lts-landing-encuentros .lts-enc-person .lts-enc-meta {
	margin-bottom: 12px !important;
}
/* Professors convidats: foto vertical petita (Loarre) + la línia */
.lts-landing-encuentros .lts-enc-guests-row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	margin-top: 36px;
}
.lts-landing-encuentros .lts-enc-guests-img {
	margin: 0 !important;
}
.lts-landing-encuentros .lts-enc-guests-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 4px;
}
.lts-landing-encuentros .lts-enc-guests-text > * {
	margin-block: 0;
}
.lts-landing-encuentros .lts-enc-photo-note {
	margin-top: 10px !important;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--lts-secundario);
}
.lts-landing-encuentros .lts-enc-guests-row .lts-enc-guests {
	margin: 0;
}
.lts-landing-encuentros .lts-enc-guests {
	margin: 32px 0 0;
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: 1.1rem;
	line-height: 1.55;
	color: var(--lts-secundario);
}
@media (max-width: 781px) {
	.lts-landing-encuentros .lts-enc-people { grid-template-columns: 1fr; gap: 28px; margin-top: 24px; }
}

/* ── Galeria de les edicions ([lts_encuentros_galeria], secció fosca) ──
   Sense JS: panells apilats amb el seu títol. Amb enc-gallery.js (.is-enhanced): barra de
   pestanyes i panells superposats a la mateixa cel·la, de manera que l'alçada és la del
   panell més alt i canviar de pestanya no mou la pàgina. */
.lts-landing-encuentros .lts-enc-tabs {
	margin-top: 36px;
}
.lts-landing-encuentros .lts-enc-panel + .lts-enc-panel {
	margin-top: 64px; /* només apilats (sense JS) */
}
.lts-landing-encuentros .lts-enc-panel__title {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: clamp(1.5rem, 2.4vw, 1.9rem);
	color: var(--lts-fondo-claro);
}
.lts-landing-encuentros .lts-enc-panel__meta {
	margin: 0 0 24px;
	font-family: var(--wp--preset--font-family--tenor);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.6;
	color: rgba(253, 253, 253, 0.72);
}
.lts-landing-encuentros .lts-enc-panel__highlight {
	margin: -12px 0 24px;
	font-family: var(--wp--preset--font-family--playfair);
	font-style: italic;
	font-size: 1.15rem;
	color: rgba(253, 253, 253, 0.85);
}
/* Pestanyes */
.lts-landing-encuentros .lts-enc-tablist {
	display: flex;
	gap: 6px;
	margin: 0 0 28px;
	padding: 0 0 2px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	border-bottom: 1px solid rgba(253, 253, 253, 0.16);
	-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
	mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
}
.lts-landing-encuentros .lts-enc-tablist::-webkit-scrollbar {
	display: none;
}
.lts-landing-encuentros .lts-enc-tab {
	appearance: none;
	flex: 0 0 auto;
	margin: 0 0 -3px;
	padding: 12px 18px 14px;
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--tenor);
	font-size: 1rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
	color: rgba(253, 253, 253, 0.62);
	transition: color 0.25s ease, border-color 0.25s ease;
}
.lts-landing-encuentros .lts-enc-tab:first-child {
	padding-left: 0;
}
.lts-landing-encuentros .lts-enc-tab:hover {
	color: var(--lts-fondo-claro);
}
.lts-landing-encuentros .lts-enc-tab[aria-selected="true"] {
	color: var(--lts-fondo-claro);
	border-bottom-color: var(--lts-acento);
}
.lts-landing-encuentros .lts-enc-tab:focus-visible {
	outline: 2px solid var(--lts-acento);
	outline-offset: 2px;
}

/* Panells superposats amb fosa */
.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panels {
	display: grid;
	align-items: start; /* cada panell amb la seua alçada; el JS ajusta el contenidor */
	overflow: hidden;
	transition: height 0.35s cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion: reduce) {
	.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panels { transition: none; }
}
.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panel {
	grid-area: 1 / 1;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}
.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panel.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.28s ease, visibility 0s;
}
.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panel:focus-visible {
	outline: 2px solid var(--lts-acento);
	outline-offset: 6px;
}
/* Amb pestanyes, el títol ja és a la pestanya: queda per als lectors de pantalla */
.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panel__title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
	.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panel {
		transition: none;
	}
}

/* Graella justificada (escriptori): cada foto creix segons la seua proporció (--r), sense
   retallar. Sense JS, --lts-enc-row (alçada base de fila, del plugin) dona una graella
   aproximada. Amb JS (.is-justified), enc-gallery.js fixa amplada i alçada de cada
   tessel·la perquè totes les files queden plenes, també l'última. En mòbil, la mateixa
   graella és una fila lliscant (.lts-snap-row, compartida a lts-theme.css). */
.lts-landing-encuentros .lts-enc-grid {
	position: relative;
}
@media (min-width: 782px) {
	.lts-landing-encuentros .lts-enc-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}
	.lts-landing-encuentros .lts-enc-grid::after {
		content: "";
		flex: 999 1 0; /* sense JS: l'última fila no s'estira fins a fer fotos gegants */
	}
	.lts-landing-encuentros .lts-enc-grid.is-justified::after {
		display: none;
	}
	.lts-landing-encuentros .lts-enc-item {
		flex: var(--r) 1 calc(var(--r) * var(--lts-enc-row, 260px));
		max-width: calc(var(--r) * var(--lts-enc-row, 260px) * 1.5);
	}
	.lts-landing-encuentros .lts-enc-grid.is-justified .lts-enc-item {
		flex: 0 0 auto;
		max-width: none;
	}
	.lts-landing-encuentros .lts-enc-grid.is-justified .lts-enc-item img {
		height: 100%;
		aspect-ratio: auto;
	}
}
.lts-landing-encuentros .lts-enc-item {
	position: relative;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 2px;
	background: rgba(253, 253, 253, 0.05);
	container-type: inline-size;
}
.lts-landing-encuentros .lts-enc-item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--r);
	object-fit: cover;
	object-position: 50% 30%; /* si mai cal retallar, que siga pels peus, no pels caps */
}
/* Tessel·la del vídeo: el component .lts-video (lts-video.css) l'omple sencera. */
.lts-landing-encuentros .lts-enc-item--video {
	aspect-ratio: var(--r);
}
.lts-landing-encuentros .lts-enc-item figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 28px 14px 10px;
	background: linear-gradient(0deg, rgba(12, 24, 33, 0.82), rgba(12, 24, 33, 0));
	font-family: var(--wp--preset--font-family--tenor);
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--lts-fondo-claro);
}
/* Foto massa estreta per a un peu llegible: el peu queda per als lectors de pantalla
   (l'alt de la foto ja diu qui hi ix). */
@container (max-width: 150px) {
	.lts-landing-encuentros .lts-enc-item figcaption {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
}

@media (max-width: 781px) {
	.lts-landing-encuentros .lts-enc-tabs { margin-top: 24px; }
	.lts-landing-encuentros .lts-enc-tab { font-size: 0.95rem; padding: 10px 14px 12px; }
	.lts-landing-encuentros .lts-enc-item figcaption { font-size: 0.75rem; padding: 22px 10px 8px; }

	/* Fila lliscant (.lts-snap-row): com l'arxiu d'Academia, però cada targeta amb la
	   proporció de la seua foto (cap retall ni franja) i una alçada comuna que marca
	   --lts-enc-frame (mediana de l'edició): la foto típica fa el 84% i la següent asoma.
	   Les més apaïsades s'estrenyen a eixe 84% i queden centrades. */
	.lts-landing-encuentros .lts-enc-grid {
		container-type: inline-size;
		grid-auto-columns: max-content;
		align-items: center;
	}
	.lts-landing-encuentros .lts-enc-item {
		width: min(84cqw, calc(84cqw / var(--lts-enc-frame, 1.25) * var(--r)));
	}
	/* El contenidor dels panells retalla en vertical (transició d'alçada) però deixa
	   eixir la fila fins a les vores de la pantalla. */
	.lts-landing-encuentros .lts-enc-tabs.is-enhanced .lts-enc-panels {
		overflow: hidden;
		overflow: visible clip;
	}
}

/* ── Preguntes freqüents (core/details) ── */
.lts-landing-encuentros .lts-enc-faq {
	margin: 0;
	border-top: 1px solid rgba(26, 26, 26, 0.14);
}
.lts-landing-encuentros .lts-enc-faq:last-child {
	border-bottom: 1px solid rgba(26, 26, 26, 0.14);
}
.lts-landing-encuentros .lts-enc-faq summary {
	position: relative;
	padding: 24px 44px 24px 0;
	list-style: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: clamp(1.15rem, 1.8vw, 1.35rem);
	line-height: 1.35;
	color: var(--lts-principal);
}
.lts-landing-encuentros .lts-enc-faq summary::-webkit-details-marker {
	display: none;
}
/* Signe + que gira a × en obrir (dos filets, sense icona) */
.lts-landing-encuentros .lts-enc-faq summary::before,
.lts-landing-encuentros .lts-enc-faq summary::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 50%;
	width: 16px;
	height: 1.5px;
	background: var(--lts-acento);
	transition: transform 0.3s ease;
}
.lts-landing-encuentros .lts-enc-faq summary::after {
	transform: rotate(90deg);
}
.lts-landing-encuentros .lts-enc-faq[open] summary::before {
	transform: rotate(45deg);
}
.lts-landing-encuentros .lts-enc-faq[open] summary::after {
	transform: rotate(135deg);
}
.lts-landing-encuentros .lts-enc-faq[open].is-closing summary::before {
	transform: none;
}
.lts-landing-encuentros .lts-enc-faq[open].is-closing summary::after {
	transform: rotate(90deg);
}
.lts-landing-encuentros .lts-enc-faq summary:hover {
	color: var(--lts-secundario);
}
.lts-landing-encuentros .lts-enc-faq summary:focus-visible {
	outline: 2px solid var(--lts-acento);
	outline-offset: 4px;
}
.lts-landing-encuentros .lts-enc-faq p {
	max-width: 62ch;
	margin: 0 0 26px;
	line-height: 1.75;
	color: var(--lts-texto);
}
.lts-landing-encuentros .lts-enc-faq-section .lts-rule + .lts-enc-faq {
	margin-top: 40px;
}

/* Enllaç discret cap a la secció de professors de Proyecto */
.lts-landing-encuentros .lts-enc-more {
	margin-top: 20px;
	font-size: 0.95rem;
}
.lts-landing-encuentros .lts-enc-more a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--lts-acento);
	text-underline-offset: 4px;
}
html.lts-motion-on .lts-landing-encuentros .lts-pin-on .lts-pin-aside h2 {
	font-size: clamp(2rem, 4.4vh, 2.75rem);
}