/* =======================================================================
   LANDING PAGE PADRÃO DE EMPREENDIMENTO — design system próprio
   Paleta: verde profundo (#0E3B2D / #1C5741), dourado (#C8A96A),
   areia (#F6F4EF). Tipografia: Marcellus (serifada, títulos), Ripon
   Script (cursiva, um único uso emocional), Montserrat (corpo/UI).
   ======================================================================= */

.page-empreendimento-page { background: #FCFDFD; }

/* Pedido do cliente: nas páginas de empreendimento individual, o menu
   horizontal do topo (o completo, com os itens escritos) some — fica só
   o ícone que abre o painel lateral verde (que continua com todos os
   itens) e o rodapé (que não é afetado por essa regra).
   ⚠️ Esconder só o WIDGET do menu (elementor-element-a497061) não é
   suficiente — o CONTAINER que envolve ele (elementor-element-7e4beb4)
   tem largura reservada de 100% no CSS original do Elementor, então
   mesmo vazio ele continua "ocupando espaço" e empurra a logo/ícone
   pra posições erradas. A correção certa é esconder esse container
   PAI inteiro, não só o widget filho. */
.page-empreendimento-page .elementor-element-7e4beb4 { display: none !important; }
/* O ícone que abre o painel lateral normalmente só aparece em telas
   grandes (`elementor-hidden-mobile` no HTML original). Como ele agora
   é o ÚNICO jeito de navegar nessa página, precisa aparecer em
   qualquer tamanho de tela — senão quem acessa pelo celular fica sem
   nenhuma forma de abrir o menu. */
.page-empreendimento-page .elementor-element-53dbe3f { display: flex !important; }
/* Tablet/celular: logo à esquerda e ícone do menu à direita na MESMA
   linha (antes o ícone caía pra baixo da logo no celular, e no tablet a
   logo sumia — ela é `elementor-hidden-tablet` no HTML original). */
@media (max-width: 1024px) {
	.page-empreendimento-page #header > .e-con-inner { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
	.page-empreendimento-page .elementor-element-d10de7a { display: flex !important; width: auto; --width: auto; flex: 0 1 auto; order: 0; }
	.page-empreendimento-page .elementor-element-67235d1 img { width: 100%; max-width: 240px; }
	.page-empreendimento-page .elementor-element-53dbe3f { width: auto; --width: auto; flex: 0 0 auto; order: 1; }
}

.page-empreendimento-page .ep-eyebrow {
	display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 600;
	font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;
	color: #C8A96A; margin-bottom: 16px;
}
.page-empreendimento-page .ep-eyebrow--light { color: #C8A96A !important; }
.page-empreendimento-page .ep-h2 {
	font-family: 'Marcellus', serif !important; font-weight: 400; font-size: 40px;
	line-height: 1.2; color: #0E3B2D !important; margin: 0 0 20px;
}
.page-empreendimento-page .ep-h2--light { color: #FCFDFD !important; }

/* ---------------------------------------------------------------------
   HERO
   --------------------------------------------------------------------- */
.ep-hero {
	position: relative; height: 100vh; min-height: 560px; max-height: 980px;
	overflow: hidden; display: flex; flex-direction: column; align-items: stretch;
	justify-content: flex-end;
	color: #FCFDFD;
	margin-top: -211px;
}
.ep-hero__media { position: absolute; inset: 0; z-index: 0; background: #0E3B2D; }
.ep-hero__img {
	position: absolute; inset: 0; background-size: cover; background-position: center;
	animation: ep-hero-zoom 18s ease-in-out infinite alternate;
}
@keyframes ep-hero-zoom { from { transform: scale(1); } to { transform: scale(1.08); } }
.ep-hero__video {
	position: absolute; top: 50%; left: 50%; width: 177.78vh; height: 56.25vw;
	min-width: 100%; min-height: 100%; transform: translate(-50%, -50%);
	pointer-events: none; border: none;
}
.ep-hero__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(14,59,45,0.55) 0%, rgba(14,59,45,0.25) 40%, rgba(14,59,45,0.96) 100%);
}
.ep-hero__content {
	position: relative; z-index: 1; width: 100%;
	max-width: 1180px; margin: 0 auto; padding: 0 20px 70px;
	text-align: center;
}
.ep-hero__eyebrow {
	display: block; font-family: 'Montserrat', sans-serif; font-weight: 600;
	font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase;
	color: #C8A96A; margin-bottom: 6px;
	opacity: 0; animation: ep-fade-up 0.9s ease 0.1s forwards;
}
.ep-hero__apresenta {
	display: block; font-family: 'Montserrat', sans-serif; font-style: italic; font-weight: 400;
	font-size: 13px; letter-spacing: 0.04em; color: rgba(252,253,253,0.65); margin-bottom: 18px;
	opacity: 0; animation: ep-fade-up 0.9s ease 0.15s forwards;
}
.ep-hero__title {
	font-family: 'Marcellus', serif; font-weight: 400;
	font-size: clamp(42px, 7vw, 96px); line-height: 1.05;
	margin: 0 0 18px; text-shadow: 0 4px 24px rgba(0,0,0,0.35);
	opacity: 0; animation: ep-fade-up 0.9s ease 0.25s forwards;
}
.ep-hero__tagline {
	font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px;
	color: rgba(252,253,253,0.88); margin: 0;
	opacity: 0; animation: ep-fade-up 0.9s ease 0.4s forwards;
}
@keyframes ep-fade-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

.ep-hero__facts {
	position: relative; z-index: 1;
	display: flex; justify-content: center; flex-wrap: wrap; gap: 0;
	max-width: 900px; margin: 0 auto; padding: 0 20px 46px;
}
.ep-fact {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	padding: 0 32px; border-left: 1px solid rgba(252,253,253,0.25);
}
.ep-fact:first-child { border-left: none; }
@media (max-width: 640px) {
	.ep-hero__facts { flex-direction: column; gap: 16px; }
	.ep-fact { border-left: none !important; padding: 0; }
}
.ep-fact__label {
	font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 11px;
	letter-spacing: 0.14em; color: #C8A96A; margin-bottom: 6px;
}
.ep-fact__value {
	font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 15px;
	color: #FCFDFD; max-width: 220px;
}
.ep-hero__scroll {
	position: absolute; z-index: 1; left: 50%; bottom: 22px; transform: translateX(-50%);
	color: #FCFDFD; opacity: 0.75; animation: ep-bounce 2s ease-in-out infinite;
}
.ep-hero__scroll svg { width: 22px; height: 22px; display: block; }
@keyframes ep-bounce { 0%,100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 8px); } }

