/* GRID */

.page-index .grid,
.page-pintura .grid {
  display: grid;

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

  gap: 24px;

  margin-top: 120px;
}

/* ITEM */

.page-index .item,
.page-pintura .item {
  display: block;
}

/* THUMB */

.page-index .thumb,
.page-pintura .thumb {
  aspect-ratio: 1 / 1;

  overflow: hidden;
}

/* IMAGE */

.page-index .thumb img,
.page-pintura .thumb img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  display: block;

  transform: scale(1.05);

  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

/* HOVER */

.page-index .item:hover img,
.page-pintura .item:hover img {
  transform: scale(1.1);

}

.page-index .item:hover .meta,
.page-pintura .item:hover .meta {
  color: var(--hover);
}

/* META */

.page-index .meta,
.page-pintura .meta {
  display: block;

  margin-top: 8px;

  font-size: 12px;
  color: #999;
}

/* RESPONSIVO */

@media (max-width: 768px) {

  .page-index .grid,
  .page-pintura .grid {

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

    gap: 16px;

    margin-top: 0;
  }

}

.page-index .grid,
.page-pintura .grid {
  width: 100%;
}