/* ==========================================================================
 * DonPrecio — Tema civic-editorial moderno
 * Tokens, layout, componentes, responsive. Mobile-first.
 * ==========================================================================
 */

/* --- Reset mínimo ---------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, figure, blockquote {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

img, svg, video, iframe {
	max-width: 100%;
	height: auto;
	display: block;
}

button, input, select, textarea {
	font: inherit;
	color: inherit;
}

a {
	color: var(--dp-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: color 150ms ease;
}

a:hover {
	color: var(--dp-accent-hover);
}

/* --- Tokens ---------------------------------------------------------------- */
:root {
	/* Colors */
	--dp-bg: #FFFFFF;
	--dp-bg-alt: #F8FAFC;
	--dp-bg-subtle: #F1F5F9;
	--dp-ink: #0F172A;
	--dp-ink-mid: #334155;
	--dp-ink-soft: #64748B;
	--dp-border: #E2E8F0;
	--dp-border-strong: #CBD5E1;

	--dp-accent: #0369A1;
	--dp-accent-hover: #075985;
	--dp-accent-soft: #E0F2FE;

	--dp-price: #CA8A04;
	--dp-price-bg: #FEF3C7;

	--dp-success: #16A34A;
	--dp-warn: #D97706;
	--dp-danger: #DC2626;

	--dp-footer-bg: #0F172A;
	--dp-footer-ink: #CBD5E1;
	--dp-footer-ink-soft: #64748B;

	/* Typography */
	--dp-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--dp-font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
	--dp-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	--dp-fs-12: 12px;
	--dp-fs-13: 13px;
	--dp-fs-14: 14px;
	--dp-fs-16: 16px;
	--dp-fs-18: 18px;
	--dp-fs-20: 20px;
	--dp-fs-24: 24px;
	--dp-fs-30: 30px;
	--dp-fs-36: 36px;
	--dp-fs-44: 44px;
	--dp-fs-56: 56px;

	/* Spacing */
	--dp-sp-1: 4px;
	--dp-sp-2: 8px;
	--dp-sp-3: 12px;
	--dp-sp-4: 16px;
	--dp-sp-5: 24px;
	--dp-sp-6: 32px;
	--dp-sp-7: 48px;
	--dp-sp-8: 64px;
	--dp-sp-9: 96px;

	/* Radii */
	--dp-radius-sm: 4px;
	--dp-radius-md: 8px;
	--dp-radius-lg: 12px;

	/* Shadows */
	--dp-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
	--dp-shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.08);
	--dp-shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, 0.12);

	/* Layout */
	--dp-wrap: 1200px;
	--dp-wrap-narrow: 760px;

	/* Motion */
	--dp-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Base body ------------------------------------------------------------- */
body {
	background: var(--dp-bg);
	color: var(--dp-ink);
	font-family: var(--dp-font-sans);
	font-size: var(--dp-fs-16);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "cv11", "ss01", "kern";
}

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

.dp-skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--dp-ink);
	color: #fff;
	padding: 10px 16px;
	text-decoration: none;
	z-index: 10000;
	border-radius: 0 0 var(--dp-radius-md) 0;
}

.dp-skip-link:focus {
	top: 0;
}

/* --- Layout wrap ----------------------------------------------------------- */
.dp-wrap {
	max-width: var(--dp-wrap);
	margin: 0 auto;
	padding-left: var(--dp-sp-4);
	padding-right: var(--dp-sp-4);
}

.dp-main {
	min-height: 50vh;
	padding: var(--dp-sp-6) 0 var(--dp-sp-8);
}

/* --- Header --------------------------------------------------------------- */
.dp-site-header {
	background: var(--dp-bg);
	border-bottom: 1px solid var(--dp-border);
	position: sticky;
	top: 0;
	z-index: 100;
}

.dp-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dp-sp-4);
	min-height: 64px;
	padding-top: var(--dp-sp-3);
	padding-bottom: var(--dp-sp-3);
}

.dp-brand-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: var(--dp-ink);
}

.dp-brand-name {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-size: var(--dp-fs-24);
	font-variation-settings: "opsz" 14;
	letter-spacing: -0.01em;
	line-height: 1;
}

