@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

*{margin: 0; padding: 0; box-sizing: border-box;
font-family: 'lato', sans-serif}

body {background-color: #191A1E; text-align: center;
font-family: lato}

.contenedor { max-width: 75rem;
margin: auto}

header {max-width: 75rem;
height: 10rem;
margin-top: 0;
padding-top: 1rem;
box-shadow: 0rem 0rem 2rem 0rem rgba(0,0,0,0.88);
display: flex;
flex-direction: column}

h1 {color: white;
font-size: 3rem;
font-weight: 900;
margin-top: 2rem}

h2 {color: white;
text-transform: uppercase;
font-weight: 900;
font-size: 1.2rem}

h3 { font-size: 1rem}

.nombre-app {color: black;
font-weight: 900}

.botonera-caja {
	display: flex;
justify-content: flex-start;
    margin-top: 1rem;
    border-radius: 10px;

    
}

.botonera {color: white; 
text-decoration: none;
text-transform: uppercase;
font-size: 1.2rem;
width:25%;
height: 2rem;
line-height: 2rem;
font-weight: 600;
background-color: #433F4C;

}

.botonera-proceso { width: 100%;
margin-top: 1rem;
border-radius: 0.5rem;
}

.botonera-alumno {width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 0;
height: 2rem;
    line-height: 2rem;
border-radius: 0.5rem;
background-color: #433F4C;
font-size: 1rem;
    
}

 a:hover .botonera-proceso {background:  #191A1E}

.botonera-caja a:hover{background:  #191A1E}

a{text-decoration: none}


.integrantes{
width: 40%;
padding: 5%; 
min-height: 8rem; 
border-radius: 1rem; 
margin: 5%;
-webkit-box-shadow:  0rem 0rem 2rem 0rem rgba(0,0,0,0.88);
box-shadow: 0rem 0rem 2rem 0rem rgba(0,0,0,0.88)}

.fondo-nico{
width: 40%;
padding: 5%; 
min-height: 8rem; 
border-radius: 1rem; 
margin: 5%;
-webkit-box-shadow:  0rem 0rem 2rem 0rem rgba(0,0,0,0.88);
box-shadow: 0rem 0rem 2rem 0rem rgba(0,0,0,0.88)
    background-image: url(../img/nicolascutini.jpg);
}

.integrantes a {
border-radius: 1rem;
height: 2rem
}

.integrantes a:hover{background: linear-gradient(to right,#E74217,#F3AF05);
display: block;
border-radius: 0.5rem

}

hr { 
height: 3px;
background-color: white;
margin-top: 1rem;
text-align: left;
}

.alumno {text-decoration: none;
display: inline-block;
color: white;
text-transform: uppercase;
font-size: 1rem;
font-weight: 400;
}



.descripcion{
color: white; 
width: 40%;
padding: 5%;
min-height: 8rem;
border-radius: 1rem;
margin: 5%;
text-align: center;
-webkit-box-shadow:  0rem 0rem 2rem 0rem rgba(0,0,0,0.88);
box-shadow: 0rem 0rem 2rem 0rem rgba(0,0,0,0.88)
}

.descripcion p{margin-top: 1rem

}

.rotulogrupal {display: flex; 
justify-content: space-around}


h4 {text-transform: uppercase;
    font-size: 0.9rem;
font-weight: 400;
}

.datos p { font-size: 0.9rem}

.datos {margin-top: 1rem;
margin-bottom: 1rem

}

.datos-obligatorios { display:  flex;
flex-direction: row;
justify-content: space-around;
background: #25222B;
padding: 3%; 
color: white;
}


footer { padding: 2rem; font-size: 1rem;
    color: white
}

.datos-mapa {background: #191A1E;
border-radius: 0;
flex-direction: column;
justify-content: center;
margin-top: 1rem
}
.caja-mapa { display: flex;
flex-direction: column;
align-content: center}

.mapa { max-width: 80%;
margin-top: 2rem;
margin-left: auto;
margin-right: auto}



@media all and (max-width:599px) {

    .rotulogrupal { display: flex;
    flex-direction: column;
   }
    
.descripcion{
width: 90%;
margin-top: 1rem
}
    
.integrantes{
width: 90%;
margin-bottom: 0
}    
    
.datos-obligatorios { display:  flex;
flex-direction: column;
}