@charset "utf-8";
.html {
    scroll-behavior: smooth;
}



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

ol, ul {
    list-style: none;
    }

img {
    width: 100%;
    max-width: 100%;
    height: auto;
}


/* TAMAÑO IMAGEN*/


a {
    text-decoration: none;
    color: black;
    font-family: 'poppins semibold', sans-serif;
}

body {
    background-color: white;  
    font-family: 'poppins regular', sans-serif;
}

header {
    background-color: rgb(228, 242, 255);
    text-align: center;
    padding: 1em;
   
}

#logo {
    padding: .5em;
    width: 8em;
    margin: auto;
    display: block;
    
}

header .contenedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



header div img {
    background-size: 10em;
    width: 70%;
    display: flex;
    align-items: center;
}

header div ul li a {
    background-color: rgb(249, 133, 98);
    width: 5em;
    font-size: 16px;
    display: flex;
    color: white;
    justify-content: center;
    padding: 0.5em;
    flex-direction: row;
    flex-wrap: nowrap;
}

header nav ul {
    display: grid;
    grid-template-columns: 5em 5em; 
    gap: 1em;
    /*alineado a la izq*/
    justify-items: end;

    /*alineado arriba*/
    align-items: start;

}



header ul li a:hover {
    background-color: rgb(249, 133, 98);
    color: rgb(228, 242, 255);
} 


/* articles */

article {
    margin: 1em;
    padding: 1em;
    background-color: rgb(228, 242, 255);

}


article.materias section {
    background-color: rgb(228, 242, 255);
    padding: 0.2em;
   
}

article.alumna h1 {
    font-family: 'poppins semibold', sans-serif;
    font-size: x-large;
    color: rgb(249, 133, 98);
    text-align: center;

}

article.alumna p {
    padding: 0.4em;
}


.alumna img {
    align-items: center;
   
}

.carrera h2 {
    color: rgb(249, 133, 98);
    padding: 0.2em;
}


article.materias section h3 {
    font-size: 16px;
    color: rgb(249, 133, 98);
    text-align: center;
}

.niveles {
background-color: white;
padding: 1.5em;
margin-bottom: 1em;


}


article.materias section h4 {
    font-size: medium;
    color: rgb(249, 133, 98);
    
}

article.materias section ul li {
    list-style: inside;
    font-family: 'poppins extralight', sans-serif;
    /* color list-style: color: rgb (249, 133, 98); */
}

article.mistrabajos p {
    color: black;
    padding: 1em;
}

article.mistrabajos a {
    font-family: 'poppins thin italic', sans-serif;
    color: rgb(249, 133, 98);
    padding: 1em; 
}

.mistrabajos div img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 100%;
}

.mistrabajos p {
    font-weight: thin;
    font-size: 14px;
    padding-bottom: 4em;
}

.mistrabajos div p {
    border-bottom: 1px solid rgb(249, 133, 98);
}


.mistrabajos section:last-of-type p {
    border-bottom: none;
}

.mistrabajos .bajada p {
    font-size: 16px;
    padding-bottom: 1em;
}

  /* article.equipo section {
    font-family: 'poppins regular', sans-serif;
    color:  rgb(249, 133, 98);
    text-align: center;
} 

.equipo a {
    font-family: 'poppins thin italic', sans-serif;
    font-weight: thin;
    color:  rgb(249, 133, 98);
    text-align: center;
    padding: 0.3em;
    display: block;
    font-weight: thin;
   
}

.equipo section:last-of-type a {
    border-bottom: none;
}

.equipo h2 {
    margin: 0.2em;
}

.equipo section.juli img {
  width: 100%;
  
}

.equipo .fotos section {
    display: flex;
    border-bottom: 1px solid rgb(249, 133, 98);
    padding-bottom: 2em;
    margin-left: 1em;
} */
.ContenedorEquipo {
    display: flex;
    max-width: 50em;
    width: min(75rem, 100%);
    margin: 0 auto;
    flex-direction: column;
}

.equipo {
    justify-content: center;
    padding: 1em;
  }

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

.equipo ul li p {
   
    font-size: 14px;
    
}

.acumar {
padding: 2em;
}

.acumar h4 {
    padding-top: 0.5em;
    font-size: 14px;
    text-align: center;

}

.acumar p {
    font-size: 10px;
}
.acumar img {
    width: 50%;
    padding: 1em;
}

.datosacademicos img { 
    width: 30%;
    padding: 1em;
}

.datosacademicos {
    padding: 2em;
}

    

.datosacademicos h4 {
    text-align: center;
    padding-top: 0.1em;
    font-size: 14px;
}

.datosacademicos ul li {
    display: block;
    font-family: 'poppins semibold', sans-serif;
}

.fadu {
    padding: 2em;
}

.fadu h4 {
    text-align: center;
    padding-top: 0.1em;
    font-size: 14px;
}

.fadu p {
    padding-top: 0.5em;
}

.fadu img { 
    width: 50%;
    padding: 0.3em;
}

.dgpc {
    padding: 2em;
}

.dgpc img {
padding: 0.3em;
width: 30%;
}

.dgpc h4 {
     text-align: center;
     padding-top: 0.1em;
     font-size: 14px;
}

.dgpc ul li{
    padding-top: 0.2em;
}

/* footer */
footer {
    padding: 1em;
    background-color: black;
    color: hwb(0 100% 0%);
    font-size: 12px;
}

h1 {
    color: rgb(249, 133, 98);
    font-family: 'poppins bold', sans-serif;
    text-align: center;
    padding: 0.3em;
    margin-bottom: 0.3em;
    font-size: 22px;
}

h2 {
    color:rgb(249, 133, 98);
    font-family: 'poppins regular', sans-serif;
    font-size: 18px;
    text-align: center;
}

h3 {
    color:rgb(249, 133, 98);
    font-family: 'poppins regular', sans-serif;
    font-size: 15px;
    text-align: center; 
    padding: .1em;
}

h4 {
    color: rgb(249, 133, 98);
    margin: 0 0 1em 0;
    font-family: 'poppins semibold', sans-serif;
}


.datosacademicosuba img {
    width: 90%;
    
}

article section {
    margin: .5em 0 0 0;
}


.equipo {
    background-color: rgb(228, 242, 255);
}

/* NO SE Q CAMBIA .equipo li:not(:last-child)  { 
    margin: 0 0 1em 0;
    border-bottom: 1px solid black;
    padding-bottom: 1em;
} */

/* .equipo li a {
    display: block;
    margin: 1em 0 0 0;
    padding: .3em;
    text-align: right;
    background-color: rgb(0, 149, 255);
}

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

.equipo h4 {
    font-size: 1.3em;
    color: rgb(210, 215, 216);
    margin: 0 0 0.4em 0;
    text-align: left;
} */

.dgpc img { 
    width: 50%;
    padding: 0.2em;
}

.dgpc h4 {
    padding: 0.em;
}
.academicos {
    background-color: rgb(215, 235, 250);
    padding: 0.2m;
}


    
    @media (min-width: 760px) {
        .equipo {
            padding-left: 7em;
            padding-right: 7em;
            padding-bottom: 2em;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
    }