@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

*{ padding: 0; margin: 0; box-sizing: border-box;    max-width: 100%;}

/* Estilos generales*/
body{ font-family: Arial; background-color:  #efead7;}
header { color: #e63a3a; padding-bottom: 3%;background-color: #efead7; padding-top: 3%; }
main section article{ }

.fondo {  background-image: url(../fondo2.png);background-size: contain; background-repeat:no-repeat; background-size: 100%;  margin:auto;  width: 100%; height:40rem;}

/*Menu*/
.nav { display: inline-flex;background: #e63a3a; padding: 1%; color: #1b201f; text-decoration: none;   font-family: 'Open Sans Condensed', sans-serif;  font-weight: 700; text-align: center;color: #1b201f; width: 100%;}


.inicio {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center; width: 25%;}
.mapa {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}
.plan {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}
.tp {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}


.link-activo { color: #efead7; background: #024242;  font-weight: 700;}





h1 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2rem; font-weight: 700; text-align: center;}
h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; text-align: center; color: #efead7; padding: 1%; padding: 2%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #efead7;margin-bottom: 5%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #e63a3a;margin-bottom: 5%; }
h6 {font-weight: 700; font-size: 2rem; text-align: center; color: #e63a3a;margin-bottom: 5%;}



.perfiles{display: inline-flex; width: 75%;text-decoration: none; padding-top: 10%; padding-bottom: 5%; margin-left: 10%; align-content: center; justify-content: flex-end; }
.perfil {width:  40%; padding: 3%;text-decoration: none; margin-left: 1%;}
.fotoindividual {border-radius: 100%;text-decoration: none;margin-left: 1%;}
.nombre { text-decoration: none; color: #efead7; text-align: center; font-weight: 700; font-size: 0.8rem;margin-left: 1%;}

.datostp {display: block; width: 90%; color: black; text-align: justify;align-content: center;align-items: center; font-size: 1rem; margin-top: 12%; margin-bottom: 2%;padding-left: 10%;}
.academicos {color:#efead7; padding:  4%;font-size: 1rem; text-align: center; width: 100%; background: #1b201f;}
.datos {color:#efead7; padding:  4%;font-size: 1rem; text-align: center; width: 100%; background: #1b201f;}

.logo {display: flex; width:  70%; padding:5%; padding-left: 30%;}



/*Mapa*/
.flechas {max-width: 100%;}
.cuerpo {background-color: #1b201f;}

/*Plan*/
.app {padding:2%; text-align: justify;}
.miro {text-decoration: underline; font-weight: 700; color: #e63a3a;}

/*aside*/


/*footer*/
footer{ background: #1b201f; padding: 1rem; }
footer p{ font-size: 0.8rem; color: #efead7;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-align: center;}






























/* Condicionales pantalla pc*/

@media screen and (max-width: 48rem) {width: 100%; }
@media screen and (min-width: 48rem) { 

/* Estilos generales*/
body{ font-family: Arial; background-color:  #efead7;}
header { color: #e63a3a; padding-bottom: 3%;background-color: #efead7; padding-top: 3%; }
main section article{ }

.fondo {  ;background-size: contain; background-repeat:no-repeat; background-size: 100%;  margin:auto;  width: 100%; height:100%;;}

/*Menu*/
.nav { display: inline-flex;background: #e63a3a; padding: 1%; color: #1b201f; text-decoration: none;   font-family: 'Open Sans Condensed', sans-serif;  font-weight: 700; text-align: center;color: #1b201f; }


.inicio {display: inline-block;text-decoration: none; font-size: 1.5rem; color: #efead7;text-align: center;}
.mapa {display: inline-block;text-decoration: none; font-size: 1.5rem; color: #efead7;text-align: center;}
.plan {display: inline-block;text-decoration: none; font-size: 1.5rem; color: #efead7;text-align: center;}
.tp {display: inline-block;text-decoration: none; font-size: 1.5rem; color: #efead7;text-align: center;}


.link-activo { color: #efead7; background: #024242;  font-weight: 700;}





h1 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2rem; font-weight: 700; text-align: center;}
h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; text-align: center; color: #efead7; padding: 1%; padding: 2%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #efead7;margin-bottom: 5%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #e63a3a;margin-bottom: 5%; }
h6 {font-weight: 700; font-size: 3rem; text-align: center; color: #e63a3a;margin-bottom: 2%;margin-top:-15%;}


.perfilesx{display: inline-flex; width: 90%;text-decoration: none; padding-left: 10%; margin-top: -5%;}
    .perfiles.a {margin-right: -4%;}
    .perfiles.b {margin-left: -4%;}
.perfil {width:  40%; text-decoration: none; margin:2%; }
.fotoindividual {border-radius: 100%;text-decoration: none;margin-left: 1%;}
.nombre { text-decoration: none; color: #efead7; text-align: center; font-weight: 700; font-size: 0.8rem;margin-left: 1%;}

.datostp {display: block; width: 90%; color: #efead7; text-align: center;align-content: center;align-items: center; font-size: 1.5rem; margin-top: 12%; margin-bottom: 2%;padding-left: 15%;}
.academicos {color:#efead7; padding:  4%;font-size: 1rem; text-align: center; width: 100%; background: #1b201f;}
.datos {color:#efead7; padding:  4%;font-size: 1rem; text-align: center; width: 100%; background: #1b201f;}

.logo {display: flex; width:  70%; padding:5%; padding-left: 40%;}



/*Mapa*/
.flechas {max-width: 100%; align-content: center; margin-left: 15%;}
.cuerpo {background-color: #1b201f;}

    
    
/*Plan*/
.app { text-align: justify;width: 150%;}
.planx {display: inline-flex; width: 100%; font-size: 1rem; color: #1b201f;}


/*aside*/


/*footer*/
footer{ background: #1b201f; padding: 1rem; }
footer p{ font-size: 0.8rem; color: #efead7;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-align: center;} }