/* grid tipo “Instalaciones” */
.moodboard {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  width: 100%;
}

/* formato uniforme responsive */
.moodboard .item {
  cursor: pointer;
  position: relative;
  aspect-ratio: 4/5; /* cambia a 3/4 — 1/1 — 9/16 si quieres otro formato */
  border-radius: 14px;
  overflow: hidden;
}

/* imágenes reales */
.moodboard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.premium-placeholder {
  width: 100%;
  height: 100%;
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111;
}

.premium-banner {
  position:absolute;
  bottom:0;
  left:0;right:0;
  padding:6px;
  font-size:.8rem;
  background:rgba(0,0,0,.55);
  text-align:center;
  color:white;
}

.moodboard .item.premium .premium-hover-cta {
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:.3s;
  text-align:center;color:#fff;
}
.moodboard .item.premium:hover .premium-hover-cta {opacity:1;}