/* QUER VENDER SEU IMÓVEL? — módulo secoes/vender (Imóveis ASC)
   Seção escura (--noite). Só tokens do site; tudo com prefixo .s-vender. */

.s-vender{position:relative;background:var(--noite);color:var(--creme);padding:var(--secao) var(--lado);overflow:hidden}
.s-vender *,.s-vender *::before,.s-vender *::after{box-sizing:border-box}
.s-vender svg{width:1em;height:1em;flex:none}
.s-vender a{color:inherit}

.s-vender__grade{display:grid;gap:clamp(44px, 6vw, 80px);max-width:1360px;margin:0 auto;align-items:start}
@media (min-width:900px){
  .s-vender__grade{grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);column-gap:6vw}
  .s-vender__foto{position:sticky;top:clamp(84px, 12vh, 120px)}
}

/* ---------- foto com moldura ---------- */
.s-vender__foto{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;background:var(--noite-2)}
.s-vender__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.s-vender__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 62%, color-mix(in srgb, var(--noite) 70%, transparent) 100%);pointer-events:none}
.s-vender__moldura{position:absolute;inset:var(--moldura-in);z-index:2;pointer-events:none;border:1px solid var(--moldura);border-bottom:0}
.s-vender__borda{position:absolute;left:-1px;right:-1px;bottom:0;display:flex;align-items:center;transform:translateY(50%)}
.s-vender__borda i{flex:1 1 auto;height:1px;background:var(--moldura)}
.s-vender__borda .s-vender__curta{flex:0 0 clamp(18px, 3vw, 40px)}
.s-vender__borda span{padding:0 12px;white-space:nowrap;font:500 var(--t-rotulo)/1 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--creme)}
.s-vender__canto{position:absolute;width:7px;height:7px;background:var(--ouro-claro)}
.s-vender__canto--1{left:-4px;top:-4px}.s-vender__canto--2{right:-4px;top:-4px}
.s-vender__canto--3{left:-4px;bottom:-4px}.s-vender__canto--4{right:-4px;bottom:-4px}

/* ---------- texto ---------- */
.s-vender__texto{display:grid;gap:clamp(26px, 3.4vw, 40px);align-content:start}
.s-vender__titulo{margin:0;font-weight:400;display:grid;justify-items:start;line-height:1}
.s-vender__titulo > *{display:block}
.s-vender__caps{font:400 min(var(--t-mega), 12.4vw)/.9 var(--serif);font-stretch:82%;text-transform:uppercase;letter-spacing:-.005em}
.s-vender__it{font:italic 300 min(calc(var(--t-gigante) * .7), 13vw)/.9 var(--serif);color:var(--bronze-claro);margin:-.04em 0 0 .4em;white-space:nowrap}
.s-vender__intro{margin:0;max-width:34rem;font:400 1.0625rem/1.65 var(--sans);color:var(--creme-2)}

.s-vender__lista{margin:0;display:grid;gap:0;max-width:34rem}
.s-vender__lista div{display:grid;grid-template-columns:2.6rem 1fr;gap:12px;align-items:baseline;padding:14px 0;border-top:1px solid var(--linha-clara)}
.s-vender__lista div:last-child{border-bottom:1px solid var(--linha-clara)}
.s-vender__lista dt{font:500 var(--t-rotulo)/1 var(--sans);font-stretch:125%;letter-spacing:.16em;color:var(--ouro-claro)}
.s-vender__lista dd{margin:0;font:400 1rem/1.55 var(--sans);color:var(--creme-2)}
.s-vender__lista strong{display:block;margin-bottom:2px;font:400 1.22rem/1.3 var(--serif);color:var(--creme)}

/* ---------- formulário (campos sublinhados) ---------- */
.s-vender__form{display:grid;gap:24px;max-width:34rem;padding-top:clamp(8px, 2vw, 20px)}
.s-vender__tipos{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.s-vender__tipos legend,.s-vender__campo > span:first-child{
  padding:0;margin-bottom:10px;width:100%;
  font:500 var(--t-rotulo)/1.4 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-2);
}
.s-vender__tipos label{position:relative}
.s-vender__tipos input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.s-vender__tipos span{
  display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--linha-clara);border-radius:999px;
  font:400 .95rem/1 var(--sans);color:var(--creme);transition:background-color .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.s-vender__tipos input:hover + span{border-color:var(--moldura)}
