* {

}


 

        /* colores:#85AD1C , #C2E66A*/




body {
	font-family: sans-serif;
	margin: 0;
}

header {
    /* encabezado con sombra difusa  */
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
}

/* caja que "limita" al logo y al menu */
header .contenedora {
    /* caja flexible */
    display: flex;
    /* "hijos separados" */
    justify-content: space-between;
    /* "hijos" centrados en la vertical */
    align-items: center;
    /* si no caben, sus elementos se van para abajo */
    flex-wrap: wrap;
}

main .contenedora {
	margin-bottom: 0em;
	margin-top: 8em;
}

header nav ul {
    /* caja flexible */
    display: flex;
    /* elementos que no caben van a otra linea */
    flex-wrap: wrap;
    /* eje principal */
    justify-content: flex-end;
}
/* items de lista  que contienen los vínculos del menu */
header nav ul li {
    /* que no midan menos que: */
    min-width: 6em;
    /* separados */
    margin: .25em 0 .25em .25em;
}

header nav ul li a {
    
    background-color: #C2E66A;
}

nav ul li a {
    background-color: white;
    display: block;
    color: black;
    font-weight: bold;
    padding: .25em .5em;
    border-radius: .25em;
    margin: .25em 0;
    text-align: center;
}

header, 
footer {
	padding: 1em;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

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

h1,
h2 {
    color: #85AD1C;
    padding-bottom: .5em;
}

h1 {
   font-size: 40px;
}

h2 {
   font-size: 25px;
}

dt {
	font-weight: bold;
}

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

footer {
	background-color: #C2E66A;
}

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

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

.datosAcademicos h3 {
	font-size: 14px;
	color: #85AD1C;

} 

.datosAcademicos p {
	font-size: 12px;

} 


.imagenes-2columnas {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6em;
	flex-direction: column;
	justify-content: space-between;
}

.plan-caja {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6em;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2em;
}

.plan-caja article {
	margin-left: 1,5em;
	max-width: 48%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6em;
	flex-direction: column;
	justify-content: space-between;
}

.boceto-grupal {
	text-align: center;
	margin-top: 0;
}

.nav-mapa {
	margin-left: 5em;
	border-left: solid #C2E66A 4px;
}
.nav-mapa li:first-child{
	margin-top: 0;
}

.nav-mapa li {
    margin: 1em 0 0 0;
}

.nav-mapa li a {
    background-color: #C2E66A;
}

.nav-mapa li a {
	width: 14em;
	background-color: #C2E66A;
	display: block;
	color: black;
	font-weight: bold;
	padding: .5em 1em;
	border-radius: 0em;
	margin: 0em 0;
	text-align: center;

}

.nav-sub-mapa li  {
	margin: .25em 0 .25em 2em;
}

.nav-sub-mapa  {
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.nav-sub-mapa li a {
	background-color: white;
	border: solid 2px #C2E66A;
	text-align: left;
}

.nav-sub-sub-mapa {
	margin-bottom: 1em;
}

.nav-sub-sub-mapa li {
	margin-bottom: .8em;
}

.nav-sub-sub-mapa li a {
	border: none;
	text-align: left;
	margin-left: 4em;
	margin-top: .8em;
	padding:  0 .5em;
	width: 14em;
	border-left: solid 4px #C2E66A;
}

.mapa {
    display: flex;
	flex-wrap: wrap;

	margin-bottom: 6em;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 2em;
}

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

#logo-gif {
	max-width: 300px;
	margin: auto;

}


#comitente {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

#comitente p {
   max-width: 35em;
}

#comitente div img {
	border-radius: 20px;
}

#integrantes {
   display: flex;
   margin-bottom: 10em;
   flex-wrap: wrap;
   justify-content: space-between;
   background-color: 
}
#integrantes li {
	text-align: center;
	background-color: #85AD1C;
	padding: 25px;
	border-radius: 20px;
}

#integrantes li a {
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 15px;
}

#imagenes {
	text-align: center;
}
 #imagenes h2{
	text-align: center;
	margin-top: 5em;
}

#imagenes-plan {
   margin-top: 0;
}

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

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) {

	h1, h2 {
		text-align: center;
	}
  
   #presentacion .caja-interna-plan {
   min-width: 85%;
   
   margin-right: 0;
}
   #integrantes { 
	flex-direction: column;

}
   #integrantes li{
   margin: 0.3em;

}

.datosAcademicos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6em;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
}

.plan-caja {
    
    flex-direction: column;
    align-content: center;
}

.plan-caja article {
    max-width: 90%;
}

}

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

}

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

.plan-caja {
    flex-direction: row;
    align-content: space-around;
}

.plan-caja article {
    max-width: 48%;
    
}

 }