/* =====================================================================
 * UBEMLS · Rediseño global "rediseño-junio"
 * Capa de homologación de gama + lenguaje visual para TODO el frontend.
 * Carga después de houzez-style (ver inc/register-scripts.php).
 * ARCHIVO DEL TEMA — restaurar tras updates de Houzez.
 * ===================================================================== */

:root{
  --ube-teal:#18b0d5; --ube-cyan:#1cc6e6; --ube-blue:#1273b8;
  --ube-navy:#0a2240; --ube-navy-2:#0d2645; --ube-heading:#0d2440;
  --ube-text:#1e2a3a; --ube-muted:#64748b; --ube-bg:#f4f7fa;
  --ube-card:#ffffff; --ube-border:#e4eaf0;
  --ube-success:#16a34a; --ube-warning:#eab308; --ube-danger:#ef4444;
  --ube-slate:#334155; --ube-gold:#d4a017; --ube-purple:#9333ea;
  --ube-grad:linear-gradient(135deg,#18b0d5,#1273b8);
  --ube-radius:16px; --ube-radius-sm:10px; --ube-radius-pill:999px;
  --ube-shadow:0 4px 20px rgba(13,38,69,.06);
  --ube-shadow-hover:0 8px 30px rgba(13,38,69,.10);
}

/* ── Tipografía / encabezados ─────────────────────────────────── */
body{ color:var(--ube-text,#1e2a3a); }
h1,h2,h3,h4,.heading-title,.page-title,.archive-title{
  color:var(--ube-heading,#0d2440); font-weight:800; letter-spacing:-.01em;
}
a{ color:var(--ube-teal,#18b0d5); }
a:hover,a:focus{ color:var(--ube-blue,#1273b8); }

/* Utilidad "eyebrow" para secciones */
.ube-eyebrow{ display:inline-block; font-size:13px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ube-teal,#18b0d5); }

/* ── Botones (pill + gradiente cian) ──────────────────────────── */
.btn{ border-radius:var(--ube-radius-pill,999px); font-weight:700; }
.btn-primary,
.btn-yellow,
input[type="submit"].btn-primary,
.hpage-btn,
.btn-search,
.btn-primary-outlined:hover{
  background:var(--ube-grad,linear-gradient(135deg,#18b0d5,#1273b8)) !important;
  border-color:transparent !important; color:#fff !important;
  box-shadow:0 4px 14px rgba(24,176,213,.30);
  transition:transform .15s, box-shadow .15s, filter .15s;
}
.btn-primary:hover,.btn-yellow:hover,.btn-search:hover{
  filter:brightness(1.04); transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(24,176,213,.38); color:#fff !important;
}
.btn-secondary{
  background:var(--ube-success,#16a34a) !important; border-color:transparent !important; color:#fff !important;
}
.btn-secondary:hover{ background:#22c55e !important; color:#fff !important; }
.btn-primary-outlined,.btn-outline-primary{
  background:transparent !important; color:var(--ube-teal,#18b0d5) !important;
  border:1.5px solid var(--ube-teal,#18b0d5) !important; border-radius:var(--ube-radius-pill,999px) !important;
}
.btn-primary-outlined:hover,.btn-outline-primary:hover{
  background:var(--ube-teal,#18b0d5) !important; color:#fff !important;
}

/* ── Header (estilo 4) navy + links ───────────────────────────── */
.header-4 .navbar,.header-style-4,.header-4{ background:var(--ube-navy,#0a2240) !important; }
.header-4 .navbar-nav > li > a{ color:#fff !important; font-weight:600; }
.header-4 .navbar-nav > li > a:hover,
.header-4 .navbar-nav > li.current-menu-item > a{ color:var(--ube-cyan,#1cc6e6) !important; }
.header-4 .header-user-menu-button,
.header-4 .add-property-button .btn{
  background:var(--ube-grad,linear-gradient(135deg,#18b0d5,#1273b8)) !important;
  border-color:transparent !important; color:#fff !important; border-radius:var(--ube-radius-pill,999px) !important;
}

/* ── Tarjetas de propiedad ────────────────────────────────────── */
.property-grid-item,
.item-listing-wrap,
.item-wrap{
  border-radius:var(--ube-radius,16px) !important;
  overflow:hidden;
}
.property-grid-item,
.listing-style-v1 .item-wrap,
.grid-view .item-wrap{
  background:var(--ube-card,#fff);
  border:1px solid var(--ube-border,#e4eaf0);
  box-shadow:var(--ube-shadow,0 4px 20px rgba(13,38,69,.06));
  transition:transform .18s ease, box-shadow .18s ease;
}
.property-grid-item:hover,
.grid-view .item-wrap:hover{
  transform:translateY(-4px);
  box-shadow:var(--ube-shadow-hover,0 8px 30px rgba(13,38,69,.10));
}
.item-header,.item-image{ border-radius:0; overflow:hidden; }
.item-header img,.item-image img{ transition:transform .35s ease; }
.property-grid-item:hover .item-header img,
.item-wrap:hover .item-image img{ transform:scale(1.05); }

/* precio teal y peso fuerte */
.item-price,.item-price-wrap,.listing-price,.price{
  color:var(--ube-teal,#18b0d5) !important; font-weight:800;
}
.item-title a{ color:var(--ube-heading,#0d2440); }
.item-title a:hover{ color:var(--ube-teal,#18b0d5); }
.item-address{ color:var(--ube-muted,#64748b); }
.item-address .houzez-icon{ color:var(--ube-teal,#18b0d5); }

/* amenidades / features */
.item-amenities li,.item-features li,[class*="item-features"] li{
  color:var(--ube-muted,#64748b);
}
.item-amenities .houzez-icon,[class*="item-features"] .houzez-icon{ color:var(--ube-teal,#18b0d5); }

/* labels / badges */
.labels-wrap .label,.hz-label,.label-status,.property-labels .label{
  border-radius:var(--ube-radius-pill,999px) !important;
  font-weight:700; letter-spacing:.02em; padding:5px 12px;
}
.label-featured,.hz-featured-label{
  background:var(--ube-gold,#d4a017) !important; color:#fff !important;
  border-radius:var(--ube-radius-pill,999px) !important;
}

/* botón de la tarjeta + tools */
.item-btn-v1 .btn,.item-footer .btn{
  border-radius:var(--ube-radius-pill,999px) !important;
}
.item-tool .houzez-icon{ color:var(--ube-teal,#18b0d5); }

/* ── Formularios / búsqueda ───────────────────────────────────── */
.form-control,.form-select,select.form-control,.advanced-search input,
.advanced-search select,.bootstrap-select .dropdown-toggle{
  border-radius:var(--ube-radius-sm,10px) !important;
  border-color:var(--ube-border,#e4eaf0) !important;
}
.form-control:focus,.form-select:focus,.advanced-search input:focus{
  border-color:var(--ube-teal,#18b0d5) !important;
  box-shadow:0 0 0 3px rgba(24,176,213,.15) !important;
}
.advanced-search,.search-wrap,.overlay-search-advanced-module{ border-radius:var(--ube-radius,16px); }

/* ── Paginación ───────────────────────────────────────────────── */
.pagination .page-link,.page-numbers{
  border-radius:var(--ube-radius-sm,10px) !important; color:var(--ube-heading,#0d2440);
  border-color:var(--ube-border,#e4eaf0);
}
.pagination .page-item.active .page-link,.page-numbers.current{
  background:var(--ube-teal,#18b0d5) !important; border-color:var(--ube-teal,#18b0d5) !important; color:#fff !important;
}

/* ── Archivo / cabeceras de listado ───────────────────────────── */
.archive-page-title,.page-title-wrap,.top-banner-wrap{ color:var(--ube-heading,#0d2440); }
.sort-by .nice-select,.grid-list-action .btn{ border-radius:var(--ube-radius-sm,10px) !important; }

/* ── Footer navy ──────────────────────────────────────────────── */
.footer,.page-footer,#footer{ background:var(--ube-navy,#0a2240) !important; }
.footer a,.page-footer a,#footer a{ color:rgba(255,255,255,.75); }
.footer a:hover,#footer a:hover{ color:var(--ube-cyan,#1cc6e6); }
.copyrights,.copyright-wrap{ background:var(--ube-navy-2,#0d2645) !important; color:rgba(255,255,255,.6); }

/* ── Misc: scrollbar / selección ──────────────────────────────── */
::selection{ background:rgba(24,176,213,.22); }

/* ── Single property: precio y secciones ──────────────────────── */
.single-property .property-price,.page-price,.property-detail-wrap .price{
  color:var(--ube-teal,#18b0d5) !important; font-weight:800;
}
.property-section-wrap h2,.block-wrap h2{ color:var(--ube-heading,#0d2440); }