/* ==========================================================================
   SGP — S1 · o aplicativo instalável
   Duas peças pequenas: o convite de pôr na tela de início e o cartão que liga
   o aviso no celular. Tudo com token do design system — nenhuma cor solta.
   ========================================================================== */

.convite-de-instalacao {
  margin-bottom: var(--esp-4);
}

.convite-de-instalacao__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--esp-2);
  margin-top: var(--esp-3);
}

.aviso-no-aparelho__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--esp-2);
  margin: var(--esp-3) 0 0;
}

/* O recado de estado ("pronto", "o navegador não deu permissão") ocupa lugar
   fixo: sem isto o cartão pula de altura quando a frase aparece, e o polegar
   erra o botão que acabou de mirar. */
.aviso-no-aparelho__situacao {
  min-height: 1.4em;
  margin-top: var(--esp-2);
  font-size: var(--texto-sm);
  color: var(--cor-texto-suave);
}