/* Superposición del bloque blanco sobre la imagen */
.gallery-contenuto {
  position: relative;
  align-items: center;


}

.gallery-contenuto .btn-scopri:hover {
    transform: translateY(-2px);
}

.gallery-contenuto .info-box {
  position: relative;
  z-index: 2;
  margin-left: -70px; /* Hace que se meta encima de la foto */
}

.gallery-contenuto .about-text {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.gallery-contenuto .gallery-item a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.gallery-contenuto picture,
.gallery-contenuto img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* recorta sin deformar */
  display: block;
  transition: transform 0.3s ease;
}

.gallery-contenuto a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-contenuto a:hover img {
  transform: scale(1.05);
}



/* Responsive: en pantallas pequeñas, quitamos la superposición */
@media (max-width: 991px) {
  .gallery-contenuto .info-box {
    margin-left: 0;
    margin-top: -80px;
  }
}