/* O passo a passo de pôr o Zero DP na tela do iPhone (o Safari não tem botão de instalar). Mesmo jeito da porta do código. */
.instalar { width: min(100% - 32px, 420px); padding: 0; border: 1px solid var(--fio-forte); border-radius: 18px; background: var(--painel); color: var(--texto); box-shadow: 0 30px 80px rgb(0 0 0 / .6); }
.instalar::backdrop { background: rgb(5 5 5 / .72); backdrop-filter: blur(3px); }
.instalar[open] { animation: instalar-abre .32s var(--curva); }
@keyframes instalar-abre { from { opacity: 0; translate: 0 14px; scale: .98; } }
.instalar-caixa { display: grid; gap: 16px; padding: 26px 24px 22px; }
.instalar-titulo { margin-top: -6px; font: 400 25px/1.2 var(--letra); letter-spacing: -.012em; text-wrap: balance; }
.instalar-passos { display: grid; gap: 12px; counter-reset: passo; }
.instalar-passos li { position: relative; padding-left: 38px; font-size: 16.5px; line-height: 1.55; color: #dcdad5; }
.instalar-passos li::before { counter-increment: passo; content: counter(passo, decimal-leading-zero); position: absolute; left: 0; top: 0; font: 500 12px/2.1 var(--mono); letter-spacing: .08em; color: var(--ambar); }
.instalar-passos b { color: #fff; font-weight: 600; }
.instalar-passos .ic { display: inline-block; vertical-align: -3px; color: var(--ambar); }
.instalar .botao { width: 100%; margin-top: 4px; }

@media (max-width: 700px) {
  .instalar-caixa { padding: 24px 18px 18px; }
}