/* Inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");

/* ===== CARD ===== */
.property-card-custom{
  background:#001756;
  color:#fff;
  border-radius:0;
  margin-bottom: 20px!important;
  display:flex;
  flex-direction:column;               /* Imagen arriba, luego contenido */
  height:100%;
  transition:transform .3s ease, box-shadow .3s ease;
}
.property-card-custom:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  transform:translateY(-5px);
}

/* ===== IMAGEN (siempre ancho completo, contain y pegada arriba) ===== */
.property-card__thumb{
    position: inherit; 
	background:#00113e;                 /* color de fondo de la “cartulina” */
  overflow:hidden;
}
.property-card__thumb::before{
  /* fija una altura visual coherente en grid/carrusel; 
     ajusta el ratio a tu gusto */
  content:"";
  display:block;
  padding-top:56.25%;                  /* 16:9  → cambia a 66.66% si prefieres 3:2 */
}
.property-card__thumb img{
  position:absolute;
  top:0; left:0;                       /* alineada arriba */
  width:100%;
  height:100%;
  object-fit: cover;        /* ⬅️ clave para que llene el ancho/alto */
  object-position: center;  /* centrada; puedes cambiar a top center */
  display:block;
  border-radius:0;
}

/* Badges (único redondeado) */
.property-card__badges{
  position:absolute; top:12px; left:12px;
  display:flex; gap:10px;
  z-index:2;
}
.property-card__badges .badge{
  background:#001756; color:#fff;
  padding:6px 18px;
  border-radius:30px;
  font:600 13px/1 'Inter',sans-serif;
}

/* ===== CONTENIDO ===== */
.property-card__content{
  display:flex;
  flex-direction:column;               /* título > texto > features > botón */
  gap:12px;
  padding:18px 20px 20px;
  flex:1;
}

.property-card__title a{
  font:700 22px/1.3 'Inter',sans-serif;
  color:#fff; text-decoration:none;
  display:block;
}
.property-card__title a:hover{ text-decoration:underline; color: #fff}

.property-card__excerpt{
  font:400 16px/1.45 'Inter',sans-serif;
  color:#fff;
  margin:0;
	  white-space: normal;          /* permite saltos de línea */
  overflow-wrap: anywhere;      /* parte palabras muuuy largas */
  word-break: break-word;       /* respaldo para navegadores antiguos */
}

.description-loga{
  white-space: normal;          /* permite saltos de línea */
  overflow-wrap: break-word ;      /* parte palabras muuuy largas */
  word-break: break-word;       /* respaldo para navegadores antiguos */
}

/* ===== FEATURES (m², hab, baños) ===== */
.property-features{
  display:flex; flex-wrap:wrap;
  gap:14px 18px;                       /* filas/columnas compactas */
  list-style:none; margin:6px 0 6px; padding:0;
  font:400 14px/1.2 'Inter',sans-serif;
  align-items:center;
}
.property-features li{ display:flex; align-items:center; gap:6px; }
.property-features .icon{ width:18px; height:18px; display:inline-block; }

/* ===== CTA ===== */
.property-card__cta{ margin-top:auto; align-self: end;}
.btn-more{
  display:inline-block;
  font:700 16px/1 'Inter',sans-serif;
  padding:10px 20px;
  background:#fff; color:#001756;
  border:1px solid #fff;
  border-radius:0;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.btn-more:hover{
  background:#001756; color:#fff; border-color:#fff;
}

/* Separación entre cards en grid/carrusel */
.directorist-col-4, .item-columns{ margin:20px 0; }

/* ===== RESPONSIVE ===== */
@media (max-width: 992px){
  .property-card__thumb::before{ padding-top:62.5%; } /* un poco más alto en tablet */
  .property-card__title a{ font-size:20px; }
}
@media (max-width: 768px){
  .property-card__thumb::before{ padding-top:66.66%; } /* 3:2 en móvil */
  .property-card__title a{ font-size:18px; }
  .property-card__excerpt{ font-size:14px; }
  .property-features{ font-size:12px; gap:10px 14px; }
  .property-features .icon{ width:14px; height:14px; }
  .btn-more{ font-size:14px; padding:8px 18px; }
  .directorist-col-4, .item-columns{ margin:15px 0; }
}

/* ===== Ajustes de página single que añadiste ===== */
.property-single__sidebar{ display:none !important; }
.property-single__container{ max-width:1920px !important; width:100% !important; }
.property-single__main-content{ width:80% !important; margin:0 auto !important; float:none !important; }

/* ===== Si usas Swiper para un carrusel de imagen grande aparte ===== */
.imagen-directorist-loga .swiper-slide,
.elementor-element-e894d8d{
  height:600px !important; width:100% !important;
}
.imagen-directorist-loga .swiper-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;                  /* aquí también “contain” */
  object-position:top center;
}

.directorist-col-6{
	margin-bottom: 20px!important;
	margin-top: 20px!important;
}


/* === FIXES de markup sucio en thumb === */
.property-card__thumb{
  position: relative !important;   /* contenedor de posicionamiento */
  background:#00113e;
  overflow:hidden;
}

/* Ratio visual del frame (ajusta si quieres) */
.property-card__thumb::before{
  content:"";
  display:block;
  padding-top:66.66%;              /* 3:2 */
}

/* El enlace y el wrapper interno llenan el frame */
.property-card__thumb > a,
.property-card__thumb > .directorist-thumnail-card{
  position:absolute !important;
  inset:0 !important;              /* top/right/bottom/left:0 */
  display:block !important;
}

/* Imagen siempre a sangre */
.property-card__thumb img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:0 !important;
}

