* {
  box-sizing: border-box;
}
:root {
--color-textos-secundarios: rgba(136, 202, 110, 0.5);
--color-textos: rgba(8, 108, 45, 0.76);
--color-fondos: rgb(109, 150, 87);
--color-1: rgb(138, 183, 138);
--color-2:#267e3d;
--color-3: white;
--color-4: rgb(8, 118, 48);

 --tipo-titulos: sans-serif;
 --tipo-textos: serif;
 margin: 10px;
}


img{
max-width: 30%;
border-radius: 50%;
border: solid 10px #A7B9BC;
margin: 20pt;

}



a {
 text-decoration: none;
 color:#4C9796;
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 font-weight: bold;
}

body {
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 margin: 20px;
 background-color: #FFB29F;
 
}
.comitente_textos{
background-color: whitesmoke;
margin: 100px;
border-radius: 30pt;
padding: 5em;


}


.resumen{
  color: #FAB957;
  font-size: 20pt;
  margin: 20pt;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;

}

.materias{
padding: -100px;
text-align: center;
   display: flex;
   
   margin: -10px;


}

.datos{
  margin: 5pt;
  padding-top: 0.5em;
  padding-bottom: 1em;
}



h1{
   color:#4C9796;
   font-size: 30pt;
   margin: 20pt;
   margin-top: 20pt;
   text-align: center;
   display: flex;
   justify-content: center;
   background-color: #A7B9BC;
  
   
}

h2{
   color: whitesmoke;
   margin: 40pt;
   font-size: 15pt;
   background-color: #FAB957;
}

h4 {
  font-size: 14pt;
  margin: 20pt;
  color: #4C9796;
}


ul{
  list-style: none;
  justify-content:left;
  margin-left: -30px;
  margin-right: 30px;
}

header,
footer {
color:#4C9796;
margin: 10pt;
padding: 15px;
}

header nav ul {
list-style: none;
background-color: #589468;
padding: 2rem;

}

header nav a {
color: white;
background-color: #0f6626;
display: block;
width: max-content;
margin: .25em;
padding-block: .25em;
padding-inline: 1em;
}


header nav a:hover {
background-color: rgb(241, 142, 71);
color:whitesmoke;
}

footer{
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color:#4C9796; 
  font-size: 9pt;
  background-color:#A7B9BC;
padding: 1em;
margin-top: 50px;
}