.mcci-cards,
.diferencial {
	padding: clamp(5rem, 10vw, 9rem) 0;
}
.mcci-cards--theme-dark, .diferencial { background: var(--c-dark); color: var(--c-inverse); }
.mcci-cards--theme-light { background: var(--c-bg-1); color: var(--c-text); }
.mcci-cards--theme-cream { background: var(--c-bg-2); color: var(--c-text); }

.diferencial-header, .mcci-cards-header {
	padding: 0 clamp(1.5rem, 4vw, 3rem);
	max-width: var(--max-w);
	margin: 0 auto clamp(3rem, 5vw, 4.5rem);
}
.mcci-cards--theme-dark .section-title { color: var(--c-inverse); }
.mcci-cards--theme-dark .section-intro { color: rgba(245,243,238,0.65); }

.diferencial-grid, .mcci-cards-grid {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 clamp(1.5rem, 4vw, 3rem);
	display: grid;
	grid-template-columns: repeat(var(--mcci-cards-cols, 3), 1fr);
}
.diferencial-card {
	padding: 2.5rem 2.5rem 2.5rem 0;
	border-top: 1px solid var(--c-border-dark);
}
.mcci-cards--theme-light .diferencial-card,
.mcci-cards--theme-cream .diferencial-card {
	border-top-color: var(--c-border);
}
.diferencial-card:nth-child(2),
.diferencial-card:nth-child(3),
.diferencial-card:nth-child(4) {
	padding-left: 2.5rem;
	border-left: 1px solid var(--c-border-dark);
}
.mcci-cards--theme-light .diferencial-card:nth-child(n+2),
.mcci-cards--theme-cream .diferencial-card:nth-child(n+2) {
	border-left-color: var(--c-border);
}
.card-number {
	font-family: var(--f-mono);
	font-size: 0.62rem;
	font-weight: 400;
	color: var(--c-accent);
	letter-spacing: 0.1em;
	margin-bottom: 1.5rem;
}
.card-title {
	font-family: var(--f-display);
	font-weight: 800;
	font-stretch: 85%;
	font-size: 1.2rem;
	line-height: 1.25;
	margin-bottom: 1rem;
	color: var(--c-inverse);
}
.mcci-cards--theme-light .card-title,
.mcci-cards--theme-cream .card-title { color: var(--c-text); }
.card-text {
	font-family: var(--f-body);
	font-size: 0.88rem;
	font-weight: 300;
	line-height: 1.8;
	color: rgba(245,243,238,0.65);
}
.mcci-cards--theme-light .card-text,
.mcci-cards--theme-cream .card-text { color: var(--c-text-mid); }

@media (max-width: 1024px) {
	.diferencial-grid, .mcci-cards-grid { grid-template-columns: 1fr; }
	.diferencial-card { padding: 2rem 0 !important; border-left: none !important; }
}