/* CENTREI em Liquid, leva 1 (acesso): aproxima entrar.html do desenho AMERIGO DESIGN centrei-liquid-1 (#/entrar,
   #/esqueci-senha, #/cadastro, #/autorizar-aparelho). Só CSS: textos, ids, handlers e ordem do JS não mudam.
   Carregado DEPOIS do liquid-centrei.css. Sem display aqui: as etapas usam .ativo e [hidden]. */

/* cartão único de 460 px, como o .gl.ent do desenho */
.jornada{padding:24px var(--gut,16px) 40px}
.jornada .palco{max-width:460px;gap:22px}
.jornada .palco h1{font-size:30px;line-height:1.15;margin-top:6px;letter-spacing:-.01em}
.jornada .palco .apoio{font-size:14.5px;color:var(--texto2)}
.jornada .cartao{padding:26px 24px;border-radius:22px;display:flex;flex-direction:column;gap:14px}

/* campos: caixa translúcida em vidro, rótulo em peso 600, anel ouro no foco */
.jornada .campo{font-size:13.5px;font-weight:600;color:var(--texto2);gap:8px}
.jornada .campo input{min-height:48px;border-radius:14px;background:var(--g2);border:1px solid var(--gb);color:var(--texto);
  font-weight:400;box-shadow:inset 0 2px 6px rgba(0,0,0,.12)}
.jornada .campo input:focus{border-color:var(--cy2);box-shadow:inset 0 2px 6px rgba(0,0,0,.12),0 0 0 3px color-mix(in srgb,var(--cy2) 35%,transparent)}

/* código de 6 dígitos: um campo centrado (o JS lê o valor inteiro) */
.jornada #cod,.jornada #codNovo{text-align:center;font:600 28px/1 var(--t);letter-spacing:.5em;padding-left:.5em}

/* avisos em pílula de vidro, como o .av do desenho */
.jornada .aviso{border-radius:18px;background:var(--g2);border:1px solid var(--gb);color:var(--texto2);font-size:13.5px;padding:12px 14px}
.jornada .aviso strong{color:var(--texto)}
.jornada .aviso.erro{background:var(--pe-s);border-color:color-mix(in srgb,var(--erro) 45%,transparent);color:var(--erro)}

/* chave de recuperação em destaque, como o .medida do desenho */
.jornada .recup{font:600 15px/1.6 var(--t);letter-spacing:.12em;text-align:center;background:var(--medida);
  border:1px solid var(--medida-b);border-radius:18px;padding:16px 12px;color:var(--texto)}

/* aparelho já conectado: bloco de leitura com borda, como o .leitura do desenho (sem display: usa [hidden]) */
.jornada #codigoAparelho{padding:12px 14px;border-radius:18px;border:1px solid var(--gb);background:var(--g2)}
.jornada #codigoAparelho .rot{font-size:11px;line-height:1.5;margin:0}

/* notas e links de apoio */
.jornada .nota{font-size:12.5px;color:var(--texto3)}
.jornada .priv-link{margin-top:-4px}