span{
    font-size: 1rem;
    color: #6D0D1B;
}
a{
    text-decoration: none;
}

/* tabelle */
.container {
  width: 80%;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  align-items: flex-start; /* <-- le tabelle si allineano in alto, non si stirano */
}
table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
th, td {
    /* border: 1px solid #333; */
    padding: 10px;
    font-size: 1rem;
}

    /* Prima tabella: 2 colonne uguali */
    .table-2col td, 
    .table-2col th {
      width: 50%;
      text-align: left;
      margin-left: 15px;
    }
    .table-2col th{
        text-align: center;
    }

    /* Seconda tabella: 3 colonne (10% al centro, resto diviso) */
    .table-3col td:nth-child(2),
    .table-3col th:nth-child(2) {
      width: 10%;
    }
    .table-3col th{
        text-align: center;
    }
    .table-3col td:nth-child(1),
    .table-3col th:nth-child(1),
    .table-3col td:nth-child(3),
    .table-3col th:nth-child(3) {
      width: 45%;
    }
    .table-3col td:nth-child(1){
        text-align: right;
        margin-right: 10px;
    }
    .table-3col td:nth-child(3){
        text-align: left;
        margin-left: 10px;
    }

    caption {
      font-weight: bold;
      margin-bottom: 8px;
      font-size: 1.1em;
    }

    @media (max-width: 768px) {
        .container{
            display: block;
            width: 95%;
        }
        .table-3col td:nth-child(1){
            text-align: right;
            margin-right: 0px;
        }
        .table-3col td:nth-child(3){
            text-align: left;
            margin-left: 0px;
        }
    }