/* Site da corretora. */
:root{--troca-fundo:#14532D;--troca-link:#E5E7EB;--troca-atual:#15803D}
html{scroll-padding-top:78px}
body{background:#F3F4F6;color:#111827;font-size:17px;line-height:1.5}
a{color:#15803D}
a:hover{color:#14532D}

.topo-in{padding-top:14px;padding-bottom:14px}
.marca{font-size:22px}
.marca svg{width:30px;height:30px}
.principal{gap:4px 22px;font-size:16px}
.principal .cta{min-height:44px;padding:0 16px}
.entrar{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:2px solid #14532D;border-radius:10px;color:#14532D;font-weight:700;text-decoration:none}
.entrar:hover{background:#14532D;color:#FFFFFF}
@media (max-width:1149px){.js .principal .entrar{justify-content:center;margin-top:10px;min-height:44px}}

/* Abertura */
.abre{position:relative;overflow:hidden;padding:clamp(32px,4.5vw,64px) 0 clamp(130px,13vw,180px);background:#0F3B21;color:#FFFFFF}
.abre h1{margin:0;max-width:860px;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:clamp(36px,4.6vw,64px);line-height:1.04;letter-spacing:-0.025em}
.abre p{margin:14px 0 0;max-width:700px;font-size:clamp(18px,1.6vw,21px);line-height:1.4;color:#F0FDF4}

/* Painel de ofertas */
.ofertas{position:relative;margin-top:clamp(-130px,-9vw,-80px);padding-bottom:clamp(40px,5vw,64px);background:linear-gradient(transparent 0,transparent 100px,#F3F4F6 100px)}
.abas{display:flex;flex-wrap:wrap;gap:4px}
.aba{min-height:52px;padding:0 24px;border:1px solid #15803D;border-bottom:0;border-radius:12px 12px 0 0;background:#FFFFFF;color:#14532D;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:19px;cursor:pointer}
.aba[aria-pressed="true"]{background:#15803D;color:#FFFFFF}
.aba:focus-visible{outline-offset:-5px;outline-color:#E9B949}
@media (max-width:480px){.aba{flex:1 1 auto;padding:0 12px}}
.painel{padding:clamp(16px,2.2vw,28px);background:#FFFFFF;border:1px solid #E5E7EB;border-radius:0 14px 14px 14px;box-shadow:0 14px 36px rgba(20,83,45,.12)}
.painel-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}
.painel-top p{flex:1 1 340px;min-width:0;margin:0;font-size:18px;line-height:1.35;color:#1F2937}
.ufs{display:flex;flex-wrap:wrap;gap:6px}
.uf{min-height:44px;min-width:44px;padding:0 14px;border:1px solid #D1D9E0;border-radius:10px;background:#FFFFFF;color:#111827;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.uf:hover{border-color:#14532D}
.uf[aria-pressed="true"]{border-color:#14532D;background:#14532D;color:#FFFFFF}
.grupo{margin-top:26px}
.gr-t{display:flex;align-items:center;gap:10px;margin:0;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:clamp(22px,2vw,26px);line-height:1.2}
.gr-t img{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover}
.gr-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,272px),400px));gap:14px;margin-top:14px}
.gr-vazio{margin:0;font-size:17px;color:#4B5563}
.grupo-vazio{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:20px;padding:14px 16px;border:1px dashed #D1D5DB;border-radius:12px}
.grupo-vazio .gr-t{font-size:20px}

.of{display:flex;min-width:0;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease}
.of:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.14)}
.of-img{display:block;flex:none;width:92px;height:auto;object-fit:cover;background:#E5E7EB}
.of-c{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:14px}
.of-p{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.of-p b{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.1;letter-spacing:-0.01em}
.of-p span{flex:none;font-size:14px;color:#4B5563}
.of-l{margin:6px 0 0;font-size:17px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.of-t{margin:6px 0 0;font-size:15px;line-height:1.35;color:#4B5563;overflow-wrap:anywhere}
.of-frete{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 0;font-size:15px;line-height:1.3;color:#1F2937}
.selo{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;background:#FBF1D3;border:1px solid #E9B949;border-radius:6px;color:#14532D;font-weight:700;font-size:14px;letter-spacing:.03em}
.of-at{margin:8px 0 0;font-size:14px;line-height:1.3;color:#4B5563}
.of-btn{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;padding:0 10px;background:#15803D;color:#FFFFFF;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none;text-align:center}
.of-c>:nth-last-child(2){margin-bottom:12px}
.of-btn:hover{background:#14532D;color:#FFFFFF}
.nota{margin:22px 0 0;font-size:15px;color:#4B5563}

/* Carregando, vazio e erro */
.aviso{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:26px;padding:clamp(20px,3vw,32px);background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px}
.aviso-erro{background:#FBF1D3;border-color:#E9B949}
.aviso h2{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:clamp(22px,2vw,26px);line-height:1.2;color:#14231B}
.aviso p{margin:0;max-width:640px;font-size:18px;line-height:1.4;color:#1F2937}
.aviso-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.aviso .cta{min-height:48px;padding:0 20px;font-size:17px}
.btn-sec{min-height:48px;padding:0 20px;background:#FFFFFF;border:2px solid #14532D;border-radius:10px;color:#14532D;font-weight:700;font-size:17px;cursor:pointer}
.btn-sec:hover{background:#14532D;color:#FFFFFF}
.carregando{display:flex;align-items:center;gap:12px;min-height:220px;margin-top:26px;font-size:18px;color:#1F2937}
.giro{flex:none;width:26px;height:26px;border:3px solid #BBF7D0;border-top-color:#15803D;border-radius:50%;animation:giro .8s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}

/* Secoes */
.sec-branca{background:#FFFFFF}
.sec-cinza{background:#F3F4F6}
.quem{padding:clamp(48px,6vw,88px) 0}
.quem-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px clamp(32px,6vw,80px)}
.tit{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-0.02em}
.quem-g .tit{font-size:clamp(30px,3.6vw,44px)}
.tit-limite{max-width:760px}
.lista{margin:20px 0 0;padding:0;list-style:none}
.lista li{padding:14px 0;border-top:1px solid #E5E7EB}
.lista li:last-child{border-bottom:1px solid #E5E7EB}
.etapas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px 20px;margin:40px 0 0;padding:0;list-style:none}
.etapas li{padding-top:14px;border-top:3px solid #15803D}
.etapas li:last-child{border-top-color:#E9B949}
.etapas b{font-family:Archivo,Arial,sans-serif;font-size:20px}
.etapas p{margin:6px 0 0;color:#374151}

/* Demonstracoes */
.telas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px clamp(24px,3vw,40px);margin-top:40px}
.tela{min-width:0}
.tela-boleta{flex:1 1 320px}
.tela-embarque{flex:2 1 480px}
.tela h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:22px}
.tela>p{margin:6px 0 0;color:#374151}
.demo{margin-top:16px;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.demo-boleta{font-size:15px}
.demo-embarque{font-size:14px}
.demo-t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 16px;background:#15803D;color:#FFFFFF;font-family:Archivo,Arial,sans-serif;font-weight:700}
.demo-selo{padding:2px 10px;background:#FFFFFF;border-radius:999px;color:#14532D;font-family:'Source Sans 3',Arial,sans-serif;font-size:14px;font-weight:700}
.demo-l{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #F3F4F6}
.demo-l span{color:#4B5563}
.demo-l b{text-align:right}
.demo-b{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}
.demo-b span{flex:1 1 120px;padding:11px 14px;text-align:center;border-radius:10px}
.demo-b .d-sim{background:#15803D;color:#FFFFFF;font-weight:700}
.demo-b .d-nao{border:1px solid #D1D9E0;color:#374151;font-weight:600}
.demo-rola{overflow-x:auto}
.demo-tab{min-width:540px}
.demo-c{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid #F3F4F6}
.demo-cab{padding:10px 16px;border-top:0;background:#F9FAFB;font-size:11px;font-weight:700;letter-spacing:.05em;color:#475569}
.dir{text-align:right}
.saldo{color:#B45309}
.ok{color:#15803D}
.tela-nota{margin:10px 0 0;font-size:14px;color:#4B5563}

/* Chamada final e ponte */
.chamada{padding:clamp(40px,5vw,64px) 0;background:#E9B949;color:#14231B}
.chamada .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px}
.chamada h2{flex:1 1 min(100%,480px);margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.1;letter-spacing:-0.02em}
.chamada .cta{min-height:52px;padding:0 24px;font-size:17px}
.ponte{padding:32px 0;background:#FFFFFF}
.ponte .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.ponte p{margin:0;font-size:19px}
.ponte a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

/* Rodape */
.foot{padding:40px 0;background:#14532D;color:#E5E7EB;font-size:16px}
.foot-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px 40px}
.foot-nome{font-family:Archivo,Arial,sans-serif;font-size:20px;color:#FFFFFF}
.foot-g p{margin:6px 0 0}
.foot-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.foot-col b{color:#FFFFFF}
.foot a{color:#E5E7EB;text-decoration:none}
.foot a:hover{color:#FFFFFF;text-decoration:underline}
.foot-copia{margin:28px auto 0;font-size:14px}
@media (max-width:760px){.foot-col{gap:0}.foot-col a{display:inline-flex;align-items:center;min-height:44px}}

@media (prefers-reduced-motion:reduce){.of:hover{transform:none}.giro{animation:none}}

/* Vantagens */
.vantagens{padding:clamp(48px,6vw,88px) 0;background:#F3F4F6}
.van-tit{text-align:center}
.van-tit span{color:#15803D}
.publicos{display:flex;width:fit-content;max-width:100%;margin:26px auto 0;border:1px solid #15803D;border-radius:12px;overflow:hidden}
.publicos[hidden]{display:none}
.publicos button{min-height:52px;min-width:min(44vw,230px);padding:0 20px;border:0;background:#FFFFFF;color:#14532D;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:20px;cursor:pointer}
.publicos button[aria-pressed="true"]{background:#15803D;color:#FFFFFF}
.publicos button:focus-visible{outline-offset:-5px;outline-color:#E9B949}
.van-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px clamp(32px,5vw,72px);align-items:center;margin-top:36px}
.van-txt{min-width:0}
.so-sem-js{margin:0 0 6px;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:26px;color:#14532D}
.js .so-sem-js{display:none}
.js .van-lista[data-oculto]{display:none}
.van-lista+.van-lista{margin-top:20px}
.js .van-lista+.van-lista{margin-top:0}
.van-i{display:flex;gap:14px;padding:14px 0}
.van-i svg{flex:none;margin-top:2px}
.van-i>div{min-width:0}
.van-i h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.2}
.van-i p{margin:5px 0 0;font-size:19px;line-height:1.4;color:#374151}
.van-img{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.van-img img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px}
.van-img img:last-child{margin-top:28px}

/* Servicos */
.servicos{padding:clamp(48px,6vw,88px) 0;background:#FBF1D3}
.servicos-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px clamp(32px,5vw,64px);align-items:center}
.servicos-chamada{min-width:0}
.servicos-chamada .tit{color:#14532D}
.servicos-sub{margin:16px 0 24px;font-size:21px;line-height:1.42;color:#374151}
.servicos-chamada .cta{min-height:52px;padding:0 24px;font-size:18px}
.servicos-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;min-width:0}
.serv{display:flex;flex-direction:column;min-width:0;padding:22px;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 6px 18px rgba(20,83,45,.08)}
.serv h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:23px;line-height:1.15;color:#14532D}
.serv p{margin:10px 0 14px;font-size:18px;line-height:1.38;color:#1F2937}
.serv-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;font-weight:700;font-size:17px;color:#15803D}
.serv-link:hover{color:#14532D}

/* Regiao */
.regiao{padding:clamp(44px,5vw,72px) 0;background:#FFFFFF}
.regiao-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:24px}
.reg{padding:18px 20px;background:#F0FDF4;border-left:5px solid #15803D;border-radius:10px}
.reg b{display:block;font-family:Archivo,Arial,sans-serif;font-size:22px;line-height:1.2;color:#14532D}
.reg span{font-size:17px;color:#374151}

/* Carrossel */
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease}
.slide.ativo{opacity:1}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.slide .video-fundo{z-index:0}
.abre::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,59,33,.9) 0%,rgba(15,59,33,.68) 52%,rgba(15,59,33,.22) 100%)}
.abre-in{position:relative;z-index:1}
.abre .legenda{margin-top:16px;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:clamp(19px,1.7vw,23px);color:#FDE9B0}
.car-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.car-ctrl[hidden]{display:none}
.car-pontos{display:inline-flex}
.car-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.75);border-radius:10px;background:rgba(15,59,33,.45);color:#FFFFFF;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.car-btn:hover{background:#FFFFFF;color:#14532D}
.car-ponto{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.car-ponto span{display:block;width:14px;height:14px;border:2px solid #FFFFFF;border-radius:50%;background:transparent}
.car-ponto[aria-pressed="true"] span{background:#FFFFFF}
.car-btn:focus-visible,.car-ponto:focus-visible{outline:3px solid #FDE9B0;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

/* Mercado */
.mercado{padding:clamp(48px,6vw,80px) 0;background:#FFFFFF}
.mercado[hidden]{display:none}
.mercado-sub{margin:12px 0 0;font-size:20px;line-height:1.4;color:#374151}
.mercado-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px;margin-top:26px;align-items:start}
.merc-c{min-width:0;padding:clamp(18px,2.2vw,28px);border:1px solid #E5E7EB;border-radius:14px}
.merc-c[hidden]{display:none}
.merc-c h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:25px}
.merc-data{margin:4px 0 0;font-size:16px;color:#4B5563}
.ind-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:16px;margin-top:14px}
.ind{min-width:0}
.ind-t{display:flex;justify-content:space-between;gap:8px;font-size:16px;color:#4B5563}
.ind-t b{font-size:20px;color:#111827}
.ind-b{height:7px;margin-top:4px;background:#E5E7EB;border-radius:4px;overflow:hidden}
.ind-b span{display:block;height:100%;background:#16A34A;border-radius:4px}
.ind-s{margin-top:6px;font-size:15px;font-weight:600;line-height:1.25;color:#4B5563}
.ind-s.baixa{color:#B91C1C}
.ind-s.alta{color:#15803D}
.merc-sec{margin-top:14px;padding-top:14px;border-top:1px solid #E5E7EB}
.merc-sec b{display:block;font-size:18px}
.merc-sec p{margin:5px 0 0;font-size:18px;line-height:1.45;color:#1F2937;white-space:pre-line}
.merc-aviso{margin:16px 0 0;font-size:15px;line-height:1.4;color:#4B5563}
.foot-cred{font-size:14px}

/* Precos da regiao hoje (dados de /api/publico/mercado/precos) */
.precos{padding:clamp(40px,5vw,72px) 0;background:#FFFFFF}
.precos[hidden]{display:none}
.precos p{margin:12px 0 0;max-width:820px;font-size:19px;line-height:1.4;color:#1F2937}
.precos-tab{margin-top:20px;overflow-x:auto;border:1px solid #E5E7EB;border-radius:14px}
.tb-l{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:12px;align-items:baseline;min-width:560px;padding:13px 20px;border-top:1px solid #F3F4F6}
.tb-l>*{text-align:right}
.tb-l>:first-child{text-align:left}
.tb-cab{padding-block:12px;border-top:0;background:#F9FAFB;font-size:13px;font-weight:700;letter-spacing:.05em;color:#475569}
.tb-p{font-weight:600;font-size:19px;color:#111827}
.tb-l b{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:22px;color:#111827}
.tb-sem{font-size:17px;color:#6B7280}
.tb-h{font-size:16px;color:#4B5563}
.mercado-g{grid-template-columns:minmax(0,1fr)}

/* Cadastre sua oferta: formulario que envia para a corretora conferir (POST /api/publico/ofertas) */
.cad{padding:clamp(40px,5vw,72px) 0;background:#0F3B21;color:#FFFFFF}
.cad-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:28px clamp(28px,5vw,72px);align-items:start}
.cad-txt p{margin:16px 0 0;max-width:520px;font-size:20px;line-height:1.42;color:#ECFDF5}
.cad-txt a{color:#FDE9B0;font-weight:700}
.js .cad-sem-js{display:none}
.cad-form,.cad-ok{box-sizing:border-box;padding:clamp(18px,2.4vw,28px);border-radius:16px;background:#FFFFFF;color:#111827;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.cad-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cad-form[hidden],.cad-ok[hidden]{display:none}
.cad-largo{grid-column:1/-1}
.cad-lado{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;border:0}
.cad-lado legend{width:100%;margin-bottom:6px;padding:0;font-weight:700;font-size:17px}
.cad-op{position:relative;flex:1 1 0;min-width:0}
.cad-op input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cad-op span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border:1px solid #D1D5DB;border-radius:10px;font-weight:700;font-size:17px;text-align:center}
.cad-op input:checked+span{border-color:#15803D;background:#15803D;color:#FFFFFF}
.cad-op input:focus-visible+span{outline:3px solid #14532D;outline-offset:2px}
.cad-c{display:flex;flex-direction:column;gap:5px;min-width:0}
.cad-c label{font-weight:700;font-size:17px}
.cad-c small{font-weight:400;font-size:15px;color:#4B5563}
.cad-c input,.cad-c select,.cad-c textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid #9CA3AF;border-radius:10px;background:#FFFFFF;color:#111827;font:inherit;font-size:18px}
.cad-c textarea{min-height:76px;resize:vertical}
.cad-c .invalido{border-color:#B91C1C;box-shadow:0 0 0 2px #FEE2E2}
.cad-erro{font-size:15px;font-weight:600;color:#B91C1C}
.cad-erro:empty{display:none}
.cad-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cad-fim{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.cad-btn{min-height:54px;padding:0 28px;border:0;font:inherit;font-weight:700;font-size:19px;cursor:pointer}
.cad-btn[disabled]{opacity:.6;cursor:wait}
.cad-msg{flex:1 1 220px;margin:0;font-size:16px;font-weight:600;color:#B91C1C}
.cad-ok h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:28px;color:#14532D}
.cad-ok p{margin:10px 0 0;font-size:19px;line-height:1.42;color:#1F2937}
.cad-outra{min-height:48px;margin-top:18px;padding:0 20px;border:1px solid #15803D;border-radius:10px;background:#FFFFFF;color:#14532D;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
@media (max-width:520px){.cad-form{grid-template-columns:minmax(0,1fr)}}
/* Faixa de ajuda no fim do painel de ofertas */
.of-ajuda{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:26px;padding:18px 20px;background:#15803D;color:#FFFFFF;border-radius:12px}
.of-ajuda b{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.15}
.of-ajuda p{margin:4px 0 0;font-size:17px;line-height:1.35;color:#F0FDF4}
.of-ajuda-a{display:flex;flex-wrap:wrap;gap:10px}
.of-ajuda a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;background:#FFFFFF;color:#14532D;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none}
.of-ajuda a.of-cad{background:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,.7)}
.of-ajuda a:hover{background:#FBF1D3;color:#14532D}
.of-ajuda :focus-visible{outline-color:#FFFFFF}

/* ===== Impacto: abertura de cinema, fita de preços e seções que entram ao rolar ===== */
/* Fita de preços do dia (dados de /api/publico/mercado/precos): corre sozinha, para com o mouse. */
.fita{position:relative;overflow:hidden;background:#06180D;color:#FFFFFF;border-bottom:1px solid rgba(233,185,73,.35)}
.fita[hidden]{display:none}
.fita::before,.fita::after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:56px;pointer-events:none}
.fita::before{left:0;background:linear-gradient(90deg,#06180D,transparent)}
.fita::after{right:0;background:linear-gradient(270deg,#06180D,transparent)}
.fita-t{display:flex;width:max-content;gap:0}
.fita-i{display:inline-flex;align-items:baseline;gap:10px;min-height:46px;padding:11px 26px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.14);font-size:16px;white-space:nowrap}
.fita-i b{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:17px}
.fita-i span{color:#BBF7D0}
.fita-i i{font-style:normal;font-family:Archivo,Arial,sans-serif;font-weight:800;color:#F4CE6A}

/* Abertura: mais alta, véu de cinema, título maior com soja e milho em ouro */
.abre{min-height:clamp(560px,78vh,760px);box-sizing:border-box;padding:clamp(48px,9vh,110px) 0 clamp(150px,15vw,210px);background:#06180D}
.abre::after{background:linear-gradient(90deg,rgba(6,24,13,.94) 0%,rgba(6,24,13,.74) 46%,rgba(6,24,13,.18) 100%),linear-gradient(0deg,rgba(6,24,13,.7) 0%,rgba(6,24,13,0) 38%)}
.abre h1{max-width:900px;font-size:clamp(40px,6.2vw,88px);line-height:1;letter-spacing:-0.04em;text-shadow:0 6px 40px rgba(0,0,0,.45)}
.abre h1 .ouro{position:relative;font-style:normal;color:#F4CE6A;white-space:nowrap}
.abre h1 .ouro::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.07em;border-radius:99px;background:#E9B949;transform-origin:left}
.abre p{font-size:clamp(19px,1.7vw,23px)}
.abre-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:26px}
.abre-acoes .cta{min-height:58px;padding:0 28px;font-size:20px}
.cta-ouro{background:#E9B949;color:#2B1D03;box-shadow:0 0 44px rgba(233,185,73,.4)}
.cta-ouro:hover{background:#FFFFFF;color:#14532D}
.cta-linha{display:inline-flex;align-items:center;min-height:58px;padding:0 24px;border:1px solid rgba(255,255,255,.8);border-radius:10px;color:#FFFFFF;font-weight:700;font-size:19px;text-decoration:none}
.cta-linha:hover{background:#FFFFFF;color:#14532D}
.abre .legenda{margin-top:22px}

/* Painel de ofertas: mais presença */
.painel{box-shadow:0 30px 70px rgba(6,24,13,.22)}
.aba{min-height:56px;font-size:20px}
.of-p b{color:#14532D}
.of:hover{border-color:#15803D}

/* Cadastre sua oferta: foto de fundo com véu, em vez do verde chapado */
.cad{position:relative;overflow:hidden;background:#06180D url(/site/img/foto-colheita-soja.jpg) center/cover no-repeat}
.cad::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,24,13,.95) 0%,rgba(6,24,13,.82) 52%,rgba(6,24,13,.55) 100%)}
.cad>.wrap{position:relative}

/* Chamada final: brilho que respira */
.chamada{position:relative;overflow:hidden}
.chamada::before{content:"";position:absolute;right:-10%;top:-60%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(233,185,73,.34),rgba(233,185,73,0) 62%);pointer-events:none}
.chamada>.wrap{position:relative}

@media (prefers-reduced-motion:no-preference){
  .fita-t{animation:fita-corre var(--fita-tempo,48s) linear infinite}
  .fita:hover .fita-t,.fita:focus-within .fita-t{animation-play-state:paused}
  .slide.ativo img{animation:abre-zoom 9s ease-out both}
  .abre h1{animation:imp-sobe .9s cubic-bezier(.2,.8,.2,1) backwards}
  .abre h1 .ouro::after{animation:imp-risca .8s .7s cubic-bezier(.2,.8,.2,1) backwards}
  .abre-in>p:not(.legenda){animation:imp-sobe .9s .14s cubic-bezier(.2,.8,.2,1) backwards}
  .abre-acoes{animation:imp-sobe .9s .28s cubic-bezier(.2,.8,.2,1) backwards}
  .ofertas .painel,.ofertas .abas{animation:imp-sobe 1s .4s cubic-bezier(.2,.8,.2,1) backwards}
  .chamada::before{animation:imp-respira 8s ease-in-out infinite alternate}
  @supports (animation-timeline:view()){
    .tit,.tb-l,.merc-c,.van-g>*,.serv-g>*,.cad-form,.cad-txt,.regiao .wrap>*,.quem-g>*{animation:imp-rola linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
}
@media (prefers-reduced-motion:reduce){.fita{overflow-x:auto}}
@keyframes fita-corre{to{transform:translateX(-50%)}}
@keyframes abre-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes imp-sobe{from{opacity:0;transform:translateY(28px)}}
@keyframes imp-risca{from{transform:scaleX(0)}}
@keyframes imp-respira{to{transform:translate(-12%,14%) scale(1.2)}}
@keyframes imp-rola{from{opacity:0;transform:translateY(46px)}}
@media (max-width:700px){.abre{min-height:0}.abre h1 .ouro{white-space:normal}}
/* Servicos: cada cartao abre com foto ou video */
.serv{padding:0;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.serv:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,83,45,.18)}
.serv-m{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0F3B21}
.serv-m img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.serv:hover .serv-m img,.serv:hover .serv-m .video-fundo{transform:scale(1.06)}
.serv-m .video-fundo{transition:opacity .9s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.serv-m::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,13,.35),rgba(6,24,13,0) 55%);pointer-events:none}
.serv-c{display:flex;flex-direction:column;flex:1 1 auto;padding:18px 22px 20px}
@media (prefers-reduced-motion:reduce){.serv:hover{transform:none}.serv:hover .serv-m img{transform:none}}
/* Portal do Cliente: apresentacao com tela de exemplo desenhada (sem dado de cliente real) */
.portal{padding:clamp(48px,6vw,88px) 0;background:#FFFFFF}
.portal-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:36px clamp(32px,5vw,72px);align-items:center}
.portal-txt p{margin:16px 0 0;max-width:560px;font-size:20px;line-height:1.42;color:#1F2937}
.portal-l{margin:18px 0 24px;padding:0;list-style:none}
.portal-l li{display:flex;gap:10px;padding:9px 0;border-top:1px solid #E5E7EB;font-size:19px;line-height:1.35;color:#111827}
.portal-l li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;border-radius:50%;background:#15803D}
.portal-txt .cta{min-height:54px;padding:0 26px;font-size:19px}
.portal-tela{min-width:0;margin:0;border-radius:18px;overflow:hidden;background:#F3F4F6;box-shadow:0 30px 70px rgba(6,24,13,.25);transform:perspective(1700px) rotateY(-7deg) rotateX(3deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.portal-tela:hover{transform:perspective(1700px) rotateY(-1deg) rotateX(0deg)}
.pt-topo{display:flex;flex-direction:column;gap:2px;padding:20px 22px 22px;background:linear-gradient(120deg,#0F3B21,#16A34A);color:#FFFFFF}
.pt-topo span{font-size:12px;letter-spacing:.08em;color:#D1FAE5}
.pt-topo b{font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:24px}
.pt-topo small{font-size:15px;color:#ECFDF5}
.pt-corpo{display:grid;gap:10px;padding:14px}
.pt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:12px;background:#FFFFFF}
.pt-kpis div{min-width:0;padding:10px;border-radius:8px;background:#F3F4F6}
.pt-kpis span{display:block;font-size:11px;letter-spacing:.05em;color:#4B5563}
.pt-kpis b{display:block;margin-top:2px;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:17px;color:#111827;white-space:nowrap}
.pt-neg{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:#FFFFFF}
.pt-neg>div{min-width:0;flex:1 1 auto}
.pt-neg b{display:block;font-size:17px;font-weight:700;color:#111827}
.pt-neg small{display:block;font-size:14px;color:#4B5563}
.pt-barra{height:6px;margin:8px 0 4px;border-radius:6px;background:#E5E7EB;overflow:hidden}
.pt-barra i{display:block;height:100%;border-radius:6px;background:#15803D}
.pt-b1{width:80%}.pt-b2{width:60%}
.pt-neg em{flex:none;font-style:normal;font-size:14px;font-weight:700}
.pt-exec{color:#6D28D9}.pt-ok{color:#15803D}
.portal-tela figcaption{padding:0 16px 14px;font-size:14px;color:#4B5563}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .pt-barra i{animation:pt-enche linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
    .portal-tela,.portal-txt{animation:imp-rola linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
}
@keyframes pt-enche{from{width:0}}
@media (max-width:700px){.portal-tela{transform:none}.pt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Seguranca: confirmacao do fechamento e contrato por link, em tres passos ligados por uma linha */
.seg{position:relative;overflow:hidden;padding:clamp(48px,6vw,88px) 0;background:#06180D;color:#FFFFFF}
.seg::before{content:"";position:absolute;left:-8%;bottom:-60%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.3),rgba(34,197,94,0) 62%);pointer-events:none}
.seg>.wrap{position:relative}
.seg-sub{margin:14px 0 0;max-width:760px;font-size:21px;line-height:1.42;color:#D1FAE5}
.seg-l{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px clamp(24px,3vw,44px);margin:clamp(32px,4vw,52px) 0 0;padding:0;list-style:none}
.seg-l::before{content:"";position:absolute;left:32px;right:32px;top:31px;height:2px;background:linear-gradient(90deg,#E9B949,rgba(233,185,73,.25));transform-origin:left}
.seg-i{position:relative;min-width:0}
.seg-n{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0F3B21;border:2px solid #E9B949;color:#F4CE6A}
.seg-i h3{margin:18px 0 0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.15}
.seg-i p{margin:10px 0 0;font-size:19px;line-height:1.42;color:#ECFDF5}
@media (max-width:919px){.seg-l::before{display:none}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .seg-l::before{animation:seg-linha linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
    .seg-i{animation:imp-rola linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  }
}
@keyframes seg-linha{from{transform:scaleX(0)}}
/* Compromisso em destaque: operacao so com fiscal correto e pagamento identificado */
.seg-destaque{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:clamp(32px,4vw,52px);padding:clamp(22px,3vw,34px);border-radius:16px;background:#E9B949;color:#2B1D03;box-shadow:0 0 60px rgba(233,185,73,.28)}
.seg-selo{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:#2B1D03;color:#F4CE6A}
.seg-destaque>div{flex:1 1 320px;min-width:0}
.seg-destaque h3{margin:0;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.02em;color:#2B1D03}
.seg-destaque p{margin:10px 0 0;max-width:820px;font-size:20px;line-height:1.42;color:#2B1D03}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .seg-destaque{animation:imp-rola linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  }
}
/* Troca de aba no painel de ofertas: o conteudo novo entra de uma vez, com um esmaecer curto.
   Os cartoes de oferta nao usam a animacao ligada a rolagem: com o painel na parte de baixo da tela
   eles nasciam transparentes e so apareciam ao rolar, parecendo que a aba travou. */
@media (prefers-reduced-motion:no-preference){
  #resultado.trocou>*{animation:painel-troca .2s ease-out}
}
@keyframes painel-troca{from{opacity:0;transform:translateY(6px)}}