.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; align-items: center; align-content: center;

    background-color: var( --whiteDark );


}
.us__conteiner{
    box-sizing: border-box;
    overflow: hidden;

    height: 45rem; width:  var( --width--conteiner ); 
    padding: 3rem 0rem; margin: 0px auto 0rem auto;
    

    display: flex; flex-flow: row wrap; 
    justify-content: space-between; 
    align-items: center; align-content: center;
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;

        height: 33rem;
        width: 50%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: start; 
        align-items: center; align-content: center;

    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 18%;
            width: 100%;
            padding: 0rem 1rem;

  
            display: flex; flex-direction: column;
            justify-content: space-between; 
            align-content: flex-start; align-items: flex-start;

        }
            .us__info__subtitle{
                width: 100%;

                display: block;
                text-align: left;

                color: var( --green );



                font-size: 16px;
                font-weight: 400;

            }
            .us__info__title{
                width: 100%;

                display: block; 
                text-align: left;

                color: var( --black );
                font-size: 33px;
                letter-spacing: 2px;

            }

            .us__info__linea{
                height: 2.3px; width: 31%;
                display: block; 

                border-radius: 3px;
        
                background-color: var( --green );
                




            }

/*------------- T E X T  ---------------------------------*/
        .us__info__row__text{
            height: 60%;
            width: 100%;
            padding: 1rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; padding: 0%;

                text-align: left;
                line-height: 28px;
                font-size: 16px;
                color: var(--gray);
                letter-spacing: 0.3px;
             
               
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 0rem 1rem;

            display: flex; flex-direction: row wrap;
            justify-content: start!important ; 
            align-content: start!important ; 
            align-items: center;

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.8 ;

                height: auto ; width: 13.8rem; 
                padding: 0%; border: none; margin: 0rem 1.5rem 0rem 0rem;

                display: flex; flex-direction: row wrap;
                justify-content: center; 
                align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    height: 100%; width: 100%;
                    border: none;

                    border: solid 3px var( --orange );

                    border-radius: 3px;
             
                    color: var( --color-opacity ) ;
          
                    background-color: transparent;
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    height: 100%; width: 100%;
                    border: none; 
                    
                    border-radius: 3px;
                    color: var( --white ) ;
                    background-color: var( --green );
                    font-size: 16px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        

        overflow: hidden;
        box-sizing: border-box;

        height: 33rem;
        width: 45%;
        padding: 0%;

    
        display: flex; flex-flow: column; 
        justify-content: flex-start; align-items: flex-end;
 

    }
        .us__row__img{
            position: relative;

            box-sizing: border-box;
            aspect-ratio: 2 / 3;

            aspect-ratio: 2 / 2.3;
            aspect-ratio: 1/1;

            height: auto ;
         
            height: 83% ;



            display: block;
   
        }

            .us__img1{
                z-index: 12;
                position: absolute; 
                left: 0%; 
                bottom: 0%;

                aspect-ratio: 2/2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;

                height: 92%;
                height: 94%;
                height: 85%;



                border-radius: 3px;
 
                background-image: url("../pisctures/trabajos/6.jpg");


                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;

            }
            .us__img2{
                z-index: 11;
                position: absolute; 
                right: 0%; 
                top: 0%;

                aspect-ratio: 2 / 2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;

                height: 92%;
                height: 94%;
                height: 85%;

                border: 3px solid var( --color-opacity );

                border-radius: 5px;

                background-position: center;
                background-repeat: no-repeat;
                background-size: cover; 

            }

/**-------------------------------------------------------------------------------------------------*/

