/* Proceso sticky — 2 col: header sticky a la izquierda + lista vertical de pasos. */

.proceso-sticky__layout {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-3xl);
  align-items: start;
}

.proceso-sticky__header {
  position: sticky;
  top: 100px;
  text-align: left;
}
.proceso-sticky__header h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.15;
  margin-bottom: var(--space-md);
}
.proceso-sticky__header h2 em { font-style: normal; color: var(--color-orange); }
.proceso-sticky__lead {
  font-size: var(--text-lg);
  color: var(--color-gray);
  line-height: 1.6;
}

.proceso-sticky__lista {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}

.proceso-paso {
  display: block;
  padding: var(--space-xl) 0;
  border-bottom: 1px solid rgba(42, 41, 98, 0.10);
  scroll-margin-top: 100px;
}
.proceso-paso:first-child { padding-top: 0; }
.proceso-paso:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.proceso-paso__numero {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 600;
  font-size: clamp(3rem, 4.5vw, 4rem);
  color: var(--color-orange);
  line-height: 0.9;
  letter-spacing: -0.04em;
  margin-bottom: var(--space-sm);
}

.proceso-paso__contenido h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.75rem, 2.8vw, 2.25rem);
  color: var(--color-dark);
  line-height: 1.15;
  margin-bottom: var(--space-sm);
  letter-spacing: -0.015em;
}
.proceso-paso__lead {
  font-size: var(--text-base);
  color: var(--color-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 968px) {
  .proceso-sticky__layout { grid-template-columns: 1fr; gap: var(--space-xl); }
  .proceso-sticky__header { position: static; }
}