@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* reset */

li{
	font-family: montserrat, sans-serif;
}

.logos{
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
    padding: 0em 0em 0em 0em;
}

.logos img{
	width: 10em;
	margin: 1em;
}

.cabecera nav{
	background-color: #54B0BB;
}

.cabecera ul{
	display: flex;
	justify-content: center;
    padding: 0em 0em 0em 0em;
}

.cabecera ul li{
	margin: 2em;
	font-size: 1em;
	list-style-type: none;
}

.cabecera ul li a{
	color: #ffffff;
	transition: color .5s;
	text-decoration: none;
}

.cabecera ul li a:hover{
	color: #ffffff;
	border-color: #ffffff;
	border: 2px solid;
	padding: 1em;
}

.integrantes h1{
	color: #F1857A;
}

.integrantes {
	font-family: montserrat, sans-serif;
	text-align: center;
}

.integrantes ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding: 0em 0em 0em 0em;
    
}

.integrantes ul li{
	margin: 1em;
	font-size: 1em;
	list-style-type: none;
}

.integrantes ul li a{
	color: #231f20;
	transition: color .5s;
	text-decoration: none;
}

.integrantes ul li a:hover{
	color: #F1A890;
	border-color: #F1A890;
	border: 2px solid;
	padding: 1em;
}
#acumar{
	display: flex;
	flex-direction: row;
	background-color: #CECECE;
	padding: 2em;
}

#imgacumar {
	width: 30%;
	padding: 2em;
	justify-content: center;
}

#comitente{
	width: 70%;
	padding: 1em;
}

#comitente h1 {
	font-family: montserrat, sans-serif;
	font-weight: 600;
	color: #F1857A;
}

#comitente p{
	font-family: montserrat, sans-serif;
	color: #737474;
}

#datosacademicos {
	background-color: #54B0BB;
	padding-left: 5%;
	padding-right: 5%;
    
}

#datosacademicos h4, p{
	color: #000000;
}

#titulodatos {
	text-align: center;
	padding: 1em;
}

#titulodatos h1{
	font-family: montserrat, sans-serif;
	font-weight: 600;
	color: white;
}

#columnas {
	text-align: left;
	display: flex;
	flex-direction: row;
}

#uba, #fadu, #dgpc {
	width: 30%;
	padding: 1em;
    font-family: montserrat, sans-serif;  
}




#plan {
	background-color: #FCD969;
	padding: 2em;
    font-family: 'Roboto', sans-serif;

}


#plan h1{
	display: flex;
	flex-direction: row;
	padding: 2em;
    font-family: 'Roboto', sans-serif;
}
#plan p{
	display: flex;
	flex-direction: row;
	padding: 2em;
    font-family: 'Roboto', sans-serif;
    
}

#plan h2{
	display: flex;
	flex-direction: row;
	padding: 2em;
    font-family: 'Roboto', sans-serif;
}



footer{
    display: flex;
	flex-direction: row;
	padding: 2em;
    background-color: #e2e2e2;
    
}


.personas ul{
    background-color: #FF4E4E;
	display: flex;
	justify-content: center;
}

.personas ul li{
	margin: 2em;
	font-size: 1em;
	list-style-type: none;
}

.personas ul li a{
	color: #ffffff;
	transition: color .5s;
	text-decoration: none;
    font-size: 1em;
}

.personas ul li a:hover{
	color: #ffffff;
	border-color: #FF4E4E;
	border: 2px solid;
	padding: 1em;
    
}

#mapa img{ 
width: 22em;
display: flex;
justify-content: center;
flex-wrap: wrap;
    padding: 1em 1em 0.1em 1em; 
}


footer p {
    color: #1c242c;
    font-family: montserrat, sans-serif;
}