/* =========================================================
   VALENZUELA PROPIEDADES V33 — GALERÍA DETALLE + FANCYBOX
   ========================================================= */

/* Solo las primeras 5 fotos forman el mosaico visible. */
body[data-page="detalle"] .property-gallery-grid{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr!important;
  grid-template-rows:228px 228px!important;
  gap:8px!important;
  min-height:464px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#eef2f5!important;
}

body[data-page="detalle"] .property-gallery-grid .gallery-main{
  grid-column:1!important;
  grid-row:1 / 3!important;
}

body[data-page="detalle"] .property-gallery-grid .gallery-thumb{
  min-width:0!important;
  min-height:0!important;
}

body[data-page="detalle"] .property-gallery-grid > a:nth-child(2){grid-column:2!important;grid-row:1!important}
body[data-page="detalle"] .property-gallery-grid > a:nth-child(3){grid-column:3!important;grid-row:1!important}
body[data-page="detalle"] .property-gallery-grid > a:nth-child(4){grid-column:2!important;grid-row:2!important}
body[data-page="detalle"] .property-gallery-grid > a:nth-child(5){grid-column:3!important;grid-row:2!important}

body[data-page="detalle"] .property-gallery-grid > a{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
  background:#e7ebef!important;
}

body[data-page="detalle"] .property-gallery-grid img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .38s ease,filter .38s ease!important;
}

body[data-page="detalle"] .property-gallery-grid > a:hover img{
  transform:scale(1.025)!important;
  filter:saturate(1.04)!important;
}

/* Chip igual a la referencia, abajo a la derecha. */
body[data-page="detalle"] .gallery-expand,
body[data-page="detalle"] .gallery-count{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:rgba(255,255,255,.96)!important;
  color:#172033!important;
  border:1px solid rgba(255,255,255,.78)!important;
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(20,31,47,.14)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}

body[data-page="detalle"] .gallery-expand{
  right:14px!important;
  bottom:14px!important;
}
body[data-page="detalle"] .gallery-count{
  right:14px!important;
  bottom:14px!important;
}


body[data-page="detalle"] .gallery-count-responsive{
  display:none!important;
}

/* Las fotos 6+ existen únicamente para Fancybox. */
body[data-page="detalle"] .gallery-fancybox-hidden{
  display:none!important;
}

/* Si hay menos de 5 imágenes, llenar el espacio elegantemente. */
body[data-page="detalle"] .gallery-visible-1{
  grid-template-columns:1fr!important;
  grid-template-rows:464px!important;
}
body[data-page="detalle"] .gallery-visible-1 .gallery-main{
  grid-column:1!important;
  grid-row:1!important;
}
body[data-page="detalle"] .gallery-visible-2{
  grid-template-columns:2fr 1fr!important;
  grid-template-rows:464px!important;
}
body[data-page="detalle"] .gallery-visible-2 .gallery-main{grid-column:1!important;grid-row:1!important}
body[data-page="detalle"] .gallery-visible-2 > a:nth-child(2){grid-column:2!important;grid-row:1!important}
body[data-page="detalle"] .gallery-visible-3{
  grid-template-columns:2fr 1fr!important;
  grid-template-rows:228px 228px!important;
}
body[data-page="detalle"] .gallery-visible-3 > a:nth-child(2){grid-column:2!important;grid-row:1!important}
body[data-page="detalle"] .gallery-visible-3 > a:nth-child(3){grid-column:2!important;grid-row:2!important}
body[data-page="detalle"] .gallery-visible-4{
  grid-template-columns:2fr 1fr 1fr!important;
  grid-template-rows:228px 228px!important;
}
body[data-page="detalle"] .gallery-visible-4 > a:nth-child(2){grid-column:2!important;grid-row:1!important}
body[data-page="detalle"] .gallery-visible-4 > a:nth-child(3){grid-column:3!important;grid-row:1!important}
body[data-page="detalle"] .gallery-visible-4 > a:nth-child(4){grid-column:2 / 4!important;grid-row:2!important}

/* Fancybox: fondo oscuro y controles limpios. */
.fancybox__container{
  --fancybox-bg:rgba(9,12,17,.96)!important;
}
.fancybox__toolbar,.fancybox__nav{font-family:'Manrope',system-ui,sans-serif!important}

@media(max-width:991.98px){
  body[data-page="detalle"] .property-gallery-grid{
    grid-template-columns:1.55fr 1fr!important;
    grid-template-rows:200px 200px!important;
    min-height:408px!important;
  }
  body[data-page="detalle"] .property-gallery-grid .gallery-main{grid-column:1!important;grid-row:1/3!important}
  body[data-page="detalle"] .property-gallery-grid > a:nth-child(2){grid-column:2!important;grid-row:1!important}
  body[data-page="detalle"] .property-gallery-grid > a:nth-child(3){grid-column:2!important;grid-row:2!important}
  body[data-page="detalle"] .property-gallery-grid > a:nth-child(4),
  body[data-page="detalle"] .property-gallery-grid > a:nth-child(5){display:none!important}
  body[data-page="detalle"] .gallery-count-responsive{display:inline-flex!important}
  body[data-page="detalle"] .property-gallery-grid > a:nth-child(5) .gallery-count{display:none!important}
}

@media(max-width:767.98px){
  body[data-page="detalle"] .detail-gallery-section{padding-left:12px!important;padding-right:12px!important}
  body[data-page="detalle"] .property-gallery-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:330px!important;
    min-height:330px!important;
    border-radius:15px!important;
  }
  body[data-page="detalle"] .property-gallery-grid .gallery-main{
    grid-column:1!important;grid-row:1!important;display:block!important;
  }
  body[data-page="detalle"] .property-gallery-grid .gallery-thumb{display:none!important}
  body[data-page="detalle"] .gallery-expand{display:none!important}
  body[data-page="detalle"] .gallery-count-responsive{
    display:inline-flex!important;
    right:12px!important;
    bottom:12px!important;
  }
}