/* 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:15px}
.en-brand small{display:block;color:#8993a2;font-size:10px;margin-top:2px}
.en-tag{font-size:8px;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:9px;font-weight:800;letter-spacing:.12em;color:#2f70ca}
.en-hero h1{margin:0 0 14px;font-size:30px;line-height:1.2;letter-spacing:-.02em;color:#101b2e;max-width:16em}
.en-lead{margin:0 0 20px;font-size:13px;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:12px;font-weight:650}
.en-nota{margin:0 0 22px;font-size:10px;line-height:1.6;color:#6d788a;max-width:46em}
.en-nota b{color:#29354a}

.en-label{margin:0 0 10px;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8993a2}
.en-sub{margin:-4px 0 12px;font-size:10px;color:#8993a2}
.en-mini{margin:12px 0 0;font-size:10px;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:22px;color:#16233a;letter-spacing:-.02em}
.en-nums span{display:block;font-size:9px;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:15px;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:12px;color:#16233a;line-height:1.4}
.en-op small{display:block;font-size:9px;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:10px;font-weight:650;color:#29354a;font-variant-numeric:tabular-nums}
.en-op.best span{border-color:#cbe7d8;color:#1f7a50}
.en-vs{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a6aebc;text-align:center}
.en-verdito{margin:14px 0 14px;font-size:11px;font-weight:600;color:#29354a;line-height:1.6}
.en-caso>button{height:38px;padding:0 16px;border-radius:9px;font-size:11px;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:13px;color:#16233a}
.en-dor{margin:0 0 8px;font-size:10px;color:#2f70ca;font-style:italic;line-height:1.5}
.en-txt{margin:0;font-size:10px;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:15px;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:11px;font-weight:800;display:grid;place-items:center}
.en-passos b{display:block;font-size:11px;color:#29354a}
.en-passos small{display:block;font-size:10px;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:12px;color:#16233a}
.en-perfis small{display:block;font-size:10px;color:#8993a2;margin:4px 0 7px;line-height:1.6}
.en-perfis em{font-style:normal;font-size:10px;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:10px;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:15px;margin-bottom:7px}
.en-cta p{margin:0;font-size:10px;color:#9fb3cf;line-height:1.7}
.en-cta button{flex:none;height:42px;padding:0 20px;border-radius:9px;font-size:12px;font-weight:650}

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

@media(max-width:860px){
  .en-wrap{padding:0 16px 32px}
  .en-hero h1{font-size:24px}
  .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:10px;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:9px}}

/* 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:20px;color:#101b2e;letter-spacing:-.02em}
.en-login label{display:block;font-size:9px;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:12px;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:12px;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:9px;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:12px;font-weight:650}
.en-visit:hover{background:#dff0e6;border-color:#9fd3b8}
.en-login-nota{margin:14px 0 0;font-size:9px;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}}