/* La barra que invita a instalar la app (static/js/barra_app.js). Solo la
   muestra el JavaScript, en telefonos y tablets. */
.barra-app {
  display: flex; align-items: center; gap: .75rem;
  margin: .5rem .75rem; padding: .65rem .8rem;
  background: #0f172a; color: #f8fafc;
  border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #dc2626;
  border-radius: .75rem; box-shadow: 0 4px 14px rgba(15,23,42,.25);
  font-size: .9rem;
}
.barra-app[hidden] { display: none; }
.barra-app-ico { width: 2.4rem; height: 2.4rem; flex: 0 0 auto; border-radius: .6rem; }
.barra-app-texto { flex: 1 1 auto; min-width: 0; line-height: 1.3; }
.barra-app-titulo { display: block; font-weight: 600; }
.barra-app-detalle { color: #cbd5e1; font-size: .82rem; margin-top: .15rem; }
.barra-app-detalle .bi { font-size: 1rem; vertical-align: -2px; }
.barra-app-botones { display: flex; flex-direction: column; gap: .25rem; flex: 0 0 auto; }
.barra-app-botones .btn-link { color: #94a3b8; text-decoration: none; font-size: .8rem; padding: 0; }