/* Six local homepage shortcuts: responsive sizing without changing behavior. */
div:has(> button > img:is(
  [src="/uploads/promocao.png"],
  [src="/uploads/recompensa.png"],
  [src="/uploads/juros.png"],
  [src="/uploads/fundo.png"],
  [src="/uploads/rebate.png"],
  [src="/uploads/tarefa.png"]
)) {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  column-gap: 2px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
}

button:has(> img:is(
  [src="/uploads/promocao.png"],
  [src="/uploads/recompensa.png"],
  [src="/uploads/juros.png"],
  [src="/uploads/fundo.png"],
  [src="/uploads/rebate.png"],
  [src="/uploads/tarefa.png"]
)) {
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

img:is(
  [src="/uploads/promocao.png"],
  [src="/uploads/recompensa.png"],
  [src="/uploads/juros.png"],
  [src="/uploads/fundo.png"],
  [src="/uploads/rebate.png"],
  [src="/uploads/tarefa.png"]
) {
  display: block !important;
  width: 100% !important;
  max-width: 64px !important;
  height: 54px !important;
  object-fit: contain !important;
}