/* Neutraliza <p> espurios dentro del thumb (wpautop/constructores) */
.property-card__thumb p{
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

/* === Badges firmes en esquina sup-izda === */
.property-card__badges{
  position:absolute !important;
  top:12px; left:12px;
  display:flex; gap:10px;
  z-index:3;                         /* por encima de la imagen */
  align-items:center;
}
.property-card__badges .badge{
  background:#001756; color:#fff;
  padding:6px 18px;
  border-radius:30px;
  font:600 13px/1 'Inter',sans-serif;
  display:inline-flex; align-items:center; /* centra verticalmente */
}
/* Quita <br> que rompen el flujo de badges */
.property-card__badges br{ display:none !important; }

/* === Features: icono + texto perfectamente alineados === */
.property-features{
  display:flex; flex-wrap:wrap;
  gap:14px 18px; list-style:none; margin:6px 0; padding:0;
  font:400 14px/1.2 'Inter',sans-serif;
  align-items:center;
}
.property-features li{
  display:inline-flex;               /* evita saltos raros con <br> */
  align-items:center; gap:6px;
}
.property-features .icon{
  width:18px; height:18px;
  display:inline-block;
  flex:0 0 auto;
  vertical-align:middle;             /* por si el contexto queda inline */
}
/* Mata <br> colados dentro de cada li */
.property-features li br{ display:none !important; }

/* CTA al borde inferior pero sin saltos de línea inesperados */
.property-card__cta{
  margin-top:auto;
}
.property-card__cta br{ display:none !important; }

/* Hover/Focus consistente por si hay wrappers extra del plugin */
.property-card-custom:hover .property-card__thumb img{
  transform:none !important;         /* evita efectos ajenos */
}

/* Responsivo (opcional ajustar ratio) */
@media (max-width: 992px){
  .property-card__thumb::before{ padding-top:62.5%; }
}
@media (max-width: 768px){
  .property-card__thumb::before{ padding-top:66.66%; }
  .property-features .icon{ width:14px; height:14px; }
}
/* 1) Mata los <p> sueltos que WP/constructor inyecta como hijos directos */
.property-card-custom > p{
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  display:block !important; /* evita colapsos raros de layout */
}

/* 2) El <p> que a veces aparece dentro del <a> del thumb */
.property-card__thumb > a > p{ display:none !important; }

/* 3) Mantén el thumb como contenedor de posicionamiento
      (si cambiastes a inherit, vuelve a relativo) */
.property-card__thumb{
  position: relative !important;
}

/* 4) Asegura fill absoluto del wrapper y la imagen */
.property-card__thumb > a,
.property-card__thumb > .directorist-thumnail-card{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
}
.property-card__thumb img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:0 !important;
}

/* 5) Quita <br> que suben badges/títulos y rompen features */
.property-card__badges br,
.property-card__title br,
.property-features li br{ display:none !important; }

/* 6) Por si quedaran <p> con comentarios dentro del thumb */
.property-card__thumb p{
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}