* {margin: 0; padding: 0; list-style:none; text-decoration:none}

/*barra supeior*/
body {width: 100%}


.barra_superior {background:black;
                 width: 100%;
                 height:  8.313rem;
                 display: flex;
                 flex-direction: row;
                 align-items:center; /*alineacion vertical*/
                 justify-content:space-between}

.flecha-volver {height: 2.313rem; 
                width: 2.563rem; 
                padding-left: 2rem; 
                margin-top: }
.titulo {color: white;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 2.3rem;
        margin-top: ; text-decoration: none; font-weight: bold}
.burger {height: 2.313rem;
         width: 2.563rem; 
         margin-top: ;  
         margin-right: 3rem}


/*PANTALLA-1-INICIO*/
/*descubri tu perfil*/

.descubri li:hover {background: #ccc}
.descubri li a {color: #000; font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem; font-weight: bold; text-decoration: none}
.perfil {height:8.313rem}
.descubri li {font-size: 2rem;background: #FFEE00;height: 8.313rem;
display:flex; align-items:center; justify-content:center;}

/*menu de perfiles*/

.menu-perfiles ul{list-style: none; height:75rem}

.menu-perfiles {width: 100%}

.menu-perfiles li a {color: #fff; font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem; font-weight: bold}
.simple {background: #DA0080; height: 8.313rem; display:flex; flex-direction:column;
    align-items:center;justify-content:center}
.simple:hover {background: #009CDD}

.doble {width: 100%; height: 100%; display:flex;}

/*PANTALLA-2-DISEÑO-CORPORATIVO*/
/*que-es?*/
.que-es {color: #fff; font-family: 'Roboto Condensed', sans-serif;font-size: 2rem}   

.que {background: #DA0080;height: 8.313rem;display:flex;
      align-items:center;justify-content:center}

/*parrafo*/
.texto-perfil p {font-family: 'Roboto Condensed', sans-serif; font-size: 2rem;
    text-align:center; margin-left:4.25rem;
    margin-right: 4.25rem;
    padding-top: 3rem }

/*hace tu plan de estudio*/
.hace-tu {height: 8.313rem; display:flex; align-items:center;justify-content:center;
margin-bottom: 2rem}
.hace-tu a {font-family: 'Roboto Condensed', sans-serif; font-size: 1.8rem;
            font-weight: bold;text-align:center;color: #000;background: #FFEE00;
            border-radius: 3rem;margin-top: 3rem; height: 5.8rem; width: 30rem;            
            display: flex; align-items: center; justify-content: center}
.hace-tu a:hover {background: #ccc}

/*PANTALLA-3-DISEÑO-GRAFICO*/

.contenedor-anios-carrera {background: #DA0080}
.lista-anios {display: flex; flex-direction: row; 
                justify-content:space-around; align-items: center; 
                list-style: none; height: 6.25rem}
.hover-cian:hover {background: #009CDD}
.hover-cian {color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem; font-weight: bold; width: 100%; height: 6.25rem;
text-align: center; display: flex; align-items: center; justify-content: center}


/*boton filtra materias*/
.boton {height: 8.313rem;
        display:flex; flex-direction: column; 
        justify-content; align-items: center; align-content: center;        
        padding-bottom: 1rem;
        margin-bottom: 2rem}
.boton a {font-family: 'Roboto Condensed', sans-serif;
            font-size: 1.8rem;
            font-weight: bold;
            text-align:center;
            text-decoration: none;
            color: #000;
            background: #FFEE00;
            border-radius: 3rem;margin-top: 3rem;
            height: 5.8rem; width: 30rem;            
            display: flex; align-items: center; justify-content: center;height: 100%;  }
.boton a:hover {background: #AFAFB4}

/*tarjetas*/


.madre {background: #AFAFB4; margin-bottom: 1.5rem;
width: 100%; height: 12.5rem; 
display: flex; flex-direction: row; 
justify-content:space-between}

.hija1 {width: 20%; height: 12.5rem;width: 12.5rem;padding-rigth: 12.5rem;
background: #565659}
.foto {height: 12.5rem; width: 12.5rem; display:flex} 

.hija2 {height: 12.5rem; width: 80%}


.nieta {height: 12.5rem; width: 100%;
display: flex; flex-direction: column}

.catedra-nombre {height:24%;
font-family:'Roboto Condensed', sans-serif;
font-size: 2rem;padding-left: 3rem;font-weight: bold;
padding-top:1rem;padding-bottom:0.5rem; margin-bottom:1rem}


.catedra-datos {height: 20%;
font-family:'Roboto Condensed', sans-serif;
font-size: 1.7rem;
padding-left:3rem}
.catedra-barra {height: 40%}
.barra-png {height: 0.8rem;width:80%; padding-left:3rem;
padding-top:1rem}

/*PANTALLA-4-TIPOGRAFIA-CARBONE*/

/*titulo catedra*/
h2 {color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.5rem;
    font-weight:}   

.titulo-catedra {background: #DA0080;
      height: 6.25rem;
      display:flex;
      align-items:center;
      justify-content:center;}

/*foto catedra*/
.img-catedra {width: 100%}

/*parrafo*/
.texto-catedra {display: flex; flex-direction: column; justify-content: center;
margin: 3rem}
p {font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    text-align:center;
    margin-bottom: 1.5rem}

/*barra inferior*/
.barra_inferior {background:black;
                width: 100%;
                height: 8.313rem;
                display: flex;
                flex-direction: row;
                align-items:center; /*alineacion vertical*/
                justify-content:space-between}


.comentarios_icon {height: 3rem; ; padding-left: 2rem;}
.info-boton {color: white;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 2.5rem;
            margin-top: ; text-decoration: none; font-weight: bold}
.galeria_icono {height: 3rem;
                margin-right: 3rem}

/*PANTALLA-5-GALERIA*/

.caja-galeria {margin:; display: flex;flex-direction: row; flex-wrap: wrap}
.a-foto{width: 50%;height: 50%}
.foto-catedra {height: 100%; width: 100%}