/*Agua total*/

.bg-top-curve-arqui{
    height:125px;
    background: url(../img/arquitectura-total/elemento-cover-arq.svg) center bottom repeat;
    animation: 25s wave ease-in-out infinite alternate;
}

 
@keyframes wave {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
}



#hero1{
    background:url(../img/arquitectura-total/img-interiorismo.jpg); 
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    
}

#hero2{background: url(../img/arquitectura-total/img-proyectos.jpg);
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}

#hero3{
    background: url(../img/arquitectura-total/img-paisajismo.jpg);
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}

#hero4{
    background:url(../img/arquitectura-total/img-remodelaciones.jpg); 
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    
}

#hero5{background: url(../img/arquitectura-total/img-contruccion.jpg);
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}

#hero6{
    background: url(../img/arquitectura-total/img-mobiliario.jpg);
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}


.hero, .content{
  text-align:center; 
  position:relative;
  width: 100%;
}

.div-gallery{
  height:460px;
  position: relative;
}

.hero .div-gallery{
  background: rgb(0, 0, 0, 0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat;
}


.copy{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.hero h2{
    color:white;
}



.triangle-curve{
   height: 520px;
    width: 100%;
    background: transparent;
    background: rgb(248,248,250);
    background: linear-gradient(0deg, rgba(248,248,250,1) 38%, rgba(255,255,255,1) 47%);

    position: relative;
  clip-path: polygon(50% 35%, 12% -20%, 100% -30%);
}


.triangle-curve img{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;object-fit: scale-down;
    top: -140px;
}




.grid-arqui{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* lg */ @media (max-width: 1199px) {

}
/* md */ @media (max-width: 991px) {
    /*.curve-arq{
        top: 240px;
    }
    .triangle-curve{
        clip-path: polygon(50% 100%, 0 0%, 100% 0%) !important;
    }*/

    .grid-arqui{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
/* sm */ @media (max-width: 767px) {
    /*.triangle-curve{
        clip-path: none !important;
    }

    .curve-arq{
        top: 50px;
    }

    .triangle-curve{
        height: 150px;
    }*/
    .grid-arqui{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .hero{
        background-attachment: initial !important;
    }
}
/* xs */ @media (max-width: 575px) {
    .triangle-curve{
        clip-path: polygon(50% 18%, 0% -5%, 100% -5%);
    }

    .triangle-curve img{
        top: -180px;
    }


    /*.curve-arq{
        top: 50px;
    }

    .triangle-curve{
        height: 150px;
    }*/
}
/* xxs */ @media (max-width: 430px) {}