@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');

* {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*-----------------GENERAL--------------*/






body {
    font-family: 'montserrat', sans-serif;
    
}

.menu-examenes{
    display: none;  }

select.menu-opciones option{
    color: aliceblue;
    background: black;
}

select{
    color: rgb(43, 43, 43);
    border:0.01rem solid rgb(0, 255, 0);
    padding: 0.5rem;
    margin-top: 1rem;
}


option:checked{
color: rgb(0, 255, 0);

}

li a.none:hover{
color: black;
}


p, a {
    list-style: none;
    text-decoration: none;
    font-size: 0.8em;
    
}

a.boton{
padding: 0.3rem;
color: rgb(43, 43, 43);
border: 0.03rem solid rgb(43, 43, 43);
}

h2, p, a{
    color: rgb(43, 43, 43);
    text-align: left;
    font-weight: 400;
}

.fechas h2{
    font-size: 1.1rem;
}

h2{
    font-weight: 600;
    padding: 0 0 0.4rem 0;

    
}
h3{
    color: rgb(43, 43, 43);
    text-decoration-style:dotted;
    font-size: 0.8em;
    font-weight: 500;    
    padding: 0.8em 0 0.5em 0;
}
h4{
    color: rgb(43, 43, 43);
    font-weight: 300;
    font-size: 1em;
    padding: 0.8em 0 0.3em 0;
}

h5{
    font-size: 0.75rem; ;
    font-weight: 600;
    padding-bottom: 0.5rem;
}
main, aside, footer{
    background-color: white;
}

.mapa{
    width:100%;
}


/*---index inicial---*/
button{
    background-color: rgb(43, 43, 43);
    color: white;
    border-radius: 5em;
    height: 2em;
    width: 15rem;
    margin: 1em auto;
}


button:hover{
color: rgb(111, 255, 93);
box-shadow: 0 0.3em 0 0.1em rgba(0, 0, 0, 0.08);
}




/* -- INDEX --*/ 
    
section.iniciar{
  margin: auto;
padding-top: 2em;
 
}

form{
    display: flex;
    flex-direction: column;
}

    .usuario, .pass{
	height: 2rem;
    width: 20rem;
    margin:0.5em auto;
	font-size: 1em;
    font-weight: 100;
	-webkit-appearance: none;
	background: white;
	border: 1px solid rgb(0, 255, 0);
	padding:0.5em;
    
	
}





/*---video---*/
section iframe{
    width: 100%;
    margin: auto;
    border: 0.1em solid rgb(0, 255, 0);
    background-color: black;
    
}


/*---SECCIONES INICIO---*/
.inicio section article{
    background-color: white;
    box-shadow: 0 0.35em 0.5em 0 rgba(0, 0, 0, 0.5);
    margin: 0.5em;
    width: 9em;
    height: 9em;
}

article.inscripciones h1,article.bajas h1,article.mi-carrera h1,article.calendario h1,article.tramites h1,article.turnos h1{
    font-size: 1.4em;
    color: rgb(43, 43, 43);
}
article h1:hover{
color: rgb(0, 255, 0);
transition: 0.4s;
}


/* MEDIDA IMAGENES */
article.inscripciones figure img,article.mi-carrera figure img,article.tramites figure img,article.calendario figure img{
    width: 5em; }

article.bajas figure img,article.turnos figure img {
    width: 9em; 
}

/* BAJAS */

article.bajas h1,article.turnos h1{
    text-align: center;
    padding-top: 0.7em;
}

article.turnos h1{
    text-align: center;
    padding-bottom: 0.7em;
}

/* MI CARRERA */

article.mi-carrera h1{
    padding-right: 0.7em;
    text-align:right; }
}



    


/*----------------HEADER----------------*/

header{
    padding-top: 0.7em;
}

header img.logo{
    width: 5em;
    margin: 0;
    
}

header nav ul{
    color: black;
   /* border-bottom: 0.1em solid black;*/
}

/*-------------------------menu desplegable 01--------------------------------*/
/* menues del header */


nav ul li {
    list-style-type: none;
    /* quita las viñetas de la lista*/
    line-height: 2rem;
    /* interlinea*/
    position: relative;
    
    
}

nav.app ul{
    box-shadow: 0 0  0.2em rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    
}

