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

body {
    background: linear-gradient(#f0f0eb, #FDE2E0);
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    list-style: none;
    text-decoration: none;
    margin: 0; 
    width: 100%;
}

main {
    margin: 0;
    width: auto;
    padding: 4em;
   
}

p {padding: 0; margin: 0;
    font-size: 0.9em;}

hr {margin: 2em 0;
    display: flex; width: 80vw;
    height: 0.1rem;
    background: #FDE2E0;
    border: 0;}

h1 {
   color: #4f4f4f;
   font-family: 'Roboto', sans-serif;
   font-size: 1.3em; 
   font-weight: 600;
   text-transform: uppercase;
   padding: 0; margin-top: 1em; margin-bottom:0.5em;}

h2 {
   color: #4f4f4f;
   font-family: 'Roboto', sans-serif;
   font-size: 0.8em; 
   font-weight: 400;
   text-transform: uppercase;
   padding: 0; margin: 0.7em 0 4em 0;
}

h3 {color: #4f4f4f;
    font-family: 'Roboto';
    font-size: 1em;
    font-weight: 700;
margin: 2em 0 0.8px 0; padding: 0;}

h4 {color: #4f4f4f;
    font-family: 'Roboto';
    font-size: 0.9em;
    font-weight: 400;
margin: 0 0 0.3em 0; padding: 0;}

#presentacion {
              display: flex;
              margin: 2em 0 0.8em 0;
              justify-content: center;
              }



#comitente {color: #4f4f4f;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 700;
margin: 2em 0 0.8em 0; padding: 0;}

.fotocaro {
            width: 30%;
            border-style: solid;
            border-width: 3px;
            border-color: white;
            border-radius: 50%;}

.rotulo {width: 70vw;}

/* HEADER */

header {
    height: 3.5em;
    background: #3f3f3f;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 0.8rem;
    font-family: 'Roboto';
    font-weight: 400;
    display: flex;
    justify-content: center;
}

a {
    text-decoration: none;
    color: #f0f0eb;
}

#cajaheader {padding: 0 5vh; display: flex; justify-content: space-between; align-items: center; width: 100%;}

#vm35 {
   font-family: 'Roboto', sans-serif;
   color: #FDE2E0;   
   font-weight:700;
   justify-content: flex-start;
        font-size: 1.2em;
}

#menuheader {width: 50%; display: flex; justify-content: space-between}

#menuheader {width: 5rem; display: flex; justify-content: space-between; align-items: center;}

#menu {height: 1.6em; cursor: pointer;} 
#vm35:hover {color: #f0f0eb;}

#menudesplegable {
    position: absolute; 
    top: 3em; 
    right: 9vw; 
    padding: 1.5em;
    width: auto;
    height: auto;
    background-color: #3f3f3f; 
    font-size: 1em;
}

#menudesplegable li {height: 2.5em; list-style: none; }

#menudesplegable {display: none;} 

#menudesplegable a {color: #FDE2E0;}

#menudesplegable a:hover{color: #FDE2E0;}

a { list-style: none;
text-decoration: none;}

.menu {
   color: #eaeaea;
   flex-direction: row;
}

/* FOOTER */

footer {
    background:#262626;
    color: #eaeaea;
    margin-top: 7em;
    padding: 4em;
    font-family: 'Roboto', sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;}

footer a {color: white;}
#datos {margin-top: 1em; width: 80vw; display: flex; justify-content: space-between; line-height: 1rem; flex-wrap: nowrap;}
#academico {display: flex; justify-content: space-between; width: 65%;}
#dgpc a, #uba a, #fadu a {font-weight: 500;} 
#fadu, #uba, #dgpc {width: 29%; }

#logos {display: flex; justify-content: space-between; align-content: stretch; width: 30%; margin-right: 2em; align-items: center;}

footer img {height: 3.5em; width: auto;}

#autoria {width: 80vw; font-size: 0.6rem;}

@media (max-width: 700px) {
header {font-size: 0.9em;
    }

@media (max-width: 1100px){ 
    #datos {flex-direction: row; justify-content: center; } 
    #academico {flex-direction: column;font-size: 0.6rem;  width: auto}
    #logos {display:flex; flex-direction: column; width: auto; } 

    #dgpc, #uba, #fadu  {width: auto; margin-bottom: 1.5em;}
    #autoria {0.6rem; line-height: 1.4em;  text-align: center}
    #menuheader {width: 70%;}
    .fotocaro {width: 60%;}
}