* {

}

body {
	font-family: sans-serif;
	margin: 0;
	background-color: #FFF8EB;


}

header, 
footer {
	padding: 1em;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-inline-start: 0px;
	font-size: 0.8em;
	margin-bottom: 1em;
}

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

h1,
h2 {
    padding-bottom: .5em;
    text-align: center;
    color: #693B58;
}

footer {
	border-top: solid #DD362A 10px;
}

footer section {
	display: flex;
	align-items: center;
}
footer div{
 	flex-basis: 30%;
 }

footer p {
 	flex-basis: 70%;
 	font-weight: bold;
 	color: #525252;
 }


.contenedora {
	max-width: 65em;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;

}


header .contenedora {
	margin: 0 auto;
}


header nav ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-evenly;
}

header nav ul li {
    min-width: 6em;
    margin: .25em 0 .25em .25em;
}

nav ul li a {
	display: block;
	color: #693B58;
	font-weight: bold;
	border-bottom: solid #DD362A 2px;
	padding: .25em .5em;
	margin: .25em 0;
	text-align: center;

}

#logo{
	background: white;
	padding: .25em;
	border-radius: .125em;
}

#integrantes {
   display: flex;
   margin-bottom: 10em;
   flex-wrap: wrap;
   align-content: stretch;
   justify-content: space-between;

}



#presentacion h1{ 
	text-align: left;
	justify-content: space-between;
	color: #FFF8EB;
	text-align: center;
	font-size: 26px;
}

#presentacion h3 {
	color:  #FFF8EB;
	text-align: center;
	margin-bottom: 30px;
}


#presentacion { 
	display: flex;
	margin-bottom: 10em;
	margin-top: 3em;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	flex-direction: row;
}

#presentacion .caja-interna {
	border-left: solid #DD362A 2px;
	border-bottom: solid #DD362A 12px;
	margin-right: 15px;
	margin-bottom: 10px;
	min-width: 260px;
	padding: 25px;
	flex-basis: 25%;
	background-color: #DCA6A4;
	border-radius: 20px;
}

#presentacion .caja-interna-plan {
   min-width: 43%;
}

#presentacion > .caja-interna1 {
	display: flex;
	flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 30%;
    align-items: center;

}

#presentacion .caja-interna-plan p {
	color: #525252;

}

#presentacion .caja-interna ul li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align: center;
	color: #693B58;
	font-weight: bold;
	font-size: 14px;
}

#presentacion .caja-interna-plan ul li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align: left;
	color: #525252;
	font-weight: normal;
	font-size: 14px;
}
#links-individual {
	margin-bottom: 10em;
	background-color: #DCA6A4;
	border-radius: 20px;
	padding: 3em 0;
}

#links-individual ul{
	display: flex;
	flex-direction: column;
	 align-items: center;
}

#links-individual ul li{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #DD362A;
	border-radius: 10px;
}

#links-individual ul li a{
	color: #FFF8EB;
	font-weight: bold;

}

#integrantes li {
	text-align: center;
	padding: 2em 0;
	border-radius: 10px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    background-color: #693B58;
    flex-direction: column;
    margin: 10px;

}

#integrantes li img {
	border: solid #FFF8EB 12px;
	border-radius: 50%;
	max-width: 50%;

}

#integrantes li a{
	text-align: center;
	padding-top: 1em;
	color: #FFF8EB;
	font-weight: bold;
}

#imagenes-plan, #imagenes-mapa {
   margin-bottom: 8em;
}

#imagenes-mapa {
	margin-top: 6em;
	display: flex;
	flex-direction: column;
	 align-items: center;
}

#imagenes-mapa img, #imagenes-plan img{
	border-radius: 20px;
	border-left: solid #DD362A 2px;
	border-bottom: solid #DD362A 12px;
}

.datosAcademicos {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6em;
	justify-content: space-between;
}

.datosAcademicos h3 {
	font-size: 14px;
	color: #693B58;

} 

.datosAcademicos p {
	font-size: 12px;

} 
 .a, .b, .c, .d {
}

article figure img {
   border: solid 6px violet;
   border-radius: 50%;
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25) inset;
}



@media (min-width: 20em) {
  
   #presentacion .caja-interna-plan {
   min-width: 85%;
   
   margin-right: 0;
}
   #presentacion { 
	flex-direction: column;

}
   #integrantes {
   flex-direction: column;

}

}

@media (min-width: 40em) {
   
#integrantes {
   flex-direction: row;
   justify-content: center;

}

#presentacion { 
	flex-direction: row;
}
   
   
#presentacion .caja-interna-plan {
   min-width: 43%;
}

 }

@media (min-width: 75em) {




}