/*  🔧  Coloque este bloco em “Layout > Arquivos do Tema > CSS extra”  */
/*  Mantém os três itens na mesma linha nos celulares               */
@media (max-width: 600px) {
  /* UL */
  .atendimento {
    display: flex;          /* tira os floats antigos */
    flex-wrap: nowrap;      /* não quebra linha        */
    justify-content: space-between;
    padding: 0;
  }

  /* LI */
  .atendimento > li {
    flex: 1 1 0;            /* três colunas iguais     */
    display: flex;
    align-items: center;    /* centraliza verticalmente ícone + texto */
    justify-content: center;
    text-align: center;
    margin: 0;              /* remove possíveis margens herdadas */
  }

  /* ícone + texto lado a lado */
  .atendimento .display-table {
    display: inline-flex !important;
    align-items: center;
  }

  /* espaço entre ícone e texto */
  .atendimento .icone-box {
    margin-right: 6px;
  }

  /* evita quebra no telefone */
  .atendimento .nowrap {
    white-space: nowrap;
  }