.s-vender__tipos input:checked + span{background:var(--creme);border-color:var(--creme);color:var(--noite)}
.s-vender__tipos input:focus-visible + span{outline:2px solid var(--ouro-claro);outline-offset:2px}
.s-vender__linha{display:grid;gap:24px}
@media (min-width:560px){.s-vender__linha{grid-template-columns:minmax(0, 1fr) 16rem}}
.s-vender__campo{display:grid;min-width:0}
.s-vender__campo input{
  width:100%;min-height:50px;padding:6px 0;border:0;border-bottom:1px solid var(--moldura);border-radius:0;background:transparent;
  font:400 1.06rem/1.3 var(--sans);color:var(--creme);caret-color:var(--ouro-claro);
}
.s-vender__campo input::placeholder{color:var(--creme-2);opacity:.85}
.s-vender__campo input:focus{outline:none;border-bottom-color:var(--ouro-claro);box-shadow:0 1px 0 var(--ouro-claro)}
.s-vender__campo input[aria-invalid="true"]{border-bottom-color:var(--ouro-claro)}
.s-vender__m2{position:relative;display:block}
.s-vender__m2 input{padding-right:2.2em}
.s-vender__m2 i{position:absolute;right:0;bottom:14px;font:400 .95rem/1 var(--sans);font-style:normal;color:var(--creme-2)}
.s-vender__erro{margin:-8px 0 0;font:400 .95rem/1.4 var(--sans);color:var(--ouro-claro)}
.s-vender__enviar{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;justify-self:start;
  min-height:56px;padding:0 28px;border:0;border-radius:2px;background:var(--ouro);color:var(--noite);cursor:pointer;
  font:600 .76rem/1.2 var(--sans);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;
  transition:background-color .3s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.s-vender__enviar svg{width:18px;height:18px}
.s-vender__enviar:hover{background:var(--ouro-claro)}
.s-vender__enviar:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
.s-vender__ok{padding:16px 18px;border:1px solid var(--moldura);display:grid;gap:8px}
.s-vender__ok[hidden],.s-vender__erro[hidden]{display:none}
.s-vender__ok p{margin:0;font:400 1rem/1.5 var(--sans);color:var(--creme)}
.s-vender__denovo{justify-self:start;font:500 .95rem/1.2 var(--sans);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:5px}
.s-vender__fim{margin:0;font:400 .86rem/1.5 var(--sans);color:var(--creme-2)}
.s-vender__fim a{color:var(--creme);text-decoration-color:var(--ouro);text-underline-offset:4px}
@media (max-width:520px){
  .s-vender__enviar{width:100%;padding:0 14px;letter-spacing:.08em;font-size:.72rem}
  .s-vender__borda span{letter-spacing:.12em}
}
@media (min-width:900px){
  .s-vender__caps{font-size:min(var(--t-mega), 5.6vw)}
  .s-vender__it{font-size:min(calc(var(--t-gigante) * .62), 6.8vw)}
}
.s-vender__borda em{font-style:normal}
@media (max-width:520px){.s-vender__borda em{display:none}}
@media (prefers-reduced-motion:reduce){
  .s-vender__tipos span,.s-vender__enviar{transition:none}
}
/* estado de sucesso: plano de venda pronto */
.s-vender .s-vender__ok{display:grid;gap:12px;padding:22px 22px 20px;border:1px solid var(--moldura);background:rgba(244,242,237,.05)}
.s-vender .s-vender__ok[hidden]{display:none}
.s-vender .s-vender__enviar[hidden]{display:none}
.s-vender__ok-titulo{margin:0;font:300 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--serif);font-style:italic;color:var(--bronze-claro)}
.s-vender__ok-texto{margin:0;color:var(--creme-2)}
.s-vender__ok-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.s-vender__plano,.s-vender .s-vender__denovo{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;font:500 var(--t-rotulo)/1 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.s-vender__plano{background:var(--ouro);color:var(--noite)}
.s-vender__plano:hover{background:var(--ouro-claro)}
.s-vender .s-vender__denovo{border:1px solid var(--moldura);color:var(--creme)}
.s-vender .s-vender__denovo:hover{border-color:var(--ouro-claro);color:var(--ouro-claro)}
.s-vender__toques{margin:0}
.s-vender__toques a{color:var(--creme);text-decoration:underline;text-decoration-color:var(--ouro-claro);text-underline-offset:5px;font-size:.95rem}