
:root {
  --green:#00a957;
  --green2:#0b7d42;
  --dark:#06130d;
  --dark2:#0b2117;
  --cream:#f6f1e6;
  --paper:#fffaf0;
  --brown:#4a342d;
  --gold:#d7b766;
  --text:#132018;
  --muted:#5f7065;
  --line:rgba(27,63,42,.14);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background:var(--cream);
  color:var(--text);
}
a { color:inherit; text-decoration:none; }
.topbar {
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:50;
  width:min(760px, calc(100% - 32px));
  padding:12px 16px;
  border-radius:999px;
  background:rgba(6,19,13,.72);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.nav {
  display:flex;
  gap:6px;
  align-items:center;
}
.nav a {
  color:#e9fff0;
  font-size:16px;
  font-weight:800;
  padding:9px 12px;
  border-radius:999px;
  opacity:.86;
}
.nav a:hover {
  background:rgba(255,255,255,.1);
  opacity:1;
}
.hero {
  min-height:100vh;
  position:relative;
  color:white;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#06130d;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,9,6,.92) 0%,rgba(4,13,8,.65) 36%,rgba(4,13,8,.15) 70%),
    url("../assets/imagens/hero-agrociente.png") center/cover no-repeat;
  transform:scale(1.02);
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 26% 50%,rgba(0,169,87,.22),transparent 35%);
}
.heroContent {
  position:relative;
  z-index:2;
  width:min(1180px, calc(100% - 46px));
  margin:auto;
  padding-top:80px;
}
.kicker {
  color:#bff8d4;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:950;
  margin-bottom:18px;
}
h1 {
  margin:0;
  font-size:clamp(44px,7vw,92px);
  line-height:.94;
  letter-spacing:-.068em;
  max-width:980px;
}
h2 {
  margin:0;
  font-size:clamp(34px,4.7vw,72px);
  line-height:.96;
  letter-spacing:-.06em;
}
h3 {
  margin:0 0 12px;
  font-size:24px;
  letter-spacing:-.03em;
}
.lead {
  font-size:clamp(18px,2.1vw,25px);
  line-height:1.42;
  max-width:850px;
  color:rgba(255,255,255,.88);
  margin:26px 0 0;
}
.heroPanel {
  margin-top:46px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.heroChip {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  padding:14px 18px;
  border-radius:18px;
  font-weight:900;
  color:#f4fff6;
}
.scrollHint {
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  color:rgba(255,255,255,.75);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.section {
  width:min(1180px, calc(100% - 46px));
  margin:0 auto;
  padding:105px 0;
}
.split {
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:52px;
  align-items:center;
}
.eyebrow {
  color:var(--green2);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:950;
  margin-bottom:16px;
}
.textBlock p {
  color:var(--muted);
  font-size:20px;
  line-height:1.55;
  margin:22px 0 0;
}
.quote {
  margin-top:30px;
  padding-left:22px;
  border-left:6px solid var(--green);
  font-size:28px;
  line-height:1.22;
  font-weight:950;
  color:var(--brown);
  letter-spacing:-.04em;
}
.imageCard {
  border-radius:34px;
  overflow:hidden;
  min-height:520px;
  background:center/cover no-repeat;
  box-shadow:0 30px 90px rgba(39,55,35,.18);
  border:1px solid rgba(255,255,255,.42);
}
.imageCard.leaf { background-image:url("../assets/imagens/folha-brasil.png"); }
.darkSection {
  background:linear-gradient(180deg,#06130d,#0c2518 52%,#06130d);
  color:white;
  position:relative;
  overflow:hidden;
}
.darkSection::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 20%,rgba(0,169,87,.22),transparent 32%);
  pointer-events:none;
}
.darkSection .section { position:relative; z-index:2; }
.darkSection h2 { color:white; }
.darkSection p { color:rgba(255,255,255,.76); }
.flow {
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.flowCard {
  min-height:210px;
  padding:24px 18px;
  border-radius:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.flowCard span {
  display:block;
  font-size:36px;
  margin-bottom:20px;
}
.flowCard b {
  display:block;
  color:#caffe0;
  margin-bottom:10px;
  font-size:17px;
}
.flowCard small {
  color:rgba(255,255,255,.66);
  line-height:1.45;
  display:block;
}
.statement {
  margin-top:42px;
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:32px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:-.04em;
}
.statement em {
  color:#bff8d4;
  font-style:normal;
}
.videoSection {
  background:var(--paper);
}
.videoMock {
  margin-top:42px;
  min-height:570px;
  border-radius:38px;
  padding:42px;
  color:white;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(6,19,13,.88) 0%,rgba(6,19,13,.6) 45%,rgba(6,19,13,.1) 100%),
    url("../assets/imagens/hero-agrociente.png") center/cover no-repeat;
  box-shadow:0 34px 100px rgba(33,47,30,.22);
}
.videoMock::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 42%,rgba(0,169,87,.28),transparent 26%);
}
.videoContent {
  position:relative;
  z-index:2;
  max-width:560px;
}
.videoContent h3 {
  font-size:44px;
  color:white;
}
.videoGrid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:28px;
}
.videoItem {
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:15px;
  font-weight:900;
}
.play {
  position:absolute;
  z-index:3;
  right:82px;
  top:50%;
  transform:translateY(-50%);
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  border:2px solid rgba(255,255,255,.82);
  display:grid;
  place-items:center;
  font-size:48px;
}
.time {
  position:absolute;
  right:54px;
  bottom:42px;
  z-index:3;
  background:#06130d;
  padding:12px 16px;
  border-radius:14px;
  font-weight:950;
}
.ecoGrid {
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.ecoCard {
  background:white;
  border:1px solid var(--line);
  border-radius:30px;
  padding:28px;
  min-height:210px;
  box-shadow:0 18px 50px rgba(57,45,25,.07);
}
.ecoIcon {
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:30px;
  background:#eaf8ee;
  color:var(--green2);
  margin-bottom:20px;
}
.ecoCard p {
  color:var(--muted);
  line-height:1.48;
  margin:0;
}
.platform {
  min-height:760px;
  background:
    linear-gradient(90deg,rgba(246,241,230,.94),rgba(246,241,230,.72),rgba(246,241,230,.28)),
    url("../assets/imagens/folha-brasil.png") center/cover no-repeat;
}
.platform .section {
  min-height:760px;
  display:flex;
  align-items:center;
}
.pillCloud {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:30px;
  max-width:720px;
}
.pill {
  padding:11px 15px;
  background:white;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  color:var(--green2);
  box-shadow:0 8px 28px rgba(41,55,35,.08);
}
.impact {
  background:#06130d;
  color:white;
  position:relative;
  overflow:hidden;
}
.impact::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,19,13,.96),rgba(6,19,13,.72),rgba(6,19,13,.18)),
    url("../assets/imagens/marca-tecnologica.png") center/cover no-repeat;
  opacity:.9;
}
.impact .section { position:relative; z-index:2; }
.numbers {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:48px;
}
.numCard {
  border-radius:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  padding:28px;
  min-height:220px;
}
.numCard strong {
  display:block;
  font-size:64px;
  line-height:1;
  color:#bff8d4;
  letter-spacing:-.06em;
}
.numCard b {
  display:block;
  margin:15px 0 10px;
  font-size:20px;
}
.numCard p {
  color:rgba(255,255,255,.7);
  line-height:1.45;
}
.final {
  min-height:100vh;
  display:flex;
  align-items:center;
  color:white;
  position:relative;
  overflow:hidden;
  background:#06130d;
}
.final::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,19,13,.95),rgba(6,19,13,.65),rgba(6,19,13,.25)),
    url("../assets/imagens/marca-campo.png") center/cover no-repeat;
}
.finalContent {
  position:relative;
  z-index:2;
  width:min(1180px, calc(100% - 46px));
  margin:auto;
}
.final h2 {
  max-width:950px;
  font-size:clamp(42px,6vw,86px);
}
.final p {
  max-width:780px;
  color:rgba(255,255,255,.8);
}
.cta {
  margin-top:42px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.cta div {
  padding:16px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.15);
  font-weight:900;
}
@media(max-width:1050px) {
  .heroSocial { bottom:76px; right:24px; }
  .topbar { display:none; }
  .split,.flow,.ecoGrid,.numbers,.heroFoot {
    grid-template-columns:1fr;
  }
  .section { padding:75px 0; }
  .play { display:none; }
  .imageCard { min-height:380px; }
  .videoGrid { grid-template-columns:1fr; }
}


