/* LAXI Inmobiliaria — Galería Fase 3D */
.laxi-property-gallery{width:100%}
.laxi-gallery-main{position:relative;background:#eef0f2;border-radius:14px;overflow:hidden}
.laxi-gallery-slide{display:none;width:100%;height:500px;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in;align-items:center;justify-content:center}
.laxi-gallery-slide.is-active{display:flex}
.laxi-gallery-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.laxi-gallery-nav,.laxi-lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border:1px solid rgba(255,255,255,.7);
  border-radius:50%;background:rgba(18,24,30,.55);color:#fff;
  font-size:31px;line-height:35px;cursor:pointer;z-index:3;
  backdrop-filter:blur(5px);
}
.laxi-gallery-prev{left:16px}.laxi-gallery-next{right:16px}
.laxi-gallery-counter{
  position:absolute;right:16px;bottom:16px;padding:7px 10px;
  border-radius:7px;background:rgba(18,24,30,.65);color:#fff;
  font-size:11px;z-index:3
}
.laxi-gallery-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;padding-bottom:2px}
.laxi-gallery-thumb{flex:0 0 82px;width:82px;height:64px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#eee;cursor:pointer}
.laxi-gallery-thumb.is-active{border-color:#171d23}
.laxi-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}

/* Lightbox */
.laxi-lightbox{
  position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;
  padding:55px 75px;background:rgba(8,11,14,.94)
}
.laxi-lightbox.is-open{display:flex}
.laxi-lightbox img{max-width:calc(100vw - 150px);max-height:calc(100vh - 110px);object-fit:contain}
.laxi-lightbox-close{
  position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;
  background:transparent;color:#fff;font-size:39px;cursor:pointer
}
.laxi-lightbox-nav{position:fixed}
.laxi-lightbox-prev{left:20px}.laxi-lightbox-next{right:20px}
body.laxi-lightbox-open{overflow:hidden}

@media(max-width:700px){
  .laxi-gallery-slide{height:58vw;min-height:230px;max-height:430px}
  .laxi-gallery-slide img{height:100%;min-height:0;max-height:none}
  .laxi-gallery-nav{width:38px;height:38px;font-size:27px;line-height:30px}
  .laxi-gallery-prev{left:9px}.laxi-gallery-next{right:9px}
  .laxi-gallery-counter{right:10px;bottom:10px}
  .laxi-gallery-thumb{flex-basis:70px;width:70px;height:54px}
  .laxi-lightbox{padding:50px 42px}
  .laxi-lightbox img{max-width:calc(100vw - 84px);max-height:calc(100vh - 100px)}
  .laxi-lightbox-nav{width:38px;height:38px;font-size:27px}
  .laxi-lightbox-prev{left:5px}.laxi-lightbox-next{right:5px}
}

/* Fase 3D.1: galería integrada directamente en la ficha individual. */

/* Fase 3E.1 — mapa de ubicación */
.laxi-map-card{
  margin-top:26px;
  background:#fff;
  border:1px solid #e6e9ec;
  border-radius:16px;
  padding:30px;
}
.laxi-map-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:18px;
}
.laxi-map-eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#68727d;
}
.laxi-map-card h2{margin:5px 0 0;font-size:24px}
.laxi-map-address{color:#69737d;font-size:14px}
.laxi-property-map{
  width:100%;
  height:390px;
  border-radius:12px;
  overflow:hidden;
  background:#eef0f2;
}
.laxi-map-footer{margin-top:12px}
.laxi-map-footer a{
  color:#26303a;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.laxi-map-footer a:hover{text-decoration:underline}
@media(max-width:620px){
  .laxi-map-card{padding:22px 18px}
  .laxi-map-heading{align-items:start;flex-direction:column}
  .laxi-property-map{height:300px}
}

/* Fase 3E.2 — descripción y ubicación en dos columnas */
.laxi-detail-lower{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);
  gap:22px;
  margin-top:26px;
  align-items:stretch;
}
.laxi-detail-lower .laxi-description,
.laxi-detail-lower .laxi-map-card{
  margin-top:0;
  height:100%;
  box-sizing:border-box;
}
.laxi-detail-lower .laxi-map-card{
  display:flex;
  flex-direction:column;
}
.laxi-detail-lower .laxi-map-heading{
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
}
.laxi-property-map{
  width:100%;
  height:360px;
  border-radius:12px;
  overflow:hidden;
  background:#eef0f2;
}
.laxi-property-map iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
@media(max-width:900px){
  .laxi-detail-lower{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .laxi-property-map{height:300px}
}

/* Fase 3E.3 — aprovechar toda la altura/ancho de la columna de descripción */
.laxi-detail-lower .laxi-description{
  width:100%;
  min-height:360px;
  box-sizing:border-box;
}
.laxi-detail-lower .laxi-description .laxi-description-content{
  width:100%;
  max-width:none;
}
@media(max-width:900px){
  .laxi-detail-lower .laxi-description{min-height:0}
}

/* Miniaturas reales de la galería */
.laxi-thumb{
  overflow:hidden;
  padding:0;
  position:relative;
}
.laxi-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  margin:0;
}

/* Fase 3E.4 — miniaturas: usar imagen real y ocupar toda la celda */
.laxi-gallery-thumbs .laxi-gallery-thumb{
  flex:0 0 110px;
  width:110px;
  height:78px;
  display:block;
  background:#eef0f2;
  border:2px solid transparent;
  padding:0;
  line-height:0;
}
.laxi-gallery-thumbs .laxi-gallery-thumb img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0;
  min-height:0;
  object-fit:cover;
  opacity:1 !important;
  visibility:visible !important;
}
.laxi-gallery-thumbs .laxi-gallery-thumb.is-active{
  border-color:#171d23;
}
.laxi-detail-lower{
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
}
.laxi-detail-lower > .laxi-description,
.laxi-detail-lower > .laxi-map-card{
  min-width:0;
}
.laxi-detail-lower > .laxi-description{
  min-height:360px;
}
@media(max-width:900px){
  .laxi-detail-lower{grid-template-columns:1fr}
  .laxi-detail-lower > .laxi-description{min-height:0}
}
@media(max-width:620px){
  .laxi-gallery-thumbs .laxi-gallery-thumb{
    flex-basis:80px;
    width:80px;
    height:60px;
  }
}

