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

body {
    margin: 0px;
}

.d-flex {
    display: flex !important
    ;
}
.flex-column {
    flex-direction: column !important;
}

.flex-row {
    flex-direction: row !important;
}


.fonmesa {
    background-image: url('../assets/images/landing/fondo_mesa.webp');
    height: 100rem;
    width: 100%;
    background-size: cover;

}

.logo {

    width: 27rem;
    height : 8rem;
    top: 3rem;
    position: relative;
    right: -17rem;
}

.descarga {

    width: auto;
    height : 3rem;
    top: 4rem;
    position: relative;
    right: -13rem;
}

.boton_descarga {

    width: 12rem;
    height : auto;
    top: 4rem;
    position: relative;
    right: -13rem;
    align-self: center;
    margin-bottom: 1rem;
}

.texto_mesa {

    width: auto;
    height : 7rem;
    top: 40rem;
    position: relative;
    right: -13rem;
}
.separador {
    width: 118rem;
}
.telefono {

    top: -7rem;
    position: relative;
    width: 60rem;
    height: 80rem;
    left: 2rem;
}

.beneficios {

    top: 2rem;
    position: relative;
    height: 30rem ;
    left: -18rem;
    margin: 0;
}

.descarga_beneficios {

    margin-top: 15rem;
    margin-left: 5rem;
    height: 9rem;
    width: 20rem;

}


.botones_beneficios {

    margin-top: 15rem;
    margin-left: 2rem;
}

.boton_descarga_beneficios {

    margin-bottom: 1rem;
}

.separador_socios {

    position: relative;
    width: 118rem;
    height: 5rem;
    top: -1rem;
}

.fondo_socios {
    position: relative;
    top: -2rem;

}

.fondo_sierra {
    background-image: url('../assets/images/landing/fondo_sierra.webp');
    height: 94.5rem;
    width: 100%;
    background-size: cover;

}


.grafico_benficios_socios {
    z-index: 5;
    position: relative;
    width: 85rem;
    height: 87rem;
    right: -43rem;
    top: -94rem;

}

.titulo_beneficios_elite {

    position: relative;
    left: 5rem;
    width: 27rem;
    height: 10rem;
    top: -167rem;
}

.logo_elite {
    right: -98rem;
    position: relative;
    height: 5rem;
    width: 18rem;
    top: -189rem;

}

.barra_socios {
    position: relative;
    height: 7rem;
    width: 49rem;
    top: -116rem;

}

.texto_barra_socios {
    position: relative;
    height: 3rem;
    width: 20rem;
    left: 28rem;
    top: -121rem;

}

.boton_socios_elite {

    position: relative;
    height: 5rem;
    width: 18rem;
    left: 4rem;
    margin-bottom: 1rem;
}

.botones_socios {


    margin-top: 15rem;
    margin-left: 2rem;
    position: relative;
    top: -143rem;
}