/* Recuperar contraseña v4 (recuperar/index.php y recuperar/nueva.php).
   Encima de v4-acceso.css: logo móvil, pasos del panel y avisos (el captcha B/N está en v4-acceso.css). */

/* Logo del formulario: sólo cuando el panel con render desaparece (móvil) */
.rec-logo{display:none}
.rec-ayuda{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);padding:10px}
.rec-ayuda:hover{color:var(--tinta)}

/* Panel izquierdo: los tres pasos del proceso */
.rec .acceso-vis .cita{margin-top:18px}
.rec-pasos{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(242,242,242,.18);max-width:360px}
.rec-pasos li{display:flex;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(242,242,242,.18);font-size:15px;color:rgba(242,242,242,.62)}
.rec-pasos b{font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgba(242,242,242,.45)}
.rec-pasos li.activo{color:#f2f2f2}
.rec-pasos li.activo b{color:#f2f2f2}

/* Caja */
.rec .acceso-caja .ojo{margin-bottom:2px}
.rec .acceso-caja .sub{line-height:1.5}
.rec .aviso-form{line-height:1.5}
.rec-ok{border-left:3px solid var(--tinta)}
.rec .acceso-caja .btn.rec-btn{width:100%;justify-content:space-between;height:52px;margin-top:22px}
.rec .acceso-caja .enlaces{border-top:1px solid var(--linea);padding-top:18px;margin-top:22px}

@media (max-width:900px){
  .rec .acceso-form{justify-content:flex-start;padding-top:84px;min-height:100svh}
  .rec-logo{display:inline-flex;position:absolute;top:26px;left:var(--pad)}
  .rec .acceso-form .arriba{top:18px}
}
@media (max-width:420px){.rec-ayuda{display:none}}
.rec form .captcha{margin-top:20px}