:root{--bg:#faf7f5;--text:#1a1a1a;--muted:#6b7280;--brand:#b08968;--brand-2:#e6ccb2;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;color:var(--text);background:var(--bg);line-height:1.5}
.container{width:min(1100px,92vw);margin:0 auto}
.hero{background:linear-gradient(180deg,var(--brand-2),var(--bg));padding:48px 0 32px;text-align:center}
.logo{width:88px;height:88px;margin:0 auto 12px;display:block}
h1{font-size:clamp(28px,5vw,44px);margin:8px 0}
.cta{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.btn{background:var(--brand);color:#fff;border:none;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}
main{padding:32px 0 48px}.intro{background:#fff;padding:20px;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.04)}
#catalogo{margin-top:28px}.footer{border-top:1px solid #eee;padding:22px 0;text-align:center;color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0}
.card{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.04);padding:12px;display:flex;flex-direction:column}
.card img{width:100%;height:160px;object-fit:cover;border-radius:12px}
.card .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
label{display:flex;flex-direction:column;margin:8px 0}
input,textarea{padding:10px;border:1px solid #ddd;border-radius:10px}