/* =====================================================
   SINGLE EMPREENDIMENTO â€” PADRÃƒO AMALCO

   Estrutura:
   - Fundo fixo em toda a pÃ¡gina
   - ConteÃºdo rolando por cima
   - Overlay escuro global
   - Hero com liquid glass
   - Cores e tipografia Amalco
===================================================== */


/* =====================================================
   BASE DA PÃGINA
===================================================== */

main.single-empreendimento {
	position: relative;

	min-height: 100vh;

	color: #ffffff;
	background: #11110f;

	overflow-x: clip;

	--single-empreendimento-overlay: 0.54;
}


/* =====================================================
   FUNDO FIXO DA PÃGINA INTEIRA

   A imagem vem da variÃ¡vel definida no PHP:
   --single-empreendimento-bg
===================================================== */

.single-empreendimento::before {
	content: "";

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

	background-image: var(--single-empreendimento-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	filter:
		saturate(0.92)
		contrast(1.04);

	transform: scale(1.015);

	pointer-events: none;
}


/* =====================================================
   OVERLAY ESCURO GLOBAL

   MantÃ©m a leitura dos textos em toda a pÃ¡gina.
===================================================== */

.single-empreendimento::after {
	content: "";

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

	background:
		linear-gradient(
			180deg,
			rgba(8, 8, 7, var(--single-empreendimento-overlay)) 0%,
			rgba(8, 8, 7, 0.42) 38%,
			rgba(8, 8, 7, 0.68) 100%
		),
		linear-gradient(
			90deg,
			rgba(8, 8, 7, 0.56) 0%,
			rgba(8, 8, 7, 0.12) 75%
		);

	pointer-events: none;
}


/* Todo o conteÃºdo fica acima do fundo e do overlay */
.single-empreendimento > * {
	position: relative;
	z-index: 1;
}


/* =====================================================
   HERO
===================================================== */

.single-empreendimento__hero {
	position: relative;

	min-height: 100svh;

	display: flex;
	align-items: flex-end;

	padding: 150px 0 76px;

	background: transparent;

	overflow: hidden;
}


/*
 * A imagem nÃ£o fica mais dentro da Hero.
 * O fundo agora Ã© controlado pela pÃ¡gina inteira.
 *
 * Esta regra tambÃ©m evita imagem duplicada caso
 * o elemento antigo ainda exista no PHP.
 */
.single-empreendimento__hero > img {
	display: none;
}


/* Brilho amarelo sutil */
.single-empreendimento__hero::after {
	content: "";

	position: absolute;
	top: 12%;
	right: 4%;
	z-index: 0;

	width: 420px;
	height: 420px;

	border-radius: 50%;

	background: rgba(247, 173, 4, 0.14);
	filter: blur(120px);

	pointer-events: none;
}


/* =====================================================
   PAINEL LIQUID GLASS DA HERO
===================================================== */

.single-empreendimento__hero .container {
	position: relative;
	z-index: 2;

	width: calc(100% - 64px);
	max-width: 1180px;

	margin: 0 auto;

	padding:
		44px
		48px;

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

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.13) 0%,
			rgba(255, 255, 255, 0.055) 48%,
			rgba(255, 255, 255, 0.025) 100%
		);

	backdrop-filter:
		blur(26px)
		saturate(155%);

	-webkit-backdrop-filter:
		blur(26px)
		saturate(155%);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.20),
		inset 0 -1px 0 rgba(255, 255, 255, 0.05),
		0 28px 80px rgba(0, 0, 0, 0.28);
}


/* =====================================================
   TÃTULO DA HERO
===================================================== */

.single-empreendimento__hero h1 {
	max-width: 900px;

	margin: 0 0 28px;

	font-family: inherit;

	font-size: clamp(48px, 7vw, 50px);
	line-height: 0.96;
	font-weight: 300;

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

	color: #ffffff;

	text-shadow:
		0 22px 58px rgba(0, 0, 0, 0.42);
}


/* =====================================================
   INFORMAÃ‡Ã•ES DA HERO
===================================================== */

.single-empreendimento__hero p {
	max-width: 760px;

	margin: 10px 0 0;

	font-family: inherit;

	font-size: 13px;
	line-height: 1.7;
	font-weight: 700;

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

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


/* Tipologia em amarelo */
.single-empreendimento__hero p:first-of-type {
	color: #f7ad04;
}


/* =====================================================
   CONTEÃšDO ABAIXO DA HERO

   Fundo transparente para revelar a imagem fixa.
===================================================== */

.single-empreendimento__content {
	position: relative;

	padding: 110px 0;

	background: transparent;

	font-size: 17px;
	line-height: 1.85;

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


/* Painel glass do conteÃºdo */
.single-empreendimento__content .container {
	max-width: 1180px;

	margin: 0 auto;

	padding:
		54px
		48px;

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

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.11) 0%,
			rgba(255, 255, 255, 0.045) 52%,
			rgba(255, 255, 255, 0.025) 100%
		);

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

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

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		0 28px 80px rgba(0, 0, 0, 0.22);
}