@media(max-width: 1250px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{

    height: auto; width:  100%; 
    padding: 3rem 5.5rem; margin: 0px auto 0rem auto;

    display: flex; flex-flow: row wrap; 
    justify-content: space-between; 
    align-items: center; align-content: center;

}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: 35rem; width: 50%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; 
        align-items: center; align-content: center;

    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 20%;
            width: 100%;
            padding: 0rem 1rem 1rem 1rem; 

    
            display: flex; flex-direction: column;
            justify-content: space-between; 
            align-content: flex-start; align-items: flex-start;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                display: block;
                text-align: left;

                font-size: 16px;
                font-weight: 400;

            }
            .us__info__title{
                width: 100%;

                display: block; 
                text-align: left;

                font-size: 33px;
                letter-spacing: 2px;

            }

            .us__info__linea{
                height: 2.3px; width: 31%;
                padding: 0rem 0.5rem ; 
                display: block; 

                border-radius: 3px;
    
            }

/*------------- T E X T  ---------------------------------*/
        .us__info__row__text{
            height: 58%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center; align-items: center;

        }
            .us__info__text{
                width: 100%; padding: 0%;

                text-align: left;
                line-height: 25px;
                font-size: 16px;
                letter-spacing: 0.3px;
                
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 16%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: space-around!important ; 

        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.8 ;

                height: auto ; width: 12.5rem; 
                padding: 0%; border: none; margin: 0rem 0rem 0rem 0rem;

                display: flex; flex-direction: row wrap;
                justify-content: center; 
                align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    height: 100%; width: 100%;

                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    height: 100%; width: 100%;
                    
                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;

                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
   
        height: 35rem; width: 50%;
        padding: 0%;

    
        display: flex; flex-flow: column; 
        justify-content: flex-start; align-items: flex-end;
   

    }
        .us__row__img{
            box-sizing: border-box;
            aspect-ratio: 2 / 3;

            aspect-ratio: 2 / 2.3;
            aspect-ratio: 1/1;

            height: auto ;
            /* width: 97% ; */
            /* height: 87% ; */
            height: 83% ;

     
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                left: 0%; bottom: 0%;

                aspect-ratio: 2/2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;


                /* height: auto ; */
                height: 92%;
                height: 94%;
                height: 85%;
                margin: 0rem 2rem;

  
            }
            .us__img2{
                z-index: 11;
                position: absolute; 
                right: 0%; top: 0%;

                aspect-ratio: 2 / 2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;

                height: 92%;
                height: 94%;
                height: 85%;

            }

}

@media(max-width: 1160px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center;
    align-items: center; align-content: center;
    
}
.us__conteiner{
     width:  100%; 
    padding: 3rem 5.5rem; margin: 0px auto 0rem auto;

    width: 90%; 
    margin: 2rem auto;  padding: 0rem ; 

    display: flex; flex-flow: row wrap; 
    justify-content: space-between; align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        /* height: var( --heightMedium--conteiner );  */
        height: 35rem; width: 50%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */

    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 20%;
            width: 100%;
            padding: 0rem 1rem 1rem 1rem; 

    
            display: flex; flex-direction: column;
            justify-content: space-between; 
            align-content: flex-start; align-items: flex-start;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                display: block;
                text-align: left;

                font-size: 16px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;

                display: block; 
                text-align: left;

                font-size: 33px;
                letter-spacing: 2px;
                /* border: 2px solid rgb(221, 0, 255); */
            }

            .us__info__linea{
                height: 2.3px; width: 31%;
                padding: 0rem 0.5rem ; 
                display: block; 

                border-radius: 3px;
    
            }

/*------------- T E X T  ---------------------------------*/
        .us__info__row__text{
            height: 58%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; padding: 0%;

                text-align: left;
                line-height: 25px;
                font-size: 16px;
                letter-spacing: 0.3px;
                
                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 16%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: space-around!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.8 ;

                height: auto ; width: 12.5rem; 
                padding: 0%; border: none; margin: 0rem 0rem 0rem 0rem;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    height: 100%; width: 100%;

                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    height: 100%; width: 100%;
                    
                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;

                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 35rem; width: 50%;
        padding: 0%;

    
        display: flex; flex-flow: column; 
        justify-content: flex-start; align-items: flex-end;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            aspect-ratio: 2 / 3;

            aspect-ratio: 2 / 2.3;
            aspect-ratio: 1/1;

            height: auto ;
            /* width: 97% ; */
            /* height: 87% ; */
            height: 83% ;

        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                left: 0%; bottom: 0%;

                aspect-ratio: 2/2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;


                /* height: auto ; */
                height: 92%;
                height: 94%;
                height: 85%;
                margin: 0rem 2rem;

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute; 
                right: 0%; top: 0%;

                aspect-ratio: 2 / 2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1;


                /* height: auto ;  */
                height: 92%;
                height: 94%;
                height: 85%;

            }

}

