/* ============================================================
   Vexus Capital — site institucional (reconstrução fiel v2)
   Fontes: Roboto Slab (títulos) + Roboto (corpo)  —  Google Fonts
   Paleta real medida do site atual.
   ============================================================ */
:root{
  --verde:#0C4334;        /* verde Vexus Capital (títulos)      */
  --verde-2:#083026;      /* verde escuro (rodapé)              */
  --marinho:#00003c;      /* azul Vexus Finance (números/Safra) */
  --dourado:#dbb47c;      /* detalhe dourado sob os títulos     */
  --cinza:#e9e9ef;        /* fundo claro das seções             */
  --texto:#2b2b2b;
  --texto-suave:#6a6a72;
  --borda:#e2e2e8;
  --largura:1160px;
  --slab:"Roboto Slab",Georgia,serif;
  --sans:"Inter",-apple-system,"Segoe UI",Arial,sans-serif;
  /* ---- mock "home 1B v3" (aprovado por ele em 26/08/2026) ---- */
  --bege:#F6F3EE;         /* fundo das seções alternadas        */
  --bege-2:#FBF9F6;       /* o bege mais claro, dos cards       */
  --ouro:#A8834E;         /* dourado escuro, de texto           */
  --verde-fundo:#08281F;  /* o véu sobre a foto                 */
  --tinta:#1E241F;
  --tinta-2:#5C6360;
  --tinta-3:#8A8F8B;
  --linha:rgba(12,67,52,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--texto);line-height:1.65;font-weight:400;background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--largura),100% - 48px);margin-inline:auto}

/* ---------- Botões: quadrados e vazados (fiel) ---------- */
.btn{display:inline-block;padding:.85rem 2rem;font-family:var(--sans);font-size:.95rem;font-weight:400;
  border:1px solid currentColor;border-radius:0;background:transparent;cursor:pointer;transition:.2s;letter-spacing:.3px}