/* Textos internos */
.single-empreendimento__content p:first-child {
	margin-top: 0;
}


.single-empreendimento__content p:last-child {
	margin-bottom: 0;
}


.single-empreendimento__content h2,
.single-empreendimento__content h3 {
	margin-top: 0;

	font-family: inherit;
	font-weight: 300;
	line-height: 1.1;

	text-transform: uppercase;

	color: #ffffff;
}


.single-empreendimento__content h2 {
	font-size: clamp(34px, 4vw, 50px);
}


.single-empreendimento__content h3 {
	font-size: clamp(24px, 2.6vw, 30px);
}


/* Links dentro do conteÃºdo */
.single-empreendimento__content a {
	color: #f7ad04;

	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}


/* =====================================================
   BOTÃƒO VOLTAR AO TOPO
   MantÃ©m o mesmo posicionamento global das outras pÃ¡ginas
===================================================== */

.back-to-top,
.scroll-to-top,
.scroll-top,
.go-top,
#back-to-top {
	position: fixed;
	z-index: 99999;
}

/* =====================================================
   SOBRE O EMPREENDIMENTO
===================================================== */

.single-empreendimento__about {
	position: relative;

	padding: 120px 0;

	background: transparent;
}


/* Estrutura em duas colunas */
.single-empreendimento__about .container {
	width: calc(100% - 64px);
	max-width: 1180px;

	margin: 0 auto;

	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 70px;

	align-items: start;
}


/* =====================================================
   TÃTULO DA SEÃ‡ÃƒO
===================================================== */

.single-empreendimento__about-heading {
	position: sticky;
	top: 140px;

	padding-top: 14px;
}


.single-empreendimento__kicker {
	display: inline-block;

	margin-bottom: 20px;

	font-size: 14px;
	line-height: 1;
	font-weight: 800;

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

	color: #f7ad04;
}


.single-empreendimento__about-heading h2 {
	max-width: 500px;

	margin: 0;

	font-family: inherit;
	font-size: clamp(40px, 4.8vw, 50px);
	line-height: 1.02;
	font-weight: 300;

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

	color: #ffffff;

	text-shadow:
		0 20px 50px rgba(0, 0, 0, 0.34);
}


/* Linha decorativa */
.single-empreendimento__about-heading::after {
	content: "";

	display: block;

	width: 86px;
	height: 2px;

	margin-top: 34px;

	background:
		linear-gradient(
			90deg,
			#f7ad04 0%,
			rgba(247, 173, 4, 0.08) 100%
		);
}


/* =====================================================
   CONTEÃšDO LIQUID GLASS
===================================================== */

.single-empreendimento__about-content {
	position: relative;

	padding: 54px 50px;

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

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.13) 0%,
			rgba(255, 255, 255, 0.055) 48%,
			rgba(255, 255, 255, 0.025) 100%
		);

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

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

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -1px 0 rgba(255, 255, 255, 0.04),
		0 28px 80px rgba(0, 0, 0, 0.24);
}


/* Brilho interno amarelo */
.single-empreendimento__about-content::before {
	content: "";

	position: absolute;
	top: 0;
	left: 0;

	width: 120px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			#f7ad04,
			transparent
		);
}


/* =====================================================
   TEXTOS
===================================================== */

