/* =====================================================
   PÁGINA EMPREENDIMENTOS
   Portfólio editorial + fundo único + cards glass

   GUIA RÁPIDO:
   - Imagem de fundo da página: .empreendimentos-page::before
   - Altura da hero: .empreendimentos-hero
   - Texto amarelo/kicker da hero: .empreendimentos-hero__kicker
   - Título da hero: .empreendimentos-hero__title
   - Subtítulo da hero: .empreendimentos-hero__text
   - Filtros: .empreendimentos-filter__nav button
   - Grid dos cards: .empreendimentos-grid
   - Card completo: .empreendimento-card
   - Imagem do card: .empreendimento-card__media
   - Texto do card: .empreendimento-card__content
   - Botão do card: .empreendimento-card__button
   - Mobile: bloco @media (max-width: 768px)

   Paleta:
   - Amarelo Amalco: #f7ad04
   - Branco: #ffffff
   - Fundo base claro: #f6f5f1
===================================================== */


/* =====================================================
   BASE DA PÁGINA
===================================================== */

.empreendimentos-page {
	position: relative;
	min-height: 100vh;
	color: #ffffff;
	overflow: hidden;
	background: #f6f5f1;
}


/* =====================================================
   FUNDO FIXO DA PÁGINA INTEIRA

   AJUSTE AQUI:
   - Trocar imagem: background-image
   - Posição da imagem: background-position
   - Zoom da imagem: transform scale()
   - Intensidade da imagem: opacity
===================================================== */

.empreendimentos-page::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;

	/* AJUSTE AQUI: imagem de fundo da página Empreendimentos */
	background-image: url("../../img/hero-empreendimentos6.jpg");

	background-size: cover;

	/* AJUSTE AQUI: posição da imagem no desktop */
	background-position: center right;

	background-repeat: no-repeat;

	/* AJUSTE AQUI: força/visibilidade da imagem */
	opacity: 1;

	filter: none;

	/* AJUSTE AQUI: leve zoom para evitar bordas */
	transform: scale(1.01);

	pointer-events: none;
}

/* Sem overlay global na página inteira */
.empreendimentos-page::after {
	display: none !important;
	content: none !important;
}

/* Garante que todo conteúdo fique acima do fundo */
.empreendimentos-page > * {
	position: relative;
	z-index: 1;
}


/* =====================================================
   HERO PORTFÓLIO / EMPREENDIMENTOS

   AJUSTE AQUI:
   - Altura da hero: min-height
   - Espaço superior/inferior: padding
   - Alinhamento vertical: align-items
===================================================== */

.empreendimentos-hero {
	position: relative;

	/* AJUSTE AQUI: altura da hero no desktop */
	min-height: 78vh;

	display: flex;

	/* AJUSTE AQUI: center deixa o texto centralizado verticalmente */
	align-items: center;

	/* AJUSTE AQUI: padding superior e inferior da hero */
	padding: 118px 0 58px;

	background: transparent;
	color: #ffffff;
	overflow: hidden;
}

/* Remove linhas/detalhes decorativos antigos da hero */
.empreendimentos-hero::before,
.empreendimentos-hero::after {
	display: none !important;
	content: none !important;
}

.empreendimentos-hero .container {
	position: relative;
	z-index: 2;
}


/* =====================================================
   BLOCO DE CONTEÚDO DA HERO

   AJUSTE AQUI:
   - Largura do bloco de texto: max-width
===================================================== */

