/* =========================================================================
   partner-section.css — Sección B2B sobre fondo oscuro con cita destacada
   y proceso de 3 pasos (01 / 02 / 03).
   ========================================================================= */

.partner-section {
	background: var(--grad-dark);
	color: var(--on-dark);
}

/* Contraste sobre fondo oscuro: el H2 y el párrafo introductorio heredaban
   el azul marino por defecto y quedaban casi invisibles. Se fuerzan claros. */
.partner-section h2 { color: var(--white); }
.partner-section p { color: var(--on-dark); }
.partner-section .eyebrow { color: var(--cyan); }

.partner-section__grid {
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	gap: clamp(30px, 5vw, 64px);
	align-items: center;
}

.partner-section .quote {
	font-family: var(--font-heading);
	font-weight: var(--fw-semibold);
	font-size: clamp(1.15rem, 2.2vw, 1.4rem);
	color: var(--white);
	line-height: 1.4;
	margin: 24px 0;
	padding-left: 20px;
	border-left: 3px solid var(--cyan);
}

/* Panel de pasos. */
.steps {
	display: grid;
	gap: 16px;
}
.step {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: var(--radius-sm);
	padding: 20px 22px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 16px;
	align-items: start;
}
.step__num {
	font-family: var(--font-mono);
	font-weight: var(--fw-bold);
	font-size: 1.1rem;
	color: var(--cyan);
	line-height: 1;
	padding-top: 2px;
}
.step h4 {
	color: var(--white);
	font-family: var(--font-heading);
	font-size: 1.05rem;
	margin: 0 0 4px;
}
.step p {
	color: var(--on-dark-muted);
	font-size: 0.95rem;
	margin: 0;
}

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