:root{
  /* paleta oficial */
  --verde:#1A3D2A;
  --verde-fundo:#0E2417;
  --azul:#1E40AF;
  --dourado:#C9962C;
  --creme:#F6F4EE;
  --lima:#72D149;          /* verde vivo : destaque pontual */
  --teal:#3C9F87;          /* traço de circuito do logo : acento, nunca área grande */
  /* apoio derivado */
  --verde-medio:#2F5A3E;
  --texto:#1F2A24;
  --texto-sec:#5C6B62;
  --linha:#DFDACC;
  --branco-70:rgba(255,255,255,.76);
  --branco-55:rgba(255,255,255,.58);
  /* ritmo espacial */
  /* curvas: as embutidas do CSS não têm firmeza */
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --gutter:24px;
  --col:1240px;
  /* borda esquerda da coluna: vale para cabeçalho, seções e sangria de imagem,
     então título e subtítulo caem sempre na mesma coluna do header, em qualquer largura */
  --borda-esq:max(var(--gutter), calc((100vw - var(--col)) / 2 + var(--gutter)));
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',sans-serif;color:var(--texto);background:var(--creme);line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.14;letter-spacing:-.021em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:var(--col);margin:0 auto;padding:0 var(--gutter)}
/* mesma coluna do .wrap: título e subtítulo caem sempre na borda do logo */
.ancora{width:100%;max-width:var(--col);margin:0 auto;padding:0 var(--gutter)}
section{padding:112px 0}
section.apertada{padding:84px 0}

/* grade de 12 colunas para posicionar sem simetria */
.g12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:center}
.c1-5{grid-column:1/6}  .c1-6{grid-column:1/7}   .c1-7{grid-column:1/8}
.c6-13{grid-column:6/13} .c7-13{grid-column:7/13} .c8-13{grid-column:8/13}
.desce{transform:translateY(38px)}
.sobe{transform:translateY(-38px)}

/* imagem que sangra até a borda da tela, quebrando a caixa.
   Puxa exatamente a borda esquerda da coluna, então encosta em 0px sem depender
   da largura do contêiner. Como item de grade, width:auto faz o elemento esticar
   e ocupar a coluna inteira mais o que foi puxado. */
.sangra-esq{
  margin-left:calc(-1 * var(--borda-esq));
  width:auto;
}
/* contém a sangria na própria seção, sem criar contexto de recorte na página */
.problema{overflow-x:clip}
/* movimento reduzido não é ausência de movimento: mantém opacidade e cor,
   que ajudam a compreender o que mudou, e remove deslocamento e escala */
@media(prefers-reduced-motion:reduce){
  *{transition-duration:.15s!important;animation-duration:.15s!important}
  .desce,.sobe,.plano.pop{transform:none!important}
  .reveal{translate:none!important;clip-path:none!important;filter:none!important}
  .btn:active,.mod:hover,.btn-primario:hover,.btn-azul:hover{transform:none!important}
}

/* marcador de seção: régua dourada + rótulo : vocabulário editorial, não SaaS */
.sec-head{max-width:730px;margin-bottom:52px}
/* cabeçalho partido: título à esquerda, linha de apoio na coluna da direita */
.sec-head.partido{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;
  gap:var(--gutter);align-items:end;margin-bottom:56px}
.sec-head.partido h2{margin-bottom:0}
.sec-head.partido p{padding-bottom:6px;border-left:1px solid var(--dourado);padding-left:20px}
.problema .sec-head.partido p{border-color:var(--dourado)}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:700;letter-spacing:-.03em;
  margin-bottom:18px;color:var(--verde);text-wrap:balance;max-width:20ch}