.empreendimentos-hero__content {
	position: relative;
	z-index: 2;

	/* AJUSTE AQUI: largura máxima do conteúdo da hero */
	max-width: 680px;

	padding: 0;

	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* =====================================================
   LINHA AMARELA EDITORIAL DA HERO

   AJUSTE AQUI:
   - Largura da linha: width
   - Distância do texto: margin-top
   - Cor/intensidade: background
===================================================== */

.empreendimentos-hero__content::after {
	content: "";
	display: block;

	/* AJUSTE AQUI: largura da linha amarela */
	width: 112px;

	height: 1px;

	/* AJUSTE AQUI: distância entre subtítulo e linha */
	margin-top: 30px;

	background: rgba(247, 173, 4, 0.72);
}


/* =====================================================
   KICKER / TEXTO AMARELO DA HERO
   Exemplo: "PORTFÓLIO AMALCO"

   AJUSTE AQUI:
   - Tamanho: font-size
   - Espaçamento entre letras: letter-spacing
   - Peso: font-weight
   - Distância para o título: margin-bottom
===================================================== */

.empreendimentos-hero__kicker {
	display: inline-block;

	/* AJUSTE AQUI: distância do kicker para o título */
	margin-bottom: 18px;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho do texto amarelo */
	font-size: 20px;

	line-height: 1;

	/* AJUSTE AQUI: peso do texto amarelo */
	font-weight: 800;

	/* AJUSTE AQUI: espaçamento das letras */
	letter-spacing: 0.30em;

	text-transform: uppercase;

	color: #f7ad04;

	text-shadow:
		0 8px 24px rgba(0, 0, 0, 0.28);
}

/* Remove possível linha antiga abaixo do kicker */
.empreendimentos-hero__kicker::after {
	display: none !important;
	content: none !important;
}


/* =====================================================
   TÍTULO DA HERO
   Padrão salvo para páginas internas da Amalco

   AJUSTE AQUI:
   - Tamanho: font-size
   - Largura: max-width
   - Altura de linha: line-height
   - Peso: font-weight
   - Espaçamento entre letras: letter-spacing
===================================================== */

.empreendimentos-hero__title {
	/* AJUSTE AQUI: largura máxima do título */
	max-width: 640px;

	/* AJUSTE AQUI: distância entre título e subtítulo */
	margin: 0 0 22px;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho do título da hero */
	font-size: clamp(38px, 4.5vw, 72px);

	/* AJUSTE AQUI: altura entre linhas */
	line-height: 1.05;

	/* AJUSTE AQUI: 300 = fino, 400 = normal, 700/800 = forte */
	font-weight: 300;

	text-transform: uppercase;

	/* AJUSTE AQUI: espaçamento das letras do título */
	letter-spacing: 0.045em;

	color: #ffffff;

	text-shadow:
		0 18px 48px rgba(0, 0, 0, 0.44);
}

/* Remove linha antiga abaixo do título */
.empreendimentos-hero__title::after {
	display: none !important;
	content: none !important;
}


/* =====================================================
   SUBTÍTULO / TEXTO DA HERO

   AJUSTE AQUI:
   - Tamanho: font-size
   - Largura: max-width
   - Altura entre linhas: line-height
   - Cor: color
   - Espaçamento entre letras: letter-spacing
===================================================== */

.empreendimentos-hero__text {
	/* AJUSTE AQUI: largura máxima do subtítulo */
	max-width: 560px;

	margin: 0;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho do texto secundário */
	font-size: clamp(12px, 0.9vw, 14px);

	/* AJUSTE AQUI: altura entre linhas */
	line-height: 1.86;

	font-weight: 500;

	/* AJUSTE AQUI: espaçamento entre letras */
	letter-spacing: 0.15em;

	text-transform: uppercase;

	/* AJUSTE AQUI: cor do subtítulo */
	color: rgba(215, 215, 215, 0.92);

	text-shadow:
		0 10px 28px rgba(0, 0, 0, 0.38);
}


/* =====================================================
   FILTRO SUPERIOR — DIRETO NA IMAGEM

   AJUSTE AQUI:
   - Subir/descer filtros: margin-top
   - Espaço abaixo dos filtros: padding-bottom
===================================================== */

.empreendimentos-filter {
	position: relative;
	top: auto;
	z-index: 20;

	/* AJUSTE AQUI: negativo sobe o filtro sobre a hero */
	margin-top: -42px;

	/* AJUSTE AQUI: respiro abaixo dos filtros */
	padding: 0 0 46px;

	background: transparent !important;
	border: 0 !important;

	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}


/* =====================================================
   NAV DOS FILTROS

   AJUSTE AQUI:
   - Distância entre botões: gap
===================================================== */

.empreendimentos-filter__nav {
	display: flex;
	align-items: center;
	justify-content: center;

	/* AJUSTE AQUI: espaço entre botões */
	gap: 12px;

	flex-wrap: wrap;

	width: fit-content;
	max-width: 100%;
	margin: 0 auto;

	padding: 0;

	background: transparent;
	border: 0;
	box-shadow: none;
}


/* =====================================================
   BOTÕES DO FILTRO

   AJUSTE AQUI:
   - Largura mínima: min-width
   - Altura: min-height
   - Padding lateral: padding
   - Tamanho da fonte: font-size
   - Peso: font-weight
   - Espaçamento das letras: letter-spacing
   - Vidro: background / backdrop-filter
===================================================== */

.empreendimentos-filter__nav button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	/* AJUSTE AQUI: largura mínima do botão */
	min-width: 136px;

	/* AJUSTE AQUI: altura do botão */
	min-height: 44px;

	/* AJUSTE AQUI: padding lateral */
	padding: 0 22px;

	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.46);

	/* AJUSTE AQUI: transparência do botão */
	background: rgba(255, 255, 255, 0.075);

	color: #ffffff;

	/* AJUSTE AQUI: intensidade do vidro */
	backdrop-filter: blur(18px) saturate(155%);
	-webkit-backdrop-filter: blur(18px) saturate(155%);

	font-family: inherit;

	/* AJUSTE AQUI: tamanho da fonte dos filtros */
	font-size: 12px;

	/* AJUSTE AQUI: peso da fonte */
	font-weight: 800;

	/* AJUSTE AQUI: espaçamento das letras */
	letter-spacing: 0.15em;

	text-transform: uppercase;

	cursor: pointer;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 10px 24px rgba(0, 0, 0, 0.10);

	transition:
		background 0.3s ease,
		border-color 0.3s ease,
		color 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