@media(max-width: 1020px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
        width:  100%; 
    padding: 3rem 5.5rem; margin: 0px auto 0rem auto;

    width: 90%; 
    margin: 2rem auto;  padding: 0rem ; 

    display: flex; flex-flow: row wrap; 
    justify-content: space-between; align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        /* height: var( --heightMedium--conteiner );  */
        height: 35rem; width: 50%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */

    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 20%;
            width: 100%;
            padding: 0rem 1rem 1rem 1rem; 

    
            display: flex; flex-direction: column;
            justify-content: space-between; 
            align-content: flex-start; align-items: flex-start;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                display: block;
                text-align: left;

                font-size: 16px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;

                display: block; 
                text-align: left;

                font-size: 33px;
                letter-spacing: 2px;
                /* border: 2px solid rgb(221, 0, 255); */
            }

            .us__info__linea{
                height: 2.3px; width: 31%;
                padding: 0rem 0.5rem ; 
                display: block; 

                border-radius: 3px;
    
            }

/*------------- T E X T  ---------------------------------*/
        .us__info__row__text{
            height: 58%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; padding: 0%;

                text-align: left;
                line-height: 25px;
                font-size: 16px;
                letter-spacing: 0.3px;
                
                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 16%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: space-around!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.8 ;

                height: auto ; width: 12.5rem; 
                padding: 0%; border: none; margin: 0rem 0rem 0rem 0rem;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    height: 100%; width: 100%;

                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    height: 100%; width: 100%;
                    
                    border-radius: 3px;
                    font-size: 16px;  letter-spacing: 1px;

                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 35rem; width: 50%;
        padding: 0%;

    
        display: flex; flex-flow: column; 
        justify-content: flex-start; align-items: flex-end;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            aspect-ratio: 2 / 3;

            aspect-ratio: 2 / 2.3;
            /* aspect-ratio: 1/1; */

            /* width: 80% ; */
            /* height: 87% ; */
            height: 83% ;

        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                left: 0%; bottom: 0%;

                aspect-ratio: 2/2.8;
                aspect-ratio: 2/2.3;
                /* aspect-ratio: 1/1; */


                /* height: auto ; */
                height: 92%;
                height: 94%;
                height: 85%;
                /* margin: 0rem 2rem; */

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute; 
                right: 0%; top: 0%;

                aspect-ratio: 2 / 2.8;
                aspect-ratio: 2/2.3;
                /* aspect-ratio: 1/1; */


                /* height: auto ;  */
                height: 92%;
                height: 94%;
                height: 85%;

            }

}

@media(max-width: 951px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center;
     align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 2rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: 36rem; width: 100%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 25%;
            width: 100%;
            padding: 0rem 0rem ; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                text-align: center;

                font-size: 20px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;

                text-align: center;

                font-size: 48px;
                letter-spacing: 2px;
                /* border: 2px solid rgb(221, 0, 255); */
            }

            .us__info__linea{
                height: 2.3px; width: 30%;
                padding: 0rem 0rem ; margin: 0.8rem auto;

                border-radius: 3px;
    
            }