.sec-head.partido h2{max-width:24ch}
.problema .sec-head h2,.contato h2{color:#fff}
.sec-head p{font-size:1.06rem;color:var(--texto-sec);max-width:62ch}

/* superfícies do navegador tematizadas a partir da paleta */
::selection{background:var(--dourado);color:#241A05}
::-moz-selection{background:var(--dourado);color:#241A05}
html{caret-color:var(--verde);scrollbar-color:var(--verde-medio) var(--creme);scrollbar-width:thin}
.hero,.problema,.faixa,.contato,footer{caret-color:var(--dourado)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--creme)}
::-webkit-scrollbar-thumb{background:var(--verde-medio);border:3px solid var(--creme);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--verde)}

/* anel de foco próprio, com deslocamento, em vez do contorno padrão do navegador */
:focus-visible{outline:2px solid var(--dourado);outline-offset:3px;border-radius:3px}
.hero :focus-visible,.problema :focus-visible,.faixa :focus-visible,
.contato :focus-visible,footer :focus-visible,.overlay :focus-visible{outline-color:var(--dourado)}

/* sublinhado com respiro e numeral de largura fixa onde há dado */
a{text-underline-offset:.18em;text-decoration-thickness:from-font}
.comp-linha,.plano .pporte{font-variant-numeric:tabular-nums}

/* revelação ao entrar na tela. Só opacidade e translate: ambos fora de layout e paint. */
/* três gestos, não um. A foto revela por máscara, porque é imagem; o texto
   sobe curto, porque é leitura; os cartões só surgem, porque são muitos. */
.reveal{opacity:0;transition:opacity 400ms ease,translate 520ms var(--ease-out),
        clip-path 620ms var(--ease-out),filter 520ms ease}
.reveal.dentro{opacity:1}

.reveal-texto{translate:0 12px}
.reveal-texto.dentro{translate:0 0}

.reveal-foto{clip-path:inset(0 0 22% 0);filter:blur(3px)}
.reveal-foto.dentro{clip-path:inset(0 0 0 0);filter:blur(0)}

.reveal-cartao{transition:opacity 320ms ease}

/* HEADER */
header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(14,36,23,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(246,244,238,.12);transition:background 220ms ease}
header.solid{background:rgba(14,36,23,.97)}
.nav{display:flex;align-items:center;gap:14px;height:74px}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:42px;width:auto}
.brand .wordmark{font-family:'Sora',sans-serif;font-weight:700;font-size:1.1rem;color:#fff;letter-spacing:-.01em}
.menu{display:flex;align-items:center;gap:var(--gutter);margin-left:var(--gutter)}
.menu a{color:var(--branco-70);font-size:.93rem;font-weight:500;transition:color 160ms ease}
.menu a:hover{color:var(--dourado)}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
/* botões do cabeçalho um pouco mais compactos que o padrão do .btn, só aqui,
   pra caber o sexto item de nav sem apertar o resto do site */
.nav-actions .btn{padding:11px 16px}
.btn{font-family:'Sora',sans-serif;font-weight:600;font-size:.93rem;padding:11px 21px;border-radius:6px;
  cursor:pointer;border:1.5px solid transparent;display:inline-block;text-align:center;
  transition:transform 160ms var(--ease-out),box-shadow 200ms var(--ease-out),
             background 160ms ease,border-color 160ms ease,color 160ms ease}
.btn:active{transform:scale(.97)}
/* o link do WhatsApp também é pressionável, precisa responder ao toque */
.canal[href]{transition:transform 160ms var(--ease-out),border-color 160ms ease,background 160ms ease}
.canal[href]:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){
  .canal[href]:hover{border-color:var(--dourado);background:rgba(201,150,44,.09)}
}
/* fechar o modal é ação frequente de quem explora: retorno imediato */
.login-card .fechar{transition:color 140ms ease,transform 140ms var(--ease-out)}
.login-card .fechar:active{transform:scale(.9)}
.hamb:active span{opacity:.6}
.btn-primario{background:var(--dourado);color:#33260A}
@media(hover:hover) and (pointer:fine){
  .btn-primario:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,150,44,.36)}
}
.btn-azul{background:var(--azul);color:#fff}
@media(hover:hover) and (pointer:fine){
  .btn-azul:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,64,175,.36)}
}
.btn-fantasma{background:transparent;color:#fff;border-color:rgba(246,244,238,.42)}
.btn-fantasma:hover{border-color:var(--dourado);color:var(--dourado)}
.btn-verde{background:var(--verde);color:var(--creme)}
.btn-verde:hover{background:var(--verde-medio)}
.hamb{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:7px;margin-left:auto}
.hamb span{width:23px;height:2px;background:#fff;border-radius:2px}

/* HERO : fotografia real, composição respeitando o terço vazio da imagem */
.hero{position:relative;min-height:92vh;display:grid;align-items:center;padding:150px 0 90px;
  color:#fff;background:var(--verde-fundo);overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('hero-lavoura.webp');
  background-size:cover;background-position:center right}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(14,36,23,.96) 0%,rgba(14,36,23,.9) 30%,rgba(14,36,23,.44) 60%,rgba(14,36,23,.14) 100%)}
.hero-inner{position:relative;z-index:2;max-width:640px}
.hero h1{font-size:clamp(2.45rem,6.6vw,4.7rem);font-weight:800;letter-spacing:-.036em;
  margin-bottom:34px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--dourado)}
