/* Pàgines de prosa / legals (page.php) */

.legal-page { padding: 64px var(--pad-x) 88px; }
.legal-page__head { max-width: 820px; margin: 0 auto 32px; }
.legal-page__title {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 46px;
	letter-spacing: -1px;
	color: var(--ink);
	margin: 0;
}

.legal-prose {
	max-width: 820px;
	margin: 0 auto;
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.7;
	color: var(--ink-soft);
}
.legal-prose h2 {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 26px;
	letter-spacing: -0.3px;
	color: var(--ink);
	margin: 44px 0 12px;
}
.legal-prose h3 {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 20px;
	color: var(--ink);
	margin: 32px 0 10px;
}
.legal-prose p { margin: 0 0 18px; }
.legal-prose ul, .legal-prose ol { margin: 0 0 18px; padding-left: 22px; }
.legal-prose li { margin-bottom: 8px; }
.legal-prose a { color: var(--wine); text-decoration: underline; text-underline-offset: 2px; }
.legal-prose a:hover { color: var(--wine-deep); }
.legal-prose strong { color: var(--ink); font-weight: 600; }

/* Entrada individual del blog */
.single-post { padding: 56px var(--pad-x) 88px; }
.single-post__head { max-width: 820px; margin: 0 auto 28px; }
.single-post__meta { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.single-post__date { font-family: var(--font-mono); font-size: 12px; letter-spacing: 1px; color: var(--ink-faint); }
.single-post__title { font-family: var(--font-display); font-weight: 600; font-size: 42px; line-height: 1.12; letter-spacing: -1px; color: var(--ink); margin: 0; }
.single-post__cover { max-width: 980px; margin: 0 auto 40px; }
.single-post__cover img { width: 100%; height: auto; border-radius: var(--radius); display: block; }
.single-post__foot { max-width: 820px; margin: 44px auto 0; padding-top: 24px; border-top: 1px solid var(--line); }

@media (max-width: 768px) {
	.legal-page { padding: 40px var(--pad-x) 56px; }
	.legal-page__title { font-size: 32px; }
	.legal-prose { font-size: 16px; }
	.single-post { padding: 36px var(--pad-x) 56px; }
	.single-post__title { font-size: 30px; }
}