:root{
  --mata:#16202A;--noite:#16202A;--mata2:#1E2B37;--salvia:#6A7680;--areia:#F26A2E;--ceu:#E8E2D4;--ocre:#F26A2E;--papel:#F4F1EA;
  --linha:#E0DACD;--texto:#1F2830;--muted:#5F6A73;
  --s-verde:#4F7A3A;--s-ocre:#C98A2E;--s-vermelho:#B4532A;--s-cinza:#9A988C;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--papel);color:var(--texto);font-family:"Archivo",system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
button,input,select{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--ocre);outline-offset:3px;border-radius:6px;}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px;}
h1,h2,h3{font-weight:700;font-stretch:108%;margin:0;letter-spacing:-.02em;}
h2{font-size:clamp(30px,4vw,46px);line-height:1.08;color:var(--mata);}
h3{font-size:19px;line-height:1.25;color:var(--mata);}
p{margin:0;}
.dado{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--salvia);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:var(--ocre);color:var(--noite);
  font-weight:700;padding:14px 22px;text-decoration:none;cursor:pointer;transition:filter .15s,transform .15s;font-size:16px;}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px);}
.bloco{padding:84px 0;}

/* topo */
.topo{position:absolute;inset:0 0 auto 0;z-index:5;}
.topo .wrap{display:flex;align-items:center;height:76px;}
.topo img{height:30px;}
.topo a.cta{margin-left:auto;color:var(--papel);text-decoration:none;font-size:15px;font-weight:500;padding:9px 18px;border:1.5px solid rgba(247,243,234,.55);border-radius:10px;}
.topo a.cta:hover{background:var(--papel);color:var(--mata);}

/* hero */
.hero{background:var(--noite);color:var(--papel);position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(234,223,198,.35) 46px 47px),repeating-linear-gradient(90deg,transparent 0 46px,rgba(234,223,198,.35) 46px 47px);
  -webkit-mask:radial-gradient(ellipse 60% 70% at 78% 50%,#000 10%,transparent 70%);mask:radial-gradient(ellipse 60% 70% at 78% 50%,#000 10%,transparent 70%);}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:132px;padding-bottom:96px;}
.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.02;}
.hero h1 em{font-style:normal;color:var(--ocre);}
.hero .lead{font-size:19px;color:rgba(247,243,234,.75);margin-top:22px;max-width:31em;}
.hero .preco{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--ceu);}
.hero .preco b{color:var(--ocre);font-weight:500;}

/* formulário */
.form{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:10px;max-width:520px;}
.form input,.form select{width:100%;border:1.5px solid rgba(234,223,198,.28);background:rgba(247,243,234,.06);color:var(--papel);border-radius:12px;padding:13px 15px;font-size:16px;}
.form select option{color:var(--texto);}
.form input::placeholder{color:rgba(247,243,234,.5);}
.form .linha2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.form .esconder{position:absolute;left:-9999px;}
.form .msg{grid-column:1/-1;font-size:15px;min-height:1.4em;color:var(--ceu);}
.form .msg.erro{color:#F0A27E;}
.claro .form input,.claro .form select{border-color:var(--linha);background:#fff;color:var(--texto);}
.claro .form input::placeholder{color:var(--muted);}
.claro .form .msg{color:var(--mata);}
.claro .form .msg.erro{color:var(--s-vermelho);}

/* amostra do relatório */
.amostra{background:var(--papel);color:var(--texto);border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(1.2deg);max-width:440px;justify-self:end;width:100%;}
.amostra .cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--linha);padding-bottom:16px;}
.amostra .cab .nome{font-weight:500;color:var(--mata);font-size:18px;line-height:1.2;}
.amostra .cab .sub{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.05em;margin-top:4px;}
.nota{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:conic-gradient(var(--s-ocre) 0 62%,var(--linha) 62% 100%);}
.nota span{width:58px;height:58px;border-radius:50%;background:var(--papel);display:grid;place-items:center;font-size:24px;font-weight:700;color:var(--mata);}
.amostra ul{list-style:none;margin:14px 0 0;padding:0;}
.amostra li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--linha);font-size:15px;}
.amostra li:last-child{border-bottom:0;}
.amostra li i{width:10px;height:10px;border-radius:50%;flex:none;}
.amostra li small{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right;}
.v{background:var(--s-verde);}.o{background:var(--s-ocre);}.r{background:var(--s-vermelho);}
.amostra .rodape{margin-top:12px;font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;}