.single-empreendimento__about-content {
	font-size: 17px;
	line-height: 1.9;

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


.single-empreendimento__about-content p {
	margin-top: 0;
	margin-bottom: 24px;
}


.single-empreendimento__about-content p:last-child {
	margin-bottom: 0;
}


.single-empreendimento__about-content strong {
	font-weight: 700;

	color: #ffffff;
}


.single-empreendimento__about-content h2,
.single-empreendimento__about-content h3 {
	margin-top: 0;
	margin-bottom: 24px;

	font-family: inherit;
	font-weight: 400;
	line-height: 1.15;
	text-transform: uppercase;

	color: #ffffff;
}


.single-empreendimento__about-content h2 {
	font-size: clamp(30px, 3vw, 40px);
}


.single-empreendimento__about-content h3 {
	font-size: clamp(22px, 2vw, 30px);
}


.single-empreendimento__about-content a {
	color: #f7ad04;

	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

/* =====================================================
   DETALHES DO PROJETO
===================================================== */

.single-empreendimento__details {
	position: relative;
	padding: 120px 0;
	background: transparent;
}


.single-empreendimento__details .container {
	width: calc(100% - 64px);
	max-width: 1180px;

	margin: 0 auto;
}


/* =====================================================
   TÃTULO
===================================================== */

.single-empreendimento__details-heading {
	max-width: 760px;
	margin: 0 auto 50px;

	text-align: center;
}


.single-empreendimento__details-heading h2 {
	margin: 0;

	font-family: inherit;
	font-size: clamp(40px, 4.8vw, 50px);
	line-height: 1.02;
	font-weight: 300;

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

	color: #ffffff;

	text-shadow:
		0 20px 50px rgba(0, 0, 0, 0.34);
}


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

.single-empreendimento__details-grid {
	display: grid;

	grid-template-columns:
		repeat(
			auto-fit,
			minmax(190px, 1fr)
		);

	gap: 18px;
}


/* =====================================================
   CARD LIQUID GLASS
===================================================== */

.single-empreendimento__detail-card {
	position: relative;

	min-height: 190px;
	padding: 28px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	overflow: hidden;

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

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.13) 0%,
			rgba(255, 255, 255, 0.055) 48%,
			rgba(255, 255, 255, 0.025) 100%
		);

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

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

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -1px 0 rgba(255, 255, 255, 0.04),
		0 28px 70px rgba(0, 0, 0, 0.22);

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


/* Linha amarela superior */
.single-empreendimento__detail-card::before {
	content: "";

	position: absolute;
	top: 0;
	left: 0;

	width: 74px;
	height: 2px;

	background:
		linear-gradient(
			90deg,
			#f7ad04,
			transparent
		);
}


/* Brilho interno */
.single-empreendimento__detail-card::after {
	content: "";

	position: absolute;
	top: -80px;
	right: -80px;

	width: 170px;
	height: 170px;

	border-radius: 50%;

	background: rgba(247, 173, 4, 0.10);
	filter: blur(48px);

	pointer-events: none;
}


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

	border-color: rgba(247, 173, 4, 0.42);

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.16) 0%,
			rgba(255, 255, 255, 0.065) 48%,
			rgba(255, 255, 255, 0.03) 100%
		);
}


/* =====================================================
   TEXTOS DO CARD
===================================================== */

