@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;700&family=Tenor+Sans&display=swap');
*{padding: 0; margin: 0; transition: 1s all; box-sizing:border-box; } 


/*font-family: 'Archivo', sans-serif;
font-family: 'Archivo Black', sans-serif;
font-family: 'Tenor Sans', sans-serif;8/


/*estilos generales */

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

nav {background-color:fefffa; padding: 1rem;}
nav ul li{display: inline-block;}
nav ul li a{color: #303133; text-decoration: none; background: #fefffa; padding: 1rem;}
.link-activo{font-family: 'Archivo Black', sans-serif; font-size: 1.2rem;}

a:hover {font-family: 'Archivo Black', sans-serif; font-size: 1rem;}

/* Nombre y header */

header{color: #303133; background: #fefffa; padding: 1rem; font-family: 'Archivo Black', sans-serif15; }
.header-fixo {position:fixed;border-bottom: 4px solid #303133; width: 100%; background-color: #fefffa;}
.inicio{padding-top: 10rem; margin-left: 4rem; margin-right: 4rem; padding-bottom: 3rem; color: #303133; background-color: #fefffa;}



/* Columna de la izq foto */

.columna-perfil{margin-left: 3rem; margin-right: 3rem;margin-bottom: 1rem;}
section h2 {margin-top: 1rem;}
.linea-hor{background-color:#303133; height: 3px; width: 100%; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.img-uba{max-width: 50%; margin-top: 0.5rem;}
.img-perfil{max-width: 100%; border: 4px solid #303133;}
.h2{font-family: 'Archivo Black', sans-serif; font-size: 1.7rem;}
.h3{font-size: 1.7rem;}
.bloque-fadu { justify-content: center; display: flex;margin-top: 2rem; }
.bloque-fadu2 {display: flex; justify-content: center; flex-direction: column; margin-left: 1rem;}





/* MAIN  */

main {background-color:#fefffa;}
.main-contenedor {margin-top: 0rem;}
main section article{padding: 1rem;}
main section aside{padding: 1rem; margin-top: 4rem;}


/* COLUMNAS  */

.columna2 {background: #fefffa; width: 100%; }
.columna3 {background: #fefffa; width: 100%;}
.columna4 {background: #fefffa; width: 100% }
.titular-nivel {font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 1.7rem; margin-bottom: 1.7rem; margin-top: 0.8rem;}
.anos {text-decoration: none;font-size: 1rem;}

    /* COLUMNAS LINEAS */
.vertical-line {width:2.5px; background-color:#303133; height: 11rem; float: left; margin-right: 0.5rem;}
.vertical-line1 {width:2.5px; background-color:#303133; height: 5rem; float: left; margin-right: 0.5rem;}
.vertical-line2 {width:2.5px; background-color:#303133; height: 7.3rem; float: left; margin-right: 0.5rem;}
.linea-h1 {width: 0.25px; background-color: #303133; height: 100%; }



/*  ASIDE - DOBLE COLUMNA */
aside h4 b {font-family: 'Archivo Black', sans-serif;
font-size: 2rem; margin-left: 1rem;}

.linea-hor-aside {background-color: #303133; height: 5px; margin-top: 0.7rem; margin-bottom: 0.6rem;}

.dos-columnas {display:flex; width: 100%;}
.aside {background: #fefffa; width: 100%; color: #303133;;}
.columna5 {width: 50%; display: flex; padding-top: 1rem; margin-left: 1rem;}
.columna6 {width: 50%; display: flex; padding-top: 1rem; margin-left: 1rem;}
aside div article li{display: flex; margin-bottom: 0.1rem; margin-top: 0.1rem;}
aside div article li p{font-family: 'Archivo', sans-serif; font-weight: 700; margin-left: 0.5rem; margin-right: 0.3rem;}
aside div article ul h6{font-family: 'Archivo Black', sans-serif; font-size: 1rem; margin-bottom: 0.5rem;margin-top: 1rem;}




/* FOOTER */

footer{background: #303133; padding: 0.5rem; margin-top: 4.5rem;}
footer p{font-size:0.8rem; color: #fefffa;}
.retangulo {margin: 1rem;}





/* cuando es mayor a 768px */


@media screen and (min-width:48rem){    
    
    /* Nombre y header */

header{color: #303133; background: #fefffa; padding: 1rem; font-family: 'Archivo Black', sans-serif15; }
.header-fixo {position:fixed;border-bottom: 4px solid #303133; width: 100%; background-color: #fefffa;}
.inicio{display:flex; padding-top: 10rem; margin-left: 6rem; margin-right: 6rem; padding-bottom: 3rem; color: #303133; background-color: fefffa;}
  
    
    
    
/* Columna de la izq foto */

.columna-perfil{margin-left: 3rem; margin-right: 3rem; display: flex; flex-direction: column; align-items: center; max-height: 100%; max-width: 100%;}
section h2 {margin-top: 1rem;}
.linea-hor{background-color:#303133; height: 3px; width: 100%; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.img-uba{max-width: 110%; margin-top: 0.5rem;}
.img-perfil{max-width: 100%; border: 4px solid #303133;}
.h2{font-family: 'Archivo Black', sans-serif; font-size: 1.5rem; margin-top: 0.4rem;}
.h3{font-size: 1.5rem; margin-top: 0.4;}
.bloque-fadu { justify-content: center; display: flex;margin-top: 2rem; }
.bloque-fadu2 {display: flex; justify-content: center; margin-top: 1rem; flex-direction: column; margin-left: 0.8rem;}

    
    
    /* COLUMNAS  */

.tres-columnas {display:flex;width: 100%; justify-content: center; font-size: 1rem;}
.columna2 {background: #fefffa; width: 33%; }
.columna3 {background: #fefffa; width: 33%;}
.columna4 {background: #fefffa; width: 33% }
.titular-nivel {font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 1.5rem; margin-bottom: 1.7rem; margin-top: 0.8rem;}
.anos {text-decoration: none;}

    /* COLUMNAS LINEAS */
.vertical-line {width:2px; background-color:#303133; height: 10.5rem; float: left; margin-right: 0.25rem;}
.vertical-line1 {width:2px; background-color:#303133; height: 4.5rem; float: left; margin-right: 0.25rem;}
.vertical-line2 {width:2px; background-color:#303133; height: 7rem; float: left; margin-right: 0.25rem;}
.linea-h1 {width: 0.25px; background-color: #303133; height: 100%; }
    
    
    /*  ASIDE - DOBLE COLUMNA */
aside h4 b {font-family: 'Archivo Black', sans-serif;
font-size: 1.5rem; margin-left: 1rem;}

.linea-hor-aside {background-color: #303133; height: 5px; margin-top: 0.5rem; margin-bottom: 0.5rem;}

.dos-columnas {display:flex; width: 100%;}
.aside {background: #fefffa; width: 100%; color: #303133;;}
.columna5 {width: 50%; display: flex; padding-top: 1rem; margin-left: 1rem;}
.columna6 {width: 50%; display: flex; padding-top: 1rem; margin-left: 1rem;}
aside div article li{display: flex; margin-bottom: 0.3rem; margin-top: 0.3rem;}
aside div article li p{font-family: 'Archivo', sans-serif; font-weight: 700;}
aside div article ul h6{font-family: 'Archivo Black', sans-serif; font-size: 1rem;}

    
   /* FOOTER */

footer{background: #303133; padding: 0.5rem; margin-top: 1.5rem;}
footer p{font-size:0.8rem; color: #fefffa;}
.retangulo {margin: 1rem;} 
    
    
}