/* o que confere */
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:16px;overflow:hidden;margin-top:44px;}
.grade div{background:var(--papel);padding:28px 26px;}
.grade .n{font-family:var(--mono);font-size:12px;color:var(--areia);}
.grade h3{margin-top:10px;}
.grade p{margin-top:8px;color:var(--muted);font-size:16px;}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.passos div{border-top:2px solid var(--mata);padding-top:18px;}
.passos p{color:var(--muted);margin-top:8px;font-size:16px;}

/* honestidade */
.limite{background:var(--ceu);}
.limite .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start;}
.limite ul{margin:0;padding-left:20px;color:var(--texto);}
.limite li{margin-bottom:10px;}

/* perguntas */
.faq{max-width:780px;margin-top:36px;}
.faq details{border-bottom:1px solid var(--linha);padding:18px 0;}
.faq summary{cursor:pointer;font-weight:500;color:var(--mata);font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--areia);}
.faq details[open] summary::after{content:"–";}
.faq p{margin-top:10px;color:var(--muted);}

.fim{background:var(--mata2);color:var(--papel);text-align:center;}
.fim h2{color:var(--papel);}
.fim .form{margin:30px auto 0;text-align:left;}
footer{background:var(--noite);color:rgba(247,243,234,.55);font-size:14px;padding:28px 0;}
footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;}

@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:48px;padding-top:110px;padding-bottom:64px;}
  .amostra{justify-self:stretch;transform:none;max-width:none;}
  .grade{grid-template-columns:1fr 1fr;}
  .passos{grid-template-columns:1fr;gap:22px;}
  .limite .wrap{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:560px){
  .wrap{padding:0 16px;}
  .bloco{padding:60px 0;}
  .grade{grid-template-columns:1fr;}
  .form{grid-template-columns:1fr;}
  .form .linha2{grid-template-columns:1fr;}
  .form .btn{width:100%;}
  .topo a.cta{display:none;}
}

/* ===== estrutura do site (31/10) ===== */
.topo{position:relative;background:var(--noite);border-bottom:1px solid rgba(244,241,234,.08);}
.topo .wrap{gap:28px;}
.topo nav{display:flex;gap:26px;margin-left:auto;}
.topo nav a{color:rgba(244,241,234,.78);text-decoration:none;font-size:15px;font-weight:500;}
.topo nav a:hover,.topo nav a[aria-current]{color:var(--papel);}
.topo nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--ocre);}
.topo a.cta{margin-left:0;}
.topo nav a.so-cel{display:none;}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid rgba(244,241,234,.4);color:var(--papel);border-radius:10px;padding:7px 12px;font-size:14px;cursor:pointer;}
.hero .wrap{padding-top:72px;}
.cab-pag{background:var(--noite);color:var(--papel);padding:64px 0 56px;}
.cab-pag h1{font-size:clamp(34px,4.6vw,54px);line-height:1.05;margin-top:12px;max-width:16em;}
.cab-pag .lead{color:rgba(244,241,234,.75);font-size:19px;margin-top:16px;max-width:36em;}
.cta-faixa{background:var(--mata2);color:var(--papel);padding:56px 0;}
.cta-faixa .wrap{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.cta-faixa h2{color:var(--papel);font-size:clamp(24px,3vw,34px);}
footer .wrap{display:block;}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:20px 0 26px;}
footer .cols b{display:block;color:var(--papel);font-weight:600;margin-bottom:10px;font-size:14px;}
footer .cols a{display:block;color:rgba(244,241,234,.6);text-decoration:none;margin:6px 0;}
footer .cols a:hover{color:var(--papel);}
footer .base{border-top:1px solid rgba(244,241,234,.1);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;}

/* preços */
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.plano{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;}
.plano.destaque{border:2px solid var(--ocre);position:relative;}
.plano .selo{position:absolute;top:-12px;left:24px;background:var(--ocre);color:var(--noite);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px;}
.plano h3{font-size:20px;}
.plano .valor{font-size:44px;font-weight:700;color:var(--mata);margin:14px 0 2px;letter-spacing:-.02em;}
.plano .valor small{font-size:16px;font-weight:500;color:var(--muted);}
.plano .por{font-family:var(--mono);font-size:12px;color:var(--muted);}
.plano ul{list-style:none;padding:0;margin:20px 0 26px;flex:1;}
.plano li{padding:7px 0 7px 24px;position:relative;font-size:16px;}
.plano li::before{content:"";position:absolute;left:0;top:15px;width:12px;height:2px;background:var(--ocre);}
.plano .btn{width:100%;}
.btn.sec{background:transparent;border:1.5px solid var(--mata);color:var(--mata);}
.nota-preco{margin-top:22px;color:var(--muted);font-size:15px;}

