:root{
  --bg:#EEF0F2; --surface:#FFFFFF; --ink:#1C2630; --muted:#5E6873; --line:#D3D7DB;
  --yellow:#F2B705; --blue:#0B5CAD; --green:#1E7B34;
  --body:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cond:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --bg:#151B21; --surface:#1F272E; --ink:#ECEFF1; --muted:#9AA5AF; --line:#303B45; --blue:#66A8F0; --green:#72C777; }
}
:root[data-theme="dark"]{ --bg:#151B21; --surface:#1F272E; --ink:#ECEFF1; --muted:#9AA5AF; --line:#303B45; --blue:#66A8F0; --green:#72C777; }
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
button,select{font:inherit;color:inherit}

.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto;padding:16px 20px}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--cond);font-weight:700;font-size:28px;text-decoration:none;line-height:1}
.tijolo{width:36px;height:26px;background:var(--yellow);border-radius:4px;position:relative}
.tijolo::before,.tijolo::after{content:"";position:absolute;top:-6px;width:11px;height:7px;background:var(--yellow);border-radius:3px 3px 0 0}
.tijolo::before{left:5px}.tijolo::after{right:5px}
.zap{white-space:nowrap;background:var(--green);color:#fff;text-decoration:none;font-weight:600;padding:9px 14px;border-radius:8px;font-size:15px}

.conteudo{max-width:1120px;margin:0 auto;padding:0 20px 40px}
.abertura{padding:18px 0 8px;max-width:640px}
.abertura h1{font-family:var(--cond);font-weight:700;font-size:clamp(34px,6vw,56px);line-height:1;margin:0 0 10px}
.abertura p{color:var(--muted);margin:0;font-size:17px}

.controles{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin:22px 0 6px}
.filtro{display:flex;flex-wrap:wrap;gap:6px}
.filtro button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:500;cursor:pointer}
.filtro button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ordem{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center}
.ordem select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}

.secao{margin-top:28px}
.secao-topo{border-top:4px solid var(--ink);padding-top:10px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.secao[data-secao=pronta] .secao-topo{border-top-color:var(--yellow)}
.secao[data-secao=pre_venda] .secao-topo{border-top-color:var(--blue)}
.secao-topo h2{font-family:var(--cond);font-size:30px;margin:0;line-height:1}
.secao-topo h2 span{font-family:var(--body);font-size:15px;font-weight:500;color:var(--muted)}
.secao-topo p{margin:0;color:var(--muted);font-size:14px}

.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card-foto{aspect-ratio:4/3;background:var(--bg);display:block}
.card-foto img{width:100%;height:100%;object-fit:cover}
.sem-foto{display:block;width:100%;height:100%;min-height:120px;background:
  radial-gradient(circle at 25% 30%,var(--line) 0 9%,transparent 10%),
  radial-gradient(circle at 75% 30%,var(--line) 0 9%,transparent 10%),
  radial-gradient(circle at 25% 72%,var(--line) 0 9%,transparent 10%),
  radial-gradient(circle at 75% 72%,var(--line) 0 9%,transparent 10%)}
.sem-foto.grande{aspect-ratio:4/3}
.card-corpo{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.cod{font-size:13px;color:var(--muted);font-weight:600}
.card h3{font-size:17px;line-height:1.25;margin:2px 0 4px;font-weight:600}
.card h3 a{text-decoration:none}
.ficha{font-size:13px;color:var(--muted);margin:0 0 8px}
.preco{font-family:var(--cond);font-weight:700;font-size:26px;margin:auto 0 10px;line-height:1}
.quero{display:block;text-align:center;background:var(--yellow);color:#1C2630;text-decoration:none;font-weight:700;padding:10px;border-radius:8px}

.voltar{display:inline-block;margin:6px 0 14px;color:var(--muted);font-size:15px}
.detalhe{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.galeria{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;border-radius:10px}
.galeria img{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--surface)}
.info h1{font-family:var(--cond);font-size:clamp(30px,4vw,42px);line-height:1.02;margin:10px 0 4px}
.selo{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.selo-pronta{background:var(--yellow);border-color:var(--yellow);color:#1C2630}
.selo-pre_venda{color:var(--blue);border-color:var(--blue)}
.ficha-tecnica{display:flex;gap:24px;margin:14px 0}
.ficha-tecnica dt{font-size:13px;color:var(--muted)}
.ficha-tecnica dd{margin:0;font-weight:600}
.preco.grande{font-size:40px;margin:16px 0 2px}
.parcela{margin:0;color:var(--muted)}
.nota{font-size:14px;color:var(--muted);margin:14px 0}
.quero.grande{padding:14px;font-size:17px}

.rodape{max-width:1120px;margin:0 auto;padding:24px 20px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.rodape p{max-width:70ch;margin:0 0 8px}

@media (max-width:760px){
  .detalhe{grid-template-columns:1fr}
  .grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card h3{font-size:15px}
  .preco{font-size:22px}
  .zap{padding:8px 10px;font-size:14px}
}