/* Imóveis ASC · camada de identidade (grafite + ouro da logo + laço vermelho do "VENDEU")
   Carregada por último: troca letras, logo, moldura (esquadro da logo) e as seções novas (vídeos, sonhos realizados). */

/* ---------- letras: Josefin (geométrica como a logo) + Manrope ---------- */
body{font-family:var(--sans);letter-spacing:.005em}
h1,h2,h3,.titulo-mega,.titulo-h2{font-family:var(--serif)}
.capa-caixa,.s-colecao-caps,.s-onde-morar-caps,.s-vender__caps,.s-avaliacoes__caps,.t-caixa,.m-caixa,.s-adriano__nome-caps,.s-reels__caps{font-weight:600!important;font-stretch:100%!important;letter-spacing:.02em!important}
.capa-gigante,.s-colecao-gigante,.s-onde-morar-gigante,.s-vender__it,.s-avaliacoes__it,.t-secao em,.manifesto-frase em,.s-adriano__nome-it,.s-adriano__prazer,.s-reels__it,.s-onde-morar-frase em{font-family:var(--serif)!important;font-style:italic!important;font-weight:300!important;font-stretch:100%!important;letter-spacing:-.01em!important}
[class*="rotulo"],.topo-menu a,.botao,.botao-topo,.capa-sobre,.capa-explore,.capa-slide,.capa-pausa{font-stretch:100%!important}
.botao,.botao-topo,.topo-menu a:not(.botao-topo),.capa-sobre,.capa-explore,.capa-slide,.capa-pausa,.logo-assina{font-weight:700;letter-spacing:.14em}
.capa-gigante{color:#FFF7E4;font-size:clamp(3.8rem,9.6vw,9.8rem)!important;line-height:.9!important}
.capa-caixa{font-size:clamp(2.7rem,6vw,5.8rem)!important;line-height:.92!important}
.vitrine-preco,.s-colecao-preco b,.s-colecao-ficha-preco,.s-adriano__numero dd{font-variant-numeric:lining-nums proportional-nums}
.s-colecao-preco b small{font:600 .62em/1 var(--sans);letter-spacing:.04em;text-transform:none;opacity:.75;margin-right:.2em}

/* ---------- logo ASC em SVG (traço do esquadro + letras sobem + brilho) ---------- */
.logo{aspect-ratio:440/172;width:clamp(170px,16vw,236px)}
.logo-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
.logo-teto,.logo-l{position:static;width:auto;top:auto;left:auto}
.topo.solido .logo{width:104px}
.topo.solido .logo-svg{filter:none}
.logo-assina{color:#FFF7E4;letter-spacing:.3em}
@media (max-width:999px){.logo{width:min(44vw,176px)}.topo.solido .logo{width:88px}}

/* ---------- moldura: cantos viram o esquadro da logo (L fino em ouro) ---------- */
.moldura{border-color:rgba(235,203,120,.34)}
.canto{background:none;width:34px;height:34px}
.canto::before,.canto::after{content:"";position:absolute;background:var(--ouro-claro)}
.c1::before{left:4px;top:4px;width:30px;height:2px}.c1::after{left:4px;top:4px;width:2px;height:30px}
.c2::before{right:4px;top:4px;width:30px;height:2px}.c2::after{right:4px;top:4px;width:2px;height:30px}
.c3::before{left:4px;bottom:4px;width:30px;height:2px}.c3::after{left:4px;bottom:4px;width:2px;height:30px}
.c4::before{right:4px;bottom:4px;width:30px;height:2px}.c4::after{right:4px;bottom:4px;width:2px;height:30px}
.c1{left:-5px;top:-5px}.c2{right:-5px;top:-5px}.c3{left:-5px;bottom:-5px}.c4{right:-5px;bottom:-5px}

/* ---------- capa: véu grafite (não verde) ---------- */
.capa-veu{background:
  linear-gradient(180deg, rgba(14,15,17,.52) 0%, rgba(14,15,17,0) 24%, rgba(14,15,17,0) 44%, rgba(12,13,15,.5) 68%, rgba(10,11,13,.88) 100%),
  linear-gradient(90deg, rgba(10,11,13,.46) 0%, rgba(10,11,13,0) 62%)}
.capa-quadro:nth-child(2) img{object-position:60% 55%}
.capa-quadro:nth-child(3) img{object-position:45% 60%}
.botao-ouro{background:linear-gradient(180deg,#E3BC5E,#C99A36);color:#141517}
.botao-ouro:hover{background:var(--ouro-claro)}
.topo.solido{background:rgba(20,21,23,.72);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:rgba(235,203,120,.22)}

/* ---------- vitrine e fichas com fotos de paisagem (as dele são 4:3) ---------- */
.vitrine-fotos img{object-fit:cover}

/* ---------- avaliações: "24h" no lugar da nota ---------- */
.s-avaliacoes__nota-24{display:block;font:300 clamp(5.5rem,15vw,12rem)/.8 var(--serif);font-style:italic;color:var(--laco);letter-spacing:-.04em}

/* ---------- OS VÍDEOS DO ADRIANO (reels) ---------- */
.s-reels{padding:var(--secao) 0 calc(var(--secao) * .8);background:var(--noite);color:var(--creme);overflow:hidden}
.s-reels__cabeca{display:grid;gap:22px;padding:0 var(--lado);margin-bottom:clamp(34px,5vw,64px)}
.s-reels__titulo{margin:0;font-weight:400;line-height:.92}
.s-reels__caps{display:block;font:600 var(--t-h2)/.92 var(--serif);text-transform:uppercase}
.s-reels__it{display:block;font-size:var(--t-mega);line-height:.95;color:var(--ouro-claro);margin-left:clamp(.3em,6vw,1.4em)}
.s-reels__intro p{margin:0 0 14px;max-width:32rem;color:var(--creme-2)}
.s-reels__link{display:inline-flex;align-items:center;gap:10px;color:var(--ouro-claro);font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.s-reels__link svg{width:16px;height:16px}
@media (min-width:900px){.s-reels__cabeca{grid-template-columns:1fr minmax(18rem,30rem);align-items:end;gap:6vw}}
.s-reels__trilho{list-style:none;margin:0;padding:0 var(--lado) 6px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,62vw,300px);gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}
.s-reels__trilho::-webkit-scrollbar{display:none}
.s-reels--arrasta{cursor:grabbing;scroll-snap-type:none}
.s-reels__item{scroll-snap-align:start}
.s-reels__cartao{display:block;text-decoration:none;color:inherit;-webkit-user-drag:none}
.s-reels__video{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#000;border-radius:2px}
.s-reels__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.s-reels__cartao:hover .s-reels__video video{transform:scale(1.04)}
.s-reels__video::after{content:"";position:absolute;inset:12px;border:1px solid var(--moldura);pointer-events:none}
.s-reels__info{display:grid;gap:6px;padding:16px 2px 0}
.s-reels__lugar{font:700 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-claro)}
.s-reels__nome{font:400 1.18rem/1.25 var(--serif);text-wrap:balance}
.s-reels__meta{font-size:.92rem;color:var(--creme-2);font-variant-numeric:tabular-nums}
.s-reels__ficha[data-ficha]:not([data-ficha=""]){color:var(--ouro-claro);text-decoration:underline;text-underline-offset:4px}
.s-reels__controles{display:flex;align-items:center;gap:18px;padding:26px var(--lado) 0}
.s-reels__seta{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--linha-clara);background:none;color:var(--creme);cursor:pointer;border-radius:50%}
.s-reels__seta:disabled{opacity:.3;cursor:default}
.s-reels__seta svg{width:18px;height:18px}
.s-reels__barra{flex:1;max-width:320px;height:1px;background:var(--linha-clara);overflow:hidden}
.s-reels__barra i{display:block;height:100%;background:var(--ouro-claro);transform-origin:left;transform:scaleX(.08)}

/* ---------- agendar: horário ---------- */
.agendar-horas{margin:6px 0 0;color:var(--creme-2);font-size:.95rem}

/* ---------- acentos das letras grandes não cortam na máscara ---------- */
.s-colecao-caps,.s-onde-morar-caps{padding-top:.16em;margin-top:-.16em}
.s-adriano__nome>*{padding-top:.12em}

/* ---------- fotos dele são 4:3: cartões, vitrine e capítulos no formato delas ---------- */
.s-colecao-foto{aspect-ratio:4/3}
.vt-mini{aspect-ratio:4/3}
@media (max-width:899px){.vitrine-foto{aspect-ratio:4/3}}
.s-adriano__assinatura .s-adriano__traco{fill:var(--tinta)}
.s-adriano__risco{stroke:var(--ouro-escuro)}

/* ---------- topo rolado: vidro grafite, nome + CRECI sempre (no celular, o nome) ---------- */
.topo.solido{background:rgba(18,19,21,.86)}
.topo-quem-cel{display:none}
.topo.solido .topo-quem{display:block!important;font-stretch:100%;letter-spacing:.14em;font-weight:700}
@media (min-width:1000px) and (max-width:1380px){.topo.solido .topo-menu-esq{display:none}.topo.solido{grid-template-columns:auto 1fr}.topo.solido .topo-marca{grid-column:1}}
@media (max-width:999px){
  .topo.solido .topo-quem{display:none!important}
  .topo.solido .topo-quem-cel{display:block;font:700 .56rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--creme-2);white-space:nowrap}
}
@media (max-width:389px){.topo.solido .topo-info{display:grid!important}.topo.solido .topo-secao{display:none}}
.s-adriano__numeros{margin-bottom:0}
.s-colecao-gigante{white-space:nowrap;font-size:clamp(3.2rem,8.6vw,8.2rem)!important}
.vt-aba{text-transform:none!important;letter-spacing:.03em!important;font-weight:600}
.s-reels__caps,.s-vender__caps,.s-avaliacoes__caps,.t-caixa,.capa-caixa,.s-onde-morar-caps,.s-colecao-caps{line-height:1.02!important}
.agendar-horas{color:var(--tinta-2);margin-left:34px}
.s-colecao-caps,.s-onde-morar-caps{padding-top:.3em!important;margin-top:-.3em!important}
.s-colecao-caps>span,.s-onde-morar-caps>span{line-height:1.04!important}
.s-onde-morar-frase span{font-size:clamp(1.45rem,3.4vw,3.4rem)!important;font-weight:600;letter-spacing:.01em}
@media (min-width:900px){.s-onde-morar-frase span{font-size:clamp(2rem,3.4vw,3.6rem)!important}}
.s-reels__trilho{scroll-padding-inline:var(--lado)}
@media (max-width:999px){.topo.solido .topo-secao{max-width:30vw;overflow:hidden;text-overflow:ellipsis}}
.s-colecao-ficha-preco,.vitrine-preco{color:var(--ouro-escuro)!important}.pv-escuro .vitrine-preco{color:var(--ouro-claro)!important}
@media (max-width:420px){.topo.solido{padding-left:12px;padding-right:12px;gap:10px}}
@media (max-width:420px){.topo.solido .logo{width:74px}.topo.solido .topo-menu-dir>a.botao-vender,.topo.solido .botao-topo{padding:0 9px!important;letter-spacing:.05em!important}.topo.solido .topo-info{padding-left:8px!important}}
@media (max-width:375px){.topo.solido .topo-info{display:none!important}}

/* ---------- correções de defeito (18/10), sem mudar o visual ---------- */
/* onde morar: capítulos deslizam para o lado (sem rolagem presa); a frase gigante não invade o capítulo vizinho */
.s-onde-morar-cap{overflow:hidden}
.s-onde-morar-frase em{white-space:normal!important;text-wrap:balance;font-size:clamp(3rem,7.4vw,7.2rem)!important;line-height:.95!important;max-width:100%}
@media (max-width:899px){.s-onde-morar-frase em{font-size:min(13vw,4.6rem)!important;margin-left:0!important}}
.s-onde-morar-trilho{touch-action:pan-x pan-y;cursor:grab}
.s-onde-morar-hud-dica{display:block!important}
@media (min-width:900px){.s-onde-morar-cap{padding-bottom:28px}}
/* acentos (SELEÇÃO, CERÂMICA) não cortam */
.s-colecao-caps,.s-onde-morar-caps{padding-top:.5em!important;margin-top:-.5em!important}
/* cartões da seleção no computador: informação embaixo da foto (texto sobre foto clara ficava ilegível) */
@media (min-width:900px){
  .s-colecao-grande .s-colecao-trilho .s-colecao-cartao{grid-template-areas:"f" "i";gap:18px}
  .s-colecao-grande .s-colecao-trilho .s-colecao-foto{grid-area:f}
  .s-colecao-grande .s-colecao-trilho .s-colecao-info{grid-area:i;align-self:start;padding:0 4px;color:var(--tinta)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-foto::after{background:none}
  .s-colecao-grande .s-colecao-trilho .s-colecao-local{color:var(--ouro-escuro)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-dados{color:var(--tinta)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-dados small{color:var(--tinta-2)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-dados span{border-left-color:var(--linha)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-preco{border-top-color:var(--linha)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-ver{color:var(--tinta)}
  .s-colecao-grande .s-colecao-trilho .s-colecao-legenda span:first-of-type{visibility:visible}
}
/* topo rolado no celular: botões não cortam na borda */
@media (max-width:440px){
  .topo.solido{gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  .topo.solido .topo-menu-dir{gap:5px!important}
  .topo.solido .topo-menu-dir>a.botao-vender,.topo.solido .botao-topo{padding:0 8px!important;font-size:.62rem!important;letter-spacing:.02em!important;min-height:34px!important}
  .topo.solido .botao-topo svg{display:none}
}