/* App de candidatos: solo lo propio. Formularios, listas y estados viven en
   /comun/base.css, compartidos con el portal de empresas. */

main { max-width: 40rem; }

/* Portada: texto a la izquierda, una sola accion. */
.portada { padding: 2.5rem 0 1.5rem; }
.portada h1 { font-size: var(--mt-txt-3xl); letter-spacing: var(--mt-tracking-titulo); max-width: 16ch; }
.portada p { font-size: var(--mt-txt-lg); color: var(--mt-texto-suave); max-width: 36ch; }
.como { display: grid; gap: 1.25rem; margin: 2rem 0; padding: 0; list-style: none; }
.como li { padding-left: 1rem; border-left: 3px solid var(--mt-marca); }
.como strong { display: block; }
@media (min-width: 768px) {
  .portada h1 { font-size: var(--mt-txt-4xl); }
  .como { grid-template-columns: 1fr 1fr; }
}

/* Aviso de preparacion: honesto, no alarmante. */
.preparacion { border-left: 3px solid var(--mt-info); }

/* Progreso del alta: nombres de los pasos, no "Paso 1". */
.pasos { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; padding: 0; margin: 0 0 1.5rem; list-style: none;
         font-size: var(--mt-txt-sm); color: var(--mt-texto-suave); }
.pasos [aria-current="step"] { color: var(--mt-texto); font-weight: var(--mt-peso-enfasis); }
.pasos .hecho::after { content: " ✓"; color: var(--mt-exito); }

.texto-legal { white-space: pre-wrap; font-size: var(--mt-txt-sm); color: var(--mt-texto-suave); }

/* Mi perfil */
.avance { display: grid; gap: 0.5rem; }
.barra-avance { height: 0.5rem; border-radius: var(--mt-radio-pill); background: var(--mt-superficie-sutil); overflow: hidden; }
.barra-avance span { display: block; height: 100%; width: var(--avance, 0%); background: var(--mt-accion); }