/* HyperForge · entrada en dos pasos (14-nov, /acceso en modo contenedor). Paso 1: correo o nombre + PIN, o «Continuar con
   Google»; paso 2: el código de la app. Va aparte de entrada.css para reestilizarlo sin tocar lo demás. Solo tokens de
   tokens.css; movimiento solo con transform y opacity, y nada con «reducir movimiento». */

.ent-dos-pasos{gap:var(--hf-e4)}
.ent-dp-paso{display:grid;gap:var(--hf-e5);min-width:0;margin:0;padding:0;border:0}
.ent-dp-paso[hidden]{display:none}
.ent-dp-indicador{margin:0;font:500 var(--hf-t-xs) var(--hf-f-mono);letter-spacing:var(--hf-track-label);text-transform:uppercase;
  color:var(--hf-brasa-texto)}
.ent-dp-titulo{margin:0;font:600 clamp(22px,2.2vw,28px)/1.15 var(--hf-f-display);word-spacing:var(--hf-ws-display);
  text-transform:none;letter-spacing:-.01em;color:var(--hf-texto)}
.ent-dp-titulo:focus{outline:none}
.ent-dp-titulo + .ent-dp-texto{margin-top:calc(-1 * var(--hf-e3))}
.ent-dp-texto{margin:0;color:var(--hf-tenue);max-width:44ch}
/* «Continuar con Google» a la par de «Continuar»: el mismo ancho y alto */
.ent-dp-paso .ent-google{display:grid;gap:var(--hf-e2)}
.ent-dp-paso .ent-google[hidden]{display:none}
.ent-dp-paso .ent-google .ent-o{margin:0}
.ent-dp-paso .ent-olvido{margin-top:0}
.ent-dp-volver{justify-self:start;font:500 var(--hf-t-sm) var(--hf-f-texto);color:var(--hf-texto);background:none;border:0;padding:2px 0;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hf-linea-2)}
.ent-dp-volver:hover{text-decoration-color:currentColor}
.ent-dp-volver:focus-visible{outline:2px solid var(--hf-foco);outline-offset:2px;border-radius:4px}
/* al cambiar de paso, el nuevo entra desde la derecha (como los pasos del diseño v11) */
.ent-dp-entra{animation:ent-dp-entra var(--hf-dur-lenta) var(--hf-facil) both}
@keyframes ent-dp-entra{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ent-dp-entra{animation:none}
}