@charset "utf-8";
/*-- MARGENES ---*/
*{
    margin: 0;
    border: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 100%;
    list-style: none;
    box-sizing: border-box;
}



img {
    /* para que una imagen nunca sea mayor que la caja que las contiene */
    max-width: 100%;
    height: auto;
}
  
 /* TODOS los vínculos */
 a {
    /* elimina los subrayados */
    text-decoration: none;
}





/*-------- REGLAS PARA CELULAR - MOBILE FIRST-------*/

/*---BODY----*/

body{
    display: block;
    background-image: url("imagenes/fonditodos.jpg");
    background-repeat:repeat;
    background-size: 1920px 1080px;
    background-position: top;    
}



/* ---HEADER--- */

header{
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: .5em;
    height: 5em;
    bottom: 3em;
}

#logo {
    display: flex;
    justify-content: space-between;
    border-radius: .35em;
    padding: 0em;
    width: 8em;
    background-color: #FFFFFF;
    margin-left: 8%;
}

/*-------- BARRA DE NAVEGACION -------*/

header nav ul {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500; 
    font-size: 18px;
    justify-content: flex-end;
    
}

header nav ul li {
    min-width: 4em;
    margin: .15em 0 .15em .15em;
}

header nav ul li a {
    font-weight:bold;
    padding: .25em .5em;
    text-align: center;
    display: block;
    padding-top: .1em;
    font-family: "poppins", sans-serif;
    border-radius: .25em ;
    text-transform: uppercase;
    color: #181818;
    
}

nav ul li a:hover{
    color: white;
   
}

header a {
    display: flex;
    flex-wrap: wrap;

}

/*------- FOOTER-------*/

footer { 
    background-color: #293441;
    color: #faf5f5;
    font-size: 0.9em;
    padding: 5em;
    font-family: "poppins", sans-serif;

}

footer p{
    font-size: .9em;
    margin-left: 12%;
    margin-right: 12%;
    color: #faf5f5;

}


/*--------------  Main ----------------*/ 
   
main {
    background-color: #293441;
    background-position: center;
    margin-left: none;
    margin-right: none;
}

/*---- EQUIPO ------*/

.equipo article {
    background-color: #293441;
    color: #AECFE9;
    padding: 8em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-family: "poppins" "sans-serif";
    
}

.equipo article h1{
    color: #AECFE9;
    margin-top: 2em;
    font-size: 39px;
    margin-bottom: 0.2em;
    font-family: "poppins" "sans-serif";
}

.equipo article h2{
    color: #AECFE9;
    margin-top: 2em;
    font-size: 29px;
    margin-bottom: 0.8em;
    font-family: "poppins" "sans-serif";
}

.equipo article p{
    margin-bottom: 1.5em;
    font-size: 25px;
    line-height: 35px;
    font-family: "poppins" "sans-serif";
}

.equipo article > div{
    margin-left: 5em;
}


.equipo article div a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .90em;
    line-height: 1.90em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 10em;
    font-size: 18px;
}
    
.equipo article div a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.equipo article img{ 
    width: 60%;
    align-content: center;
    margin-left: 7em;
}


/*-----MATERIAS------*/

.materia article {
    background-color: #AECFE9;
    color: #010603;
    padding: 10em;
    display: flex;
    justify-content: center;   
    align-items: center;
    flex-wrap: wrap;
    font-family: "poppins" "sans-serif";
    
}

.materia article > div{
    margin-left: 0%;
}


.materia article h3{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 2em;
    font-size: 39px;
    margin-bottom: 0.2em;
    font-family: "poppins" "sans-serif";
}

.materia article h4{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 0;
    font-size: 39px;
    margin-bottom: 0.2em;
    font-family: "poppins" "sans-serif";
}

.materia article p{
    margin-bottom: 1.5em;
    font-size: 23px;
    line-height: 30px;
    font-family: "poppins" "sans-serif";
}

.materia img{ 
    width: 70%;
    align-content: center;
}


/*-----PROTOTIPO------*/
.prototipo article {
    background-color: #293441;
    color: #faf5f5;
    padding: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-family: "poppins" "sans-serif";
    
    
}

.prototipo article h5{
    color: #faf5f5;
    /* alinea nombre e imagen del prototipo */
    margin-top: 2em;
    font-size: 39px;
    margin-bottom: 0.8em;
    align-content: center;
    margin-left: 0.2em;
    font-family: "poppins" "sans-serif";
}


.prototipo article > div{
    margin-left: 0%;
}

.prototipo article a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .99em;
    line-height: 1.25em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 8em;
    font-size: 16px;
    margin-left: 0.5em;

}

