body {background-image: url(fondo-app.png);font-family: 'Montserrat', sans-serif;text-align: center;line-height: 45%;}
body header h1 {background: #ffffff; text-decoration: underline; color: #ffffff; padding-bottom: 1%; padding-top: 1%;}




header {
background: rgba(255, 255, 255, 0.1);
width: 100%;
overflow: hidden;
margin-bottom: 20px;}



header .logo {float: left; line-height: 1px;margin-top: 1%; }

header nav { float: right; line-height: 90px;margin-right: 8%; }

header nav a { 
display: inline-block;
color: #fff;
text-decoration: none;
padding: 10px 20px;
line-height: normal;
font-size: 17px;}

header nav a:hover {
color: #6a4bb4;
background: #ffffff;
border-radius: 50px;
} 



img {width: 20%; height: auto;}

footer {
text-align:center;
background: #ffc58c; 
padding-bottom: 1.5%; 
padding-top: 2%; 
color: #676767;}

main {
text-align:center;
background-color:transparent; 
padding-top: 0.2%;}

h1 {font-family:'Montserrat', 
sans-serif;
font-weight: 700; 
font-size:3rem;color: #ffffff;
line-height: 2.4rem;
max-width: 30rem;
text-align: left;}

h2 {font-family: 'Montserrat', 
sans-serif;
font-weight: 700; 
font-size:2rem;
line-height:15%;
color: #7b7b7b;
text-align: left;}

h3 {font-family: 'Montserrat', 
sans-serif;
font-weight: 400; 
font-size:1rem;
line-height:10%;
color: #ffffff;}

h4 {font-family: 'Montserrat', 
sans-serif;
font-weight: 700; 
font-size:1.5rem;
line-height:10%;
color: #7b7b7b;
line-height: 2rem;
max-width: 30rem;
color: #7b7b7b;
text-align: left;
}

h5 {font-family: 'Montserrat', 
sans-serif;
font-weight: 700; 
font-size:2rem;
line-height:15%;
color: #ffffff;
}





.partes{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
align-content: stretch;
padding-left: 10%;padding-right: 10%;}

.partes article p {line-height: 1.2rem;padding-left: 2%;padding-right: 2%;max-width: 15rem;color: #fff;}


.banner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
align-content: stretch;  
padding-left: 10%;
padding-right: 10%;
padding-bottom: 5%;
padding-top: 2%;
}

.banner img {width: 620px;height: auto;}
.banner article p {line-height: 2.4rem;max-width: 30rem;color: #ffffff;text-align: left;font-size:1.5rem;}
.banner article a {line-height: 2.4rem;max-width: 30rem;color: #ffffff;text-align: left;font-size:1.2rem;margin-left:0;}
.margen derecho {margin-right: auto; }
.margen derecho {margin-right: auto; }
.margen izquierdo {margin-left: auto; }



.banner .boton_descargar {
width: 100%;
height: 50px;
text-align: left;
padding-top: 10px;}


.banner .boton_descargar a:hover {opacity: 0.8;}

.banner .boton_descargar img { width: 40%;}


.infoprincipal {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
align-content: stretch;  
padding-left: 0%;
padding-right: 10%;
}

.infoprincipal img {width: 800px;height: auto;}
.infoprincipal article p {line-height: 2rem;max-width: 30rem;color: #7b7b7b;text-align: left;font-size:1.2rem;}
.margen derecho {margin-right: auto; }
.margen derecho {margin-right: auto; }
.margen izquierda {margin-left: auto; }



.legales {color: #676767;line-height: 25%;font-size:0.8125rem;}

.infofunciones {background: #f9ba5d;padding-top: 2%; padding-bottom: 2%;}
.pagina {max-width: 80rem;margin:0auto;}
.principal {background: #ffffff;padding-top: 2%; padding-bottom: 2%;}
.icono {width: 113px; height: auto;}


.boton {
background-color: #ff5d92;
padding-top: 1%; padding-bottom: 1%; padding-left: 1.5%; padding-right: 1.5%;
margin: 1%;
color: #ffffff;
border-radius: 10px 10px 10px 10px;
text-decoration: none;
transition-duration: 0.4s;
}
.boton:hover{
background-color: #ffffff; 
color: #ff5d92;}


font-family: 'Montserrat', sans-serif;