/* Originação › 02 Serviços (dark) — cards com imagem de fundo. */
.page-originacao .orig-serv .block-2col { padding-bottom: clamp(1.5rem, 1rem + 1.5vw, 36px); }
.page-originacao .serv-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px);
}
.page-originacao .serv-card {
	position: relative;
	min-height: 258px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--leto-charcoal) var(--serv-img) center/cover no-repeat;
	display: flex;
	width: 100%;
	border: 0;
	text-align: left;
	font-family: inherit;
	cursor: pointer;
	transition: transform .3s var(--ease, ease), box-shadow .3s var(--ease, ease);
}
.page-originacao .serv-card:hover { transform: translateY(-3px); box-shadow: 0 22px 44px -28px rgba(0,0,0,.7); }
.page-originacao .serv-card__plus {
	position: absolute; top: 18px; right: 18px; z-index: 2;
	width: 32px; height: 32px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.5);
	display: grid; place-items: center;
	font-size: 20px; font-weight: 300; line-height: 1; color: #fff;
	transition: background .25s, color .25s;
}
.page-originacao .serv-card:hover .serv-card__plus { background: #fff; color: var(--leto-ink); }
.page-originacao .serv-card__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,20,20,.35), rgba(20,20,20,.82));
}
.page-originacao .serv-card__inner {
	position: relative;
	margin-top: auto;
	padding: 24px 26px 26px;
	display: flex;
	flex-direction: column;
	gap: .9rem;
}
.page-originacao .serv-card__title { font-size: 23.4px; line-height: 1.05; font-weight: 500; color: #e9e9e9; }
.page-originacao .serv-card__desc  { font-size: 12.6px; line-height: 1.35; font-weight: 400; color: #fff; max-width: 30ch; }

@media (max-width: 900px) {
	.page-originacao .serv-grid { grid-template-columns: 1fr; }
}