/**
 * Card simples de Insights (relacionados no artigo, arquivos).
 */

.lr-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: clamp(24px, 2.4vw, 36px);
}

.lr-card {
	min-width: 0;
}

.lr-card .lr-card__link {
	display: flex;
	flex-direction: column;
	color: var(--lr-primary);
	text-decoration: none;
}

.lr-card .lr-card__link:hover,
.lr-card .lr-card__link:focus-visible {
	color: var(--lr-primary);
}

.lr-card .lr-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--lr-mint);
}

.lr-card .lr-card__media .lr-card__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 1.1s var(--lr-ease, cubic-bezier(.2, .7, .2, 1));
}

.lr-card .lr-card__link:hover .lr-card__img,
.lr-card .lr-card__link:focus-visible .lr-card__img {
	transform: scale(1.05);
}

.lr-card .lr-card__label {
	margin-top: 18px;
	font-size: calc(12px * var(--lr-ts, 1));
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--lr-teal);
}

.lr-card .lr-card__title {
	margin: 8px 0 0;
	font-size: calc(24px * var(--lr-ts, 1));
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: inherit;
	text-wrap: balance;
}

@media (prefers-reduced-motion: reduce) {
	.lr-card .lr-card__media .lr-card__img {
		transition: none;
	}

	.lr-card .lr-card__link:hover .lr-card__img {
		transform: none;
	}
}

/* Notebooks (1000–1279px): mantém 3 cards por linha (relacionados / arquivo). */
@media (min-width: 1000px) and (max-width: 1279.98px) {
	.lr-cards {
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
	}
}