/* Aviso "Instalá la app de Chemas" (js/store/instalar-app.js). Solo celular. */
.app-instalar { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 2400;
  display: flex; align-items: center; gap: 12px; background: var(--color-white); border: 1px solid var(--color-gray-200);
  border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); padding: 12px 10px 12px 12px; font-family: var(--font-body);
  animation: app-instalar-entra .3s ease; }
@keyframes app-instalar-entra { from { transform: translateY(20px); opacity: 0; } to { transform: none; opacity: 1; } }
.app-instalar__icono { width: 44px; height: 44px; border-radius: 10px; flex-shrink: 0; }
.app-instalar__texto { flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.4; color: var(--color-gray-700); }
.app-instalar__texto strong { display: block; font-size: 14px; color: var(--color-black); margin-bottom: 1px; }
.app-instalar__texto svg { vertical-align: -2px; }
.app-instalar__si { font-family: inherit; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
  background: var(--color-black); color: #fff; border: 0; border-radius: 8px; padding: 9px 14px; cursor: pointer; flex-shrink: 0; }
.app-instalar__cerrar { border: 0; background: none; font-size: 22px; line-height: 1; color: var(--color-gray-600);
  cursor: pointer; padding: 4px 6px; font-family: inherit; flex-shrink: 0; }

/* Franja "Recibí estos avisos en este celular" (js/store/avisos-push.js),
   arriba de la lista del panel de la campana. */
.push-franja { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--color-gray-100);
  border-bottom: 1px solid var(--color-gray-200); font-size: 12px; line-height: 1.4; color: var(--color-gray-700); }
.push-franja span { flex: 1; min-width: 0; }
.push-franja svg { flex-shrink: 0; }
.push-franja button { font-family: inherit; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
  border: 0; border-radius: 6px; padding: 7px 12px; background: var(--color-black); color: #fff; cursor: pointer; flex-shrink: 0; }
.push-franja button:disabled { opacity: .5; }
.push-franja .push-franja__suave { background: none; color: var(--color-gray-600); border: 1px solid var(--color-gray-300); }
.push-franja__ok { color: var(--color-success); font-weight: 600; }