/* Remove linha inferior antiga dos filtros */
.empreendimentos-filter__nav button::after {
	display: none !important;
	content: none !important;
}

/* Estado hover e ativo */
.empreendimentos-filter__nav button:hover,
.empreendimentos-filter__nav button.is-active {
	background: #f7ad04;
	color: #ffffff;
	border-color: #f7ad04;

	transform: translateY(-2px);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.30),
		0 14px 30px rgba(247, 173, 4, 0.24);
}


/* =====================================================
   LISTAGEM

   AJUSTE AQUI:
   - Espaço acima e abaixo da listagem: padding
===================================================== */

.empreendimentos-list {
	position: relative;

	/* AJUSTE AQUI: padding da área dos cards */
	padding: 54px 0 135px;

	background: transparent !important;
}

/* Remove divisor escrito */
.empreendimentos-list::before {
	display: none !important;
	content: none !important;
}

/* Remove linhas laterais do divisor */
.empreendimentos-list .container::before,
.empreendimentos-list .container::after {
	display: none !important;
	content: none !important;
}

.empreendimentos-list .container {
	position: relative;
}


/* =====================================================
   GRID DOS CARDS

   AJUSTE AQUI:
   - Quantidade de colunas: grid-template-columns
   - Espaço entre cards: gap
===================================================== */

.empreendimentos-grid {
	display: grid;

	/* AJUSTE AQUI: 2 colunas no desktop */
	grid-template-columns: repeat(2, minmax(0, 1fr));

	/* AJUSTE AQUI: distância entre cards */
	gap: 48px;

	position: relative;
	z-index: 2;
}


/* =====================================================
   CARD — VIDRO TRANSLÚCIDO PREMIUM

   AJUSTE AQUI:
   - Altura do card: min-height
   - Transparência do vidro: background
   - Blur do vidro: backdrop-filter
   - Borda: border
===================================================== */

.empreendimento-card,
.empreendimento-card--large,
.empreendimento-card--wide,
.empreendimento-card--tall {
	grid-column: auto !important;

	display: grid;
	grid-template-columns: 1fr 1fr;

	/* AJUSTE AQUI: altura mínima do card desktop */
	min-height: 540px;

	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.32);

	/* AJUSTE AQUI: transparência geral do card */
	background: rgba(255, 255, 255, 0.022);

	/* AJUSTE AQUI: intensidade do vidro geral */
	backdrop-filter: blur(30px) saturate(170%);
	-webkit-backdrop-filter: blur(30px) saturate(170%);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 18px 44px rgba(0, 0, 0, 0.11);

	transition:
		transform 0.35s ease,
		border-color 0.35s ease,
		background 0.35s ease,
		box-shadow 0.35s ease;
}

/* Hover do card */
.empreendimento-card:hover {
	transform: translateY(-6px);

	border-color: rgba(255, 255, 255, 0.46);
	background: rgba(255, 255, 255, 0.04);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.20),
		0 28px 64px rgba(0, 0, 0, 0.15);
}

/* Classe usada pelo JS dos filtros para esconder cards */
.empreendimento-card.is-hidden {
	display: none;
}

/* Remove qualquer linha ou efeito decorativo antigo */
.empreendimento-card::before,
.empreendimento-card::after,
.empreendimento-card__content::before,
.empreendimento-card__content::after {
	display: none !important;
	content: none !important;
}


