.titulo {
  color: var(--secondary-color);
  font-weight: bold;
}

.text-center {
  text-align: center !important;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table > thead th {
  color: var(--blueCoppel);
  border: none;
  text-align: center;
  padding: 10px;
  padding-bottom: 15px;
}

table > tbody td {
  border: none;
  padding: 10px;
  text-align: center;
}

table#materias > tbody td:nth-child(2) {
  text-align: left;
}

section#detalles {
  margin-top: 3em;
}

table#detalle_descripcion > tbody tr:nth-child(3) {
  border-bottom: 1px dashed #bebebe;
}

svg {
  position: relative;
  bottom: -3px;
}

svg path {
  fill: var(--blueCoppel);
}

.titulo-promedio {
  margin-top: 0px;
  text-align: center;
  border-color: white;
  margin-bottom: 18px;
}

.promedio {
  margin-top: 0px;
  border-color: var(--yellow-color);
  border-width: 3px;
  text-align: center;
  padding: 13px;
}

.pro {
  text-align: center;
  margin-bottom: 25px;
}

.nav-tabs .nav-link {
  background-color: #d4d4d4 !important;
  color: #205697 !important;
}

.nav-tabs .nav-link.active {
  background-color: #205697 !important;
  color: white !important;
}

@media screen and (min-width: 990px) {
  .wrapper {
    display: grid;
    grid-template-columns: repeat(12, [col-start] 1fr);
    grid-gap: 20px;
    margin-top: 30px;
  }

  .item1 {
    grid-column: col-start / span 10;
  }

  .item2 {
    grid-column: col-start 11 / span 12;
  }

  .star {
    padding-left: 55px;
  }
}

@media screen and (min-width: 991px) {
  .star {
    padding-left: 50px;
  }
}

@media screen and (max-width: 990px) {
  .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  #pizarron th {
    padding: 20px 0px;
    width: 10px;
  }

  #categorias th {
    padding: 20px 0px;
  }

  td {
    padding: 6px 0px;
  }

  .star {
    padding-left: 30px;
  }

  .item2 {
    margin-top: 31px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  .star {
    padding-left: 19px;
  }
}