@charset "utf-8";

*{

    box-sizing: border-box;
  
    }




body{
    font-family: Roboto;
    background: rgba(231, 216, 188, 1);
    margin: 0;

    }
    
a{ text-decoration: none;

}

img{
max-width: 100%;
height: auto;

}

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

footer, header{

background-color: rgba(149, 201, 163, 1);

}

main {

margin: 0em 1em 0em 1em;

}

section {
    padding-bottom: 2rem;
}
    /*cel*/

    /*header*/
    
  header{
  box-shadow: 0px 4px 2px rgb(106, 143, 116);



  }  
    
    .contenedora {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0.5em 1em 0.5em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

#logo {
padding: .35em;
width: 6em;
background-color: rgb(193, 231, 203);
border-radius: .35em;

}

#logo:hover{

    background-color: rgb(109, 126, 114)

}

.menu-btn {

background:rgb(193, 231, 203) ;

}

.menu-btn, .menu-fondo{

border-radius: 50%;
padding: .75rem;
width: 3rem;
height: 3rem;
cursor: pointer;
transition: all 0.3s ease-out;


}

.menu-btn .btn-linea {
    width: 25px;
    height: 3px;
    margin: 4px 0 4px 0;
    background: rgb(126, 151, 133); 
    transition: all 0.3s ease-out;
    
  }
  

.menuVisible .menu-btn .btn-linea {
     transform: rotate(180deg); 

}

.menuVisible .menu-btn .btn-linea:nth-child(1) {
     transform: rotate(45deg) translate(4px, 6px); }

.menuVisible .menu-btn .btn-linea:nth-child(2) {
     opacity: 0;
 
}


.menuVisible .menu-btn .btn-linea:nth-child(3) {
transform: rotate(-45deg) translate(4px, -6px);
  
}


header nav ul {

display: none;


}


header nav ul li {

width: 6em;
margin: .25em 0 .25em 1em;

}


header nav ul li a{

background-color: rgb(193, 231, 203) ;
border-radius: .10em;
font-weight: bold;
padding: .25em .5em;
text-align: center;
display: block;
color: rgb(109, 126, 114);
}

header nav ul li a:hover {

background-color: rgb(109, 126, 114);
color: rgb(193, 231, 203);
}

.index header nav ul li:first-child a,
.plan header nav ul li:nth-child(2) a,
.mapa header nav ul li:nth-child(3) a {
    background-color: rgb(126, 151, 133);
    
}

@media(min-width: 40em) {

header nav ul {

display: flex;

}

.menu-btn {

display: none;


}

}

    /*comitente*/

section:first-of-type{


font-size: 1.25em;

}

.titulo {

border-bottom: .3rem solid rgb(126, 151, 133);
padding-bottom: .2em;

}





/*JT09*/


.equipojt09 h2 {

    border-top: .3rem solid rgb(126, 151, 133);
    padding-top: .2em;
    
    
    }

.equipojt09 article {

background-color: rgb(219, 194, 149) ;
margin: .5em 0;
padding: 1em;
border-radius: .25em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;


}

.equipojt09 img{

border-radius: .5em;
width: 8em;

}

article > div {

width: calc(100% - 9em);
min-width: 10em;

}

.equipojt09 article h3{

margin-top: 0em;

}


.equipojt09 article a{

background-color: rgba(231, 216, 188, 1) ;
border-radius: .25rem;
color: rgb(126, 151, 133) ;
font-weight: bold;
line-height: 1.25em;
padding: .125em 1em;

}

.equipojt09 article a:hover{

color:rgba(231, 216, 188, 1) ;  
background-color:rgb(126, 151, 133) ; 

}

@media(min-width: 50em) {

.equipojt09 {

display: flex;
flex-wrap: wrap;
justify-content: center;

}

.equipojt09 h2{

width: 100%;

}

.equipojt09 article {

width: calc(50% - .5em);

}

.equipojt09 article div{

display: flex;
flex-direction:column ;
height: 100%;

}

.equipojt09 article div a {

margin: auto 0 0 auto;

}

}


@media(min-width: 75em){


.equipojt09 article {

width: calc(25% - .75em);
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
margin: 0.2em;

}

.equipojt09 article div {

    width: unset;
    margin-top: 1em;
}

.equipojt09 article div {

display: flex;
justify-content: center;
align-items: center;



}





}

/* Datos academicos*/

.datosacademicos > ul > li:not(:last-of-type) {

border-bottom: solid 0.2em rgb(126, 151, 133);
padding-bottom: 1.5em;
margin-bottom: 1.5em;

}

.datosacademicos img {
    width: 8em;
    height: auto;
}

.datosacademicos > ul > li > *:first-child {
    margin-right: 2em;
    width: 8em;
}

.datosacademicos h3 { margin-top: 0; }

@media(min-width: 40em){




 .datosacademicos > ul > li {
        
display: flex;
}

.datosacademicos > ul > li > div {
width: calc(100% - 10em);


}


}

@media(min-width: 75em){

.datosacademicos > ul{

display: flex;
justify-content: space-between;
align-items: baseline;

}


.datosacademicos > ul > li {
    width: calc(33.33% - 2em);
    flex-direction: column;
}
.datosacademicos > ul > li:not(:last-of-type) {

border-bottom: 0;

}
.datosacademicos > ul > li > div {

 margin-top: 1em;
width: unset;   

}


}
/*footer*/

footer {

padding: 2em;
}    



/*Plan*/




.MVP {

display: flex;
justify-content: center;
flex-direction: column;
align-items: center;


}


.MVP img {


margin: 5em;
    max-width: 50%;
    max-height: 50%;

}


/*mapa*/



.mapa h2 {

text-align: center;


}


.mapa div a{

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color:rgb(219, 194, 149) ;
    margin: 3em;
    
    
    }


#flujo img {

width: 30%;
height: auto;
padding-bottom: 2em;



}


#recorrido img {

    width: 50%;
    height: auto;
    padding-bottom: 2em;
    padding-top: 2em;
    

}


.mapa div a:hover {

background-color:rgb(119, 134, 123) ;



}