@font-face {
    font-family:Open_Sans;
    src: url('../fonts/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype');
}
*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root
{
    --color_principal:rgb(172, 25, 30);
    --color_letras:rgb(54, 54, 54);
}
body
{
    font-family:"Open_Sans";
}
.espacio    
{
    width: 50px;
    height: 3px;
    border: 1px solid rgb(203, 203, 203);
    background-color: rgb(203, 203, 203);
    margin-right: 20px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.contenedor_primera_parte
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../imagenes/img_1_pt1.jpg);
    background-position: center;
    background-size: cover;
}
.filtro_pt1
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.192);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda parte*/
.contenedor_segunda_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 40px 0;
}
.margen_pt2
{
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.contenedor_segunda_parte p
{
    font-size: 20px;
    color: var(--color_letras);
}
.cont_iconos_pt2
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:space-evenly;
    padding: 30px 0;
}
.box_pt2_icono
{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*border: 1px solid red;*/
}
.box_pt2_icono img
{
    height: 100px;
    padding-bottom: 10px;
}
.box_pt2_icono p
{
    font-size: 17px;
    color: var(--color_letras);
    font-weight: 700;
}
.cont_boxes_pt2
{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    padding: 30px 0;
}
.box_pt2
{
    width: 380px;
    height: 200px;
    background-color: var(--color_principal);
    padding: 30px;
    margin: 10px;
    display: flex;
    align-items:flex-start;
    justify-content: center;
}
.box_pt2 p
{
    font-size: 17px;
    color: white;
    text-align: justify;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*tercera parte*/
.contenedor_tercera_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
}
.contenedor_tercera_parte h2
{
    font-size: 40px;
    color: var(--color_principal);
    padding-bottom: 20px;
}
.contenedor_tercera_parte img
{
    width: 80%;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*cuarta parte*/
.img_fondo_miterra
{
    height: 350px;
    background-image: url(../imagenes/link_miterra.jpg);
    background-position: center;
    background-size: cover;
}
.img_fondo_boreales
{
    height: 350px;
    background-image: url(../imagenes/link_boreales.jpg);
    background-position: center;
    background-size: cover;
}
.filtro_link
{
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.img_miterra_b
{
    display: block;
    transition: all 0.3s ease;
}
.img_miterra_w
{
    display: none;
    transition: all 0.3s ease;
}

.img_boreales_b
{
    display: block;
    transition: all 0.3s ease;
}
.img_boreales_w
{
    display: none;
    transition: all 0.3s ease;
}

.img_fondo_miterra:hover .filtro_link
{
    background-color: rgba(54, 54, 54, 0.5);
}
.img_fondo_miterra:hover .img_miterra_b
{
    display: none;
}
.img_fondo_miterra:hover .img_miterra_w
{
    display: block;
}

.img_fondo_boreales:hover .filtro_link
{
    background-color: rgba(54, 54, 54, 0.5);
}
.img_fondo_boreales:hover .img_boreales_b
{
    display: none;
}
.img_fondo_boreales:hover .img_boreales_w
{
    display: block;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*quinta parte*/
.contenedor_quinta_parte
{
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
}
.cont_arriba_pt5
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}
.cont_izq_pt5
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 30px;
}
.cont_izq_pt5 h2
{
    font-size: 35px;
    color: var(--color_letras);
    padding-bottom: 30px;
}
.letras_pie_pagina
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.letras_pie_pagina h3
{
    font-size: 15px;
    color:  var(--color_principal);
}
.cont_der_pt5
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
.cont_der_pt5 p
{
    font-size: 20px;
    color: var(--color_letras);
}

.cont_abajo_pt5
{
    width: 100%;
    height: 70vh;
    background-image: url(../imagenes/img_1_pt5.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.cont_info_pt5
{
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
    background-color: rgba(255, 255, 255, 0.495);
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding-top: 50px;
    padding-left: 30px;
}
.cont_info_pt5 h2
{
    width: 50%;
    font-size: 40px;
    color:  var(--color_letras);
    font-weight: 500;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*sexta parte*/
.contenedor_sexta_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.box_pt6
{
    width: 300px;
    height: 500px;
    /*border: 1px solid red;*/
    padding: 20px;
}
.titulo_pt6
{
    width: 100%;
    display:flex ;
    align-items: center;
    justify-content:flex-start;
    padding-bottom: 20px;
}
.titulo_pt6 h3
{
    font-size: 15px;
    color:  var(--color_principal);
}
.box_pt6 h2
{
    font-size: 35px;
    color: var(--color_letras);
    font-weight: 500;
    padding-bottom: 20px;
}
.box_pt6 p
{
    font-size: 17px;
    color: var(--color_letras);
}
.borde_pt6
{
    border: 1px solid var(--color_principal);
}
.cont_logo_pt6
{
    width: 100%;
    height: 150px;
    background-image: url(../imagenes/logo_habita_circular.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    margin: 50px 0;
}
.filtro_logo_pt6
{
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.841);
}

.box_pt6_img
{
    width: 300px;
    height: 500px;
    margin: 0 10px;
}
.box_pt6_img a
{
    text-decoration: none;
}
.filtro_pt6
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items:flex-end;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}
.filtro_pt6:hover
{
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, 0.5);
}
.filtro_pt6:hover .cont_info_pt6
{
    transition: all 0.3s;
    background-color: var(--color_principal);
}
.cont_info_pt6
{
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.514);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_info_pt6 p
{
    font-size: 17px;
    color: white;
}

.nosotros
{
    background-image: url(../imagenes/nosotros_pt6.jpg);
    background-position: center;
    background-size: cover;
}
.finan
{
    background-image: url(../imagenes/financiamineto_pt6.jpg);
    background-position: center;
    background-size: cover;
}
.inver
{
    background-image: url(../imagenes/inversionistas_pt6.jpg);
    background-position: center;
    background-size: cover;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*septima parte*/
.contenedor_septima_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    background-color: var(--color_letras);
}
.info_pt7
{
    width: 50%;
    height: 200px;
    /*border: 1px solid red;*/
}
.info_pt7 h2
{
    font-size: 35px;
    color: white;
    padding-bottom: 20px;
}
.cont_letras_pt7
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.cont_letras_pt7 h3
{
    font-size: 15px;
    color: white;
}
.cont_botones
{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*border: 1px solid red;*/
}
.cont_botones p
{
    font-size: 17px;
    color: white;
    padding-bottom: 20px;
}
.cont_botones i
{
    font-size: 25px;
    color: white;
    padding-right: 10px;
}
.cont_abajo_pt7
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boton
{
    width: 250px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 10px;
}
.boton a
{
    text-decoration: none;
    font-size: 17px;
    color: white;
}

.financiamiento_b
{
    background-color: var(--color_principal);
    transition: all 0.3s;
}
.financiamiento_b:hover
{
    transition: all 0.3s;
    background-color: red;
}
.llamanos
{
    border: 2px solid white;
    transition: all 0.3s;
}
.llamanos:hover
{
    transition: all 0.3s;
    background-color: white;
}
.llamanos:hover a
{
    transition: all 0.3s;
    color: var(--color_letras);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*octava parte*/
.contenedor_octava_parte
{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content: center;
    padding: 50px 0;
}
.cont_izq_pt8
{
    width: 50%;
    display: flex;
    align-items: center;  
    justify-content: center;
}
.cont_izq_pt8 img
{
    width: 80%;
}
.cont_der_pt8
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.titulo_pt8
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
}
.titulo_pt8 h3
{
    font-size: 15px;
    color: var(--color_principal);
}
.cont_der_pt8 h2
{
    font-size: 35px;
    color: var(--color_letras);
    padding-bottom: 20px;
}
.cont_der_pt8 span
{
    color: var(--color_principal);
}
.cont_der_pt8 p
{
    font-size: 17px;
    color: var(--color_letras);
}

.cont_cuadro
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*border: 1px solid red;*/
    padding: 40px 0;
}
.botones_inicio
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    /*border: 1px solid green;*/
}
.box_ini
{
    width: 100px;
    height: 50px;
    /*border: 1px solid blue;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(216, 216, 216);
    cursor: pointer;
}
.cont_info
{
    width: 100%;
    background-color: rgb(175, 175, 175);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_parrafo
{
    width: 100%;
    height: 150px;
    font-size: 17px;
    color: var(--color_letras);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.b1
{
    background-color: rgb(216, 216, 216);
}
.b1 p
{
    color: var(--color_letras);
}
.b1.activado
{
    background-color: var(--color_principal);
}
.b1 p.activado
{
    color: white;
}

.b2
{
    background-color: rgb(216, 216, 216);
}
.b2 p
{
    color: var(--color_letras);
}
.b2.activado
{
    background-color: var(--color_principal);
}
.b2 p.activado
{
    color: white;
}

.b3
{
    background-color: rgb(216, 216, 216);
}
.b3 p
{
    color: var(--color_letras);
}
.b3.activado
{
    background-color: var(--color_principal);
}
.b3 p.activado
{
    color: white;
}

.p1
{
    display: none;
}
.p1.activado
{
    display: flex;
}

.p2
{
    display: none;
}
.p2.activado
{
    display: flex;
}

.p3
{
    display: none;
}
.p3.activado
{
    display: flex;
}