/* Estilo comum do esboço — site do cliente e área do corretor.
   Mude as cores aqui e tudo acompanha. */
:root{
  --bg:#faf8f4; --card:#ffffff; --ink:#1f2421; --muted:#68706b; --line:#e6e2da;
  --brand:#0f6b5c; --brand-ink:#ffffff; --brand-soft:#e3f1ed;
  --sun:#e8833a; --sun-soft:#fdeedf;
  --quente:#c2410c; --quente-soft:#fdebe1; --morno:#a16207; --morno-soft:#fbf1d6;
  --frio:#2563eb; --frio-soft:#e5edfd; --ok:#15803d; --ok-soft:#e3f5e8;
  --radius:14px; --shadow:0 6px 24px rgba(31,36,33,.08);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-title:"Fraunces",Georgia,serif;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#141715; --card:#1d211f; --ink:#ecefe9; --muted:#a2aaa4; --line:#313733;
    --brand:#3fbfa6; --brand-ink:#0b1412; --brand-soft:#173a33; --sun:#f3a062; --sun-soft:#3a2617;
    --quente:#fb8a5a; --quente-soft:#3d2216; --morno:#e0b04a; --morno-soft:#3a2f14;
    --frio:#7aa7ff; --frio-soft:#1b2a47; --ok:#5fd18a; --ok-soft:#163723; --shadow:0 6px 24px rgba(0,0,0,.35); }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--font)}
a{color:var(--brand)}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-title);line-height:1.15;margin:0 0 .4em;font-weight:600}
h1{font-size:clamp(32px,5vw,52px)} h2{font-size:clamp(24px,3.4vw,34px)} h3{font-size:20px}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)} .small{font-size:14px} .tiny{font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font:600 15px var(--font);cursor:pointer;text-decoration:none;background:var(--brand);color:var(--brand-ink)}
.btn:hover{filter:brightness(1.06)}
.btn.sec{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.sol{background:var(--sun);color:#fff}
.btn.peq{padding:8px 12px;font-size:14px;border-radius:10px}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--line)}
.pill.quente{background:var(--quente-soft);color:var(--quente)}
.pill.morno{background:var(--morno-soft);color:var(--morno)}
.pill.frio{background:var(--frio-soft);color:var(--frio)}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.marca{background:var(--brand-soft);color:var(--brand)}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}
label{font-size:14px;font-weight:600;display:block;margin:12px 0 6px}
/* Foto ilustrativa: enquanto não há fotos reais, cada imóvel usa uma "foto" desenhada. */
.foto{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--c1,#9cc9b8),var(--c2,#e9d7b9))}
.foto::after{content:attr(data-ambiente);position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;background:rgba(0,0,0,.45);color:#fff;padding:3px 8px;border-radius:8px}
.selo-ia{position:absolute;right:10px;top:10px;font-size:11px;font-weight:700;background:var(--sun);color:#fff;padding:3px 8px;border-radius:8px}
.aviso-esboco{background:var(--sun-soft);color:var(--ink);font-size:13px;text-align:center;padding:6px 12px}
@media (max-width:640px){ .wrap{padding:0 16px} }