/* Institutional video tabs - AgroCiente Lab */
.videoTabsSection {
  background:
    radial-gradient(circle at 85% 10%, rgba(0,169,87,.12), transparent 32%),
    linear-gradient(180deg, #fffaf0, #f6f1e6);
}
.videoTabsSection .videoLead {
  color: var(--muted);
  max-width: 860px;
}
.videoTabsShell {
  margin-top: 42px;
  border-radius: 38px;
  background: linear-gradient(135deg, #06130d, #0f2f1e 58%, #06130d);
  border: 1px solid rgba(6,19,13,.16);
  box-shadow: 0 34px 100px rgba(33,47,30,.20);
  padding: 22px;
  overflow: hidden;
}
.videoTabsNav {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  margin-bottom: 20px;
}
.videoTabBtn {
  border: 0;
  cursor: pointer;
  padding: 13px 20px;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.75);
  font-weight: 950;
  font-size: 14px;
}
.videoTabBtn.active {
  background: #bff8d4;
  color: #06130d;
}
.videoTabPanel {
  display: none;
  grid-template-columns: .72fr 1.28fr;
  gap: 22px;
  align-items: stretch;
}
.videoTabPanel.active {
  display: grid;
}
.videoCopy {
  min-height: 420px;
  padding: 34px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.055));
  border: 1px solid rgba(255,255,255,.14);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.videoCopy span {
  color: #bff8d4;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
.videoCopy h3 {
  color: white;
  font-size: clamp(30px, 3vw, 48px);
  line-height: .98;
  letter-spacing: -.055em;
  margin: 18px 0;
}
.videoCopy p {
  color: rgba(255,255,255,.74);
  font-size: 18px;
  line-height: 1.5;
}
.videoFrame {
  min-height: 420px;
  border-radius: 30px;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}
.videoFrame video {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
}
@media(max-width:1050px) {
  .heroSocial { bottom:76px; right:24px; }
  .videoTabPanel.active {
    grid-template-columns: 1fr;
  }
  .videoCopy {
    min-height: auto;
  }
  .videoFrame video, .videoFrame {
    min-height: 260px;
  }
}

/* AgroCiente v1.0 structure */
.siteHeader {
  top:18px;
  width:min(1240px, calc(100% - 32px));
  justify-content:space-between;
  padding:10px 14px 10px 14px;
}

.brand {
  display:flex;
  align-items:center;
  gap:10px;
  color:#e9fff0;
  font-weight:950;
  letter-spacing:-.03em;
  padding:2px 10px 2px 2px;
  border-radius:999px;
}
.brand img { width:154px; height:auto; max-height:56px; object-fit:contain; border-radius:0; display:block; }
.nav { flex-wrap:wrap; justify-content:flex-end; }
.nav a { font-size:10.5px; padding:8px 8px; }
.heroActions { display:flex; gap:14px; flex-wrap:wrap; margin-top:34px; }
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  color:#f4fff6;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
  font-weight:950;
  backdrop-filter:blur(10px);
}
.btn.primary { background:var(--green); border-color:rgba(255,255,255,.12); color:#06130d; }
.inlineBtn { margin-top:28px; color:#06130d; }
.reservedBox {
  margin-top:70px;
  padding:34px;
  border-radius:32px;
  background:rgba(255,255,255,.7);
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(57,45,25,.07);
}
.reservedBox p { color:var(--muted); font-size:18px; line-height:1.5; }
.institutionGrid {
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.infoCard {
  padding:28px;
  border-radius:28px;
  background:white;
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(57,45,25,.07);
}
.infoCard span { display:block; color:var(--green2); font-weight:950; text-transform:uppercase; letter-spacing:.12em; font-size:12px; margin-bottom:12px; }
.infoCard p { margin:0; color:var(--muted); line-height:1.55; }
.imageCard.tech { background-image:url("../assets/imagens/marca-tecnologica.png"); }
.reverse { grid-template-columns:.92fr 1.08fr; }
.sectionLead { color:var(--muted); font-size:22px; line-height:1.5; max-width:900px; }
.logoGrid {
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.logoGrid div {
  min-height:130px;
  border-radius:28px;
  background:white;
  border:1px solid var(--line);
  display:grid;
  place-items:center;
  text-align:center;
  padding:20px;
  font-weight:950;
  color:var(--green2);
  box-shadow:0 18px 50px rgba(57,45,25,.07);
}
.sponsorCards .numCard strong { font-size:48px; }
.contactSection { padding-bottom:70px; }
.contactGrid {
  margin-top:38px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:22px;
}
.contactCard, .mapCard {
  border-radius:32px;
  overflow:hidden;
  background:white;
  border:1px solid var(--line);
  box-shadow:0 18px 60px rgba(57,45,25,.08);
}
.contactCard { padding:32px; }
.contactCard h3 { color:var(--green2); }
.contactCard p { color:var(--muted); line-height:1.55; font-size:17px; }
.contactCard b { color:var(--text); }
.contactCard a:not(.btn) { color:var(--green2); font-weight:900; }
.mapCard iframe { width:100%; height:100%; min-height:520px; border:0; display:block; }
.footer {
  background:#06130d;
  color:white;
  padding:52px 0;
}
.footerInner {
  width:min(1180px, calc(100% - 46px));
  margin:auto;
  display:grid;
  gap:14px;
}
.footer img { width:190px; height:auto; object-fit:contain; }
.footer p { max-width:760px; color:rgba(255,255,255,.75); line-height:1.5; margin:0; }
.footer small { color:rgba(255,255,255,.52); }

.heroSocial {
  position:absolute;
  z-index:3;
  right:42px;
  bottom:82px;
  transform:none;
  display:flex;
  gap:11px;
  align-items:center;
}
.heroSocial a, .footerSocial a {
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#eafff0;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(6,19,13,.34);
  backdrop-filter:blur(14px);
  font-size:13px;
  font-weight:950;
  line-height:1;
  opacity:.72;
  transition:all .22s ease;
}
.heroSocial a:hover, .footerSocial a:hover {
  opacity:1;
  transform:translateY(-2px);
  background:rgba(255,255,255,.11);
  border-color:rgba(191,248,212,.42);
}
.footerSocial {
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
  margin:4px 0 2px;
}
.footerSocial a {
  background:rgba(255,255,255,.06);
}
.disabledSocial {
  opacity:.32 !important;
  cursor:default;
  pointer-events:none;
}

@media(max-width:1050px) {
  .heroSocial { bottom:76px; right:24px; }
  .siteHeader { display:flex; width:calc(100% - 24px); border-radius:24px; align-items:flex-start; }
  .siteHeader .nav { display:none; }
  .brand img { width:132px; max-height:48px; }
  .institutionGrid,.logoGrid,.contactGrid { grid-template-columns:1fr; }
  .brand span { display:none; }
  .mapCard iframe { min-height:360px; }
}

/* Parceiros - versão refinada sem alterar marcas */
.partners {
  text-align:center;
}
.partners .sectionLead {
  margin-left:auto;
  margin-right:auto;
}
.partnerLogoGrid {
  margin:44px auto 34px;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
}
.partnerLogoCard {
  min-height:154px;
  border-radius:30px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  box-shadow:0 18px 50px rgba(57,45,25,.07);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.partnerLogoCard:hover {
  transform:translateY(-4px);
  box-shadow:0 28px 70px rgba(57,45,25,.11);
  border-color:rgba(0,169,87,.24);
}
.partnerLogoCard img {
  max-width:100%;
  max-height:88px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.partnerLogoCard.somarPartner img { max-height:112px; transform:scale(1.18); }
.partnerLogoCard.ibravagPartner img { max-height:86px; }
.partnerLogoCard.bioPartner img { max-height:96px; }
.partnerLogoCard.canalPartner img { max-height:92px; }
.partnerLogoCard.redeVidaPartner img { max-height:104px; }

.partnerClosingImage {
  width:min(100%, 1040px);
  margin:28px auto 0;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(180deg,#0b2a1c,#06130d);
  box-shadow:0 28px 80px rgba(0,0,0,.14);
  border:1px solid rgba(0,169,87,.16);
}
.partnerClosingImage img {
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  display:block;
}
@media(max-width:1100px) {
  .partnerLogoGrid { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
}
@media(max-width:760px) {
  .partnerLogoGrid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
  .partnerLogoCard { min-height:130px; padding:18px; }
  .partnerLogoCard img { max-height:78px; }
  .partnerLogoCard.somarPartner img { max-height:92px; transform:scale(1.12); }
  .partnerLogoCard.redeVidaPartner img { max-height:86px; }
  
.partnerLogoCard.somarPartner img { max-height:112px; transform:scale(1.18); }
.partnerLogoCard.ibravagPartner img { max-height:86px; }
.partnerLogoCard.bioPartner img { max-height:96px; }
.partnerLogoCard.canalPartner img { max-height:92px; }
.partnerLogoCard.redeVidaPartner img { max-height:104px; }

.partnerClosingImage { border-radius:24px; }
  .partnerClosingImage img { max-height:none; }
}