.hero .sub{font-size:1.22rem;color:var(--branco-70);max-width:560px;margin-bottom:38px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero .btn{padding:15px 27px;font-size:1rem}

/* PROBLEMA : foto da caderneta faz o argumento */
.problema{background:var(--verde);color:#fff}
.problema .sec-head h2{color:#fff}
.problema .sec-head p{color:var(--branco-70)}
.prob-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.prob-foto{border-radius:0 8px 8px 0;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.42)}
.prob-foto img{aspect-ratio:4/3}
.prob-foto img{width:100%;height:100%;object-fit:cover}
.prob-foto figcaption{font-size:.82rem;color:var(--branco-55);padding:11px 2px 0;font-style:italic}
.dores{list-style:none;display:grid;gap:0}
.dores li{padding:19px 0;border-bottom:1px solid rgba(246,244,238,.15)}
.dores li:last-child{border-bottom:none}

.dores h3{font-size:1.1rem;font-weight:600;margin-bottom:5px;color:#fff}
.dores p{font-size:.93rem;color:var(--branco-70)}

/* SOLUÇÃO */
.sol-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(36px,5vw,76px);align-items:start}
.lista-check{list-style:none;display:grid;gap:0}
.lista-check li{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--linha)}
.lista-check li:last-child{border-bottom:none}
.lista-check .ck{width:26px;height:26px;border-radius:4px;background:var(--verde);color:var(--teal);
  display:flex;align-items:center;justify-content:center;flex:none;font-weight:700;font-size:.93rem;margin-top:2px}
.lista-check b{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:1.02rem;color:var(--texto)}
.lista-check span{font-size:.93rem;color:var(--texto-sec)}
.destaque-card{background:var(--verde);color:#fff;border-radius:10px;padding:42px 40px;position:relative;overflow:hidden}
.destaque-card::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;
  border:1.5px solid rgba(201,150,44,.26);border-radius:50%}
.destaque-card h3{font-size:1.45rem;margin-bottom:14px;position:relative}
.destaque-card p{color:var(--branco-70);position:relative;margin-bottom:26px}
.duplo{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(246,244,238,.2);
  border-radius:7px;overflow:hidden;position:relative}
.duplo div{background:var(--verde);padding:20px 18px}
.duplo .t{font-family:'Sora',sans-serif;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dourado);font-weight:700;margin-bottom:7px}
.duplo .d{font-size:.93rem;color:var(--branco-70)}

/* MÓDULOS */
.modulos{background:#fff}
.indice{border-top:1px solid var(--linha)}
.indice>div{display:grid;grid-template-columns:minmax(160px,.34fr) 1fr;gap:clamp(16px,4vw,56px);
  padding:22px 0;border-bottom:1px solid var(--linha);align-items:baseline}
.indice dt{font-family:'Sora',sans-serif;font-size:1.45rem;font-weight:700;
  letter-spacing:-.02em;color:var(--verde)}
.indice dd{font-size:1.02rem;color:var(--texto-sec);margin:0}
.indice .futuro dt{color:var(--dourado)}
.marca-futuro{display:inline-block;margin-left:10px;font-family:'Sora',sans-serif;font-size:.75rem;
  font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--dourado);
  border:1px solid rgba(201,150,44,.45);border-radius:3px;padding:2px 8px;vertical-align:2px}
.mod-nota{margin-top:30px;font-size:.93rem;color:var(--texto-sec);max-width:62ch}

/* FAIXA DE FOTO */
.faixa{position:relative;min-height:340px;display:grid;align-items:center;color:#fff;
  background:var(--verde-fundo);padding:82px 0;overflow:hidden}
.faixa-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.faixa-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(88deg,rgba(14,36,23,.95) 0%,rgba(14,36,23,.82) 42%,rgba(14,36,23,.3) 100%)}
.faixa .ancora{position:relative;z-index:2}
.faixa h2{font-size:clamp(2rem,4.4vw,3.3rem);max-width:740px;margin-bottom:18px;text-wrap:balance}
.faixa p{color:var(--branco-70);max-width:560px;margin-bottom:28px;font-size:1.1rem}

/* COMPARATIVO */
.comp-tabela{border:1px solid var(--linha);border-radius:9px;overflow:clip;background:#fff;
  padding:6px 8px}