/* =====================================================
   IMAGEM DO CARD

   AJUSTE AQUI:
   - Altura da imagem: min-height
   - Corte da imagem: object-fit / object-position
===================================================== */

.empreendimento-card__media,
.empreendimento-card--large .empreendimento-card__media,
.empreendimento-card--wide .empreendimento-card__media,
.empreendimento-card--tall .empreendimento-card__media {
	height: auto !important;

	/* AJUSTE AQUI: altura mínima da imagem no desktop */
	min-height: 540px;
}

.empreendimento-card__media {
	position: relative;
	display: block;
	overflow: hidden;
}

.empreendimento-card__media img {
	width: 100%;
	height: 100%;

	display: block;

	/* AJUSTE AQUI: cover corta para preencher; contain mostra inteira */
	object-fit: cover;

	/* AJUSTE OPCIONAL: posição da imagem */
	object-position: center center;

	filter: saturate(0.96) contrast(1.02);

	transition:
		transform 0.75s ease,
		filter 0.75s ease;
}

/* Zoom sutil da imagem no hover */
.empreendimento-card:hover .empreendimento-card__media img {
	transform: scale(1.045);
	filter: saturate(1.03) contrast(1.04);
}

/* Sem overlay na imagem */
.empreendimento-card__overlay {
	display: none !important;
	content: none !important;
}


/* =====================================================
   CONTEÚDO DO CARD — PAINEL DE VIDRO

   AJUSTE AQUI:
   - Altura do painel: min-height
   - Padding interno: padding
   - Transparência: background
   - Blur: backdrop-filter
===================================================== */

.empreendimento-card__content {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;

	/* AJUSTE AQUI: altura do painel de texto */
	min-height: 540px;

	/* AJUSTE AQUI: espaçamento interno do painel */
	padding: 48px 38px;

	border-top: 0 !important;
	border-left: 1px solid rgba(255, 255, 255, 0.16);

	/* AJUSTE AQUI: transparência do vidro do painel */
	background: rgba(255, 255, 255, 0.052);

	/* AJUSTE AQUI: intensidade do vidro do painel */
	backdrop-filter: blur(36px) saturate(178%);
	-webkit-backdrop-filter: blur(36px) saturate(178%);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.17),
		inset 0 -1px 0 rgba(255, 255, 255, 0.05);

	overflow: hidden;
}


/* =====================================================
   TÍTULO DO CARD

   AJUSTE AQUI:
   - Tamanho: font-size
   - Peso: font-weight
   - Espaçamento entre letras: letter-spacing
   - Distância para linha: margin-bottom
===================================================== */

.empreendimento-card__content h2 {
	/* AJUSTE AQUI: distância abaixo do título */
	margin: 0 0 24px;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho do título do card */
	font-size: clamp(23px, 1.9vw, 32px);

	line-height: 1.14;

	/* AJUSTE AQUI: peso do título */
	font-weight: 700;

	/* AJUSTE AQUI: espaçamento das letras */
	letter-spacing: 0.08em;

	text-transform: uppercase;

	color: #ffffff;

	text-shadow:
		0 2px 14px rgba(0, 0, 0, 0.18);
}


/* =====================================================
   LINHA DIVISÓRIA DO CARD

   AJUSTE AQUI:
   - Distância: margin
   - Cor/intensidade: background
===================================================== */

.empreendimento-card__content h2::after {
	content: "";

	display: block;

	width: 100%;
	height: 1px;

	/* AJUSTE AQUI: distância entre título e linha */
	margin: 26px auto 0;

	background: rgba(255, 255, 255, 0.16);
}


/* =====================================================
   TIPOLOGIA DO CARD

   AJUSTE AQUI:
   - Tamanho: font-size
   - Altura de linha: line-height
   - Espaçamento entre letras: letter-spacing
===================================================== */

.empreendimento-card__type {
	margin: 0 0 24px;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho da tipologia */
	font-size: clamp(15px, 1.1vw, 18px);

	line-height: 1.55;
	font-weight: 500;

	/* AJUSTE AQUI: espaçamento das letras */
	letter-spacing: 0.08em;

	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.94);
}


/* =====================================================
   ENDEREÇO DO CARD

   AJUSTE AQUI:
   - Tamanho: font-size
   - Peso: font-weight
   - Espaçamento entre letras: letter-spacing
   - Distância para botão: margin-bottom
===================================================== */

