/**
 * Modern News UI — Tarjetas de artículo.
 * Solo actúa sobre elementos marcados por el plugin (.mnui-card-item).
 */

.mnui-cards .mnui-card-item {
	transition: transform var(--mnui-transition), box-shadow var(--mnui-transition);
}

.mnui-cards-rounded .mnui-card-item {
	border-radius: var(--mnui-radius-card);
	background: #fff;
	box-shadow: var(--mnui-shadow-soft);
	overflow: hidden;
}

.mnui-cards-rounded .mnui-card-item .mnui-card-item__media {
	border-radius: 0;
}

.mnui-cards-lift .mnui-card-item:hover {
	transform: translateY(-4px);
	box-shadow: var(--mnui-shadow-raised);
}

.mnui-card-item__media {
	position: relative;
	overflow: hidden;
	border-radius: var(--mnui-radius-card);
}

.mnui-cards-ratio .mnui-card-item__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: var(--mnui-card-ratio, 16 / 9);
}

.mnui-cards-zoom .mnui-card-item__media img {
	transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mnui-cards-zoom .mnui-card-item:hover .mnui-card-item__media img {
	transform: scale(1.05);
}

.mnui-cards .mnui-card-item__title {
	display: -webkit-box;
	-webkit-line-clamp: var(--mnui-card-title-lines, 3);
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var(--mnui-font-heading);
	letter-spacing: -0.01em;
}

.mnui-cards .mnui-card-item__text {
	display: -webkit-box;
	-webkit-line-clamp: var(--mnui-card-text-lines, 3);
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: var(--mnui-line-height);
}

.mnui-cards-accent .mnui-card-item__title a {
	transition: color var(--mnui-transition);
}

.mnui-cards-accent .mnui-card-item:hover .mnui-card-item__title a {
	color: var(--mnui-color-accent);
}

@media (prefers-reduced-motion: reduce) {
	.mnui-cards .mnui-card-item,
	.mnui-cards .mnui-card-item__media img {
		transition: none !important;
	}
}
