/* Utility classes for displaying information in grid/card format */

/* Info Grid - Grid layout para exibir informações */
.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-10);
}

/* Info Item - Container para um item de informação */
.info-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

/* Info Label - Label/título da informação */
.info-label {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
  color: var(--gray-600);
}

/* Info Value - Valor da informação */
.info-value {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
  color: var(--gray-900);
}

/* No Info - Estado vazio */
.no-info {
  color: var(--gray-400);
  font-style: italic;
}