table {
  width: 100%;
}

.table-row,
.table-data {
  text-align: center;
}

.table-head-unap {
  background: rgba(199, 196, 95, 0.3);
}

.table-head-luna {
  background: rgba(166, 128, 194, 0.3);
}


@media (max-width: 650px) {
    .table-head-unap,
    .table-head-luna {
	display: none;
    }
  .table-data {
    display: grid;
    grid-template-columns: 150px auto;
    gap: 0,6rem;
    text-align: left;
  }
  .table-data::before {
    content: attr(data-cell) ": ";
    font-weight: bold;
  }
  .table-info {
    border-collapse: collapse;
  }
    cellspacing: 0;
}