/* Página de empreendimento (Sandreli Miranda). Cores do site: marrom #4A1410, cobre #B5713F, creme #F6EFE6. */
.semp { padding: 18px 0 48px; color: #3a2a22; }
.semp .container { max-width: 1170px; }
.semp a { color: #8a4b22; }

.semp-caminho { font-size: 14px; color: #7a6a60; margin: 0 0 14px; }
.semp-caminho a { color: #7a6a60; text-decoration: underline; }
.semp-caminho span[aria-hidden] { margin: 0 4px; }

.semp-topo { margin: 0 0 22px; }
.semp-chamada { margin: 0 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #b5713f; }
.semp .semp-topo h1 { margin: 0 0 14px; font-size: clamp(1.7rem, calc(1.3rem + 1.6vw), 2.5rem); line-height: 1.15; font-weight: 600; color: #4a1410; text-transform: none; }
.semp-intro { max-width: 760px; font-size: 17px; line-height: 1.6; margin: 0; }

.semp-fatos { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; }
.semp-fatos li { padding: 7px 14px; border: 1px solid #e5dccf; border-radius: 999px; background: #fff; font-size: 15px; line-height: 1.3; }
.semp-fatos li.semp-tem { border-color: #2f7d4f; color: #1f5f3a; font-weight: 600; }
.semp-fatos li.semp-sem { border-style: dashed; color: #7a6a60; }

.semp-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.semp .semp-btn, .semp button.semp-btn {
	display: inline-block !important; padding: 12px 22px !important; border: 0 !important; border-radius: 8px !important;
	background: #4a1410 !important; color: #fff !important; font-family: inherit !important; font-size: 16px !important;
	font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; width: auto !important;
	text-decoration: none !important; text-transform: none !important; cursor: pointer; min-height: 44px; box-shadow: none !important;
}
.semp-form button.semp-btn { justify-self: start; }
.semp .semp-btn:hover, .semp .semp-btn:focus { background: #6a2a1c !important; color: #fff !important; }
.semp .semp-btn-whats { background: #1f8f4d !important; }
.semp .semp-btn-whats:hover, .semp .semp-btn-whats:focus { background: #17753e !important; }

.semp-capa { margin: 0 0 26px; border-radius: 12px; overflow: hidden; background: #f1ebe3; aspect-ratio: 16 / 9; max-height: 560px; }
.semp-capa img { display: block; width: 100%; height: 100%; object-fit: cover; }

.semp-texto { max-width: 820px; font-size: 17px; line-height: 1.7; margin: 0 0 30px; }
.semp-texto h2, .semp-bloco h2 { margin: 26px 0 12px; font-size: clamp(1.3rem, calc(1.1rem + .7vw), 1.7rem); line-height: 1.25; font-weight: 600; color: #4a1410; text-transform: none; }
.semp-texto h3 { margin: 20px 0 8px; font-size: 1.15rem; font-weight: 600; color: #4a1410; text-transform: none; }
.semp-texto ul { padding-left: 20px; }
.semp-texto p { margin: 0 0 14px; }

.semp-bloco { margin: 0 0 34px; scroll-margin-top: 90px; }
.semp-vazio { max-width: 760px; padding: 16px 18px; border: 1px dashed #d9cdbd; border-radius: 10px; background: #fbf7f1; font-size: 16px; line-height: 1.6; }

.semp-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.semp-cartao { border: 1px solid #e5dccf; border-radius: 12px; overflow: hidden; background: #fff; }
.semp-cartao a { display: block; color: inherit; text-decoration: none; height: 100%; }
.semp-cartao img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: #f1ebe3; }
.semp-cartao-txt { padding: 14px 16px 16px; }
.semp-preco { display: block; font-size: 19px; color: #4a1410; margin: 0 0 4px; }
.semp .semp-cartao h2, .semp .semp-cartao h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.35; font-weight: 600; color: #3a2a22; text-transform: none; }
.semp-cartao p { margin: 0 0 8px; font-size: 14px; color: #6a5a50; }
.semp-cod { display: inline-block; padding: 2px 8px; border-radius: 6px; background: #f6efe6; font-size: 12px; color: #6a5a50; }
.semp-cartao a:hover h2, .semp-cartao a:hover h3, .semp-cartao a:focus h2, .semp-cartao a:focus h3 { color: #8a4b22; }
.semp-cod.semp-neg { margin-left: 4px; background: #e9f3ec; color: #1f5f3a; }
.semp-cartao[hidden], .semp-busca[hidden], .semp-busca-nada[hidden], .semp-grupo[hidden] { display: none !important; }

/* lista de empreendimentos em dois grupos: com unidade disponível e sem unidade no momento */
.semp-grupo { margin: 0 0 34px; }
.semp .semp-grupo > h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: clamp(1.25rem, calc(1.05rem + .7vw), 1.6rem); line-height: 1.25; font-weight: 600; color: #4a1410; text-transform: none; }
.semp-grupo-n { display: inline-block; min-width: 30px; padding: 2px 9px; border-radius: 999px; background: #f6efe6; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; color: #6a5a50; }
.semp-grupo-com .semp-grupo-n { background: #e9f3ec; color: #1f5f3a; }
.semp-grupo-nota { max-width: 760px; margin: -4px 0 14px; font-size: 15px; line-height: 1.5; color: #6a5a50; }

/* busca da lista de empreendimentos */
.semp-busca { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 18px; margin: 0 0 20px; }
.semp-busca-campo { flex: 1 1 320px; max-width: 520px; margin: 0; font-size: 14px; font-weight: 600; color: #4a1410; }
.semp .semp-busca input[type="search"] {
	display: block; width: 100%; margin: 6px 0 0; padding: 11px 14px; min-height: 46px; border: 1px solid #d9cdbd; border-radius: 8px;
	background: #fff; font-family: inherit; font-size: 16px; font-weight: 400; color: #3a2a22; box-shadow: none; outline-offset: 2px;
}
.semp .semp-busca input[type="search"]:focus { border-color: #b5713f; outline: 2px solid #b5713f; }
.semp-busca-n { flex: 1 0 100%; margin: 0; font-size: 14px; color: #6a5a50; }
.semp-busca-nada { margin-top: 4px; }

/* fotos do empreendimento */
.semp-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.semp-foto { display: block; border-radius: 10px; overflow: hidden; background: #f1ebe3; }
.semp-foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s; }
.semp-foto:hover img, .semp-foto:focus img { transform: scale(1.04); }
html.semp-luz-aberta { overflow: hidden; }
.semp-luz { position: fixed; inset: 0; z-index: 99995; display: flex; align-items: center; justify-content: center; background: rgba(20, 12, 8, .94); }
.semp-luz[hidden] { display: none; }
.semp-luz img { max-width: 94vw; max-height: 86vh; border-radius: 6px; cursor: pointer; }
.semp-luz button { position: absolute !important; border: 0 !important; background: rgba(255, 255, 255, .14) !important; color: #fff !important; width: 46px !important; height: 46px !important; min-width: 0 !important; padding: 0 !important; border-radius: 50% !important; font-size: 28px !important; line-height: 1 !important; cursor: pointer; box-shadow: none !important; }
.semp-luz button:hover, .semp-luz button:focus { background: rgba(255, 255, 255, .28) !important; }
.semp-luz .semp-luz-x { top: 14px; right: 14px; }
.semp-luz .semp-luz-a { left: 10px; top: 50%; margin-top: -23px; }
.semp-luz .semp-luz-p { right: 10px; top: 50%; margin-top: -23px; }
.semp-luz-n { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #f3e8d6; font-size: 14px; }

.semp-avise { max-width: 640px; padding: 22px; border-radius: 12px; background: #f6efe6; }
.semp-avise h2 { margin-top: 0; }
.semp-avise > p { margin: 0 0 14px; font-size: 16px; line-height: 1.6; }
.semp-form { display: grid; gap: 12px; }
.semp-form label { display: block; font-size: 14px; font-weight: 600; color: #4a1410; margin: 0; }
.semp-form input[type="text"], .semp-form input[type="tel"], .semp-form input[type="email"] {
	display: block; width: 100%; margin-top: 4px; padding: 11px 12px; border: 1px solid #d9cdbd; border-radius: 8px; background: #fff;
	font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.3; color: #3a2a22; box-shadow: none; height: auto;
}
.semp-form input:focus { outline: 2px solid #b5713f; outline-offset: 1px; }
.semp-form .semp-aceite { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; color: #3a2a22; }
.semp-form .semp-aceite input { margin-top: 3px; flex: none; width: 18px; height: 18px; }
.semp-form .semp-isca { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.semp-form button[disabled] { opacity: .6; cursor: default; }
.semp-msg { margin: 0; font-size: 15px; min-height: 1.2em; }
.semp-msg.erro { color: #a3261b; }
.semp-msg.ok { color: #1f5f3a; font-weight: 600; }

.semp-mais { margin: 0; font-size: 16px; }

/* ligação que aparece no anúncio da unidade */
.semp-ligacao { margin-top: 16px; }

@media (max-width: 600px) {
	.semp { padding-top: 10px; }
	.semp-capa { aspect-ratio: 4 / 3; border-radius: 8px; }
	.semp-acoes .semp-btn { flex: 1 1 100%; text-align: center; }
	.semp-form button.semp-btn { justify-self: stretch; width: 100% !important; }
	.semp-avise { padding: 16px; }
}