/* ==========================================================================
   Búho Smart ERP — Estilos de Instalación PWA (Móvil y Escritorio)
   Garantiza visibilidad llamativa y botón azul real con máxima especificidad.
   ========================================================================== */

.buho-btn-pwa-install {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: #1d4ed8 !important; /* Azul Rey Sólido e Intenso */
  background-image: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #ffffff !important;
  border: 1px solid #1e40af !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-family: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 3px 8px rgba(29, 78, 216, 0.4) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  vertical-align: middle !important;
  outline: none !important;
  white-space: nowrap !important;
}

.buho-btn-pwa-install:hover {
  background: #1e40af !important;
  background-image: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
  border-color: #172554 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(29, 78, 216, 0.55) !important;
  transform: translateY(-1.5px) !important;
}

.buho-btn-pwa-install:active {
  transform: translateY(0.5px) !important;
  box-shadow: 0 1px 4px rgba(29, 78, 216, 0.3) !important;
}

.buho-btn-pwa-install .buho-pwa-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.buho-btn-pwa-install .buho-pwa-text {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
}

/* Estado cuando la app ya está instalada */
.buho-btn-pwa-install.is-installed {
  background: #059669 !important;
  background-image: none !important;
  border-color: #047857 !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.35) !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Animación de apertura del modal */
@keyframes buhoModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}