
:root{
  --verde:#1e5631; --verde-esc:#143d22; --verde2:#2e7d46;
  --dourado:#a67c28; --dourado-cl:#d8b45e;
  --creme:#f6f3ea; --branco:#fff; --tinta:#20281f; --tinta2:#5c6a55; --linha:#e2ded1;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
     background:var(--creme);color:var(--tinta);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
a{color:inherit;text-decoration:none}

.faixa{background:var(--verde-esc);color:#cfe0d2;font-size:12.5px;text-align:center;padding:9px 12px}
.faixa b{color:var(--dourado-cl)}
nav{background:var(--branco);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:50}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;flex-wrap:wrap}
.logo{display:flex;align-items:baseline;gap:9px;font-weight:800;font-size:21px;color:var(--verde);letter-spacing:-.02em;cursor:pointer}
.logo small{font-size:9.5px;letter-spacing:.3em;color:var(--dourado);font-weight:700;text-transform:uppercase}
.menu{display:flex;gap:3px;flex-wrap:wrap}
.menu button{background:none;border:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--tinta2);
  padding:9px 12px;border-radius:8px;cursor:pointer;transition:.15s}
.menu button:hover{background:var(--creme);color:var(--verde)}
.menu button.on{background:var(--verde);color:#fff}
.btn-wa{background:var(--dourado);color:#fff !important;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:8px;white-space:nowrap}

.page{display:none} .page.on{display:block}
section{padding:70px 0}
section.tight{padding:46px 0}
section.branca{background:var(--branco);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.eyebrow{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dourado);font-weight:800;margin-bottom:12px}
h1{font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-.02em}
h2{font-size:31px;line-height:1.18;font-weight:800;color:var(--verde);letter-spacing:-.015em}
h2.big{font-size:38px}
h3{font-size:19px;font-weight:800;color:var(--verde)}
p.lead{font-size:17.5px;color:var(--tinta2);max-width:730px;margin-top:14px}
p.txt{font-size:16px;color:var(--tinta2);max-width:760px;margin-top:14px}
.center{text-align:center}.center .lead,.center .txt{margin-left:auto;margin-right:auto}

.hero{background:linear-gradient(rgba(20,61,34,.86),rgba(20,61,34,.93)),
   repeating-linear-gradient(115deg,#2e7d46 0 22px,#26693b 22px 44px);
   color:#fff;padding:96px 0 88px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;
   border:42px solid rgba(216,180,94,.14);border-radius:50%}
.hero h1{max-width:830px}.hero h1 em{font-style:normal;color:var(--dourado-cl)}
.hero p{color:#cfe0d2;font-size:18px;max-width:640px;margin-top:20px}
.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.cta{padding:14px 26px;border-radius:9px;font-weight:700;font-size:15px;display:inline-block;cursor:pointer;border:0;font-family:inherit}
.cta.ouro{background:var(--dourado);color:#fff}
.cta.linha{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.cta.verde{background:var(--verde);color:#fff}

.capa{background:var(--verde);color:#fff;padding:64px 0 58px;position:relative;overflow:hidden}
.capa:after{content:"";position:absolute;right:-90px;bottom:-160px;width:380px;height:380px;border:34px solid rgba(216,180,94,.13);border-radius:50%}
.capa h2{color:#fff;font-size:40px;max-width:760px}
.capa p{color:#cfe0d2;font-size:17px;max-width:700px;margin-top:14px}

.selos{background:var(--branco);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.selos-in{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.selos-in{grid-template-columns:repeat(2,1fr)}}
.selo{padding:26px 22px;text-align:center;border-right:1px solid var(--linha)}
.selo:last-child{border-right:0}
.selo b{display:block;font-size:14px;color:var(--verde);letter-spacing:.04em;text-transform:uppercase}
.selo small{display:block;color:var(--tinta2);font-size:13px;margin-top:5px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:940px){.grid3,.grid4{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:600px){.grid3,.grid4{grid-template-columns:1fr}}

.card{background:var(--branco);border:1px solid var(--linha);border-radius:13px;padding:24px 24px}
.card h3{margin-bottom:8px}
.card p{font-size:14.5px;color:var(--tinta2)}

.linha-card{background:var(--branco);border:1px solid var(--linha);border-radius:14px;overflow:hidden;cursor:pointer;transition:.18s}
.linha-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,86,49,.13)}
.lc-top{height:128px;display:grid;place-items:center}
.lc-top.f1{background:linear-gradient(140deg,#1e5631,#2e7d46)}
.lc-top.f2{background:linear-gradient(140deg,#3d6b33,#6f9445)}
.lc-top.f3{background:linear-gradient(140deg,#8a6420,#c39a45)}
.lc-top span{color:#fff;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;opacity:.88}
.lc-body{padding:20px 22px 22px}
.lc-body p{font-size:14.5px;color:var(--tinta2);margin-top:6px}
.conta{margin-top:14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dourado)}

.esp{background:var(--branco);border:1px solid var(--linha);border-radius:11px;padding:15px 17px;cursor:pointer;transition:.15s}
.esp:hover{border-color:var(--verde2);box-shadow:0 5px 16px rgba(30,86,49,.09)}
.esp b{display:block;font-size:15px}
.esp small{display:block;color:var(--tinta2);font-size:12.5px;margin-top:3px}

.foto{border-radius:14px;overflow:hidden;border:1px solid var(--linha)}
.foto img{width:100%;display:block}
.legenda{font-size:12.5px;color:var(--tinta2);margin-top:9px;font-style:italic}

.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
@media(max-width:940px){.passos{grid-template-columns:1fr 1fr}}
.passo{counter-increment:s;background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:24px 20px;position:relative}
.passo:before{content:"0" counter(s);font-size:30px;font-weight:800;color:var(--linha);position:absolute;top:14px;right:16px}
.passo b{display:block;font-size:15.5px;color:var(--verde);margin-bottom:6px}
.passo small{font-size:13.5px;color:var(--tinta2);line-height:1.55;display:block}

.prod{display:grid;grid-template-columns:1fr 1fr;gap:38px}
@media(max-width:940px){.prod{grid-template-columns:1fr}}
.prod-img{background:linear-gradient(150deg,#1e5631,#2e7d46);border-radius:16px;aspect-ratio:1/1;display:grid;place-items:center;position:relative;overflow:hidden}
.semente{width:56%;aspect-ratio:1;border-radius:50%;border:7px solid rgba(255,255,255,.9);
  background:repeating-radial-gradient(circle at 30% 30%, #8a5a24 0 3px, #6d4419 3px 7px);
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
.prod-img .tag-foto{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:rgba(255,255,255,.72);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.trat{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.trat button{background:var(--branco);border:1.5px solid var(--linha);border-radius:9px;padding:10px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--tinta2)}
.trat button.on{border-color:var(--verde);background:var(--verde);color:#fff}
.ficha{width:100%;border-collapse:collapse;background:var(--branco);border:1px solid var(--linha);border-radius:12px;overflow:hidden;margin-top:20px;font-size:14.5px}
.ficha td{padding:11px 16px;border-top:1px solid var(--linha)}
.ficha tr:first-child td{border-top:0}
.ficha td:first-child{color:var(--tinta2);width:48%}
.ficha td:last-child{font-weight:700;text-align:right}
.aviso{background:var(--branco);border-left:4px solid var(--dourado);padding:15px 18px;border-radius:0 9px 9px 0;margin-top:20px;font-size:14.5px;color:var(--tinta2)}

.faixa-cta{background:var(--verde);color:#fff;border-radius:16px;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.faixa-cta h3{color:#fff;font-size:24px}
.faixa-cta p{color:#cfe0d2;font-size:15.5px;margin-top:6px;max-width:520px}

.mix{background:var(--branco);border:1px solid var(--linha);border-radius:13px;padding:22px 24px;border-top:4px solid var(--dourado)}
.mix .cod{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--dourado);text-transform:uppercase}
.mix b{display:block;font-size:18px;color:var(--verde);margin:4px 0 8px}
.mix p{font-size:14.5px;color:var(--tinta2)}
.mix .prob{margin-top:12px;font-size:13px;color:var(--tinta);background:var(--creme);padding:9px 12px;border-radius:8px}
.dose{font-size:12.5px;color:var(--tinta2);margin-bottom:12px}
.dose b{display:inline;font-size:12.5px;color:var(--tinta);margin:0}
.barra{display:flex;height:12px;border-radius:7px;overflow:hidden;margin:14px 0 10px;border:1px solid var(--linha)}
.barra i{display:block;height:100%}
.g{background:#1e5631}.l{background:#a67c28}.b{background:#6f9445}.t{background:#c0703a}
.comp{list-style:none;font-size:13px}
.comp li{display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--tinta2)}
.comp li span.pt{width:11px;height:11px;border-radius:3px;flex:none}
.comp li b{display:inline;font-size:13px;color:var(--tinta);margin:0;margin-left:auto}
.legenda-fam{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--tinta2);margin-top:26px;
  background:var(--branco);border:1px solid var(--linha);border-radius:11px;padding:14px 18px}
.legenda-fam span{display:flex;align-items:center;gap:7px}
.legenda-fam i{width:12px;height:12px;border-radius:3px;display:block}

.form{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:28px;max-width:640px}
.form label{display:block;font-size:13px;font-weight:700;color:var(--tinta2);margin:14px 0 6px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--linha);border-radius:9px;font:inherit;font-size:15px;background:var(--creme)}
.form textarea{min-height:96px;resize:vertical}

footer{background:var(--verde-esc);color:#9fb8a6;padding:52px 0 30px;margin-top:0;font-size:14px}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:860px){.f-grid{grid-template-columns:1fr 1fr}}
footer b{color:#fff;display:block;margin-bottom:11px;font-size:14px}
footer li{list-style:none;padding:4px 0;font-size:13.5px;cursor:pointer}
footer li:hover{color:#fff}
.f-bottom{padding-top:22px;font-size:12.5px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tagline{color:var(--dourado-cl);font-weight:700}

.menu a.mbtn{background:none;border:0;font-size:13.5px;font-weight:600;color:var(--tinta2);
  padding:9px 12px;border-radius:8px;cursor:pointer;transition:.15s;text-decoration:none;display:inline-block}
.menu a.mbtn:hover{background:var(--creme);color:var(--verde)}
.menu a.mbtn.on{background:var(--verde);color:#fff}
footer li a{text-decoration:none}
a.cta{text-decoration:none}

.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr}}
.fcard{background:#fff;border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.fcard .im{height:96px;background:linear-gradient(140deg,#1e5631,#2e7d46);display:grid;place-items:center}
.fcard .im span{color:rgba(255,255,255,.7);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.fcard .bd{padding:20px 22px 22px}
.fcard h3{font-size:19px;color:var(--verde);font-weight:800}
.fcard .ci{font-size:12.5px;color:var(--tinta2);font-style:italic;margin-bottom:11px}
.fcard .us{font-size:14.5px;color:var(--tinta2)}
.ftab{width:100%;border-collapse:collapse;margin-top:15px;font-size:13.5px;border:1px solid var(--linha);border-radius:9px;overflow:hidden}
.ftab td{padding:8px 12px;border-top:1px solid var(--linha)}
.ftab tr:first-child td{border-top:0}
.ftab td:first-child{color:var(--tinta2);width:46%}
.ftab td:last-child{font-weight:700;text-align:right}
ul.dd{list-style:none;margin-top:13px}
ul.dd li{font-size:13.5px;color:var(--tinta2);padding:4px 0 4px 17px;position:relative}
ul.dd li:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:2px;background:var(--dourado)}
.cu{margin-top:13px;background:var(--creme);border-left:3px solid var(--dourado);padding:10px 13px;border-radius:0 8px 8px 0;font-size:13px;color:var(--tinta2)}
.cu b{color:var(--tinta)}

.lang{display:flex;gap:4px;align-items:center;margin-left:6px}
.lang a{font-size:19px;text-decoration:none;padding:3px 5px;border-radius:6px;line-height:1}
.lang a:hover{background:var(--creme)}
.im-foto{height:150px !important;background-size:cover !important;background-position:center !important}
.im-foto span{display:none}

/* nav compacta — tudo numa linha */
.nav-in{flex-wrap:nowrap;gap:10px}
.menu{gap:0;flex-wrap:nowrap}
.menu a.mbtn{font-size:12.8px;padding:8px 9px;white-space:nowrap}
.btn-wa{font-size:12.8px;padding:9px 13px}
.lang{margin-left:2px}
.lang a{font-size:17px;padding:2px 3px}
@media(max-width:1080px){.nav-in{flex-wrap:wrap}}

.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.gal.g3{grid-template-columns:repeat(3,1fr)}
.gal.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.gal,.gal.g3{grid-template-columns:1fr 1fr}}
.gal figure{margin:0}
.gal img{width:100%;height:170px;object-fit:cover;border-radius:11px;border:1px solid var(--linha);display:block}
.gal figcaption{font-size:12.5px;color:var(--tinta2);margin-top:7px;font-style:italic}
