:root{--bg:#f6f7f9;--card:#fff;--tx:#14171c;--mut:#667085;--bd:#e3e6ea;--ac:#111827;--zap:#128c4a;--zapt:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--card:#181b21;--tx:#eef0f3;--mut:#9aa3b2;--bd:#2a2f38;--ac:#f3f4f6;--zap:#1fa75d;--zapt:#fff}}
:root[data-theme=dark]{--bg:#0f1115;--card:#181b21;--tx:#eef0f3;--mut:#9aa3b2;--bd:#2a2f38;--ac:#f3f4f6;--zap:#1fa75d;--zapt:#fff}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.topo{background:var(--card);border-bottom:1px solid var(--bd);padding:22px 0}
.topo h1{margin:0;font-size:1.6rem;letter-spacing:-.01em}
.topo p{margin:6px 0 0;color:var(--mut);max-width:60ch}
.busca{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.busca input,.busca select{flex:1 1 200px;min-width:0;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);font:inherit}
.busca button{padding:11px 18px;border:0;border-radius:10px;background:var(--ac);color:var(--bg);font:inherit;font-weight:600;cursor:pointer}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:24px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.foto{aspect-ratio:4/3;background:var(--bg);display:flex;align-items:center;justify-content:center}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.semfoto{color:var(--mut);font-size:.85rem}
.info{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.info h2{margin:0;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
.desc{margin:0;color:var(--mut);font-size:.88rem;overflow-wrap:anywhere}
.preco{font-size:1.25rem;font-weight:700;margin-top:auto;padding-top:6px}
.preco small{font-size:.75rem;font-weight:400;color:var(--mut)}
.consulte{font-size:.9rem;font-weight:500;color:var(--mut)}
.btn{display:block;text-align:center;text-decoration:none;background:var(--zap);color:var(--zapt);padding:11px 14px;border-radius:10px;font-weight:600;margin-top:8px}
.btn:hover{filter:brightness(1.08)}
.pag{display:flex;justify-content:space-between;align-items:center;margin:8px 0 28px;color:var(--mut)}
.pag a{color:var(--tx);font-weight:600}
.vazio{text-align:center;color:var(--mut);padding:60px 16px}
.rodape{border-top:1px solid var(--bd);background:var(--card);padding:18px 0 28px;margin-top:12px}
.rodape .btn{max-width:320px;margin:0 auto}
.rodape p{text-align:center;color:var(--mut);font-size:.8rem;margin:12px 0 0}
.topo .logo{display:block;max-height:64px;max-width:240px;object-fit:contain;margin-bottom:8px}