.dp-brand-tagline {
	font-family: var(--dp-font-mono);
	font-size: 11px;
	color: var(--dp-ink-soft);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-top: 2px;
}

/* Primary nav */
.dp-primary-nav {
	position: relative;
}

.dp-nav-toggle-input {
	display: none;
}

.dp-nav-toggle {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 44px;
	height: 44px;
	padding: 10px;
	cursor: pointer;
	border-radius: var(--dp-radius-sm);
	transition: background 150ms var(--dp-ease);
}

.dp-nav-toggle:hover {
	background: var(--dp-bg-subtle);
}

.dp-nav-toggle-bar {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--dp-ink);
	transition: transform 200ms var(--dp-ease);
}

.dp-nav-list {
	display: flex;
	gap: var(--dp-sp-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dp-nav-list a,
.dp-primary-nav .menu-item a {
	display: inline-block;
	padding: 10px 14px;
	color: var(--dp-ink);
	font-size: var(--dp-fs-14);
	font-weight: 500;
	text-decoration: none;
	border-radius: var(--dp-radius-sm);
	transition: background 150ms var(--dp-ease), color 150ms var(--dp-ease);
}

.dp-nav-list a:hover,
.dp-primary-nav .menu-item a:hover,
.dp-nav-list .current-menu-item > a {
	background: var(--dp-bg-subtle);
	color: var(--dp-accent);
}

/* Mobile nav */
@media (max-width: 768px) {
	.dp-nav-toggle {
		display: inline-flex;
	}
	.dp-nav-list {
		position: absolute;
		top: calc(100% + 12px);
		right: 0;
		background: var(--dp-bg);
		border: 1px solid var(--dp-border);
		border-radius: var(--dp-radius-md);
		box-shadow: var(--dp-shadow-lg);
		flex-direction: column;
		gap: 0;
		min-width: 240px;
		padding: var(--dp-sp-2);
		display: none;
	}
	.dp-nav-list li {
		width: 100%;
	}
	.dp-nav-list a {
		display: block;
		padding: 12px 16px;
	}
	.dp-nav-toggle-input:checked ~ .dp-nav-list {
		display: flex;
	}
}

@media (min-width: 769px) {
	.dp-nav-toggle {
		display: none;
	}
}

/* --- Typography principal ------------------------------------------------- */
.dp-page-title,
.dp-article-title {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-variation-settings: "opsz" 36;
	font-size: clamp(28px, 5vw + 8px, 44px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--dp-ink);
	margin-bottom: var(--dp-sp-3);
}

.dp-article-body h2 {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-variation-settings: "opsz" 24;
	font-size: var(--dp-fs-30);
	line-height: 1.2;
	margin-top: var(--dp-sp-7);
	margin-bottom: var(--dp-sp-3);
	letter-spacing: -0.01em;
}

.dp-article-body h3 {
	font-family: var(--dp-font-sans);
	font-weight: 600;
	font-size: var(--dp-fs-20);
	line-height: 1.3;
	margin-top: var(--dp-sp-6);
	margin-bottom: var(--dp-sp-2);
}

.dp-article-body h4 {
	font-weight: 600;
	font-size: var(--dp-fs-18);
	margin-top: var(--dp-sp-5);
	margin-bottom: var(--dp-sp-2);
}

.dp-article-body p,
.dp-article-body ul,
.dp-article-body ol {
	margin-bottom: var(--dp-sp-4);
}

.dp-article-body ul,
.dp-article-body ol {
	padding-left: 1.5em;
}

.dp-article-body ul {
	list-style: disc;
}

.dp-article-body ol {
	list-style: decimal;
}

.dp-article-body li + li {
	margin-top: var(--dp-sp-1);
}

.dp-article-body blockquote {
	border-left: 3px solid var(--dp-accent);
	background: var(--dp-bg-alt);
	padding: var(--dp-sp-4) var(--dp-sp-5);
	margin: var(--dp-sp-5) 0;
	font-family: var(--dp-font-serif);
	font-style: italic;
	font-size: var(--dp-fs-18);
	color: var(--dp-ink-mid);
	border-radius: 0 var(--dp-radius-md) var(--dp-radius-md) 0;
}

.dp-article-body code,
.dp-article-body kbd {
	font-family: var(--dp-font-mono);
	font-size: 0.875em;
	background: var(--dp-bg-subtle);
	padding: 2px 6px;
	border-radius: var(--dp-radius-sm);
}

.dp-article-body pre {
	background: var(--dp-ink);
	color: #F1F5F9;
	padding: var(--dp-sp-4);
	border-radius: var(--dp-radius-md);
	overflow-x: auto;
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-13);
	line-height: 1.5;
	margin: var(--dp-sp-5) 0;
}

.dp-article-body pre code {
	background: transparent;
	padding: 0;
	color: inherit;
}

.dp-article-body table {
	width: 100%;
	border-collapse: collapse;
	margin: var(--dp-sp-5) 0;
	font-size: var(--dp-fs-14);
}

.dp-article-body th,
.dp-article-body td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--dp-border);
	text-align: left;
}

