#carteles {
  padding: 60px 0;
}

.grid_trabajos {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  gap: 42px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.trabajo {
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  border-radius: 12px;
}

.trabajo:hover {
  box-shadow: 0px 4px 10px 8px rgba(93, 76, 61, 0.41);
}


.trabajo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.trabajo:hover img {
  filter: grayscale(0%);
}
@media(min-width:1024px){
.trabajo img {
  filter: grayscale(0%);
}
.trabajo:hover img {
  filter: grayscale(100%);
}
}
@media(min-width:768px) and (max-width:1024px){
.grid_trabajos {
    gap: 26px;
}
}
@media(max-width:767px){
  #carteles {
    padding: 60px 0;
}
.grid_trabajos {
  gap: 26px;
}

}