.single-empreendimento__detail-label {
	position: relative;
	z-index: 1;

	font-size: 10px;
	line-height: 1.4;
	font-weight: 800;

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

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


.single-empreendimento__detail-value {
	position: relative;
	z-index: 1;

	margin-top: 40px;

	font-family: inherit;
	font-size: clamp(22px, 2vw, 32px);
	line-height: 1.08;
	font-weight: 400;

	letter-spacing: 0.01em;

	color: #ffffff;
}

/* =====================================================
   GALERIA DO EMPREENDIMENTO
===================================================== */

.single-empreendimento__gallery {
	position: relative;
	padding: 120px 0;
	background: transparent;
}


.single-empreendimento__gallery .container {
	width: calc(100% - 64px);
	max-width: 1180px;

	margin: 0 auto;
}


/* =====================================================
   TÃTULO
===================================================== */

.single-empreendimento__gallery-heading {
	max-width: 760px;
	margin-bottom: 50px;
}


.single-empreendimento__gallery-heading h2 {
	margin: 0;

	font-family: inherit;
	font-size: clamp(40px, 4.8vw, 50px);
	line-height: 1.02;
	font-weight: 300;

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

	color: #ffffff;

	text-shadow:
		0 20px 50px rgba(0, 0, 0, 0.34);
}


/* =====================================================
   GRID EDITORIAL
===================================================== */

.single-empreendimento__gallery-grid {
	display: grid;

	grid-template-columns:
		repeat(12, minmax(0, 1fr));

	grid-auto-rows: 230px;

	gap: 18px;
}


/* =====================================================
   ITEM DA GALERIA
===================================================== */

.single-empreendimento__gallery-item {
	position: relative;

	grid-column: span 4;

	margin: 0;
	padding: 0;

	overflow: hidden;

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

	background:
		rgba(255, 255, 255, 0.05);

	box-shadow:
		0 24px 65px rgba(0, 0, 0, 0.24);

	cursor: pointer;
}


/* Primeira imagem em destaque */
.single-empreendimento__gallery-item:first-child {
	grid-column: span 8;
	grid-row: span 2;
}


/* Algumas imagens mais largas */
.single-empreendimento__gallery-item:nth-child(5n) {
	grid-column: span 8;
}


/* =====================================================
   IMAGEM
===================================================== */

.single-empreendimento__gallery-item img {
	width: 100%;
	height: 100%;

	display: block;

	object-fit: cover;
	object-position: center;

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


/* =====================================================
   OVERLAY
===================================================== */

.single-empreendimento__gallery-overlay {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: flex-end;

	padding: 26px;

	background:
		linear-gradient(
			180deg,
			rgba(8, 8, 7, 0.02) 35%,
			rgba(8, 8, 7, 0.78) 100%
		);

	font-family: inherit;
	font-size: 10px;
	line-height: 1;
	font-weight: 800;

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

	color: #ffffff;

	opacity: 0;

	transition:
		opacity 0.35s ease;
}


/* Linha amarela */
.single-empreendimento__gallery-overlay::before {
	content: "";

	position: absolute;
	left: 26px;
	bottom: 48px;

	width: 60px;
	height: 2px;

	background:
		linear-gradient(
			90deg,
			#f7ad04,
			transparent
		);
}


/* =====================================================
   HOVER
===================================================== */

.single-empreendimento__gallery-item:hover img {
	transform: scale(1.05);
	filter: brightness(0.72);
}


.single-empreendimento__gallery-item:hover
.single-empreendimento__gallery-overlay {
	opacity: 1;
}


/* Acessibilidade pelo teclado */
.single-empreendimento__gallery-item:focus-visible {
	outline: 2px solid #f7ad04;
	outline-offset: 4px;
}


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

@media (max-width: 900px) {

	.single-empreendimento__gallery-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		grid-auto-rows: 300px;
	}


	.single-empreendimento__gallery-item,
	.single-empreendimento__gallery-item:first-child,
	.single-empreendimento__gallery-item:nth-child(5n) {
		grid-column: auto;
		grid-row: auto;
	}


	.single-empreendimento__gallery-item:first-child {
		grid-column: span 2;
	}

}


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

@media (max-width: 700px) {

	.single-empreendimento__gallery {
		padding: 76px 18px;
	}


	.single-empreendimento__gallery .container {
		width: 100%;
	}


	.single-empreendimento__gallery-heading {
		margin-bottom: 34px;
	}


	.single-empreendimento__gallery-heading h2 {
		font-size: clamp(36px, 11vw, 52px);
	}


	.single-empreendimento__gallery-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 280px;

		gap: 14px;
	}


	.single-empreendimento__gallery-item,
	.single-empreendimento__gallery-item:first-child,
	.single-empreendimento__gallery-item:nth-child(5n) {
		grid-column: auto;
		grid-row: auto;
	}


	.single-empreendimento__gallery-overlay {
		padding: 22px;

		opacity: 1;
	}


	.single-empreendimento__gallery-overlay::before {
		left: 22px;
		bottom: 44px;
	}

}

/* =====================================================
   CARROSSEL DA GALERIA â€” TELA INTEIRA
===================================================== */

.single-gallery-carousel {
	position: fixed;
	inset: 0;
	z-index: 999999;

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

	width: 100%;
	height: 100%;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition:
		opacity 0.35s ease,
		visibility 0.35s ease;
}


/* Carrossel aberto */
.single-gallery-carousel.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}


/* Bloqueia a rolagem da pÃ¡gina */
body.single-gallery-carousel-open {
	overflow: hidden;
}


/* =====================================================
   FUNDO
===================================================== */

.single-gallery-carousel__backdrop {
	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			135deg,
			rgba(8, 8, 7, 0.97) 0%,
			rgba(18, 17, 13, 0.96) 55%,
			rgba(8, 8, 7, 0.98) 100%
		);

	backdrop-filter:
		blur(26px)
		saturate(130%);

	-webkit-backdrop-filter:
		blur(26px)
		saturate(130%);
}


/* Brilho amarelo de fundo */
.single-gallery-carousel__backdrop::after {
	content: "";

	position: absolute;
	top: 10%;
	right: 8%;

	width: 420px;
	height: 420px;

	border-radius: 50%;

	background: rgba(247, 173, 4, 0.12);
	filter: blur(130px);

	pointer-events: none;
}


/* =====================================================
   CONTEÃšDO
===================================================== */

.single-gallery-carousel__content {
	position: relative;
	z-index: 2;

	width: 100%;
	height: 100%;

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

	padding: 36px 80px;
}


/* =====================================================
   ÃREA PRINCIPAL
===================================================== */

