.navbar-nav {
  background: rgba(50,50,50,1);
  position: relative; /* Aplicado para evitar la sobreposición a una imagen hero en el navbar */
}
main {
  /*background: rgba(230,230,230,1);*/
  margin:3rem auto;
  width: 80%;
}
  .breadcrumb {
    font-size: 0.9rem;
    margin-bottom: 3rem !important;
  }
    .breadcrumb a {
      /*color: #6A1633;*/
    }
  section {

  }
    section h2 {
      font-size: 2rem;
      font-weight: bold;
      margin: 2rem 0;
    }
    section h3 {
      font-size: 1.5rem;
      font-weight: bold;
      margin: 2rem 0;
    }
    section h4 {
      font-size: 1.2rem;
      font-weight: bold;
      margin: 2rem 0;
      text-align: center;
    }
    section p {
      margin-bottom: 1rem;
    }
    section ul {
      margin-bottom: 1rem;
    }
    section ul li{
      list-style: disc;
      margin-left: 2rem;
    }
      section ul ul li{
        font-size: 0.9rem;
        list-style: square;
        margin-left: 4rem;
      }

  table.pay-table {
    margin: 2rem 0;
  }
    table.pay-table tr {
      border: 1px solid grey;
    }
    table.pay-table td {
      border: 1px solid grey;
      padding: 1rem;
      text-align: center;
    }
    table.pay-table .concept-cell {
      font-size: 1.3rem;
      font-weight: bold;
      width:25%;
    }
    table.pay-table .description-cell {
      font-size: 0.8rem;
      width:50%;
    }
    table.pay-table .mount-cell {
      font-size: 1.3rem;
      font-weight: bold;
      width:25%;
    }

  table.pay-table2 {
    margin: 2rem 0;
  }
    table.pay-table2 tr {
      border: 1px solid grey;
    }
    table.pay-table2 td {
      border: 1px solid grey;
      padding: 1rem;
      text-align: center;
    }
    table.pay-table2 .concept-cell {
      font-size: 1rem;
      font-weight: bold;
      width:25%;
    }
    table.pay-table2 .description-cell {
      font-size: 0.8rem;
      width:50%;
    }
    table.pay-table2 .mount-cell {
      font-size: 1.1rem;
      font-weight: bold;
      width:25%;
    }

  table.directory {
    border-color: silver;
    margin: 2rem 0;
    width: 100%;
  }
    table.directory caption {
      margin: 0.5rem;
      font-weight: bold;
      font-size: 1.1rem;
    }
    table.directory tr {
      border: 1px solid grey;
    }
    table.directory td, table.directory th {
      border: 1px solid grey;
      padding: 0.5rem;
      text-align: center;
    }
    table.directory .teacher-cell {
      background: #ECECEC;
      font-size: 0.9rem;
      font-weight: bold;
      width:50%;
    }
    table.directory .email-cell {
      font-size: 0.9rem;
      width:50%;
    }

  table.directory2 {
    border-color: silver;
    margin: 2rem 0;
    width: 100%;
  }
    table.directory2 caption {
      margin: 0.5rem;
      font-weight: bold;
      font-size: 1.1rem;
    }
    table.directory2 tr {
      border: 1px solid grey;
    }
    table.directory2 td {
      border: 1px solid grey;
      padding: 0.5rem;
      text-align: center;
    }
    table.directory2 .class-cell {
      background: #ECECEC;
      font-size: 0.9rem;
      font-weight: bold;
    }
    table.directory2 .offer-cell {
      font-size: 0.9rem;
      font-weight: bold;
    }
    table.directory2 .teacher-cell {
      font-size: 0.9rem;
    }

    table.directory3 {
      border-color: silver;
      margin: 2rem 0;
      width: 100%;
    }
      table.directory3 caption {
        margin: 0.5rem;
        font-weight: bold;
        font-size: 1.1rem;
      }
      table.directory3 th {
        text-align: center;
      }
      table.directory3 tr {
        border: 1px solid grey;
      }
      table.directory3 td {
        border: 1px solid grey;
        padding: 0.5rem;
        text-align: center;
      }
      table.directory3 .subjet-cell {
        background: #ECECEC;
        font-size: 0.9rem;
        font-weight: bold;
        width:35%;
      }
      table.directory3 .teacher-cell {
        background: #ECECEC;
        font-size: 0.9rem;
        font-weight: bold;
        width:35%;
      }
      table.directory3 .email-cell {
        font-size: 0.9rem;
        width:30%;
      }

  ol.alphabetical-order {

  }
    ol.alphabetical-order {
      list-style: lower-alpha;
    }
    ol.alphabetical-order li {
      margin-left: 2rem;
    }
  ol.number-order {

  }
    ol.number-order li {
      margin-left: 2rem;
    }


@media (max-width: 768px) {
  table.pay-table td {
    border: 1px solid grey;
    padding: 0.5rem;
    text-align: left;
  }
  table.pay-table .concept-cell {
    font-size: 1.1rem;
    width:25%;
  }
  table.pay-table .description-cell {
    font-size: 0.7rem;
    width:50%;
  }
  table.pay-table .mount-cell {
    font-size: 1.1rem;
    width:25%;
  }

  table.pay-table2 td {
    border: 1px solid grey;
    padding: 0.5rem;
    text-align: left;
  }
  table.pay-table2 .concept-cell {
    font-size: 0.9rem;
    width:25%;
  }
  table.pay-table2 .description-cell {
    font-size: 0.7rem;
    width:50%;
  }
  table.pay-table2 .mount-cell {
    font-size: 1.1rem;
    width:25%;
  }
}


/* Clases utilitarias */

.emphasis-weight {
  font-weight: bold;
}
.emphasis-color {
  color: #660033;/*red;*/
}
.emphasis-color2 {
  color: #660033; /*#6A1633;*/
}
.date-post, .annotation {
  color: silver;
  font-size: 0.9rem;
}
.sublist {
  margin-left: 2rem;
}