.empreendimento-card__address {
	/* AJUSTE AQUI: distância do endereço para o botão */
	margin: 0 0 32px;

	font-family: inherit;

	/* AJUSTE AQUI: tamanho do endereço */
	font-size: 13px;

	line-height: 1.55;

	/* AJUSTE AQUI: peso do endereço */
	font-weight: 700;

	letter-spacing: 0.08em;
	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.84);
}


/* =====================================================
   DESCRIÇÃO DO CARD
===================================================== */

.empreendimento-card__desc {
	margin: 0 0 30px;

	font-family: inherit;
	font-size: 14px;
	line-height: 1.72;

	color: rgba(255, 255, 255, 0.74);
}


/* =====================================================
   BOTÃO DO CARD

   AJUSTE AQUI:
   - Largura: width
   - Altura: min-height
   - Padding: padding
   - Tamanho da fonte: font-size
   - Espaçamento das letras: letter-spacing
===================================================== */

.empreendimento-card__button {
	margin-top: auto;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	/* AJUSTE AQUI: largura máxima do botão */
	width: min(260px, 100%);

	/* AJUSTE AQUI: altura do botão */
	min-height: 54px;

	/* AJUSTE AQUI: padding lateral do botão */
	padding: 0 28px;

	border-radius: 999px;

	background:
		linear-gradient(
			135deg,
			#ffe07a 0%,
			#f7ad04 36%,
			#f9c33e 66%,
			#e4a000 100%
		);

	color: #ffffff;

	border: 1px solid rgba(255, 255, 255, 0.26);

	font-family: inherit;

	/* AJUSTE AQUI: tamanho da fonte do botão */
	font-size: 12px;

	font-weight: 800;

	/* AJUSTE AQUI: espaçamento das letras do botão */
	letter-spacing: 0.10em;

	text-transform: uppercase;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.36),
		0 10px 24px rgba(247, 173, 4, 0.24);

	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease,
		filter 0.3s ease;
}

.empreendimento-card__button:hover {
	transform: translateY(-2px);

	filter: brightness(1.05);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.44),
		0 14px 30px rgba(247, 173, 4, 0.30);
}


/* =====================================================
   BADGE
   Atualmente oculto.

   Se quiser mostrar o status no futuro,
   remova display: none.
===================================================== */

.empreendimento-card__badge {
	display: none;
}


/* =====================================================
   EMPTY STATE
   Aparece se não houver empreendimentos cadastrados.
===================================================== */

.empreendimentos-empty {
	max-width: 720px;
	margin: 0 auto;
	padding: 76px 30px;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, 0.34);
	background: rgba(255, 255, 255, 0.045);

	backdrop-filter: blur(28px) saturate(165%);
	-webkit-backdrop-filter: blur(28px) saturate(165%);

	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.10);
}

.empreendimentos-empty h2 {
	margin: 0 0 14px;

	font-family: inherit;
	font-size: 30px;
	color: #ffffff;
}

.empreendimentos-empty p {
	margin: 0;

	font-family: inherit;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.72);
}


/* =====================================================
   RESPONSIVO TABLET

   AJUSTE AQUI:
   - Abaixo de 1100px, o grid passa a ter 1 coluna.
===================================================== */

@media (max-width: 1100px) {
	.empreendimentos-grid {
		grid-template-columns: 1fr;
	}

	.empreendimento-card,
	.empreendimento-card--large,
	.empreendimento-card--wide,
	.empreendimento-card--tall {
		grid-template-columns: 1fr 1fr;
	}
}


/* =====================================================
   RESPONSIVO MOBILE

   AJUSTE AQUI:
   - Tamanhos mobile
   - Altura da hero mobile
   - Altura das imagens mobile
   - Tamanho de fontes mobile
===================================================== */

