/* ═══════════════════════════════════════════════════════════════════════
   CRM CONFIANÇA — entrar/entrar.css: a entrada única (16/10/2026)
   Vem depois de tokens.css e base.css; só a camada semântica dos tokens.
   Mesma família do portal do cliente (cliente.css, tela de entrar): fundo
   recuado, cartão de papel no meio, marca em cima, régua no rodapé. Grande
   no celular (375 px), campos de 54 px, texto ≥ 15 px, nada de rótulo em
   mono maiúsculo espaçado.
   ═══════════════════════════════════════════════════════════════════════ */

body.ent{min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; background:var(--fundo-2)}
.ent > main{flex:1 0 auto; width:100%}

/* ── a marca ─────────────────────────────────────────────────────────── */
.ent-topo{display:flex; justify-content:center; padding:30px 16px 6px}
.ent-marca{display:inline-flex; align-items:center; gap:10px; font-family:var(--serif);
  font-size:20px; line-height:1; color:var(--marca-nome); white-space:nowrap}
.ent-marca .prumo{height:36px}
.ent-marca b{font-weight:600; font-variation-settings:var(--serif-titulo)}
.ent-traco{display:inline-block; width:18px; height:2px; background:var(--marca-fio); margin:0 2px}
.ent-marca-sub{font-family:var(--sans); font-size:15px; color:var(--texto-2)}
@media (max-width:370px){ .ent-traco, .ent-marca-sub{display:none} }

/* ── o cartão ────────────────────────────────────────────────────────── */
.ent-meio{display:flex; justify-content:center; align-items:flex-start; padding:clamp(12px,5vh,52px) 16px 44px}
.ent-cartao{position:relative; z-index:1; width:100%; max-width:440px; background:var(--cartao); border:1px solid var(--borda);
  border-radius:var(--raio-cartao); box-shadow:var(--sombra-cartao); padding:36px 34px 28px}
.ent-tela[hidden]{display:none}
.ent-cartao h1{font-size:30px; line-height:1.15; margin:0 0 8px}
.ent-sub{color:var(--texto-2); font-size:15px; line-height:1.55; margin:0 0 22px}
.ent-aviso{margin:0 0 18px; font-size:15px; line-height:1.5}
.ent-aviso[hidden]{display:none}
.ent-aviso a{color:var(--acento-texto); font-weight:600}

.ent-form{display:flex; flex-direction:column; gap:20px}
.ent-form .campo-rotulo{font-size:15px; font-weight:500; color:var(--texto-2)}
.ent-form .campo input:not([type=checkbox]){min-height:54px; font-size:17px; padding:12px 14px}
.ent-form .campo-erro{font-size:15px}
.ent-form .bt{margin-top:2px}
.ent-regras{margin-top:-6px; padding:14px 16px; border-radius:var(--raio-campo); background:var(--fundo-2)}

.ent-conta{margin:-10px 0 22px; font-size:15px; color:var(--texto-2); overflow-wrap:anywhere}
.ent-conta b{color:var(--texto); font-weight:600}

.ent-esqueci{margin:20px 0 0; text-align:center; font-size:15px}
.ent-esqueci a, .ent-pe a{color:var(--acento-texto); font-weight:500; text-decoration:underline; text-underline-offset:3px}
.ent-esqueci a:hover, .ent-pe a:hover{color:var(--texto)}
.ent-esqueci a{display:inline-flex; align-items:center; min-height:44px; padding:0 6px}
.ent-pe{margin:20px 0 0; padding-top:18px; border-top:1px solid var(--borda); text-align:center;
  font-size:15px; color:var(--texto-2); line-height:1.6}

.ent-medindo .medindo{margin-top:4px}
.ent-medindo .ent-sub{margin-bottom:12px}

.ent-pronto{padding:18px 18px 16px; border-left:3px solid var(--st-concluido); background:var(--fundo-2); border-radius:var(--raio-campo)}
.ent-pronto[hidden]{display:none}
.ent-pronto p{font-size:15px; line-height:1.55; color:var(--texto-2); margin:0}
.ent-pronto p + p{margin-top:8px}
.ent-pronto-t{font-family:var(--serif); font-variation-settings:var(--serif-h3); font-size:21px !important; color:var(--texto) !important; line-height:1.2 !important}
.ent-fraco{color:var(--texto-3) !important; font-size:14px !important}

.ent-acoes{display:flex; flex-direction:column; gap:12px}

/* ── rodapé-régua (o mesmo do site e do portal) ──────────────────────── */
.ent-rodape{flex:none; width:100%}
.ent-rodape-dentro{--gut:16px; position:relative; max-width:440px; margin:0 auto; text-align:center;
  padding:34px var(--gut) 40px; font-size:14px; line-height:1.7; color:var(--texto-3);
  background-image:
    repeating-linear-gradient(90deg, var(--borda-forte) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(90deg, var(--borda-forte) 0 1px, transparent 1px 45px);
  background-position:var(--gut) 0, var(--gut) 0;
  background-size:calc(100% - var(--gut)*2) 8px, calc(100% - var(--gut)*2) 17px;
  background-repeat:no-repeat, no-repeat}
.ent-rodape-dentro::before{content:""; position:absolute; left:50%; top:0; width:2px; height:23px; background:var(--acento)}
.ent-rodape-dentro a{color:var(--texto-2)}
.ent-rodape-dentro a:hover{color:var(--acento-texto)}
.ent-noscript{padding:16px 24px; text-align:center; color:var(--texto-2)}

/* ── celular ─────────────────────────────────────────────────────────── */
@media (max-width:520px){
  .ent-topo{padding-top:22px}
  .ent-meio{padding:6px 12px 32px}
  .ent-cartao{padding:28px 20px 22px; border-radius:5px}
  .ent-cartao h1{font-size:27px}
}