@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,300&display=swap');


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

html {
    scroll-behavior: smooth;
    min-height: -webkit-fill-available;
}
ul {
    list-style: none;
}

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

a {
    text-decoration: none;
    color: black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

nav.menu {
    color: black;
    font-family:'lato';
}

nav.menu a:hover {
color:cadetblue;
transition: color 1s;
}

header div.contenedor {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap:3em;
}

body {
    font-family: 'lato', sans-serif;
    min-height: 100vh;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header {
    background-color: rgba(27, 27, 27, 0.861);
    text-align: center;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

nav {
    display: block;
}

div {
    display: block;
}

p {
   font-family:'lato', sans-serif;
   font-weight: 300;
   padding-top: 1em;
}

h1 {  
    font-size: 3em;
    color:cadetblue;
    text-align:center;
    padding-top: 1em;
    font-family:'lato';
    font-weight: 900;
}

h2 {    
    color: black;
    text-align: center;
    font-family:'lato';
    font-weight: 400;

}

h3 {
    font-family: 'lato', sans-serif;
    font-weight: 900;

}

header nav ul {
    display: flex;
    gap: 1em;
}

header ul li {
    display: flex;
}

li {
    display: list-item;
}

header ul li a {
    background-color: rgb(0, 0, 0);
    padding: 0.4em;
    color: azure;
    border-radius: 0.3em;
    display: flex;
    justify-content: end;
}


main {
    flex-grow: 1;
    padding: 2em;
}




section.alumno div img {
    display: block;
}

section.alumno div h1{
   text-align:start;
   padding: 0,5em;
   font-size: 1,5em;

}

section.alumno {
    background-color: rgb(255, 255, 255);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20em, 100%), 1fr));
    padding-top: 4em;
    padding-bottom: 1em;
}

article.acumar {
    background-color: rgba(141, 185, 172, 0.516);
    display: block;
    padding: 1em;
}

article.acumar div a img {
    display: block;
    margin: auto;
    padding: 2em;
}

section.comitente h2 {
    padding: 1em 0em 1em 0em;
}

article.acumar h3{
    display: block;
    text-align: center;
}


section.equipo {
    display: grid;
    background-color: rgba(174, 232, 214, 0.516);
    border-radius: 2em;
}

section.equipo h2{
    text-align: center;  
}

section.equipo ul{
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
    text-align: center;
}

section.equipo ul li img {
     border-radius: 15em;
     margin-left: auto;
     margin-right: auto;
     padding: 2em;
}

section.equipo a:hover{
     transition: 2s;
     transform: scale(1.2);
     opacity: 40%;
}
section.equipo h3{
    padding: 1em;
    text-align: center;
}



section.datos.academicos {
    display: grid;
    border-radius: 2em;
}

section.datos.academicos h2{
    padding: 1em;
    margin: 1em;
}

div.datos {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
}

article.UBA {
    display: block;
    background-color: #b8b8b8;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 1em;
    text-align: center;
}

article.FADU{
    display: block;
    background-color: #b8b8b8;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 1em;
    text-align: center;
}

article.DGPC {
    display: block;
    background-color: #b8b8b8;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 1em;
    text-align: center;
}



article.carrera p{
    text-align: center;
}

article.carrera p strong{
    font-size: 3em;
    color: cadetblue;
}

article.materias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15em,100%), 1fr));
    gap: 0,5em;
}

article.materias  div {
text-align: left;
padding: 1em;
border-style: solid;
border-color: black;
border-width: 0.1em;
border-radius: 1em;
margin-top: 2em;
margin-bottom: 2em;
margin-left: 2em;
margin-right: 2em;
}

article.materias div:hover{
    color:cadetblue;
    transition: color 0.5s;
}

article.materias.aprobadas ul li {
    font-family: 'lato', sans-serif;
}


article.magazine {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
}

article.magazine div {
   padding: 1em;
   margin-bottom: 1em;
   margin-left: 1em;
   margin-right: 1em;
   box-shadow: 10px 10px 1em #dbdbdb;
}

div h2 {
    margin-top: 1em;
    font-weight: 900;
    padding-bottom: 1em;
}


footer {
    background-color: cadetblue;
    font-family: 'lato', sans-serif;
}

footer p {
    text-align: center;
    padding: 1em;
}