/*
Theme Name: BHP Prop (clásico)
Author: tú
Version: 1.0
Description: Tema mínimo para listar propiedades en cards.
*/

:root { --ink:#111827; --muted:#4b5563; --bg:#ffffff; }

body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink); background:#f7f7f7; }
a { color: var(--ink); }
img { max-width:100%; height:auto; display:block; }

/* Layout general */
.container { max-width:1280px; margin:0 auto; padding:0 16px; }

/* Header mínimo */
.site-header { background:#fff; border-bottom:1px solid #eee; }
.site-header .container { display:flex; align-items:center; gap:24px; padding:14px 16px; }
.site-title { font-size:20px; font-weight:700; margin:0; }
.main-nav { margin-left:auto; }
.main-nav ul { list-style:none; display:flex; gap:16px; margin:0; padding:0; }
.main-nav a { text-decoration:none; padding:6px 8px; border-radius:8px; }
.main-nav a:hover { background:#f2f2f2; }

/* ====== Cards Propiedades ====== */
.card-content { padding: 24px 0 8px; }
.content-inter{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.card-property{
  position: relative;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  overflow: hidden;
}

/* badges */
.noDiponible{
  position:absolute; top:12px; left:12px;
  background:#b91c1c; color:#fff; font-weight:700;
  padding:6px 10px; border-radius: 8px; z-index:20;
}
.card-comuna{
  position:absolute; top:12px; right:12px;
  background:#111827; color:#fff; font-weight:600;
  padding:4px 10px; border-radius: 9999px; z-index:20; font-size:12px;
}

/* media */
.card-portrait{ width:100%; aspect-ratio:31/20; background:#f5f5f5; }
.card-portrait img{ width:100%; height:100%; object-fit:cover; }

/* content */
.card-property-resume{ padding: 14px 16px 18px; }
.card-title{ font-size: 1rem; line-height:1.35; margin:8px 0 10px; }
.card-title a{ text-decoration:none; color:inherit; }
.card-title a:hover{ text-decoration:underline; }

.content-card-value{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin: 10px 0 6px;
}
.card-value{ font-weight:700; font-size:1.05rem; }

.card-visit a,
.card-visit-sale a,
.card-show-more a{
  display:inline-block; padding:8px 12px; border-radius:10px;
  text-decoration:none; font-weight:600; font-size:.9rem;
}
.card-visit a{ background:#111827; color:#fff; }
.card-visit a:hover{ opacity:.9; }
.card-visit-sale a{ background:#b91c1c; color:#fff; }
.card-show-more a{ color:#111827; background:#f3f4f6; }
.card-show-more a:hover{ background:#e5e7eb; }

/* features row */
.card-property-detail-content{ display:flex; flex-wrap:wrap; gap:14px; margin:10px 0 8px; }
.card-property-detail{
  display:flex; align-items:center; gap:10px;
  background:#f9fafb; padding:8px 10px; border-radius:10px;
}
.card-property-detail-img{ width:20px; height:20px; object-fit:contain; }
.card-detail-name{ font-size:.9rem; color:#111827; }

/* resumen */
.card-resume{ color:var(--muted); margin:8px 0 12px; }

/* paginación */
.pagination{ margin: 24px 0; }
.pagination ul{ list-style:none; display:flex; gap:8px; justify-content:center; margin:0; padding:0; }
.pagination li a, .pagination li span{
  display:inline-block; padding:8px 12px; border-radius:8px; background:#f3f4f6; text-decoration:none; color:#111827;
}
.pagination li a:hover{ background:#e5e7eb; }

/* footer mínimo */

/* ===== Footer BHP ===== */
.bhp-footer{
  background:#ececec; /* gris claro como en tu captura */
  border-top:1px solid #e3e3e3;
}
.bhp-footer-inner{
  max-width:1280px;
  margin:0 auto;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.bhp-footer-contact{
  display:flex;
  align-items:center;
  gap:28px;          /* separación entre mail y fono */
  flex-wrap:wrap;
}
.bhp-footer-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#1f1f1f;
  font-weight:500;
}
.bhp-footer-item:hover{ text-decoration:underline; }

.bhp-footer-social{
  display:flex;
  align-items:center;
  gap:18px;
  opacity:.95;
}
.bhp-footer-social a img{ display:block; }

.bhp-footer-top{ margin-left:auto; }
.bhp-to-top{
  color:#6b6b6b;
  text-decoration:none;
  font-weight:500;
}
.bhp-to-top:hover{ text-decoration:underline; }

/* Responsive */
@media (max-width: 900px){
  .bhp-footer-inner{
    grid-template-columns: 1fr;
    display:grid;
    row-gap:12px;
    text-align:center;
  }
  .bhp-footer-contact, .bhp-footer-social, .bhp-footer-top{
    justify-content:center;
    margin:0 auto;
  }
}