.dp-article-body th {
	background: var(--dp-bg-alt);
	font-weight: 600;
	color: var(--dp-ink);
}

.dp-article-body img {
	border-radius: var(--dp-radius-md);
	margin: var(--dp-sp-4) 0;
}

.dp-article-body hr {
	border: 0;
	border-top: 1px solid var(--dp-border);
	margin: var(--dp-sp-6) 0;
}

/* --- Breadcrumb ----------------------------------------------------------- */
.dp-breadcrumb {
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-12);
	letter-spacing: 0.04em;
	color: var(--dp-ink-soft);
	margin-bottom: var(--dp-sp-5);
	text-transform: uppercase;
}

.dp-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.dp-breadcrumb li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.dp-breadcrumb li:not(:last-child)::after {
	content: "/";
	color: var(--dp-border-strong);
	margin-left: 6px;
}

.dp-breadcrumb a {
	color: var(--dp-ink-soft);
	text-decoration: none;
}

.dp-breadcrumb a:hover {
	color: var(--dp-accent);
	text-decoration: underline;
}

.dp-breadcrumb [aria-current="page"] {
	color: var(--dp-ink);
	font-weight: 500;
}

/* --- Page header genérico ------------------------------------------------- */
.dp-page-header {
	padding: var(--dp-sp-5) 0 var(--dp-sp-6);
	border-bottom: 1px solid var(--dp-border);
	margin-bottom: var(--dp-sp-7);
}

.dp-page-desc {
	color: var(--dp-ink-soft);
	font-size: var(--dp-fs-18);
	line-height: 1.5;
	margin-top: var(--dp-sp-3);
	max-width: 680px;
}

/* --- Article single ------------------------------------------------------- */
.dp-article {
	max-width: var(--dp-wrap-narrow);
	margin: 0 auto;
}

.dp-article-header {
	margin-bottom: var(--dp-sp-6);
}

.dp-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dp-sp-2);
	align-items: center;
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-12);
	color: var(--dp-ink-soft);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.dp-meta-sep {
	color: var(--dp-border-strong);
}

.dp-article-hero {
	margin: var(--dp-sp-5) 0 var(--dp-sp-6);
}

.dp-article-hero img {
	border-radius: var(--dp-radius-md);
	box-shadow: var(--dp-shadow-md);
}

.dp-article-body {
	font-size: var(--dp-fs-18);
	line-height: 1.65;
	color: var(--dp-ink);
}

.dp-article-body > *:first-child {
	margin-top: 0;
}

.dp-article-footer {
	margin-top: var(--dp-sp-7);
	padding-top: var(--dp-sp-5);
	border-top: 1px solid var(--dp-border);
}

.dp-article-tags {
	font-size: var(--dp-fs-14);
	color: var(--dp-ink-soft);
}

.dp-article-tags a {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 4px 4px 0;
	border: 1px solid var(--dp-border);
	border-radius: 999px;
	color: var(--dp-ink-mid);
	text-decoration: none;
	font-size: var(--dp-fs-13);
	transition: all 150ms var(--dp-ease);
}

.dp-article-tags a:hover {
	border-color: var(--dp-accent);
	color: var(--dp-accent);
}

