*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root
{
    --colorPrincipal:rgba(172, 25, 30);
    --colorBoreales:rgb(171, 11, 96);
    --colorShadow:rgba(13, 65, 59, 0.75);

}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.contenedor_primera_parte
{
    width: 100%;
    height: 100vh;
    background-image: url(../imagenes/img_pt1.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.filtro_pt1
{
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.545);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_banda
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
}
.cont_banda h1
{
    font-size: 200px;
    padding-bottom: 20px;
    color: white;
    font-weight: 500;
}
.cont_banda p
{
    font-size: 25px;
    color: white;
    font-weight: 500;
    text-align: center;
}
.cont_espacio
{
    width: 200px;
    border: 3px solid var(--colorPrincipal);
    margin-bottom: 20px;
    background-color: var(--colorPrincipal);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda parte*/
.contenedor_segunda_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 50px;
}
.cont_titulo_pt2
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.cont_titulo_pt2 h2
{
    font-size: 35px;
    color: var(--colorPrincipal);
    font-weight: 700;
}
/*----------boreales-------------------*/
.cont_boreales
{
    width: 100%;
    background-image: url(../imagenes/img_boreales.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.filtro_boreales
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    background: linear-gradient(180deg , rgb(19, 35, 90), rgba(57, 75, 139, 0.373));
}
.filtro_boreales p
{
    font-size: 17px;
    font-weight: 400;
    color: white;
    padding-top: 10px;
}
.cont_boreales img
{
    width: 40%;
    padding-bottom: 20px;
}
.cont_precios_boreales
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.414);
}
.cont_precios_boreales h2
{
    font-size: 40px;
    color: rgb(25, 25, 25);
    padding-bottom: 10px;
    font-weight: 700;
}
.cont_precios_boreales p
{
    font-size: 40px;
    color: var(--colorBoreales);
    font-weight: 700;
}
.cont_amenidades_boreales
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0;
    background-color: rgba(255, 255, 255, 0.414);
    margin-top: 20px;
}
.box_amenidades
{
    width: 300px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid white;*/
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px var(--colorShadow);
    -moz-box-shadow: 0px 0px 10px 0px var(--colorShadow);
    box-shadow: 0px 0px 10px 0px var(--colorShadow);
    margin: 20px;
}
.box_amenidades p
{
    font-size: 30px;
    color: white;
    font-weight: 700;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.449);
    text-align: center;
}


.alberca
{
    background-image: url(../imagenes/alberca.jpg);
    background-size: cover;
}
.juegos
{
    background-image: url(../imagenes/img_infantiles.jpeg);
    background-size: cover;
}
.gimnacio
{
    background-image: url(../imagenes/gym.jpg);
    background-size: cover;
}
.terraza
{
    background-image: url(../imagenes/terraza.jpg);
    background-size: cover;
}
.ludoteca
{
    background-image: url(../imagenes/ludoteca.jpg);
    background-size: cover;
}
.Coworking
{
    background-image: url(../imagenes/coworking.jpg);
    background-size: cover;
}
.jogging
{
    background-image: url(../imagenes/joggin.jpg);
    background-size: cover;
}
.ciclovia
{
    background-image: url(../imagenes/cicovia.webp);
    background-size: cover;
}
.casa
{
    background-image: url(../imagenes/casa.png);
    background-size: cover;
}

/*-------------------torres vida----------------------*/
.cont_torres_vida
{
    width: 100%;
    background-image: url(../imagenes/img_vida.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 50px;
}
.filtro_torres_vida
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    background: linear-gradient(90deg , rgb(53, 99, 52), rgba(255, 255, 255, 0.118));
}
.filtro_torres_vida p
{
    font-size: 20px;
    font-weight: 400;
    color: white;
    padding-top: 10px;
}
.filtro_torres_vida img
{
    width: 40%;
    padding-bottom: 20px;
}
.cont_precios_vida
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.414);
}
.cont_precios_vida h2
{
    font-size: 40px;
    color: rgb(25, 25, 25);
    padding-bottom: 10px;
    font-weight: 700;
}
.cont_precios_vida p
{
    font-size: 40px;
    color: rgb(53, 99, 52);
    font-weight: 700;
}
/*--------------------castilla------------------------*/
.cont_torres_castilla
{
    width: 100%;
    background-image: url(../imagenes/img_castilla.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 50px;
}
.filtro_torres_castilla
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    background-color: rgba(96, 96, 96, 0.421);
}
.filtro_torres_castilla img
{
    width: 10%;
    padding-bottom: 20px;
}
.cont_precios_Castilla
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.414);
}
.cont_precios_Castilla h2
{
    font-size: 40px;
    color: rgb(25, 25, 25);
    padding-bottom: 10px;
    font-weight: 700;
}
.cont_precios_Castilla p
{
    font-size: 40px;
    color: rgb(116, 97, 56);
    font-weight: 700;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*recorrido virtual*/
.contenedor_virtual_360
{
    width: 100%;
    padding: 50px 0;
    background-image: url(../imagenes/img_virtual.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 50px;
}
.filtro_virtual
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cont_titulo_virtual
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_titulo_virtual h2
{
    font-size: 35px;
    color: rgb(25, 25, 25);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.522);
    text-align: center;
    padding: 20px 0;
    margin-bottom: 30px;
}
.boton_virtual
{
    width: 250px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 10px;
    background-color:rgba(176, 0, 0, 0.503);
}
.boton_virtual:hover
{
    transition: all 0.3s;
    background-color: rgba(13, 65, 59, 0.538);
}
.boton_virtual a
{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
}



/*---------------------------------------------*/
/*botones*/
.cont_botones_desarrollo
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_boton_boreales
{
    width: 250px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 10px;
    background-color: rgba(171, 11, 96, 0.538);
    margin: 20px;
}
.cont_boton_boreales:hover
{
    transition: all 0.3s;
    background-color: rgba(13, 65, 59, 0.538);
}
.cont_boton_boreales a
{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.boton_telefono
{
    width: 250px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(78, 117, 201, 0.538);
    margin: 20px;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 10px;
}
.boton_telefono:hover
{
    transition: all 0.3s;
    background-color: rgba(13, 65, 59, 0.538);
}
.boton_telefono a
{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.boton_whats
{
    width: 250px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(78, 201, 92, 0.538);
    margin: 20px;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 10px;
}
.boton_whats:hover
{
    transition: all 0.3s;
    background-color: rgba(13, 65, 59, 0.538);
}
.boton_whats a
{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 700;
}