/* JGB Hydroinfra — camada de identidade aplicada a TODAS as páginas.
   Paleta de verdes padronizada a partir do verde institucional #20c866
   (o mesmo de "Soluções de engenharia para a agricultura do futuro"). */
:root{
  --ink:#182238; --ink-2:#3d475c; --body:#5a6472; --muted:#7d8695;
  --line:#e5e8ec; --line-2:#eef1f3; --wash:#f5f7f6;
  --blue:#12522f; --blue-dark:#0d3b22;
  --green:#20c866; --green-dark:#1a9f52;
  --olive:#20c866;
}
body{font-size:17px}
h1,h2,h3{font-weight:500;letter-spacing:-.01em}
.eyebrow{color:var(--blue);font-weight:600;letter-spacing:.14em}
.btn{border-radius:8px}
.link-underline{border-bottom-color:var(--olive)}
.link-underline:hover{border-bottom-color:var(--ink)}
.site-header{border-bottom-color:var(--line)}
.site-header .brand img{height:50px}
.nav>a.is-active{border-bottom-color:var(--olive)}
.nav{gap:24px}
.nav .sub{border-radius:8px}
@media (max-width:1180px) and (min-width:1081px){.nav{gap:18px;font-size:14px}}
.hero .veil{background:linear-gradient(105deg,rgba(20,28,48,.94) 0%,rgba(20,28,48,.74) 48%,rgba(20,28,48,.3) 100%)}
.hero-eyebrow span:first-child{background:#20c866}
.hero-eyebrow span:last-child{color:#20c866;font-weight:600}
.hero h1{font-weight:500;letter-spacing:-.015em}
.stats{border-top-color:rgba(255,255,255,.14)}
.stats div{border-right-color:rgba(255,255,255,.14)}

/* seções: mais respiro */
.section{padding:120px 0}
.section-head h2{font-weight:500}

/* --------- 5 serviços: grade leve, sem linhas alternadas --------- */
.svc-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svc-card{display:block;color:inherit;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.svc-card:hover{color:inherit;transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,28,48,.1)}
.svc-card img{width:100%;height:190px;object-fit:cover;display:block}
.svc-card .b{padding:24px 24px 28px}
.svc-card .n{font-family:Archivo,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.1em;color:var(--olive)}
.svc-card h3{margin-top:10px;font-size:20px;line-height:1.3;color:var(--ink)}
.svc-card p{margin-top:10px;color:var(--body);font-size:15.5px;line-height:1.6}
.svc-wide{grid-column:span 2}
.svc-wide img{height:230px}
@media (max-width:1080px){.svc-grid{grid-template-columns:1fr 1fr}.svc-wide{grid-column:span 2}}
@media (max-width:700px){.svc-grid{grid-template-columns:1fr}.svc-wide{grid-column:span 1}}

/* --------- capacidade integral --------- */
.capacity{background:var(--ink);padding:112px 0}
.capacity .eyebrow{color:var(--green)}
.capacity h2{color:#fff;margin-top:14px;font-size:34px;max-width:680px}
.cap-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden}
.cap-grid>div{background:rgba(255,255,255,.04);padding:36px 32px}
.cap-grid .k{color:#fff;font-family:Archivo,sans-serif;font-size:34px;font-weight:600;letter-spacing:-.01em;line-height:1}
.cap-grid h3{margin-top:14px;color:#fff;font-size:18px;font-weight:500}
.cap-grid p{margin-top:8px;color:rgba(255,255,255,.6);font-size:15px;line-height:1.6}
@media (max-width:900px){.cap-grid{grid-template-columns:1fr}}

/* --------- parceiros --------- */
.partners{padding:96px 0}
.partners-head{text-align:center}
.partners-head h2{margin-top:12px;font-size:30px}
.partners-featured{margin-top:46px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.partners-featured div{background:var(--wash);border:1px solid var(--line);border-radius:10px;height:88px;display:grid;place-items:center;font-family:Archivo,sans-serif;font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:-.01em;text-align:center;padding:8px}
.partners-more{margin-top:18px;text-align:center;color:var(--muted);font-size:14.5px}
@media (max-width:900px){.partners-featured{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.partners-featured{grid-template-columns:repeat(2,1fr)}}

/* --------- rodapé --------- */
.site-footer{background:var(--ink)}
.footer-logo{background:#fff;padding:14px 18px;border-radius:8px}
.footer-logo img{height:42px}

/* --------- scroll reveal --------- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}