.dp-tags-label {
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-12);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-right: var(--dp-sp-2);
}

/* --- Posts grid (index, archive) ----------------------------------------- */
.dp-posts-grid {
	display: grid;
	gap: var(--dp-sp-6);
	grid-template-columns: 1fr;
}

.dp-post-card {
	background: var(--dp-bg);
	border: 1px solid var(--dp-border);
	border-radius: var(--dp-radius-md);
	overflow: hidden;
	transition: border-color 150ms var(--dp-ease), transform 150ms var(--dp-ease);
}

.dp-post-card:hover {
	border-color: var(--dp-accent);
	transform: translateY(-2px);
}

.dp-post-card-thumb {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--dp-bg-subtle);
}

.dp-post-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms var(--dp-ease);
}

.dp-post-card:hover .dp-post-card-thumb img {
	transform: scale(1.03);
}

.dp-post-card-body {
	padding: var(--dp-sp-4) var(--dp-sp-5) var(--dp-sp-5);
}

.dp-post-card-title {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-variation-settings: "opsz" 16;
	font-size: var(--dp-fs-20);
	line-height: 1.25;
	margin-bottom: var(--dp-sp-2);
	letter-spacing: -0.01em;
}

.dp-post-card-title a {
	color: var(--dp-ink);
	text-decoration: none;
}

.dp-post-card-title a:hover {
	color: var(--dp-accent);
}

.dp-post-card-meta {
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-12);
	color: var(--dp-ink-soft);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--dp-sp-2);
}

.dp-post-card-excerpt {
	font-size: var(--dp-fs-15);
	color: var(--dp-ink-mid);
	line-height: 1.55;
	margin: 0;
}

@media (min-width: 640px) {
	.dp-posts-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 960px) {
	.dp-posts-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--dp-sp-5);
	}
}

/* --- Search results ------------------------------------------------------- */
.dp-posts-list {
	display: flex;
	flex-direction: column;
	gap: var(--dp-sp-5);
}

.dp-search-result {
	padding: var(--dp-sp-4);
	border-bottom: 1px solid var(--dp-border);
}

.dp-search-result-title {
	font-size: var(--dp-fs-18);
	margin-bottom: 4px;
}

.dp-search-result-title a {
	color: var(--dp-accent);
	text-decoration: none;
}

.dp-search-result-title a:hover {
	text-decoration: underline;
}

.dp-search-result-url {
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-12);
	color: var(--dp-success);
	margin-bottom: 6px;
}

.dp-search-result-excerpt {
	font-size: var(--dp-fs-14);
	color: var(--dp-ink-mid);
}

/* --- Search form --------------------------------------------------------- */
.dp-search-form {
	display: flex;
	gap: var(--dp-sp-2);
	max-width: 520px;
}

.dp-search-input {
	flex: 1;
	padding: 10px 14px;
	border: 1px solid var(--dp-border-strong);
	border-radius: var(--dp-radius-md);
	font-size: var(--dp-fs-14);
	transition: border-color 150ms var(--dp-ease);
}

.dp-search-input:focus {
	outline: none;
	border-color: var(--dp-accent);
	box-shadow: 0 0 0 3px var(--dp-accent-soft);
}

.dp-search-submit {
	padding: 10px 18px;
	background: var(--dp-ink);
	color: var(--dp-bg);
	border: 0;
	border-radius: var(--dp-radius-md);
	font-size: var(--dp-fs-14);
	font-weight: 500;
	cursor: pointer;
	transition: background 150ms var(--dp-ease);
}

.dp-search-submit:hover {
	background: var(--dp-accent);
}

/* --- Botones ------------------------------------------------------------- */
.dp-btn-primary,
.dp-btn-secondary {
	display: inline-block;
	padding: 12px 22px;
	font-size: var(--dp-fs-14);
	font-weight: 500;
	border-radius: var(--dp-radius-md);
	text-decoration: none;
	cursor: pointer;
	transition: all 150ms var(--dp-ease);
}

.dp-btn-primary {
	background: var(--dp-accent);
	color: #fff;
	border: 1px solid var(--dp-accent);
}