/* relatório de exemplo */
.rel{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;margin-top:8px;align-items:start;}
.rel .mapa{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px;}
.rel .mapa svg{width:100%;height:auto;display:block;border-radius:10px;}
.legenda{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;color:var(--muted);}
.legenda i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle;}
.resumo{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:24px;}
.resumo .topo-r{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--linha);padding-bottom:16px;}
.resumo dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0 0;font-size:15px;}
.resumo dt{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-top:3px;}
.resumo dd{margin:0;}
.achados{margin-top:48px;display:grid;gap:14px;}
.achado{background:#fff;border:1px solid var(--linha);border-left:5px solid var(--s-cinza);border-radius:12px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:6px 20px;}
.achado.r{border-left-color:var(--s-vermelho);background:#fff;}.achado.o{border-left-color:var(--s-ocre);background:#fff;}.achado.v{border-left-color:var(--s-verde);background:#fff;}
.achado h3{font-size:18px;}
.achado .num{font-family:var(--mono);font-size:13px;color:var(--mata);text-align:right;}
.achado p{grid-column:1/-1;color:var(--muted);font-size:16px;}
.achado .prox{grid-column:1/-1;font-size:15px;color:var(--texto);}
.achado .prox b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ocre);margin-right:6px;}

/* artigos */
.artigo{max-width:720px;}
.artigo h2{font-size:26px;margin:40px 0 10px;}
.artigo p,.artigo li{font-size:18px;line-height:1.7;color:#2B343C;}
.artigo p+p{margin-top:16px;}
.artigo ul{padding-left:22px;margin:14px 0;}
.artigo .caixa{background:#fff;border:1px solid var(--linha);border-left:4px solid var(--ocre);border-radius:10px;padding:18px 20px;margin:28px 0;}
.lista-art{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.lista-art a{display:block;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:24px;text-decoration:none;transition:border-color .15s;}
.lista-art a:hover{border-color:var(--ocre);}
.lista-art h3{margin-top:10px;}
.lista-art p{color:var(--muted);margin-top:8px;font-size:15px;}

/* contato e textos */
.claro .form textarea{width:100%;border:1.5px solid var(--linha);background:#fff;border-radius:12px;padding:13px 15px;font-size:16px;min-height:150px;resize:vertical;}
.form.empilhado{grid-template-columns:1fr;max-width:560px;}
.duas{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;}
.texto p+p{margin-top:16px;}
.texto p{font-size:18px;color:#2B343C;}

@media (max-width:900px){
  .topo nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--noite);flex-direction:column;gap:0;padding:8px 16px 18px;z-index:10;}
  .topo nav.aberto{display:flex;}
  .topo nav a{padding:12px 0;border-bottom:1px solid rgba(244,241,234,.08);}
  .menu-btn{display:block;}
  .topo nav a.so-cel{display:block;color:var(--ocre);font-weight:700;border-bottom:0;}
  .topo a.cta{display:none;}
  .planos,.lista-art{grid-template-columns:1fr;}
  .rel,.duas{grid-template-columns:1fr;}
  footer .cols{grid-template-columns:1fr 1fr;}
}

/* link Account do topo (01/11/2026): no celular ele já está dentro do Menu */
@media (max-width:900px){.topo a.entrar{display:none;}}

/* ===== FASE 1 (06/11/2026): visual no padrão do InfoFazenda ===== */
:root{--mata:#1B2420;--noite:#1B2420;--mata2:#26302A;--papel:#F7F4EC;--ceu:#EDE6D6;--salvia:#7A8478;--mono:"Archivo",system-ui,sans-serif;--sombra:0 24px 60px rgba(16,22,18,.18);}
body{font-size:17px;}
h1,h2,h3{font-stretch:100%;letter-spacing:-.025em;}
h2{font-weight:700;}
.dado{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ocre);}
.btn{color:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(242,106,46,.25);}
.btn.sec{box-shadow:none;}
/* topo */
.topo{background:var(--noite);border-bottom:1px solid rgba(244,241,234,.06);}
.topo .wrap{height:68px;gap:22px;}
.topo img{height:28px;}
.topo nav{gap:24px;}
.topo nav a{font-size:15px;white-space:nowrap;}
.topo a.entrar{color:var(--papel);font-weight:600;text-decoration:none;font-size:15px;white-space:nowrap;padding:8px 4px;}
.topo a.cta{background:var(--ocre);border:0;color:#fff;font-weight:700;white-space:nowrap;border-radius:10px;padding:10px 16px;}
.topo a.cta:hover{filter:brightness(1.07);background:var(--ocre);color:#fff;}
.topo.sobre-foto{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(14,19,16,.72),rgba(14,19,16,0));border-bottom:0;z-index:6;}
/* hero com foto */
.hero.foto{background:#1B2420 url(/static/img/hero_kansas.jpg) center/cover no-repeat;min-height:min(820px,100vh);display:flex;flex-direction:column;justify-content:center;}
.hero.foto::before{opacity:1;-webkit-mask:none;mask:none;background:linear-gradient(90deg,rgba(14,19,16,.9) 0%,rgba(14,19,16,.72) 42%,rgba(14,19,16,.25) 75%,rgba(14,19,16,.15) 100%);}
.hero.foto .wrap{padding-top:120px;padding-bottom:80px;width:100%;}
.hero.foto h1{font-size:clamp(40px,5.4vw,68px);line-height:1.02;text-shadow:0 2px 24px rgba(0,0,0,.25);}
.hero.foto .lead{color:rgba(247,244,236,.86);font-size:19px;}
.selo-hero{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(242,106,46,.9);border-radius:999px;padding:6px 14px;margin-bottom:18px;}
.busca-hero{display:flex;margin-top:28px;max-width:540px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.35);}
.busca-hero input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--texto);font-size:17px;padding:10px 12px;}
.busca-hero input::placeholder{color:#8A8F86;}
.busca-hero button{border:0;background:var(--ocre);color:#fff;font-weight:700;font-size:16px;border-radius:10px;padding:0 20px;cursor:pointer;white-space:nowrap;}
.busca-hero button:hover{filter:brightness(1.07);}
.atalhos-hero{margin-top:14px;font-size:15px;color:rgba(247,244,236,.8);}
.atalhos-hero a{color:#fff;font-weight:600;text-underline-offset:3px;}
.hero.foto .preco{font-family:inherit;font-size:14px;letter-spacing:0;color:rgba(247,244,236,.75);margin-top:18px;}
.hero.foto .preco b{font-weight:700;}
.credito{position:absolute;right:16px;bottom:10px;font-size:11.5px;color:rgba(255,255,255,.6);margin:0;z-index:1;}
/* cartão de exemplo */
.amostra{transform:none;border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:rgba(247,244,236,.97);}
.amostra .cab .nome{font-weight:700;font-size:18px;}
.amostra .cab .sub{font-family:inherit;font-size:12px;letter-spacing:.02em;text-transform:none;}
.amostra li{border-bottom:1px solid var(--linha);}
.amostra li small{font-family:inherit;font-size:12.5px;}
.amostra .rodape{font-family:inherit;font-size:13.5px;letter-spacing:0;text-transform:none;}
.amostra .rodape a{color:var(--s-vermelho);font-weight:600;text-decoration:none;}
/* faixa de fontes */
.fontes{background:#fff;border-bottom:1px solid var(--linha);}
.fontes .wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;}
.fontes span{font-size:13px;color:var(--muted);}
.fontes b{font-size:16px;font-weight:800;letter-spacing:.02em;color:#6C736A;}
/* blocos e cartões */
.grade{gap:16px;background:none;border:0;border-radius:0;overflow:visible;}
.grade div{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:28px 26px;transition:transform .15s,box-shadow .15s;}
.grade div:hover{transform:translateY(-2px);box-shadow:var(--sombra);}
.grade .n{font-family:inherit;font-weight:800;font-size:13px;color:var(--ocre);background:#FDE6DA;border-radius:999px;display:inline-block;padding:3px 10px;}
.passos div{border-top:0;background:#fff;border:1px solid var(--linha);border-radius:18px;padding:24px;}
.limite{background:var(--ceu);}
.faq summary::after{font-family:inherit;color:var(--ocre);font-weight:700;}
.fim{background:linear-gradient(rgba(14,19,16,.82),rgba(14,19,16,.82)),url(/static/img/hero_kansas_m.jpg) center/cover;}
.cab-pag{background:linear-gradient(90deg,rgba(14,19,16,.94),rgba(14,19,16,.8)),url(/static/img/hero_kansas_m.jpg) center/cover;}
.plano{border-radius:20px;}
.plano .selo{font-family:inherit;font-weight:700;color:#fff;}
.plano .por,.resumo dt,.achado .num,.achado .prox b{font-family:inherit;}
.achado{border-radius:14px;}
@media (max-width:1100px){.topo nav{gap:18px;}.topo nav a{font-size:14px;}}
@media (max-width:900px){
  .hero.foto{min-height:0;}
  .hero.foto::before{background:linear-gradient(180deg,rgba(14,19,16,.88),rgba(14,19,16,.7));}
  .hero.foto .wrap{padding-top:96px;}
  .topo.sobre-foto nav{background:var(--noite);}
  .credito{display:none;}
}
@media (max-width:560px){
  .busca-hero{flex-direction:column;gap:6px;}
  .busca-hero button{padding:12px;}
  .fontes .wrap{gap:14px 18px;}
  .fontes span{width:100%;}
}
