/* Página Casas à venda. */
.cs-hero{padding-top:clamp(56px,6vw,88px)}
.cs-texto{max-width:760px;margin:0 auto;text-align:center}
.cs-ico{display:block;width:56px;height:56px;margin:0 auto 18px;color:var(--argila)}
.cs-titulo{font-size:clamp(44px,5.2vw,76px);line-height:1;margin-left:auto;margin-right:auto}
.cs-lead{margin:22px auto 0;font-size:19px;line-height:1.55;color:var(--texto-2);max-width:50ch}
.cs-sec{padding-top:clamp(64px,7vw,96px)}
.cs-sec .sec-topo{margin-bottom:clamp(32px,4vw,48px)}
/* título da seção com o texto curto logo abaixo, em vez de solto à direita */
.cs-sec .sec-topo{grid-template-columns:1fr;gap:10px}
.cs-sec .sec-topo .sec-texto{font-size:17px;max-width:62ch}
.cv-foto .foto{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px}
.cv-foto.sem-link{cursor:default}
/* endereço no pé da foto, com o mesmo selo creme do canto de cima */
.cv-endereco{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:6px 10px;box-sizing:border-box;background:var(--creme);color:var(--tinta);font-size:13.5px;font-weight:600;line-height:1.3}
.cv-endereco .ico{width:15px;height:15px;color:var(--argila)}
/* quem cuida da locação, logo abaixo do botão */
.cv-parceira{font-size:14.5px;line-height:1.5;color:var(--texto-2)}
.cs-aviso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(56px,6vw,80px);padding:28px 32px;background:var(--branco);border:1px solid var(--linha)}
.cs-aviso p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.15;max-width:30ch}
/* ---------- obra em andamento: foto em meio tom, ampulheta no selo e barra de andamento ---------- */
.em-obra img{filter:grayscale(.7) sepia(.12) contrast(.9) brightness(1.06);opacity:.86}
.em-obra .cv-status{z-index:2;display:inline-flex;align-items:center;gap:7px}
.cv-ampulheta{width:15px;height:15px;flex:none;color:var(--argila)}
.cv-andamento{position:absolute;left:0;right:0;bottom:0;z-index:2;height:6px;background:rgba(43,38,34,.3);overflow:hidden}
.cv-andamento::before,.cv-andamento::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--p,50%)}
.cv-andamento::before{background:var(--argila)}
.cv-andamento::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent) no-repeat;background-size:40% 100%}
@media (prefers-reduced-motion:no-preference){
.cs-ico{animation:p-subir .95s cubic-bezier(.2,.8,.2,1) both}
.cv-ampulheta{animation:cv-virar 2.4s cubic-bezier(.6,0,.4,1) infinite}
.cv-andamento::after{animation:cv-brilho 2.2s linear infinite}
}
@keyframes cv-virar{0%,75%{transform:none}100%{transform:rotate(180deg)}}
@keyframes cv-brilho{from{background-position:-60% 0}to{background-position:160% 0}}
@media (max-width:760px){
.cs-ico{width:44px;height:44px;margin-bottom:14px}
.cs-titulo{font-size:42px}
.cs-lead{font-size:17px;margin-top:16px}
.cs-aviso{padding:22px 20px}
.cs-aviso .btn{width:100%}
}