/* Fase 4.2.7 — Compartir propiedad + descripción */
.laxi-share-property{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 0 18px;
  margin:0 0 22px;
  border-bottom:1px solid #e6e9ec;
}
.laxi-share-title{
  font-size:16px;
  font-weight:700;
  color:#17202a;
}
.laxi-share-buttons{display:flex;align-items:center;gap:12px}
.laxi-share-button{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d9dfe4;
  border-radius:50%;
  background:#fff;
  color:#17202a;
  text-decoration:none;
  padding:0;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;
}
.laxi-share-button:hover{transform:translateY(-1px);background:#f5f7f8;border-color:#bfc8cf}
.laxi-share-button svg{width:21px;height:21px;display:block;fill:currentColor;stroke:currentColor;stroke-width:0}
.laxi-share-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}
.laxi-share-copy svg{fill:none;stroke:currentColor;stroke-width:1.8}
.laxi-share-facebook:hover{color:#1877f2}
.laxi-share-instagram:hover{color:#c13584}
.laxi-share-whatsapp:hover{color:#1f7a45}
.laxi-share-copy:hover{color:#174f86}
.laxi-description h2{
  font-size:24px !important;
  font-weight:800 !important;
  color:#17202a;
  margin:0 0 14px !important;
}
.laxi-description-content{
  font-size:16px !important;
  line-height:1.65 !important;
  color:#5b6570;
}
.laxi-description-content p{font-size:16px !important;line-height:1.65 !important;margin:0 0 15px}
@media(max-width:620px){
  .laxi-share-property{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:15px;margin-bottom:18px}
  .laxi-share-title{font-size:15px}
  .laxi-share-button{width:42px;height:42px}
  .laxi-share-button svg{width:20px;height:20px}
  .laxi-description h2{font-size:22px !important}
  .laxi-description-content,.laxi-description-content p{font-size:15px !important}
}

/* Fase 4.2.10 — seguridad de tamaño de iconos compartir en móviles */
.laxi-property-page .laxi-share-buttons .laxi-share-button{
  flex:0 0 44px;
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
.laxi-property-page .laxi-share-buttons .laxi-share-button svg{
  width:21px !important;
  height:21px !important;
  min-width:21px !important;
  min-height:21px !important;
  max-width:21px !important;
  max-height:21px !important;
  display:block !important;
  box-sizing:border-box !important;
}
@media(max-width:620px){
  .laxi-property-page .laxi-share-buttons .laxi-share-button{
    flex-basis:42px;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
  .laxi-property-page .laxi-share-buttons .laxi-share-button svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
  }
}