/* ═══════════════════════════════════════════════════════════════════════════
   PWA Install Banner — Parroquia San Vicente Ferrer de Moravia
   ═══════════════════════════════════════════════════════════════════════════ */

.pwa-install-banner {
  position: fixed;
  bottom: 72px; /* encima del bottom-nav móvil */
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2rem);
  max-width: 480px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.14);
  padding: 0.875rem 1rem;
  z-index: 1045;
  animation: pwa-slide-up 0.3s ease;
}

@keyframes pwa-slide-up {
  from { opacity: 0; transform: translateX(-50%) translateY(20px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@media (min-width: 768px) {
  .pwa-install-banner {
    bottom: 1.5rem;
  }
}