/* Cards */
.prop-card .uk-card { transition: transform .2s ease; }
.prop-card .uk-card:hover { transform: translateY(-3px); }

/* Imagen recortada a ratio 3:2 (ya apoyado por <canvas>) */
.prop-card .uk-cover-container { background: #f7f7f7; }

/* Etiquetas arriba de la imagen */
.prop-card .uk-label { box-shadow: 0 2px 6px rgba(0,0,0,.08); }

/* Paginação Joomla dentro de contenedor */
.uk-pagination-wrapper .pagination { display: inline-block; }

/* Chips en alerta de filtros */
.uk-alert-primary .uk-label { margin-bottom: 4px; }

/* fill de amarillo de los iconos con dicha clase*/
.relleno-amarillo svg path,
.relleno-amarillo svg polygon,
.relleno-amarillo svg rect,
.relleno-amarillo svg circle,
.relleno-amarillo svg polyline,
.relleno-amarillo svg line {
  fill: #FFE51E !important;   /* relleno amarillo */
  stroke: none !important;     /* sin contorno */
}






/* === Filtro Avanzado visual y responsive (1–2 ≥m / 1–1 móvil) === */
.mod-filtro-avanzado { border-radius: 10px; }
.mod-filtro-avanzado .uk-form-label { font-weight: 600; }

.fa-section {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
}
.fa-section--head { border-left: 3px solid #1e87f0; }
.fa-section--tail { border-left: 3px solid rgba(0,0,0,.06); }

.fa-section__title {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 8px;
}
.fa-section__title [uk-icon] { opacity: .75; }
.fa-section__title h5 { margin: 0; font-size: 14px; letter-spacing: .2px; text-transform: uppercase; }

/* Grupos con transición suave */
.fa-section--grupo { 
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height 260ms ease, opacity 260ms ease, transform 260ms ease, margin 260ms ease;
  margin: 0;
  border-left: 3px solid #e5e5e5;
}
.fa-section--grupo.is-visible {
  max-height: 1600px;
  opacity: 1;
  transform: translateY(0);
  margin: 12px 0;
}

/* Range precio */
.fa-range { padding-top: 4px; }
.fa-range__input {
  width: 100%;
  -webkit-appearance: none; appearance: none;
  background: transparent;
}
.fa-range__input:focus { outline: none; }
.fa-range__input::-webkit-slider-runnable-track { height: 6px; background: #e6e6e6; border-radius: 9999px; }
.fa-range__input::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 18px; height: 18px; border-radius: 50%;
  background: #1e87f0; margin-top: -6px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.fa-range__input::-moz-range-track { height: 6px; background: #e6e6e6; border-radius: 9999px; }
.fa-range__input::-moz-range-thumb {
  width: 18px; height: 18px; border-radius: 50%;
  background: #1e87f0; box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.fa-range__legend {
  display: flex; justify-content: space-between; font-size: 12px; margin-top: 6px;
  color: #666;
}

/* Pills de equipamiento */
.fa-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.fa-pill { position: relative; display: inline-flex; align-items: center; }
.fa-pill input { position: absolute; opacity: 0; pointer-events: none; }
.fa-pill span {
  display: inline-block; padding: 6px 10px; border-radius: 9999px;
  border: 1px solid rgba(0,0,0,.15);
  background: #fafafa;
  font-size: 12px; line-height: 1; cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.fa-pill input:checked + span {
  background: #1e87f0; color: #fff; border-color: #1e87f0;
  box-shadow: 0 1px 4px rgba(30,135,240,.25);
}

/* Compactación móvil */
@media (max-width: 959px) { /* < m */
  .mod-filtro-avanzado .uk-card-body { padding: 12px; }
  .fa-section { padding: 10px; margin-bottom: 10px; }
  .fa-section__title h5 { font-size: 13px; }
  .fa-pill span { padding: 6px 9px; font-size: 12px; }
}

/* Inputs con esquinas suavizadas */
.mod-filtro-avanzado .uk-input,
.mod-filtro-avanzado .uk-select { border-radius: 8px; }


/* Píldoras de equipamiento */
.filtro-avanzado .fa-pills { display:flex; flex-wrap:wrap; gap:6px; }
.filtro-avanzado .fa-pill { display:inline-flex; }
.filtro-avanzado .fa-pill input { position:absolute; left:-9999px; }
.filtro-avanzado .fa-pill span {
  display:inline-block; padding:6px 10px; border:1px solid #e5e5e5; border-radius:6px;
  background:#fff; cursor:pointer; line-height:1.2;
}
.filtro-avanzado .fa-pill input:checked + span {
  background:#1e87f0; color:#fff; border-color:#1e87f0;
}

/* Transición de bloques (vivienda / hotel / suelo) */
.fa-section--grupo { overflow:hidden; opacity:0; transform:translateY(-4px); transition:opacity .22s ease, transform .22s ease; }
.fa-section--grupo.is-visible { opacity:1; transform:translateY(0); }