/*selector {propiedad: valor;}*/


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;600;700&display=swap');
*{ margin:0;padding: 0; box-sizing:border-box}



a{text-decoration: none;color: aliceblue }
a:hover{color: #FF927B}
li{text-decoration: none;
color: #fff}
li:hover{color: #fff}
a:link{text-decoration: none;
color:
}


/* HEADER */

        header {
            background-image:url(https://i.pinimg.com/originals/22/50/42/225042797a1cd97aaabb513607369da8.jpg); 
            padding: 100px 0 40px 0;
            padding-bottom: 0;
            background-size: cover;
            background-repeat: no-repeat;
            
            
            
        }

h1 {
            color: transparent;
            padding-top: 50px;
            font-family: 'Work Sans', sans-serif;
            font-size: 3.7rem; /*60px font-size: 60px;
              padding: 50px;*/
            font-weight: bold;
            text-align: center;
            margin: 0 30px 0 30px;
        }

.boton{display: none;}   /*aca desaparece el boton*/

/* Flujo */
.titulo {
            font-size: 2.1rem;
            text-align: center;
            padding: 80px 0 15px 0;
    color: #6F37CA;
font-family: 'Work Sans', sans-serif;}


/* Sobre al app*/

.titulo2 {
            font-size: 2.1rem;
            text-align: center;
            padding: 80px 0 15px 0;
            color: #6F37CA;
            
            
            font-family: 'Work Sans', sans-serif;
        }
        
        .info {
            margin: 2% 0 3% 0;
            text-align: left;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            padding: 2% 12% 3% 12%;
        }

        .datos {
            background: #F1F3FF;
            border: 0.10rem solid #6F37CA;
            border-radius: 3rem; 
            padding: 2% 4% 3% 4%;
            width: 30%;
            text-align: center;
            box-shadow: 0 6px 30px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 30%);
            /*--------------------agregar sombra*/
        }

        .universidad {
            font-size: 1.2rem;
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            padding-top: 4%;
            color: #6F37CA;
        }
        .uba {
            font-family: 'Work Sans', sans-serif;
            padding-top: 0.4rem;
            font-size: 0.8rem;
            text-align: justify;
        }


    

/* flujo -------------------guardar aca el margen para la foto*/
.imagen-about-us{
 margin: 0 0px 0 100px;
    box-shadow: 0 6px 30px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 30%);
}
            


.boton{
    color: #6F37CA;
    background: #6F37CA;   
    border: 0.10rem solid #6F37CA;
    font-family: 'Work Sans', sans-serif;
    padding: 9px 20px 9px 20px;
    border-radius: 30px;
    
}

.boton:hover{
    background: #FF927B;
  color: #fff;
    border:0rem;
}





/* Barra de navegacion */


        nav{
            font-size: 1rem;  
            padding: 7px;
             background:linear-gradient(to right, #6F37CA,   #fea890 );
            font-family: 'Work Sans', sans-serif;
            font-weight: 600;
            margin-bottom: 3rem;
            /*aca modifico*/
            word-spacing: 30px;
            text-align: center;
            border-radius: 40px;
            margin-left: 10rem;
            margin-right: 10rem;
            align-items: center;
            
            
        }

    

        nav ul li {display: inline-block;}
        nav ul li a {color:white; text-decoration: none; padding: 0 5rem 0 5rem; text-align: center;}
        nav a:hover {
            color: #FF927B;}

        .link-activo {color: black;
            text-decoration:}



/* FOOTER */

        footer{
            padding: 2% 0 1% 0;
            background: #6F37CA;
            font-family: 'Work Sans', sans-serif;
            margin-top: 2%;
        }
    
        footer p{ 
            color: #fff; 
            font-size: 0.8rem; 
            margin: 0 12% 1% 12%;
            font-family: 'Open Sans', sans-serif; 
        }

/* MODIFICACIONES MOBILE */

@media screen and (max-width:800px) {
*{margin: 0;}
.plan p{margin: 0 12% 0 12%;}
.perfiles {width:100%; flex-wrap: wrap; align-content: center;}
nav ul {display: flex; justify-content: center;}
nav ul li a {padding: 0 1.3rem 0 1.3rem;font-size: 0.8rem;}
.foto {height: 190px; width: 190px;}
.nombres p {margin-bottom: 25%;}
.info {width:100%; flex-wrap: wrap; align-content: center;flex-direction: column;}
.datos {padding: 5% 5% 10% 5%; width: 100%; margin: 10% 0 8% 0;}
.titulo2 {margin: 0; padding-top: 20px;}
.catedra {padding: 4% 0 2% 0;}
.mapa { flex-wrap: wrap; align-content: center;flex-direction: column;}
.mapas {width: 100%; height: 100%;}
    
    
    
    /*-----------------------------modificado yo*/
     
.contenedor-sobre-nosotros{width:100%; flex-wrap: wrap; align-content: center;}
.imagen-about-us{width:95%; flex-wrap: wrap; align-content: center;margin: 0 0px 0 0px;}
.contenido-texto{width:100%; flex-wrap: wrap; align-content: center;padding: 0% 0% 10% 0%;font-size: 0.8rem;}
    
  
    
    
    
    
    
    /* MENU OCULTO RESPONSIVE */
    
    
header nav ul{display: none;}    
    
header nav:hover ul {
        display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: stretch; top: 100%; background:#A886DF;
    border-color:#fff;
 }
    
header nav {display: flex; justify-content:flex-start; text-align: center;margin: 0;border-radius:0px;  }
    
.boton-menu {display: flex; padding: 2% 0 1% 2%;}

.nav-items li {padding: 0 0 10% 0;}
    
    
.boton { display: inline-block;
  stroke-width: 0;
    color: white;}
.banner {object-fit: scale-down; width: 100%; height: }    
}