/**
 * Tarjeta de artículo.
 */

.autum-articulo__media {
	background-color: var(--superficie-sutil);
}

.autum-articulo__foto,
.autum-articulo__media .autum-placeholder {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 0;
}

.autum-articulo__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.625rem;
	font-size: 0.75rem;
	color: var(--texto-tenue);
}

.autum-articulo__categoria {
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-derco-red);
}