/* Telas de acesso (entrar, cadastro, senha, confirmação): cartão central Material 3 sobre o fundo da plataforma.
   Campos, alertas e indicador de etapas vêm de inscricao.css; botões e tokens de inicio.css. Mobile first. */
.acesso{display:grid;justify-items:center;gap:20px;padding:24px 16px 56px}
.acesso-cartao{display:grid;gap:16px;width:100%;max-width:440px;padding:28px 20px;border:1px solid #E2E8DA;border-radius:28px;background:var(--superficie);box-shadow:0 1px 2px rgba(15,26,10,.05),0 16px 40px -18px rgba(15,26,10,.28)}
.acesso-cartao-largo{max-width:520px}
.acesso-cartao>h1{font-size:26px}
.acesso-icone{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--container);color:var(--primaria)}
.acesso-icone .icone{width:26px;height:26px}
.acesso-org{margin:-4px 0 -10px;color:var(--primaria);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.acesso-sub{margin:-6px 0 0;color:var(--apoio)}
.acesso-cartao .alerta{margin:0}
.acesso-form{gap:16px}
.acesso-etapa{font-size:18px}
.acesso-passos{margin:4px 0 0}
.acesso-esqueci{margin:-8px 0 0;text-align:right;font-size:14px}
.acesso-esqueci a,.acesso-rodape a{font-weight:700}
.acesso-enviar{width:100%}
.acesso-enviar[aria-disabled="true"]{opacity:.7;cursor:progress}
.acesso-botoes{display:grid;gap:8px}
.acesso-botoes .botao-texto{justify-self:center}
.acesso-acoes{display:grid;gap:8px}
.acesso-acoes .botao-texto{justify-self:center}
.acesso-rodape{display:grid;gap:6px;padding-top:16px;border-top:1px solid #E8EDE2;text-align:center;font-size:15px}
.acesso-rodape p{margin:0}
.acesso-rodape a{display:inline-flex;align-items:center;gap:4px;min-height:32px}
.acesso-rodape .icone{width:18px;height:18px}
.acesso-nota{color:var(--apoio);font-size:13px}
/* Senha com "Mostrar" (o botão entra pelo JavaScript; sem ele o campo funciona igual) */
.senha-caixa{position:relative}
.senha-caixa input{width:100%;padding-right:96px}
.senha-mostrar{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--primaria);font:600 14px var(--fonte);cursor:pointer}
.senha-mostrar:hover{background:#EEF4E6}
.senha-mostrar:focus-visible{outline:3px solid var(--primaria);outline-offset:0}
.senha-contagem{display:block;margin-top:4px;color:var(--apoio);font-size:13px}
.senha-contagem.ok{color:var(--primaria);font-weight:600}
/* Cabeçalho enxuto nas telas de acesso */
.topo-acesso{position:static}
@media (min-width:600px){
    .acesso{padding:48px 16px 72px}
    .acesso-cartao{padding:36px 40px}
    .acesso-cartao>h1{font-size:30px}
    .acesso-botoes{grid-template-columns:auto 1fr;align-items:center}
    .acesso-botoes .botao-texto{order:-1;justify-self:start}
}
/* Respiro dos botões: separados dos campos acima e da divisória abaixo. */
.acesso-form>.acesso-enviar,.acesso-botoes{margin-top:16px}
.acesso-acoes{margin-top:8px}
.acesso-rodape{margin-top:16px;padding-top:24px}
.acesso-esqueci+.acesso-enviar{margin-top:8px}
/* CPF já cadastrado (etapa 1 do cadastro): aviso com Entrar e Recuperar acesso */
.acesso-existente p{margin:4px 0 0}
.acesso-existente .acesso-existente-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.acesso-existente .botao{text-decoration:none}
.alerta.acesso-existente a.botao-contornado{color:var(--primaria)}
.acesso-mensagem{margin:0!important;font-size:15px!important;line-height:1.5}