/* ==========================================================================
   Lojy Imóveis Pro — Cards estilo imagem 3
   ========================================================================== */
:root{
  --lip-primary:#15616d;
  --lip-primary-d:#0d4a56;
  --lip-ink:#1a2c30;
  --lip-green:#00B54D;
  --lip-sand:#f0f7f8;
  --lip-shadow:0 2px 16px rgba(21,97,109,.12);
  --lip-radius:14px;
}

/* ---- CONTAINERS ---- */
.lip-cards.lip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%}
.lip-cards.lip-carousel{display:flex;gap:20px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.lip-cards.lip-carousel::-webkit-scrollbar{height:4px}
.lip-cards.lip-carousel::-webkit-scrollbar-thumb{background:var(--lip-primary);border-radius:4px}
.lip-cards.lip-list{display:flex;flex-direction:column;gap:16px}
.lip-destaques-wrap{position:relative;padding:0 8px}

/* ---- CARD GRID (estilo imagem 3) ---- */
.lip-card{
  display:flex;flex-direction:column;background:#fff;
  border-radius:var(--lip-radius);overflow:hidden;
  box-shadow:var(--lip-shadow);text-decoration:none;color:inherit;
  transition:transform .2s ease,box-shadow .2s ease;
  scroll-snap-align:start;
}
.lip-cards.lip-carousel .lip-card{flex:0 0 280px;min-width:280px}
.lip-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(21,97,109,.2)}

/* Imagem */
.lip-card__img{
  height:200px;overflow:hidden;position:relative;
  background:var(--lip-sand);flex-shrink:0;
}
.lip-card__img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}
.lip-card:hover .lip-card__img img{transform:scale(1.05)}
.lip-card__badges{position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:5px}