.dp-btn-primary:hover {
	background: var(--dp-accent-hover);
	border-color: var(--dp-accent-hover);
	color: #fff;
}

.dp-btn-secondary {
	background: var(--dp-bg);
	color: var(--dp-ink);
	border: 1px solid var(--dp-border-strong);
}

.dp-btn-secondary:hover {
	border-color: var(--dp-ink);
	color: var(--dp-ink);
}

/* --- Pagination ---------------------------------------------------------- */
.navigation.pagination,
.dp-pagination {
	display: flex;
	justify-content: center;
	gap: var(--dp-sp-1);
	margin: var(--dp-sp-7) 0 0;
}

.navigation.pagination .page-numbers,
.dp-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 var(--dp-sp-3);
	border: 1px solid var(--dp-border);
	border-radius: var(--dp-radius-sm);
	color: var(--dp-ink-mid);
	text-decoration: none;
	font-size: var(--dp-fs-14);
	font-weight: 500;
	transition: all 150ms var(--dp-ease);
}

.navigation.pagination .page-numbers:hover {
	border-color: var(--dp-accent);
	color: var(--dp-accent);
}

.navigation.pagination .page-numbers.current {
	background: var(--dp-ink);
	border-color: var(--dp-ink);
	color: #fff;
}

/* --- 404 ----------------------------------------------------------------- */
.dp-404-state {
	text-align: center;
	padding: var(--dp-sp-8) var(--dp-sp-4);
	max-width: 560px;
	margin: 0 auto;
}

.dp-404-code {
	font-family: var(--dp-font-mono);
	font-size: var(--dp-fs-56);
	color: var(--dp-border-strong);
	line-height: 1;
	margin-bottom: var(--dp-sp-3);
}

.dp-404-title {
	font-family: var(--dp-font-serif);
	font-size: var(--dp-fs-36);
	line-height: 1.15;
	margin-bottom: var(--dp-sp-3);
}

.dp-404-msg {
	color: var(--dp-ink-soft);
	font-size: var(--dp-fs-16);
	margin-bottom: var(--dp-sp-6);
}

.dp-404-actions {
	display: flex;
	gap: var(--dp-sp-3);
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: var(--dp-sp-7);
}

.dp-404-search h2 {
	font-size: var(--dp-fs-18);
	margin-bottom: var(--dp-sp-3);
	font-family: var(--dp-font-sans);
	font-weight: 500;
}

.dp-404-search .dp-search-form {
	margin: 0 auto;
}

/* --- Empty state --------------------------------------------------------- */
.dp-empty-state {
	text-align: center;
	padding: var(--dp-sp-8) var(--dp-sp-4);
	color: var(--dp-ink-soft);
}

/* --- Comments ------------------------------------------------------------ */
.dp-comments {
	max-width: var(--dp-wrap-narrow);
	margin: var(--dp-sp-8) auto 0;
	padding-top: var(--dp-sp-6);
	border-top: 1px solid var(--dp-border);
}

.dp-comments-title {
	font-family: var(--dp-font-serif);
	font-size: var(--dp-fs-24);
	margin-bottom: var(--dp-sp-5);
}

.dp-comment-list {
	list-style: none;
	margin: 0 0 var(--dp-sp-6);
	padding: 0;
}

.dp-comment-list .comment {
	padding: var(--dp-sp-4) 0;
	border-bottom: 1px solid var(--dp-border);
}

.dp-comment-list .children {
	list-style: none;
	margin-left: var(--dp-sp-5);
	padding-left: var(--dp-sp-4);
	border-left: 2px solid var(--dp-border);
	margin-top: var(--dp-sp-3);
}

/* --- Footer -------------------------------------------------------------- */
.dp-site-footer {
	background: var(--dp-footer-bg);
	color: var(--dp-footer-ink);
	padding: var(--dp-sp-8) 0 var(--dp-sp-6);
	margin-top: var(--dp-sp-9);
}

.dp-footer-inner {
	display: grid;
	gap: var(--dp-sp-6);
	grid-template-columns: 1fr;
}

.dp-footer-name {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-size: var(--dp-fs-24);
	color: #fff;
	display: block;
	margin-bottom: var(--dp-sp-2);
	letter-spacing: -0.01em;
}