/* ---------------------------------------------------------------------
   BARRA FIXA (aparece ao rolar)
   --------------------------------------------------------------------- */
.ep-stickybar {
	position: fixed; top: 0; left: 0; right: 0; z-index: 500;
	background: rgba(14,59,45,0.97); backdrop-filter: blur(6px);
	transform: translateY(-100%); transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
	border-bottom: 1px solid rgba(200,169,106,0.2);
}
.ep-stickybar.is-visible { transform: translateY(0); }
.ep-stickybar__inner {
	max-width: 1300px; margin: 0 auto; padding: 16px 24px;
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.ep-stickybar__name {
	font-family: 'Marcellus', serif; font-size: 18px; color: #FCFDFD; white-space: nowrap;
}
.ep-stickybar__nav { display: flex; gap: 26px; flex-wrap: wrap; }
.ep-stickybar__nav a {
	font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500;
	color: rgba(252,253,253,0.75); text-decoration: none; white-space: nowrap;
	transition: color 0.25s ease;
}
.ep-stickybar__nav a:hover { color: #C8A96A; }
.ep-stickybar__cta {
	flex-shrink: 0; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13px;
	color: #0E3B2D; background: #C8A96A; text-decoration: none;
	padding: 10px 22px; border-radius: 50px; white-space: nowrap;
	transition: background 0.25s ease;
}
.ep-stickybar__cta:hover { background: #FCFDFD; }
@media (max-width: 900px) {
	.ep-stickybar__nav { display: none; }
}

/* ---------------------------------------------------------------------
   SOBRE
   --------------------------------------------------------------------- */
/* Linguagem de prancha de arquitetura: o texto corre ao lado de uma "cota"
   (linha de medida dourada com traços nas pontas) e a ficha técnica é o
   "carimbo" da prancha, com marcas de corte nos cantos.
   O conteúdo vem organizado por includes/empreendimento_sobre.php. */
.ep-sobre { padding: 120px 20px; background: #FCFDFD; scroll-margin-top: 90px; }
.ep-sobre__inner {
	max-width: 1180px; margin: 0 auto;
	display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr); gap: 90px; align-items: start;
}
.ep-sobre__text { position: relative; padding-left: 44px; }
/* a cota */
.ep-sobre__text::before {
	content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 13px;
	border-top: 1px solid #C8A96A; border-bottom: 1px solid #C8A96A;
	background: linear-gradient(#C8A96A, #C8A96A) center / 1px 100% no-repeat;
}
.page-empreendimento-page .ep-sobre .ep-h2 { font-size: 44px; line-height: 1.12; margin-bottom: 40px; }
.ep-sobre__desc { font-family: 'Montserrat', sans-serif; color: #3E4743; }
.ep-sobre__desc > *:first-child { margin-top: 0; }
.ep-sobre__desc > *:last-child { margin-bottom: 0; }
.ep-sobre__destaque + .ep-sobre__bloco { margin-top: 22px; }
.ep-sobre__lead {
	font-family: 'Marcellus', serif; font-size: 22px; line-height: 1.6;
	color: #0E3B2D; margin: 0 0 22px; max-width: 34em;
}
.ep-sobre__p { font-size: 15.5px; line-height: 1.85; margin: 0 0 18px; max-width: 40em; }
.ep-sobre__destaque {
	font-family: 'Marcellus', serif; font-size: 20px; line-height: 1.4; color: #0E3B2D; margin: 34px 0 0;
}
.ep-sobre__desc em.ep-num { font-style: normal; font-family: 'Marcellus', serif; font-size: 1.12em; color: #0E3B2D; }

.ep-sobre__bloco { margin-top: 44px; }
.ep-sobre__bloco-titulo {
	display: flex; align-items: center; gap: 16px; margin: 0 0 6px;
	font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600;
	letter-spacing: .18em; text-transform: uppercase; color: #8A713F;
}
.ep-sobre__bloco-titulo::after { content: ""; flex: 1; height: 1px; background: #E4DCC9; }
.ep-sobre__bloco-titulo em.ep-num { font-size: 15px; letter-spacing: 0; color: #8A713F; }

/* composição (itens com números) */
.ep-sobre__lista { list-style: none; margin: 0; padding: 0; }
.ep-sobre__lista li {
	position: relative; padding: 15px 0 15px 26px; border-bottom: 1px solid #ECE6D8;
	font-size: 15.5px; line-height: 1.6;
}
.ep-sobre__lista li::before {
	content: ""; position: absolute; left: 0; top: 26px; width: 12px; height: 1px; background: #C8A96A;
}

/* grade (lazer, diferenciais) */
.ep-sobre__grade {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); column-gap: 28px;
}
.ep-sobre__grade li {
	display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #ECE6D8;
	font-size: 15px; line-height: 1.35; color: #24302B;
}
.ep-sobre__grade li::before {
	content: ""; flex: 0 0 auto; width: 6px; height: 6px; transform: rotate(45deg);
	border: 1px solid #C8A96A;
}

/* o carimbo (ficha técnica) */
.ep-sobre__specs { position: sticky; top: 120px; }
.ep-ficha {
	position: relative; background: #0E3B2D; color: #FCFDFD; border-radius: 4px;
	padding: 34px 34px 30px; box-shadow: 0 30px 60px -30px rgba(14,59,45,.55);
}
.ep-ficha::before, .ep-ficha::after {
	content: ""; position: absolute; width: 18px; height: 18px; border: 1px solid #C8A96A; pointer-events: none;
}
.ep-ficha::before { top: -9px; left: -9px; border-right: 0; border-bottom: 0; }
.ep-ficha::after { bottom: -9px; right: -9px; border-left: 0; border-top: 0; }
.ep-ficha__topo { padding-bottom: 22px; border-bottom: 1px solid rgba(200,169,106,.35); }
.ep-ficha__marca {
	display: block; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600;
	letter-spacing: .22em; text-transform: uppercase; color: #C8A96A;
}
.ep-ficha__nome { display: block; margin-top: 10px; font-family: 'Marcellus', serif; font-size: 28px; line-height: 1.15; }
.ep-ficha__dados { margin: 0; }
.ep-ficha__linha {
	display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: baseline;
	padding: 18px 0; border-bottom: 1px solid rgba(252,253,253,.12);
}
.ep-ficha__linha dt {
	font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600;
	letter-spacing: .14em; text-transform: uppercase; color: rgba(252,253,253,.6);
}
.ep-ficha__linha dd { margin: 0; }
.ep-ficha__linha dd small {
	display: block; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: .06em;
	color: #C8A96A; margin-bottom: 2px;
}
.ep-ficha__linha dd span { font-family: 'Marcellus', serif; font-size: 20px; line-height: 1.3; }
.ep-ficha__cta {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 26px;
	padding: 15px 18px; border-radius: 3px; background: #C8A96A; color: #0E3B2D !important;
	font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .04em;
	text-decoration: none; transition: background .2s ease;
}
.ep-ficha__cta svg { width: 18px; height: 18px; flex: 0 0 auto; transition: transform .2s ease; }
.ep-ficha__cta:hover, .ep-ficha__cta:focus-visible { background: #D8BD84; }
.ep-ficha__cta:hover svg, .ep-ficha__cta:focus-visible svg { transform: translateX(4px); }
.ep-ficha__cta:focus-visible { outline: 2px solid #FCFDFD; outline-offset: 2px; }

@media (max-width: 1024px) {
	.ep-sobre__inner { gap: 56px; }
}
@media (max-width: 860px) {
	.ep-sobre { padding: 80px 20px; }
	.ep-sobre__inner { grid-template-columns: 1fr; gap: 56px; }
	.ep-sobre__specs { position: static; }
	.ep-sobre__text { padding-left: 28px; }
	.page-empreendimento-page .ep-sobre .ep-h2 { font-size: 34px; margin-bottom: 28px; }
	.ep-sobre__lead { font-size: 19px; }
}
@media (max-width: 480px) {
	.ep-sobre__text { padding-left: 22px; }
	.ep-sobre__text::before { width: 9px; }
	.ep-ficha { padding: 28px 22px 24px; }
	.ep-ficha__linha { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; }
	.ep-sobre__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
	.ep-sobre__grade li { font-size: 14px; }
}

/* ---------------------------------------------------------------------
   EVOLUÇÃO DA OBRA — painel com anel de progresso
   --------------------------------------------------------------------- */
.ep-obra { scroll-margin-top: 90px; background: #0E3B2D; padding: 70px 20px; }
.ep-obra__inner {
	max-width: 900px; margin: 0 auto;
	display: flex; align-items: center; justify-content: center; gap: 56px;
}
.ep-obra__ring-wrap { flex-shrink: 0; }
.ep-obra__ring { width: 160px; height: 160px; display: block; }
.ep-obra__ring-track {
	fill: none; stroke: rgba(252,253,253,0.15); stroke-width: 8;
}
.ep-obra__ring-fill {
	fill: none; stroke: #C8A96A; stroke-width: 8; stroke-linecap: round;
	stroke-dasharray: 326.7; stroke-dashoffset: 326.7;
	transform: rotate(-90deg); transform-origin: 60px 60px;
	transition: stroke-dashoffset 1.4s cubic-bezier(0.22,1,0.36,1);
}
.ep-obra__ring-text {
	font-family: 'Marcellus', serif; font-size: 26px; fill: #FCFDFD;
}
.ep-obra__info { text-align: left; }
.ep-obra__etapa-label {
	font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 12px;
	letter-spacing: 0.08em; text-transform: uppercase; color: #C8A96A; margin: 0 0 6px;
}
.ep-obra__etapa {
	font-family: 'Marcellus', serif; font-weight: 400; font-size: 32px;
	color: #FCFDFD; margin: 0 0 12px;
}
.ep-obra__atualizado {
	font-family: 'Montserrat', sans-serif; font-size: 13.5px; color: rgba(252,253,253,0.6); margin: 0;
}
@media (max-width: 640px) {
	.ep-obra { padding: 50px 20px; }
	.ep-obra__inner { flex-direction: column; text-align: center; gap: 30px; }
	.ep-obra__info { text-align: center; }
	.ep-obra__etapa { font-size: 26px; }
}

/* ---------------------------------------------------------------------
   PLANTAS
   --------------------------------------------------------------------- */
.ep-plantas {
	scroll-margin-top: 90px;
	display: grid; grid-template-columns: 1fr 1fr; min-height: 620px;
}
.ep-plantas__media { background-size: cover; background-position: center; min-height: 340px; }
.ep-plantas__content {
	background: #0E3B2D; color: #FCFDFD;
	display: flex; flex-direction: column; justify-content: center;
	padding: 70px 60px;
}
.ep-plantas__content .ep-h2 { color: #FCFDFD !important; }
.ep-plantas__subtitle {
	font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 1.6;
	color: rgba(252,253,253,0.8); margin: 0; max-width: 440px;
}
@media (max-width: 860px) {
	.ep-plantas { grid-template-columns: 1fr; }
	.ep-plantas__content { padding: 50px 24px; }
}

/* ---------------------------------------------------------------------
   PLANTAS V2 — corte do prédio com seletor vertical por pavimento
   (substituiu o .ep-plantas acima, mantido no CSS sem ser apagado)
   --------------------------------------------------------------------- */
.ep-plantas-v2 { scroll-margin-top: 90px; background: #F6F4EF; padding: 90px 20px; }
.ep-plantas-v2__head { max-width: 700px; margin: 0 auto 50px; text-align: center; }
.ep-plantas-v2__body {
	max-width: 980px; margin: 0 auto;
	display: flex; gap: 40px; align-items: stretch;
}

/* Corte do prédio — tira vertical de pavimentos, do topo (cobertura)
   até a base (térreo), como um desenho simplificado de fachada */
.ep-plantas-v2__building {
	flex: 0 0 130px; display: flex; flex-direction: column; gap: 4px;
	background: #0E3B2D; border-radius: 14px; padding: 10px;
}
.ep-plantas-v2__segment {
	flex: 1; min-height: 56px; border-radius: 8px !important;
	background: rgba(252,253,253,0.08) !important; border: 2px solid transparent !important;
	color: rgba(252,253,253,0.65); cursor: pointer; padding: 8px !important;
	display: flex; align-items: center; justify-content: center; text-align: center;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.ep-plantas-v2__segment-label {
	font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 12px;
	letter-spacing: 0.02em; line-height: 1.3;
}
.ep-plantas-v2__segment:hover { background: rgba(252,253,253,0.14) !important; color: #FCFDFD; }
.ep-plantas-v2__segment.is-active {
	background: #C8A96A !important; border-color: #C8A96A !important; color: #0E3B2D;
}

/* Visualizador — planta grande + nome/metragem */
.ep-plantas-v2__viewer { flex: 1; min-width: 0; }
.ep-plantas-v2__stage {
	display: flex; align-items: center; justify-content: center;
	width: 100%; aspect-ratio: 16 / 10; border-radius: 14px !important;
	background: #FCFDFD !important; background-size: contain !important; background-repeat: no-repeat !important;
	background-position: center !important; border: 1px solid #E7E3DA !important; padding: 0 !important;
	cursor: zoom-in; margin-bottom: 20px;
}
.ep-plantas-v2__stage.is-vazio { cursor: default; }
.ep-plantas-v2__placeholder {
	font-family: 'Montserrat', sans-serif; font-size: 14px; color: #B3AFA4;
}
.ep-plantas-v2__nome {
	font-family: 'Marcellus', serif; font-weight: 400; font-size: 24px; color: #0E3B2D; margin: 0 0 6px;
}
.ep-plantas-v2__metragem {
	font-family: 'Montserrat', sans-serif; font-size: 14px; color: #7A7A73; margin: 0;
}
@media (max-width: 700px) {
	.ep-plantas-v2 { padding: 60px 20px; }
	.ep-plantas-v2__body { flex-direction: column; }
	.ep-plantas-v2__building {
		flex-direction: row; flex: 0 0 auto; width: 100%;
	}
	.ep-plantas-v2__segment { min-height: 52px; }
}

/* ---------------------------------------------------------------------
   LAZER
   --------------------------------------------------------------------- */
.ep-lazer {
	position: relative; scroll-margin-top: 90px;
	background-size: cover; background-position: center;
	padding: 120px 20px; text-align: center;
}
.ep-lazer__scrim { position: absolute; inset: 0; background: rgba(14,59,45,0.82); }
.ep-lazer__content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }
.ep-lazer__amenidades {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 14px;
	margin-top: 36px;
}
.ep-amenidade {
	display: inline-flex; align-items: center; gap: 9px;
	font-family: 'Montserrat', sans-serif; font-size: 14px; color: #FCFDFD;
	border: 1px solid rgba(252,253,253,0.3); border-radius: 50px;
	padding: 10px 20px;
}
.ep-amenidade__dot { width: 6px; height: 6px; border-radius: 50%; background: #C8A96A; flex-shrink: 0; }

/* ---------------------------------------------------------------------
   APARTAMENTO
   --------------------------------------------------------------------- */
/* Banner de ponta a ponta do apartamento — foto cheia com título por
   cima, sem cantos arredondados. Separado da galeria/visualizador que
   vem logo abaixo (não são a mesma coisa). */
.ep-apto-banner {
	position: relative; height: 62vh; min-height: 380px; max-height: 640px;
	background-size: cover; background-position: center;
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
}
.ep-apto-banner__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(14,59,45,0.15) 0%, rgba(14,59,45,0.55) 100%);
}
.ep-apto-banner__inner { position: relative; z-index: 1; text-align: center; padding: 0 20px; }
.ep-apto-banner .ep-eyebrow {
	color: #C8A96A; background: rgba(14,59,45,0.72);
	padding: 8px 18px; border-radius: 6px; display: inline-block;
}
.ep-apto-banner .ep-h2 { color: #FCFDFD !important; }
@media (max-width: 760px) {
	.ep-apto-banner { height: 46vh; }
}

.ep-apto { scroll-margin-top: 90px; padding: 70px 0 90px; background: #FCFDFD; }
.ep-apto__inner { max-width: 1180px; margin: 0 auto 34px; padding: 0 20px; position: relative; z-index: 1; text-align: center; }
.ep-apto__stage {
	display: block; width: calc(100% - 40px); max-width: 1180px; margin: 0 auto 30px;
	height: 56vh; min-height: 340px; max-height: 580px; border-radius: 14px !important;
	background-size: cover; background-position: center; background-color: transparent !important;
	border: none !important; padding: 0 !important; cursor: zoom-in;
	position: relative; overflow: hidden;
}
.ep-apto__stage::after {
	content: ""; position: absolute; inset: 0; background-image: inherit;
	background-size: cover; background-position: center; transform: scale(1);
	transition: transform 0.6s cubic-bezier(0.22,1,0.36,1);
}
.ep-apto__stage:hover::after { transform: scale(1.03); }

.ep-apto__thumbs {
	max-width: 1180px; margin: 0 auto; padding: 0 20px;
	display: flex; gap: 12px; overflow-x: auto; scroll-padding: 0 20px;
	scrollbar-width: thin;
}
.ep-apto__thumb {
	flex: 0 0 auto; width: 110px; aspect-ratio: 1 / 1;
	background-size: cover; background-position: center; background-color: transparent !important;
	border: 2.5px solid transparent !important; border-radius: 10px !important; padding: 0 !important;
	cursor: pointer; opacity: 0.55; transition: opacity 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.ep-apto__thumb:hover { opacity: 0.85; transform: translateY(-2px); }
.ep-apto__thumb.is-active { opacity: 1; border-color: #C8A96A !important; }
@media (max-width: 760px) {
	.ep-apto__stage { height: 42vh; }
	.ep-apto__thumb { width: 84px; }
}

/* ---------------------------------------------------------------------
   VÍDEO
   --------------------------------------------------------------------- */
.ep-video { padding: 110px 20px; background: #F6F4EF; text-align: center; }
.ep-video__inner { max-width: 960px; margin: 0 auto; }
.ep-video__frame {
	position: relative; width: 100%; aspect-ratio: 16 / 9; margin-top: 40px;
	border-radius: 14px; overflow: hidden; box-shadow: 0 30px 60px rgba(14,59,45,0.18);
}
.ep-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }

/* ---------------------------------------------------------------------
   GALERIA
   --------------------------------------------------------------------- */
.ep-galeria { scroll-margin-top: 90px; padding: 110px 20px; background: #FCFDFD; text-align: center; }
.ep-galeria__head { max-width: 700px; margin: 0 auto 46px; }
.ep-galeria__grid {
	max-width: 1180px; margin: 0 auto;
	display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 190px; gap: 12px;
}
.ep-galeria__item {
	background-size: cover; background-position: center;
	background-color: transparent !important;
	border: none !important; padding: 0 !important; cursor: pointer; border-radius: 10px !important; overflow: hidden;
	position: relative; transition: box-shadow 0.3s ease;
}
.ep-galeria__item::after {
	content: ""; position: absolute; inset: 0; background-image: inherit;
	background-size: cover; background-position: center; transform: scale(1);
	transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
}
.ep-galeria__item:hover::after { transform: scale(1.08); }
.ep-galeria__item:hover { background-color: transparent !important; }
.ep-galeria__item--big { grid-column: span 2; grid-row: span 2; }
@media (max-width: 760px) {
	.ep-galeria__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
	.ep-galeria__item--big { grid-column: span 2; grid-row: span 1; }
}

/* ---------------------------------------------------------------------
   CATÁLOGO DIGITAL — capa em livro (widget catalogos.jevargas.com.br)
   Fundo verde J.E; o livro "pousa" sobre um halo dourado. O botão
   "Folhear catálogo" do widget herda a cor do texto (currentColor).
   --------------------------------------------------------------------- */
.ep-catalogo { scroll-margin-top: 90px; position: relative; overflow: hidden; background: #0E3B2D; color: #FCFDFD; padding: 110px 20px; }
.ep-catalogo[hidden], .ep-stickybar a[hidden] { display: none !important; }
.ep-catalogo::before {
	content: ""; position: absolute; right: -10%; top: 50%; width: 760px; height: 760px; transform: translateY(-50%);
	background: radial-gradient(closest-side, rgba(200,169,106,.22), rgba(200,169,106,0) 70%); pointer-events: none;
}
.ep-catalogo__inner {
	position: relative; max-width: 1180px; margin: 0 auto;
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; align-items: center;
}
.ep-catalogo__texto { position: relative; padding-left: 44px; }
.ep-catalogo__texto::before { /* a mesma "cota" dourada da seção Sobre */
	content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 13px;
	border-top: 1px solid #C8A96A; border-bottom: 1px solid #C8A96A;
	background: linear-gradient(#C8A96A, #C8A96A) center / 1px 100% no-repeat;
}
.ep-catalogo__desc {
	font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.8; color: rgba(252,253,253,.78);
	max-width: 30em; margin: 0;
}
.ep-catalogo__livro { color: #E6D3A6; font-family: 'Montserrat', sans-serif; }
.ep-catalogo__livro [data-catalogo] { max-width: 420px; margin: 0 auto; }
@media (max-width: 860px) {
	.ep-catalogo { padding: 80px 20px; }
	.ep-catalogo__inner { grid-template-columns: 1fr; gap: 44px; }
	.ep-catalogo__texto { padding-left: 28px; }
	.ep-catalogo__livro [data-catalogo] { max-width: 300px; }
}

/* ---------------------------------------------------------------------
   TOUR VIRTUAL 360°
   --------------------------------------------------------------------- */
.ep-tour360 { scroll-margin-top: 90px; background: #F6F4EF; padding: 90px 0; }
.ep-tour360__head { max-width: 700px; margin: 0 auto 40px; padding: 0 20px; text-align: center; }
.ep-tour360__frame {
	width: 100%; line-height: 0;
}
.ep-tour360__frame iframe {
	display: block; width: 100%; height: 600px; border: none;
}
@media (max-width: 640px) {
	.ep-tour360 { padding: 60px 0; }
	.ep-tour360__frame iframe { height: 420px; }
}

/* ---------------------------------------------------------------------
   LOCALIZAÇÃO
   --------------------------------------------------------------------- */
.ep-local-wrap { scroll-margin-top: 90px; background: #FCFDFD; }
.ep-local__head { max-width: 700px; margin: 0 auto; padding: 90px 20px 40px; text-align: center; }
.ep-local { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; }
.ep-local__image { background-size: cover; background-position: center; min-height: 320px; }
.ep-local__map { display: flex; flex-direction: column; background: #0E3B2D; }
.ep-local__map-head { padding: 40px 50px 30px; }
.ep-local__endereco { color: #FCFDFD !important; font-family: 'Marcellus', serif; font-weight: 400; font-size: 26px; margin: 0; }
.ep-local__map iframe { flex: 1; width: 100%; border: none; min-height: 300px; filter: grayscale(0.15); }
@media (max-width: 860px) {
	.ep-local { grid-template-columns: 1fr; }
	.ep-local__head { padding: 60px 20px 30px; }
	.ep-local__map-head { padding: 30px 24px 20px; }
}

/* ---------------------------------------------------------------------
   CTA FINAL
   --------------------------------------------------------------------- */
.ep-cta-final {
	background: #0E3B2D; padding: 130px 20px; text-align: center; color: #FCFDFD;
}
.ep-cta-final__inner { max-width: 640px; margin: 0 auto; }
.ep-cta-final__title {
	font-family: 'Ripon Script', 'Ephesis', cursive !important; font-weight: 400; font-size: clamp(44px, 7vw, 72px);
	line-height: 1.15; margin: 0 0 20px; color: #FCFDFD;
}
.ep-cta-final__desc {
	font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6;
	color: rgba(252,253,253,0.8); margin: 0 0 40px;
}
.ep-cta-final__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.ep-cta-final__link {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 26px;
	font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13.5px;
	letter-spacing: 0.02em; color: rgba(252,253,253,0.75) !important; text-decoration: none;
	border-bottom: 1px solid rgba(252,253,253,0.3); padding-bottom: 3px;
	transition: color 0.25s ease, border-color 0.25s ease;
}
.ep-cta-final__link svg { width: 15px; height: 15px; transition: transform 0.25s ease; }
.ep-cta-final__link:hover { color: #C8A96A !important; border-color: #C8A96A; }
.ep-cta-final__link:hover svg { transform: translateX(3px); }
.ep-btn {
	display: inline-flex; align-items: center; gap: 10px;
	font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px;
	text-decoration: none; padding: 16px 32px; border-radius: 50px;
	transition: background 0.3s ease, color 0.3s ease, transform 0.25s ease;
}
.ep-btn svg { width: 18px; height: 18px; }
.ep-btn:hover { transform: translateY(-2px); }
.ep-btn--gold { background: #C8A96A; color: #0E3B2D; }
.ep-btn--gold:hover { background: #FCFDFD; }
.ep-btn--outline-light { background: transparent; color: #FCFDFD; border: 1.5px solid rgba(252,253,253,0.4); }
.ep-btn--outline-light:hover { border-color: #C8A96A; color: #C8A96A; }

/* ---------------------------------------------------------------------
   BOTÃO FLUTUANTE DE WHATSAPP
   --------------------------------------------------------------------- */
.ep-float-whats {
	position: fixed; z-index: 600; right: 24px; bottom: 24px;
	width: 58px; height: 58px; border-radius: 50%;
	background: #25D366; color: #FCFDFD;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 10px 26px rgba(0,0,0,0.28);
	transition: transform 0.25s ease;
}
.ep-float-whats:hover { transform: scale(1.08); }
.ep-float-whats svg { width: 30px; height: 30px; }

/* Reveal suave ao rolar (aplicado via JS a algumas seções) */
.ep-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }
.ep-reveal.is-visible { opacity: 1; transform: translateY(0); }