/* Design tokens extraídos do export Elementor (docs/elementor-939-2026-07-17.json) + jaoiagro.com */
:root{
  --bg-dark:#1b1d1f;      /* hero, footer */
  --bg-dark-2:#2f3236;    /* funções, planos */
  --bg-dark-3:#414141;
  --bg-guarantee:#2c4b3a; /* garantia 30d */
  --bg-light:#e6e6e6;     /* quem somos (desktop) */
  --bg-light-green:#eff8e6;
  --green-700:#14563b;
  --green-600:#3ea34a;
  --green-500:#78c930;
  --green-400:#90b938;
  --green-300:#b7ec88;
  --green-200:#d2ff97;
  --green-olive:#698641;
  --green-highlight:#d3e881; /* destaque de headline reusado em hero/garantia/planos */
  --ink:#1b1d1f;
  --white:#ffffff;
  --gray-300:#b1b1b1;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--white);background:var(--bg-dark);
  -webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.sec{position:relative;overflow:hidden}

/* Botões (padrão dos CTAs verdes do Elementor) */
.btn{display:inline-block;font-family:var(--font);font-weight:700;text-decoration:none;
  text-align:center;border-radius:50px;cursor:pointer;border:none;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn--primary{background:linear-gradient(180deg,var(--green-500),var(--green-600));color:var(--white);
  padding:16px 38px;font-size:1.05rem;box-shadow:0 6px 22px rgba(120,201,48,.35)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(120,201,48,.5)}
.btn--outline{background:transparent;color:var(--green-300);border:2px solid var(--green-500);
  padding:14px 34px;font-size:1rem}
.btn--outline:hover{background:var(--green-500);color:var(--white)}

/* Utilitários de destaque */
.hl{color:var(--green-500)}
.hl-light{color:var(--green-300)}

/* Pulso dos CTAs (equivalente ao button_pulse global do Elementor) */
@keyframes button-pulse{
  0%{box-shadow:0 0 0 0 rgba(180,240,78,.5)}
  70%{box-shadow:0 0 0 16px rgba(180,240,78,0)}
  100%{box-shadow:0 0 0 0 rgba(180,240,78,0)}
}
.button_pulse{animation:button-pulse 2s infinite}