/* O app em todo o site (28/10/2026). Nada cobre a tela: tudo é bloco no fluxo da página. */
.mg-app-selos{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mg-app-selo{display:inline-block;line-height:0}
.mg-app-selo img{height:48px;width:auto;display:block}
.mg-app-qr{display:none;text-align:center}
.mg-app-qr canvas{background:#fff;padding:6px;border-radius:8px;image-rendering:pixelated}
.mg-app-qr p{margin:8px 0 0;font-size:13px;color:#52678a}
@media (hover:hover) and (pointer:fine) and (min-width:900px){.mg-app-qr{display:block}}
/* Bloco do rodapé */
.mg-app-rodape{background:#0a2250;color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.mg-app-rodape__in{max-width:1200px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.mg-app-rodape__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mg-app-rodape__txt strong{font-size:16px}
.mg-app-rodape__txt span{font-size:13px;opacity:.8}
.mg-app-qr--rodape canvas{width:76px;height:76px;padding:4px}
/* Página /app/ */
.mg-app-pg{display:flex;justify-content:center;padding:48px max(16px,env(safe-area-inset-left,0px)) 64px;background:#f2f6fc}
.mg-app-pg__caixa{width:100%;max-width:560px;background:#fff;border:1px solid #dbe5f3;border-radius:20px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:#0d2b5c}
.mg-app-pg__ico{border-radius:18px}
.mg-app-pg h1{margin:0;font-size:26px;line-height:1.2;font-weight:800}
.mg-app-pg__txt{margin:0;max-width:42ch;color:#3c5478}
.mg-app-pg .mg-app-selos{justify-content:center}
.mg-app-pg__ios{text-align:left;background:#eef5ff;border-radius:14px;padding:14px 16px;font-size:14px;color:#3c5478}
.mg-app-pg__ios h2{margin:0 0 4px;font-size:15px;color:#0d2b5c}
.mg-app-pg__ios p{margin:0}
/* Dentro do app instalado: nada de convite */
@media (display-mode:standalone){[data-mg-app-bloco]{display:none!important}}