/* =====================================================================
   INSCRIPCIONES · «¿Olvidaste tu contraseña?» (oct 2026)

   El enlace del ingreso, la ventana (<dialog>) y las dos pantallas
   (recuperar_clave.php, restablecer_clave.php). Va APARTE de
   acceso-ecosistema.css porque esa hoja es copia de la del aula y de
   Gestión Académica: lo propio de Inscripciones no se mezcla ahí. Usa los
   tokens --ek-* que declara body.ek-acceso.
   ===================================================================== */

/* El enlace, en la fila de la etiqueta de la contraseña: donde se lo busca. */
.ek-acceso .au-lbl-fila{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:18px 0 7px; }
.ek-acceso .au-lbl-fila .au-lbl{ margin:0; }
.ek-acceso .au-olvido{ font-size:12.5px; font-weight:600; color:var(--ek-acc); text-decoration:none; white-space:nowrap; border-radius:3px; }
.ek-acceso .au-olvido:hover{ text-decoration:underline; text-underline-offset:2px; }
.ek-acceso .au-olvido:focus-visible,
.ek-acceso .rc-volver:focus-visible,
.ek-acceso .rc-cerrar:focus-visible{ outline:2px solid var(--ek-acc-nav); outline-offset:2px; }

/* La ventana. ⚠️ El <dialog> cuelga del body, que en estas pantallas pinta
   TEXTO BLANCO: sin el color propio, el contenido sale blanco sobre blanco. */
.ek-acceso .rc-dialogo{
  width:min(460px, calc(100vw - 32px)); max-height:min(92vh, 720px); padding:0; border:0;
  border-radius:14px; background:var(--ek-sf); color:var(--ek-ink);
  box-shadow:0 24px 60px -18px rgba(3,7,18,.55); overflow:auto;
}
.ek-acceso .rc-dialogo::backdrop{ background:rgba(7,17,41,.55); backdrop-filter:blur(2px); }
.ek-acceso .rc-dialogo[open]{ animation:rcEntra .16s var(--ek-ease); }
@keyframes rcEntra{ from{ opacity:0; transform:translateY(8px) scale(.985); } to{ opacity:1; transform:none; } }
.ek-acceso .rc-dialogo-cab{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 20px 14px; border-bottom:1px solid var(--ek-ln2);
}
.ek-acceso .rc-dialogo-cab .au-app{ margin:0; padding:0; border:0; }
.ek-acceso .rc-dialogo-cuerpo{ padding:16px 20px 18px; }
.ek-acceso .rc-cerrar{
  width:34px; height:34px; display:grid; place-items:center; border-radius:8px; flex:none;
  border:1px solid var(--ek-ln); background:var(--ek-sf2); color:var(--ek-ink2); cursor:pointer;
}
.ek-acceso .rc-cerrar:hover{ color:var(--ek-ink); }
/* En el teléfono la ventana se ancla abajo, donde llega el pulgar. */
@media (max-width:640px){
  .ek-acceso .rc-dialogo{ width:100%; max-width:100%; margin:auto 0 0; border-radius:14px 14px 0 0; max-height:94vh; }
}

/* El contenido (ventana y página). */
.ek-acceso .rc{ display:flex; flex-direction:column; }
.ek-acceso .rc-dialogo .rc > .au-fs{ margin-top:0; }
.ek-acceso .rc-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
/* Los pasos llevan su número en un círculo del tinte del acento: el
   marcador nativo de la lista, en esta fuente, se dibuja «1 .». */
.ek-acceso .rc-pasos{ margin:16px 0 0; padding:0; list-style:none; counter-reset:rc-paso;
  font-size:13.5px; line-height:1.5; color:var(--ek-ink2); }
.ek-acceso .rc-pasos li{ counter-increment:rc-paso; position:relative; padding-left:30px; }
.ek-acceso .rc-pasos li::before{
  content:counter(rc-paso); position:absolute; left:0; top:0; width:21px; height:21px;
  border-radius:50%; display:grid; place-items:center;
  background:#eef1f8; color:var(--ek-acc); font-size:11.5px; font-weight:600; line-height:1;
}
.ek-acceso .rc-pasos li + li{ margin-top:10px; }
.ek-acceso .rc-pasos b{ color:var(--ek-ink); font-weight:600; }
.ek-acceso .rc-nota{ margin:16px 0 0; font-size:12.5px; line-height:1.5; color:var(--ek-mut); }
.ek-acceso .rc-volver{
  align-self:center; margin-top:14px; display:inline-flex; align-items:center; gap:7px;
  background:none; border:0; padding:6px 8px; border-radius:6px;
  font:inherit; font-size:13px; font-weight:600; color:var(--ek-acc); text-decoration:none; cursor:pointer;
}
.ek-acceso .rc-volver:hover{ text-decoration:underline; text-underline-offset:2px; }
/* El enlace «Pedir un enlace nuevo» usa .au-btn, que es un <button> en el
   ingreso: como <a> no lleva subrayado. */
.ek-acceso a.au-btn{ text-decoration:none; }
/* La bajada de la columna azul en las dos pantallas de la clave. */
.ek-acceso .rc-sub{ margin:22px 0 0; max-width:30em; font-size:14px; line-height:1.6; color:rgba(255,255,255,.62); }
/* En las pantallas de la clave el pie lleva sólo la firma: sin un segundo filete. */
.ek-acceso .au-foot > .au-firma:first-child{ margin-top:0; padding-top:0; border-top:0; }

@media (prefers-reduced-motion:reduce){
  .ek-acceso .rc-dialogo[open]{ animation:none; }
  .ek-acceso .rc-dialogo::backdrop{ backdrop-filter:none; }
}