/*Estilo etiqueta*/

/*GENERAL*/

* {
    box-sizing:border-box;
  }


body{
    font-family: sans-serif;
    margin:0;

}

/*Textos*/
h1{
    color:orange; 
    font-size:2rem;
    background-color: tomato;
    padding-left:1em ;
    


}
h2{
color:midnightblue; 
font-size: 2rem;
margin-block-start: 0.5em;
margin-block-end: 0em;
}

h3{
    color:rgb(44, 32, 116);

}



p{
    color:midnightblue;


}

/*Imagenes*/
img{
  max-width: 100%;  
}

/*Vinculos*/
a{
  text-decoration: none;
  font-weight: bold;
  width: max-content;
  color:midnightblue;
  background-color: orange;
  border-radius: 0.25em;
  padding-inline: 1em;
}

/*Listas*/

ul{
    color: midnightblue;
    list-style: none;
    padding: 0;

}

/*MENU*/

header .menu{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: tomato;
 
  
 
}

header nav a:hover {
  background-color: midnightblue;
  color: orange;
}

  #logo img {
    padding: .5rem;
    justify-content: center;
    background-color: tomato;
  }

  #logo a{
    background-color: tomato;
  }

header nav ul{
display:flex;
flex-direction: column;
align-items:center;
justify-content:center;

border-radius: 0.25em;
}

header nav ul li {
  margin:.2rem;
  margin: .125rem;
  padding-block: .25em;
  padding-inline: .25em;
  border-radius: 0.25em;


}





/*SECCIÓN*/

.contenedora {
    width: min( 50rem, 100% );
    margin-inline: auto;
    padding: 0rem;
    
  }

.comitente{
  display:flex;
  justify-content: space-between;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 5%;
  

}

.comitente h2 {
color:midnightblue;
font-size: 2.5rem;
padding: none;
margin: 0%;
opacity: 100%;
}

.enfoque h1{
  background-color: tomato;
  padding-left: 1em;

}

.equipo{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 0%;
  background-color: tomato;
}

.equipo h2{
color:midnightblue;
}

.equipo ul {
margin:0%;
padding: 0rem;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;


}

.equipo ul div il{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;;
background-color: midnightblue;
margin: 1rem;
padding-inline: 2rem;
border-radius: 1em;

}

.equipo ul div il a{
  padding: 1%;
  margin:1em;
}


.equipo ul div h3{
  color:orange;
}


.equipo ul div il img{
    border: solid .2em orange;
    border-radius: 0.5em;
    width: 7em;
    aspect-ratio: 1;
  
}
.academicos {
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 5%;
  }
  .academicos h1{
  background-color: tomato;
  margin:0%;
  }

.academicos h3, li{
  margin-bottom: 0%;
  font-size: medium;
}

footer{
  font-size: small;
  background-color: orange;
  padding: 1%;
  text-align: center;
  margin-top: 1em;
}





/* tablet */
@media (min-width: 30em) {
  .academicos {
    display: flex;
    flex-direction: row;
    padding-left: 0%;
    }

  .academicos div{
    flex-direction: column;
    }

    header .menu{
      flex-direction: row;
    
    }

    header nav ul{
      flex-direction: row;
      }
    
      #logo img {
        padding: .5rem;
        background-color: tomato;
      }


}

/*computadora*/
@media (min-width: 40em) {
  div .menu{
    width: 100%;
  }

  #titulodatos{
    text-align: center;
  }
  .academicos {
    align-content: right;
    justify-content: center;
    padding: 0%;

 }

 .academicos div {
   text-align: left;
   margin: 2%;
 }

}