@font-face {
    font-family: "BMWTypeNext Pro Regular";
    src: url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.eot");
    src: url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/ac95f91c55cc591ecf37a4d136ff8031.svg#BMWTypeNext Pro Regular")format("svg");
}
*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root
{
    --color_Principal:rgba(0, 102, 177);
}
body
{
    font-family: "BMWTypeNext Pro Regular";
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.contenedor_primera_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/img_1_pt1.jpeg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}
.filtro_pt1
{
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.244);
    display: flex;
    align-items:flex-end;
    justify-content:center;
}
.cont_informacion_pt1
{
    width: 100%;
    height: 30vh;
    background: linear-gradient(360deg , rgba(0, 103, 177, 0.778), rgba(0, 103, 177, 0));
    display: flex;
    align-items:center;
    justify-content:flex-start;
    padding-left: 50px;
}
.cont_informacion_pt1 img
{
    width: 250px;
}
.cont_informacion_pt1 h1
{
    font-size: 35px;
    color: white;
    padding: 0 30px;
}

.boton_whats
{
    width: 250px;
    height: 50px;
    background-color: rgba(0, 0, 255, 0.623);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}
.boton_whats:hover
{
    transition: all 0.3s;
    background-color: rgba(65, 65, 65, 0.623);
}
.boton_whats a
{
    font-size: 17PX;
    color: white;
    text-decoration: none;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda parte*/
.contenedor_segunda_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.contenedor_segunda_parte a
{
    text-decoration: none;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
.contenedor_box_pt2
{
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
}
.filtro_1_pt2
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 50px;
    padding-left: 50px;
}
.cont_info_box_pt2
{
    width: 50%;
    height: 100%;
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction: column;
}
.cont_info_box_pt2 h2
{
    font-size: 50px;
    color: white;
    font-weight: 200;
    padding-bottom: 20px;
}
.boton_descubrir
{
    width: 250px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}
.boton_descubrir p
{
    font-size: 20px;
    color: white;
}

.boton_1
{
    background-image: url(../imagenes/img_1_pt2.jpg);
    background-position: center;
    background-size: cover;
}
.boton_2
{
    background-image: url(../imagenes/img_2_pt2.jpg);
    background-position: center;
    background-size: cover;
}
.boton_3
{
    background-image: url(../imagenes/img_3_pt2.jpg);
    background-position: top;
    background-size: cover;
}
.boton_4
{
    background-image: url(../imagenes/img_4_pt2.jpg);
    background-position: center;
    background-size: cover;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*tercera parte*/
.contenedor_tercera_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    padding: 50px 0;
}
.box_informacion
{
    width: auto;
    height: 250px;
    border: 1px solid rgb(206, 206, 206);
    display: flex;
    align-items:flex-start;
    justify-content: center;
    padding: 20px;
    margin: 0 20px;
}
.box_informacion img
{
    width: 100px;
    margin: 0 30px;
}
.cont_informacion_box
{
    padding: 0 10px;
}
.cont_informacion_box h3
{
    font-size: 20px;
    color: rgb(62, 62, 62);
    font-weight: 200;
    padding-bottom: 20px;
}
.cont_informacion_box p
{
    font-size: 20px;
    color: rgb(62, 62, 62);
    font-weight: 200;
    padding-bottom: 20px;
}
.cont_informacion_box h4
{
    font-size: 20px;
    color: rgb(62, 62, 62);
    font-weight: 700;
}
.cont_informacion_box h5
{
    font-size: 20px;
    color: rgb(62, 62, 62);
    font-weight: 200;
}