/* PWA · instalación y notificaciones */
.pwa-install-btn {
    position: fixed;
    left: max(14px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 240;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(45, 38, 27, .16);
    border-radius: 999px;
    background: rgba(250, 247, 242, .96);
    color: var(--ink);
    box-shadow: 0 12px 28px -18px rgba(45, 38, 27, .55);
    font: 500 12px/1 var(--sans, Inter, sans-serif);
    cursor: pointer;
    backdrop-filter: blur(12px);
}
.pwa-install-btn:hover { background: #fff; }
.pwa-install-btn svg { width: 15px; height: 15px; }
.pwa-sheet {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(29, 27, 24, .45);
    backdrop-filter: blur(6px);
}
.pwa-sheet__card {
    width: min(400px, 100%);
    border-radius: 22px;
    background: #fffdfa;
    border: 1px solid var(--line);
    padding: 26px;
    box-shadow: 0 32px 70px -36px rgba(0, 0, 0, .5);
}
.pwa-sheet__card h2 {
    margin: 10px 0 10px;
    font: 400 32px/1 var(--serif, Georgia, serif);
}
.pwa-sheet__card p { margin: 0 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.pwa-sheet__card ol { margin: 0 0 18px 18px; padding: 0; color: var(--ink-2); font-size: 13px; line-height: 1.75; }
.pwa-sheet__card .btn { width: 100%; }
.pwa-push-note { font-size: 10.5px; color: var(--muted-2); line-height: 1.5; padding: 0 18px 10px; }
@media (display-mode: standalone) {
    .pwa-install-btn { display: none !important; }
}
@media (max-width: 620px) {
    .pwa-install-btn { bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; font-size: 11px; min-height: 36px; }
}