/* Porta de entrada — demonstração (celular primeiro) */
.en-wrap{max-width:1080px;margin:0 auto;padding:0 20px 40px}
.en-top{display:flex;align-items:center;justify-content:space-between;padding:22px 0 10px}
.en-brand{display:flex;align-items:center;gap:12px}
.en-brand strong{display:block;color:#16233a;letter-spacing:.12em;font-size:0.9375rem}
.en-brand small{display:block;color:#8993a2;font-size:0.75rem;margin-top:2px}
.en-tag{font-size:0.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#e7f0fc;color:#1e65c2;border-radius:6px;padding:5px 9px}

.en-hero{padding:26px 0 8px;border-bottom:1px solid #e6eaf0;margin-bottom:22px}
.en-eyebrow{margin:0 0 10px;font-size:0.6875rem;font-weight:800;letter-spacing:.12em;color:#2f70ca}
.en-hero h1{margin:0 0 14px;font-size:1.875rem;line-height:1.2;letter-spacing:-.02em;color:#101b2e;max-width:16em}
.en-lead{margin:0 0 20px;font-size:0.8125rem;line-height:1.7;color:#5d687b;max-width:46em}
.en-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}
.en-actions button{height:44px;padding:0 20px;border-radius:9px;font-size:0.875rem;font-weight:650}
.en-nota{margin:0 0 22px;font-size:0.75rem;line-height:1.6;color:#6d788a;max-width:46em}
.en-nota b{color:#29354a}

.en-label{margin:0 0 10px;font-size:0.625rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8993a2}
.en-sub{margin:-4px 0 12px;font-size:0.75rem;color:#8993a2}
.en-mini{margin:12px 0 0;font-size:0.75rem;line-height:1.6;color:#8993a2}

.en-cenario{margin-bottom:24px}
.en-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.en-nums article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 16px;box-shadow:0 2px 7px #17203305}
.en-nums strong{display:block;font-size:1.375rem;color:#16233a;letter-spacing:-.02em}
.en-nums span{display:block;font-size:0.6875rem;color:#8993a2;margin-top:5px;line-height:1.5}

.en-caso{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;box-shadow:0 2px 7px #17203305;margin-bottom:24px}
.en-caso h2{margin:0 0 14px;font-size:0.9375rem;color:#16233a}
.en-caso-body{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.en-op{border:1px solid #e1e5ec;border-radius:11px;padding:13px 15px;background:#f8fafb}
.en-op.best{border-color:#9fd3b8;background:#f2faf6}
.en-op b{display:block;font-size:0.875rem;color:#16233a;line-height:1.4}
.en-op small{display:block;font-size:0.6875rem;color:#8993a2;margin:4px 0 9px}
.en-op p{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.en-op span{background:#fff;border:1px solid #e1e5ec;border-radius:7px;padding:5px 9px;font-size:0.75rem;font-weight:650;color:#29354a;font-variant-numeric:tabular-nums}
.en-op.best span{border-color:#cbe7d8;color:#1f7a50}
.en-vs{font-size:0.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a6aebc;text-align:center}
.en-verdito{margin:14px 0 14px;font-size:0.8125rem;font-weight:600;color:#29354a;line-height:1.6}
.en-caso>button{height:38px;padding:0 16px;border-radius:9px;font-size:0.8125rem;font-weight:650}

.en-mods{margin-bottom:24px}
.en-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.en-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px;box-shadow:0 2px 7px #17203305}
.en-card h3{margin:0 0 7px;font-size:0.8125rem;color:#16233a}
.en-dor{margin:0 0 8px;font-size:0.75rem;color:#2f70ca;font-style:italic;line-height:1.5}
.en-txt{margin:0;font-size:0.75rem;color:#5d687b;line-height:1.65}

.en-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.en-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;box-shadow:0 2px 7px #17203305}
.en-box h2{margin:0 0 4px;font-size:0.9375rem;color:#16233a}

.en-passos{list-style:none;margin:10px 0 0;padding:0}
.en-passos li{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2f5}
.en-passos li:last-child{border-bottom:0;padding-bottom:0}
.en-passos i{flex:none;width:24px;height:24px;border-radius:8px;background:#1967d2;color:#fff;font-style:normal;font-size:0.8125rem;font-weight:800;display:grid;place-items:center}
.en-passos b{display:block;font-size:0.8125rem;color:#29354a}
.en-passos small{display:block;font-size:0.75rem;color:#8993a2;margin-top:4px;line-height:1.6}

.en-perfis{display:flex;flex-direction:column;gap:9px}
.en-perfis button{text-align:left;background:#f8fafb;border:1px solid #e1e5ec;border-radius:10px;padding:13px 14px}
.en-perfis button:hover{border-color:#1967d2;background:#f5f9ff}
.en-perfis b{display:block;font-size:0.875rem;color:#16233a}
.en-perfis small{display:block;font-size:0.75rem;color:#8993a2;margin:4px 0 7px;line-height:1.6}
.en-perfis em{font-style:normal;font-size:0.75rem;font-weight:700;color:#1967d2}

.en-limites{margin-bottom:24px}
.en-limites ul{list-style:none;margin:10px 0 0;padding:0}
.en-limites li{position:relative;padding:9px 0 9px 18px;font-size:0.75rem;color:#5d687b;line-height:1.65;border-bottom:1px solid #f4f6f8}
.en-limites li:last-child{border-bottom:0}
.en-limites li:before{content:'•';position:absolute;left:4px;top:8px;color:#d08a10;font-weight:800}

.en-cta{display:flex;align-items:center;gap:18px;background:#13223a;border-radius:12px;padding:22px 24px;color:#fff;margin-bottom:18px}
.en-cta b{display:block;font-size:0.9375rem;margin-bottom:7px}
.en-cta p{margin:0;font-size:0.75rem;color:#9fb3cf;line-height:1.7}
.en-cta button{flex:none;height:42px;padding:0 20px;border-radius:9px;font-size:0.875rem;font-weight:650}

.en-foot{text-align:center;font-size:0.6875rem;color:#a6aebc}

@media(max-width:860px){
  .en-wrap{padding:0 16px 32px}
  .en-hero h1{font-size:1.5rem}
  .en-caso-body{grid-template-columns:1fr}
  .en-duo{grid-template-columns:1fr}
  .en-cta{flex-direction:column;align-items:flex-start}
  .en-cta button{width:100%}
  .en-actions button{flex:1;min-width:150px}
}

/* marca clicável dentro do sistema */
.brand-btn{border:0;background:transparent;width:100%;text-align:left}
.brand-btn:hover strong{color:#9fd0ff}

/* etiqueta de somente leitura no lugar do seletor de perfil */
.ro-tag{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:8px;background:#fdf1e3;border:1px solid #f0d8b4;color:#a8690f;font-size:0.75rem;font-weight:700;white-space:nowrap;margin:0}
.sidebar .ro-tag{background:#2a3246;border-color:#3a4560;color:#e6b878;width:100%;justify-content:center;height:32px}
@media(max-width:760px){.topbar .ro-tag{font-size:0;padding:0 9px;height:34px}.topbar .ro-tag:before{content:'Visitante';font-size:0.6875rem}}

/* cartão de login */
.en-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:28px;align-items:start;padding:26px 0 24px;border-bottom:1px solid #e6eaf0;margin-bottom:22px}
.en-hero-txt{min-width:0}
.en-login{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 20px 18px;box-shadow:0 6px 22px #1720330f}
.en-login h2{margin:0 0 14px;font-size:1.25rem;color:#101b2e;letter-spacing:-.02em}
.en-login label{display:block;font-size:0.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8993a2;margin-bottom:10px}
.en-login input{display:block;width:100%;margin-top:5px;height:42px;border:1px solid #dfe3e9;border-radius:9px;padding:0 12px;font-size:0.875rem;color:#29354a;background:#fff;text-transform:none;letter-spacing:0}
.en-login input:focus{outline:none;border-color:#1967d2;box-shadow:0 0 0 3px #1967d21f}
.en-login>button{width:100%;height:44px;border-radius:9px;font-size:0.875rem;font-weight:650}
.en-ou{display:flex;align-items:center;gap:10px;margin:14px 0}
.en-ou:before,.en-ou:after{content:'';flex:1;height:1px;background:#e6eaf0}
.en-ou span{font-size:0.6875rem;color:#a6aebc;text-transform:uppercase;letter-spacing:.08em}
.en-visit{width:100%;height:44px;border-radius:9px;border:1px solid #cbe7d8;background:#eaf5ef;color:#1f7a50;font-size:0.875rem;font-weight:650}
.en-visit:hover{background:#dff0e6;border-color:#9fd3b8}
.en-login-nota{margin:14px 0 0;font-size:0.6875rem;line-height:1.6;color:#8993a2}
.en-login-nota b{color:#5d687b}
@media(max-width:860px){.en-hero{grid-template-columns:1fr;gap:20px}.en-login{order:-1}}

/* ===== Porta de entrada enxuta (12/11) ============================
   Pedido dele: "deixe mais limpo". A apresentação saiu; sobrou marca,
   frase e login, em UMA tela. Texto removido guardado em
   claude/entrada-apresentacao-removida.md
   ================================================================= */
.en-so-login{min-height:100vh;display:flex;flex-direction:column;padding-bottom:0}
.en-so-login .en-top{padding:28px 0 0}
.en-so-login .en-hero{flex:1;align-content:center;align-items:center;
  gap:52px;padding:40px 0;border-bottom:0;margin-bottom:0}
.en-so-login .en-hero h1{font-size:2.125rem;max-width:15em;margin-bottom:18px}
.en-so-login .en-lead{font-size:0.8125rem;max-width:32em;margin-bottom:0}
.en-so-login .en-login{padding:26px 26px 22px}
.en-so-login .en-login h2{margin-bottom:18px}
.en-so-login .en-foot{padding:0 0 28px}
@media(max-width:860px){
  .en-so-login{min-height:auto}
  .en-so-login .en-hero{padding:28px 0 34px;gap:26px}
  .en-so-login .en-hero h1{font-size:1.5625rem;max-width:none}
  .en-so-login .en-foot{padding-bottom:24px}
}

/* 12/11 — pedido dele: tirar o texto da porta de entrada e promover a
   marca ao lugar dele. Aqui só posição e tamanho da caixa; a marca em
   si (símbolo, nome, cores) continua sendo do valoria-tema.css. */
.en-so-login .en-top{justify-content:flex-end}
.en-marca-grande{flex-direction:column;align-items:flex-start;gap:22px}
@media(max-width:860px){
  .en-marca-grande{align-items:center;text-align:center;gap:16px}
  .en-so-login .en-hero-txt{display:flex;justify-content:center}
}

/* Primeiro acesso: criar a própria senha (14/11) */
.sn-quem{margin:0 0 4px;font-size:0.8125rem;font-weight:650;opacity:.8;word-break:break-all}
.sn-topo{margin-top:0}

/* "Esqueci minha senha": link discreto, não botão (14/11) */
.en-link{display:inline;background:none;border:0;padding:0;margin:10px 0 0;cursor:pointer;
  font:inherit;font-size:0.75rem;font-weight:600;color:inherit;opacity:.65;
  text-decoration:underline;text-underline-offset:3px}
.en-link:hover{opacity:1}
.en-esqueci{margin-top:8px}