/* ── BITÁCORA ──
   [v2026.10.28-1] app-instalar.css
   2026-10-28 | ARCHIVO NUEVO. La invitación a instalar Heavensy en el celular (app-instalar.js [v2026.10.28-1]): una hoja
     que sube desde abajo.
*/
.app-inv-fondo { position: fixed; inset: 0; z-index: 2147483000; background: rgba(30, 32, 56, 0); display: flex; align-items: flex-end;
  transition: background .25s; font-family: 'DM Sans', sans-serif; }
.app-inv-fondo.abierta { background: rgba(30, 32, 56, .4); }
.app-inv { position: relative; width: 100%; background: #fff; border-radius: 20px 20px 0 0; padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .15); transform: translateY(100%); transition: transform .25s ease-out; color: #2f3142; }
.app-inv-fondo.abierta .app-inv { transform: none; }
.app-inv-x { position: absolute; top: 10px; right: 10px; border: 0; background: none; color: #9BA3C0; font-size: 16px; width: 32px; height: 32px; border-radius: 50%; }
.app-inv-cab { display: flex; gap: 12px; align-items: center; padding-right: 26px; }
.app-inv-cab img { width: 52px; height: 52px; border-radius: 13px; flex-shrink: 0; }
.app-inv-cab b { display: block; font-size: 16px; } .app-inv-cab small { display: block; color: #6b7194; font-size: 13px; line-height: 1.4; margin-top: 2px; }
.app-inv-pasos { list-style: none; margin: 14px 0 0; padding: 0; font-size: 14px; }
.app-inv-pasos li { display: flex; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid #f1f0f5; }
.app-inv-pasos li span { width: 24px; height: 24px; border-radius: 50%; background: #f3edff; color: #7c3aed; display: inline-flex; align-items: center;
  justify-content: center; font-weight: 700; font-size: 12px; flex-shrink: 0; }
.app-inv-pasos em { font-style: normal; } .app-inv-pasos i { color: #2563eb; }
.app-inv-acc { display: flex; gap: 10px; margin-top: 14px; }
.app-inv-acc button { flex: 1; border-radius: 12px; padding: 12px; font: 700 14px 'DM Sans', sans-serif; border: 0; cursor: pointer; }
.app-inv-no { background: #f3f2f8; color: #6b7194; }
.app-inv-si { color: #fff; background: linear-gradient(90deg, #9961FF, #5b8dee); }