/*------------- T E X T  ---------------------------------*/
        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 5rem;

                text-align: center;
                line-height: 27px;
                font-size: 18px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: center!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.79 ;

                height: auto ; width: 14.3rem; 
                padding: 0%; border: none; margin: 0rem 1rem ;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    font-size: 16px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 1rem; margin-top: 1.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3;

            aspect-ratio: 2 / 2.3;
            aspect-ratio: 1/1; */
            aspect-ratio: 3.5/2;
            /* aspect-ratio: 16/9; */


            /* width: 80% ; */
            /* height: 87% ; */
            height: 90% ;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2/2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1; */
                aspect-ratio: 3.5/2;
                /* aspect-ratio: 16/9; */
                

                /* height: 92%; */
                /* height: 94%; */
                height: 85%;
                /* height: 80%; */
                margin: 0rem ;

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                

                /* aspect-ratio: 2 / 2.8;
                aspect-ratio: 2/2.3;
                aspect-ratio: 1/1; */
                aspect-ratio: 3.5/2;
                /* aspect-ratio: 16/9; */



                /* height: auto ;  */
                height: 92%;
                height: 94%;
                height: 85%;
                /* height: 80%; */


            }

}

@media(max-width: 842px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 2rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: 36rem; width: 100%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 25%;
            width: 100%;
            padding: 0rem 0rem ; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                text-align: center;

                font-size: 20px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 48px;
                letter-spacing: 2px;
                /* border: 2px solid rgb(221, 0, 255); */
            }

            .us__info__linea{
                height: 2.3px; width: 30%;
                padding: 0rem 0rem ; margin: 0.8rem auto;

                border-radius: 3px;
    
            }

/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 5rem;

                text-align: center;
                line-height: 27px;
                font-size: 16px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: center!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.79 ;

                height: auto ; width: 14.3rem; 
                padding: 0%; border: none; margin: 0rem 1rem ;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    font-size: 16px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    font-size: 16px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 1rem; margin-top: 1.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3; */

            /* aspect-ratio: 2 / 2.3; */
            /* aspect-ratio: 1/1; */
            /* aspect-ratio: 3.5/2; */
            aspect-ratio: 16/9;


            /* width: 80% ; */
            /* height: 87% ; */
            height: 90% ;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */
                /* aspect-ratio: 1/1; */
                /* aspect-ratio: 3.5/2; */
                aspect-ratio: 16/9;
                

                /* height: 92%; */
                /* height: 94%; */
                height: 85%;
                /* height: 80%; */
                margin: 0rem ;

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */
                /* aspect-ratio: 1/1; */
                /* aspect-ratio: 3.5/2; */
                aspect-ratio: 16/9;



                /* height: auto ;  */
                height: 92%;
                height: 94%;
                height: 85%;
                /* height: 80%; */


            }

}

@media(max-width: 779px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 2rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: 36rem; width: 100%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 25%;
            width: 100%;
            padding: 0rem 0rem 0.5rem 0rem; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                text-align: center;

                font-size: 20px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 40px;
                letter-spacing: 2px;
                /* border: 2px solid rgb(221, 0, 255); */
            }

            .us__info__linea{
                height: 2.3px; width: 53%;
                padding: 0rem 0rem ; margin: 0.8rem auto;

                border-radius: 3px;
                display: none;
    
            }

/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 2rem;

                text-align: center;
                line-height: 27px;
                font-size: 18px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: center!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.79 ;

                height: auto ; width: 14.3rem; 
                padding: 0%; border: none; margin: 0rem 1rem ;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    font-size: 18px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    font-size: 18px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 1rem; margin-top: 1.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3; */

            /* aspect-ratio: 2 / 2.3; */

            /* aspect-ratio: 1/1; */
            
            aspect-ratio: 3.2/2;
            /* aspect-ratio: 16/9; */


            /* width: 80% ; */
            /* height: 87% ; */
            height: 90% ;
            height: auto; width: 100%;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */

                /* aspect-ratio: 1/1; */
                
                /* aspect-ratio: 3.5/2; */
                aspect-ratio: 3.2/2;
                /* aspect-ratio: 16/9; */
                
                /* height: 85%;    */
                 margin: 0rem ;
                /* height: 80%; */

                height: auto; width: 90%;
             

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */

                /* aspect-ratio: 1/1; */
                
                /* aspect-ratio: 3.5/2; */
                aspect-ratio: 3.2/2;
                /* aspect-ratio: 16/9; */

                /* height: auto ;  */
                /* height: 92%; */
                /* height: 94%; */
                /* height: 85%; */
                /* height: 80%; */

                height: auto; width: 90%;

            }

}

