.grid-container {
    margin: 10px; /* Reduzi a margem para 10px */
}

.dashboard-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Garante que o cartão ocupe toda a altura do tile */
    width: calc(100% - 20px); /* Ajusta a largura do cartão para compensar a margem do contêiner */
    overflow: visible; /* Adiciona overflow: visible para garantir que o conteúdo completo seja visível */
}

.dashboard-card-content {
    flex: 1; /* Faz com que o conteúdo do cartão ocupe o espaço disponível */
    text-align: center;
}

.info-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; /* Ocupará 100% da largura do grid-tile */
    height: 120px; /* Altura maior para formar um retângulo */
    background-color: #f5f5f5; /* Cor de fundo para melhor visualização */
  }
  
  .info-value {
    font-size: 2em;
    font-weight: bold;
    color: #007bff;
    text-align: center;
  }
  
  .mat-grid-list {
    justify-content: start;
  }