@charset "utf-8";

*{box-sizing: border-box;
}

/*reglas generales*/

body{
  background-color: #eee2d9;
  margin: 0;
}
  
ul, ol {
    list-style: none;
}
  
a {
    text-decoration: none;
}


/*estilos*/

/*tipografia*/

h1,
h2,
h3,
h4 {
font-family: "Poppins", sans-serif;
text-wrap: balance;
}

p,
li {
font-family: "Poppins", sans-serif; 
text-wrap:pretty;
}

/*barra nav*/

header .barranav {
    background-color: #e9623b;
    display: block;
    margin: -1em;
}

header ul {
    display: flex;
    max-width: 40em;
    padding: 1em 0em 1em 0em;
}

header ul li {
    display: flex;
    width: 4em;
    margin-right: 0.6em;
    height: 2em;
    margin-left: 1em;
    margin-top: 0.7em;
    justify-content: center;
    padding: 2px;
}

header nav ul li a {
    display: flex;
    width:0;
    color: rgb(255, 255, 255);
    font-size: 1.3em;
}


/*personal*/
.personal h1{
    display: block;
    margin: 2em auto 1em auto;
    padding: 1em;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #e9623b;
}

.personal img {
    display: flex;
    max-width: 50%;
    margin: auto;
    padding: 1em;
    border-radius: 6px  60px;
    justify-content: center;
}

.porfolio{
    display: flex;
    justify-content: center;
    padding: 1rem;
    font-size: 1em;
    font-weight: 500;  
}

.porfolio li a{
    background-color:#e9623b;
    color: #eee2d9;
    display: inline;
    width: 5rem ;
    padding: 0.5rem;
    border-radius: 15px;
}

/*adaptación computadora y tablet*/
@media (min-width:600px) {
    .personal h1 {
      max-width: 56em;
      padding: 0;
    }
  }

/*aca termina personal*/

/*informacion sobre mi*/
.información {
    padding: 2rem;
    margin-right: 2rem;
    background-color:#DB8167;
    padding: 1rem;
    width: 100%;
}

.información h2 {
    margin-top: 10px;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    line-height:normal;
}

.información p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height:normal;
}

/*materias*/
.titulogeneral h2 {
    margin-top: 2rem;
    padding: 1rem;
}

.titulogeneral h2 {
    display: flex;
    margin-left: 2rem;
    color: #e9623b;
    font-size: 1em;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: inherit;
    text-decoration-color: #e9623b;
    text-underline-offset: 10px;
}

.anuales h3 {
    display: flex;
    margin-left:2rem;
    color: #e9623b;
    font-size: 1em;
    font-weight: 500;
}

.anuales h3{
    padding: 1rem;
    margin-top: auto;
}

.cuatrimestrales h3{
    display: flex;
    margin-left: 2rem;
    color: #e9623b;
    font-size: 1em;
    font-weight: 500;
}

.cuatrimestrales h3 {
    padding: 1rem;
    margin-top: auto;
}

.lista li {
    display: block;
    color: #e9623b;
    font-size: 0,8em;
    font-weight: 400;
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.lista {
    list-style: none
}

@media (min-width:600px) {
    .lista li {
      max-width: 56em;
      padding: 0;
    }
  }

/*aca termina materias*/

/*boceto*/
.boceto h2{
    display: flex;
    margin: 1rem;
    color: #e9623b;
    font-size: 1em;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: inherit;
    text-decoration-color: #e9623b;
    text-underline-offset: 10px;
}

.boceto{
    padding: 2rem;
    padding-top: auto;
}

.individual img {
    max-width: 70%;
    padding: 2rem;
    margin: auto;
    background-color:#DB8167;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center;
}

/*aca termian boceto*/

/*integrantes*/
.grupo h2{
    display: flex;
    color: #957EEA;
    font-size: 1em;
    font-weight: 800;
    line-height:normal;
    text-decoration-line: underline;
    text-decoration-color: #957EEA ;
    text-underline-offset: 10px;
}

.grupo h2{
    padding: 1rem;
    margin-left: 2rem;
    margin-top: 2.3em;
}

.integrantes li a{
    color: #957EEA;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}

.integrantes ul li a {
    display: block;
    list-style-type: none;
}
/*aca termina integrantes*/

/*datos academicos*/

.datosacademicos h2{
    color: #e9623b;
    font-size: 1.09em;
    font-weight: 600;
    line-height:normal;
}

.datosacademicos p {
    color: #e9623b;
    font-size: 1em;
    font-style: light;
    font-weight: 400;
    line-height:normal;
}

.datosacademicos img{
    margin-block-end: 1rem;
    padding: 1rem;
    max-width: 90%;
}

.datosacademicos{
    text-align: left;
    margin: 2rem;
}

/*dgpc*/
.dgpc h2{
    color: #e9623b;
    font-size: 1.09em;
    font-weight: 600;
    line-height:normal;
}
.dgpc h4{
    color: #e9623b;
    font-size: 1em;
    font-weight: 400;
    line-height:normal;
}

.dgpc{
    text-align: left;
    margin: 0;
}
/*aca termina datos academicos*/

/*footer*/
footer{
    background-color: #e9623b;
    padding: 1rem;
}
footer p{
    color: #fff;
    font-size: 0.8em;
    font-weight: 300;
    line-height:normal;
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
}

ul li a {
    text-decoration: none;  
}