/* ==========================================================================
   Frontend Camino 3 — artículo del blog NeoRejuvena
   ========================================================================== */

.nr-article {
	--nr-sage: #5a6b54;
	--nr-terracotta: #a8634a;
	--nr-warm: #fafaf7;
	--nr-ink: #2b2b28;
	--nr-muted: #6b6f66;

	max-width: 760px;
	margin: 0 auto;
	padding: 48px 20px 80px;
	color: var(--nr-ink);
	font-family: "General Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 19px;
	line-height: 1.75;
}

.nr-article .nr-eyebrow {
	font-family: "JetBrains Mono", monospace;
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--nr-terracotta);
	margin-bottom: 0.6em;
}

.nr-article h1.nr-title {
	font-family: "Oswald", "General Sans", sans-serif;
	font-weight: 600;
	font-size: clamp(2rem, 5vw, 3.1rem);
	line-height: 1.12;
	color: var(--nr-sage);
	margin: 0 0 0.5em;
	letter-spacing: 0.01em;
}

.nr-article .nr-meta {
	font-size: 0.95rem;
	color: var(--nr-muted);
	margin-bottom: 2.4em;
	border-bottom: 1px solid rgba(90, 107, 84, 0.18);
	padding-bottom: 1.4em;
}

.nr-article h2,
.nr-article h3,
.nr-article h4 {
	font-family: "Oswald", "General Sans", sans-serif;
	font-weight: 600;
	color: var(--nr-sage);
	line-height: 1.2;
}

.nr-article h2 { font-size: 1.9rem; margin: 2.2em 0 0.6em; }
.nr-article h3 { font-size: 1.4rem; margin: 1.8em 0 0.5em; }

.nr-article p { margin: 0 0 1.3em; }

.nr-article a {
	color: var(--nr-terracotta);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: opacity 0.2s ease;
}
.nr-article a:hover { opacity: 0.7; }

.nr-article img,
.nr-article figure img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.nr-article blockquote {
	border-left: 4px solid var(--nr-terracotta);
	margin: 1.8em 0;
	padding: 0.2em 0 0.2em 1.4em;
	font-style: italic;
	color: var(--nr-muted);
	font-size: 1.15rem;
}

.nr-article .nr-num,
.nr-article code {
	font-family: "JetBrains Mono", monospace;
}

/* Vídeo Vimeo responsivo 16:9 */
.nr-article figure.nr-vimeo { margin: 2.4em 0; }
.nr-article .nr-vimeo-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 36px rgba(90, 107, 84, 0.18);
}
.nr-article .nr-vimeo-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.nr-article figure.nr-vimeo figcaption {
	margin-top: 0.7em;
	text-align: center;
	font-size: 0.92rem;
	color: var(--nr-muted);
}

/* ----------  RTL: árabe (ea -> ar)  ---------- */
body.nr-rtl .nr-article {
	direction: rtl;
	text-align: right;
	font-family: "Almarai", "General Sans", sans-serif;
}
body.nr-rtl .nr-article h1.nr-title,
body.nr-rtl .nr-article h2,
body.nr-rtl .nr-article h3,
body.nr-rtl .nr-article h4 {
	font-family: "IBM Plex Sans Arabic", "Oswald", sans-serif;
}
body.nr-rtl .nr-article blockquote {
	border-left: 0;
	border-right: 4px solid var(--nr-terracotta);
	padding: 0.2em 1.4em 0.2em 0;
}
/* El embed y las URLs siguen siendo LTR. */
body.nr-rtl .nr-article .nr-vimeo-frame { direction: ltr; }

/* ==========================================================================
   Índice del blog (/es/blog/) — rejilla Camino 3
   ========================================================================== */

.nr-blog-archive {
	--nr-sage: #5a6b54;
	--nr-terracotta: #a8634a;
	--nr-warm: #fafaf7;
	--nr-ink: #2b2b28;
	--nr-muted: #6b6f66;

	max-width: 1140px;
	margin: 0 auto;
	padding: 56px 20px 90px;
	font-family: "General Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--nr-ink);
}

.nr-blog-head { text-align: center; margin-bottom: 48px; }
.nr-blog-head .nr-eyebrow {
	font-family: "JetBrains Mono", monospace;
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--nr-terracotta);
	margin: 0 0 0.6em;
}
.nr-blog-head h1 {
	font-family: "Oswald", "General Sans", sans-serif;
	font-weight: 600;
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	color: var(--nr-sage);
	margin: 0;
	letter-spacing: 0.01em;
}

.nr-blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 32px;
}

.nr-card {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(90, 107, 84, 0.10);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.nr-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(90, 107, 84, 0.18);
}
.nr-card-link { text-decoration: none; color: inherit; display: block; }
.nr-card-thumb { aspect-ratio: 16 / 10; overflow: hidden; }
.nr-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nr-card-body { padding: 22px 24px 26px; }
.nr-card-cat {
	display: inline-block;
	font-family: "JetBrains Mono", monospace;
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--nr-terracotta);
	margin-bottom: 0.7em;
}
.nr-card-cat a { color: inherit; text-decoration: none; }
.nr-card-title {
	font-family: "Oswald", "General Sans", sans-serif;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.2;
	color: var(--nr-sage);
	margin: 0 0 0.5em;
}
.nr-card-excerpt {
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--nr-muted);
	margin: 0 0 1.1em;
}
.nr-card-more {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--nr-terracotta);
}

.nr-blog-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 56px;
}
.nr-blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	text-decoration: none;
	color: var(--nr-sage);
	font-weight: 600;
	background: #fff;
	box-shadow: 0 2px 8px rgba(90, 107, 84, 0.08);
}
.nr-blog-pagination .page-numbers.current {
	background: var(--nr-sage);
	color: #fff;
}

.nr-blog-empty {
	text-align: center;
	color: var(--nr-muted);
	font-size: 1.1rem;
	padding: 40px 0;
}

/* RTL del índice (árabe) */
.nr-blog-archive.nr-rtl { direction: rtl; text-align: right; font-family: "Almarai", "General Sans", sans-serif; }
.nr-blog-archive.nr-rtl .nr-blog-head { text-align: center; }
.nr-blog-archive.nr-rtl .nr-blog-head h1,
.nr-blog-archive.nr-rtl .nr-card-title { font-family: "IBM Plex Sans Arabic", "Oswald", sans-serif; }

/* ==========================================================================
   Listas — forzamos viñetas/numeración por encima del reset del tema
   ========================================================================== */
.nr-article ul,
.nr-article ol {
	margin: 0 0 1.4em;
	padding-left: 1.5em !important;
}
.nr-article ul { list-style: disc !important; }
.nr-article ol { list-style: decimal !important; }
.nr-article li {
	margin: 0 0 0.5em;
	line-height: 1.7;
	padding-left: 0.2em;
}
.nr-article li::marker { color: var(--nr-terracotta); }
.nr-article li > ul,
.nr-article li > ol { margin: 0.5em 0; }

/* Listas en RTL (árabe): la sangría va a la derecha */
body.nr-rtl .nr-article ul,
body.nr-rtl .nr-article ol {
	padding-left: 0 !important;
	padding-right: 1.5em !important;
}