/* =====================================================================
   Burbuja de instalación PWA — hoja de estilos independiente.
   Se carga SIEMPRE (login y app), por eso no depende de las variables
   CSS definidas en incamar-app.css (ese archivo solo se carga tras
   iniciar sesión) — los colores de marca van escritos directamente.
   ===================================================================== */

.incamar-install-bubble {
	position: fixed; right: 20px; bottom: 100px; z-index: 999999;
	width: 56px; height: 56px; border-radius: 50%;
	background: var(--incamar-install-bubble-color, #c90003);
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 22px rgba(201,0,3,.45); cursor: pointer;
	animation: incamar-pulse 2.2s infinite;
}
@keyframes incamar-pulse {
	0% { box-shadow: 0 0 0 0 rgba(201,0,3,.55); }
	70% { box-shadow: 0 0 0 14px rgba(201,0,3,0); }
	100% { box-shadow: 0 0 0 0 rgba(201,0,3,0); }
}
@media (min-width: 640px) { .incamar-install-bubble { bottom: 24px; } }

.incamar-install-modal {
	display: none; position: fixed; inset: 0; background: rgba(11,20,40,.55);
	z-index: 9999999; align-items: flex-end; justify-content: center;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.incamar-install-modal.open { display: flex; }
.incamar-install-modal-content {
	background: #fff; width: 100%; max-width: 420px;
	border-radius: 20px 20px 0 0; padding: 24px 22px calc(24px + env(safe-area-inset-bottom));
	position: relative; animation: incamar-slideup .25s ease;
}
@media (min-width: 640px) { .incamar-install-modal { align-items: center; } .incamar-install-modal-content { border-radius: 16px; } }
@keyframes incamar-slideup { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.incamar-install-close {
	position: absolute; top: 14px; right: 16px; background: none; border: none;
	font-size: 20px; cursor: pointer; color: #6b7280;
}
.incamar-install-modal h3 { margin: 0 0 12px; font-size: 17px; color: #192d73; font-family: inherit; }
.incamar-install-block p { font-size: 14px; margin: 0 0 12px; color: #1c2733; }
.incamar-install-block ol { padding-left: 18px; font-size: 14px; line-height: 1.7; margin: 0 0 12px; color: #1c2733; }
.incamar-install-block .incamar-btn-primary {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 46px; padding: 0 18px; border-radius: 8px; border: none;
	font-size: 15px; font-weight: 600; cursor: pointer; width: 100%;
	background: #001c8d; color: #fff;
}