/* Empreendimentos em destaque (OPORTUNIDADE ÚNICA) — Porto Belo
   Config dos slugs: /assets/destaques.js (única fonte). Aplica em home, listagem e "Você também pode gostar". */
.prop-card.prop-destaque{
  position:relative;
  order:-1; /* fixado no topo de qualquer .prop-grid, mesmo com filtro/ordenação */
  box-shadow:0 0 0 1.5px #c9a55c,0 12px 30px rgba(70,52,14,.16);
  transition:box-shadow .3s ease,transform .3s ease;
}
.prop-card.prop-destaque:hover{
  box-shadow:0 0 0 1.5px #d6b566,0 16px 36px rgba(70,52,14,.24);
}
.prop-card.prop-destaque .prop-thumb{position:relative}
/* Ordenar/filtrar reaplica .lm-hidden por posição (paginação da listagem): o destaque nunca some por isso.
   Só o filtro (.hidden) pode escondê-lo, quando ele realmente não corresponde à busca. */
.prop-card.prop-destaque.lm-hidden:not(.hidden){display:flex}
.destaque-faixa{
  display:flex;align-items:center;justify-content:center;
  width:100%;box-sizing:border-box;flex:0 0 auto;
  padding:12px 14px;
  background:#15120c;
  border-top:1px solid rgba(201,165,92,.55);
  color:#d8b968;
  font-family:var(--label-font,Inter,sans-serif);
  font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;line-height:1.3;
}
/* Preço "de / por" (ref.: prints do Brian) — só aparece com `de` real em destaques.js */
.prop-price-wrap.tem-depor{display:flex;flex-direction:column;gap:1px}
.destaque-depor{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 3px}
.destaque-depor-de{font-size:.74rem;font-weight:600;color:#8a95a5;text-decoration:line-through;text-decoration-thickness:1px;white-space:nowrap}
.destaque-depor-off{display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;color:#1f8a3b;background:rgba(63,174,90,.14);border-radius:999px;padding:2px 8px;white-space:nowrap;cursor:help}
.prop-price-wrap.tem-depor .prop-price-label{color:#4a90b8;font-weight:700}
/* mobile (<=768px): card em linha (foto à esquerda). A listagem/home fixam o card em 206px com !important;
   no destaque a altura é liberada pra caber a faixa de rodapé (linha de baixo, largura total). */
@media (max-width:768px){
  .prop-grid .prop-card.prop-destaque,.mais-grid-props-4 .prop-card.prop-destaque{height:auto !important;flex-wrap:wrap}
  .prop-card.prop-destaque .prop-thumb,.prop-card.prop-destaque .prop-body{min-height:206px;height:auto;align-self:stretch}
  /* preço nunca cortado no destaque: ocupa a linha inteira, botões vão pra linha de baixo
     (a listagem/home usam !important nessas regras, então aqui também) */
  .prop-grid .prop-card.prop-destaque .prop-price-cta-row,.mais-grid-props-4 .prop-card.prop-destaque .prop-price-cta-row{flex-wrap:wrap !important;gap:6px 8px !important}
  .prop-grid .prop-card.prop-destaque .prop-price-wrap,.mais-grid-props-4 .prop-card.prop-destaque .prop-price-wrap{flex:1 1 100% !important;min-width:0 !important}
  .prop-grid .prop-card.prop-destaque .prop-price,.mais-grid-props-4 .prop-card.prop-destaque .prop-price{white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;font-size:.95rem !important;font-weight:700 !important}
  .prop-grid .prop-card.prop-destaque .prop-body,.mais-grid-props-4 .prop-card.prop-destaque .prop-body{height:auto !important;max-height:none !important;overflow:visible !important}
  .prop-grid .prop-card.prop-destaque .prop-thumb,.mais-grid-props-4 .prop-card.prop-destaque .prop-thumb{height:auto !important}
  .prop-card.prop-destaque .prop-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .prop-card.prop-destaque .prop-ctas{margin-left:auto}
  .destaque-depor-de{font-size:.62rem}
  .destaque-depor-off{font-size:.6rem;padding:1px 6px}
  .destaque-faixa{flex:0 0 100%;padding:10px 12px;font-size:.6rem;letter-spacing:.2em}
}
@media (prefers-reduced-motion:reduce){
  .prop-card.prop-destaque{transition:none}
}
/* Pin dourado no mapa da listagem */
.map-price-bubble.map-price-bubble-destaque{
  background:linear-gradient(145deg,#f3d27a 0%,#d4a93c 55%,#a87f1e 100%);
  color:#2b1e03;font-weight:800;font-size:.8rem;padding:8px 15px;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #d4a93c,0 6px 18px rgba(168,127,30,.65);
  animation:destaquePinPulse 2.4s ease-in-out infinite;
}
.map-price-bubble.map-price-bubble-destaque:hover,.map-price-bubble.map-price-bubble-destaque.is-active{background:linear-gradient(145deg,#f8dd91 0%,#e0b64a 55%,#b88a24 100%)}
@keyframes destaquePinPulse{0%,100%{box-shadow:0 0 0 2px #fff,0 0 0 4px #d4a93c,0 6px 18px rgba(168,127,30,.65)}50%{box-shadow:0 0 0 2px #fff,0 0 0 8px rgba(212,169,60,.45),0 6px 22px rgba(168,127,30,.8)}}
@media (prefers-reduced-motion:reduce){.map-price-bubble.map-price-bubble-destaque{animation:none}}