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


* {
    
   font-family: 'Gulzar', serif;
    font-family: sans-serif;  
    box-sizing: border-box;
}
    
.titulocasa{

    font-size: 20px;
    color: black;
    font-weight: 500;
    
}
.datitos{

    
    font-size: 17px;
    color: black;
    font-weight: 500;
}
    
.borrie {
    margin-top: 150px;
    width: 100%;
    padding-top: 40px;
   /* border:1px dashed red;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #e5d3ba;

}

.contenedorfotoportada {

    display: flex;
    justify-content: center;
    font-weight: normal;
}

.titulonuestras{

    color: black;
    font-size: 29px;
    font-weight: 700;
    text-align: center;
}

.portada {
/*
    object-fit: cover;
    width: 100%;*/
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    

}

.propiedadesdestacadastitulo {

    width: 100%;
    max-width: 1200px;
    /*border: 1px dashed blue;*/

    display: flex;
    justify-content: center;
    padding: 40px;
}

.propiedades {
    padding-top: 20px;

    width: 100%;
    max-width: 1200px;
    /* border: 1px dashed red;*/
    display: grid;
    grid-template-columns: 400px 400px 400px;

}




.casa1 {


    padding-left: 20px;
    padding-right: 20px;
   /*  border:1px dashed deeppink;*/
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}


.cuadroimagen {

    /* border:1px dashed blue;   */
    width: 100%;


}

.propiedad {

    width: 356px;

}

.cuadrodatos {

    padding-top: 20px;
    /*  border: 1px dashed green;*/
}

.datitos {


    /*border:1px dashed blue;*/
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 18px;
}



.titu{

    font-size: 29;
    font-weight: 700;
}

.huincha{

   width: 100%;
   height: 2px;
    background-color: black;
}

.franjaverde {


    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e5d3ba;
    display: flex;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;
}


.contcositas {


    /* border: 1px dashed darkviolet;*/
    width: 100%;
    max-width: 1200px;
    height: 100%;
    display: flex;
}

.cajalogo {

    width: 470px;
    height: 100%;
    margin-top: 25px;
    /*border: 1px darkorange dashed;*/
}

.logofranja {

   /* padding-right: 50px;*/
    width: 193px;
}

.cajatextop {

    color: white;
    padding-left: 50px;
    
    display: flex;
    flex-direction: column;
    font-size: 21px;
    justify-content: center;
    font-weight: 500;
    text-align: justify;


}


.franjablanca {

    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    padding-right: 20px;
  

}

.titulomision{


    font-size: 20px;
}

.desmision{

    font-size: 18px;
    color: black;
    text-align: justify;
    padding-right: 20px;
}
.cajatextopsobre {

    color: Black;
    padding-left: 50px;
    font-size: 20px;
   /*   border: 1px dashed blue;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.iconosservicios{

    width: 50px;
}

.ulservicios{

padding-left: 20px;

}
.conmisionvaloresetc {




    width: 100%;
    display: flex;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
   /* border: 1px dashed darkviolet; */
  flex-direction: column;
  max-width: 1200px;


}

.contcositasvalores {

    width: 100%;
    max-width: 1200px;
    height: 100%;
    display: flex;
    /* border: 1px dashed darkviolet; */
    display: grid;
   /* grid-template-columns: 400px 400px 400px;*/
   /* grid-template-columns: 600px 600px;*/
    grid-template-columns: 50% 50%;

}

.ct1 {

    /* border: 1px dashed royalblue;*/

}

.cajavalores {

    /*border: 1px dashed green;*/
    width: 100%;
    display: flex;
    justify-content: center;
    height: 221px;
    align-items: center;
}


.imagenvalores {


    width: 250px;
    /*  border:1px dashed blue;*/

}

.texto4 {

    color: black;
    padding-right: 30px;
    
    font-size: 20px;
}

.ct1 {

    padding-bottom: 20px;
}


.contcontacto {

    max-width: 1200px;
 
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-direction: column;

}

.barracontacto {

    max-width: 1200px;
    background-color: rgba(236,0,0,.9);
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 30px;
}

.form {

    display: flex;
   /* border: dashed darkviolet 1px;*/
    padding-top: 20px;

    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: black;
    font-size: 25px;
    font-weight: 700;
}

.partedearriba {

    max-width: 700px;
    width: 100%;
   /* border: 1px red dashed;*/


}


.nombre {

    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.input {

    width: 269px;
    height: 30px;
    border: 2px black solid;
}

.partedeabajo {

    display: flex;
    flex-direction: column;
   /* border: 1px dashed red;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.enviar {

    background-color: rgba(236,0,0,.9);
    color: white;
    margin-top: 10px;
    border: none;
    height: 35px;
    width: 200px;
    align-self: end;
    font-size: 25px;
    font-weight: 700;
}

.textareaa{

    margin-top: 10px;
    border: 2px black solid;
    
    width: 514px;

}









.listavalores{

    font-size: 20px;
    color: black;
    list-style: none;
    text-align: justify;
}






.lineanegra{
    height: 35px;
    background-color: #e5d3ba;
    width: 100%;
    color: black;
    justify-content: center;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 800;
    padding: 20px;
  }
  .lineanegra a{
   
    color: black;
  
  }
  


.interiorlineanegta{
  max-width: 1110px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 20px;
  
}




@media (max-width: 1390px) {

    .contcositasvalores {
        width: 100%;
        /*grid-template-columns: 400px 400px;*/
        grid-template-columns: 50% 50%;

        justify-content: center;
    }

    .texto4 {


        padding-right: 0px;

    }


}

@media (max-width: 826px) {

    .contcositasvalores {
        width: 100%;
        grid-template-columns: 400px;

        justify-content: center;
    }


}








@media (max-width: 1390px) {

    .propiedades {
        width: 100%;
        grid-template-columns: 400px 400px;

        justify-content: center;
    }


}

@media (max-width: 881px) {
    .contcositas {
        justify-content: center;
        flex-direction: column;
    }

    .cajalogo {

        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }

    .cajatextop{

        padding-left: 0px;
    }






}

@media (max-width: 839px) {

    .propiedades {
        width: 100%;
        grid-template-columns: 400px;

        justify-content: center;
    }


}


@media (max-width: 411px) {

    .propiedades {
        width: 100%;
        grid-template-columns: 300px;

        justify-content: center;
    }




    .propiedad {

        width: 256px;

    }








}


@media (max-width: 495px) {

    .textareaa
    {
       width: 350px;
    }

    .contcositasvalores {
        width: 100%;
        grid-template-columns: 300px;

        justify-content: center;
    }

    .input{

        width: 40%;
    }


}








@media (max-width: 768px) {

    .borrie {
        margin-top: 101px;
        width: 100%;

        /*  border:1px dashed red;*/
    }


}




@media (max-width: 365px) {

    .textareaa
    {
       width: 300px;
    }





}


@media (max-width: 562px) {


    .accordion{

        font-size: 18px !important; 
    }


}