* {
box-sizing: border-box;

}
body {  margin: 0;
 font-family: 'Times New Roman', Times, serif;

}

header{  

  box-shadow: 0 /* desplazamiento horizontal */ 4px /* desplazamiento vertical */ 4px /* desenfoque */ hsl(0 0% 0% / 20%) /* color */;;
}
ul{ 
    list-style:none;
    padding: 0;
}

nav ul li a { display: block;
  background-color: azure;
  width: 5em;
  padding-block: 0.30em .5em;
  border-radius: 0.25em;
  text-align: center;
  text-decoration: none;
  list-style: none;
  color: red;
}
nav { 
  background-origin: padding-box;
  color: red;
  box-sizing: border-box;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: pink;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  ;
}
header,footer {
  box-sizing: border-box;
  padding: 1rem;
  background-color: pink;
}
footer p { font-family: Arial, Helvetica, sans-serif;font-weight: bold;
  text-align: center;
  color: rgb(228, 0, 0);
}

h2 { font-family: Arial, Helvetica, sans-serif;
  color: rgb(255, 0, 85);
}


section{
padding: 1rem;


}

header nav ul{
display: flex;
gap: 1rem;

}

header nav a:hover{
  color:blanchedalmond;
  background-color: rgb(247, 116, 218);
}

.equipo_articulos{ 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  gap: 1rem;}

  
.equipo_articulos article {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
.equipo_textos {
    align-self: stretch;
    display: grid;
    grid-template-rows: auto 1fr; 
    gap: 1.25rem;
}


article{
  background-color: rgb(255, 186, 238);
  margin-block: 0.5em;
    padding: 1em;
    border-radius: 0.25em;
}
.equipo_textos a {
  background-color: hsla(0, 0%, 0%, 0.15);
  border-radius: .25rem;
  color: hsl(280, 100%, 50%);
  padding-block: .125em .25em;
  padding-inline: 1em .75em;
}
.comitente img {
 
  float: left;
 margin-inline-end: 1rem;
}

h3{font-family:Arial, Helvetica, sans-serif ;
color: rgb(240, 111, 111);}
h1{font-family: Arial, Helvetica, sans-serif;
color: rgb(250, 90, 90);}

.comitente {
  margin-block: 0.5em;
  padding: 1em;
  font-size: 1.25em; 
}
p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-family: Arial, Helvetica, sans-serif;
}


.academico{display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  gap: 1rem;
}
  
.contenedor{margin-block: 0.5em;
    padding: em;
    border-radius: 1em;
    font-size: 1.25em;}
    
    
li{
      font-family: Arial, Helvetica, sans-serif;


    }    
    
.datos{margin: 2rem;} 
    
.academico img{display: block;
    
     }   
.imagen{ margin: 1rem;
  display: flex; 
  justify-content: center;
 height: 100%;
 
    


   }