body {
    background: #ddd;
    font-family: monospace;
}

.container-table{
    width: 90%;
    background: white;
    margin: 10px auto;
    box-shadow: 0 0 90px #333;

    display: grid;
    grid-template-columns: repeat(8, 12.5%);
    grid-auto-rows: 40px;
}

.table__title{
    grid-column-start: 1;
    grid-column-end: 9;


    background: rgba(40, 65, 120, 1);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.9em;

}

.table__header, .table__item{
    display: flex;
    justify-content: center;
    align-items: center;

}

.table__header{
    font-weight: bold;
    font-size: 1.5em;
}

.table__item{
    padding: 20px;
    font-size: 1.2em;

}

@media (max-width: 991.98px) {
  /* En móvil y tablets (menos que 'lg') */
  .responsive-rounded {
    border-radius: 0.3rem !important; /* equivalente a rounded-lg */
  }
}

@media (min-width: 992px) {
  /* En escritorio (lg y más) */
  .responsive-rounded {
    border-radius: 50rem !important; /* equivalente a rounded-pill */
  }
}