/* ============================================================
   MARCA — Habitta (por defecto)
   Para cambiar de marca, sustituye SOLO los valores de :root.
   Debajo tienes los bloques listos de Vera y Enclave.
   ============================================================ */

:root{
  --brand:        #175C4A;   /* color principal (botones, precios, enlaces) */
  --brand-dark:   #123F33;   /* variante oscura (hover, cabecera) */
  --brand-soft:   #E4EFE9;   /* fondo suave / etiquetas */
  --brand-accent: #CBB994;   /* acento cálido */
  --ink:          #18221F;   /* texto de titulares */
  --font-title:   'Fraunces', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* --- VERA (descomenta para usar) ---
:root{
  --brand:#16324F; --brand-dark:#14202B; --brand-soft:#E9E6E0;
  --brand-accent:#C08457; --ink:#14202B;
  --font-title:'Manrope',sans-serif; --font-body:'Inter',sans-serif;
}
--- */

/* --- ENCLAVE (descomenta para usar) ---
:root{
  --brand:#B5623C; --brand-dark:#7D3F24; --brand-soft:#F2ECE2;
  --brand-accent:#D98B53; --ink:#22150F;
  --font-title:'Poppins',sans-serif; --font-body:'Inter',sans-serif;
}
--- */

/* ---------- Tipografía ---------- */
body{ font-family: var(--font-body); }
h1,h2,h3,.h1,.h2,.h3,.entry-title,.page-title{ font-family: var(--font-title); color: var(--ink); }

/* ---------- Color principal: botones ---------- */
.btn-primary,
.houzez-search-form-wrap button[type="submit"],
.fave-search-btn,
input[type="submit"].btn-primary{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color:#fff !important;
}
.btn-primary:hover,
.fave-search-btn:hover,
input[type="submit"].btn-primary:hover{
  background-color: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
}
.btn-primary-outline,
.btn-outline-primary{
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}
.btn-primary-outline:hover,
.btn-outline-primary:hover{
  background-color: var(--brand) !important;
  color:#fff !important;
}

/* ---------- Enlaces ---------- */
a{ color: var(--brand); }
a:hover, a:focus{ color: var(--brand-dark); }

/* ---------- Precio del inmueble ---------- */
.item-price, .price, .listing-price,
.property-item .item-price,
.fave_property_price{
  color: var(--brand) !important;
  font-family: var(--font-title);
}

/* ---------- Etiquetas de estado (Venta / Alquiler / Obra nueva) ---------- */
.label-status, .property-labels .status,
.tag-2, .listing-status{
  background-color: var(--brand) !important;
  color:#fff !important;
}

/* ---------- Iconos, detalles y acentos ---------- */
.color-blue, .text-primary, .fave-primary-color,
.property-detail-item i, .listing-detail i{
  color: var(--brand) !important;
}

/* ---------- Cabecera y menú ---------- */
.header-map-wrap, .sticky-header.cloned{
  border-color: var(--brand);
}
.main-nav > li.current-menu-item > a,
.main-nav > li > a:hover{
  color: var(--brand) !important;
}

/* ---------- Paginación / activos ---------- */
.pagination > .active > a,
.pagination > li > a:hover{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color:#fff !important;
}

/* ---------- Pie de página ---------- */
.footer, footer#footer{
  background-color: var(--brand-dark);
}

/* ---------- Fondos suaves de sección ---------- */
.bg-light-brand, .section-soft{
  background-color: var(--brand-soft) !important;
}

/* ---------- Formularios: foco ---------- */
.form-control:focus, input:focus, textarea:focus, select:focus{
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px rgba(23,92,74,.12) !important;
}

/* ============================================================
   NOTA: Houzez guarda muchos colores en Theme Options (base de datos).
   Para un cambio 100% consistente, además de este CSS ajusta en
   Houzez → Theme Options → Styling/Colors el color principal al hex
   de --brand de arriba. Este archivo cubre el resto.
   ============================================================ */