/* Ajuste do botao do lancador (padrao Realiza), sem alterar o lancador.css.
   Especificidade .lr .lr__botao (mais alta) pra nao ser sobrescrito pelo CSS
   do app que carrega depois.
   - Um circulo so, genio afastado das bordas.
   - Anel azul-ciano APENAS ao passar o mouse / clicar (aberto). */
.lr .lr__botao {
  padding: 9px;
  border: 1px solid var(--lr-borda);
  box-shadow: var(--lr-sombra);
}
.lr .lr__botao img { object-fit: contain; }
.lr .lr__botao:hover,
.lr .lr__botao[aria-expanded='true'] {
  border-color: var(--lr-marca);
  box-shadow: var(--lr-sombra),
              0 0 0 3px var(--lr-marca-fundo),
              0 0 18px rgba(0, 138, 252, .40);
}

/* Celular (até 768px, decisão de 10/11/2026): botão de 48px, a 12px das bordas e
   fora da área do recorte/barra do iPhone (env(safe-area-inset-*)). */
@media (max-width: 768px) {
  .lr {
    right: calc(12px + env(safe-area-inset-right, 0px));
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .lr .lr__botao { width: 48px; height: 48px; padding: 7px; }
  .lr .lr__painel { bottom: calc(100% + 10px); width: min(330px, calc(100vw - 24px)); }
}