input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

entrada-numerica {
  display: inline-flex;
  flex: 0 0 auto;
  width: fit-content;
}

entrada-numerica .entrada-numerica {
    display: flex;
    width: fit-content;
    width: 100%;
    height: var(--altura-2);
    overflow: hidden;
    border: var(--borda-normal);
    border-radius: var(--borda-raio);
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
}

entrada-numerica input,
entrada-numerica button {
    box-sizing: border-box;
    appearance: none;
    border: 0;
    outline: 0;
    margin: 0;
    background-color: transparent;
    color: inherit;
}

entrada-numerica input {
    flex: 1;
    min-width: 2.5rem;
    width: 100%;
    text-align: center;
}

entrada-numerica button {
    width: 2.5rem;
    flex-shrink: 0;
    cursor: pointer;
}

entrada-numerica button:hover,
entrada-numerica button:active {
    color: var(--cor-azul);
    background-color: var(--cor-cinza);
}

entrada-numerica:focus,
entrada-numerica:hover {
    cursor: pointer;
    border-color: var(--cor-azul);
    outline: none;
}

entrada-numerica input::-webkit-inner-spin-button,
entrada-numerica input::-webkit-outer-spin-button {
    display: none;
}