.dp-footer-tagline {
	color: var(--dp-footer-ink-soft);
	font-size: var(--dp-fs-14);
	max-width: 400px;
}

.dp-footer-nav-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dp-sp-3) var(--dp-sp-5);
	list-style: none;
	margin: 0;
	padding: 0;
}

.dp-footer-nav-list a {
	color: var(--dp-footer-ink);
	text-decoration: none;
	font-size: var(--dp-fs-14);
	transition: color 150ms var(--dp-ease);
}

.dp-footer-nav-list a:hover {
	color: #fff;
}

.dp-footer-legal {
	padding-top: var(--dp-sp-5);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: var(--dp-fs-13);
	color: var(--dp-footer-ink-soft);
	grid-column: 1 / -1;
}

@media (min-width: 768px) {
	.dp-footer-inner {
		grid-template-columns: 2fr 1fr 1fr;
	}
	.dp-footer-legal {
		grid-column: 1 / -1;
	}
}

/* --- WP core classes ----------------------------------------------------- */
.alignleft { float: left; margin: 0 var(--dp-sp-5) var(--dp-sp-3) 0; }
.alignright { float: right; margin: 0 0 var(--dp-sp-3) var(--dp-sp-5); }
.aligncenter { display: block; margin: 0 auto var(--dp-sp-3); }
.alignwide { max-width: 1080px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100%; }

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

.wp-caption-text,
.wp-block-image figcaption {
	font-size: var(--dp-fs-13);
	color: var(--dp-ink-soft);
	text-align: center;
	margin-top: var(--dp-sp-2);
	font-style: italic;
}

.sticky {
	border-left: 3px solid var(--dp-accent);
	padding-left: var(--dp-sp-4);
}

/* --- Directorio integration ---------------------------------------------- */
/* El módulo directorio del plugin emite sus propias clases .dp-* que heredan
 * de los tokens. Aquí sólo afinamos lo que el plugin no cubre. */

.dp-directorio-view .dp-main {
	padding-top: var(--dp-sp-5);
}

.dp-directorio .dp-hero {
	padding-bottom: var(--dp-sp-5);
	border-bottom: 1px solid var(--dp-border);
	margin-bottom: var(--dp-sp-6);
}

.dp-directorio .dp-hero h1 {
	font-family: var(--dp-font-serif);
	font-weight: 700;
	font-variation-settings: "opsz" 36;
	font-size: clamp(28px, 5vw + 8px, 44px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin-bottom: var(--dp-sp-2);
}

.dp-directorio .dp-hero-lead {
	color: var(--dp-ink-soft);
	font-size: var(--dp-fs-18);
	max-width: 680px;
}

.dp-directorio .dp-grid-item a {
	background: var(--dp-bg);
	border: 1px solid var(--dp-border);
	border-radius: var(--dp-radius-md);
	color: var(--dp-ink);
	font-weight: 500;
	padding: var(--dp-sp-4) var(--dp-sp-4);
}

.dp-directorio .dp-grid-item a:hover {
	border-color: var(--dp-accent);
	color: var(--dp-accent);
}

.dp-directorio .dp-card {
	background: var(--dp-bg);
	border: 1px solid var(--dp-border);
	border-radius: var(--dp-radius-md);
	box-shadow: none;
}

.dp-directorio .dp-card h3 a {
	color: var(--dp-ink);
}

.dp-directorio .dp-card h3 a:hover {
	color: var(--dp-accent);
}

.dp-badge-verificado {
	background: var(--dp-success);
	color: #fff;
}

/* --- Misc ---------------------------------------------------------------- */
.dp-page {
	padding-top: var(--dp-sp-3);
}

/* Print */
@media print {
	.dp-site-header,
	.dp-site-footer,
	.dp-breadcrumb,
	.dp-post-card-thumb,
	.dp-nav-toggle {
		display: none;
	}
	body {
		font-size: 12pt;
		line-height: 1.4;
		color: #000;
		background: #fff;
	}
	.dp-article {
		max-width: none;
	}
	a {
		color: #000;
		text-decoration: underline;
	}
}

/* Reduce motion */
@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;
	}
}