@charset "utf-8";

/* estilos generales */

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
}

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

body {
    background-color: #E2F2B1;
    font-family: 'Roboto', sans-serif;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

img { max-width: 100% }

/* header */

header { background-color: #669051; }

.contenedor{
    padding-top: .8em;
	max-width: 50rem;
    margin: auto;
}

.menu ul{
    padding: .5em;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.menu ul li{
    flex-basis: 24.5%;
}

.menu ul li a{
    background-color: #E2F2B1;
    border-radius: 1em;
    padding: .7em;
    margin: .2em;
    font-weight: 700;
    font-size: .8em;
    color: #669051;
    display: block;
    text-align: center;
}

.menu ul li a:hover {
    background-color: #F9B55A;
    color: white;
}



/* integrantes */

.equipo h1 {
    color: #F9B55A;
    margin: .5em .5em 0em .5em;
    padding: .5em;
    text-transform: uppercase;
    text-align: center;
	font-size: 2em;
}

.equipo ul li a img {
	height:15em;
    border-radius:13em;
    box-shadow: 0 .35em .5em;
	margin: .5em 0em 1em;
	color: white;
}


.equipo ul {
	list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.equipo ul li {
    
    border-radius: 1em;
    text-align: center;
    margin: .2em;
    padding: 1.5em;    
}

.equipo p {
	color: white;
	font-weight: bold;
	background-color: #699051;
	padding: 0.6em;
	border-radius: 50em;	
}

.equipo p:hover{
	background-color: #F9B55A;
	color: white;
}

.equipo img:hover{
	
	box-shadow: 5px 5px 10px 8px rgba(65, 114, 34, 0.79), -5px -5px 10px 8px rgba(65, 114, 34, 0.79);
}


/* comitente */

.comitente {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;    
    text-align: center;
    align-self: center;
    margin-top: 2.5em;
}

.comitente article h2 a{
    line-height: 1.1em;
    text-align: center;
    color: white;
    padding: .6em 0em .5em;
    margin-left: 30%;
	margin-right: 30%;
	font-size: 1em;
	border-radius: 20em;
	background-color: #699051;
	display: block;
}


.comitente p {
	text-align: center;
	display: block;
	max-width: 50em;
    margin: auto;
	padding: 2.5em;
	line-height: 1.4;
	color: #699051;
}

.comitente img {
    display: flex;
    width: 35%;
    height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2.5em;
}

.comitente a:hover {
	background-color: #F9B55A;
	color: white;
}



/* datos academicos */

.datos {
	background-color: #F9B55A;
    font-size: 10pt;
    align-self: baseline;
	display: block;
	list-style-type: disc;
	padding-bottom: 2em;
}

.datos ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	max-width: 50em;
	margin: auto;
    
    
}

.datos >ul >li > a{ 
    margin-left: 2em;
	padding-bottom: 1.em;
    margin-bottom: 1.5em;
    padding-top: 0.5em;
}

.datos img {
    width: 12em;
    height: auto;
	margin-right: 2em;
    padding-top: 2em;
    
}

.datos h2 {
	
    color: black;
    margin: .5em .5em 0em .5em;
    padding: 1.5em;
    text-transform: none;
    text-align: center;
}

.datos h6 {
	color: black;
    font-weight: bold;
    font-size: 1em;
	justify-content: center;
	display: block;
    margin-left: 2em;
    
}

.info ul li {
	display: block;
    flex-wrap: wrap;
    align-items: flex-start;
	color: black;
    margin-left: 2em;
}


/* pie */

footer { background-color: #669051;}

footer p {
    text-align: center;
    padding: 1.5em;
    color: white;
    font-size: .75em;
	font-style: italic;
}






/* mapa */

.mapa h2{
	color: #699051;
    font-size: 2em;
    text-transform: uppercase;
    margin-top: 1em;
	margin-bottom: 0.5em;
	text-align: center;
}

.mapa img{
	display: flex;
    width: 80%;
    height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5em;
}


/* plan */

.plan article h2{
	color: #F9B55A;
    font-size: 2em;
    text-transform: uppercase;
    margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.plan article h3 {
	
    color: white;
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 1em;
	margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    height: auto;
    text-align: center;
    border-radius: 10em;
    padding: 0.5em;
    background-color: #669051;
}

.plan article p{
    text-align: center;
    padding: 1.5em;
    color: #669051;
    max-width: 50rem;
    margin: auto;
	font-size: .9em;
}

    
.plan article ul { padding: 1em;}

.plan article ul li{
    list-style-type: none;
    color: #669051;
	font-weight: bold;
	text-align: center;
    padding: 0.5em;
    font-size: .9em;
}



.mvp h2 {
    color: #F9B55A;
    padding-bottom: 1em;
    padding-top: 0.5em;
    text-transform: uppercase;
    margin-top: 1em;
	margin-bottom: 0.5em;
	text-align: center;
}

.mvp img{
    
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5em;
   
    
}