nav ul li ul {
    position:absolute; /*antes era absolute*/
    background-color: white;
    transition: 1.2s all;
}

nav ul li a {
    text-decoration: none;
    /* quita el subrayado de los vínculos*/
    color: rgb(43, 43, 43);
    /* le da color al texto del vínculo */
    padding: 0 2rem;
    /* margen interno de un elemento*/
    display: block;
    /* muestra al elemento como un bloque */
    transition: 2s all;
}

nav ul li a:hover {
    color: rgb(0, 255, 0);
    transition: 0.4s all;
    
}


nav ul.primero li:hover>ul {
    /* ">" elige a los hijos y NO A TODOS LOS DESCENDIENTES */
    max-height: 400px;
    overflow: visible;
    
    
} 


/*menu hamburguesa*/

nav ul.hamburguesa>li {
    line-height: 0;
    z-index: 999;
}

nav ul.hamburguesa li:hover>ul {
    max-height: 400px;
    overflow: visible;
    
}  
nav ul.hamburguesa li:hover>ul.primero{
    padding-top: 1.5rem;
}

/* menu principal */

nav ul.primero {
    display: flex;
    flex-direction: column;
    
}



/* menu secundario y terciario */

nav ul.primero li ul, ul.primero {
    max-height: 0;
    /* su máxima altura es de 0*/
    overflow: hidden;
    /* oculto el contenido que desborda del elemento */
}

nav ul.segundo {
    top: 0%;
    left: 0%;
    position: relative;
    background-color: rgb(248, 248, 248);
    transition: 2s all;
    
}
nav ul.segundo a{
    text-align: center;
}
/*________*/

 a:hover{
color: rgb(0, 255, 0);

}


/*------------------------------------------------------------------------*/


/*--------MAIN------*/    

main .secciones-noticias{
    display: flex;
    flex-direction: column;
}

main .secciones-noticias article{
 flex-direction: column;
}

main .secciones-noticia article .fotografia{
width: 100%;
}

/* SLIDER 1*/

main section #contenedor{
    width: 20%;
    margin: auto;
    padding-top: 2em;
}

main section article h2{
    color: rgb(43, 43, 43);
    font-size: 1em;
}
main section article a{
    font-weight:400;
    font-size: .8em;
    color: rgb(0, 255, 0);
}

    
    
main section article figure img{
} 
    
main img.inscripciones{
    max-width: 100%;
    padding-bottom: 2em;
}


/*--  inscripciones CURSOS -- */

.menu-cursos article{
flex-direction: column;
}




/*--  MI CARRERA  --*/

.fotografia .article-1,.fotografia .article-2, .fotografia .article-3{
width: 90%;
    
    
}

figure.mi-carrera img{
width: 100%;

    
}


/*--  INSCRIPCIONES, BAJAS--*/

.article-1,.article-2,.article-3{
margin: 1rem 0;
padding: 0.5rem;
box-shadow: 0.1rem 0 0.3rem rgba(0, 0, 0, 0.24);
width: 10rem;
padding: 1.2rem;
}
.fotografia article,.indesing article{
flex-direction: column;
margin: 0.5em;
justify-content: center;
align-items: center;
}
.fotografia article h2{
font-weight: 600;
font-size: 1rem;
}

.fotografia article h3{
font-weight: 600;
    font-size: .8rem;
    color: rgb(43, 43, 43);
}

.fotografia article p{
font-weight: 100;
margin-bottom: 0.7rem;
}
.fotografia article a{
border: .03rem solid rgb(43, 43, 43);
padding: 0.3rem;
font-weight: 400;
color: rgb(43, 43, 43);

}



/* INSCRIPCIONES, CALENDARIO, TRAMITES */

article.inscripciones h1,article.calendario h1,article.tramites h1{
    text-align: left;
    padding-left: 0.4em; }