.single-gallery-carousel__stage {
	position: relative;

	width: 100%;
	height: 100%;

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


/* =====================================================
   IMAGEM
===================================================== */

.single-gallery-carousel__figure {
	position: relative;

	width: 100%;
	height: 100%;

	margin: 0;

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

	gap: 18px;
}


.single-gallery-carousel__image {
	display: block;

	max-width: min(1400px, 88vw);
	max-height: calc(100vh - 150px);

	width: auto;
	height: auto;

	object-fit: contain;

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

	box-shadow:
		0 34px 100px rgba(0, 0, 0, 0.52);

	opacity: 1;
	transform: scale(1);

	transition:
		opacity 0.3s ease,
		transform 0.3s ease;
}


/* Troca suave entre imagens */
.single-gallery-carousel__image.is-changing {
	opacity: 0;
	transform: scale(0.985);
}


/* =====================================================
   LEGENDA E CONTADOR
===================================================== */

.single-gallery-carousel__caption {
	min-height: 24px;

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

	gap: 18px;

	font-family: inherit;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;

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

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


.single-gallery-carousel__counter {
	color: #f7ad04;
}


.single-gallery-carousel__description:empty {
	display: none;
}


/* =====================================================
   BOTÃƒO FECHAR
===================================================== */

.single-gallery-carousel__close {
	position: absolute;
	top: 28px;
	right: 30px;
	z-index: 5;

	width: 52px;
	height: 52px;

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

	padding: 0;

	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.13),
			rgba(255, 255, 255, 0.045)
		);

	color: #ffffff;

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	cursor: pointer;

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


.single-gallery-carousel__close span {
	display: block;

	font-size: 32px;
	line-height: 1;
	font-weight: 200;

	transform: translateY(-2px);
}


.single-gallery-carousel__close:hover {
	transform: rotate(90deg);

	border-color: rgba(247, 173, 4, 0.60);

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


/* =====================================================
   SETAS
===================================================== */

.single-gallery-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 4;

	width: 58px;
	height: 58px;

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

	padding: 0;

	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.13),
			rgba(255, 255, 255, 0.04)
		);

	color: #ffffff;

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	cursor: pointer;

	transform: translateY(-50%);

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


.single-gallery-carousel__arrow span {
	display: block;

	font-size: 42px;
	line-height: 1;
	font-weight: 200;

	transform: translateY(-3px);
}


.single-gallery-carousel__arrow--prev {
	left: 0;
}


.single-gallery-carousel__arrow--next {
	right: 0;
}


.single-gallery-carousel__arrow:hover {
	border-color: rgba(247, 173, 4, 0.60);

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


.single-gallery-carousel__arrow--prev:hover {
	transform:
		translateY(-50%)
		translateX(-4px);
}


.single-gallery-carousel__arrow--next:hover {
	transform:
		translateY(-50%)
		translateX(4px);
}


/* =====================================================
   FOCO
===================================================== */

.single-gallery-carousel button:focus-visible {
	outline: 2px solid #f7ad04;
	outline-offset: 4px;
}



/* =====================================================
   REDUÃ‡ÃƒO DE MOVIMENTO
===================================================== */

@media (prefers-reduced-motion: reduce) {

	.single-gallery-carousel,
	.single-gallery-carousel__image,
	.single-gallery-carousel__close,
	.single-gallery-carousel__arrow {
		transition: none;
	}

}

/* =====================================================
   HEADER NAS PÃGINAS INDIVIDUAIS
   MantÃ©m o menu acima do fundo fixo e dos overlays
===================================================== */

body.single-empreendimento .site-header,
body.single-empreendimento header.site-header,
body.single-empreendimento #masthead {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;

	z-index: 999999;
}

/* ...todo o código antigo acima... */


/* =====================================================
   AJUSTE 01 — CONHEÇA O PROJETO NO MOBILE
===================================================== */

@media (max-width: 700px) {

	.single-empreendimento__about .container {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.single-empreendimento__about-heading {
		position: relative;
		top: auto;
	}

	.single-empreendimento__about-heading,
	.single-empreendimento__about-content {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

}

/* =====================================================
   WHATSAPP FLUTUANTE — SINGLE EMPREENDIMENTO
===================================================== */

body.single-empreendimento > .whatsapp-float {
	position: fixed;

	top: auto;
	left: auto;
	right: 24px;
	bottom: calc(94px + env(safe-area-inset-bottom, 0px));

	z-index: 999999;

	margin: 0;
	transform: none;
}


@media (max-width: 700px) {

	body.single-empreendimento > .whatsapp-float {
		left: auto;
		right: 18px;
		bottom: calc(86px + env(safe-area-inset-bottom, 0px));
	}

}


@media (max-width: 390px) {

	body.single-empreendimento > .whatsapp-float {
		left: auto;
		right: 14px;
		bottom: calc(82px + env(safe-area-inset-bottom, 0px));
	}

}