@charset "utf-8";
*{
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    }


/*----------INDEX-------*/


body{
    margin: 0;
    padding: 0;
    background-image: url(../imagenes/fondo.png);
    font-family: "Fira sans", sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: center;
}  
.contenedor {
   width: 100%;
    max-width: 80em;
    margin: auto;
    overflow: hidden;
}

header {
    height: 50px;
    background-color: antiquewhite;
    color: #560383;
    
}

#btn-menu{
    display: none;
}
header label {
    font-size: 19px; 
    cursor: pointer;
    display: none; 
}

@media (max-width:768px) {
    header label {
        
        display: block;
    }
    
    .minu {
        margin: 0;
        box-sizing: border-box;
        position: absolute;
        top: 50px;
        right: 0;
        width: 50%;
        background: black;
    }
    .minu ul {
        display: block;
    } 
}

footer a { 
background-color: #000000;
}

main article {
    padding-right: 2em;
}

article ul li img {
    height: 14em;
    border-radius: 0px 25px;
    border: solid 2px white;
    display: block;
    margin: auto;
    box-shadow: 0 .60em .5em rgba(0, 0, 0, .30);
    
    }

section a img {
    height: 3em;
    
}

.menu, main > section {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: antiquewhite;
    
    }

header img{
margin-right: 5em;
}

header > div.menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav {
    width: 100%;
}

nav ul {
    list-style: none;
    margin: auto;
    padding: auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    align-content: center; 
    align-items: center;
}

nav ul li {
    flex-basis: 23%;
}

nav ul li a {
    color: #560383;
    font-weight: normal;
    text-decoration: none;
    display: flex;
    text-align: center;
    padding: .125em .5em;
    border: 2px solid white;
    border-radius: 0px 10px;
    font-size: 2vh;
    }

header nav ul li {
    margin-top: 1em;
    }

main > nav ul li {
    margin-top: 2em;
    padding-right: 1em;
    }
main > div  {
    width: 70%;
     margin: auto;
    margin-top: 2em;
    border: solid 2px white;
    background-color:antiquewhite;
    border-radius: 0px 10px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    
}
nav ul li a:hover {
    background-color: #560383;
    color: antiquewhite;
    }
h1 {
   text-align: center;
     }

h2 {
    text-align: center;
    padding: 2px;
    font-size: 25px;
}

main > img {
    display: block;
    margin: auto;
    height: 80em;
    
}

main > p {
   background-color: antiquewhite;
    border: 2px solid white;
    border-radius: 0px 10px;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    }

p {
    padding: 1em;
}

h3 {
    text-align: center;
    padding: 10px;
    font-size: 21px;
    
}


main section{
    margin-top: 1em;
    margin-bottom: 1em;
    
}

h5,h4,h6{
    
    font-size: 15px
    
} 

.integrantes{
    margin: 1em;
    
}

h1,h2,h3,h4,h5,h6{
    color: #560383;
   
}

.formales{
    padding-right: 1em;
    padding-left: 1em;
    background: none;

}

.uba{
    padding: 1em;
    border: solid 2px white;
    background-color:antiquewhite;
    border-radius: 0px 10px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
}

.fadu{
    padding: 1em;
    border: solid 2px white;
    background-color: antiquewhite;
    border-radius: 0px 10px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    
}

.dgpc{
    padding: 1em;
    border: solid 2px white;
    background-color:antiquewhite;
    border-radius: 0px 10px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
}

footer{
    font-size: .5em;
    color: aliceblue;
    text-align: left;
    background-color: black;
    padding: 1px;
    padding-left: 1em;
    }


/*----------PLAN-------*/

.Objetivo {
    padding-right: 1em;
    padding-left: 2em;
    background-color: antiquewhite;
    color: black;
    border: solid 2px white;
    border-radius: 0px 20px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    width: 80%;
   }

.Propuesta {
    padding-right: 1em;
    padding-left: 2em;
    background-color: antiquewhite;
    color: black;
    border: solid 2px white;
    border-radius: 0px 20px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    width: 80%;
   }

.comitente {
    padding-right: 1em;
    padding-left: 2em;
    background-color: antiquewhite;
    color: black;
    border: solid 2px white;
    border-radius: 0px 20px;
    box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    width: 80%;
}

.Publico {
    padding-right: 1em;
    padding-left: 2em;
    background-color: antiquewhite;
    color: black;
    border: solid 2px white;
    border-radius: 0px 20px;
box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
    width: 80%;
}
.Contenido {
    padding-right: 1em;
    padding-left: 2em;
    background-color: antiquewhite;
    color: black;
    border: solid 2px white;
    border-radius: 0px 20px;
box-shadow: 0 .50em .5em rgba(0, 0, 0, .30);
width: 80%;}

/*----------RESPONSIVE-------*/

@media screen and (min-width: 19em) {
    .contenedor {
        width: 100%;
        }
    main > nav ul li {
        display: flex;
        flex-wrap: wrap;
        }
    
    main > img {
        height: 100em;
    }
    
    header nav ul li {
        display: flex;
        flex-wrap: wrap;
}
    article ul li img {
        height: 18em;
    }
    
   
}

@media screen and (min-width: 80em) {
    .contenedor {
        width: 80%;
    }
    article ul li img {
        height: 26em;
    }
    main > img {
        height: 100em;
    }
    main > nav ul li {
        padding-left: 2em;
    }
}