/*Estructura*/

                                            body{
                                                background-color:#f5e1e1;;
                                                margin: 0%;
                                                transition: 5 seg; 
                                            }
                                            
                                            
                                            header{
                                                background-image: url('../img/img-header.jpeg');
                                                color: white;
                                                padding: 8rem;
                                                text-decoration: none;
                                            }
                                            
                                            header{background: url(../img/fondo.jpg); height: 200px;
                                                color: rgb(24, 128, 220);
                                                display:flex;justify-content: center;align-items: center;
                                        }
                                            nav ul li{list-style: none;display:inline-block ; }
                                            nav ul li a {font-family: 'Roboto', sans-serif;font-weight: 300; text-decoration: none; color: rgb(74, 143, 204);background-color: #bcc5f9; padding: 0.5rem; border-radius: 1rem; font-size: 1rem;}
                                            nav ul li a:hover{background-color: aliceblue;color: rgb(31, 106, 106);}
                                            

                                            header img{
                                                margin-top: 1rem ;
                                                margin-bottom: 1rem;
                                                border-radius: 100%; 
                                                border: 0px solid #00104E}
                                            
                                                        /*banner app*/
                                            
                                                .banner{
                                                    display: grid;
                                                    grid-template-columns: 75% 25%;
                                                    justify-content: left;
                                            
                                                    padding-top: 2rem;
                                                    
                                                }
                                            
                                                .img-banner1{
                                                    width: 100%;
                                                }
                                            
                                                .img-banner2{
                                                    width: 100%;
                                                    padding-top: 7rem;
                                                }
                                            
                                            footer{
                                                width: auto;
                                                height: auto;
                                                text-align: left;
                                            
                                                margin-left: auto;
                                                margin-right: auto;
                                                background-color: #00104E;
                                            
                                                padding: 2px;
                                                padding-left: 0.5rem;
                                                padding-right: 0.5rem;
                                            
                                                font-family: 'Quicksand', sans-serif;
                                                font-weight: 50;
                                                font-style: italic;
                                                font-size: 0.75em;
                                                color: white;
                                            }
                                            
                                            .text-footer{
                                                margin-left: 2rem;
                                                margin-right: 2rem;
                                                text-align: center;
                                                color: white;
                                            }
                                            
                                            
                                            .creditos-uba{
                                                columns: 3;
                                                margin-top: 4rem;
                                                margin-bottom: 2rem;
                                                
                                                font-family: 'Quicksand', sans-serif;
                                                font-weight: 50;
                                                font-size: 0.75em;
                                                color: #00104E;
                                            }
                                            
                                            
                                            ul li{
                                                list-style-type: circle;
                                                font-family: 'Quicksand', sans-serif;
                                                margin: 0 auto;
                                            }
                                            
                                            .none{
                                                list-style-type: none;
                                            }
                                            
                                            iframe {
                                                align-self: center;
                                            }
                                            
                                            
                                                                                        /* Texto */
                                            
                                            .titulo-plan{
                                                justify-content: center;
                                            }
                                            
                                            .texto-plan{
                                                text-align: justify;
                                                width: 42rem;
                                                line-height: 1.5rem;
                                                margin: 0 auto;
                                            }
                                            
                                            .subtitulo-plan{
                                                text-align: justify;
                                                width: 42rem;
                                                line-height: 1.5rem;
                                                margin: 0 auto;
                                                margin-top: 4rem;
                                            }
                                            
                                            .lista-plan{
                                                text-align: justify;
                                                font-family: 'Quicksand', sans-serif;
                                                width: 42rem;
                                                line-height: 1.5rem;
                                                margin: 0 auto;
                                                color: #00104E;
                                            }
                                            
                                            .lista-usuarios-plan{
                                                text-align: justify;
                                                font-family: 'Quicksand', sans-serif;
                                                width: 42rem;
                                                line-height: 1.5rem;
                                                margin: 0 auto;
                                                color: #00104E;
                                            }
                                            
                                            .titulo-usuario-plan{
                                                font-weight:bold;
                                                text-align: justify;
                                                width: 42rem;
                                                line-height: 1.5rem;
                                                margin: 0 auto;
                                                margin-top: 4rem;
                                                margin-bottom: 1.5rem;
                                                color: #00104E;
                                            }
                                            
                                            h1{
                                                font-size: 5rem;
                                                text-align: center;
                                                font-family: 'barlow', sans-serif;
                                                margin: 4rem;
                                            }
                                            
                                            h2{
                                                font-size: 3rem;
                                                text-align: center;
                                                font-family: 'barlow', sans-serif;
                                                font-weight: bold;
                                                padding-top: 2rem;
                                                margin-bottom: 2rem;
                                            
                                                color: #3A93DD;
                                            }
                                            
                                            h4 {
                                                text-align: left;
                                                font-family: 'barlow', sans-serif;
                                                font-weight: bold;
                                                margin-left: 3rem;
                                                color: #3A93DD;
                                            
                                                font-size: larger;
                                            
                                                padding-bottom: 1rem;
                                            
                                            }
                                            
                                            p{
                                                font-family: 'Quicksand', sans-serif;
                                                text-align: left;
                                                margin-left: 4rem;
                                                color:#00104E
                                            }
                                            
                                            h5{
                                                text-align: center;
                                                margin-top: 5rem;
                                            
                                                line-height: 1.3rem;
                                            
                                                font-family: 'Quicksand', sans-serif;
                                                font-weight: 50;
                                                font-style: italic;
                                                font-size: 0.75em;
                                            }
                                            
                                            a{
                                                color: white;
                                                font-family: 'Oswald', sans-serif;
                                                text-decoration: none;
                                                padding: 0.5rem;
                                            }
                                            
                                            a:hover{
                                                font-weight: lighter;
                                                color: #3A93DD;
                                                padding: 6px 25px;
                                                background-color: transparent;
                                            
                                                padding: 0.5rem;
                                                }
                                            
                                            span{
                                                font-weight:lighter;
                                                padding: 0.5rem;
                                                color: white;
                                            }
                                            
                                            .negrita {
                                                color: #3A93DD;
                                            }
                                            
                                            
                                                                                        /* etiquetas ALUMNOS*/
                                            
                                            .avatar{
                                                width: 160px;
                                                border-radius: 100px;
                                            }
                                            
                                            .seleccion-links{
                                                color: transparent;
                                                display: grid;
                                                grid-template-columns: 150px 150px 150px 150px 150px 150px;
                                                text-align: center;
                                                justify-content: center;
                                            
                                                border-bottom: 2rem;
                                                font-family: 'Oswald', sans-serif;
                                                font-weight: normal;
                                                padding: 0.1rem 0.2rem;
                                            
                                                font-size: 1.5em;
                                                
                                                width: auto;
                                                height: 50px;
                                                background-color: #00104E;
                                            }
                                            
                                            .margen-alumnos{
                                                margin-left: 2rem;
                                                margin-right: 2rem;
                                                padding-left: 1rem;
                                                padding-right: 1rem;
                                            }
                                            
                                            
                                            .cards {
                                                color: black;
                                                display: flex; 
                                                grid-template-columns: auto auto auto auto;
                                                justify-content: center;
                                                text-align:center;
                                                margin: 0.1rem;
                                            }
                                            
                                            figcaption{
                                                padding-top: 1rem;
                                                padding-bottom: 1rem;
                                                font-family: 'Oswald', sans-serif;
                                                font-size: 1rem;
                                                color: #00104E;
                                                text-align: center;
                                            }
                                            
                                            .nombres{
                                                color: white;
                                                text-align: center;
                                                font-family: 'Quicksand', sans-serif;
                                                font-size: 0.85em;
                                            
                                                width: auto;
                                                height: 80px;
                                                padding: 0.75rem;
                                                border-radius: 1.5rem;
                                                background-color: #3A93DD;
                                            }
                                            
                                                                    /*********************************************************************************/
                                                                    /*PESTAÑAS*/
                                            
                                            
                                                                    /*PLAN*/
                                            
                                                .iu-kit-img{
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-content: center;
                                                    text-align:center;
                                                    width: 75%;
                                            
                                                    margin-left: 10rem;
                                                    margin-right: 10rem;
                                                }
                                            
                                                .edit{
                                                    margin-top: 4rem;
                                                    margin-bottom: 4rem;
                                                }
                                            
                                                                    /*MAPA*/
                                            
                                                .figma{
                                                    display: grid;
                                                    grid-template-columns: auto;
                                                    justify-content: center;
                                                    text-align: center;
                                                    
                                                    margin-bottom: 5rem;
                                                }
                                            
                                                                /*APP*/
                                            
                                                .coder-app{
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-content: center;
                                                    text-align: center;
                                                    margin-bottom: 3rem;
                                            
                                                    
                                                }
                                            
                                                .mockup-app{
                                                    width: 375px;
                                                    margin-top: 2rem;
                                                    padding-bottom: 1rem;
                                                    padding-top: 1rem;
                                                }
                                            
                                                        /*RESPONSIVE*/
                                            
                                            @media (max-width: 56rem){
                                                section{
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-items: center; 
                                                }
                                            
                                                .seleccion-links{
                                                    display: grid;
                                                    grid-template-columns: auto auto auto;
                                                    justify-items: center;
                                                    width: auto;
                                                    height: 100px;
                                                    background-color: #00104E;
                                                }
                                            
                                                h1{
                                                    margin-left: 1rem;
                                                }
                                            
                                                .banner{
                                                    display: grid;
                                                    grid-template-columns: 100%;
                                                    justify-content: center;
                                                }
                                            
                                                .img-banner2{
                                                    width: 100%;
                                                    padding-top: 0rem;
                                                }
                                            
                                                .creditos-uba {
                                                    padding: 1rem;
                                                    margin-left: 0.2rem;
                                                    margin-right: 0.2rem;
                                                }
                                            
                                                .titulo-plan{
                                                    justify-content: center;
                                                }
                                                
                                                .texto-plan{
                                                    text-align: justify;
                                                    width: 25rem;
                                                    line-height: 1.5rem;
                                                    margin: 0 auto;
                                                }
                                                
                                                .subtitulo-plan{
                                                    text-align: justify;
                                                    width: 25rem;
                                                    line-height: 1.5rem;
                                                    margin: 0 auto;
                                                    margin-top: 4rem;
                                                }
                                                
                                                .lista-plan{
                                                    text-align: justify;
                                                    font-family: 'Quicksand', sans-serif;
                                                    width: 25rem;
                                                    line-height: 1.5rem;
                                                    margin: 0 auto;
                                                    color: #00104E;
                                                }
                                                
                                                .lista-usuarios-plan{
                                                    text-align: justify;
                                                    font-family: 'Quicksand', sans-serif;
                                                    width: 25rem;
                                                    line-height: 1.5rem;
                                                    margin: 0 auto;
                                                    color: #00104E;
                                                }
                                                
                                                .titulo-usuario-plan{
                                                    font-weight:bold;
                                                    text-align: justify;
                                                    width: 25rem;
                                                    line-height: 1.5rem;
                                                    margin: 0 auto;
                                                    margin-top: 4rem;
                                                    margin-bottom: 1.5rem;
                                                    color:#00104E;
                                                }
                                            
                                                .iu-kit-img{
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-content: center;
                                                    text-align:center;
                                                    width: 75%;
                                            
                                                    margin-left: 3rem;
                                                    margin-right: 3rem;
                                                }
                                            }