@media(max-width: 660px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 2rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: 38rem; width: 100%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; 
        align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: 25%;
            width: 100%;
            padding: 0rem 0rem 0rem 0rem; margin: 0rem 0rem 2rem 0rem;

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0.5rem ; 

                text-align: center;

                font-size: 20px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 40px;
                letter-spacing: 2px;
                line-height: 45px;
                /* border: 2px solid rgb(221, 0, 255); */
            }


/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 1rem 1rem 2rem 1rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 1rem;

                text-align: center;
                line-height: 27px;
                font-size: 18px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: center!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.79 ;

                height: auto ; width: 14.3rem; 
                padding: 0%; border: none; margin: 0rem 1rem ;

                display: flex; flex-direction: row wrap;
                justify-content: center; align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    font-size: 18px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    font-size: 18px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 1rem; margin-top: 3.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3; */

            /* aspect-ratio: 2 / 2.3; */

            aspect-ratio: 1/1;
            
            /* aspect-ratio: 3.2/2; */
            /* aspect-ratio: 16/9; */


            height: 100%; width: 90%;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */
                
                /* height: 85%;    */
                    margin: 0rem ;
                /* height: 80%; */

                height: 90%; width: auto;
                

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */

                /* height: auto ;  */
                /* height: 92%; */
                /* height: 94%; */
                /* height: 85%; */
                /* height: 80%; */

                height: 90% ; width: auto;

            }

}

@media(max-width: 588px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 2.8rem 2rem 0rem 2rem ; 

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: auto; width: 100%;
        padding: 0%; margin: 0rem 0rem 0rem 0rem;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; 
        align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: auto;
            width: 100%;
            padding: 0rem 0rem 0rem 0rem; margin-bottom: -0.8rem!important; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0rem 0.8rem 0rem; 

                text-align: center;

                font-size: 18px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 40px;
                letter-spacing: 2px;
                line-height: 48px;
                /* border: 2px solid rgb(221, 0, 255); */
            }


/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 1rem 0.6rem 2rem 0.6rem;

            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 0rem;

                text-align: center;
                line-height: 27px;
                font-size: 17px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 20%;
            width: 100%;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: row wrap;
            justify-content: center!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.79 ;

                height: auto ; width: 14.3rem; 
                padding: 0%; border: none; margin: 0rem 0.5rem ;

                display: flex; flex-direction: row wrap;
                justify-content: center; 
                align-content: center; align-items: center;

                
            }
                .us__info__btn__obras__item{
                    font-size: 17px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    font-size: 17px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 0rem; margin-top: 3.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3; */

            /* aspect-ratio: 2 / 2.3; */

            aspect-ratio: 1/1;
            
            /* aspect-ratio: 3.2/2; */
            /* aspect-ratio: 16/9; */


            height: auto; width: 95%; margin: 0rem auto;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */
                
                /* height: 85%;    */
                    margin: 0rem ;
                /* height: 80%; */

                height: 93%; width: auto;
                

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */

                /* height: auto ;  */
                /* height: 92%; */
                /* height: 94%; */
                /* height: 85%; */
                /* height: 80%; */

                height: 93% ; width: auto;

            }

}

@media(max-width: 487px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center;
     align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 2rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: auto; width: 100%;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between;
         align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: auto;
            width: 100%;
            padding: 0rem 0rem 0rem 0rem; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0rem 0.8rem 0rem; 

                text-align: center;

                font-size: 18px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 38px;
                letter-spacing: 2px;
                line-height: 48px;
                /* border: 2px solid rgb(221, 0, 255); */
            }