.btn-branco{color:#fff}
.btn-branco:hover{background:#fff;color:var(--verde)}
.btn-verde{color:var(--verde)}
.btn-verde:hover{background:var(--verde);color:#fff}

/* ---------- Títulos de seção: Roboto Slab leve + traço dourado ---------- */
.secao-titulo{font-family:var(--slab);font-weight:300;font-size:clamp(1.9rem,3.4vw,2.5rem);
  color:var(--verde);line-height:1.15;margin-bottom:1rem}
.secao-titulo::after{content:"";display:block;width:56px;height:3px;background:var(--dourado);margin-top:1.1rem}
.centro .secao-titulo{text-align:center}
.centro .secao-titulo::after{margin-inline:auto}

/* ---------- Cabeçalho (transparente sobre o hero) ---------- */
.topo{position:absolute;top:0;left:0;right:0;z-index:20}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:1.4rem}
.topo .logo img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:1.7rem}
.nav a.link{color:#fff;font-size:.95rem;font-weight:400;opacity:.95;padding-bottom:3px;border-bottom:2px solid transparent;white-space:nowrap}
.nav a.link:hover,.nav a.link.ativo{border-bottom-color:#fff}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}

/* ---------- Cabeçalho sólido (páginas internas, sem hero) ---------- */
.topo.solido{position:static;background:var(--verde)}
.topo.solido .wrap{padding-block:1.1rem}

/* ---------- Topo de página interna ---------- */
.pagina-topo{background:var(--cinza);padding:3.5rem 0}
.pagina-topo .secao-titulo{margin-bottom:.4rem}
.pagina-topo p{color:var(--texto-suave);max-width:60ch}

/* ---------- Serviços (página dedicada) ---------- */
.svc-grupo{padding:3.5rem 0;border-bottom:1px solid var(--borda)}
.svc-grupo:last-of-type{border-bottom:0}
.svc-grupo h2{font-family:var(--slab);font-weight:400;color:var(--verde);font-size:1.6rem;margin-bottom:.4rem}
.svc-grupo h2::after{content:"";display:block;width:48px;height:3px;background:var(--dourado);margin-top:.9rem}
.svc-itens{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.4rem;margin:2rem 0 1.8rem}
.svc-item{background:#fafafb;border:1px solid var(--borda);padding:1.8rem 1.5rem}
.svc-item h3{font-family:var(--slab);font-weight:400;color:var(--marinho);font-size:1.12rem;line-height:1.25;margin-bottom:.7rem}
.svc-item p{color:var(--texto-suave);font-size:.92rem}
.svc-cta-final{text-align:center;padding:4rem 0;background:var(--cinza)}
.svc-cta-final h2{font-family:var(--slab);font-weight:300;color:var(--verde);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.6rem}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(6,24,20,.55),rgba(6,24,20,.15)),url("../img/hero.webp") center/cover no-repeat}
.hero .wrap{padding-block:7rem 3rem}
.hero h1{font-family:var(--slab);font-weight:400;color:#fff;font-size:clamp(2rem,4.2vw,2.9rem);
  line-height:1.25;max-width:18ch;margin-bottom:2.2rem}

/* ---------- Serviços ---------- */
.servicos{padding:5.5rem 0;background:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:2.5rem}
.card{background:#fafafb;border:1px solid var(--borda);padding:2.6rem 2rem;text-align:center;transition:.2s}
.card:hover{box-shadow:0 14px 34px rgba(12,64,52,.10);transform:translateY(-3px)}
.card img{height:60px;width:auto;margin:0 auto 1.5rem}
.card h3{font-family:var(--slab);font-weight:400;color:var(--verde);font-size:1.3rem;margin-bottom:1rem}
.card p{color:var(--texto-suave);font-size:.97rem}

/* ---------- Safra + Números (fundo claro, marinho) ---------- */
.numeros{padding:4.5rem 0;background:var(--cinza);text-align:center;color:var(--marinho)}
.safra-logo{height:66px;width:auto;margin:0 auto 2.5rem}
.numeros-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto 2.8rem}
.num{padding:.5rem 1.5rem}
.num + .num{border-left:1px solid #c9c9d3}
.num small{display:block;color:var(--texto-suave);font-size:.9rem;margin-bottom:.5rem}
.num .valor{font-family:var(--slab);font-weight:700;font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;color:var(--marinho)}
.num .desc{color:var(--texto-suave);font-size:.9rem;margin-top:.5rem}
.numeros .frase{font-family:var(--slab);font-weight:400;color:var(--marinho);font-size:clamp(1.3rem,2.5vw,1.7rem)}

/* ---------- Nossa história (2 colunas) ---------- */
.historia{padding:5.5rem 0;background:#fff}
.historia .grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.historia p{color:var(--texto-suave);margin-bottom:1.1rem;font-size:.98rem}
.historia img{width:100%;height:100%;object-fit:cover;max-height:520px}

/* ---------- Fale com um assessor (formulário) ---------- */
.contato{padding:5rem 0;background:var(--cinza)}
.form-card{max-width:640px;margin:2.5rem auto 0;background:#fff;border:1px solid var(--borda);padding:2.6rem}
.form-card label{display:block;font-size:.9rem;color:var(--texto-suave);margin-bottom:.4rem}
.form-card input,.form-card textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--borda);border-radius:0;
  font-family:var(--sans);font-size:.97rem;margin-bottom:1.2rem;background:#fff}
.form-card input:focus,.form-card textarea:focus{outline:2px solid var(--verde);border-color:var(--verde)}
.form-card textarea{min-height:120px;resize:vertical}
.form-card .btn{width:100%;background:var(--verde);color:#fff;border-color:var(--verde);padding:1rem}
.form-card .btn:hover{background:var(--verde-2)}

/* ---------- Conteúdo (blog) ---------- */
.conteudo{padding:5.5rem 0;background:#fff}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.post{display:flex;flex-direction:column}
.post .capa{aspect-ratio:16/10;overflow:hidden}
.post .capa img{width:100%;height:100%;object-fit:cover;transition:.3s}
.post:hover .capa img{transform:scale(1.04)}
.post h3{font-family:var(--slab);font-weight:400;color:var(--verde);font-size:1.2rem;line-height:1.3;margin:1.2rem 0 .7rem}
.post p{color:var(--texto-suave);font-size:.92rem;margin-bottom:1rem}
.post .saiba{color:var(--dourado);font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:auto}

/* ---------- LP: hero de campanha (verde, sem imagem) ---------- */
.lp-hero{background:var(--verde);color:#fff;padding:5rem 0}
.lp-hero h1{font-family:var(--slab);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;max-width:20ch;margin-bottom:1.2rem}
.lp-hero p{opacity:.9;max-width:52ch;margin-bottom:2rem;font-size:1.05rem}
.lp-hero .btn{color:#fff;border-color:#fff}
.lp-hero .btn:hover{background:#fff;color:var(--verde)}

/* ---------- LP: cards de crédito (consórcio) ---------- */
.creditos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem;margin-top:2.5rem}
.credito{border:1px solid var(--borda);background:#fafafb;padding:2rem;text-align:center}
.credito small{color:var(--texto-suave);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}
.credito .valor{font-family:var(--slab);font-weight:700;color:var(--marinho);font-size:2.2rem;line-height:1;margin:.5rem 0 1.2rem}
.credito .parcela{color:var(--texto-suave);font-size:.9rem}
.credito .parcela b{display:block;font-family:var(--slab);color:var(--verde);font-size:1.35rem;margin-top:.2rem}

/* ---------- LP: equação de valor (menos taxa + mais segurança = Vexus) ---------- */
.equacao{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;text-align:center}
.equacao .termo{color:var(--verde)}
.equacao .termo b{display:block;font-family:var(--slab);font-size:1.6rem}
.equacao .sinal{font-family:var(--slab);font-size:2rem;color:var(--dourado)}
.equacao .vexus{font-family:var(--slab);font-weight:700;color:var(--marinho);font-size:1.8rem}

/* ---------- Citação ---------- */
.citacao{background:var(--cinza);padding:4rem 0;text-align:center}
.citacao blockquote{font-family:var(--slab);font-weight:300;font-style:italic;color:var(--verde);
  font-size:clamp(1.3rem,2.6vw,1.9rem);max-width:26ch;margin:0 auto;line-height:1.35}

/* ---------- FAQ (acordeão nativo) ---------- */
.faq{max-width:760px;margin:2.5rem auto 0}
.faq details{border-bottom:1px solid var(--borda)}
.faq summary{cursor:pointer;padding:1.2rem 0;font-family:var(--slab);color:var(--verde);font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--dourado);font-size:1.4rem;font-family:var(--slab)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--texto-suave);padding:0 0 1.3rem;font-size:.97rem}

/* ---------- Time / Assessores ---------- */
.time{padding:4.5rem 0;background:#fff;text-align:center}
.time > .wrap > h2{font-family:var(--slab);font-weight:300;color:var(--verde);font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:2.8rem}
.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,300px));gap:2.5rem;justify-content:center}
.membro img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;filter:grayscale(100%);transition:.3s}
.membro:hover img{filter:grayscale(0)}
.membro h3{font-family:var(--slab);font-weight:400;color:var(--marinho);font-size:1.15rem;margin-top:1.2rem}
.membro .cargo{color:var(--texto-suave);font-size:.9rem;margin-top:.3rem}

/* ---------- Índice do blog (placeholder p/ post sem capa) ---------- */
.post .semcapa{aspect-ratio:16/10;background:linear-gradient(135deg,var(--verde),var(--marinho));
  display:flex;align-items:center;justify-content:center;padding:1.5rem}
.post .semcapa span{font-family:var(--slab);color:#fff;opacity:.85;font-size:1.05rem;text-align:center;line-height:1.3}

/* ---------- Artigo (post individual) ---------- */
.artigo{padding:3.5rem 0 4.5rem;background:#fff}
.artigo .col{max-width:760px;margin-inline:auto}
.artigo .voltar{color:var(--texto-suave);font-size:.9rem}
.artigo .voltar:hover{color:var(--verde)}
.artigo h1{font-family:var(--slab);font-weight:400;color:var(--verde);font-size:clamp(1.8rem,3.6vw,2.6rem);
  line-height:1.2;margin:1.2rem 0 .6rem}
.artigo .data{color:var(--texto-suave);font-size:.9rem;margin-bottom:2rem}
.artigo .capa-post{width:100%;max-height:420px;object-fit:cover;margin-bottom:2.2rem}
.artigo .corpo h2{font-family:var(--slab);font-weight:400;color:var(--verde);font-size:1.45rem;margin:2rem 0 .9rem}
.artigo .corpo h3{font-family:var(--slab);font-weight:400;color:var(--marinho);font-size:1.2rem;margin:1.6rem 0 .8rem}
.artigo .corpo p{color:#3a3a3a;margin-bottom:1.15rem}
.artigo .corpo ul,.artigo .corpo ol{margin:0 0 1.15rem 1.4rem;color:#3a3a3a}
.artigo .corpo li{margin-bottom:.5rem}
.artigo .corpo a{color:var(--verde);text-decoration:underline}
.artigo .corpo img{margin:1.6rem 0}
.artigo .fim-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--borda)}

/* ---------- Rodapé ---------- */
.rodape{background:var(--verde-2);color:#c3d1cb;padding:4rem 0 1.6rem;font-size:.93rem}
.rodape-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2.5rem;margin-bottom:2.5rem}
.rodape h4{font-family:var(--slab);color:#fff;font-size:1.05rem;margin-bottom:1rem;font-weight:400}
.rodape p{margin-bottom:.7rem}
.rodape a:hover{color:#fff}
.rodape .miudo{font-size:.83rem;opacity:.7}
.rodape .sociais{display:flex;gap:1.2rem;margin-top:1rem}
.rodape .sociais a{color:#c3d1cb}
.rodape .base{border-top:1px solid rgba(255,255,255,.13);padding-top:1.5rem;text-align:center;font-size:.84rem;opacity:.75}

/* ---------- Responsivo ---------- */
@media (max-width:860px){
  .nav{display:none}
  .menu-btn{display:block}
  .cards,.numeros-grid,.historia .grid,.posts,.rodape-grid{grid-template-columns:1fr}
  .num + .num{border-left:0;border-top:1px solid #c9c9d3}
  .hero{min-height:78vh}
}

/* ==========================================================================
   HOME "1B v3" — o mock que ele aprovou em 26/08/2026
   O topo deixa de ser barra sobre a foto e passa a conviver com o véu verde;
   o resto são as seções novas. Nada aqui reescreve o que as páginas internas
   já usavam: só acrescenta.
   ========================================================================== */

/* ---------- animação de entrada (o JS do layout põe .vis) ---------- */
@keyframes vx-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes vx-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes vx-rule{from{width:0}to{width:64px}}
[data-in]{opacity:0}
[data-in].vis{opacity:1;animation:vx-up .7s cubic-bezier(.22,.7,.3,1) both}
[data-rule]{width:0}
[data-rule].vis{animation:vx-rule .9s .25s cubic-bezier(.22,.7,.3,1) both;width:64px}
@media (prefers-reduced-motion:reduce){
  [data-in],[data-in].vis,[data-rule].vis{opacity:1;animation:none;width:64px}
}

/* ---------- topo ---------- */
.topo .nav a.link{font-size:.85rem;letter-spacing:.02em;opacity:.85;border-bottom:0;position:relative}
.topo .nav a.link::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;
  background:var(--dourado);transition:right .3s cubic-bezier(.22,.7,.3,1)}
.topo .nav a.link:hover::after,.topo .nav a.link.ativo::after{right:0}
.topo .nav a.link:hover{opacity:1;color:#fff}
.btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);padding:.75rem 1.5rem;font-size:.85rem}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-ouro{background:var(--dourado);color:var(--verde-fundo);border-color:var(--dourado);font-weight:500}
.btn-ouro:hover{background:#c9a068;color:var(--verde-fundo)}
.btn-verde-linha{color:var(--verde);border-color:var(--verde);white-space:nowrap}
.btn-verde-linha:hover{background:var(--verde);color:#fff}
.btn{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.btn:hover{transform:translateY(-1px)}

/* ---------- hero ---------- */
.hero-v3{position:relative;min-height:760px;height:88vh;display:block;overflow:hidden;background:var(--verde-fundo)}
.hero-v3 .hero-img{position:absolute;inset:0;background:url('../img/hero.webp') center 42%/cover no-repeat;
  animation:vx-kb 26s ease-out forwards}
.hero-v3 .hero-veu{position:absolute;inset:0;
  background:linear-gradient(96deg,rgba(8,40,31,.9) 0%,rgba(10,48,37,.72) 46%,rgba(12,67,52,.28) 100%)}
.hero-txt{position:absolute;left:0;right:0;bottom:100px;width:min(var(--largura),100% - 48px);
  margin-inline:auto;max-width:900px}
.hero-txt h1{font-family:var(--slab);font-weight:200;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.16;
  color:#fff;margin:0;max-width:22ch;letter-spacing:-.01em}
.olho{font-size:.7rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;
  color:var(--dourado);margin-bottom:1.75rem}
.olho.ouro{color:var(--ouro);margin-bottom:1.4rem}
.olho.ouro-claro{color:var(--dourado);margin-bottom:1.4rem}
.risco-ouro{height:1px;width:64px;background:var(--dourado);margin:2.4rem 0 2.1rem}
.risco-ouro.largo{width:100%;background:var(--ouro);margin:0 0 3.5rem}
.hero-acoes{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}

/* ---------- faixa do Safra ---------- */
.faixa-safra{background:var(--bege-2);padding:3.5rem 0;border-bottom:1px solid rgba(12,67,52,.12)}
.safra-linha{display:flex;align-items:center;gap:3.5rem;flex-wrap:wrap}
.safra-marca{height:46px;width:auto;flex:none}
.safra-nums{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));flex:1;gap:0}
.safra-num{padding-right:2.25rem}
.safra-num.col{padding:0 2.25rem;border-left:1px solid var(--linha)}
.safra-num.col:last-child{padding-right:0}
.safra-num-v{font-family:var(--slab);font-weight:300;font-size:2.4rem;line-height:1;color:var(--marinho);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.safra-num-r{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);
  margin-top:.75rem;white-space:nowrap}
.safra-frase{flex:none;font-family:var(--slab);font-weight:300;font-size:1rem;color:var(--ouro);
  max-width:20ch;line-height:1.45}

/* ---------- seções ---------- */
.secao{padding:6rem 0}
.secao.bege{background:var(--bege)}
.secao.clara{background:var(--bege-2)}
.secao h2{font-family:var(--slab);font-weight:200;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.2;
  color:var(--verde);margin:0;max-width:20ch}
.secao-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;
  margin-bottom:1.25rem}
.secao-topo.mb{margin-bottom:2.75rem}
.seta{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--verde);padding-bottom:6px;
  transition:gap .22s ease,color .22s ease}
.seta:hover{gap:13px;color:var(--ouro)}
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.grade-2{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}

/* três frentes */
.frente{padding-right:2.75rem}
.frente.col{padding:0 2.75rem;border-left:1px solid var(--linha)}
.frente.col:last-child{padding-right:0}
.ord{font-family:var(--slab);font-size:.75rem;letter-spacing:.16em;color:var(--ouro);margin-bottom:1.4rem}
.frente-tit{font-family:var(--slab);font-weight:300;font-size:1.6rem;color:var(--verde);margin-bottom:1rem}
.frente p{margin:0 0 1.5rem;font-size:.94rem;line-height:1.7;color:var(--tinta-2)}
.lista{font-size:.82rem;letter-spacing:.03em;color:var(--tinta-3);line-height:2.1}

/* citação sobre a foto */
.citacao{position:relative;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  padding:0 24px;background:var(--verde-fundo)}
.citacao .hero-img{position:absolute;inset:0;background:url('../img/hero.webp') center 62%/cover no-repeat;
  animation:vx-kb 26s ease-out forwards}
.cit-veu{position:absolute;inset:0;background:rgba(8,40,31,.78)}
.citacao blockquote{position:relative;margin:0;font-family:var(--slab);font-weight:200;
  font-size:clamp(1.4rem,2.8vw,2.1rem);line-height:1.42;color:#fff;text-align:center;max-width:30ch}

/* quatro passos */
.passo{display:flex;gap:1.75rem;padding:1.4rem 0;border-top:1px solid var(--linha);
  transition:background-color .25s ease,padding-left .25s ease}
.passo:hover{background:rgba(12,67,52,.035);padding-left:10px}
.passo.fim{border-bottom:1px solid var(--linha)}
.passo .ord{width:26px;flex:none;margin-bottom:0;font-size:.72rem;letter-spacing:.14em}
.passo-txt{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:baseline}
.passo-txt b{font-family:var(--slab);font-weight:400;font-size:1.15rem;color:var(--verde);min-width:230px}
.passo-txt span{font-size:.9rem;color:var(--tinta-2)}

/* cards de conteúdo */
.grade-3.cartoes{gap:2.25rem}
.cartao{background:var(--bege-2);display:block;
  transition:transform .25s ease,box-shadow .25s ease}
.cartao:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(12,67,52,.45)}
.cartao-img{overflow:hidden}
.cartao-img img{width:100%;height:230px;object-fit:cover;transition:transform .6s cubic-bezier(.22,.7,.3,1)}
.cartao:hover .cartao-img img{transform:scale(1.05)}
.cartao-txt{padding:1.5rem 1.5rem 1.9rem}
.tag{font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro);
  margin-bottom:.75rem}
.cartao-tit{font-family:var(--slab);font-weight:300;font-size:1.3rem;line-height:1.34;color:var(--verde);
  transition:color .25s ease}
.cartao:hover .cartao-tit{color:var(--ouro)}

/* contato */
.contato-v3{background:var(--verde);padding:5.5rem 0}
.contato-v3 .grade-2{grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.contato-v3 h2.branco{color:#fff;margin-bottom:1.25rem;max-width:22ch}
.contato-v3 .sub{margin:0;font-size:.97rem;line-height:1.75;color:rgba(255,255,255,.72);max-width:42ch}
.contato-dados{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid rgba(219,180,124,.3);
  font-family:var(--slab);font-weight:300;font-size:1.35rem;color:#fff;line-height:1.7}
.contato-dados a{color:#fff}
.contato-dados span{display:block;font-size:1rem;color:rgba(255,255,255,.7);font-family:var(--sans)}
.contato-dados span a{color:rgba(255,255,255,.7)}
.contato-dados a:hover{color:var(--dourado)}
.form-v3{display:flex;flex-direction:column;gap:1.4rem}
.form-v3 label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);
  display:flex;flex-direction:column;gap:.6rem}
.form-v3 input{height:44px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);
  color:#fff;font-family:var(--sans);font-size:1rem;padding:0 2px}
.form-v3 input:focus{outline:0;border-bottom-color:var(--dourado)}
.form-v3 .btn{margin-top:.6rem;height:50px;display:inline-flex;align-items:center;justify-content:center}

/* carreira */
.carreira{background:var(--bege-2);padding:3.25rem 0;border-bottom:1px solid rgba(12,67,52,.12)}
.carreira-linha{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.carreira-txt{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap}
.carreira-txt .olho{margin-bottom:0}
.carreira-tit{font-family:var(--slab);font-weight:300;font-size:1.5rem;color:var(--verde)}

/* rodapé: a marca no lugar do nome escrito */
.rodape-logo{height:24px;width:auto;margin-bottom:1.25rem}

/* ---------- o que muda em tela estreita ---------- */
@media (max-width:1240px){
  .safra-frase{flex:1 0 100%;max-width:none;padding-top:8px}
}
@media (max-width:900px){
  .grade-3,.grade-2,.contato-v3 .grade-2{grid-template-columns:1fr;gap:2.5rem}
  .frente.col,.safra-num.col{border-left:0;border-top:1px solid var(--linha);padding:1.75rem 0 0 0}
  .frente,.safra-num{padding-right:0}
  .hero-v3{height:82vh;min-height:560px}
  .hero-txt{bottom:64px}
  .passo-txt b{min-width:0}
  .safra-nums{grid-template-columns:1fr}
}

/* No celular a marca não pode competir com o título: some com o menu e encolhe. */
@media (max-width:1050px){
  .nav{display:none;position:absolute;top:100%;right:24px;left:24px;background:var(--verde);
    flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1.25rem 1.25rem}
  .nav.aberto{display:flex}
  .nav a.link{padding:.7rem 0;font-size:.95rem;opacity:1}
  .nav .btn{margin-top:.6rem;align-self:stretch;text-align:center}
  .menu-btn{display:block}
  .topo .logo img{height:26px}
  .topo .wrap{position:relative}
}
@media (max-width:560px){
  .topo .logo img{height:22px}
  .hero-txt h1{font-size:1.85rem}
  .secao{padding:4rem 0}
  .contato-v3 .grade-2{gap:2.5rem}
}

/* ==========================================================================
   FIDELIDADE AO MOCK 1B v3 (corrigido em 26/08/2026, ele apontou)
   O mock NÃO usa container centralizado: tudo tem 64px de margem lateral e o
   conteúdo encosta na esquerda. Centralizar num `wrap` de 1160px empurrava o
   texto para o meio e "descia" o título em telas largas. O hero também é de
   ALTURA FIXA (760px), não vh: com vh, tela alta esticava o topo.
   ========================================================================== */
.topo .wrap,
.hero-v3 .hero-txt,
.faixa-safra .wrap,
.secao .wrap,
.contato-v3 .wrap,
.carreira .wrap{
  width:auto;
  max-width:none;
  margin-inline:0;
  padding-left:64px;
  padding-right:64px;
}
.hero-v3{height:760px;min-height:760px}
.hero-v3 .hero-txt{left:0;right:0;bottom:100px;max-width:none}
.hero-v3 .hero-txt h1{max-width:22ch}
.topo .wrap{padding-block:30px}
.rodape .wrap{width:auto;max-width:none;margin-inline:0;padding-left:64px;padding-right:64px}

@media (max-width:900px){
  .topo .wrap,.hero-v3 .hero-txt,.faixa-safra .wrap,.secao .wrap,
  .contato-v3 .wrap,.carreira .wrap,.rodape .wrap{padding-left:24px;padding-right:24px}
  .hero-v3{height:auto;min-height:560px}
  .hero-v3 .hero-txt{position:relative;bottom:auto;padding-top:140px;padding-bottom:64px}
}

/* Rodapé enxuto: só a marca, centrada e discreta (26/08/2026). */
.rodape-limpo{padding:40px 0 32px}
.rodape-limpo .wrap{display:flex;flex-direction:column;align-items:center;gap:18px}
.rodape-limpo .rodape-logo{height:24px;width:auto;margin:0;opacity:.9}
/* a linha do miudinho: presente porque precisa estar, discreta porque nao e o assunto */
.rodape-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  font-size:.72rem;letter-spacing:.02em;color:rgba(255,255,255,.42);text-align:center}
.rodape-legal a{color:rgba(255,255,255,.42);transition:color .2s ease}
.rodape-legal a:hover{color:rgba(255,255,255,.8)}

/* ==========================================================================
   PÁGINAS INTERNAS no padrão do mock 1B v3 (26/08/2026)
   Elas já tinham o cabeçalho e o rodapé novos, mas o miolo continuava no
   estilo antigo: fundo cinza-azulado, cartão com borda dura e traço dourado
   grosso. Aqui o miolo passa a falar a mesma língua da home, sem reescrever
   o HTML de cada página.
   ========================================================================== */
.pagina-topo{background:var(--bege-2);padding:72px 0 64px;border-bottom:1px solid var(--linha)}
.pagina-topo .wrap{width:auto;max-width:none;margin-inline:0;padding-left:64px;padding-right:64px}
.pagina-topo p{color:var(--tinta-2);font-size:.97rem;max-width:60ch}

/* o título de seção do mock: leve, sem o traço grosso embaixo */
.secao-titulo{font-family:var(--slab);font-weight:200;color:var(--verde);letter-spacing:-.01em}
.secao-titulo::after{width:64px;height:1px;background:var(--ouro);margin-top:1.4rem}

/* fundos: bege no lugar do cinza-azulado e do branco puro */
.servicos,.historia,.conteudo{background:var(--bege)}
.numeros,.contato,.svc-cta-final,.pagina-topo{background:var(--bege-2)}
.svc-grupo{border-bottom-color:var(--linha)}

/* cartões: sem borda dura, com a mesma elevação suave da home */
.card,.svc-item,.form-card,.post .capa{border:0}
.card,.svc-item{background:var(--bege-2);transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.svc-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(12,67,52,.45)}
.svc-item h3,.card h3{font-family:var(--slab);font-weight:300;color:var(--verde)}
.svc-item p,.card p,.historia p{color:var(--tinta-2)}
.svc-grupo h2{font-family:var(--slab);font-weight:200;color:var(--verde)}
.svc-grupo h2::after{height:1px;width:64px;background:var(--ouro);margin-top:1.1rem}

/* as margens laterais do mock também aqui */
.servicos .wrap,.numeros .wrap,.historia .wrap,.contato .wrap,.conteudo .wrap,
.svc-grupo .wrap,.svc-cta-final .wrap{
  width:auto;max-width:none;margin-inline:0;padding-left:64px;padding-right:64px}

/* botão: o mesmo verde da home */
.btn-verde{color:var(--verde);border-color:var(--verde)}
.btn-verde:hover{background:var(--verde);color:#fff}

@media (max-width:900px){
  .pagina-topo .wrap,.servicos .wrap,.numeros .wrap,.historia .wrap,.contato .wrap,
  .conteudo .wrap,.svc-grupo .wrap,.svc-cta-final .wrap{padding-left:24px;padding-right:24px}
}