/* ============================================================
   LUGARES (LUGAR_0708) — herda a página do negócio (negocio.css) e muda
   o que o lugar tem de diferente: a foto é o assunto, não há dono, e no
   lugar do contato entram "como chegar" e "melhor hora pra ir".
   ============================================================ */

/* o lugar merece mais foto */
.np-lugar .np-hero-alto { height: 44vh; max-height: 400px; }
@media (min-width: 861px) { .np-lugar .np-hero-alto { height: 56vh; max-height: 520px; } }

/* não há selo de dono — há o selo da curadoria */
.np-selo-lugar {
  color: var(--sucesso);
  background: color-mix(in srgb, var(--sucesso) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--sucesso) 34%, transparent);
}
.np-descricao-lugar { font-size: 1.04rem; line-height: 1.68; }

/* os dois saberes ocupam o lugar dos botões de contato */
.np-saberes { display: flex; flex-direction: column; gap: 10px; }
.np-saber { border-radius: var(--radius-md); padding: 15px 16px 16px; }
.np-saber p { font-size: .92rem; line-height: 1.55; }
.np-saber-rotulo {
  font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--mudo); margin-bottom: 6px;
}
.np-saber-cta { margin-top: 12px; display: inline-flex; }
.np-claim-lugar { background: var(--vidro); }

@media (min-width: 861px) {
  .np-lugar .np-saberes { grid-column: 2; }
  .np-lugar .np-identidade, .np-lugar .np-curadoria, .np-lugar .np-tags { grid-column: 1; }
}

/* ---------- índice /lugares/ ---------- */
.lugares-grade {
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.lugar-card {
  position: relative; display: block; height: 220px; overflow: hidden;
  border-radius: var(--radius-lg); text-decoration: none; color: #F2F6FA;
  transition: transform .2s ease;
}
.lugar-card:hover { transform: translateY(-3px); }
.lugar-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.lugar-card:hover .lugar-foto { transform: scale(1.05); }
.lugar-veu {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(4,12,20,.16) 0, transparent 42%, rgba(4,12,20,.82) 100%);
}
.lugar-texto { position: absolute; left: 16px; right: 16px; bottom: 14px; }
.lugar-tipo {
  display: inline-block; margin-bottom: 6px; padding: 4px 10px; border-radius: 999px;
  font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  background: rgba(8,24,39,.6); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.2);
}
.lugar-texto h2 { font-size: 1.2rem; font-weight: 800; line-height: 1.2; }
.lugar-nota { margin-top: 3px; font-size: .84rem; color: var(--accent); font-weight: 700; }
.lugar-nota .muted { color: rgba(242,246,250,.66); font-weight: 400; }