h1 {
  color: rgb(0, 0, 0);
  font-size: 2em;
  font-family: Arial, Helvetica, sans-serif;
  margin-block-end: 20px;
}

h2,
h3 {
  font-family: "Poppins", sans-serif;
}

h3 {
  font-size: 1em;
}

h2 {
  Text-decoration: underline
  margin-block-end 2em;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  margin-block: 0;
  margin-left: 0;
  margin-right: 0;
}

html {
  height: -webkit-fill-available;
  background-color: rgb(0, 0, 0);
}

@font-face {
  font-family: "U+2705";
  src: url(../fuentes/U+2705.woff);
}

a {
  text-decoration: none;
  color: black;
}

.contenedor {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1em;
  list-style: none;
  padding: 1rem;
}

header nav ul {
  display: flex;
  flex-direction: column;

}

header nav ul li {
  display: flex;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding-block: 0;
  padding-inline: 0;
  border-radius: 0;
  gap: 0.5em;
}

header,
footer {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 230, 0);
}

header nav a {
  display: flex;
  background-color: rgb(255, 231, 13);
  color: rgb(0, 0, 0);
  width: 100%;
  text-decoration: none;
  font-family: "poppins", sans-serif;
  font-weight: bold;
  border: solid 3px rgb(255, 231, 13);
  justify-content: center;

}

.menu {
  width: 5em;
  aspect-ratio: 7;
}

header nav a:hover {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 231, 13);
  border: solid 3px rgb(255, 231, 13);
}

header #logodgpc {
  width: 7em;
  display: block;
}

body {
  background-color: rgb(0, 0, 0);
}

section {
  padding-bottom: 2rem;
}

img {
  width: 100%;
}

main {
  background-color: black;
  flex-grow: 1;
}



article {
  margin: 0;
  padding: 0;
  background-color: rgb(255, 231, 13);
}

article section {
  margin: 0;
}

.carrera {
  display: flex;
  flex-direction: column;
}

.alumna div h1,
.alumna div h1 p {
  display: flex;
  flex-direction: column;
}

.foto {
  width: 24em;
  border: 3px solid black;
}

.foto2 {
  display: flex;
  width: 15em;
  border: 3px solid black;
  justify-content: center;

}

.portfolio div img {
  border: 3px solid black;
}

.foto div {
  display: flex;
  flex-direction: column-reverse;
}

.materias {
  display: flex;
  flex-direction: column;
}

.contenedorAlumna1 {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  background-color: rgb(255, 231, 13);
  padding: 1em;
  gap: 1em;
}

.contenedorAlumna2 {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  background-color: rgb(255, 231, 13);
  padding: 1em;
  border-bottom: 16px solid black;
  gap: 1em;
}

.alumna {
  display: flex;
  flex-direction: column;
}

.alumna h2{
  text-decoration: underline;
}

.contenedorCarrera {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-direction: column;
  background-color: rgb(255, 231, 13);
}

.contenedorPortfolio {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-direction: column;
  background-color: rgb(255, 231, 13);
  border-top: 16px solid black;
  gap: 1em;
  padding: 1rem;
}

.carrera {
  display: flex;
  justify-content: space-between;
}

.contenedorMaterias {
  border: 3px solid black;
  padding: 0.5em;
}
.contenedorMaterias2 {
  display: flex;
  max-width: 60em;
  width: min(75rem, 100%);
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  background-color: rgb(255, 231, 13);
  padding: 0.5em;
  gap: 1em;
}

.niveles {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  padding: 1em;
}

.materiasEnCurso,
.porcentaje {
  flex-grow: 0.5;
  border: 3px solid black;
  gap: 2em;
  padding: 1em;
}

.contenedorMaterias ul li::before {
  content: "\2705";
  font-family: "U+2705";
  color: rgb(0, 0, 0);
  background-color: yellow;
}

.equipo {
  justify-content: center;
  padding: 1em;
  border-top: 16px black solid;

}

.equipo ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2em;
}

/*.equipo li:not(:last-child) {*/
.equipo li {
  margin: 0 0 1em 0;
  padding-bottom: 1em;
}

/*.equipo li:nth-child(2)*/

.equipo li a {
  display: block;
  margin: 1em 0 0 0;
  padding: 0.3em;
  text-align: center;
  background-color: rgb(0, 0, 0);
  height: 10em;
}

.equipo li a img {
  height: 8em;
}

.equipo li p {
  color: white;
  margin: 0 0.4em 0 0;
}

.comitente {
  border-bottom: 16px black solid;
  border-top: 16px black solid;
  padding: 1em;
}

.comitente h2 {
  margin-block-end: 1em;
}

.datosAcademicos {
  padding: 1em;
}

.datosx3 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.datosAcademicos h3 {
  color: rgb(0, 0, 0);
  margin: 0.5em 0 0.5em 0;
}

._datosAcademicos {
  margin: 2em 0 0 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

._datosAcademicos a div {
  width: 8em;
}

.datosAcademicos h2 {
  justify-content: center;
}

.logo img {
  height: 4rem;
}

.sub_titulo {
  color: black;
  padding: 0.5 rem;
  font-weight: 400;
  font-size: 1.5em;
  text-align: left;
  text-decoration: none;
}

@media (min-width: 670px) {

  .contenedorAlumna1 {
    align-content: center;
    justify-content: space-around;
    flex-direction: row;
  }
}

@media (min-width: 640px) {
  header nav ul li {
    flex-direction: row;
    gap: 1em;
  }

  header nav ul {
    flex-direction: row;
    gap: 0.5em;
    justify-content: space-around;
  }

  .foto div {
    flex-direction: column;
  }

  .contenedorAlumna1 {
    justify-content: center;
  }

  .contenedorAlumna2 {
    justify-content: space-around;
  }
}


@media (min-width: 580px) {
  .datosx3 {
    flex-direction: row;
    gap: 1em;
  }

  .niveles {
    flex-direction: row;
    gap: 0.1em;
  }
}