.comp-linha{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:1px solid var(--linha)}
.comp-linha:last-child{border-bottom:none}
.comp-cab{border-radius:5px}
.comp-linha>div{padding:17px 22px;font-size:.93rem}
.comp-cab{background:var(--verde);color:#fff}
.comp-cab>div{font-family:'Sora',sans-serif;font-weight:600;font-size:.93rem}
.comp-cab .nos{color:var(--dourado)}
.comp-linha .rot{font-weight:500}
.comp-linha .nos{background:rgba(201,150,44,.07);font-weight:600;color:var(--verde)}
.comp-linha .out{color:var(--texto-sec)}

/* PLANOS */
.planos{background:#fff}
.plano-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.plano{border:1px solid var(--linha);border-radius:9px;padding:32px 28px;background:var(--creme);position:relative}
.plano.pop{border:1.5px solid var(--dourado);background:#fff;box-shadow:0 6px 16px rgba(26,61,42,.09);
  transform:translateY(-22px);padding:40px 30px 36px}
.plano .selo{position:absolute;top:-11px;left:28px;background:var(--dourado);color:#33260A;
  font-family:'Sora',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 11px;border-radius:3px}
.plano .pnome{font-family:'Sora',sans-serif;font-size:1.32rem;font-weight:700;color:var(--verde);margin-bottom:8px}
.plano .pporte{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:var(--dourado);
  font-weight:700;margin-bottom:16px}
.plano p{font-size:.93rem;color:var(--texto-sec);margin-bottom:20px}
.plano ul{list-style:none;margin-bottom:24px;display:grid;gap:9px}
.plano ul li{font-size:.93rem;color:var(--texto);padding-left:19px;position:relative}
.plano ul li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:50%;background:var(--dourado)}
.plano .btn{width:100%}
.plano-nota{margin-top:14px;max-width:640px;font-size:.93rem;color:var(--texto-sec);
  padding-left:20px;border-left:1px solid var(--linha)}

/* CONTATO */
.contato{background:var(--verde-fundo);color:#fff}
.contato-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(36px,5vw,76px);align-items:start}
.contato h2{font-size:clamp(2rem,4.4vw,3.3rem);margin-bottom:16px}
.contato .lead{font-size:1.1rem;color:var(--branco-70);margin-bottom:28px}
.canais{display:grid;gap:12px;margin-top:30px}
.canal{display:flex;gap:14px;align-items:flex-start;padding:17px 19px;border:1px solid rgba(246,244,238,.18);
  border-radius:7px;background:rgba(246,244,238,.05)}
.canal .ic{width:30px;height:30px;border-radius:5px;background:var(--dourado);color:#33260A;
  display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;font-size:.93rem}
.canal .t{font-family:'Sora',sans-serif;font-weight:600;font-size:.93rem;margin-bottom:2px}
.canal .d{font-size:.93rem;color:var(--branco-55)}
.form{background:rgba(246,244,238,.06);border:1px solid rgba(246,244,238,.18);border-radius:10px;padding:30px}
.form .fh{font-family:'Sora',sans-serif;font-weight:600;font-size:1.1rem;margin-bottom:5px}
.form .fs{font-size:.93rem;color:var(--branco-55);margin-bottom:20px}
.linha{margin-bottom:15px}
.linha label{display:block;font-size:.8rem;font-weight:600;color:var(--branco-70);margin-bottom:6px;
  letter-spacing:.03em}
.linha input,.linha textarea,.linha select{width:100%;padding:12px 14px;border-radius:6px;
  border:1px solid rgba(246,244,238,.24);background:rgba(14,36,23,.5);color:#fff;
  font-family:'Archivo',sans-serif;font-size:.93rem}
.linha input,.linha textarea,.linha select{transition:border-color 140ms ease,box-shadow 140ms ease}
.linha input:focus,.linha textarea:focus,.linha select:focus{outline:none;border-color:var(--dourado);
  box-shadow:0 0 0 3px rgba(201,150,44,.18)}
.linha select option{background:var(--verde-fundo)}
.form .btn{width:100%;margin-top:6px}
.form .aviso{font-size:.8rem;color:var(--branco-55);margin-top:12px;text-align:center}

/* FOOTER */
footer{background:var(--verde);color:var(--branco-70);padding:62px 0 28px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;
  border-bottom:1px solid rgba(246,244,238,.15)}
.foot-brand img{height:52px;margin-bottom:16px}
.foot-brand .tag{font-size:.93rem;max-width:290px;color:var(--branco-55)}
.foot-col h3{font-family:'Sora',sans-serif;font-size:.79rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dourado);margin-bottom:14px;font-weight:700}
.foot-col a,.foot-col p{display:block;font-size:.93rem;margin-bottom:9px;color:var(--branco-70);transition:color 160ms ease}
.foot-col a:hover{color:var(--dourado)}
.foot-bot{padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.93rem;color:var(--branco-55)}

