/* Account recovery and password views. Reuse the application design system. */
.inscripcion-page { width: 100%; }
.hero.inscripcion-hero { display: flex; justify-content: center; }
.inscripcion-shell { width: 100%; max-width: 560px; margin-inline: auto; }
.login-shell { display: grid; gap: 20px; }
.chip { display: inline-block; width: fit-content; color: var(--odo-petrol); font-size: 0.8125rem; font-weight: 650; letter-spacing: 0.04em; }
.course-form { width: 100%; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-field { min-width: 0; display: grid; gap: 6px; }
.form-field-full { grid-column: 1 / -1; }
.form-errors { padding: 12px 16px; border-radius: 8px; }
.form-errors ul { margin: 0; padding-left: 20px; }
.inscripcion-actions { display: flex; margin-top: 20px; }
.inscripcion-actions .btn-primary { width: 100%; }
.auth-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--odo-border); color: var(--odo-muted); font-size: 0.875rem; }
.auth-switch a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
@media (max-width: 640px) { .form-grid { grid-template-columns: 1fr; } }