/* Palabras jugosas: sobre las piezas del tema Bardulias (kicker, meta, filetes, formas, Fraunces) */
.pj {
	--pj-tinta: var(--bardulias-tinta, #141414);
	--pj-hilo: var(--bardulias-hilo, #e3e0da);
	--pj-rojo: var(--bardulias-rojo, #b3281a);
	--pj-gris: #5a5a5a;
	--pj-display: var(--wp--preset--font-family--display, Fraunces, Georgia, serif);
}
.pj a { color: inherit; }
.pj .bardulias-kicker a { text-decoration: none; }
.pj p { margin-block: 0; }

/* Índice */
.pj-indice { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40, 2.5rem); }
.pj-cabecera { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20, 1rem); }
.pj-titulo {
	font-size: clamp(2.75rem, 5.5vw, 4.75rem);
	font-weight: 400;
	line-height: 0.98;
	letter-spacing: -0.025em;
	margin: 0;
}
.pj-intro { font-size: 1.25rem; line-height: 1.5; max-width: 720px; }
.pj-intro p { margin: 0; }
.pj-indice > .bardulias-filete { margin: 0; }

.pj-apertura {
	display: grid;
	grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
	gap: var(--wp--preset--spacing--40, 2.5rem);
	align-items: start;
}
.pj-herramientas { display: flex; flex-direction: column; gap: 0.75rem; }
.pj-herramientas input[type="search"] {
	font: inherit;
	font-size: 1.125rem;
	padding: 0.75rem 1.1rem;
	border: 1px solid var(--pj-tinta);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	width: 100%;
	box-sizing: border-box;
}
.pj-herramientas input[type="search"]:focus { outline: 2px solid var(--pj-rojo); outline-offset: 2px; }
.pj-letras { display: flex; flex-wrap: wrap; gap: 0.15rem 0.85rem; font: 400 1.375rem/1.4 var(--pj-display); padding-top: 0.25rem; }
.pj-letras a { text-decoration: none; }
.pj-letras a:hover { color: var(--pj-rojo); }
.pj-recientes { border-top: 1px solid var(--pj-hilo); padding-top: 0.75rem; display: flex; flex-direction: column; gap: 0.35rem; }
.pj-recientes p:last-child { font: 400 1.125rem/1.5 var(--pj-display); }

/* La palabra de hoy (índice y portada) */
.pj-hoy { display: flex; flex-direction: column; gap: 0.5rem; }
.pj-hoy-palabra {
	font: 300 clamp(2.75rem, 6vw, 5rem)/1.05 var(--pj-display);
	letter-spacing: -0.03em;
	margin: 0.15rem 0 0.35rem;
	overflow-wrap: anywhere;
}
.pj-hoy-palabra a { text-decoration: none; }
.pj-hoy-palabra a:hover { color: var(--pj-rojo); }
.pj-hoy-def { font-size: 1.1875rem; line-height: 1.5; max-width: 38rem; }
.pj-hoy-ejemplo { font-style: italic; color: var(--pj-gris); line-height: 1.5; max-width: 38rem; padding-left: 1rem; border-left: 2px solid var(--pj-rojo); }

/* Lista por letras */
.pj-letra { scroll-margin-top: 1.5rem; }
.pj-letra h2 {
	font: 300 clamp(2.5rem, 4vw, 3.25rem)/1 var(--pj-display);
	margin: 0;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid var(--pj-tinta);
}
.pj-letra ul { list-style: none; margin: 0; padding: 0; columns: 2 24rem; column-gap: var(--wp--preset--spacing--40, 2.5rem); }
.pj-letra li { break-inside: avoid; padding: 0.7rem 0; border-bottom: 1px solid var(--pj-hilo); line-height: 1.4; }
.pj-voz { font: 400 1.375rem/1.2 var(--pj-display); text-decoration: none; }
.pj-voz:hover { color: var(--pj-rojo); }
.pj-textos { color: var(--pj-rojo); font-size: 0.8rem; margin-left: 0.3rem; vertical-align: super; }
.pj-def { display: block; color: var(--pj-gris); font-size: 1rem; margin-top: 0.2rem; }
.pj-leyenda { margin-top: calc(-1 * var(--wp--preset--spacing--20, 1rem)); }

/* Ficha */
.pj-ficha { display: flex; flex-direction: column; }
.pj-palabra {
	font-size: clamp(2.75rem, 6vw, 5.25rem);
	font-weight: 400;
	line-height: 0.98;
	letter-spacing: -0.025em;
	margin: 0.75rem 0 1rem;
	overflow-wrap: anywhere;
}
.pj-datos { margin-bottom: 0.4rem; }
.pj-definicion { font-size: 1.375rem; line-height: 1.5; margin-top: 2rem; }
.pj-definicion p { margin: 0 0 0.75rem; }
.pj-ejemplo { margin: 1.75rem 0 0; padding: 0 0 0 1.25rem; border-left: 2px solid var(--pj-rojo); font-style: italic; font-size: 1.1875rem; line-height: 1.5; }
.pj-ejemplo p { margin: 0; }
.pj-apunte { margin-top: 1.75rem; display: flex; flex-direction: column; gap: 0.4rem; font-size: 1.125rem; line-height: 1.5; }
.pj-aparece { margin-top: var(--wp--preset--spacing--40, 2.5rem); padding-top: var(--wp--preset--spacing--30, 1.5rem); border-top: 1px solid var(--pj-tinta); }
.pj-aparece h2 { font-size: 1.25rem; margin: 0 0 0.5rem; }
.pj-aparece .bardulias-formas p { margin: 0; }
.pj-pie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: var(--wp--preset--spacing--40, 2.5rem);
	padding: 1rem 0;
	border-top: 1px solid var(--pj-tinta);
	border-bottom: 1px solid var(--pj-hilo);
}
.pj-vecinas {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: var(--wp--preset--spacing--30, 1.5rem) 0;
	font: 400 1.5rem/1.2 var(--pj-display);
}
.pj-vecinas a { display: flex; flex-direction: column; gap: 0.3rem; text-decoration: none; }
.pj-vecinas a:hover { color: var(--pj-rojo); }
.pj-vecinas .pj-next { text-align: right; align-items: flex-end; }

@media (max-width: 781px) {
	.pj-apertura { grid-template-columns: 1fr; }
	.pj-definicion { font-size: 1.25rem; }
}

/* Dentro de los textos de Bardulias: discreto, que no rompa la lectura */
a.pj-enlace {
	color: inherit;
	text-decoration: underline dotted var(--bardulias-rojo, #b3281a);
	text-decoration-thickness: 1.5px;
	text-underline-offset: 0.2em;
}
a.pj-enlace:hover { color: var(--bardulias-rojo, #b3281a); text-decoration-style: solid; }