@font-face {
    font-family: 'awasticaregular';
    src: url('../fonts/awastica-webfont.woff2') format('woff2'),
         url('../fonts/awastica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
p{
    font-family: 'Oxygen', sans-serif;
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 17px;
}
h2{
    font-family: 'awasticaregular';
    font-size: 25px;
    margin-bottom: 20px;
    color:#7693a5;
}
.bfijo{
    width: 50px;
    height:50px;
    /* background-color: rgb(19, 19, 248); */
    position: fixed;
    bottom: 10px; 
    right: 10px;
    z-index: 1;
    text-align: center;
    border-radius: 50px;
    -webkit-box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75);
    box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75)
}
.fa-caret-up{
    font-size: 40px;
    color:#7693a5;
    margin-top: 6px;
    transition: all 0.5s;
}
.fa-caret-up:hover{
    color: #9c7b57;
}
.brrss{
    width: 40px;
    height: 170px;
    /* background-color: rgb(19, 19, 248); */
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    /* margin-bottom: 5px; */
    position: fixed;
    right: 0px;
    top: 130px;
    padding: 7px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75);
    box-shadow: -8px 7px 32px 0px rgba(0,0,0,0.75)
}
header{
    /* height: 15vh; */
    width: 100%;
    background-color:#cba884;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: fixed;

    z-index: 1;
}
.navizq{
    width: 20%;
    height: 40px;
    /* background-color: rgb(72, 117, 117); */
    /* margin-left: 40px; */
}
.navcentro{
    width: 40%;
    height: 40px;
    /* background-color: rgb(72, 117, 117); */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navcentrointerior{
    width: 20%;
    height: 70%;
    /* background-color: rgb(134, 56, 207); */
    margin-right: 10px;
    text-align: center;
    padding-top: 3px;
}
.navtexto{
    font-family: 'Oxygen', sans-serif;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.5s;
}
.navtexto:hover{
    color: #7693a5;
    
}
.navder{
    width: 20%;
    height: 40px;
    border-color: #e4ceb7;
    background-color: #e4ceb7;
    /* margin-right: 40px; */
    color: #9c7b57;
    transition: all 0.5s;
}
.navder:hover{
    background-color:#7693a5;
    border-color:#7693a5;
    color: #fbf1e9;
}
#section1{
    /* width: 100vw; */
    /* background-color:#fbf1e9; */
    width: 98.8%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 132px;
    object-fit: cover;
    object-position: top center;
    /* padding-bottom: 43px; */
}
section img{
    opacity: 0.5;
    object-fit: cover;
    object-position: top center;
    z-index: -1;
    position: absolute;
}
/* section video{
    object-fit:cover;
    object-position: bottom right;
    z-index: -1;
} */
.s1izq{
    width: 45%;
    height: 450px;
    /* background-color: rgb(190, 87, 108); */
    margin-bottom: 75px;
    /* margin-left: 40px;
    margin-top: 60px; */
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
.s1izqgrande{
    width: 80%;
    height: 65%;
    /* background-color: rgb(221, 228, 235); */
    margin-top: 45px;
}
.h2s1{
    font-size: 30px;
    color: #7693a5;
}
.ps1{
    font-size: 20px;
    line-height: 30px;
    color:#7693a5;
}
button{
    width: 35.7%;
    height: 10%;
    background-color:#e4ceb7;
    border-color: #e4ceb7;
    border-radius: 50px;
    text-align: center;
    padding: 9px;
    box-decoration-break: slice;
    font-size: 20px;
    color: #9c7b57;
    transition: all 0.5s;
}
button:hover{
    background-color:#7693a5;
    color: rgb(255, 255, 255);
    border-color:#7693a5;
}
/* .pboton{
    font-size: 20px;
    color: rgb(240, 125, 84);
} */
.s1der{
    width: 45%;
    height: 450px;
    background-color:rgb(70, 119, 119);
    /* margin-right: 3%;*/
    position: relative;
    top: 55px; 
    /* align-self: flex-start; */
}
video{
    width: 100%;
    height: 100%;
    object-fit:cover;
    object-position: bottom right;
    z-index: -1;
}
#section2{
    /* height: 115vh; */
    background-color: #fbf1e9;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-content: center;
    padding-bottom: 48px;
}
.s2{
    width: 29%;
    height: 400px;
    background-color:#e2be99;
    /* margin-bottom: 40px; */
    margin-top: 50px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    border-radius: 50px;
}
.s2icono{
    width: 40%;
    height: 30%;
    /* background-color: rgb(11, 202, 202); */
    padding-top: 12px;
    transition: transform 1s;
}
.s2icono:hover{
    transform: rotate(-20deg);
}
.iconos2{
    font-size: 80px;
    color:#7693a5;    
}
.s2texto{
    width:100%;
    height: 65%;
    /* background-color: rgb(11, 202, 202); */
    margin-top: 20px;
}
#section3{
    /* height: 90vh; */
    background-color:#fbf1e9;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 45px;
}
form{
    width: 45%;
    height: 485px;
    background-color:#e2be99;
    border-radius: 50px;
    /* margin-left: 40px;
    margin-right: 40px; */
    padding: 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.s3{
    width: 45%;
    height: 485px;
    /* background-color:rgb(179, 173, 102); */
    /* margin-left: 40px;
    margin-right: 40px; 
    padding: 20px;*/
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.s3texto{
    width: 60%;
    height: 6%;
    /* background-color: rgb(255, 255, 255); */
}
label{
    font-family: 'Oxygen', sans-serif;
    font-size: 20px;
    color:#9c7b57;
}
.s3encuesta{
    width: 100%;
    height: 20%;
    /* background-color: rgb(255, 255, 255); */
}
input{
    width: 100%;
    height: 45%;
    border-radius: 50px;
    border-color: #cba884;
}
.s3boton{
    width: 40%;
    height: 12%;
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    text-align: center;
    padding: 9px;

}
footer{
    /* height: 80vh; */
    background-color:#cba884;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    padding-top: 45px;
    padding-bottom: 45px;
}
.fcuadrado{
    width: 20.75%;
    height: 300px;
    background-color:#fbf1e9;
    /* margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;  */
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    border-radius: 50px;
}
.fcuadlargo{
    width: 100%;
    height: 20%;
    /* background-color: rgb(204, 115, 115);*/
} 
.fcuadgrande1{
    width: 100%;
    height: 50%;
    /* background-color: rgb(204, 115, 115); */
}
.fcuadpequeño{
    width: 24%;
    height: 20%;
    /* background-color: rgb(204, 115, 115); */
    text-align: center;
    padding-top: 13px;
}
.rrss{
    font-size: 25px;
    color: #7693a5;
    transition:all 0.5s
}
.rrss:hover{
    color:#9c7b57;
}
.fcuadgrande{
    width: 100%;
    height: 73%;
    /* background-color: rgb(204, 115, 115); */
}
.pf{
    color: #9c7b57;
}
.h2f{
    color:#7693a5
}
.frectangulo{
    width: 93.5%;
    height: 80px;
    /* background-color: rgb(165, 42, 42); */
    margin-top: 45px;
    text-align: center;
    padding: 30px;
    /* margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    align-self: flex-end; */
}