/* Mantém a caixa de fundo que você criou antes */
.lista-com-bolinhas {
  background-color: #f0f4f8;
  border: 1px solid #d1d9e0;
  padding: 15px;
  border-radius: 8px;
  max-width: 400px;
}

/* Adiciona a bolinha antes de cada termo (<dt>) */
dt::before {
  content: "•";        /* Código do caractere de bolinha */
  color: #0076ff;      /* Cor da bolinha (pode mudar para a que quiser) */
  font-weight: bold;   /* Deixa a bolinha mais visível */
  display: inline-block; 
  width: 15px;         /* Espaço entre a bolinha e o texto */
}

/* Ajustes visuais padrão */
dt {
  font-weight: bold;
  margin-top: 10px;
}

dd {
  margin-left: 15px;   /* Alinha a descrição logo abaixo do termo */
  color: #4a5568;
}