/* ==========================================================
   AGRO1 — ESTILOS GLOBAIS
   Edite as cores e a fonte no bloco :root abaixo.
   ========================================================== */
:root{
  --verde:#8fb547;        /* verde de apoio (hover) */
  --verde-escuro:#1f3a6e; /* azul-marinho Agro1: títulos, faixas e rodapé */
  --verde-claro:#a3c55a;  /* verde-limão Agro1: botões e destaques */
  --amarelo:#a3c55a;
  --preto:#1e1e1e;
  --texto:#1f2a3a;
  --texto-suave:#5b6577;
  --fundo:#ffffff;
  --fundo-alt:#f4f5f7;
  --raio:14px;
  --sombra:0 10px 30px rgba(0,0,0,.08);
  --fonte:'Exo 2',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fonte);color:var(--texto);background:var(--fundo);line-height:1.6;padding-top:84px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1200px,100% - 32px);margin-inline:auto}
section{padding:90px 0}
.btn{display:inline-block;padding:14px 28px;border-radius:40px;font-weight:600;font-size:.95rem;transition:.25s;cursor:pointer;border:2px solid transparent;font-family:inherit}
.btn-prim{background:var(--verde-claro);color:#fff}
.btn-prim:hover{background:var(--verde)}
.btn-out{border-color:#fff;color:#fff;background:transparent}
.btn-out:hover{background:#fff;color:var(--verde)}
.btn-verde{border-color:var(--verde);color:var(--verde);background:transparent}
.btn-verde:hover{background:var(--verde);color:#fff}
.tag{display:inline-block;color:var(--verde);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;margin-bottom:8px}
h2.titulo{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:var(--verde-escuro);margin-bottom:14px}
.suave{color:var(--texto-suave)}
.alt{background:var(--fundo-alt)}
.centro{text-align:center}
.mt{margin-top:40px}
.saiba{font-weight:600;color:var(--verde-claro)}
.saiba::after{content:" →"}

/* ===== HEADER ===== */
header{position:fixed;inset:0 0 auto 0;z-index:50;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px;gap:20px}
.nav .logo img{height:48px}
.menu{display:flex;gap:24px;align-items:center;font-weight:500;font-size:.93rem}
.menu a:hover,.menu a.atual{color:var(--verde)}
.menu a.btn:hover{color:#fff}
.drop{position:relative}
.drop>span{cursor:pointer}
.drop-box{position:absolute;top:130%;left:-10px;background:#fff;border-radius:10px;box-shadow:var(--sombra);padding:10px 0;min-width:200px;opacity:0;visibility:hidden;transition:.2s}
.drop:hover .drop-box{opacity:1;visibility:visible;top:110%}
.drop-box a{display:block;padding:8px 18px}
.drop-box a:hover{background:var(--fundo-alt)}
.burger{display:none;background:none;border:0;font-size:1.8rem;color:var(--verde);cursor:pointer}

/* ===== HERO HOME (carrossel) ===== */
.hero{position:relative;height:calc(100vh - 84px);min-height:560px;overflow:hidden;padding:0}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s}
.slide.ativo{opacity:1;z-index:1}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,38,72,.88),rgba(20,38,72,.25))}
.slide .conteudo{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:620px}
.slide h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.1;margin-bottom:18px}
.slide p{font-size:1.08rem;opacity:.92;margin-bottom:30px}
.setas{position:absolute;z-index:3;bottom:40px;right:max(16px,calc((100% - 1200px)/2));display:flex;gap:10px}
.setas button,.mini-setas button{width:46px;height:46px;border-radius:50%;font-size:1.2rem;cursor:pointer;background:transparent}
.setas button{border:2px solid #fff;color:#fff}
.setas button:hover{background:#fff;color:var(--verde)}
.pontos{position:absolute;z-index:3;bottom:54px;left:max(16px,calc((100% - 1200px)/2));display:flex;gap:8px}
.pontos span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s}
.pontos span.ativo{background:var(--verde-claro);width:28px;border-radius:6px}

/* ===== HERO DE PÁGINA INTERNA ===== */
.page-hero{position:relative;min-height:420px;display:flex;align-items:center;color:#fff;background-size:cover;background-position:center;padding:80px 0}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,38,72,.9),rgba(20,38,72,.3))}
.page-hero .container{position:relative}
.page-hero .tag{color:var(--verde-claro)}
.page-hero h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;max-width:720px;margin-bottom:16px}
.page-hero p{max-width:620px;opacity:.92;margin-bottom:26px;font-size:1.05rem}

/* ===== BLOCO DIVIDIDO TEXTO/IMAGEM ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split img{border-radius:var(--raio);box-shadow:var(--sombra)}
.split p+p{margin-top:14px}
.split.inv>:first-child{order:2}

/* ===== CARDS DE SOLUÇÃO ===== */
.sol-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}
.sol-grid.dois{grid-template-columns:1fr 1fr}
.card-sol{display:block;background:var(--fundo-alt);border-radius:var(--raio);padding:34px;transition:.3s;border-top:5px solid var(--verde-claro);height:100%}
.card-sol:hover{transform:translateY(-6px);box-shadow:var(--sombra);background:#fff}
.card-sol h3{color:var(--verde);font-size:1.5rem;margin-bottom:12px}
.card-sol p{color:var(--texto-suave);margin-bottom:18px;font-size:.95rem}

/* ===== CABEÇALHO DE SEÇÃO COM SETAS ===== */
.cab{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.mini-setas{display:flex;gap:10px}
.mini-setas button{border:2px solid var(--verde);color:var(--verde)}
.mini-setas button:hover{background:var(--verde);color:#fff}
.trilho{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}

/* ===== SEGMENTOS ===== */
.seg{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}
.seg .foto{height:190px;background-size:cover;background-position:center;position:relative}
.seg .icone{position:absolute;bottom:-28px;left:22px;width:58px;height:58px;border-radius:50%;background:var(--verde);display:grid;place-items:center;padding:12px}
.seg .icone img{filter:brightness(0) invert(1)}
.seg .txt{padding:40px 22px 24px;flex:1;display:flex;flex-direction:column}
.seg h4{color:var(--verde-escuro);font-size:1.1rem;margin-bottom:8px}
.seg p{color:var(--texto-suave);font-size:.9rem;flex:1;margin-bottom:14px}

/* ===== FAIXA ESCURA COM DIFERENCIAIS ===== */
.escuro{position:relative;color:#fff;background:linear-gradient(rgba(31,58,110,.93),rgba(31,58,110,.93)),var(--bg,none) center/cover fixed}
.escuro h2.titulo{color:#fff}
.dif{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.dif>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--raio);padding:28px;transition:.3s}
.dif>div:hover{background:rgba(255,255,255,.14)}
.dif img{height:52px;margin-bottom:16px;filter:brightness(0) invert(1)}
.dif h3{font-size:1.15rem;margin-bottom:10px;color:var(--verde-claro)}
.dif p{font-size:.9rem;opacity:.88}

/* ===== EQUIPE / CARDS CLAROS ===== */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:var(--raio);padding:30px;box-shadow:var(--sombra);transition:.3s}
.card:hover{transform:translateY(-4px)}
.card img.ic{height:54px;margin-bottom:16px}
.card h3{color:var(--verde);font-size:1.15rem;margin-bottom:10px}
.card p{color:var(--texto-suave);font-size:.92rem}

/* ===== NÚMEROS ===== */
.numeros .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.num{background:var(--fundo-alt);border-radius:var(--raio);padding:26px;display:flex;gap:16px;align-items:center}
.num img{height:48px}
.num strong{display:block;font-size:2rem;color:var(--verde);line-height:1}
.num span{font-size:.9rem;color:var(--texto-suave)}
.anos{position:relative}
.anos img.foto{border-radius:var(--raio);box-shadow:var(--sombra)}
.selo{position:absolute;bottom:-26px;left:-26px;background:var(--verde);color:#fff;border-radius:var(--raio);padding:24px 28px;box-shadow:var(--sombra);max-width:260px}
.selo b{font-size:1.9rem;display:block;color:var(--amarelo);line-height:1.1}
.selo a{display:inline-block;margin-top:12px;font-weight:600;text-decoration:underline}

/* ===== DEPOIMENTOS ===== */
.d{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:#fff;border-radius:var(--raio);padding:32px;box-shadow:var(--sombra);display:flex;flex-direction:column}
.d .lg{height:54px;object-fit:contain;object-position:left;margin-bottom:18px}
.d p{color:var(--texto-suave);font-size:.93rem;flex:1;margin-bottom:20px;font-style:italic}
.d .autor{display:flex;gap:12px;align-items:center;border-top:1px solid #e5ece6;padding-top:16px}
.d .autor img{height:28px}
.d .autor b{display:block;color:var(--verde-escuro)}
.d .autor small{color:var(--texto-suave)}

/* ===== BANNER CTA ===== */
.cta-box{background:linear-gradient(120deg,var(--verde),var(--verde-escuro));border-radius:24px;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden}
.cta-box .txt{padding:60px}
.cta-box .tag{color:var(--amarelo)}
.cta-box h2{font-size:2.2rem;line-height:1.2;margin-bottom:14px}
.cta-box p{opacity:.9;margin-bottom:26px}
.cta-box img{align-self:stretch;object-fit:cover;height:100%}

/* ===== AGROGESTÃO: PILARES, MÓDULOS ===== */
.pilares{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.pilares div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);padding:10px 18px;border-radius:40px;font-weight:600}
.pilares img{height:26px;filter:brightness(0) invert(1)}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.tabs button{border:2px solid var(--verde);background:#fff;color:var(--verde);padding:9px 18px;border-radius:30px;font-family:inherit;font-weight:600;cursor:pointer;font-size:.88rem;transition:.2s}
.tabs button.ativo,.tabs button:hover{background:var(--verde);color:#fff}
.painel{display:none;background:#fff;border-radius:var(--raio);padding:36px;box-shadow:var(--sombra)}
.painel.ativo{display:block}
.painel h3{color:var(--verde);margin-bottom:12px}
.painel ul{list-style:none;margin-top:18px;display:grid;gap:10px}
.painel li{padding-left:30px;position:relative}
.painel li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--verde-claro);color:#fff;font-size:.75rem;display:grid;place-items:center;font-weight:700}
.pendente{color:var(--texto-suave);font-style:italic;background:#fff8e1;border-left:4px solid var(--amarelo);padding:12px 16px;border-radius:6px}

/* ===== AQUILA: RECURSOS ===== */
.recursos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.recursos div{background:#fff;border-radius:var(--raio);padding:24px;text-align:center;box-shadow:var(--sombra);transition:.3s}
.recursos div:hover{transform:translateY(-4px)}
.recursos img{height:50px;margin:0 auto 12px}
.recursos span{font-size:.9rem;font-weight:500;color:var(--verde-escuro)}

/* ===== FORMULÁRIO ===== */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--verde-escuro)}
.form input,.form select,.form textarea{width:100%;padding:13px 15px;border:1.5px solid #d6e0d8;border-radius:10px;font-family:inherit;font-size:.95rem;background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--verde-claro)}
.form textarea{min-height:120px;resize:vertical}
.form .check{display:flex;gap:10px;align-items:center;font-size:.88rem}
.form .check input{width:auto}
.video{position:relative;padding-top:56.25%;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.endereco{display:flex;gap:12px;align-items:flex-start;margin-top:20px;background:var(--fundo-alt);padding:18px;border-radius:var(--raio)}

/* ===== ÁREA DO CLIENTE ===== */
.acesso{background:#fff;border-radius:var(--raio);padding:36px;box-shadow:var(--sombra);text-align:center;border-top:5px solid var(--verde-claro)}
.acesso h3{color:var(--verde-escuro);font-size:1.3rem;margin-bottom:18px}
.links-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* ===== RODAPÉ ===== */
footer{background:var(--verde-escuro);color:#d9e6dc;padding:70px 0 30px;font-size:.9rem}
.rod{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.rod img.lg{height:50px;margin-bottom:18px}
.rod h5{color:#fff;font-size:1rem;margin-bottom:14px}
.rod ul{list-style:none}
.rod li{margin-bottom:8px}
.rod a:hover{color:var(--verde-claro)}
.redes{display:flex;gap:12px;margin-top:18px}
.redes a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;padding:9px}
.redes a:hover{background:var(--verde-claro)}
.base{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.82rem}
.base ul{display:flex;gap:18px;flex-wrap:wrap;list-style:none}

/* ===== WHATSAPP ===== */
.wpp{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:.25s}
.wpp:hover{transform:scale(1.08)}
.wpp svg{width:32px;fill:#fff}

/* ===== RESPONSIVO ===== */
@media(max-width:1000px){
  .sol-grid,.sol-grid.dois,.numeros .grid,.cta-box,.split{grid-template-columns:1fr}
  .split.inv>:first-child{order:0}
  .dif,.cards4{grid-template-columns:1fr 1fr}
  .cards3{grid-template-columns:1fr 1fr}
  .seg,.d{flex-basis:calc((100% - 24px)/2)}
  .rod{grid-template-columns:1fr 1fr}
  .cta-box img{display:none}
}
@media(max-width:860px){
  .burger{display:block}
  .menu{position:fixed;top:84px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;gap:16px;box-shadow:var(--sombra);transform:translateY(-140%);transition:.3s}
  .menu.aberto{transform:none}
  .drop-box{position:static;opacity:1;visibility:visible;box-shadow:none;padding:6px 0 0 10px}
}
@media(max-width:600px){
  section{padding:64px 0}
  .dif,.nums,.rod,.cards4,.cards3,.form{grid-template-columns:1fr}
  .seg,.d{flex-basis:88%}
  .cta-box .txt{padding:36px 26px}
  .selo{position:static;margin-top:16px;max-width:none}
  .painel{padding:24px}
}

/* ==========================================================
   VISUAL AGRO1 (azul-marinho + verde-limão)
   ========================================================== */
h1,h2,h3,h4,.btn{font-weight:700}
h2.titulo{color:var(--verde-escuro);font-weight:800}
.btn-prim{color:#fff}
.btn-prim:hover{background:var(--verde);color:#fff}
.btn-contorno{border-color:var(--verde-escuro);color:var(--verde-escuro);background:#fff}
.btn-contorno:hover{background:var(--verde-escuro);color:#fff}
.btn-preto{background:var(--preto);color:#fff;padding:14px 60px}
.btn-preto:hover{background:#000}
footer{background:var(--verde-escuro)}

/* ----- Menu: gaveta lateral no celular ----- */
.menu-topo{display:none}
.fundo-menu{display:none}
@media(max-width:860px){
  .menu{position:fixed;top:0;right:0;left:auto;bottom:0;width:min(78%,380px);height:100vh;transform:translateX(105%);
        flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:28px 24px;
        background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.2);overflow-y:auto;z-index:80;transition:transform .3s}
  .menu.aberto{transform:none}
  .menu-topo{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:120px}
  .menu-topo img{height:56px}
  .menu-topo button{background:none;border:0;font-size:2.2rem;line-height:1;cursor:pointer;color:var(--texto)}
  .menu>a:not(.btn),.menu .drop>span{font-weight:500;font-size:1.05rem}
  .menu .drop{text-align:center}
  .drop-box{text-align:center;padding:8px 0 0}
  .menu .btn{width:100%;text-align:center}
  .menu .btn-contorno{margin-top:40px}
  .fundo-menu{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70}
  .fundo-menu.aberto{display:block}
}

/* ----- Cards de solução com foto ----- */
.card-foto{display:block;border-radius:40px;overflow:hidden;background:var(--verde-claro);color:#fff;box-shadow:var(--sombra);transition:.3s}
.card-foto:hover{transform:translateY(-6px)}
.card-foto .img{height:300px;background-size:cover;background-position:center;position:relative}
.card-foto .selinho{position:absolute;right:28px;bottom:28px;width:90px;height:90px;border-radius:24px;background:var(--verde-claro);display:grid;place-items:center;font-size:2.4rem}
.card-foto .corpo{padding:40px 56px 44px;border-radius:40px 40px 0 0;margin-top:-40px;position:relative;background:var(--verde-claro)}
.card-foto h3{font-size:1.9rem;margin-bottom:12px}
.card-foto p{font-size:1.02rem;margin-bottom:28px;line-height:1.55}
@media(max-width:600px){.card-foto .corpo{padding:32px 28px 36px}.card-foto .img{height:240px}}

/* ----- Módulos AgroGestão ----- */
.modulos{background:var(--verde-escuro);color:#fff}
.modulos h2.titulo{color:#fff;text-align:center;margin-bottom:40px}
.modulos .tabs{display:grid;grid-template-columns:1fr 1fr;gap:28px 52px;max-width:700px;margin:0 auto 46px;padding-bottom:46px;border-bottom:2px solid var(--verde-claro)}
.modulos .tabs button{background:none;border:0;padding:0;border-radius:0;color:#fff;font-family:inherit;font-size:1.3rem;font-weight:400;cursor:pointer;transition:color .2s,font-size .2s;line-height:1.2}
.modulos .tabs button:nth-child(odd){text-align:right}
.modulos .tabs button:nth-child(even){text-align:left}
.modulos .tabs button:hover{color:var(--verde-claro);background:none}
.modulos .tabs button.ativo{color:var(--verde-claro);font-size:2.4rem;font-weight:700;background:none}
.modulos .painel{background:none;box-shadow:none;padding:0;max-width:900px;margin:0 auto}
.modulos .painel>p{font-size:1.2rem;font-weight:600;line-height:1.6;margin-bottom:34px}
.modulos .painel ul{list-style:none;display:grid;gap:12px}
.modulos .painel li{position:relative;padding-left:44px;color:var(--verde-claro);font-weight:600;font-size:1.12rem;line-height:1.45}
.modulos .painel li::before{content:"✓";position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:50%;background:none;border:2px solid var(--verde-claro);color:var(--verde-claro);font-size:.95rem;display:grid;place-items:center;font-weight:700}
@media(max-width:600px){
  .modulos .tabs{gap:22px 26px}
  .modulos .tabs button{font-size:1.05rem}
  .modulos .tabs button.ativo{font-size:1.7rem}
  .modulos .painel>p{font-size:1.05rem}
  .modulos .painel li{font-size:1rem}
}

/* ----- Destaques em sanfona ----- */
.sanfona{max-width:900px;margin:0 auto;display:grid;gap:18px}
.sanfona details{background:var(--fundo-alt);border-radius:30px;padding:28px 36px}
.sanfona summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;font-weight:700;color:#3a3a3a}
.sanfona summary::-webkit-details-marker{display:none}
.sanfona summary::after{content:"⌄";width:44px;height:44px;border:2px solid #3a3a3a;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;line-height:1;transition:.3s;flex-shrink:0}
.sanfona details[open] summary::after{transform:rotate(180deg)}
.sanfona details p{margin-top:18px;color:var(--texto-suave)}