/**
 * Fecha de entrada — Byomedic Blocs
 */

.byo-post-date {
	--byo-post-date-color: #3f3f3f;
	--byo-post-date-divider-w: 42px;
	--byo-post-date-divider-h: 1px;
	--byo-post-date-gap-day: 10px;
	--byo-post-date-gap-meta: 12px;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.byo-post-date__day {
	font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
	font-size: 72px;
	font-weight: 400;
	line-height: 1;
	color: var(--byo-post-date-color);
	letter-spacing: -0.02em;
}

.byo-post-date__divider {
	display: block;
	width: var(--byo-post-date-divider-w);
	height: var(--byo-post-date-divider-h);
	margin: var(--byo-post-date-gap-day) 0 var(--byo-post-date-gap-meta);
	background-color: var(--byo-post-date-color);
	border: 0;
}

.byo-post-date__meta {
	font-family: 'Barlow', sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--byo-post-date-color);
}

.byo-post-date--placeholder .byo-post-date__day {
	opacity: 0.35;
}

.byo-post-date--placeholder .byo-post-date__meta {
	opacity: 0.5;
}