/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 1rem 0.6rem 0rem 0.6rem;

            display: flex; flex-direction: column;
            justify-content: center; align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 0rem;

                text-align: center;
                line-height: 27px;
                font-size: 17px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 10rem; width: 90%!important;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: column!important;
            justify-content: space-around!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  8 / 1.20 ;

                height: auto ; width: 100%!important; 
                padding:  0rem; border: none; margin: 0.5rem auto ;

                display: flex; flex-direction: column wrap;
                justify-content: center; align-content: center; align-items: center;
                
            }
                .us__info__btn__obras__item{
                    display: block!important;
                    font-size: 17px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    display: block!important;
                    font-size: 17px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 0rem; margin-top: 3.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            /* aspect-ratio: 2 / 3; */

            /* aspect-ratio: 2 / 2.3; */

            aspect-ratio: 1/1;
            
            /* aspect-ratio: 3.2/2; */
            /* aspect-ratio: 16/9; */


            height: auto; width: 95%; margin: 0rem auto;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */
                
                /* height: 85%;    */
                    margin: 0rem ;
                /* height: 80%; */

                height: 93%; width: auto;
                

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                /* aspect-ratio: 2 / 3; */
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */

                aspect-ratio: 1/1;
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */

                /* height: auto ;  */
                /* height: 92%; */
                /* height: 94%; */
                /* height: 85%; */
                /* height: 80%; */

                height: 93% ; width: auto;

            }

}

@media(max-width: 367px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 1.7rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: auto; width: 100%!important;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; 
        align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: auto;
            width: 100%;
            padding: 0rem 0rem 0rem 0rem!important; margin-bottom: 0rem;

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0rem 0.8rem 0rem; 

                text-align: center;

                font-size: 16px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 34px!important;
                letter-spacing: 2px;
                line-height: 45px;
                /* border: 2px solid rgb(221, 0, 255); */
            }


/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 1rem 0rem 0rem 0rem;

            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 0rem;

                text-align: center;
                line-height: 27px;
                font-size: 14px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 10rem; width: 100%!important;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: column!important;
            justify-content: space-around!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  initial;

                height: 4rem; width: 100%!important; 
                padding:  0rem; border: none; margin: 0.5rem auto ;

                display: flex; flex-direction: column wrap;
                justify-content: center; align-content: center; align-items: center;
                
            }
                .us__info__btn__obras__item{
                    display: block!important;
                    font-size: 14px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    display: block!important;
                    font-size: 14px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 0rem; margin-top: 3.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;
            /* align-content: center; */

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
            aspect-ratio: 2 / 3;

            /* aspect-ratio: 2 / 2.3; */

            /* aspect-ratio: 1/1; */
            
            /* aspect-ratio: 3.2/2; */
            /* aspect-ratio: 16/9; */


            height: auto; width: 95%;
            margin: 0rem auto;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                aspect-ratio: 2 / 3;
                /* aspect-ratio: 2/2.8; */
                /* aspect-ratio: 2/2.3; */

                /* aspect-ratio: 1/1; */
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */
                
                /* height: 85%;    */
                    margin: 0rem ;
                /* height: 80%; */

                height: 93%; width: auto;
                

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                aspect-ratio: 2 / 3;
                /* aspect-ratio: 2 / 2.8; */
                /* aspect-ratio: 2/2.3; */

                /* aspect-ratio: 1/1; */
                
                /* aspect-ratio: 3.5/2; */
                /* aspect-ratio: 3.2/2; */
                /* aspect-ratio: 16/9; */

                /* height: auto ;  */
                /* height: 92%; */
                /* height: 94%; */
                /* height: 85%; */
                /* height: 80%; */

                height: 93% ; width: auto;

            }

}

