/* ---------- 404: rescate por producto ---------- */
#pg-404 .nf-productos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;max-width:720px}
#pg-404 .nf-prod{display:flex;flex-direction:column;gap:5px;text-decoration:none;
  border:1px solid var(--hair-d);background:var(--base-2);padding:18px 20px;
  transition:border-color var(--t-fast),transform var(--t-fast)}
#pg-404 .nf-prod:hover,#pg-404 .nf-prod:focus-visible{border-color:var(--gold-deep);transform:translateY(-3px)}
#pg-404 .np-k{font-size:10px;letter-spacing:.2em;color:var(--gold)}
#pg-404 .np-t{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--txt-d)}
#pg-404 .np-d{font-size:13.5px;line-height:1.55;color:var(--txt-d-sec)}
@media (max-width:640px){#pg-404 .nf-productos{grid-template-columns:1fr}}

/* ---------- Cruce de productos al pie del artículo ---------- */
.art-prod .art-prod-in{max-width:760px}
.art-prod .apk{font-size:10.5px;letter-spacing:.2em;color:var(--gold);margin:0 0 10px}
.art-prod .apt{color:var(--txt-d-sec);font-size:15px;max-width:66ch;margin:0 0 14px}
.art-prod .apl{display:flex;gap:26px;flex-wrap:wrap;margin:0;max-width:none}
.art-prod .apl .linkline{color:var(--txt-d);font-size:14.5px}

/* ============================================================
   MEJORAS ARTÍCULO + 404 · Estudio ARG
   Archivo NUEVO para concatenar en main.css (no encolado aparte).
   Cubre: botón de compartir nativo (single) y rescate del 404.
   ============================================================ */

/* ---- Compartir nativo (single.php) ------------------------- */
/* El botón nace con [hidden]; mejoras-articulo.js lo destapa
   solo si navigator.share existe. En desktop sin Web Share la
   fila de links de siempre queda como único camino. */
.art-share-native[hidden] { display: none; }

.art-share-native {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 7px 14px;
	background: transparent;
	border: 1px solid var(--hair);
	border-radius: 999px;
	color: var(--navy);
	font-size: 13px;
	letter-spacing: .02em;
	cursor: pointer;
	transition: border-color 220ms ease, color 220ms ease, transform 220ms ease;
}
.art-share-native:hover,
.art-share-native:focus-visible {
	border-color: var(--navy);
	color: var(--base-0);
	transform: translateY(-1px);
}
.art-share-native:focus-visible {
	outline: 2px solid var(--celeste);
	outline-offset: 2px;
}
.art-share-native .art-share-ico {
	flex: none;
	display: block;
}
.dark .art-share-native {
	border-color: var(--hair-d);
	color: var(--steel);
}
.dark .art-share-native:hover,
.dark .art-share-native:focus-visible {
	border-color: var(--steel);
	color: var(--celeste);
}

/* ---- 404: análisis recientes (404.php) --------------------- */
#pg-404 .nf-recientes {
	margin-top: 56px;
	max-width: 560px;
	text-align: left;
}
#pg-404 .nf-recientes .klabel {
	margin-bottom: 4px;
}
#pg-404 .nf-rec-link {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 18px;
	text-decoration: none;
	color: inherit;
}
#pg-404 .nf-rec-titulo {
	font-family: Spectral, Georgia, serif;
	font-size: 17px;
	line-height: 1.35;
	transition: color 220ms ease;
}
#pg-404 .nf-rec-link:hover .nf-rec-titulo,
#pg-404 .nf-rec-link:focus-visible .nf-rec-titulo {
	color: var(--celeste);
}
#pg-404 .nf-rec-fecha {
	flex: none;
	font-size: 12px;
	letter-spacing: .04em;
	color: var(--steel);
}

@media (prefers-reduced-motion: reduce) {
	.art-share-native,
	#pg-404 .nf-rec-titulo {
		transition: none;
	}
	.art-share-native:hover,
	.art-share-native:focus-visible {
		transform: none;
	}
}