/* Invitación discreta para instalar la carta pública. */
.carta-pwa-install {
    position: fixed;
    z-index: 1085;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    left: max(16px, env(safe-area-inset-left));
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 540px;
    margin: 0 auto;
    padding: 14px 16px;
    color: var(--color-text, #f8fafc);
    background: var(--color-card, #111c2f);
    border: 1px solid var(--color-border, rgba(148,163,184,.28));
    border-radius: 16px;
    box-shadow: 0 16px 42px rgba(2, 8, 23, .36);
}
.carta-pwa-install-copy { display: grid; min-width: 0; gap: 3px; flex: 1; }
.carta-pwa-install-copy strong { font-size: .88rem; line-height: 1.2; }
.carta-pwa-install-copy span { color: var(--color-muted, #cbd5e1); font-size: .78rem; line-height: 1.35; }
.carta-pwa-install-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.carta-pwa-install button { min-height: 36px; border-radius: 9px; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.carta-pwa-install-primary { padding: 0 13px; color: var(--public-primary-text, #1c0b03); background: var(--color-primary, #fb923c); border: 1px solid var(--color-primary, #fb923c); }
.carta-pwa-install-close { padding: 0 5px; color: var(--color-text, #f8fafc); background: transparent; border: 0; }
.carta-pwa-install-close:hover, .carta-pwa-install-close:focus-visible { text-decoration: underline; outline: none; }
.carta-pwa-promociones {
    position: fixed;
    z-index: 1084;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(96px, calc(80px + env(safe-area-inset-bottom)));
    left: max(16px, env(safe-area-inset-left));
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 540px;
    margin: 0 auto;
    padding: 14px 16px;
    color: var(--color-text, #f8fafc);
    background: var(--color-card, #111c2f);
    border: 1px solid color-mix(in srgb, var(--color-primary, #fb923c) 55%, var(--color-border, #334155));
    border-radius: 16px;
    box-shadow: 0 16px 42px rgba(2, 8, 23, .36);
    animation: carta-pwa-promo-entrar .22s ease-out;
}
.carta-pwa-promociones--saliendo { animation: carta-pwa-promo-salir .2s ease-in forwards; pointer-events: none; }
@keyframes carta-pwa-promo-entrar { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes carta-pwa-promo-salir { to { opacity: 0; transform: translateY(10px); } }
@media (max-width: 380px) {
    .carta-pwa-install { align-items: flex-start; gap: 10px; padding: 12px; }
    .carta-pwa-install-actions { flex-direction: column; align-items: stretch; gap: 3px; }
    .carta-pwa-promociones { align-items: flex-start; gap: 10px; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .carta-pwa-install, .carta-pwa-promociones, .carta-pwa-promociones--saliendo { animation: none; transition: none; }
}