article.inscripciones a,article.calendario a,article.tramites a{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

article.inscripciones ,article.bajas,article.mi-carrera,article.calendario ,article.tramites,article.turnos{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* BAJAS */

article.bajas a{
    display: flex;
    flex-direction: column-reverse;}

/* MI CARRERA */

article.mi-carrera a{
    display: flex;
    flex-direction: row; 
    align-items: center;
    justify-content: center;
}


/*---FECHAS CALENDARIO---*/

.fechas-CronogramaExamenes,.fechas-Inscripciones,.fechas-ExamenesFebrero,.fechas-Cronograma{
    display: none;
}

input.menu-slidedown{
background: none;
border: none;
color: rgb(43,43,43);
font-family: 'montserrat',sans-serif;
font-size: 1em;
font-weight: 600;
padding-bottom: 0.5rem;

margin-right: 0.2em;


}
input.menu-slidedown:hover{
color: rgb(0,255,0);
}

.fechas{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin: auto;
}
/*--------------------------*/


/*  -- MATERIAS ARTICLE --*/
.article-materias-01 img,.article-materias-02 img{
width: 50vw;
padding: 0.5rem 0;
} 

.article-materias-01,.article-materias-02{
 display: flex;
flex-direction: column;
}

.article-materias-01 .parrafo,.article-materias-02 .parrafo{
text-align: left;
} 
.article-materias-01 h2,.article-materias-02 h2{
text-align: left;

}

.article-materias{
    flex-direction: column;
}


/*--------ASIDE------*/

aside h1{
    color: rgb(0, 255, 0);
    font-size: 5em;
    font-weight: 300;
}

aside .parrafo a{
    font-weight: 300;
   
  
}

aside section{
    
}

/*--------FOOTER------*/
footer{
    text-align: center;
    font-size: 0.7em;
    color: rgb(43, 43, 43);
    margin: auto;
}

footer a img{
    width: 3em;
    
}



/*-----------------------------------------FLEXBOX---------------------------------*/

.caja{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        margin: auto;
    }
    
    .cajitas{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-content: center;
        margin: auto;
    }
    
    *{
     box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
        
    }


 header{
        display: flex;
        height: 5em;
        align-items:center;
       
    }

main{
    display: flex;
}
main section{
    padding-top: 1.5em;
}

aside{
    display: flex;
    padding: 1em;
}

footer{
    display: flex;
    padding: 1em 0.5em 2em;
}



/*medida app*/

@media screen and (min-width:20em) {
    
    .caja{
    width: 100%;
    }
    .cajitas{
    width: 100%;
    }
    
    /*-- BODY --*/
    body{
    background-color: rgb(43, 43, 43);
    }
    

    nav.navegador,aside article, aside.slider{
        display: none;
        box-sizing: border-box;
    }
    
    /*----------------HEADER---------------*/
    
    header{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
   
    
    img.desplegable{
        width: 2rem;
        
    }
    
    header img.logo{
    margin:  0 5rem;
    }

    
    nav ul li a:hover {
    color: rgb(0, 255, 0);
    transition: 0.4s all;
    
}
    
    

    
    nav.app ul.primero, ul.segundo{
        width: 300px;
        text-align: left;
        margin: 0;
       
        
    }
    
    
    nav.app .hamburguesa{
    box-shadow: 0.1rem 0 transparent;
    margin: auto;
    }
    
    nav.app{
    
    }
    nav.app ul.hamburguesa {
    margin:0;
    }
    
    nav.app ul.primero a{
        text-align: left;
        transition: none;
    }

    nav.app ul.primero{
    right: 10%;
    top: -65%;
    }
    
    nav ul li .iconos{
    margin-right: 0.5rem;
    width: .8rem;
    }
    
    nav ul li .iconos-usuario{
    margin-right: 0.5rem;
    margin-top: 1rem;
    margin-bottom: -1.1rem;
    width: 3.5rem;
    border-radius: 50%;
    }
    
   
    
    nav.app ul.primero li{
        margin-top: 0.1rem;
    }
    /*---------------- ASIDE ---------------*/
    aside section{
        display: flex;
        padding-top: 1em;
        align-items: center;
    }

    aside h1{
    font-size: 2.8em;
    font-weight: 400;
    padding-left: 0.3em;
    padding-right: 0.4em;
    }
    
    aside .parrafo{
    padding-right: 1em;
    
    max-width: 70%;
    display: flex;
    flex-direction: column;
    
    }
    
    aside .parrafo a{
    margin: 0.7em 0 -0.2em 0;
    }
    
    
    
    
    /*---------------- MAIN ---------------*/
    
    main{
    flex-direction: column;
    padding:0 1em;   
    padding-bottom: 2rem
    }
    
    main section article{
        display: flex;
        padding-bottom: 1em;  
        padding-top: 1rem;
    }
    main section article .parrafo{
    padding-left:0.7em;
    }
    
    main section article .parrafo p{
    padding-bottom: 0.7em;
    }
    main section article .parrafo h2{
    text-align: left;
    }
    main section article figure img{
    width: 10em;
    }
    
    main section h2{
    text-align: center;
    }
    
    
    
    /*--- INICIO.HTML ---*/
    .inicio{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    }
    .inicio section{
    width: 45%;
        
    }
    
    
    section.iniciar{
        align-items: center;
        justify-content: center;
        align-content: center;
        display: flex;
        width: 100%;
        flex-direction:column;
        
    }
    
    .usuario,.pass{
        align-items: center;
        justify-content: center;
    }
    
    .iniciar img{
        margin:auto;
        width: 100%;
    }
    .iniciar a{
    padding: 1em;
    margin: auto;
    justify-content: center;
    width: 50%;
    }
    
    .iniciar h1{
    font-size: 1em;
    font-weight: 600;
    }
    
    
    
    /*--- MAIN CARRERAS-DG-MATERIAS.HTML ---*/
    main section .article-materias-01{
    display: flex;
    flex-direction: row;
    }
     main section .article-materias-02,.article-materias-03{
    display: flex;
    flex-direction: row-reverse;
    }
    
    main section .article-materias-03{
    display: none;
    }
    .article-materias-03 img{
    margin: inherit;
    padding: inherit;
    width:13.5rem;
    }
    
    
    
    /*--- NOTICIAS.HTML ---*/
    .noticia img{
    width:100%;

    }
    
    /*--- NOTICIA-02.HTML ---*/
    
    .noticia-02 article .parrafo figure img{
    width: 2rem;
    margin-right: 1rem;
    margin-top: .5rem;
    }
    
    
    
    
    /*--- INICIO ---*/
    article.inscripciones h1,article.bajas h1,article.mi-carrera h1,article.calendario h1,article.tramites h1,article.turnos h1{
    
    font-weight: 500;
}

    article.inscripciones h1,article.calendario h1,article.tramites h1{
    
    font-weight: 500;
    
}
    
    
    /*-- MI-SESION ---*/
    
    main .secciones-usuario .row{
    flex-direction: column;
    display: flex;
    margin: auto;
    
    }
    main .secciones-usuario .row article figure {
    width: 60%;
    padding: 0.5rem;
    
        
    }
    main .secciones-usuario .row article .parrafo .porcentaje{
    width: 70%;
    padding: 0.5rem;
    }
    
    main .secciones-usuario .row .parrafo{
    flex-direction: column;
    display: flex;
    }
    
    main .secciones-usuario .row article{
    padding: 1rem 0;
    flex-direction: column;
    display: flex;
    margin: 0;
    }
    
    
    
    main .secciones-usuario .row .parrafo a{
    width: 80%;
    margin: 0;
    text-align: center;
    }
    
    .datos p{
    width: 90%;
    
    }

    

    
    
    
    /*---------------- FOOTER ---------------*/
    footer{
        flex-direction: column;
        padding-bottom: 5rem;
        width: 100%;
    }
    
    footer section{
        padding: 1em 0;
    
    }
    
    
    
    footer section a{
        padding: 1em;
        
        
    }
    
    .menu-fijo{
    display: flex;
    flex-direction: row;
    background-color: rgb(43, 43, 43);
    justify-content: space-around;
    width: 100vw;
    position:fixed;
    bottom: 0%;
    left: 0%;
    }
    .menu-fijo img{
    width:2rem;
    margin: 1rem;
    }
    
    video {
	width:100%;
	height: auto;
    filter: blur() grayscale(90%);
    margin-top: 1rem;
}


   
    
    
    
    


/* MEDIDA NAVEGADOR */
  
@media screen and (min-width:40em) {
    
       .caja{
        margin-bottom: 0;
        width: 90%;
    
    }
    .cajitas{
    flex-direction: row-reverse;
    width: 100%;
    margin: auto;
    }
    
.body-1,.body-7{
    background-image:url(img/body-1.jpg);
    background-repeat: no-repeat;
    background-size: 100vw;
    }
    .body-2,.body-8{
    background-image:url(img/body-2.jpg);
    background-repeat: repeat;
    background-size: 100vw;
        
    }
    .body-3,.body-9{
    background-image:url(img/body-3.jpg);
    background-repeat: repeat;
    background-size: 100vw;
        
    }
    .body-4,.body-10{
    background-image:url(img/body-4.jpg);
    background-repeat: repeat;
    background-size: 100vw;
        
    }
    .body-5,.body-11{
    background-image:url(img/body-5.jpg);
    background-repeat: repeat;
    background-size: 100vw;
        
    }
    .body-6,.body-12{
    background-image:url(img/body-6.jpg);
    background-repeat: repeat;
    background-size: 100vw;
        
    }

    nav.app,footer section,.menu-fijo{
        display: none;
    }
    
    
/* --- HEADER ---*/
    
    header{
    justify-content: space-around;
    align-items:flex-start;
    align-content: flex-start;
    margin: auto 0;
    
    }
    
    header a .logo{
    width: 4.7rem;
    margin: 0;
    padding: 0;
    padding-top: 0.75rem;
    
    }
    
    
    
    header nav ul li a{
        font-size: 0.6em;
        line-height: 2.3rem;
        display: flex;
        background-color: rgb(255, 255, 255);
        margin-left:1rem;
        align-items: center;
    }
    
    header nav a img{
    margin-right: 1em;
    width: 1.6em;
    }
    header nav.navegador ul{
    padding: 0;
    margin: auto;
    
    }
    
    header nav.navegador ul li{
        line-height: 1.8rem;
    }
    
    header nav.navegador{
        display: flex;
        margin-top: 0;
        padding-top: 1rem;
        width: 30%;
        
    }
    
    header nav.navegador ul{
        align-items: center;
    }
    
    header nav ul li .iconos-usuario{
    width: 1.8rem;
    margin:  auto  0.5rem auto auto;
    }
    
    
    header .iconos{
    width: 1.5rem;
    }
    
ul.hamburguesa>li img {
        display: none;
    }
    nav ul.primero{
        display: flex;
        flex-direction: row;
        max-height: 500px;
        position: absolute;
       
    }
    nav ul.segundo{
        top: 0%;
        left: 0%;
        z-index: 1;
    position: relative;
    width: auto;
    background-color: white;
}

/* --- ASIDE ---*/
    
    aside{
        flex-direction: column;
     
        width: 35%;
        padding-left: 5em;
        margin: 0;
    }
    
    aside section{
        flex-direction: column;
        padding-left: 0;
       align-items: flex-start;

        
    }
    
    aside section h1{
        font-size: 4.5em;
        padding-bottom: 2rem;
        padding-left:0;
    
    
    }
    aside section .parrafo p{
        padding-bottom: 2rem;
        
    }
    aside article{
        display: flex;
        flex-direction: row;
        margin: 2em 0;
        
    }
    aside.slider{
        display: block;
        width: 35%;
        padding-top: 1rem;
    
    }
    
    aside.slider #contenedor{
    width:  90%;
    }
    
    aside article a img{
     width: 2em;
     margin-right: 1.5rem;
    
    }
    
  /* ---- MAIN ----*/
    main{
    width: 65%;
    display: flex;
    flex-direction: column;
    margin: auto;
        }
    
    main nav.navegador{
        display: flex;
        box-shadow: 0 0.1em 0.1em 0em rgba(0, 0, 0, 0.17);
        margin-bottom: 2em;
        margin-top: 1rem;
       justify-content: center;
       z-index: 999;
    }
    main nav ul{
    width: 50%;
    
    }
    
    nav ul.segundo {
    top: 0%;
    left: 0%;
    z-index: 1;
    position: relative;
}
    main nav.navegador ul li a{
    border-bottom: 0.02em solid rgba(0, 0, 0, 0.6);
    }
    
   
    main .secciones{
        display: flex;
        flex-direction: row;
        padding-top: 1em;
    }
    main section{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: space-around;
        width: 50%;
        margin: auto;
    }
    
    main section article{
    flex-direction: row;
    }
    
    main .secciones article{
    padding:1em 1.5em;
    margin: 0.5rem;
    box-shadow: 0 0.3em 0.3em 0.1em rgba(0, 0, 0, 0.2);
        
    }
    
    main section article figure img{
    width: 100%;
    }
    
    
    main section .parrafo{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0.7rem
    
    }
    
    
     
    /*-- VIDEO YOUTUBE ---*/
    
    main iframe{
    width: 90%;
    height: 11rem;
    padding: 0;
    margin: 0;
    }
    
    /*--- CALENDARIO.HTML ---*/
    
    .fechas .menu-slidedown{
    text-align: left;
    }
    .fechas{
    margin: 0;
    }
    
    /*--- MAIN CARRERA-DG.HTML ---*/
    
    main section.carrera-dg{
    flex-direction: column;
    margin: auto;
    justify-content: none;
    align-content: none;
    width: 100%;
    
    }
    section.carrera-dg .row{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: auto;
    justify-content: space-around;
    }
    
    main section.carrera-dg article.carrera-dg-1,main section.carrera-dg article.carrera-dg-2{
    flex-direction: column;
    width: 50%;
    
    }
    
    main section.carrera-dg img{
    width: 100%;
    padding: 0.5rem;
    }
    
    main article .parrafo p{
    font-size: 0.75rem;
    }
    main section article figure img{
    width: 7em; 
    }
    
    main section.carrera-dg p{
    max-width: 70%;
    }
    
    main section.carrera-dg article iframe{
        width: 100%;
        height: 19rem;
    }
    
    
    
    /*--- MAIN CARRERA-GD-MATERIAS.HTML ---*/
    
    main section.article-materias{
    width:100%;
    
    }
    main section.article-materias select{
    width: 50%;
    margin:1rem  auto;
    
    
    }
    main .carreras-materias{
    display: flex;
    flex-direction: row;
    margin-top: 3rem;
    }
    main .carreras-materias article .parrafo{
    padding-left: 0;
    
    
    }
    main .carreras-materias article .parrafo h2{
    font-size: 0.9rem
    
    
    }
    
    main .carreras-materias section{
    display: flex;
    flex-direction: column;
     
    }
    main .carreras-materias section article{
    flex-direction: column;
    padding: 0.5rem;
    padding-top: 0;
    align-items: baseline;
    margin: auto;
        
    }
    main .carreras-materias section article img{
    width: 100%;
    
    
    }
    
    main .carreras-materias section.article-materias-02
    { margin-top:-3.1rem;
    
    }
    
    
    main .carreras-materias section .article-materias-01 .parrafo{
    margin-bottom: 2rem;
    }
    main .carreras-materias section .article-materias-03{
    margin-top: -3.1rem;
    display: flex;
    }
    .article-materias-03 img{
    margin-bottom: 6rem;
    
    }
    
   .article-materias-02 img{
       padding: 0;
       margin-bottom: 2rem
    }
    
   
/*--- MAIN INDEX.HTML ---*/
section.iniciar p{
    border:0.1em solid rgb(29, 255, 0);
    color: rgb(56, 56, 56);
    padding: 0.5em;
    font-size: 1em;
    border-radius: 3em;
    width: 90%
}
    
    
/*--- MAIN SECCIONES INICIO ---*/
.inicio section article{
    background-color: white;
    box-shadow: 0 0.35em 0.5em 0 rgba(0, 0, 0, 0.5);
    margin: 0.8em;
    width: 15em;
    height: 10em;
    padding-bottom: 0;
    justify-content: center;
    align-items: center;
}

article.inscripciones h1,article.bajas h1,article.mi-carrera h1,article.calendario h1,article.tramites h1,article.turnos h1{
    font-size: 1.7em;
    padding-left: 1em;
    font-weight: 500;
}

    article.inscripciones h1,article.calendario h1,article.tramites h1{
    font-size: 1.7em;
    padding-left: 1em;
    font-weight: 500;
    
}
    

/* MEDIDA IMAGENES MI CARRERA.HTML */
article.inscripciones figure img,article.mi-carrera figure img,article.tramites figure img,article.calendario figure img{
    width: 5.5em; }

article.bajas figure img,article.turnos figure img {
    width: 12em; 
}

    
 /*--- NOTICIA-02.HTML ---*/
    
    .secciones-noticias{
    display: flex;
    width: 100%;
    
    }  
    .secciones-noticias section{
    width: 100%;
    margin: auto;
    }
    
    .secciones-noticias section .noticia{
    width: 98%;
    }
    
    .noticia-02{
    display: flex;    
    flex-direction: row;
    margin: auto;
    justify-content: space-between;
    
    
    }
    .noticia-02 article{
     width: 50%;
    }
    .noticia-02 article .parrafo figure{
    flex-direction: row;
    
    }
    .noticia-02 article .parrafo figure img{
    width: 2rem;
   
    }
    
    .noticia-02 .article-1,.noticia-02 .article-2,.noticia-02 .article-3{
    width: 12rem;
    height: 15rem;
    margin-right: 1rem
    
        
    }
    
    .noticia-02 .fotografia{
    padding: 0;
    margin-left: -5rem;
    width: 50%;
    margin: auto;
    
    }
    
    .noticia-02 .fotografia article{
    margin: auto;
    
    }

    
/* BAJAS */

article.bajas h1,article.turnos h1{
    text-align: center;
    padding-top: 0.5em;
    padding-left: 0;
}

article.turnos h1{
    text-align: center;
    padding-bottom: 0.7em;
}

/* MI CARRERA */

article.mi-carrera h1, article.tramites h1{
    padding-right: 1em;
    text-align:center; }
    
    
/*--- INSCRIPCIONOES.HTML ---*/
    
    main .secciones-inscripciones{
    width: 100%;
    }
    
    main .secciones-inscripciones .fotografia{
    flex-direction: column;
    display: flex;
    }
    
    main .secciones-inscripciones .fotografia article .row{
    flex-direction: row;
    display: flex;
    justify-content: space-around;
     }
    
    .fotografia .row .article-1{
    margin-left: 1rem;
    margin-top: 2rem;
    }
    
/*--- BAJAS.HTML ---*/
    main .secciones-bajas{
    width: 100%;
    margin: auto;
    }
    
    main .secciones-bajas .fotografia{
    flex-direction: column;
    display: flex;
    width: 100%;

    }
    
    main .secciones-bajas .fotografia article{
    flex-direction: row;
    display: flex;
    }
    
    .secciones-bajas .fotografia article .article-2{
    margin-right: 1rem;
    }
    

/*--- TRAMITES ---*/
    main .secciones-noticias .fotografia article{
    flex-direction: row;
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: space-around;
    
    }
    .fotografia article .article-1,.fotografia article .article-2{
    width:12rem;
    height: 13rem;
    margin: 0;
    }
    
    
/*--- USUARIO ---*/
    
    main .secciones-usuario{
    display: flex;
    flex-direction: column;
    width: 100%;
    }
   
    
    main .secciones-usuario .row{
    flex-direction: row;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    justify-content: space-around;
    }
    
    main .secciones-usuario .row article{
    width: 30%;
    height:14rem;
    flex-direction: column;
    padding: 1rem 0;
    
    }
    
       
    }
    .secciones-usuario .row article a{
    border: 0.01rem solid black;
    padding: 0.5rem;
    margiN: auto 2rem;
    font-size: 0.5rem;
    width: 100%;
    }
    
    .secciones-usuario .row article  figure img{
    width: 11rem;
    border-radius: 50%;
    padding:0 0.5rem;
    }
    
.secciones-usuario .row article .parrafo img.porcentaje{
margin-top: 1rem;
padding: 0;
width: 100%;

}

.row article h2{
font-size: 1.2rem;
}

.row article .datos p{
background-color: rgba(237, 234, 234, 0.08);
margin-bottom: 0.5rem;

 
}


/*--- RESEÑAS.HTML ---*/
main .secciones-estudiantes{
flex-direction: row;
display: flex;
width: 100%;
margin-top: 1rem;
align-items:flex-start;
justify-content: space-around;
padding: 0.5rem;
}
.secciones-estudiantes .principal>h2{
text-align: left;
margin-bottom: 1.8rem;
margin-top: 1rem;
}
main .secciones-estudiantes .principal{
width: 50%;
margin-right: 2rem;
}

.secciones-estudiantes .principal article{}

main .secciones-estudiantes .secundario{
width: 45%;
margin-top: 3.8rem;
margin-bottom: 2rem;
}

.secciones-estudiantes .secundario .parrafo{
max-width: 80%;
}

.secundario .parrafo h2{
font-size: 0.9rem;

}

.secciones-estudiantes .principal img{
height: auto;
width: 100%;
}

    
    
 /* ------- FOOTER -------*/
    footer{
        width: 100%;
    }
    



    
    
}