.obras-wrapper{
    width:100%;
}

.obras-filtros{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:30px;
    justify-content: center;
}
.obras-filtros button {
    color: #ef7f2b;
}
.obras-filtros button{

    border:none;
    background:#ececec;
    padding:10px 18px;
    cursor:pointer;
    border-radius:30px;
    transition:.3s;

}

.obras-filtros button:hover,
.obras-filtros button.active{

    background:#0066cc;
    color:#fff;

}
.obra-conteudo {
    padding: 0px 10px 10px 10px;
    overflow: auto;
    height: 148px;
}

.obra-card {
    box-shadow: 5px 5px 15px 5px #efefef;
}
.obras-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

}

.obra-card a{

    text-decoration:none;
    color:#222;

}

.obra-card img{

    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    border-radius:8px;
    transition:.3s;

}

.obra-card:hover img{

    /*transform:scale(1.05);*/

}

.obra-card h3{

    margin-top:15px;
    font-size:18px;
    text-align:center;

}

@media(max-width:991px){

.obras-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.obras-grid{

grid-template-columns:1fr;

}

}