.prototipo article p{
    margin-bottom: 1.5em;
    font-size: 23px;
    line-height: 32px;
    align-content: center;
    margin-left: 0.5em;
    font-family: "poppins" "sans-serif";

}
    
.prototipo article a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.prototipo img{ 
    width: 60%; 
    align-content: center;
}



/*------DATOS ACADEMICOS-----*/

#academico {
    background-color: #FFFFFF;
    list-style: none;
    padding: 0.2em;
    padding-top: 2em;
    padding-bottom: 2em;
    font-family: "poppins";
    flex-wrap: wrap;
}

#academico h5{
    margin-left: 16.5%;
    font-size: 20px;
    background-color: #FFFFFF;
    padding: 0.1em;
    font-size: 20px;
    font-family: "poppins" "sans-serif";

}

#academico h6 {
    margin-left: 13%;
    background-color: #FFFFFF;
    margin-right: none;
    font-size: 20px;
    font-family: "poppins" "sans-serif";
}


#academico p{
    margin-left: 13%;
    font-size: 18px;
    font-family: "poppins" "sans-serif";
}


/* Escritorio, EXTRA GRANDE */

@media screen and (min-width: 1024px) {

/*-------- Header para todas las paginas -------*/

header {
    height: 5em;
    bottom: 3em;
}
    
header .contenedora {
    padding: .3em;
    margin:1em;
    max-height: 2em;
    max-width:100%;
    padding: 1em;
    
}

#logo {
    width: 8em;
    margin-left: 51%;
    background-color: #faf5f5;
    padding: 0em;
    
}

nav {
    margin-right: 5%;

}

nav ul li a {
    font-size: 16px;
    min-width: 4em;
    margin: .5em 0 .5em .5em;
}   

/*-------FOOTER-----*/
footer {
    padding:1em; 
    background-color: #293441;
    background-position: center;
    margin-left: 6%;
    margin-right: 6%;
}

footer p{
    font-size: .8em;
    margin-left: 9.6%;
    margin-right: 9.6%;
    color: #faf5f5;

}


/*--------------  Body ----------------*/

body {
  
    background-image: url("imagenes/fonditodos.jpg");
    background-repeat:repeat;
    background-size: 1920px 1080px;
    background-position: top;
    background-color: #FE7479;
}
    

/*--------------  Main ----------------*/ 
   
main {
    background-color: #293441;
    background-position: center;
    margin-left: 6%;
    margin-right: 6%;
    


}


/*---- EQUIPO ------*/

.equipo article {
    background-color: #293441;
    color: #AECFE9;
    padding: 8em;
    display: flex;
    justify-content: flex-start;
    align-items: center center;
    flex-wrap: none;
    
}

.equipo article h1{
    color: #AECFE9;
    /* alinea nombre e imagen del integrante */
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 0.2em;
    margin-left: 0em;
}

.equipo article h2{
    color: #AECFE9;
    /* alinea nombre e imagen del integrante */
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 0.8em;
    margin-left: 0em;
}

.equipo article p{
    margin-bottom: 1.5em;
    font-size: 18px;
    line-height: 28px;
    margin-left: 0em;
}

.equipo article > div{
    margin-left: 8%;
}


.equipo article div a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .90em;
    line-height: 1.90em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 10em;
    font-size: 14px;
    margin-left: 0em;
}
    
.equipo article div a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.equipo article img{ 
    width: 40%;
    align-content: none;
    margin-left: 0em;
}


/*-----MATERIAS------*/

.materia article {
    background-color: #AECFE9;
    color: #010603;
    padding: 8em;
    display: flex;
    justify-content: flex-start;   
    align-items: center;
    flex-wrap: none;
    
    
}

.materia article > div{
    column-gap: 10px;
    row-gap: 8%;
    margin-left: 8%;
}


.materia article h3{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.2em;
}

.materia article h4{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.2em;
}

.materia article p{
    margin-bottom: 1.5em;
    font-size: 18px;
    line-height: 28px;
}

.materia img{ 
    width: 40%;
    align-content: none;
}


/*-----PROTOTIPO------*/
.prototipo article {
    background-color: #293441;
    color: #faf5f5;
    padding: 2em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: none;
    
}

.prototipo article h5{
    color: #faf5f5;
    /* alinea nombre e imagen del prototipo */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.8em;
    align-content: none;
    margin-left: 0;
}


.prototipo article > div{
    column-gap: 10px;
    row-gap: 8%;
    margin-left: 8%;
}

.prototipo article a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .90em;
    line-height: 1.25em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 8em;
    font-size: 16px;
    margin-left: 0em;
}

