/* Portada del alumno: la comparten el estado «en formación» y el estado «formación terminada» */

.ini { display: flex; flex-direction: column; }
.principal, .lado { display: contents; }
.sig { order: 1; display: grid; gap: 16px; }
.camino { order: 2; }
.modulos { order: 3; }
.mentoria { order: 4; }
.opera { order: 5; }
.resumen { order: 6; }
.sig__pie { display: grid; gap: 14px; }
.sig__pie .btn { width: 100%; }
.mentoria .btn { width: 100%; }

@media (min-width: 900px) {
  .ini { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 56px; align-items: start; }
  .ini > header { grid-column: 1 / -1; }
  .principal, .lado { display: grid; gap: 44px; }
  .lado { position: sticky; top: 40px; }
  .sig__pie { grid-template-columns: 1fr auto; align-items: center; }
  .sig__pie .btn, .mentoria .btn { width: auto; }
}