/* =========================================================================
   pathway-cards.css — Sección "Dos caminos, una respuesta clara":
   dos tarjetas grandes (colaboradores B2B / particulares).
   ========================================================================= */

.pathways .pathway-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
}

.pathway-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	padding: clamp(28px, 4vw, 42px);
	display: flex;
	flex-direction: column;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pathway-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
}

/* Icono superior de la tarjeta. */
.pathway-card__icon {
	width: 52px;
	height: 52px;
	border-radius: var(--radius-sm);
	background: var(--sky);
	color: var(--blue);
	display: grid;
	place-items: center;
	margin-bottom: 20px;
}
.pathway-card__icon svg { width: 26px; height: 26px; }

.pathway-card__eyebrow {
	font-family: var(--font-mono);
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--blue);
	font-weight: var(--fw-semibold);
	margin-bottom: 10px;
}

.pathway-card h3 {
	font-size: clamp(1.3rem, 2.4vw, 1.55rem);
	margin: 0 0 12px;
}

.pathway-card p { color: var(--muted); }

.pathway-card .reaffirm {
	margin-top: 18px;
	padding: 14px 18px;
	background: var(--soft);
	border-left: 3px solid var(--blue);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	color: var(--ink);
	font-weight: var(--fw-medium);
}

.pathway-card .card-cta {
	margin-top: auto;
	padding-top: 24px;
}

@media (max-width: 860px) {
	.pathways .pathway-grid { grid-template-columns: 1fr; }
}