/* Contenedor general */
.mt-inspiracion {
  padding: 100px 5%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #fff;
}
.mt-header { text-align:center; max-width:700px; margin:0 auto 80px; }
.mt-header h2 { font-size: clamp(2.5rem, 5vw, 4rem); margin:0 0 20px; }
.mt-header p  { font-size: 1.2rem; line-height: 1.7; color: rgba(255,255,255,.85); }

/* Grid con variables controladas desde Elementor */
.mt-moodboard{
  display: grid;
  grid-template-columns: repeat(var(--cols, 8), 1fr);
  grid-template-rows: repeat(var(--rows, 8), var(--row-h, 5vw));
  gap: var(--gap, 15px);
}

/* Items */
.mt-moodboard .mood-item{
  position: relative;
  overflow: hidden;
  min-height: 20px;
}
.mt-media{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: transform .5s ease, filter .5s ease;
  display:block;
}
.mood-item:hover .mt-media{
  transform: scale(calc(1 + var(--hover-scale, 5) / 100));
  filter: brightness(calc(1 + var(--hover-bright, 10) / 100));
}

/* Texto */
.mt-text-wrap{ display:flex; align-items:center; justify-content:center; background:#0f343b; }
.mt-item-text{ font-family: "Playfair Display", serif; font-size: clamp(2rem, 5vw, 3rem); color:#c99e7a; }

/* Círculo */
.mt-circle .mt-media,
.mt-circle > .mt-text-wrap { border-radius: 50%; }
.mt-circle { border-radius: 50%; }

/* Lightbox */
.mt-lightbox-overlay{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.8);
  display:none; align-items: center; justify-content: center;
  z-index: 999999;
  padding: 4vw;
}
.mt-lightbox-content{ max-width: 90vw; max-height: 85vh; }
.mt-lightbox-content img,
.mt-lightbox-content video,
.mt-lightbox-content iframe{ max-width: 100%; max-height: 85vh; display:block; }
.mt-lightbox-close{
  position:absolute; top:16px; right:20px; font-size:28px;
  color:#fff; cursor:pointer; line-height:1;
}

/* Responsive afinado */
@media (max-width: 1024px){
  .mt-inspiracion{ padding: 80px 4%; }
}
@media (max-width: 767px){
  .mt-inspiracion{ padding: 60px 3%; }
  .mt-header p{ font-size: 1rem; }
}