/**
 * Listas de imóveis v2 (template/arquivo-imoveis.php) — 15/10/2026, versão 2.
 * Carrega depois de sulminas-contato.css (tokens, botões) e de sulminas-home.css (abertura com
 * foto .smcp-hm-hero). Tudo escopado em .smcp-arq.
 *
 * Lista (padrão) e cards usam o MESMO HTML — muda só o data-modo do <ul>.
 */

/* ── Abertura curta: foto + título + 1 frase ──────────────────────────── */
.smcp-arq .smcp-arq-hero { padding: 34px 0 38px; }
.smcp-arq .smcp-arq-hero .smcp-hm-hero-in { gap: 10px; }
.smcp-arq .smcp-arq-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #c9d1c2; }
.smcp-arq .smcp-arq-crumbs a { color: #e8ede2; text-decoration: none; }
.smcp-arq .smcp-arq-crumbs a:hover { color: #fff; text-decoration: underline; }
.smcp-arq .smcp-arq-h1 { max-width: 28ch; font-size: clamp(26px, 3.6vw, 40px); }
.smcp-arq .smcp-arq-hero .smcp-hm-lede { max-width: 62ch; font-size: 16px; }

/* ── Corpo: lista + coluna lateral ────────────────────────────────────── */
.smcp-arq .smcp-arq-body { display: flex; flex-direction: column; gap: 44px; padding-top: 28px; }
.smcp-arq .smcp-arq-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.smcp-arq .smcp-arq-main { min-width: 0; }

.smcp-arq .smcp-arq-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 16px; }
.smcp-arq .smcp-arq-bar h2 { margin: 0; font-size: clamp(18px, 2vw, 22px); }
.smcp-arq .smcp-arq-tools { display: flex; align-items: center; gap: 8px; }

/* Botões da barra: mesmo desenho (40px, cantos de 10px) */
.smcp-arq .smcp-arq-ordem, .smcp-arq .smcp-arq-filtrar { position: relative; }
.smcp-arq .smcp-arq-ordem > summary, .smcp-arq .smcp-arq-filtrar > summary {
	list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px;
	border: 1px solid var(--ct-line); border-radius: 10px; background: var(--ct-surface); font-size: 14px; font-weight: 600; color: var(--ct-ink);
}
.smcp-arq .smcp-arq-ordem > summary::-webkit-details-marker, .smcp-arq .smcp-arq-filtrar > summary::-webkit-details-marker { display: none; }
.smcp-arq .smcp-arq-ordem ul {
	position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 190px; margin: 0; padding: 6px; list-style: none;
	background: #fff; border: 1px solid var(--ct-line); border-radius: 12px; box-shadow: 0 14px 30px rgba(18, 33, 15, .16);
}
.smcp-arq .smcp-arq-ordem ul a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 8px; color: var(--ct-ink); font-size: 14px; text-decoration: none; }
.smcp-arq .smcp-arq-ordem ul a:hover { background: var(--ct-lima-suave); }
.smcp-arq .smcp-arq-ordem ul a[aria-current="true"] { font-weight: 700; color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-filtrar { display: none; }   /* só no celular */
.smcp-arq .smcp-arq-sheet-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 16px; color: var(--ct-ink); }
.smcp-arq .smcp-arq-fechar { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 10px; background: var(--ct-ground); color: var(--ct-ink); cursor: pointer; }
.smcp-arq .smcp-arq-modo { display: inline-flex; padding: 3px; gap: 2px; border: 1px solid var(--ct-line); border-radius: 10px; background: var(--ct-surface); }
.smcp-arq .smcp-arq-modo button {
	display: inline-grid; place-items: center; width: 36px; height: 32px; padding: 0; border: 0; border-radius: 7px;
	background: transparent; color: var(--ct-muted); cursor: pointer;
}
.smcp-arq .smcp-arq-modo button:hover { color: var(--ct-ink); }
.smcp-arq .smcp-arq-modo button[aria-pressed="true"] { background: var(--ct-dark); color: #fff; }
.smcp-arq summary:focus-visible, .smcp-arq .smcp-arq-modo button:focus-visible { outline: 2px solid var(--ct-lima); outline-offset: 2px; }

/* ── Cartão ───────────────────────────────────────────────────────────── */
.smcp-arq .smcp-arq-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.smcp-arq .smcp-arq-card {
	position: relative; display: grid; overflow: hidden; border-radius: 14px; background: var(--ct-surface);
	border: 1px solid var(--ct-line); box-shadow: 0 4px 14px rgba(20, 30, 15, .05); transition: box-shadow .2s ease, border-color .2s ease;
}
.smcp-arq .smcp-arq-card:hover { border-color: #cfe0a0; box-shadow: 0 14px 30px rgba(20, 30, 15, .1); }

/* Fotos que passam no cartão */
.smcp-arq .smcp-arq-card-media { position: relative; min-width: 0; background: #e9ede4; }
.smcp-arq .smcp-arq-fotos {
	display: flex; height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.smcp-arq .smcp-arq-fotos::-webkit-scrollbar { display: none; }
.smcp-arq .smcp-arq-foto { position: relative; flex: 0 0 100%; scroll-snap-align: start; display: block; aspect-ratio: 4 / 3; }
.smcp-arq .smcp-arq-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.smcp-arq .smcp-arq-seta {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
	border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ct-ink); box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	cursor: pointer; opacity: 0; transition: opacity .15s ease;
}
.smcp-arq .smcp-arq-seta--ant { left: 10px; }
.smcp-arq .smcp-arq-seta--prox { right: 10px; }
.smcp-arq .smcp-arq-card:hover .smcp-arq-seta, .smcp-arq .smcp-arq-seta:focus-visible { opacity: 1; }
.smcp-arq .smcp-arq-seta:focus-visible { outline: 2px solid var(--ct-lima); outline-offset: 2px; }
@media (hover: none) { .smcp-arq .smcp-arq-seta { display: none; } }   /* toque: arrastar */
.smcp-arq .smcp-arq-contador b { font-weight: 700; }
.smcp-arq .smcp-arq-contador {
	position: absolute; right: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px;
	border-radius: 999px; background: rgba(18, 22, 16, .7); color: #fff; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; pointer-events: none;
}
/* Etiquetas numa linha só: menores, até 3 (o resto some — nunca quebra para a 2ª linha) */
.smcp-arq .smcp-arq-tags { position: absolute; left: 10px; top: 10px; right: 10px; z-index: 2; display: flex; flex-wrap: nowrap; gap: 5px; overflow: hidden; pointer-events: none; }
.smcp-arq .smcp-arq-tag:nth-child(n+4) { display: none; }
.smcp-arq .smcp-arq-tag {
	display: inline-flex; flex: none; align-items: center; gap: 4px; min-height: 22px; padding: 0 7px 0 6px; border-radius: 5px;
	background: #fff; color: var(--ct-ink); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
}
.smcp-arq .smcp-arq-tag .smcp-ic { flex: none; width: 12px; height: 12px; }
/* Cor por significado — fundo forte + texto com contraste AA */
.smcp-arq .smcp-arq-tag--venda        { background: var(--ct-lima); color: var(--ct-lima-tinta); }
.smcp-arq .smcp-arq-tag--locacao      { background: #1e3a8a; color: #fff; }
.smcp-arq .smcp-arq-tag--novo         { background: var(--ct-dark); color: #fff; }
.smcp-arq .smcp-arq-tag--novo .smcp-ic { color: var(--ct-lima); }
.smcp-arq .smcp-arq-tag--destaque     { background: var(--ct-lima-tinta, #12210f); color: #fff; }
.smcp-arq .smcp-arq-tag--destaque .smcp-ic { color: var(--ct-lima); fill: currentColor; }
.smcp-arq .smcp-arq-tag--oportunidade { background: #c2410c; color: #fff; }
.smcp-arq .smcp-arq-tag--financiavel  { background: #0f766e; color: #fff; }
.smcp-arq .smcp-arq-tag--troca        { background: #6d28d9; color: #fff; }
.smcp-arq .smcp-arq-tag--parcelamento { background: #1d4ed8; color: #fff; }
.smcp-arq .smcp-arq-tag--alto         { background: #1c1917; color: #fcd34d; }
.smcp-arq .smcp-arq-tag--piscina      { background: #0369a1; color: #fff; }
.smcp-arq .smcp-arq-tag--investir     { background: #3f6212; color: #fff; }
.smcp-arq .smcp-arq-tag--porteira     { background: #78350f; color: #fff; }
.smcp-arq .smcp-arq-tag--obra         { background: #fde047; color: #422006; }
.smcp-arq .smcp-arq-tag--pronto       { background: #15803d; color: #fff; }
.smcp-arq .smcp-arq-valor { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
/* Valor de referência embaixo do preço: linha discreta. Classe própria — `smcp-arq-m2` é o painel
   da equipe (moldura tracejada), e o nome repetido pintava a moldura dentro de cada cartão. */
.smcp-arq .smcp-arq-pm2 { font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--ct-muted); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smcp-arq .smcp-arq-pm2-rot { font-weight: 500; }
.smcp-arq .smcp-arq-alerta {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin-top: 10px; padding: 0 14px;
	border: 1px solid #c9dd94; border-radius: 10px; background: #fff; color: var(--ct-lima-texto); font-size: 14px; font-weight: 600; text-decoration: none; text-align: center;
}
.smcp-arq .smcp-arq-alerta:hover { border-color: var(--ct-lima); background: var(--ct-lima-suave); }
.smcp-arq .smcp-arq-vazio .smcp-arq-alerta { width: auto; margin: 10px 0 0 16px; }

/* Transição suave entre páginas da lista (paginação, filtros) — navegadores que suportam;
   quem prefere menos movimento não recebe. */
@media (prefers-reduced-motion: no-preference) {
	@view-transition { navigation: auto; }
}

.smcp-arq .smcp-arq-card-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 16px 18px; }
.smcp-arq .smcp-arq-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-cod { padding: 2px 8px; border-radius: 6px; background: var(--ct-ground); color: var(--ct-ink-2); font-weight: 700; font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-loc { display: inline-flex; align-items: center; gap: 5px; }
.smcp-arq .smcp-arq-loc .smcp-ic { color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-card-title { margin: 0; font-size: 16.5px; font-weight: 700; line-height: 1.35; }
.smcp-arq .smcp-arq-card-title a { color: var(--ct-ink); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.smcp-arq .smcp-arq-card-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }   /* cartão inteiro clicável */
.smcp-arq .smcp-arq-card-title a:focus-visible { outline: none; }
.smcp-arq .smcp-arq-card:focus-within { outline: 3px solid rgba(168, 207, 69, .6); outline-offset: 2px; }
.smcp-arq .smcp-arq-specs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--ct-ink-2); }
.smcp-arq .smcp-arq-specs li { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px; border-radius: 8px; background: var(--ct-ground); white-space: nowrap; }
.smcp-arq .smcp-arq-specs .smcp-ic { color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-specs li.is-land-plot, .smcp-arq .smcp-arq-specs li.is-house { font-weight: 600; color: var(--ct-ink); }
.smcp-arq .smcp-arq-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--ct-line); }
.smcp-arq .smcp-arq-preco { font-size: 20px; font-weight: 700; color: var(--ct-ink); font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-acoes { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; }
.smcp-arq .smcp-arq-wa {
	display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--ct-lima-suave); color: var(--ct-lima-texto);
}
.smcp-arq .smcp-arq-wa:hover { background: var(--ct-lima); color: var(--ct-lima-tinta); }
.smcp-arq .smcp-arq-wa svg { width: 20px; height: 20px; }
.smcp-arq .smcp-arq-ver {
	display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 10px; background: var(--ct-dark); color: #fff;
	font-size: 14px; font-weight: 600; text-decoration: none;
}
.smcp-arq .smcp-arq-ver:hover { background: #11140f; color: #fff; }
/* setas e fotos por cima do link que cobre o cartão */
.smcp-arq .smcp-arq-card-media { z-index: 2; }

/* Modo LISTA (padrão no computador; "auto" = lista aqui e cards no celular): foto à esquerda */
.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card,
.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-card { grid-template-columns: 320px minmax(0, 1fr); }
.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-foto,
.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-foto { aspect-ratio: auto; height: 100%; min-height: 0; }
/* Altura única (17/10/2026): a foto acompanhava o texto e cada cartão saía de um tamanho
   (título de 1 ou 2 linhas, características quebrando). Agora todos têm a mesma altura — a da
   foto 4:3 — e as características ficam numa linha só. */
.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card,
.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-card { min-height: 240px; }
.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs,
.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-specs { flex-wrap: nowrap; overflow: hidden; }
.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li,
.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-specs li { flex: none; }
/* Modo CARDS: grade */
.smcp-arq .smcp-arq-lista[data-modo="cards"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.smcp-arq .smcp-arq-lista[data-modo="cards"] .smcp-arq-card { grid-template-rows: auto 1fr; }
.smcp-arq .smcp-arq-lista[data-modo="cards"] .smcp-arq-ver { display: none; }
.smcp-arq .smcp-arq-lista[data-modo="cards"] .smcp-arq-preco { font-size: 18px; }

/* ── Coluna lateral ───────────────────────────────────────────────────── */
.smcp-arq .smcp-arq-side { display: flex; flex-direction: column; gap: 16px; }
.smcp-arq .smcp-arq-box { padding: 18px; border-radius: 14px; background: var(--ct-surface); border: 1px solid var(--ct-line); }
.smcp-arq .smcp-arq-box-h { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 700; color: var(--ct-ink); }
.smcp-arq .smcp-arq-box-h .smcp-ic { color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.smcp-arq .smcp-arq-fgrupo { margin: 0; padding: 0; border: 0; min-width: 0; }
.smcp-arq .smcp-arq-fh { display: block; margin: 0 0 6px; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ct-muted); }
.smcp-arq .smcp-arq-form select {
	width: 100%; height: 42px; padding: 0 34px 0 12px; border: 1px solid var(--ct-line); border-radius: 10px; color: var(--ct-ink); font-size: 14.5px;
	-webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667061' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px 16px;
}
.smcp-arq .smcp-arq-form select:focus { outline: none; border-color: var(--ct-lima-hover); box-shadow: 0 0 0 3px rgba(168, 207, 69, .3); }
/* Seletor próprio do filtro (20/10/2026) — a lista nativa não aceita estilo (no Mac escuro abre
   preta). Mesmo tamanho do select de antes; lista clara, alinhada ao campo, ✓ lima no escolhido. */
.smcp-arq .smcp-dd { position: relative; }
.smcp-arq .smcp-dd-nativo { position: absolute !important; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.smcp-arq .smcp-dd-btn {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 42px; padding: 0 12px;
	border: 1px solid var(--ct-line); border-radius: 10px; background: #fff; color: var(--ct-ink); font: inherit; font-size: 14.5px; text-align: left; cursor: pointer;
	transition: border-color .12s, box-shadow .12s;
}
.smcp-arq .smcp-dd-btn .smcp-dd-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smcp-arq .smcp-dd-btn.is-vazio { color: var(--ct-ink-2, #3d4639); }
.smcp-arq .smcp-dd-btn svg { flex: 0 0 auto; color: var(--ct-muted); transition: transform .15s; }
.smcp-arq .smcp-dd-btn:hover { border-color: #c9dd94; }
.smcp-arq .smcp-dd-btn:focus-visible, .smcp-arq .smcp-dd.is-aberto .smcp-dd-btn { outline: none; border-color: var(--ct-lima-hover); box-shadow: 0 0 0 3px rgba(168, 207, 69, .3); }
.smcp-arq .smcp-dd.is-aberto .smcp-dd-btn svg { transform: rotate(180deg); }
.smcp-arq .smcp-dd-lista {
	position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; min-width: 100%; max-width: min(320px, calc(100vw - 32px)); max-height: 300px; overflow-y: auto;
	margin: 0; padding: 6px; list-style: none; border: 1px solid var(--ct-line); border-radius: 12px; background: #fff;
	box-shadow: 0 14px 34px rgba(18, 33, 15, .16); overscroll-behavior: contain;
}
.smcp-arq .smcp-dd.is-direita .smcp-dd-lista { left: auto; right: 0; }
.smcp-arq .smcp-dd-lista[hidden] { display: none; }
.smcp-arq .smcp-dd-op {
	display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 10px; border-radius: 8px;
	color: var(--ct-ink); font-size: 14.5px; line-height: 1.3; cursor: pointer; white-space: nowrap;
}
.smcp-arq .smcp-dd-op:hover, .smcp-arq .smcp-dd-op.is-ativo { background: var(--ct-lima-suave); }
.smcp-arq .smcp-dd-op .smcp-dd-ok { display: inline-flex; width: 16px; flex: 0 0 16px; color: var(--ct-lima-texto); visibility: hidden; }
.smcp-arq .smcp-dd-op[aria-selected="true"] { font-weight: 700; }
.smcp-arq .smcp-dd-op[aria-selected="true"] .smcp-dd-ok { visibility: visible; }
.smcp-arq .smcp-dd-nome small { display: block; margin-top: 1px; font-size: 12px; font-weight: 500; color: var(--ct-lima-texto); }
@media (max-width: 767.98px) {
	.smcp-arq .smcp-dd-btn { height: 46px; font-size: 16px; }
	.smcp-arq .smcp-dd-op { min-height: 44px; font-size: 16px; }
}
.smcp-arq .smcp-arq-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.smcp-arq .smcp-arq-pills label { margin: 0; cursor: pointer; }
.smcp-arq .smcp-arq-pills input { position: absolute; opacity: 0; pointer-events: none; }
.smcp-arq .smcp-arq-pills span {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 36px; padding: 0 12px;
	border: 1px solid var(--ct-line); border-radius: 999px; background: #fff; color: var(--ct-ink-2); font-size: 13.5px; font-weight: 600;
}
.smcp-arq .smcp-arq-pills label:hover span { border-color: var(--ct-lima); }
.smcp-arq .smcp-arq-pills input:checked + span { background: var(--ct-dark); border-color: var(--ct-dark); color: #fff; }
.smcp-arq .smcp-arq-pills input:focus-visible + span { outline: 2px solid var(--ct-lima); outline-offset: 2px; }
/* Tamanho do terreno / área construída (20/10/2026) — "Outro tamanho" recolhido abaixo do seletor. */
.smcp-arq .smcp-arq-tam-livre { margin-top: 10px; }
.smcp-arq .smcp-arq-tam-livre summary { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--ct-muted); list-style: none; }
.smcp-arq .smcp-arq-tam-livre summary::-webkit-details-marker { display: none; }
.smcp-arq .smcp-arq-tam-livre summary::before { content: "+ "; }
.smcp-arq .smcp-arq-tam-livre[open] summary::before { content: "− "; }
.smcp-arq .smcp-arq-tam-livre .smcp-arq-faixa { margin-top: 8px; }
.smcp-arq .smcp-arq-tam-livre input { width: 100%; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--ct-line, #e3e6dc); border-radius: 12px; font-size: 16px; background: #fff; }
.smcp-arq .smcp-arq-tam-dica { margin: 6px 0 0; font-size: 12px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-faixa { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; font-size: 13px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-cgrupo { border: 1px solid var(--ct-line); border-radius: 10px; background: #fff; }
.smcp-arq .smcp-arq-cgrupo + .smcp-arq-cgrupo { margin-top: 6px; }
.smcp-arq .smcp-arq-cgrupo > summary {
	cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 12px;
	font-size: 14px; font-weight: 600; color: var(--ct-ink);
}
.smcp-arq .smcp-arq-cgrupo > summary::-webkit-details-marker { display: none; }
.smcp-arq .smcp-arq-cgrupo > summary span { flex: 1; }
.smcp-arq .smcp-arq-cgrupo > summary b { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 6px; background: var(--ct-lima); color: var(--ct-lima-tinta); font-size: 12px; }
.smcp-arq .smcp-arq-cgrupo > summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ct-muted); border-bottom: 2px solid var(--ct-muted); transform: rotate(45deg) translateY(-2px); transition: transform .15s ease; }
.smcp-arq .smcp-arq-cgrupo[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.smcp-arq .smcp-arq-cgrupo > summary:focus-visible { outline: 2px solid var(--ct-lima); outline-offset: 2px; border-radius: 10px; }
.smcp-arq .smcp-arq-cgrupo .smcp-arq-checks { padding: 0 6px 8px; }
.smcp-arq .smcp-arq-checks { display: flex; flex-direction: column; gap: 2px; }
.smcp-arq .smcp-arq-checks label { display: flex; align-items: center; gap: 10px; min-height: 34px; margin: 0; padding: 0 6px; border-radius: 8px; font-size: 14px; color: var(--ct-ink-2); cursor: pointer; }
.smcp-arq .smcp-arq-checks label:hover { background: var(--ct-ground); }
.smcp-arq .smcp-arq-checks input { width: 18px; height: 18px; margin: 0; accent-color: #4f6e14; flex: none; }
.smcp-arq .smcp-arq-form-acoes { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding-top: 4px; }
.smcp-arq .smcp-arq-form-acoes .smcp-ct-btn { justify-content: center; border: 0; cursor: pointer; min-height: 46px; }
.smcp-arq .smcp-arq-limpar { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--ct-lima-texto); text-decoration: none; }
.smcp-arq .smcp-arq-limpar:hover { text-decoration: underline; }
.smcp-arq .smcp-arq-cod { display: flex; }
.smcp-arq .smcp-arq-cod input {
	flex: 1; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--ct-line); border-right: 0; border-radius: 10px 0 0 10px;
	background: #fff; color: var(--ct-ink); font-size: 15px;
}
.smcp-arq .smcp-arq-cod input:focus { outline: none; border-color: var(--ct-lima-hover); }
.smcp-arq .smcp-arq-cod button { display: grid; place-items: center; width: 48px; height: 44px; border: 0; border-radius: 0 10px 10px 0; background: var(--ct-lima); color: var(--ct-lima-tinta); cursor: pointer; }
.smcp-arq .smcp-arq-box--cta { background: var(--ct-lima-suave); border-color: #dbe9b9; }
.smcp-arq .smcp-arq-cta-h { margin: 0; font-size: 16px; font-weight: 700; color: var(--ct-ink); }
.smcp-arq .smcp-arq-cta-s { margin: 6px 0 14px; font-size: 14px; line-height: 1.5; color: var(--ct-ink-2); }
.smcp-arq .smcp-arq-box--cta .smcp-ct-btn { width: 100%; justify-content: center; }

/* Paginação */
.smcp-arq .smcp-arq-pag { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 28px; }
.smcp-arq .smcp-arq-pag .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px;
	border: 1px solid var(--ct-line); border-radius: 10px; background: var(--ct-surface); color: var(--ct-ink); font-size: 14.5px; font-weight: 600; text-decoration: none;
}
.smcp-arq .smcp-arq-pag a.page-numbers:hover { border-color: var(--ct-lima); }
.smcp-arq .smcp-arq-pag .page-numbers.current { background: var(--ct-dark); border-color: var(--ct-dark); color: #fff; }
.smcp-arq .smcp-arq-pag .page-numbers.dots { border-color: transparent; background: transparent; }
.smcp-arq .smcp-arq-vazio { padding: 28px; border-radius: 14px; background: var(--ct-surface); border: 1px dashed var(--ct-line); }
.smcp-arq .smcp-arq-vazio p { margin: 0 0 10px; color: var(--ct-ink-2); }

/* Texto de apoio (SEO) e links internos */
.smcp-arq .smcp-arq-seo { max-width: 78ch; }
.smcp-arq .smcp-arq-seo h2 { margin-bottom: 10px; font-size: 20px; }
.smcp-arq .smcp-arq-seo p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.7; color: var(--ct-ink-2); }
.smcp-arq .smcp-arq-mais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; padding-top: 28px; border-top: 1px solid var(--ct-line); }
.smcp-arq .smcp-arq-mais h2 { margin-bottom: 12px; font-size: 16px; }
.smcp-arq .smcp-arq-mais ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.smcp-arq .smcp-arq-mais a {
	display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px;
	border: 1px solid var(--ct-line); background: var(--ct-surface); color: var(--ct-ink-2); font-size: 14px; font-weight: 500; text-decoration: none;
}
.smcp-arq .smcp-arq-mais a:hover { border-color: var(--ct-lima); color: var(--ct-lima-texto); }

/* ── Telas médias ─────────────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.smcp-arq .smcp-arq-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 22px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card,
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-card { grid-template-columns: 260px minmax(0, 1fr); }
	.smcp-arq .smcp-arq-lista[data-modo="cards"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
	.smcp-arq .smcp-arq-layout { grid-template-columns: minmax(0, 1fr); }
	.smcp-arq .smcp-arq-box--filtros { display: none; }     /* no celular/tablet: botão "Filtrar" */
	.smcp-arq .smcp-arq-filtrar { display: block; }
	.smcp-arq .smcp-arq-filtrar-pop {
		position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: min(340px, calc(100vw - 32px)); padding: 16px;
		background: #fff; border: 1px solid var(--ct-line); border-radius: 14px; box-shadow: 0 16px 36px rgba(18, 33, 15, .2);
		max-height: 70vh; overflow-y: auto; overscroll-behavior: contain;
	}
	.smcp-arq .smcp-arq-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
/* ── Celular ──────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
	.smcp-arq .smcp-arq-hero { padding: 22px 0 24px; }
	.smcp-arq .smcp-arq-hero .smcp-hm-lede { font-size: 15px; line-height: 1.5; }
	.smcp-arq .smcp-arq-body { gap: 36px; padding-top: 18px; }
	.smcp-arq .smcp-arq-bar { flex-direction: column; align-items: stretch; }
	.smcp-arq .smcp-arq-tools { justify-content: space-between; }
	/* Celular: filtro como folha que sobe da base, com o botão Aplicar sempre à mão */
	.smcp-arq .smcp-arq-filtrar[open]::before { content: ""; position: fixed; inset: 0; z-index: 100000; background: rgba(12, 16, 10, .45); }
	.smcp-arq .smcp-arq-filtrar-pop {
		position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 100001; width: auto; max-height: 85vh;   /* acima do botão do WhatsApp e da faixa */
		padding: 18px 16px calc(16px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0;
	}
	.smcp-arq .smcp-arq-filtrar-pop .smcp-arq-form-acoes { position: sticky; bottom: -16px; margin: 0 -16px -16px; padding: 12px 16px 16px; background: #fff; border-top: 1px solid var(--ct-line); }
	.smcp-arq .smcp-arq-ordem ul { right: 0; }
	/* Lista no celular: compacta, foto pequena à esquerda */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] { gap: 12px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card { grid-template-columns: 132px minmax(0, 1fr); }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-foto { min-height: 0; aspect-ratio: auto; height: 100%; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-fotos { min-height: 0; }
	/* Altura única no celular: topo numa linha (local com reticências), no máximo 2 características. */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card { min-height: 212px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-top { flex-wrap: nowrap; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-top:has(.smcp-arq-sembairro) { flex-wrap: wrap; }   /* equipe: campo de bairro precisa de espaço */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-top .smcp-arq-cod { flex: none; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-loc { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-loc .smcp-ic { display: inline-block; vertical-align: -2px; margin-right: 3px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs { flex-wrap: nowrap; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li { flex: 0 1 auto; min-width: 0; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li span { overflow: hidden; text-overflow: ellipsis; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li:not(.is-bath):not(.is-car):not(.smcp-arq-spec-pend) ~ li:not(.smcp-arq-spec-pend) { display: none; }   /* só a principal, inteira */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-loc-tipo { display: none; }   /* o tipo já está no título da página; a cidade aparece inteira */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-body { padding: 10px 12px; gap: 5px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-title { font-size: 14.5px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs { gap: 4px 10px; font-size: 12.5px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li { min-height: 26px; padding: 0 7px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li.is-bath, .smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-specs li.is-car { display: none; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-top { font-size: 12px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-preco { font-size: 16px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-pm2-rot { display: none; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-ver { display: none; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-card-foot { padding-top: 8px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-wa { width: 36px; height: 36px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-tag.is-extra { display: none; }   /* celular: 2 etiquetas no máximo */
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-tag { min-height: 20px; padding: 0 6px 0 5px; font-size: 9.5px; }
	.smcp-arq .smcp-arq-lista[data-modo="lista"] .smcp-arq-contador { right: 6px; bottom: 6px; font-size: 11px; }
	.smcp-arq .smcp-arq-lista[data-modo="cards"] { grid-template-columns: minmax(0, 1fr); }
	/* "auto" no celular = cards (o que o cliente está acostumado) */
	.smcp-arq .smcp-arq-lista[data-modo="auto"] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-card { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-foto { aspect-ratio: 4 / 3; min-height: 0; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-card { min-height: 0; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-specs { flex-wrap: wrap; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-ver { display: none; }
	.smcp-arq .smcp-arq-lista[data-modo="auto"] .smcp-arq-preco { font-size: 18px; }
	.smcp-arq .smcp-arq-side { grid-template-columns: minmax(0, 1fr); }
	.smcp-arq .smcp-arq-mais { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.smcp-arq .smcp-arq-card, .smcp-arq .smcp-arq-seta { transition: none; }
}

/* ── Busca da equipe (só quem tem perfil no CRM) ──────────────────────── */
.smcp-arq .smcp-arq-equipe {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; padding: 10px 12px;
	border: 1px dashed #b9cf7f; border-radius: 12px; background: var(--ct-lima-suave);
}
.smcp-arq .smcp-arq-equipe-h { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; font-size: 13.5px; font-weight: 700; color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-equipe-h small { font-weight: 500; color: var(--ct-muted); }
.smcp-arq .smcp-arq-equipe select {
	height: 38px; min-width: 170px; padding: 0 30px 0 10px; border: 1px solid var(--ct-line); border-radius: 8px; color: var(--ct-ink); font-size: 14px;
	-webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667061' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center / 15px 15px;
}
.smcp-arq .smcp-arq-equipe button {
	display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 0; border-radius: 8px;
	background: var(--ct-dark); color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
}
.smcp-arq .smcp-arq-equipe a { font-size: 13px; font-weight: 600; color: var(--ct-lima-texto); }
@media (max-width: 767.98px) {
	.smcp-arq .smcp-arq-equipe select { flex: 1 1 140px; min-width: 0; }
	.smcp-arq .smcp-arq-equipe-h { width: 100%; }
}

/* Coração no canto inferior esquerdo da foto (o contador de fotos fica no direito) */
.smcp-arq .smcp-arq-card-media .smcp-fav { top: auto; right: auto; left: 10px; bottom: 10px; }

/* Listas novas e resultados da busca: sem a barra de busca antiga do Houzez sob o menu (ela tem
   "palavra-chave", que procura também no endereço). O filtro novo fica na coluna lateral. */
body.smcp-v2-arq .advanced-search-nav,
body.smcp-v2-arq .advanced-search-h-v2,
body.smcp-v2-arq .mobile-search-nav,
body.smcp-v2-arq #houzez-overlay-search-advanced-module { display: none !important; }

/* Aviso de código fora do ar (vendido/alugado) */
.smcp-arq .smcp-arq-aviso { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #fff7ed; border: 1px solid #fed7aa; color: #7c2d12; }
.smcp-arq .smcp-arq-aviso p { margin: 0; font-size: 14.5px; line-height: 1.5; }
.smcp-arq .smcp-arq-aviso .smcp-ic { flex: none; margin-top: 2px; }

/* Busca da equipe em AJAX: sem botão (muda e já filtra); a lista esmaece enquanto carrega. */
.smcp-arq-js .smcp-arq-equipe .smcp-arq-equipe-ir { display: none; }
.smcp-arq-body.is-carregando .smcp-arq-main { opacity: .5; pointer-events: none; transition: opacity .15s ease; }
@media (prefers-reduced-motion: reduce) { .smcp-arq-body.is-carregando .smcp-arq-main { transition: none; } }

/* Arte de capa do tipo (SVG em traço lima): já nasce escura, então o véu fica só atrás do texto
   e o enquadramento prende no prédio, à direita, em qualquer largura. */
.smcp-arq .smcp-arq-hero--arte { background: linear-gradient(180deg, #0d1a0b 0%, #14261a 70%, #101c0d 100%); }   /* mesmo degradê do SVG: sem emenda */
.smcp-arq .smcp-arq-hero--arte .smcp-hm-hero-bg img { object-position: 100% 55%; }
.smcp-arq .smcp-arq-hero--arte::after { background: linear-gradient(90deg, rgba(13, 26, 11, .72) 0%, rgba(13, 26, 11, .35) 45%, rgba(13, 26, 11, 0) 70%); }
@media (min-width: 1200px) {   /* faixa muito larga: arte inteira, presa à direita (sem cortar o telhado) */
	.smcp-arq .smcp-arq-hero--arte .smcp-hm-hero-bg img { object-fit: contain; object-position: 100% 50%; }
}
@media (max-width: 760px) {
	.smcp-arq .smcp-arq-hero--arte .smcp-hm-hero-bg img { object-position: 90% 60%; }
	.smcp-arq .smcp-arq-hero--arte::after { background: linear-gradient(180deg, rgba(13, 26, 11, .6) 0%, rgba(13, 26, 11, .35) 100%); }
}

/* As fotos já trazem o degradê escuro à esquerda; o véu do site só complementa (não dobrar a sombra). */
/* Foto de capa com direção de arte (desktop e celular compostas à parte): o céu do pôr do sol fica
   atrás do título, então o véu escurece só a área do texto — o prédio e a paisagem ficam vivos. */
.smcp-arq .smcp-arq-hero--foto { background: #141a26; }
.smcp-arq .smcp-arq-hero--foto .smcp-hm-lede, .smcp-arq .smcp-arq-hero--foto .smcp-arq-crumbs { text-shadow: 0 1px 10px rgba(20, 12, 6, .6); }
.smcp-arq .smcp-arq-hero--foto .smcp-hm-hero-bg img { object-fit: cover; object-position: 100% 40%; }
.smcp-arq .smcp-arq-hero--foto::after { background: linear-gradient(90deg, rgba(14, 16, 22, .5) 0%, rgba(14, 16, 22, .22) 42%, rgba(14, 16, 22, 0) 66%); }
@media (max-width: 760px) {
	.smcp-arq .smcp-arq-hero--foto { min-height: 246px; display: flex; flex-direction: column; justify-content: center; }   /* mesma altura em todos os tipos */
	.smcp-arq .smcp-arq-hero--foto .smcp-hm-hero-bg img { object-position: 60% 50%; }
	.smcp-arq .smcp-arq-hero--foto::after { background: linear-gradient(180deg, rgba(14, 16, 22, .42) 0%, rgba(14, 16, 22, .26) 55%, rgba(14, 16, 22, .34) 100%); }
}


/* Equipe: imóvel sem bairro — caixinha amarela tracejada para completar na lista (17/10/2026). */
.smcp-arq .smcp-arq-sembairro { position: relative; z-index: 3; margin: 6px 0 2px; padding: 6px 8px; border: 1.5px dashed #d4a017; border-radius: 9px; background: #fff8e1; font-size: 13px; }
.smcp-arq .smcp-arq-sembairro-btn { display: inline-flex; align-items: center; gap: 6px; padding: 2px 0; border: 0; background: none; color: #7a5a00; font: inherit; cursor: pointer; }
.smcp-arq .smcp-arq-sembairro-btn b { font-weight: 700; }
.smcp-arq .smcp-arq-sembairro-btn:hover span { text-decoration: underline; }
.smcp-arq .smcp-arq-sembairro.is-open .smcp-arq-sembairro-btn { display: none; }
.smcp-arq .smcp-arq-sembairro-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.smcp-arq .smcp-arq-sembairro-form select,
.smcp-arq .smcp-arq-sembairro-form input { flex: 1 1 150px; min-width: 0; height: 34px; padding: 0 8px; border: 1px solid #e3c766; border-radius: 7px; background: #fff; font: inherit; font-size: 13px; color: #1e293b; }
.smcp-arq .smcp-arq-sembairro-form input[hidden], .smcp-arq .smcp-arq-sembairro-form select[hidden] { display: none; }
/* Busca de bairro com sugestões (18/10/2026) */
.smcp-arq .smcp-arq-sb { position: relative; flex: 1 1 200px; min-width: 0; }
.smcp-arq .smcp-arq-sembairro-form .smcp-arq-sb input { width: 100%; }
.smcp-arq .smcp-arq-sb-lista {
	position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20; max-height: 264px; overflow-y: auto;
	margin: 0; padding: 4px; list-style: none; background: #fff; border: 1px solid #e3c766; border-radius: 9px;
	box-shadow: 0 12px 28px rgba(20, 30, 15, .16);
}
.smcp-arq .smcp-arq-sb-lista[hidden] { display: none; }
/* Enquanto escolhe o bairro, o cartão não corta as sugestões e fica por cima dos vizinhos. */
.smcp-arq .smcp-arq-card:has(.smcp-arq-sembairro.is-open) { overflow: visible; z-index: 5; }
.smcp-arq .smcp-arq-sb-lista li { padding: 8px 10px; border-radius: 6px; font-size: 13.5px; line-height: 1.3; color: #1e293b; cursor: pointer; }
.smcp-arq .smcp-arq-sb-lista li:hover, .smcp-arq .smcp-arq-sb-lista li.is-ativo { background: #fff3c4; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-novo { margin-top: 2px; border-top: 1px dashed #e3c766; border-radius: 0 0 6px 6px; font-weight: 700; color: #4f6e14; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-sug { display: flex; flex-direction: column; gap: 1px; margin-bottom: 2px; background: #f4f9e8; border: 1px solid #c9dd94; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-sug small { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #4f6e14; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-sug b { font-weight: 700; color: #1b2118; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-sug:hover, .smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-sug.is-ativo { background: #e9f4cf; }
.smcp-arq .smcp-arq-sb-ibge { margin-left: 8px; padding: 1px 6px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: 10px; font-weight: 700; letter-spacing: .04em; vertical-align: 1px; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-vazio { cursor: default; color: #8a9384; font-style: italic; }
.smcp-arq .smcp-arq-sb-lista .smcp-arq-sb-vazio:hover { background: none; }
.smcp-arq .smcp-arq-sembairro-ok { height: 34px; padding: 0 14px; border: 0; border-radius: 7px; background: var(--ct-lima, #a8cf45); color: var(--ct-lima-tinta, #12210f); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.smcp-arq .smcp-arq-sembairro-ok:disabled { opacity: .6; cursor: default; }
.smcp-arq .smcp-arq-sembairro-x { width: 30px; height: 34px; border: 0; background: none; font-size: 18px; color: #7a5a00; cursor: pointer; }
.smcp-arq .smcp-arq-sembairro-msg { margin: 4px 0 0; font-size: 12px; color: #b45309; }
.smcp-arq .smcp-arq-sembairro-msg:empty { display: none; }
.smcp-arq .smcp-arq-sembairro.is-done { border-style: solid; border-color: #a8cf45; background: #f4f9e8; }
.smcp-arq .smcp-arq-sembairro-feito { color: #4f6e14; font-weight: 600; }

/* 17/10/2026 (2): etiqueta "Sem bairro" compacta na linha da cidade; ao abrir, ocupa a linha toda. */
.smcp-arq .smcp-arq-card-top .smcp-arq-sembairro { margin: 0; padding: 1px 8px; border-width: 1.5px; border-radius: 999px; font-size: 12px; line-height: 1.6; }
.smcp-arq .smcp-arq-card-top .smcp-arq-sembairro-btn { padding: 0; gap: 0; font-size: 12px; }
.smcp-arq .smcp-arq-card-top .smcp-arq-sembairro.is-open { flex: 1 1 100%; padding: 6px 8px; border-radius: 9px; }
.smcp-arq .smcp-arq-card-top .smcp-arq-sembairro.is-done { border-radius: 999px; }

/* Busca da equipe numa linha só: campos encolhem por igual, botão e rótulo compactos. */
@media (min-width: 768px) {
	.smcp-arq .smcp-arq-equipe { flex-wrap: nowrap; gap: 6px; padding: 8px 10px; }
	.smcp-arq .smcp-arq-equipe-h { flex: none; font-size: 13px; margin-right: 2px; }
	.smcp-arq .smcp-arq-equipe-h small { display: none; }
	.smcp-arq .smcp-arq-equipe select { flex: 1 1 0; min-width: 0; height: 34px; padding: 0 24px 0 8px; font-size: 13px; background-position: right 6px center; background-size: 13px 13px; text-overflow: ellipsis; }
	.smcp-arq .smcp-arq-equipe button { flex: none; height: 34px; padding: 0 12px; font-size: 13px; }
	.smcp-arq .smcp-arq-equipe a { flex: none; white-space: nowrap; font-size: 12px; }
}

/* ── Referência de m² da equipe (17/10/2026) ─────────────────────────────────
   Painel abaixo da busca da equipe: mesma moldura tracejada da lima (é ferramenta interna),
   números em colunas, precisão com cor + texto (nunca só cor). */
.smcp-arq .smcp-arq-m2 {
	margin: -6px 0 18px; padding: 14px 16px; border: 1px dashed #b9cf7f; border-radius: 12px;
	background: var(--ct-surface); color: var(--ct-ink-2); font-size: 14px;
}
.smcp-arq .smcp-arq-m2--vazio p { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ct-muted); font-size: 13.5px; }
.smcp-arq .smcp-arq-m2--vazio svg { flex: none; color: var(--ct-lima-texto); }
/* Linha-resumo (estado recolhido, padrão): título · valor · "Mostrar análise". */
.smcp-arq .smcp-arq-m2-resumo { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.smcp-arq .smcp-arq-m2-resumo > svg { flex: none; color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-m2-resumo h2 { margin: 0; font-size: 14px; font-weight: 700; color: var(--ct-ink); }
.smcp-arq .smcp-arq-m2-val { display: inline-flex; align-items: baseline; gap: 6px; margin-right: auto; font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-m2-val b { padding: 2px 8px; border-radius: 6px; background: var(--ct-lima-suave); color: var(--ct-lima-tinta); font-size: 14px; }
.smcp-arq .smcp-arq-m2-val span { font-size: 12px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-abrir, .smcp-arq .smcp-arq-m2-km, .smcp-arq .smcp-arq-m2-voltar {
	display: inline-flex; align-items: center; gap: 5px; min-height: 34px; padding: 0 12px; border: 1px solid var(--ct-line); border-radius: 8px;
	background: #fff; color: var(--ct-ink); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.smcp-arq .smcp-arq-m2-abrir svg { transition: transform .15s; }
.smcp-arq .smcp-arq-m2-abrir[aria-expanded="true"] svg { transform: rotate(180deg); }
.smcp-arq .smcp-arq-m2-abrir:hover, .smcp-arq .smcp-arq-m2-km:hover, .smcp-arq .smcp-arq-m2-voltar:hover { border-color: #b9cf7f; background: var(--ct-lima-suave); }
.smcp-arq .smcp-arq-m2-km.is-on { border-color: var(--ct-lima); background: var(--ct-lima); color: var(--ct-lima-tinta); }
.smcp-arq .smcp-arq-m2 button:focus-visible { outline: 2px solid var(--ct-lima-texto); outline-offset: 2px; }
.smcp-arq .smcp-arq-m2-corpo { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ct-line); }
.smcp-arq .smcp-arq-m2-sub { margin: 0 0 10px; font-size: 12.5px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-sub b { color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-m2-acoes { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 18px; margin-bottom: 12px; }
.smcp-arq .smcp-arq-m2-perto { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-perto > div { display: flex; flex-wrap: wrap; gap: 6px; }
.smcp-arq .smcp-arq-m2-voltar { border-style: dashed; color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-m2-info { margin: 0 0 10px; font-size: 12.5px; color: var(--ct-ink-2); }
.smcp-arq .smcp-arq-m2-carregando { margin: 0; font-size: 13px; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-area { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12px; font-weight: 600; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-area-in { display: flex; align-items: center; height: 38px; border: 1px solid var(--ct-line); border-radius: 8px; background: #fff; overflow: hidden; }
.smcp-arq .smcp-arq-m2-area-in:focus-within { border-color: var(--ct-lima); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ct-lima) 30%, transparent); }
.smcp-arq .smcp-arq-m2-area input { width: 120px; height: 100%; padding: 0 10px; border: 0; outline: 0; font-size: 14px; color: var(--ct-ink); font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-m2-area em { padding: 0 10px; font-style: normal; color: var(--ct-muted); border-left: 1px solid var(--ct-line); }

.smcp-arq .smcp-arq-m2-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.smcp-arq .smcp-arq-m2-kpi { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: var(--ct-ground); min-width: 0; }
.smcp-arq .smcp-arq-m2-kpi span { line-height: 1.3; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-kpi strong { line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--ct-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.smcp-arq .smcp-arq-m2-kpi small { line-height: 1.35; font-size: 11.5px; color: var(--ct-muted); font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-m2-kpi--main { grid-column: span 2; background: var(--ct-lima-suave); }
.smcp-arq .smcp-arq-m2-kpi--main strong { font-size: 24px; white-space: nowrap; color: var(--ct-lima-tinta); }
.smcp-arq .smcp-arq-m2-kpi--valor { grid-column: span 2; background: var(--ct-dark); }
.smcp-arq .smcp-arq-m2-kpi--valor span, .smcp-arq .smcp-arq-m2-kpi--valor small { color: #c9d1c2; }
.smcp-arq .smcp-arq-m2-kpi--valor strong { color: #fff; font-size: 18px; }
.smcp-arq .smcp-arq-m2-grau--III strong { color: #2f6b12; }
.smcp-arq .smcp-arq-m2-grau--II strong  { color: #8a5a00; }
.smcp-arq .smcp-arq-m2-grau--I strong,
.smcp-arq .smcp-arq-m2-grau--x strong   { color: #a33a1c; }
.smcp-arq .smcp-arq-m2-disp--baixa strong { color: #2f6b12; }
.smcp-arq .smcp-arq-m2-disp--media strong { color: #8a5a00; }
.smcp-arq .smcp-arq-m2-disp--alta strong  { color: #a33a1c; }
.smcp-arq .smcp-arq-m2-pouco { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; background: #fff7e6; color: #7a4d00; font-size: 13px; }

.smcp-arq .smcp-arq-m2-bairros { margin-top: 12px; }
.smcp-arq .smcp-arq-m2-bairros h3 { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-bairros ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.smcp-arq .smcp-arq-m2-bairros li { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(60px, 2fr) auto; align-items: center; gap: 10px; font-size: 13px; }
.smcp-arq .smcp-arq-m2-b-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ct-ink); }
.smcp-arq .smcp-arq-m2-b-n small { color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-b-bar { height: 6px; border-radius: 3px; background: var(--ct-ground); overflow: hidden; }
.smcp-arq .smcp-arq-m2-b-bar i { display: block; height: 100%; border-radius: 3px; background: var(--ct-lima); }
.smcp-arq .smcp-arq-m2-bairros b { font-variant-numeric: tabular-nums; color: var(--ct-ink); }
.smcp-arq .smcp-arq-m2-nota { margin: 6px 0 0; font-size: 11.5px; color: var(--ct-muted); }

.smcp-arq .smcp-arq-m2-det { margin-top: 12px; border-top: 1px solid var(--ct-line); padding-top: 8px; }
.smcp-arq .smcp-arq-m2-det summary { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--ct-lima-texto); }
.smcp-arq .smcp-arq-m2-det summary:focus-visible { outline: 2px solid var(--ct-lima-texto); outline-offset: 2px; border-radius: 4px; }
.smcp-arq .smcp-arq-m2-tab { margin-top: 8px; overflow-x: auto; }
.smcp-arq .smcp-arq-m2-tab table { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.smcp-arq .smcp-arq-m2-tab th { padding: 6px 8px; text-align: left; font-size: 11px; font-weight: 700; color: var(--ct-muted); border-bottom: 1px solid var(--ct-line); white-space: nowrap; }
.smcp-arq .smcp-arq-m2-tab td { padding: 6px 8px; border-bottom: 1px solid var(--ct-line); white-space: nowrap; color: var(--ct-ink-2); }
.smcp-arq .smcp-arq-m2-tab tr.is-fora td { color: #9aa294; }
.smcp-arq .smcp-arq-m2-tab a { color: var(--ct-lima-texto); font-weight: 700; }
.smcp-arq .smcp-arq-m2-crit { margin: 10px 0 0; padding-left: 18px; font-size: 12px; line-height: 1.5; color: var(--ct-muted); }
.smcp-arq .smcp-arq-m2-crit b { color: var(--ct-ink-2); }
@media (max-width: 600px) {
	.smcp-arq .smcp-arq-m2 { padding: 12px; }
	.smcp-arq .smcp-arq-m2-area, .smcp-arq .smcp-arq-m2-area-in { width: 100%; }
	.smcp-arq .smcp-arq-m2-area input { flex: 1; width: auto; }
	.smcp-arq .smcp-arq-m2-kpis { grid-template-columns: 1fr 1fr; }
	.smcp-arq .smcp-arq-m2-kpi--main, .smcp-arq .smcp-arq-m2-kpi--valor { grid-column: 1 / -1; }
}
.smcp-arq .smcp-arq-qtd { display: inline-flex; align-items: center; margin-left: 6px; padding: 2px 10px; border-radius: 999px; background: #f4f9e8; border: 1px solid #dbe8bd; font-size: 13px; font-weight: 700; color: #4f6e14; vertical-align: middle; white-space: nowrap; }

/* Busca da equipe — bairro com pesquisa (19/10/2026). Sem JS, o <select> aparece no lugar. */
.smcp-arq-js .smcp-arq-equipe select#eq-bairro { display: none; }
.smcp-arq-equipe .smcp-eqb { position: relative; flex: 1 1 220px; min-width: 0; }
.smcp-arq-equipe .smcp-eqb-in { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #d5dccc; border-radius: 10px; background: #fff; color: #1b2118; font: 500 14px/1.3 Montserrat, system-ui, sans-serif; }
.smcp-arq-equipe .smcp-eqb-in:focus { outline: none; border-color: #a8cf45; box-shadow: 0 0 0 3px rgba(168, 207, 69, .25); }
.smcp-arq-equipe .smcp-eqb-lista { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; max-height: 320px; overflow-y: auto; margin: 0; padding: 4px; list-style: none; border: 1px solid #e3e8dc; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(20, 30, 15, .16); }
.smcp-arq-equipe .smcp-eqb-lista[hidden] { display: none; }
.smcp-arq-equipe .smcp-eqb-op { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 7px; cursor: pointer; color: #1b2118; font-size: 14px; }
.smcp-arq-equipe .smcp-eqb-op:hover, .smcp-arq-equipe .smcp-eqb-op.is-ativo { background: #f4f9e8; }
.smcp-arq-equipe .smcp-eqb-op[aria-selected="true"] { font-weight: 700; color: #4f6e14; }
.smcp-arq-equipe .smcp-eqb-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smcp-arq-equipe .smcp-eqb-nome small { margin-left: 6px; color: #7a8474; font-size: 12px; font-weight: 500; }
.smcp-arq-equipe .smcp-eqb-n { flex: none; min-width: 26px; padding: 1px 7px; border-radius: 999px; background: #f1f3ee; color: #3d4639; font-size: 12px; text-align: center; font-variant-numeric: tabular-nums; }
.smcp-arq-equipe .smcp-eqb-todos { color: #4f6e14; font-weight: 700; }
.smcp-arq-equipe .smcp-eqb-vazio { padding: 10px; color: #7a8474; font-size: 13px; }
