/**
 * DG Post Meta Info
 * Variables personalizables: --dg-pmi-color, --dg-pmi-accent, --dg-pmi-gap,
 * --dg-pmi-avatar, --dg-pmi-avatar-bg, --dg-pmi-pill-bg.
 */

.dg-pmi {
	--dg-pmi-accent: #c5221f;
	--dg-pmi-gap: .4em;
	--dg-pmi-avatar: 40px;
	--dg-pmi-pill-bg: rgba(0, 0, 0, .06);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--dg-pmi-gap);
	font-size: .9375rem;
	line-height: 1.35;
	box-sizing: border-box;
}

/* Color secundario: deriva del color del texto, sirve en fondos claros y oscuros. */
.dg-pmi--inline,
.dg-pmi--card .dg-pmi__date {
	color: inherit;
	color: var(--dg-pmi-color, color-mix(in srgb, currentColor 62%, transparent));
}

.dg-pmi__icon {
	flex: 0 0 auto;
	width: 1.05em;
	height: 1.05em;
}

.dg-pmi__item,
.dg-pmi__sep {
	white-space: nowrap;
}

.dg-pmi__sep {
	opacity: .8;
}

.dg-pmi__badge {
	color: var(--dg-pmi-accent);
	font-weight: 700;
}

.dg-pmi-icon-accent-yes .dg-pmi--status-new .dg-pmi__icon {
	color: var(--dg-pmi-accent);
}

.dg-pmi__name a {
	color: inherit;
	text-decoration: none;
}

.dg-pmi__name a:hover,
.dg-pmi__name a:focus {
	text-decoration: underline;
}

/* ---------- Diseño card ---------- */
.dg-pmi--card {
	--dg-pmi-gap: 1.25em;
	color: inherit;
}

.dg-pmi--card .dg-pmi__author {
	display: flex;
	align-items: center;
	gap: .75em;
	min-width: 0;
}

.dg-pmi--card .dg-pmi__author-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dg-pmi--card .dg-pmi__name {
	font-weight: 700;
	font-size: 1.0625em;
}

.dg-pmi--card .dg-pmi__date {
	font-size: .95em;
}

.dg-pmi__avatar {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--dg-pmi-avatar);
	height: var(--dg-pmi-avatar);
	border-radius: 50%;
	overflow: hidden;
	background: var(--dg-pmi-avatar-bg, #d93025);
	color: #fff;
	font-weight: 700;
	font-size: calc(var(--dg-pmi-avatar) * .36);
	letter-spacing: .02em;
	user-select: none;
}

.dg-pmi__avatar--img {
	background: none;
}

.dg-pmi__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	margin: 0;
}

.dg-pmi--card .dg-pmi__side {
	display: flex;
	align-items: center;
	gap: .5em;
}

.dg-pmi--card .dg-pmi__reading {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	font-weight: 500;
}

.dg-pmi__reading--pill,
.dg-pmi__badge--pill {
	padding: .35em .9em;
	border-radius: 999px;
	background: var(--dg-pmi-pill-bg);
}

.dg-pmi__badge--pill {
	background: color-mix(in srgb, var(--dg-pmi-accent) 12%, transparent);
}

/* Desaparición suave de "Nuevo" cuando vence. */
.dg-pmi__badge.is-leaving,
.dg-pmi__badge.is-leaving + .dg-pmi__sep {
	opacity: 0;
	transition: opacity .3s ease;
}

@media (prefers-reduced-motion: reduce) {
	.dg-pmi__badge.is-leaving,
	.dg-pmi__badge.is-leaving + .dg-pmi__sep {
		transition: none;
	}
}