@import url('https://fonts.googleapis.com/css?family=Unica+One');
@import url('https://fonts.googleapis.com/css?family=Advent+Pro|Carme|Unica+One');
body {
    background-color: #ffffff;
    font-family: 'Unica One', cursive;
}
.flecha {
    height: 2rem;
    width: auto;
}
header {
    padding: 4vw;
    color: aliceblue;
    margin: 0rem;
    text-underline-position: below;
    text-shadow: -0.2rem -0.2rem 0.1rem #5ca7a4;
}
header style {
    background-size: cover;
}
h1 {
    font-size: 6rem;
    font-family: 'Unica One', cursive;
}
h2 {
    font-size: 4rem;
}
p {
    font-size: 2rem;
}
img {
    width: 20rem; 
    height: auto; 
    object-position: right; 
}
nav {
    background-image: url(../img/fondo_nav.jpg);
    padding: 0.1%;
    text-align: center;
    font-size: 1rem;
}
nav ul {
    
}
nav ul li {
    list-style-type: none; 
    display: inline; 
    padding-right: 10vh; 
    padding-left: 10vh;
}
nav ul li a {
    color: #f4f4f4; 
    text-decoration: none;
    text-align: center;
}
nav ul li a:hover {
    color: #71e2cc;
}
.informacion {
    color: #71e2cc;
    padding: 2rem;
    margin-top: 0rem;
    margin: 0rem;
    background-color: #ffffff;
    height: 52rem;
    text-align: center;
    padding-bottom: 2.2rem;
}
.objetivo {
    display: flex;
    width: 100%;
    background-color: rgba(112, 173, 199, 0.6);
    color: #ffffff;
}
.objetivo article {
    padding-top: 4rem;
    color: #ffffff;
    width: 100%;
    height: 40rem;
    margin: 0%;
    justify-content: space-between;
    text-align: center;
}
.funciona {
    display: flex;
    text-align: center;
    height: 40rem;
    background-color: rgba(113, 226, 204, 0.65);
    margin: 0%;
    padding: 1rem;
    justify-content: space-around;
        padding-bottom: 4rem;
}
.funciona article {
    padding-top: 2rem;
}
.beneficios1 {
    color: rgb(112, 173, 199);
}
.beneficios {
    color: rgb(112, 173, 199);
    display: flex;
    background-color: #ffffff;
}
.beneficios article {
    margin-bottom: 0.5rem; 
    justify-content: space-between;
    padding: 2rem;
    text-align: center;
    width: 100%;
    height: 20rem;
}
.beneficios article img {
    width: 5rem;
    height: auto;
}
.beneficios1 {
    background-color: #ffffff;
    text-align: center;
    padding: 0.0625rem;
    padding-top: 3rem;
}
.flecha4 {
    background-color: #ffffff;
    text-align: center;
}
.flecha3 {
    background-color: rgba(113, 226, 204, 0.65);
    text-align: center;
    padding-bottom: 2rem;
}
footer {
    text-align: center;
}
.foot {
    font-size: 0.7rem;
}