/* MODAL LOGIN */
.overlay{position:fixed;inset:0;background:rgba(9,22,14,.8);backdrop-filter:blur(5px);z-index:200;
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;visibility:hidden;pointer-events:none;
  /* saída mais rápida que a entrada: o sistema responde, o usuário não espera */
  transition:opacity 140ms ease,visibility 140ms}
.overlay.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 220ms ease,visibility 220ms}
.login-card{background:var(--creme);border-radius:11px;padding:38px 34px;max-width:430px;width:100%;
  position:relative;box-shadow:0 34px 80px rgba(0,0,0,.42);
  /* modal é a exceção: fica com origem no centro, porque não nasce de um gatilho */
  transform-origin:center;transform:scale(.96);
  transition:transform 140ms var(--ease-out)}
.overlay.on .login-card{transform:scale(1);transition:transform 260ms var(--ease-out)}
.login-card .fechar{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.6rem;
  color:var(--texto-sec);cursor:pointer;line-height:1}
.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.login-logo img{height:38px}
.login-logo .t{font-family:'Sora',sans-serif;font-weight:700;color:var(--verde);letter-spacing:.02em}
.login-card h3{font-size:1.32rem;color:var(--verde);margin-bottom:8px}
.login-card .subt{font-size:.93rem;color:var(--texto-sec);margin-bottom:22px}
.passos{list-style:none;display:grid;gap:11px;margin-bottom:24px}
.passos li{display:grid;grid-template-columns:24px 1fr;gap:11px;align-items:start;font-size:.93rem}
.passos .p{width:24px;height:24px;border-radius:50%;background:var(--verde);color:var(--creme);
  font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.login-card .btn{width:100%}
.divisor{height:1px;background:var(--linha);margin:22px 0 16px}
.semconta{font-size:.93rem;color:var(--texto-sec);text-align:center}
.semconta a{color:var(--azul);font-weight:600}

/* RESPONSIVO */
@media(max-width:1300px){
  /* nav de desktop precisa de ~1198px pra caber sem quebrar linha (6 links + 2 botões);
     abaixo disso vira menu hambúrguer, com folga */
  .menu{position:fixed;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(14,36,23,.99);padding:8px 24px 20px;margin:0;display:flex;
    border-bottom:1px solid rgba(246,244,238,.15);
    opacity:0;visibility:hidden;pointer-events:none;translate:0 -10px;
    transition:opacity 140ms ease,translate 140ms var(--ease-out),visibility 140ms}
  .menu.open{opacity:1;visibility:visible;pointer-events:auto;translate:0 0;
    transition:opacity 200ms ease,translate 200ms var(--ease-out),visibility 200ms}
  .menu a{padding:14px 0;border-bottom:1px solid rgba(246,244,238,.1)}
  .hamb{display:flex}
}
@media(max-width:1100px){
  .sec-head.partido{grid-template-columns:1fr;gap:18px;align-items:start}
  .sec-head.partido p{border-left:1px solid var(--dourado);padding-left:18px;padding-bottom:0}
}
@media(max-width:960px){
  .prob-layout,.sol-layout,.contato-layout{grid-template-columns:1fr;gap:38px}
  .plano-grid{grid-template-columns:1fr;gap:22px}
  .foot-top{grid-template-columns:1fr 1fr;gap:28px}
  .desce,.sobe,.plano.pop{transform:none}
  .plano.pop{padding:32px 28px}
  .sangra-esq{margin-left:calc(-1 * var(--borda-esq));width:auto}
  .prob-foto{border-radius:0 8px 8px 0}
}
@media(max-width:720px){
  section{padding:72px 0}
  .nav-actions .btn-primario{display:none}
  .hero{min-height:auto;padding:126px 0 76px}
  .hero-bg{background-image:url('hero-mobile.webp');background-position:center 28%}
  .hero-bg::after{background:linear-gradient(178deg,rgba(14,36,23,.92) 0%,rgba(14,36,23,.74) 46%,rgba(14,36,23,.9) 100%)}
  .sangra-esq{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));width:auto}
  .prob-foto{border-radius:0}
  .indice>div{grid-template-columns:1fr;gap:5px;padding:18px 0}
  .comp-linha{grid-template-columns:1fr}
  .comp-linha>div{padding:11px 18px}
  .comp-cab{display:none}
  .comp-linha .rot{font-weight:700;color:var(--verde);padding-bottom:2px}
  .comp-linha .nos::before{content:"Novalis Agro · ";color:var(--dourado);font-weight:700}
  .comp-linha .out::before{content:"Especializados · ";font-weight:600}
  .foot-top{grid-template-columns:1fr}
  .duplo{grid-template-columns:1fr}
}