/* Login v4 — lo propio de /login/ encima de v4-acceso.css (que no se toca: la comparten
   registro y recuperar). Incluye el captcha en blanco y negro: sus estilos originales
   viven en estilo-terminal.css, que las páginas v4 ya no cargan. */

/* panel del render */
.login .acceso-vis .logo{position:relative}
.login-vis-pie{display:grid;gap:22px;max-width:520px}
.login-vis-pie .cita{margin:0}
.login-lista{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid rgba(242,242,242,.18)}
.login-lista li{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(242,242,242,.18);font-size:15px;color:rgba(242,242,242,.86)}
.login-lista .n{font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgba(242,242,242,.5)}

/* columna del formulario */
.login-logo-movil{display:none}
.login .acceso-form .arriba{gap:10px}
.login-ayuda{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);padding:10px 6px;transition:color .2s}
.login-ayuda:hover{color:var(--tinta)}
.login .acceso-caja .ojo{margin-bottom:2px}
.login .acceso-caja .sub{margin-bottom:8px}
.login-reenviar .btn{width:100%;justify-content:space-between;margin-top:12px}

.login-fila{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 22px}
.login-fila .marca-check{margin-top:0;align-items:center;cursor:pointer}
.login-fila .marca-check input{margin:0;width:16px;height:16px}
.login-olvido{font-size:14px;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--linea-2);text-underline-offset:3px;transition:text-decoration-color .2s}
.login-olvido:hover{text-decoration-color:var(--tinta)}

.login-cifrado{display:flex;align-items:center;gap:9px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--linea);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.login-cifrado svg{width:14px;height:14px}
.login-alta{margin:14px 0 0;font-size:14.5px;color:var(--tinta-2)}
.login-alta a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}


/* móvil: sin render, el logo pasa arriba del formulario */
@media (max-width:900px){
  .login .acceso-form{justify-content:flex-start;padding-top:20px;padding-bottom:48px}
  .login-logo-movil{display:inline-flex;align-self:flex-start;height:40px;margin-bottom:24px}
  .login .acceso-form .arriba{top:24px}
}
@media (max-width:420px){.login-ayuda{display:none}}