:root {
  --swiper-pagination-top: -1rem;
}

.swiper-objectes {
  width: 100%;
  position: relative;
  padding-top: 60px;
  overflow: hidden;
  margin-bottom: 60px;
}

.swiper-objectes .swiper-wrapper {
    height: inherit !important;

}

.swiper-objectes .swiper-slide {
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    width: calc(25% - 30px);
    background-color: white;
    overflow: hidden;
}

.swiper-objectes .swiper-slide .item-link {
    text-decoration: none;
}

.swiper-objectes .swiper-slide:hover h3 {
    text-decoration: underline;
}

@media (max-width: 1200px) {
  .swiper-objectes .swiper-slide {
    width: calc(33.33% - 20px);
  }
}

@media (max-width: 850px) {
  .swiper-objectes .swiper-slide {
    width: calc(50% - 15px);
  }
}

@media screen {
  @media (max-width: 540px) {
    .swiper-objectes .swiper-slide {
      width: 100%;
    }
  }
}

.swiper-objectes .swiper-slide:hover {
    
}
.swiper-objectes h3 {
  height: 4.2pc;
  overflow: hidden;
  align-content: center;
  line-height: 2pc;
  margin-bottom: 15px;
}

.swiper-objectes .post-thumbnail {
  width: 100%;
  aspect-ratio: 1.2;
}

.swiper-objectes .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.swiper-objectes .swiper-toolbar {
  position: absolute;
  top: 30px;
  right: 0px;
  width: 200px;
  display: flex;
}


.swiper-objectes .card-tags {
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: column;
}

.swiper-objectes .card-tag {
  width: fit-content !important;
  white-space: nowrap;
}


.swiper-objectes .card-tag.spatial {
  font-size: 14px;
}

.swiper-objectes .swiper-pagination {
  bottom: 0px !important;
}
.swiper-objectes .swiper-pagination-bullet {
  background: white !important;
}
.swiper-objectes .swiper-button-prev::after,
.swiper-objectes .swiper-button-next::after {
  content: "" !important;
}
.swiper-objectes .swiper-navigation-icon {
  border: 1px solid white;
  padding: 10px;
  border-radius: 50%;
}

.swiper-objectes .swiper-navigation-icon path {
  fill: white !important;
}