/* Agregados de la app sobre enbe.css (sistema "Libreta añil"). Prefijo e-. */
.e-entrar{min-height:100vh;align-items:center;justify-content:center;padding:var(--e4)}
.e-entrar__caja{width:min(24rem,100%);display:grid;gap:var(--e4);padding:var(--e6)}
.e-entrar .e-campo{display:grid;gap:var(--e1)}

/* ===== Celular: barra superior compacta y fija, menú deslizable, cabecera en un renglón ===== */
@media (max-width:50rem){
  .e-app{overflow-x:hidden}
  .e-lateral{position:sticky;top:0;z-index:5;gap:var(--e1);padding:var(--e2) var(--e4) 0;box-shadow:0 1px 0 var(--linea)}
  .e-marca-bloque .e-meta{display:none}
  .e-marca{font-size:1.25rem}
  .e-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:var(--e1)}
  .e-nav::-webkit-scrollbar{display:none}
  .e-nav__item{min-height:40px;padding:var(--e1) var(--e3);gap:var(--e2);scroll-snap-align:start;font-size:.9375rem;white-space:nowrap}
  .e-nav__item .e-icono{width:18px;height:18px}
  .e-main{gap:var(--e4)}
  .e-cabecera{min-height:44px;flex-wrap:nowrap;gap:var(--e2)}
  .e-cabecera__dato{gap:var(--e2);font-size:.8125rem;flex-wrap:nowrap;white-space:nowrap}
  .e-cabecera__dato > .e-icono{display:none}
  .e-usuario > span:not(.e-avatar){display:none}
  .e-avatar{width:28px;height:28px;font-size:.75rem}
  .e-titulo{flex-wrap:wrap;gap:var(--e3)}
  .e-titulo__acciones{width:100%}
  .e-titulo__acciones .e-boton{width:100%;justify-content:center}
  .e-h1{font-size:1.5rem}
  .e-panel__cab{flex-wrap:wrap;gap:var(--e2)}
  .e-tabla-caja{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .e-campo select,.e-campo input,.e-entrada{width:100%}
}