@charset "utf-8"

.{box-sizing: border-box}

body {background-color: white;
    padding:0px;
    font-family: sans-serif;
    display: block;
    margin: 8px;
}

header .contenedora {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    flex-wrap: wrap;}

.contenedora {
    max-width: 80em;
    margin: 20px;
    padding: 1rem;}

header{box-shadow:0px 1px 0px rgba(0,0,0,1);
box-sizing: border-box;}


#logo {
    border-radius: .35em;
    padding: .35em;
    width: 6em;}
    
nav {
    display: block;}

header nav ul 
{display: flex; flex-wrap: wrap; justify-content: ;
box-sizing: border-box}



header nav ul li {
    min-width: 4em;
    margin: .25em 0 .25em .25em;font-size: 0.9em; }

header nav ul li:hover {background-color: gainsboro;
  color: black;}



header nav ul li a {;
    color: black;
    font-weight:100;
    padding: .25em .5em;
    text-align:center;
    display:block;}



.perfil {padding-top: 2em;
padding-bottom: 4em;
box-sizing: border-box;
display: block;
    margin: 1em;
    margin: 3em;
 display: flex;
    justify-content: space-between;
    align-items:flex-start;
    flex-wrap: wrap;
box-shadow:1px 1px 1px rgba(0,0,0,1);max-height: 25em; margin-bottom: 2em}

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

.nombre {margin-bottom: 0em;}

.titulo {padding-left:1em;margin-top: 2em;}

h2 {font-weight:100;
    display: block;
    font-size: 2em; }

.perfil p {font-weight:100;font-size: 0.8em; margin-bottom: 2em;}

.perfil img { align-content: flex-end;
    max-width: 8em;
    padding-right: 1em;
    padding-top: 2em
}

h3 {padding-top: 0.2em;
    display: block;
    font-size: 1.2em;
    font-weight:200
}
.trabajosdestacados {
        display: flex;
    justify-content:space-between;
    align-items: stretch; display: flex;
    flex-wrap: wrap;
            
}

.trabajosdestacados article {
    margin: 1em ;
    display: flex;
    flex-direction: column;text-align: center;font-family: sans-serif;}

.trabajosdestacados figure {
    display: block;
    text-align:center;margin-right: 4em; }

.trabajosdestacados img {min-width: 18em;;}
.trabajosdestacados p {font-weight:100; font-size: 0.8em;}



.entregables h3 {padding-left: 1em
  
    
}

.entregables article { display: flex;
    flex-wrap: nowrap;
    justify-content:space-between;
        align-items: stretch; display: flex;
    flex-wrap: wrap;
    margin: 1em ;
    }

.entregables figure {
    display: block;
     }

.entregables img {min-width: 18em; }
.entregables p {font-weight:100;font-size: 0.7em;}

.integrantes ul li li: {background-color: gainsboro;
  color: black;}

.integrantes ul li {
    margin: 1em ;
    display: flex;
    flex-direction:column-reverse;
justify-content: center; border-radius: .30em;
    font-weight:100; border:solid ; border-width: 1px;
  display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
        align-items:center;text-align:center;
}


.integrantes h3 {padding-left: 2em;margin-bottom: 2em}

.integrantes p {font-weight:100
color:black;font-size: 0.9em}



   
ul{list-style: none;
 margin: 0;
  padding: 0;}


li{
        text-align:match-parent; justify-content: center;display: list-item; }


a {text-decoration:none;color: black}

.contenido { 
    margin: 0 auto;
    margin-top: 5em;
    padding: 1rem;   
    padding-bottom:  3em;  display: block;
    padding-top: 3em;
    margin-block-end: 4em; font-size: 0.7em
    ;
    background-color: gainsboro;text-align: center}







    @media screen and (min-width:700px) { 



.contenedora {
    min-width: 20em;
    margin: 20px;
    padding: 1rem;}
        
        .perfil {
   font-size: 1em;
    padding-top: 2em;
padding-bottom: 4em;
box-sizing: border-box;
display: block;
    margin: 5em;
 display: flex;
    justify-content: space-between;
    align-items:flex-start;
    flex-wrap: wrap;
box-shadow:1px 1px 1px rgba(0,0,0,1); min-width: 40em}; 
        
        .nombre {margin-bottom: em;}

.titulo {padding-left:7em;}



h2 {font-weight:100;
    display: block;
    font-size: 3em;}
   

li{
        text-align:match-parent
}

.perfil img {
   padding-right: 5em;
    padding-top: 2em
}

.perfil p {font-weight:100; margin-top: 2em; font-size: 1em; max-width: 75em;}



header{box-shadow:0px 1px 0px rgba(0,0,0,1);
box-sizing: border-box;}
        
        header nav ul li {
    min-width: 4em;
    margin: .25em 0 .25em .25em;}
        
        .trabajosdestacados {
        display: flex;
    flex-wrap: nowrap;
    justify-content:space-between;
        align-items: stretch;
            
}

.trabajosdestacados article {
    margin: 2em ;
    display: flex;
    flex-direction: column;text-align:center;
justify-content: space-between}

.trabajosdestacados figure {
    display: block;
    text-align:center; }

.trabajosdestacados img {min-width: 20em}
.trabajosdestacados p {font-weight:100}

        .entregables {
  
            margin:9em
}

.entregables article {
    margin: 5em ;
    }

.entregables figure {
    display: block;
    text-align:center; }

.entregables img {min-width: 50em}
.entregables p {font-weight:100;
text-align: center}
        
        
        .integrantes ul{
        display: flex;
    flex-wrap: nowrap;
        align-items: stretch;
    margin-block-end: 6em;
    margin-inline-start: 5em;
    margin-inline-end: 0px;
    padding-inline-start: 40px;

            
}



.integrantes ul li {
    margin: 2em ;
    display: flex;
    flex-direction:column; text-align:center;
justify-content: space-between; border-radius: .30em;
    font-weight:100; border:solid ; border-width: 1px;
 min-width: 20em;
}


.integrantes h3 {padding-left: 7em}

.integrantes p {font-weight:100
color:black;}