/* Página inicial — vitrine dos empreendimentos */
.home-hero {
  background: linear-gradient(135deg, var(--dark-green-2) 0%, var(--dark-green) 60%, #0b4a3b 100%);
  color: var(--white);
  padding: 80px 0 90px;
}
.home-hero h1 { color: var(--white); max-width: 720px; }
.home-hero .hero-sub { color: rgba(255,255,255,0.85); font-size: 1.1rem; max-width: 620px; }

.dev-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 30px;
}
.dev-card {
  background: var(--white);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,53,42,0.1);
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.dev-card:hover { transform: translateY(-4px); box-shadow: 0 10px 32px rgba(0,53,42,0.16); }
.dev-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.dev-media img { width: 100%; height: 100%; object-fit: cover; }
.dev-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--orange);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
}
.dev-tag-green { background: var(--bright-green); color: var(--dark-green-2); }
.dev-body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.dev-body h3 { font-size: 1.5rem; margin-bottom: 4px; }
.dev-location { font-size: .9rem; color: var(--bright-green-dark); font-weight: 700; margin-bottom: 14px; }
.dev-body ul { margin: 0 0 22px; padding-left: 20px; color: var(--text-muted); }
.dev-body li { margin-bottom: 6px; }
.dev-body .btn { margin-top: auto; align-self: flex-start; }

.why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin-top: 30px;
}
.why-item {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: var(--radius);
  padding: 24px;
}
.why-item strong { display: block; color: var(--white); font-size: 1.05rem; margin-bottom: 6px; }
.why-item p { margin: 0; }