/* VERSÃO CELULAR: o app ocupa a tela inteira, sem moldura de celular nem barra de apresentação */
html.mobile,html.mobile body{height:100%;overflow:hidden;background:var(--bg)}
html.mobile body{display:block;background-image:none}
html.mobile .top,html.mobile footer,html.mobile .col h3{display:none}
html.mobile #stage{padding:0;display:block;zoom:1!important;height:100%}
html.mobile .col{display:block;height:100%}
html.mobile .phone{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}
html.mobile .phone::before,html.mobile .status{display:none}
html.mobile .screen{padding-top:calc(env(safe-area-inset-top) + 14px);padding-bottom:calc(env(safe-area-inset-bottom) + 124px)}
html.mobile .screen.bleed{padding:0}
html.mobile .screen.bleed .sheet{padding-bottom:calc(env(safe-area-inset-bottom) + 124px)}
html.mobile .back,html.mobile .sv{top:calc(env(safe-area-inset-top) + 14px)}
html.mobile .mtop{top:calc(env(safe-area-inset-top) + 14px)}
html.mobile .buscar{top:calc(env(safe-area-inset-top) + 168px)!important}
html.mobile .island{bottom:calc(env(safe-area-inset-bottom) + 12px);max-width:520px}
html.mobile .fab{bottom:calc(env(safe-area-inset-bottom) + 98px)}
html.mobile .mfilters{bottom:calc(env(safe-area-inset-bottom) + 94px)}
html.mobile .msheet{bottom:calc(env(safe-area-inset-bottom) + 216px)}
html.mobile .mob-only{display:flex}
/* no computador, o app fica numa coluna da largura de um celular */
@media (min-width:600px){html.mobile .phone{max-width:480px;margin:0 auto}}