.prototipo article p{
    margin-bottom: 1.5em;
    font-size: 20px;
    line-height: 32px;
    align-content: none;
    margin-left: 0;
}
    
.prototipo article a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.prototipo img{ 
    width: 40%;
    align-content: none;
}



/*------DATOS ACADEMICOS-----*/

#academico {
    background-color: #FFFFFF;
    list-style: none;
    padding: 0.2em;
    padding-top: 2em;
    padding-bottom: 2em;
}

#academico h5{
    margin-left: 10.1%;
    font-size: 20px;
    background-color: #FFFFFF;
    padding: 0.1em;
    font-size: 23px;
}

#academico h6 {
    margin-left: 7%;
    background-color: #FFFFFF;
    margin-right: none;
    font-size: 23px;
}

#academico p{
    margin-left: 7%;
    font-size: 20px;
}

} 

/* -----Fin de Escritorio extra grande ----*/

/* Escritorio grande */
@media screen and (min-width: 992px){
header nav ul li {
    margin:0.3em 0.3em;
}
header nav ul li a{
    font-size: medium;
    
}

footer p{
    font-size: .8em;
    margin-left: 5%;
    margin-right: 5%;
    color: #faf5f5;

}

/*---- EQUIPO ------*/

.equipo article {
    background-color: #293441;
    color: #AECFE9;
    padding: 8em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: none;
    
}

.equipo article h1{
    color: #AECFE9;
    /* alinea nombre e imagen del integrante */
    margin-top: 0;
    font-size: 26px;
    margin-bottom: 0.2em;
    margin-left: 0em;
}

.equipo article h2{
    color: #AECFE9;
    /* alinea nombre e imagen del integrante */
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 0.8em;
    margin-left: 0em;
}

.equipo article p{
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 25px;
    margin-left: 0em;
}

.equipo article > div{
    margin-left: 8%;
}


.equipo article div a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .90em;
    line-height: 1.90em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 10em;
    font-size: 12.4px;
    margin-left: 0em;
}
    
.equipo article div a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.equipo article img{ 
    width: 40%;
    align-content: none;
    margin-left: 0em;
}


/*-----MATERIAS------*/

.materia article {
    background-color: #AECFE9;
    color: #010603;
    padding: 8em;
    display: flex;
    justify-content: flex-start;   
    align-items: center;
    flex-wrap: none;
   
    
}

.materia article > div{
    column-gap: 10px;
    row-gap: 8%;
    margin-left: 8%;
}


.materia article h3{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.2em;
}

.materia article h4{
    color: #010603;
    /* alinea nombre e imagen de la materia */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.2em;
}

.materia article p{
    margin-bottom: 1.5em;
    font-size: 18px;
    line-height: 28px;
}

.materia img{ 
    width: 40%;
    align-content: none;
}


/*-----PROTOTIPO------*/
.prototipo article {
    background-color: #293441;
    color: #faf5f5;
    padding: 2em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: none;
   
}

.prototipo article h5{
    color: #faf5f5;
    /* alinea nombre e imagen del prototipo */
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 0.8em;
    align-content: none;
    margin-left: 0;
}


.prototipo article > div{
    column-gap: 10px;
    row-gap: 8%;
    margin-left: 8%;
}

.prototipo article a {
    border: solid .1em #AECFE9;
    color: #AECFE9;
    border-radius: .90em;
    line-height: 1.25em;
    padding: .12em 1em;
    font-weight: bold;
    margin-top: 8em;
    font-size: 16px;
    margin-left: 0em;
}

.prototipo article p{
    margin-bottom: 1.5em;
    font-size: 20px;
    line-height: 32px;
    align-content: none;
    margin-left: 0;
}
    
.prototipo article a:hover {
    color: #010603;
    background-color: #AECFE9;
}


.prototipo img{ 
    width: 40%;
    align-content: none;
}



/*------DATOS ACADEMICOS-----*/

#academico {
    background-color: #FFFFFF;
    list-style: none;
    padding: 0.2em;
    padding-top: 2em;
    padding-bottom: 2em;
}

#academico h5{
    margin-left: 10.1%;
    font-size: 20px;
    background-color: #FFFFFF;
    padding: 0.1em;
    font-size: 23px;
}

#academico h6 {
    margin-left: 7%;
    background-color: #FFFFFF;
    margin-right: none;
    font-size: 23px;
}

#academico p{
    margin-left: 7%;
    font-size: 20px;
}


} 

/* Escritorio pequeño / tablet */
@media screen and (min-width: 768px) {
   
.equipo article {
    flex-direction: row;    
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}




}