/* styles.css - design limpo e responsivo */
:root{
  --max-width:1100px;
  --accent:#b7632b;
  --muted:#666;
  --bg:#faf8f5;
  --card:#fff;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;color:#222;background:var(--bg);margin:0}
.container{max-width:var(--max-width);margin:0 auto;padding:2rem}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-header{background:linear-gradient(90deg,rgba(0,0,0,0.02),transparent);position:sticky;top:0;backdrop-filter:blur(4px);z-index:50}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}
.logo img{height:44px}
.main-nav a{margin:0 .6rem;text-decoration:none;color:var(--muted)}
.cta{background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:8px;text-decoration:none}
.hero{padding:4rem 0;border-bottom:1px solid rgba(0,0,0,0.04);background:linear-gradient(180deg,#fff,transparent)}
.hero .lead{font-size:1.05rem;color:var(--muted);max-width:60%}
.hero .meta{margin-top:1rem;color:var(--muted)}
.btn{display:inline-block;margin-top:1rem;background:transparent;border:2px solid var(--accent);padding:.6rem 1rem;border-radius:10px;text-decoration:none;color:var(--accent)}

.about h2, .products h2, .quality h2, .sustainability h2, .blog h2, .contact h2{margin-top:0}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.columns h3,h4{margin:0 0 .5rem 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 6px 18px rgba(10,10,10,0.04);text-align:center}
.card img{height:96px;margin-bottom:.6rem}
.small{display:inline-block;margin-top:.6rem;text-decoration:none;color:var(--accent)}

.bullets{list-style:disc;padding-left:1.2rem}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}
form label{display:block;margin-bottom:.6rem}
input, textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #e5e5e5;background:#fff}
.note{font-size:.9rem;color:var(--muted);margin-top:.6rem}

.site-footer{border-top:1px solid rgba(0,0,0,0.04);padding:1rem 0;margin-top:2rem;background:#fff}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}

/* Responsivo */
@media (max-width:900px){
  .columns{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .hero .lead{max-width:100%}
  .contact-grid{grid-template-columns:1fr}
  .header-inner{flex-direction:column;align-items:flex-start;padding:.8rem}
  .main-nav{display:flex;gap:.6rem;flex-wrap:wrap}
}