/*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
background-image: url(https://www.laizquierdadiario.com/IMG/arton115813.jpg);  */

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

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;
        }




/* 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;
            text-decoration: none;}
        .link-activo {color: black;
            text-decoration:}

.boton-menu{
    display: none;
}


/* prototipo */

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

.app-prototipo{
     display: flex;
    justify-content:space-around;
    padding: 2% 12% 3% 12%;

}


/* 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;}

    


/* 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-proto{margin-left: 60px;}
p{font-size:  0.9rem}
.uba{font-size: 0.8rem}

    h1 {display: none}