@media(max-width: 280px){

.us{
    height: auto; width: 100%;
    padding: 0%;

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;
    
}
.us__conteiner{
    height: auto ; 
    width: 100%; 
    
    margin: 2rem auto;  padding: 0rem 1.7rem  ; 

    display: flex; flex-flow: column; 
    justify-content: center; 
    align-items: center; align-content: center;

    /* background-color: rgba(0, 255, 255, 0.218); */
}

/**------------- I N F O  ---------------------------------*/
    .us__conteiner__info{
        box-sizing: border-box;
        height: auto; width: 100%!important;
        padding: 0%;
    
        display: flex; flex-flow: column; 
        justify-content: space-between; 
        align-items: center; align-content: center;

        /* border: solid 2px rgb(71, 67, 59); */
    }

/*------------- T I T L E  ---------------------------------*/
        .us__info__row__title{
            height: auto;
            width: 100%;
            padding: 0rem 0rem 0rem 0rem; 

    
            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center!important; align-items: center!important;

            /* border: 2px solid blue; */
        }
            .us__info__subtitle{
                width: 100%;
                padding: 0rem 0rem 0.8rem 0rem; 

                text-align: center;

                font-size: 16px;
                font-weight: 400;
                /* border: 2px solid rgb(0, 255, 72); */
            }
            .us__info__title{
                width: 100%;
                padding: 0.5rem 0rem 0rem 0rem;

                text-align: center;

                font-size: 32px;
                letter-spacing: 2px;
                line-height: 42px;
                /* border: 2px solid rgb(221, 0, 255); */
            }


/*------------- T E X T  ---------------------------------*/

        .us__info__row__text{
            height: 50%; width: 100%;
            padding: 1rem 0rem 0rem 0rem;

            display: flex; flex-direction: column;
            justify-content: center; 
            align-content: center; align-items: center;

            /* border: solid 2px red; */
        }
            .us__info__text{
                width: 100%; 
                padding: 1.5rem 0rem;

                text-align: center;
                line-height: 27px;
                font-size: 14px;
                letter-spacing: 0.3px;

                /* border: solid 2px rgb(18, 9, 9); */
            }

/*------------- B T N S  ---------------------------------*/

        .us__info__row__btns{

            height: 10rem; width: 100%!important;
            padding: 1rem 0rem; margin: 0rem 0rem;

            display: flex; flex-direction: column!important;
            justify-content: space-around!important ; 
            /* align-content: space-around!important ;  */
            /* align-items: center!important; */

            /* border: solid rgb(5, 223, 9) 2px; */
        }   

            .us__info__btn{
                
                overflow: hidden;
                box-sizing: border-box;
                aspect-ratio:  initial;

                height: 4rem; width: 100%!important; 
                padding:  0rem; border: none; margin: 0.5rem auto ;

                display: flex; flex-direction: column wrap;
                justify-content: center; align-content: center; align-items: center;
                
            }
                .us__info__btn__obras__item{
                    display: block!important;
                    font-size: 14px;  letter-spacing: 1px;
                }

                .us__info__btn__presupuesto__item{
                    display: block!important;
                    font-size: 14px;  letter-spacing: 1px;
                }

/**------------- I M G  ---------------------------------*/

    .us__continer__img{
        overflow: hidden;
        box-sizing: border-box;
    
        height: 28rem; width: 100%;
        padding: 0rem 0rem; margin-top: 2.5rem;

    
        display: flex; flex-flow: column; 
        justify-content: center ; align-items: center ;

        /* border: solid 2px green; */

    }
        .us__row__img{
            box-sizing: border-box;
             aspect-ratio: 9/16;

            
            height: auto; width: 95%;
            margin: 0rem auto;
            /* background-color: brown; */
        
        }
            .us__img1{
                z-index: 12;
                position: absolute; 
                top: 0%; right: 0%; bottom: auto; left: auto;

                aspect-ratio: 9/16;

                    margin: 0rem ;
                height: 93%; width: auto;
                

                /* border: solid 2px red; */
            }
            .us__img2{
                z-index: 11;
                position: absolute;  
                top: auto; right: auto; bottom: 0%; left: 0%; 
                
                aspect-ratio: 9/16;


                height: 93% ; width: auto;

            }

}