.u-section-1 {
  min-height: 140px;
}

.u-section-1 .u-image-1 {
  height: 69px;
  margin-top: 22px;
  margin-bottom: 0;
}

.u-section-1 .u-text-1 {
  margin: -74px auto 44px;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-1 {
    margin-left: calc(((100% - 940px) / 2)  + 284px);
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    margin-left: calc(((100% - 720px) / 2)  + 218px);
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-text-1 {
    margin-left: calc(((100% - 540px) / 2)  + 164px);
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    min-height: 40px;
  }

  .u-section-1 .u-image-1 {
    height: 40px;
    margin-top: 0;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: -40px;
    margin-left: auto;
    margin-bottom: 0;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 1081px;
}

.u-section-2 .u-gallery-1 {
  height: 1108px;
  margin-top: 0;
  margin-bottom: -27px;
  grid-gap: 17px;
}

.u-section-2 .u-gallery-filter-1 {
  --filter-spacing: 50px;
  --filter-padding-vertical: 4px;
  --filter-padding-horizontal: 37px;
  --filter-hover-color: #71705c;
  --filter-active-color: #212823;
  --filter-text-default-color: #71705c;
  --filter-text-hover-color: #ffffff;
  --filter-text-active-color: #ffffff;
  --filter-border-radius: 0px;
  font-weight: 700;
  font-size: 1.875rem;
  letter-spacing: 7px;
}

.u-section-2 .u-gallery-inner-1 {
  grid-template-columns: repeat(3, auto);
  grid-gap: 17px;
}

.u-section-2 .u-gallery-item-1 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-back-image-1 {
  object-position: 50.79% 50%;
}

.u-section-2 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-2 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-3 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-4 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-5 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-6 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-6 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-7 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-7 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-8 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-8 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

.u-section-2 .u-gallery-item-9 {
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
}

.u-section-2 .u-over-slide-9 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 100px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 887px;
  }

  .u-section-2 .u-gallery-1 {
    height: 914px;
  }

  .u-section-2 .u-gallery-filter-1 {
    --filter-default-color: var(--custom-color-4);
    --filter-border-width: 0px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1748px;
  }

  .u-section-2 .u-gallery-1 {
    height: 1775px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 4829px;
  }

  .u-section-2 .u-gallery-1 {
    height: 4856px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(1, auto);
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 3101px;
  }

  .u-section-2 .u-gallery-1 {
    height: 3108px;
    margin-top: 20px;
  }

  .u-section-2 .u-gallery-filter-1 {
    --filter-padding-vertical: 1px;
  }
} .u-section-3 {
  min-height: 285px;
}

.u-section-3 .u-icon-1 {
  width: 55px;
  height: 56px;
  margin: 94px auto 0 753px;
  padding: 0;
}

.u-section-3 .u-icon-2 {
  width: 64px;
  height: 58px;
  margin: -55px auto 0 605px;
}

.u-section-3 .u-icon-3 {
  width: 64px;
  height: 60px;
  margin: -58px auto 0 679px;
}

.u-section-3 .u-icon-4 {
  width: 64px;
  height: 58px;
  margin: -57px auto 0 531px;
}

.u-section-3 .u-image-1 {
  height: 69px;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-icon-1 {
    margin-left: calc(((100% - 940px) / 2)  + 444px);
  }

  .u-section-3 .u-icon-2 {
    margin-left: 156px;
  }

  .u-section-3 .u-icon-3 {
    margin-left: calc(((100% - 940px) / 2)  + 395px);
  }

  .u-section-3 .u-icon-4 {
    margin-left: 82px;
  }
}

@media (max-width: 991px) {
   .u-section-3 {
    min-height: 361px;
  }

  .u-section-3 .u-icon-1 {
    margin-right: calc(((100% - 720px) / 2)  + 298px);
    margin-left: 475px;
  }

  .u-section-3 .u-icon-3 {
    margin-left: calc(((100% - 720px) / 2)  + 303px);
  }

  .u-section-3 .u-image-1 {
    margin-top: 108px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-icon-1 {
    margin-right: calc(((100% - 540px) / 2) + 224px);
    margin-left: calc(((100% - 540px) / 2)  + 255px);
  }

  .u-section-3 .u-icon-3 {
    margin-top: 18px;
    margin-left: calc(((100% - 540px) / 2)  + 227px);
  }
}

@media (max-width: 575px) {
   .u-section-3 {
    min-height: 222px;
  }

  .u-section-3 .u-icon-1 {
    margin-top: 59px;
    margin-right: auto;
    margin-left: 304px;
  }

  .u-section-3 .u-icon-3 {
    margin-top: -62px;
    margin-left: 230px;
  }

  .u-section-3 .u-image-1 {
    margin-bottom: 13px;
    margin-top: 26px;
  }
}/* General styling for gallery items */
.u-gallery-item {
  position: relative;
  overflow: hidden;
  width: 100%; /* Ensures the gallery item spans the container */
  height: auto; /* Maintain aspect ratio */
}
/* Ensure images retain their size and position */
.u-back-slide img.u-back-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container */
  filter: grayscale(100%); /* Make the image grayscale */
  transition: filter 0.3s ease; /* Smooth transition for hover effect */
}
/* Overlay styling (visible by default) */
.u-over-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 9, 20, 0.66); /* Base color with transparency */
  opacity: 1; /* Visible by default */
  z-index: 1;
  transition: opacity 0.3s ease; /* Smooth fade-out transition */
}
/* Text styling (visible by default) */
.u-gallery-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  z-index: 2; /* Above overlay */
  opacity: 1; /* Text visible by default */
  transition: opacity 0.3s ease; /* Smooth fade-in/out transition */
}
/* Hover effects */
.u-gallery-item:hover img.u-back-image {
  filter: grayscale(0%); /* Remove grayscale on hover */
}
.u-gallery-item:hover .u-over-slide {
  opacity: 0; /* Hide overlay on hover */
}
.u-gallery-item:hover .u-gallery-heading {
  opacity: 1; /* Text remains visible on hover */
} 

/* ============================
   OVERRIDES PROYECTOS (todas las pestañas)
   ============================ */

/* 1) El contenedor dinámico de tarjetas SIEMPRE en grilla fija */
#properties-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas desktop */
  gap: 24px; /* separaciones uniformes */
}

/* Tablet */
@media (max-width: 991px) {
  #properties-container { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile */
@media (max-width: 575px) {
  #properties-container { grid-template-columns: 1fr; }
}

/* 2) Evitar márgenes que rompen el grid */
#properties-container .u-gallery-item { margin: 0 !important; }

/* 3) Todas las miniaturas con el MISMO alto (ajustá 16/9 si querés 4/3 o 1/1) */
#properties-container .u-back-slide {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;      /* relación fija para TODAS las miniaturas */
  overflow: hidden;
  border-radius: 4px;
}

/* 4) Imagen recortada sin deformar */
#properties-container img.u-back-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* 5) Overlay/título homogéneo */
#properties-container .u-over-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 14px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.45) 100%);
}

#properties-container .u-gallery-heading {
  margin: 0;
  color: #fff;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.05rem;
}

/* 6) Quitar alturas fijas que trae Nicepage para esta página */
.u-section-2 .u-gallery-1 { height: auto !important; }
.u-section-2 .u-sheet-1   { min-height: auto !important; }