/* Badges */
.lip-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:800;color:#fff;letter-spacing:.03em;white-space:nowrap}
.lip-badge--new{background:#e74c3c}
.lip-badge--venda{background:var(--lip-primary)}
.lip-badge--aluguel{background:#0d5c3a}

/* Corpo do card */
.lip-card__body{padding:14px 16px;display:flex;flex-direction:column;gap:3px;flex:1}

/* Status badge dentro do body */
.lip-card__status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:800;color:#fff;align-self:flex-start;margin-bottom:4px}
.lip-card__status--venda,.lip-card__status--venda-e-aluguel{background:var(--lip-primary)}
.lip-card__status--aluguel{background:#0d5c3a}

/* Nome e tipo */
.lip-card__name{font-size:.95rem;font-weight:800;color:var(--lip-ink);margin:0 0 1px;line-height:1.25;letter-spacing:.01em}
.lip-card__type{font-size:.82rem;color:#aaa;margin:0 0 8px}

/* Preço e código */
.lip-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lip-price{font-size:1.1rem;font-weight:900;color:var(--lip-green)}
.lip-cod{font-size:.78rem;color:#bbb;margin-left:auto}

/* Divisor */
.lip-divider{border:0;border-top:1px solid #f0f0f0;margin:8px 0 10px}

/* Specs estilo imagem 3: coluna com ícone + valor + label */
.lip-spec-row{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.lip-spec-col{display:flex;flex-direction:column;align-items:center;min-width:52px;font-size:.72rem;color:#aaa;text-align:center}
.lip-spec-col i{color:var(--lip-primary);font-size:.9rem;margin-bottom:2px}
.lip-spec-col strong{font-size:.88rem;font-weight:800;color:var(--lip-ink);line-height:1.1}
.lip-spec-col strong small{font-size:.68rem;font-weight:600;color:#aaa}

/* ---- CARD LIST (busca) ---- */
.lip-card--list{flex-direction:row;min-height:160px}
.lip-card--list .lip-card__img{width:220px;min-width:220px;height:auto;flex-shrink:0;border-radius:0}
.lip-card--list:hover .lip-card__img img{transform:none}
.lip-card--list .lip-card__body{flex:1}

/* ---- EMPTY ---- */
.lip-empty{padding:40px;text-align:center;color:#bbb;font-size:.95rem}

/* ---- BUSCA ---- */
.lip-busca{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}
.lip-busca__filters{background:#fff;border-radius:var(--lip-radius);box-shadow:var(--lip-shadow);padding:20px;position:sticky;top:90px}
.lip-filter-title{font-size:1rem;font-weight:800;color:var(--lip-primary);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--lip-sand)}
.lip-filter-group{margin-bottom:14px}
.lip-filter-group label{display:block;font-size:.82rem;font-weight:700;color:var(--lip-ink);margin-bottom:4px}
.lip-filter-group input,.lip-filter-group select{width:100%;border:1.5px solid #d8e8ea;border-radius:10px;padding:9px 12px;font-size:.9rem;background:#fff;transition:border-color .15s;box-sizing:border-box}
.lip-filter-group input:focus,.lip-filter-group select:focus{border-color:var(--lip-primary);outline:none}
.lip-filter-row{display:flex;gap:8px}
.lip-filter-row>div{flex:1}

.lip-pills{display:flex;gap:6px;flex-wrap:wrap}
.lip-pill{padding:6px 14px;border-radius:20px;border:2px solid #d0e4e6;background:#fff;color:var(--lip-primary);font-weight:700;cursor:pointer;font-size:.82rem;transition:all .15s}
.lip-pill:hover,.lip-pill.active{background:var(--lip-primary);color:#fff;border-color:var(--lip-primary)}

.lip-btn-search{width:100%;padding:12px;border-radius:12px;border:0;background:var(--lip-primary);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .15s;margin-bottom:8px}
.lip-btn-search:hover{background:var(--lip-primary-d)}
.lip-btn-clear{width:100%;padding:8px;background:none;border:1.5px solid #d0e4e6;border-radius:10px;color:#999;cursor:pointer;font-size:.85rem}
.lip-btn-clear:hover{border-color:var(--lip-primary);color:var(--lip-primary)}
.lip-results-count{font-size:.85rem;color:#aaa;margin-bottom:12px}

/* ---- LEAD FORM ---- */
.lip-lead-box{background:#fff;border-radius:var(--lip-radius);box-shadow:var(--lip-shadow);padding:24px}
.lip-lead-sub{font-size:.85rem;color:var(--lip-primary);font-weight:700;margin:0 0 2px;text-align:center}
.lip-lead-title{font-size:1.3rem;font-weight:900;color:var(--lip-ink);margin:0 0 18px;text-align:center}
.lip-lead-form .lip-field{margin-bottom:12px}
.lip-lead-form label{display:block;font-size:.82rem;font-weight:700;margin-bottom:4px;color:#666}
.lip-lead-form input,.lip-lead-form textarea{width:100%;border:1.5px solid #dde8e9;border-radius:10px;padding:9px 13px;font-size:.9rem;background:#fff;transition:border-color .15s;box-sizing:border-box}
.lip-lead-form input:focus,.lip-lead-form textarea:focus{border-color:var(--lip-primary);outline:none}
.lip-lgpd{font-size:.82rem;color:#888}
.lip-lgpd a{color:var(--lip-primary)}
.lip-lgpd input{width:auto !important;margin-right:6px}
.lip-lead-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.lip-btn-primary{flex:1;padding:11px 16px;background:var(--lip-primary);color:#fff;border:0;border-radius:10px;font-weight:700;cursor:pointer;font-size:.9rem;transition:background .15s;white-space:nowrap}
.lip-btn-primary:hover{background:var(--lip-primary-d)}
.lip-btn-wpp{flex:1;padding:11px 16px;background:#25D366;color:#fff;border-radius:10px;font-weight:700;text-decoration:none;text-align:center;font-size:.9rem;transition:background .15s;white-space:nowrap}
.lip-btn-wpp:hover{background:#1ebe5a;color:#fff}
.lip-lead-msg{margin:10px 0 0;padding:10px 14px;border-radius:8px;font-size:.88rem;font-weight:700}
.lip-lead-msg.ok{background:#e8f5e9;color:#2e7d32}
.lip-lead-msg.err{background:#fdecea;color:#b71c1c}

/* ---- Responsive ---- */
@media(max-width:768px){
  .lip-busca{grid-template-columns:1fr}
  .lip-busca__filters{position:static}
  .lip-card--list{flex-direction:column}
  .lip-card--list .lip-card__img{width:100%;height:200px}
  .lip-cards.lip-grid{grid-template-columns:1fr}
  .lip-cards.lip-carousel .lip-card{flex:0 0 85vw;min-width:85vw}
}