/* Ajustes propios sobre la base de templatemo_564_plot_listing — el logo original de la
   plantilla es una imagen de fondo que no tenemos; aquí se reemplaza por texto. */
.header-area .main-nav a.logo.site-logo,
.background-header .main-nav a.logo.site-logo{
  background-image:none!important;
  width:auto!important;
  height:auto!important;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:19px;
  color:#fff;
  text-indent:0;
  display:flex;
  align-items:baseline;
  margin-top:0;
  line-height:100px;
}
.main-nav .logo.site-logo span{ font-weight:400; opacity:.8; margin-left:6px; font-size:13px; }
.background-header .main-nav a.logo.site-logo{ color:#1a1a1a!important; }
footer .about .logo .site-logo{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#fff; }

/* El hero de la plantilla usa altura fija de sección, no 100vh, así que no requiere el ajuste
   de altura descrito en el skill desarrollo-paginas-web — se deja como referencia. */

.search-form-wrap select,.search-form-wrap input{ width:100%; }

.listing-item{ background:#fff; border-radius:10px; box-shadow:0 2px 14px rgba(0,0,0,.08); overflow:hidden; padding:0 0 18px; height:100%; }
.listing-item .right-content{ padding:14px 18px 0; display:block; }
.listing-item .right-content .price{ font-weight:700; }
.listing-item .left-image{ display:block; }
.listing-item .left-image img{ width:100%; height:220px; object-fit:cover; display:block; }
.listing-item .left-image .no-photo{ display:flex; align-items:center; justify-content:center; height:220px; width:100%; background:#f0f1f3; color:#9aa0a6; font-size:13px; }

.product-gallery{ display:flex; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
.product-gallery img{ width:140px; height:140px; object-fit:cover; border-radius:8px; }
.product-gallery .no-photo{ width:100%; max-width:420px; height:260px; display:flex; align-items:center; justify-content:center; background:#f0f1f3; color:#9aa0a6; border-radius:8px; }

.badge-category{ display:inline-block; background:#eef1f6; color:#333; padding:3px 10px; border-radius:12px; font-size:12px; margin-bottom:8px; }

/* El botón blanco de la plantilla asume un fondo oscuro de hero; sobre las tarjetas blancas de
   producto usamos verde WhatsApp para que sea visible y refuerce la acción de contacto. */
.listing-item .main-white-button a{ background-color:#25D366; color:#fff; }
.listing-item .main-white-button a:hover{ background-color:#1ebe57; color:#fff; }

.filters-bar{ background:#fff; padding:18px; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.06); margin-top:-40px; position:relative; z-index:5; }
.filters-bar select,.filters-bar input{ height:44px; border-radius:6px; border:1px solid #dcdfe4; padding:0 12px; width:100%; }
.filters-bar button{ height:44px; }
.empty-catalog{ text-align:center; padding:60px 20px; color:#666; }