@charset "utf-8";

html{
   height: -webkit-fill-available;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
      
}

img{
    width: 100%;
     height: auto;
}

body{
    min-height: 100vh; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   margin: auto;
    }

header{
    margin: 0;
    background: #858ae3;
    flex-direction: column;
}

header.contenedora{ 
    display: flex;
    justify-content: space-between;
    justify-content: center;
    margin: 1em auto;
    flex-wrap: wrap;
    box-sizing: border-box;
    
}

header ul{
    display: flex;
    justify-content: space-around;
    list-style: none;
    
}

ul{
    display: flex;
    list-style: none; 
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1em auto;
    box-sizing: border-box;

   
}

ul li{
     display: flex;
    flex-wrap: wrap;
    width: 12em;
    
}
nav{
    display: flex;
    justify-content: space-between;
   
}

nav ul li a{
    display: flex;   
    justify-content: space-around;
    color: deeppink;
    background-color:white;
    display: block;
    height: 1.2em;
    width: 9em;
   text-align: center;
    margin: .4em .4em .4em .4em;
    border-radius: 1em;
    margin-left: 2em;
    

}

#Logos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
   margin: 1.5em;
}



#logoDgcp{
    width: 10em; 
    background-color: white;
}

#logofadu{
    
    width: 20em;
}

main{
margin: 1.5em;

}

.comitente{

    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    align-items: center;
    
}

.acumar{
    width: 20em;   
}

h1{
    display: flex;
    justify-content: center;
 color: deeppink;
    font-weight: bold;
      font-size: 3em;
    font-weight: 900;
}



#enfoque-titulo{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
       text-align: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;
    
}

#txt-enfoque{
    margin-left: 2em;

}

.integrantes{
 
    flex-wrap: wrap;
      padding: 1em;
  
}
.integrantes li{ 
        display: flex;
    
    justify-content: space-around;
    list-style: none;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    
    
    
}

.integrantes li a{
    display: flex;
    justify-content:center;
    color: deeppink;
    background-color:white;

    max-height: 2em ;
    width: 9em;
    padding: 1em;
  padding-bottom: 3em;
     border: solid #858ae3 .1em;
 background-color: white;
    border-radius: 1em;
   
    
   
}

.integrantes ol{
    flex-wrap: wrap;    
}


#nombres{
    display: flex;
    justify-content: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;

    margin-bottom: 1.5em;
    
}

#titulo-datos{
        display: block;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;
   
    margin-bottom: 1.5em;
       
}
.infoacademico{
    
    margin-left: 3em;
    margin-bottom: 1.5em;
    
}

 h3{
        margin-bottom: 1em;
        color:  #858ae3;
    }

.contenedoras ol li{
    display: flex;
    list-style: :none;
    flex-wrap: wrap;
    width: 12em;
    
}

.contenedoras li{ 
        display: flex;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    
    
}

.contenedoras li a{
    display: flex;
    justify-content:center;
    color: deeppink;
    background-color:white;

    max-height: 2em;
    width: 9em;
    padding: 1em;
  padding-bottom: 2em;
     border: solid #858ae3 .1em;
 background-color: white;
    border-radius: 1em;
    
   
}

.contenedoras ol{
    flex-wrap: wrap;
    margin-left: 2em;
    margin-bottom: 2em;
 
       
}

#titulo-navegacion{
        display: flex;
    justify-content: center;
    margin-bottom: 2em;
       text-align: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;   
}

footer{
    padding: 2em;
    margin: 0;
    background-color: #858ae3;  
}

@media all and (min-width:892px){
    
    main{
        margin: 4em 3em 4em 4em; 
        flex-direction: row;
    }
    
    
    .comitente{
        display: flex;
        margin-left: .9em;
    margin-top: 1em;
        margin-bottom: 3em;
    }
    
    .enfoque{
        display: flex;
        margin-left: 21em;
        margin-right: 21em;
        margin-bottom: 2em;
        
    }
    
    #txt-propuesta{
    margin-left: 2em;

}

#propuesta-titulo{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
       text-align: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;
    
}

#txt-secciones{
    margin-left: 2em;
    
  

}


#Secciones-titulo{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
       text-align: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;
    
}
    .integrantes {
        display: flex;
        flex-direction: row;
         margin-left: 20em;
        margin-right: 21em;
    
    }
    

    
    .integrantes li a {
        display: flex;
        align-items:  center;
        margin-left: 1em;
        padding: 1.5em;
       
        
     
    }
    
   .integrantes ol{
       display: flex;
       justify-content: space-around;
       
        
    }
    
    header{
        padding: .6em 0.3em 0.5em 0.5em;
        flex-direction: row;
        justify-content: space-between;
        
    } 
    
    .infoacademico{
        display: flex;
        margin-left: 21em;
        margin-right: 21em;
        margin-bottom: 2em;
        
    }
    .infoDgpc{
    
        margin: 1em;
        margin-top: 4em;
        
    }
    
    h3{
        margin-bottom: 1em;
        color:  #858ae3;
    }
     .Propuesta{
        display: flex;
        margin-left: 22em;
        margin-right: 21em;
        margin-bottom: 2em;    
    }
    
     
    .Secciones{
        display: flex;
        margin-left: 22em;
        margin-right: 21em;
        margin-bottom: 2em;    
    }
    
     .contenedoras{
        display: flex;
        flex-direction: row;
         margin-left: 30em;
        margin-right: 21em;
        margin-bottom: 2em;
    
    }
    
    .contenedoras li{
        display: flex;

        margin-top: 2em;
        margin-bottom: 2em;
        margin-left: 2em;
    }
    
    .contenedoras ol{
       display: flex;
       justify-content: space-around;
       
          
    }
    
    
#titulo-navegacion{ 
    display: flex;
   
    justify-content:space-between;
    margin-bottom: 2em;
       text-align: center;
    font-weight: bold;
      font-size: 1.5em;
    font-weight: 800;
    }
    
      .Arbol{
        margin-bottom: 2em; 
          max-width: 60em;
          margin-left:  20em;
    }
    
   
}