@media (max-width: 768px) {
	.empreendimentos-page::before {
		/* AJUSTE AQUI: posição do fundo no mobile */
		background-position: center right;
		opacity: 1;
		filter: none;
	}

	.empreendimentos-page::after {
		display: none !important;
		content: none !important;
	}

	/* HERO MOBILE */
	.empreendimentos-hero {
		/* AJUSTE AQUI: altura da hero no mobile */
		min-height: 82svh;

		/* AJUSTE AQUI: padding mobile da hero */
		padding: 100px 0 56px;
	}

	.empreendimentos-hero::before,
	.empreendimentos-hero::after {
		display: none !important;
		content: none !important;
	}

	.empreendimentos-hero__content {
		max-width: 100%;
		padding: 0;
	}

	.empreendimentos-hero__content::before {
		margin-bottom: 16px;
		font-size: 9.5px;
		letter-spacing: 0.24em;
	}

	/* Linha amarela mobile */
	.empreendimentos-hero__content::after {
		width: 86px;
		margin-top: 26px;
	}

	/* Kicker mobile */
	.empreendimentos-hero__kicker {
		font-size: 10px;
		letter-spacing: 0.24em;
		margin-bottom: 18px;
	}

	.empreendimentos-hero__kicker::after {
		display: none !important;
		content: none !important;
	}

	/* Título hero mobile */
	.empreendimentos-hero__title {
		font-size: clamp(32px, 9.6vw, 50px);
		line-height: 1.08;
		font-weight: 300;
		letter-spacing: 0.035em;
		margin-bottom: 20px;
	}

	.empreendimentos-hero__title::after {
		display: none !important;
		content: none !important;
	}

	/* Subtítulo hero mobile */
	.empreendimentos-hero__text {
		font-size: 11.5px;
		line-height: 1.72;
		letter-spacing: 0.12em;
		color: rgba(215, 215, 215, 0.92);
	}

	/* FILTRO MOBILE */
	.empreendimentos-filter {
		margin-top: -32px;
		padding: 0 0 34px;
	}

	.empreendimentos-filter__nav {
		width: 100%;
		gap: 10px;
	}

	.empreendimentos-filter__nav button {
		width: 100%;
		min-width: 0;

		/* AJUSTE AQUI: altura dos botões mobile */
		min-height: 42px;

		/* AJUSTE AQUI: fonte dos botões mobile */
		font-size: 10px;
	}

	/* LISTAGEM MOBILE */
	.empreendimentos-list {
		padding: 42px 0 78px;
	}

	.empreendimentos-grid {
		display: block;
	}

	.empreendimento-card + .empreendimento-card {
		margin-top: 26px;
	}

	/* Card vira 1 coluna no mobile */
	.empreendimento-card,
	.empreendimento-card--large,
	.empreendimento-card--wide,
	.empreendimento-card--tall {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	/* Imagem mobile */
	.empreendimento-card__media,
	.empreendimento-card--large .empreendimento-card__media,
	.empreendimento-card--wide .empreendimento-card__media,
	.empreendimento-card--tall .empreendimento-card__media {
		min-height: 320px;
		height: 320px !important;
	}

	/* Conteúdo mobile */
	.empreendimento-card__content {
		min-height: auto;
		padding: 36px 24px;

		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
	}

	/* Título do card mobile */
	.empreendimento-card__content h2 {
		font-size: 25px;
	}

	/* Tipologia mobile */
	.empreendimento-card__type {
		font-size: 14px;
	}

	/* Endereço mobile */
	.empreendimento-card__address {
		font-size: 12.5px;
	}

	/* Botão mobile */
	.empreendimento-card__button {
		width: 100%;
		min-height: 52px;
	}
}

/* =====================================================
   OVERLAY PROGRESSIVO DAS PÁGINAS INTERNAS
   Efeito:
   - Página começa mais escura
   - Conforme rola, o overlay escuro vai sumindo
   - Não aplica blur na imagem

   AJUSTE AQUI:
   --internal-bg-overlay: força inicial do escurecimento
===================================================== */

.empreendimentos-page,
.contato-page,
.sobre-page {
	/* AJUSTE AQUI: escuro inicial da imagem */
	--internal-bg-overlay: 0.42;
}

/* Overlay global controlado pelo JS */
.empreendimentos-page::after,
.contato-page::after,
.sobre-page::after {
	content: "" !important;
	display: block !important;

	position: fixed;
	inset: 0;
	z-index: 0;

	background: rgba(0, 0, 0, var(--internal-bg-overlay));

	pointer-events: none;

	transition: background 0.08s linear;
}

/* Garante que o conteúdo continue acima da imagem e do overlay */
.empreendimentos-page > *,
.contato-page > *,
.sobre-page > * {
	position: relative;
	z-index: 1;
}

/* =====================================================
   DESLIGA OVERLAYS ANTIGOS DA HERO
   Importante para não escurecer duas vezes
===================================================== */

.contato-hero::before,
.sobre-hero::before {
	display: none !important;
	content: none !important;
}