/* TGZ Zootecnia · Ferramentas web · estilos compartilhados */
:root{--verde:#1B3A2B;--verde2:#2E5D43;--verde-claro:#8FAE7B;--dourado:#C9A86A;
  --creme:#F2EAD3;--creme2:#F7F3E8;--cinza:#5b5b5b;--linha:#e2e0d8;--bg:#fbfaf7;--branco:#fff;
  --perda:#B5483A;--ok:#5E9C6E}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Helvetica Neue",Arial,sans-serif;color:#1d211e;background:var(--bg);line-height:1.45;
  -webkit-font-smoothing:antialiased;-webkit-print-color-adjust:exact;print-color-adjust:exact}
button{font-family:inherit;cursor:pointer}
input{font-family:inherit}
:focus-visible{outline:3px solid var(--dourado);outline-offset:2px}
[hidden]{display:none!important}
.tn{font-variant-numeric:tabular-nums}

/* ---------- Login ---------- */
#login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--verde)}
.lcard{width:100%;max-width:370px;background:var(--branco);border-radius:8px;overflow:hidden}
.lhead{display:flex;border-bottom:2px solid var(--verde2)}
.lhead .tgz-block{width:84px;font-size:26px}
.lhead .brand{padding:12px 14px}
.lbody{padding:20px 20px 22px}
.lbody h2{color:var(--verde);font-size:23px;font-weight:800}
.lbody p{color:var(--cinza);font-size:14px;margin:2px 0 18px}
.lbody label{display:block;font-size:12px;color:var(--cinza);margin-bottom:12px}
.lbody input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid var(--linha);border-radius:6px;font-size:16px;background:var(--creme2)}
/* v418 · o olhinho de ver a senha: a pessoa confere o que digitou antes de mandar */
.olho-c{position:relative}
.olho-c input{padding-right:46px}
.olho{position:absolute;right:1px;bottom:1px;width:44px;height:calc(100% - 6px);display:flex;align-items:center;justify-content:center;
  background:none;border:0;border-radius:0 6px 6px 0;color:var(--verde2);cursor:pointer;padding:0}
.olho svg{width:21px;height:21px;display:block}
.olho:active{opacity:.6}
.btn-main{width:100%;padding:13px;background:var(--verde);color:var(--creme);border:1px solid var(--dourado);border-radius:6px;font-weight:700;font-size:15px;margin-top:4px}
.lbody .fine{font-size:12px;text-align:center;margin:14px 0 0}

/* v419 · as contas da cria dentro da Compra Segura */
.cs-cria{margin-top:16px}
.cs-cria-p{font-size:12.5px;color:var(--cinza);margin:2px 0 10px}
.cs-cria a{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:8px;background:var(--branco);
  border:1px solid var(--linha);border-radius:10px;text-decoration:none;color:inherit}
.cs-cria a b{color:var(--verde);font-size:14.5px;white-space:nowrap}
.cs-cria a small{flex:1;color:var(--cinza);font-size:12px;line-height:1.35}
.cs-cria a u{color:var(--dourado);text-decoration:none;font-weight:800}
@media (max-width:420px){ .cs-cria a{flex-wrap:wrap;gap:3px;padding-right:34px;position:relative}
  .cs-cria a small{flex-basis:100%} .cs-cria a u{position:absolute;right:14px;top:50%;transform:translateY(-50%)} }

/* ---------- Cabeçalho TGZ ---------- */
.header{display:flex;align-items:stretch;border-bottom:2px solid var(--verde2);background:var(--branco)}
.tgz-block{background:var(--verde);color:var(--creme);font-weight:800;font-size:26px;letter-spacing:1px;
  display:flex;align-items:center;justify-content:center;width:84px;flex:none}
/* v424 · a marca fica no meio da altura, junto do bloco verde (antes ficava colada em cima) */
.brand{padding:9px 12px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.brand h1{color:var(--verde);font-size:16px;font-weight:800;letter-spacing:.5px}
.brand .sub1{color:var(--verde2);font-size:8.5px;letter-spacing:2.5px;margin-top:1px}
.brand .sub2{color:var(--cinza);font-size:10.5px;font-style:italic;margin-top:3px;display:none}
.farm{padding:9px 12px;text-align:right;flex:none;max-width:48%}
.farm .f1{font-weight:800;font-size:13.5px;color:var(--verde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.farm .f2{color:var(--verde2);font-size:11px}
.farm button{margin-top:3px;background:none;border:0;color:var(--verde2);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:6px 0 4px 6px}
@media(min-width:760px){.tgz-block{width:110px;font-size:32px}.brand{padding:12px 16px}.brand h1{font-size:19px}
  .brand .sub1{font-size:10px;letter-spacing:3px}.brand .sub2{display:block}.farm{padding:12px 18px}.farm .f1{font-size:15px}}

/* ---------- Estrutura ---------- */
.main{max-width:1180px;margin:0 auto;padding:12px 12px 110px}
.cols{display:flex;flex-direction:column;gap:12px}
.col{display:contents}
.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8}
@media(min-width:960px){
  .main{padding:18px 22px 36px}
  .cols{display:grid;grid-template-columns:400px 1fr;gap:18px;align-items:start}
  .col{display:flex;flex-direction:column;gap:18px;min-width:0}
}
.panel{background:var(--branco);border:1px solid var(--linha);border-radius:6px;padding:13px 14px}
.sec-h{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--verde2);text-transform:uppercase;
  border-bottom:1.5px solid var(--verde2);padding-bottom:5px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline}
.sec-h small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px}

/* ---------- Veredito ---------- */
.hero{background:var(--verde);color:var(--creme);border-radius:6px;padding:15px 16px 14px}
.status{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;color:#fff;
  background:rgba(255,255,255,.1);border:1px solid rgba(201,168,106,.5);border-radius:20px;padding:4px 12px 4px 9px}
.status i{width:9px;height:9px;border-radius:50%;background:var(--dot,var(--ok))}
.hline{margin-top:12px;font-size:13px;color:#cfe0cf}
.hprice{font-size:50px;font-weight:800;color:var(--dourado);line-height:1;letter-spacing:-1px}
.hprice small{font-size:19px;font-weight:600;color:var(--creme);margin-left:3px;letter-spacing:0}
.hcab{font-size:12.5px;color:#cfe0cf;margin-top:3px}
.ruler{position:relative;height:12px;margin:26px 1px 4px}
.track{position:absolute;inset:0;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.1)}
.zone{position:absolute;top:0;bottom:0}
.zk{background:var(--ok)}.zw{background:var(--dourado)}.zl{background:#C0553F}
.pin{position:absolute;top:-19px;bottom:-4px;width:0;transition:left .2s ease}
.pin::before{content:"";position:absolute;left:-1.5px;top:15px;bottom:0;width:3px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px var(--verde)}
.pin b{position:absolute;top:-2px;left:0;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#fff}
.scale{display:flex;justify-content:space-between;font-size:11px;color:rgba(242,234,211,.55)}
.marks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
.marks .l{font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.85;display:flex;align-items:center;gap:5px}
.marks .l i{width:8px;height:8px;border-radius:2px;display:inline-block}
.marks .v{font-size:18px;font-weight:800;color:#fff}
@media(prefers-reduced-motion:reduce){.pin{transition:none}}

/* ---------- Controles ---------- */
.ctrl{margin-bottom:13px}
.ctrl:last-child{margin-bottom:2px}
.ctrl .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}
.ctrl label{font-size:12.5px;color:#2b2b2b}
.val{display:inline-flex;align-items:center;background:var(--creme2);border:1px solid var(--linha);border-radius:4px;padding:0 6px}
.val:focus-within{border-color:var(--dourado);background:#fff}
.val input{width:62px;border:0;background:transparent;text-align:right;font-weight:800;color:var(--verde);font-size:14px;padding:4px 3px;outline:none}
.val em{font-style:normal;font-size:11px;color:var(--cinza);white-space:nowrap;line-height:1;display:block}
.hint{font-size:10.5px;color:#9a978d;margin-top:3px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;
  background:linear-gradient(var(--verde2),var(--verde2)) no-repeat,#e6e4dc;background-size:50% 100%;outline:none;cursor:pointer;display:block}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--verde);border:3px solid var(--dourado);box-shadow:0 1px 2px rgba(0,0,0,.25)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--verde);border:3px solid var(--dourado)}
/* controle grande (lance) */
.ctrl.big .row{display:block;margin-bottom:6px}
.ctrl.big label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:700;margin-bottom:5px}
.ctrl.big .val{display:flex;justify-content:space-between;padding:0;background:var(--creme2);border:1px dashed var(--dourado);border-radius:6px}
.ctrl.big .val input{flex:1;width:auto;min-width:0;text-align:center;font-size:30px;padding:6px 0}
.ctrl.big .val em{font-size:13px;margin-right:6px}
.stp{width:52px;flex:none;align-self:stretch;border:0;background:var(--verde);color:var(--creme);font-size:26px;font-weight:700;line-height:1}
.stp:first-child{border-radius:5px 0 0 5px}.stp:last-child{border-radius:0 5px 5px 0}
.stp:active{background:var(--verde2)}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
.duo .ctrl .row{display:block}
.duo .ctrl label{display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo .val{display:flex}
.duo .val input{flex:1;width:auto;min-width:0}

/* ---------- Escada de lances ---------- */
.ladder{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:13px}
.ladder th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);font-weight:700;text-align:right;padding:0 8px 2px}
.ladder th:first-child,.ladder td:first-child{text-align:left}
.ladder td{padding:8px;text-align:right;font-weight:700;color:var(--verde);background:var(--creme2)}
.ladder td:first-child{border-radius:5px 0 0 5px;border-left:5px solid var(--zc)}
.ladder td:last-child{border-radius:0 5px 5px 0}
.ladder tr{cursor:pointer}
.ladder tr.zk{--zc:var(--ok)}.ladder tr.zw{--zc:var(--dourado)}.ladder tr.zl{--zc:var(--perda)}
.ladder tr.zl td{color:var(--perda);background:#faf1ee}
.ladder tr.cur td{background:#fff;box-shadow:inset 0 2px 0 var(--dourado),inset 0 -2px 0 var(--dourado)}
.ladder tr.cur td:last-child{box-shadow:inset 0 2px 0 var(--dourado),inset 0 -2px 0 var(--dourado),inset -2px 0 0 var(--dourado)}
.ladder td small{display:block;font-weight:400;font-size:10.5px;color:var(--cinza)}
.lnote{font-size:11px;color:var(--cinza);margin-top:6px}

/* ---------- Fases ---------- */
.tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--creme2);padding:3px;border-radius:6px}
.tabs button{flex:1;border:0;background:transparent;border-radius:4px;padding:7px 2px;font-size:12px;font-weight:700;color:var(--cinza);border-top:3px solid transparent}
.tabs button small{display:block;font-weight:400;font-size:10.5px}
.tabs button[aria-selected=true]{background:#fff;color:var(--verde);box-shadow:0 0 0 1px var(--linha)}
.tabs button[data-t="1"][aria-selected=true]{border-top-color:var(--verde-claro)}
.tabs button[data-t="2"][aria-selected=true]{border-top-color:var(--verde2)}
.tabs button[data-t="3"][aria-selected=true]{border-top-color:var(--dourado)}
.phase .pt{display:none}
.inh{display:flex;gap:7px;margin-bottom:12px}
.inh>div{flex:1;background:var(--creme2);border:1px dashed var(--dourado);border-radius:5px;padding:5px 8px}
.inh .l{font-size:9px;color:var(--cinza);text-transform:uppercase;letter-spacing:.3px}
.inh .v{font-size:13px;font-weight:800;color:var(--verde)}
.pout{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.pout .c{border:1px solid var(--linha);border-radius:5px;padding:5px 8px}
.pout .c.k{background:var(--creme2);border-color:#e6dcc2}
.pout .c .l{font-size:9.5px;color:var(--cinza)}
.pout .c .v{font-size:13px;font-weight:800;color:var(--verde)}

/* ---------- Ciclo ---------- */
.journey{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.chip{border:1px solid var(--dourado);background:var(--creme2);border-radius:20px;padding:3px 10px;font-weight:800;color:var(--verde);font-size:12.5px;text-align:center}
.chip small{font-weight:500;color:var(--verde2);font-size:9px;display:block}
.arrow{color:var(--dourado);font-weight:800;font-size:12px;text-align:center}
.arrow small{display:block;font-size:9px;color:var(--cinza)}
.cm{display:grid;grid-template-columns:1fr 1fr;gap:0}
.cm>div{padding:8px 0;border-top:1px solid var(--linha)}
.cm>div:nth-child(even){padding-left:12px;border-left:1px solid var(--linha)}
.cm .l{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--cinza)}
.cm .v{font-size:20px;font-weight:800;color:var(--verde);line-height:1.15}
.cm .v small{font-size:12px;color:var(--dourado)}
@media(min-width:560px){.cm{grid-template-columns:repeat(4,1fr)}.cm>div:nth-child(n){padding-left:12px;border-left:1px solid var(--linha)}.cm>div:first-child{padding-left:0;border-left:0}}
.curve{margin-top:10px}
.curve svg{display:block;width:100%;height:auto}
.legend{display:flex;gap:14px;justify-content:center;font-size:11px;color:var(--cinza);margin-top:2px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}

/* ---------- Fechamento ---------- */
.frow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:12.5px}
.frow span{color:#2b2b2b}
.frow span em{font-style:normal;color:#9a978d}
.frow b{font-weight:800;color:var(--verde);white-space:nowrap}
.frow.sub b{color:#5b5b5b;font-weight:700}
.frow.total{border-bottom:none;border-top:2px solid var(--verde2);margin-top:2px;padding-top:9px}
.frow.total span{font-weight:800;color:var(--verde);font-size:14px}
.frow.total b{font-size:20px}
.fnote{font-size:11.5px;color:var(--cinza);margin-top:8px}

/* ---------- Cenários ---------- */
.acts{display:flex;gap:8px;flex-wrap:wrap}
.btn{background:var(--verde);color:var(--creme);border:1px solid var(--dourado);border-radius:6px;padding:9px 14px;font-weight:700;font-size:13px}
.btn.alt{background:#fff;color:var(--verde);border-color:var(--verde2)}
.scen{list-style:none;margin-top:10px}
.scen li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--linha);font-size:12.5px}
.scen .n{font-weight:700;color:var(--verde)}
.scen .d{font-size:11px;color:var(--cinza)}
.scen .r{text-align:right;font-weight:800;white-space:nowrap}
.scen .ops{margin-top:3px;display:flex;gap:12px}
.scen .ops button{background:none;border:0;padding:0;font-size:12px;font-weight:700;color:var(--verde2);text-decoration:underline}
.scen .ops button.x{color:var(--cinza)}
.empty{font-size:12px;color:var(--cinza);margin-top:10px}

.footer{border-top:2px solid var(--verde2);text-align:center;padding:12px;color:var(--cinza);font-size:11px;background:#fff}
.erro{background:#faf1ee;color:var(--perda);border:1px solid #efd3cc;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:600}

/* ---------- Barra fixa (celular) ---------- */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--verde);color:var(--creme);border-top:3px solid var(--dourado);
  padding:9px 14px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:10px}
.bar .a{font-size:11px;color:#cfe0cf;display:flex;align-items:center;gap:6px}
.bar .a i{width:9px;height:9px;border-radius:50%;background:var(--dot,var(--ok))}
.bar .p{font-size:19px;font-weight:800;color:var(--dourado);line-height:1.1}
.bar .p small{font-size:12px;color:var(--creme);font-weight:600}
.bar .rr{text-align:right}
.bar .rr .v{font-size:17px;font-weight:800;color:#fff;line-height:1.1}
.bar .rr .s{font-size:11px;color:#cfe0cf}
@media(min-width:960px){.bar{display:none}}

@media print{
  @page{size:A4 portrait;margin:8mm}
  body{background:#fff}
  .bar,.acts,.tabs,.farm button,.stp,#login,.scen,.empty,.lnote,input[type=range]{display:none!important}
  .main{padding:0}
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .col{display:flex;flex-direction:column;gap:10px}
  .phase{display:block!important;margin-bottom:8px}
  .phase .pt{display:block;font-size:11px;font-weight:800;color:var(--verde);text-transform:uppercase;border-bottom:1px solid var(--linha);margin-bottom:6px}
  .panel,.hero{break-inside:avoid}
  .ctrl{margin-bottom:5px}
}

/* ---------- Portal ---------- */
.portal{max-width:720px;margin:0 auto;padding:16px 12px 40px}
.hello h2{color:var(--verde);font-size:22px;font-weight:800;line-height:1.2}
.hello p{color:var(--cinza);font-size:13px;margin-top:3px}
.acc{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;font-weight:700;border-radius:20px;padding:4px 12px 4px 9px;border:1px solid var(--linha);background:#fff}
.acc i{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.acc.off{color:var(--perda)} .acc.off i{background:var(--perda)}
.tools{display:grid;gap:10px;margin-top:16px}
.tool{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--linha);border-left:5px solid var(--dourado);border-radius:6px;padding:14px;text-decoration:none;color:inherit}
.tool:hover{border-color:var(--dourado)}
.tool .ic{width:46px;height:46px;flex:none;border-radius:8px;background:var(--verde);color:var(--dourado);display:grid;place-items:center;font-weight:800;font-size:15px;border:1.5px solid var(--dourado)}
.tool h3{color:var(--verde);font-size:16px;font-weight:800}
.tool p{font-size:12.5px;color:var(--cinza);margin-top:1px}
.tool .go{margin-left:auto;color:var(--verde2);font-size:22px;font-weight:700}
.tool.off{opacity:.55;border-left-color:var(--linha);pointer-events:none}
.install{margin-top:18px;background:var(--creme2);border:1px dashed var(--dourado);border-radius:6px;padding:12px 14px;font-size:13px;color:#2b2b2b}
.install b{color:var(--verde)}
.install button{margin-top:8px}
.msg{margin-top:12px;font-size:13px;border-radius:6px;padding:9px 12px}
.msg.err{background:#faf1ee;color:var(--perda);border:1px solid #efd3cc}
.msg.info{background:var(--creme2);color:var(--verde);border:1px solid #e6dcc2}
.lbody a{color:var(--verde2);font-weight:700}
.linkbtn{background:none;border:0;padding:0;color:var(--verde2);font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.farm a{display:inline-block;margin-top:3px;margin-right:12px;color:var(--verde2);font-size:14px;font-weight:700;text-underline-offset:3px;padding:6px 0 4px}   /* v424 · maior: dedo de quem está no campo */
/* ---------- Estado de cálculo ---------- */
.calc .hprice,.calc #ladder,.calc #fin,.calc .bar .p,.calc .bar .rr{opacity:.55;transition:opacity .15s}
.boot{padding:40px 16px;text-align:center;color:var(--cinza);font-size:14px}

/* ---------- Ágio da reposição ---------- */
.agio{margin:-2px 0 14px;background:var(--creme2);border:1px solid #e6dcc2;border-left:4px solid var(--dourado);border-radius:6px;padding:8px 10px;font-size:12.5px;color:#2b2b2b;display:flex;justify-content:space-between;align-items:center;gap:10px}
.agio b{color:var(--verde);font-size:15px}
.agio .ref{display:block;color:var(--cinza);font-size:11.5px;margin-top:1px}
.agio button{flex:none;background:#fff;border:1px solid var(--verde2);color:var(--verde);border-radius:6px;padding:7px 10px;font-weight:700;font-size:12px}

/* ---------- Passos numerados ---------- */
.sec-h span{display:inline-flex;align-items:center;gap:8px}
.num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--verde);color:var(--dourado);
  font-style:normal;font-size:11px;letter-spacing:0;font-weight:800}
.hsis{margin-top:6px;font-size:12.5px;color:var(--dourado);font-weight:700}

/* ---------- Sistema de produção ---------- */
.sistema{border:2px solid var(--dourado);box-shadow:0 2px 0 rgba(201,168,106,.25)}
.presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.presets button{border:1.5px solid var(--linha);background:#fff;border-radius:20px;padding:8px 6px;font-size:12.5px;font-weight:700;color:var(--verde2)}
.presets button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
@media(min-width:560px){.presets{grid-template-columns:repeat(4,1fr)}}
.fases{display:flex;align-items:stretch;gap:3px;margin-bottom:0}
.seta{align-self:center;color:var(--dourado);font-weight:800;font-size:20px;line-height:1}
.fase{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 9px;border-radius:8px 8px 0 0;
  background:var(--creme2);border:1.5px solid var(--linha);border-bottom:0;color:var(--verde);position:relative;cursor:pointer}
.fase .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fase b{font-size:13px;font-weight:800;white-space:nowrap}
.fase small{font-size:10.5px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fase::before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:-1.5px;height:4px;border-radius:8px 8px 0 0;background:var(--fc)}
.fz1{--fc:var(--verde-claro)}.fz2{--fc:var(--verde2)}.fz3{--fc:var(--dourado)}
.fase[aria-pressed=true]{background:#fff;border-color:var(--fc);box-shadow:0 -2px 8px rgba(0,0,0,.06);z-index:1}
.fase[aria-pressed=true] small{color:var(--verde2);font-weight:700}
.fase.off{opacity:.6;border-style:dashed;background:#fff}
.fase.off::before{background:var(--linha)}
.fase.off small{color:var(--perda);font-weight:700}
.phase{border:1.5px solid var(--linha);border-radius:0 0 8px 8px;padding:12px 12px 10px;margin-top:-1.5px;background:#fff}
.ph{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--linha)}
.ph b{color:var(--verde);font-size:15px;font-weight:800}
.sw{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--verde2);font-weight:700}
.sw em{font-style:normal}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw span{width:40px;height:22px;border-radius:12px;background:#cfcabb;position:relative;transition:background .15s;flex:none}
.sw span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.sw input:checked+span{background:var(--verde2)}
.sw input:checked+span::after{left:21px}
.sw input:focus-visible+span{outline:3px solid var(--dourado);outline-offset:2px}
.fora{display:none;font-size:13px;color:var(--cinza);background:var(--creme2);border:1px dashed var(--dourado);border-radius:6px;padding:10px}
.phase.off .fora{display:block}
.phase.off .ctrls{display:none}
.phase.off .sw em{color:var(--perda)}
@media print{.presets{display:none!important}.phase.off{display:none!important}}

/* ---------- Macho / fêmea ---------- */
.sexo{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;background:var(--creme2);padding:4px;border-radius:8px;border:1px solid var(--linha)}
.sexo button{border:0;background:transparent;border-radius:6px;padding:9px 6px;font-size:14px;font-weight:800;color:var(--cinza);display:flex;align-items:center;justify-content:center;gap:7px}
.sexo button i{font-style:normal;font-size:17px;line-height:1}
.sexo button[aria-pressed=true]{background:var(--verde);color:var(--creme)}
.sexo button[aria-pressed=true] i{color:var(--dourado)}

/* ===== v2: compra com sistemas e Meus lotes ===== */
.previa{background:#C9A86A;color:#1B3A2B;text-align:center;font-size:12px;font-weight:700;padding:5px 10px}
/* ---------- Teste de compra simples ---------- */
.vb{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;color:#fff;line-height:1}
.vb i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--vc,var(--ok));color:#fff;font-style:normal;font-size:24px;font-weight:800;flex:none}
.vsub{font-size:13px;color:#cfe0cf;margin-top:6px}
.k3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
.k3 .l{font-size:10px;letter-spacing:.8px;text-transform:uppercase;opacity:.85}
.k3 .v{font-size:18px;font-weight:800;color:#fff}
.k3 .v.neg{color:#F0A08F}
.qlabel{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:700;margin:4px 0 6px}
.presets.sis{margin-bottom:14px}
details.mais,details.prem{border-top:1px solid var(--linha);padding-top:10px;margin-top:4px}
details.prem{border-top:0;padding-top:0;margin-top:0}
details summary{cursor:pointer;font-weight:800;color:var(--verde2);font-size:13px;list-style:none;display:flex;align-items:center;gap:8px}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"▸";color:var(--dourado);font-size:14px;transition:transform .15s}
details[open] summary::before{transform:rotate(90deg)}
details summary small{font-weight:400;color:var(--cinza);font-size:11.5px}
details[open] summary{margin-bottom:12px}
.ptab{width:100%;border-collapse:collapse;font-size:12.5px}
.ptab th{text-align:left;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);padding:0 6px 4px 0;font-weight:700}
.ptab td{padding:6px 6px 6px 0;border-top:1px solid var(--linha);color:#2b2b2b}
.ptab td:not(:first-child),.ptab th:not(:first-child){text-align:right}
.ptab tr.fora td{color:#b3b0a6}
.ptab .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:0}
.plist{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:12.5px}
.plist div{display:flex;justify-content:space-between;border-top:1px solid var(--linha);padding:5px 0}
.plist b{color:var(--verde)}

.grp{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:2px 0 6px}
.grp small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px;margin-left:4px}
.sisbt{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.sisbt button{border:1.5px solid var(--linha);background:#fff;border-radius:10px;padding:9px 8px;font-size:12.5px;font-weight:700;color:var(--verde2);line-height:1.25;text-align:center;min-height:44px}
.sisbt button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
@media(min-width:560px){.sisbt{grid-template-columns:repeat(3,1fr)}}
.fcard{border:1.5px solid var(--linha);border-left:5px solid var(--fc);border-radius:8px;padding:10px 12px;margin-top:10px;background:#fff}
.fh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.fh b{color:var(--verde);font-size:14px}
.fh b i{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--fc);color:#fff;font-size:10.5px;margin-right:6px;vertical-align:1px}
.fh span{font-size:12px;color:var(--verde2);font-weight:700;white-space:nowrap}
.f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.f3 label{display:block;font-size:10.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.4px}
.f3 input{display:block;width:100%;margin-top:3px;border:1px solid var(--linha);background:var(--creme2);border-radius:6px;padding:8px 6px;
  font-size:16px;font-weight:800;color:var(--verde);text-align:center;font-family:inherit}
.f3 input:focus{outline:none;border-color:var(--dourado);background:#fff}
.f3 input.mx{border-color:var(--dourado);background:#fff}
.fn{font-size:11px;color:#9a978d;margin-top:6px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.fn button{background:none;border:0;padding:0;color:var(--verde2);font-weight:700;font-size:11px;text-decoration:underline;flex:none}
.fn.skip{color:var(--perda)}

.topnav{display:flex;gap:4px;max-width:1180px;margin:10px auto 0;padding:0 12px}
.topnav button{flex:1;border:1.5px solid var(--linha);background:#fff;border-radius:8px;padding:9px 6px;font-weight:800;font-size:13px;color:var(--verde2)}
.topnav button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.topnav button[data-v="rc"]::before{content:"＋ ";color:var(--dourado)}
.f4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.f4 label{display:block;font-size:9.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f4 input{display:block;width:100%;margin-top:3px;border:1px solid var(--linha);background:var(--creme2);border-radius:6px;padding:8px 2px;
  font-size:15px;font-weight:800;color:var(--verde);text-align:center;font-family:inherit}
.f4 input:focus{outline:none;border-color:var(--dourado);background:#fff}
.f4 input.mx{border-color:var(--dourado);background:#fff}
.f4 input.ro{background:#eef2ec;color:var(--verde2);border-style:dashed}
.src{display:flex;gap:4px;margin-bottom:8px}
.src button{flex:1;border:1px solid var(--linha);background:#fff;border-radius:14px;padding:5px 4px;font-size:11.5px;font-weight:700;color:var(--cinza)}
.src button[aria-pressed=true]{background:var(--fc);border-color:var(--fc);color:#fff}
.psel{width:100%;margin-bottom:8px;padding:7px;border:1px solid var(--dourado);border-radius:6px;background:#fff;font-family:inherit;font-size:13px;color:var(--verde);font-weight:700}
.fn span{flex:1}
.fn .warnx{color:var(--perda);font-weight:700}
.fn button{margin-left:6px}
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
.mf{display:block;font-size:12px;color:#2b2b2b}
.mf>span:first-child{display:block;margin-bottom:4px}
.mf .val{display:flex;width:100%;min-width:0}
.mf .val input{flex:1;width:auto;min-width:0}
.mf.wide{grid-column:1/-1}
.txt{width:100%;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:7px 8px;font-family:inherit;font-size:14px;color:var(--verde);font-weight:700}
.dtab{width:100%;border-collapse:collapse;font-size:12px}
.dtab th{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza);text-align:left;padding:0 3px 5px;font-weight:700}
.dtab td{padding:3px}
.dtab td:first-child{width:40%}
.dtab input{width:100%;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:7px 5px;font-family:inherit;font-size:13px;color:var(--verde);font-weight:700;text-align:right}
.dtab input.txt{text-align:left;font-size:12.5px}
.dtab tfoot td{font-weight:800;color:var(--verde);padding-top:8px;border-top:1.5px solid var(--verde2);font-size:12.5px}
.dtab tfoot td.bad{color:var(--perda)}
.xdel{border:0;background:none;color:#b3b0a6;font-size:13px;padding:4px}
.mres{margin-top:10px;display:grid;gap:0}
.mres div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#cfe0cf}
.mres b{color:#fff}
.malert{margin-top:10px;background:rgba(224,122,99,.18);border:1px solid rgba(224,122,99,.5);color:#FFD9D0;border-radius:6px;padding:8px 10px;font-size:12.5px}
.hero .btn.alt{background:transparent;color:var(--creme);border-color:rgba(242,234,211,.5)}
.mok{margin-top:10px;font-size:12.5px;color:var(--dourado);font-weight:700}

.topnav button[data-v="hist"]::before{content:"＋ ";color:var(--dourado)}
.hsub{font-size:12.5px;color:#cfe0cf;margin:2px 0 10px}
.hr{border-top:1px solid rgba(255,255,255,.15);padding:10px 0;border-left:4px solid var(--fc);padding-left:10px;margin-top:4px}
.hrt{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hrt b{color:#fff;font-size:15px}
.hrt small{color:#cfe0cf;font-size:11.5px}
.hrk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.hrk span{display:block;font-size:10px;letter-spacing:.6px;text-transform:uppercase;opacity:.8}
.hrk b{display:block;font-size:17px;color:var(--dourado)}
.hrk em{display:block;font-style:normal;font-size:11px;color:#cfe0cf}
.hrk em.neg{color:#F0A08F;font-weight:700}
.hrk em.pos{color:#9FD3AE;font-weight:700}
.hcta{margin-top:10px;background:rgba(201,168,106,.15);border:1px solid rgba(201,168,106,.5);border-radius:6px;padding:9px 11px;font-size:12.5px;color:var(--creme)}
.hcta b{color:var(--dourado)}
.lotes{list-style:none}
.lote{border:1.5px solid var(--linha);border-left:5px solid var(--fc);border-radius:8px;margin-bottom:8px;background:#fff}
.lh{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;padding:10px 12px;text-align:left}
.lh b{display:block;color:var(--verde);font-size:14px}
.lh small{display:block;color:var(--cinza);font-size:11.5px;margin-top:1px}
.lk{text-align:right;white-space:nowrap}
.lk b{font-size:15px}
.lote.open{border-color:var(--fc)}
.lform{padding:0 12px 12px;border-top:1px dashed var(--linha)}
.lform .mf.wide{margin:10px 0}
.lsub{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 6px}
.lsub small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza)}
.lform input[type=date]{font-family:inherit;font-size:13px;color:var(--verde);font-weight:700;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:6px;width:100%}
.lform .val input[type=date]{border:0;background:transparent;padding:4px}
select.txt{appearance:auto}
.lres{margin-top:12px;background:var(--creme2);border:1px solid #e6dcc2;border-radius:6px;padding:4px 10px}
.lres div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #ece3cc;font-size:12.5px}
.lres div:first-child{border-top:0}
.lres b{color:var(--verde);white-space:nowrap}
.dtab td:first-child{width:auto}

.hint.zero{color:#b3b0a6;font-style:italic}
.extras .ctrl input[type=range]{margin-top:2px}
.extras .hint{margin-top:7px}

.aqg{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--linha)}
.aqg small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px;margin-left:4px}
.aqtot{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:baseline;background:var(--verde);color:var(--creme);border-radius:8px;padding:9px 12px;margin-top:4px}
.aqtot span{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.aqtot b{font-size:19px;color:var(--dourado);text-align:right}
.aqtot em{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#cfe0cf;text-align:right}
.ctrl .hint{margin-top:7px}
.dsub{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:10px 0 3px}
.d3 input{font-size:14px}
.dtot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding:6px 10px;background:var(--creme2);border-radius:6px;border:1px solid #e6dcc2}
.dtot span{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);font-weight:700}
.dtot b{font-size:16px;color:var(--verde)}
.frow small.br{display:block;font-size:10.5px;color:#9a978d;margin-top:1px}
.frow.aq{background:var(--creme2);margin:0 -6px;padding:7px 6px;border-radius:5px}
.frow.aq b{color:var(--verde)}

/* barras das fases */
.p2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px}
.p1{margin-top:10px}
.pcx .row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px}
.pcx label{font-size:12px;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcx .val input{width:52px}
.p1 .pcx .val input{width:62px}
.pcx input.mx{color:var(--verde)}
.pcx .val:has(input.mx){border-color:var(--dourado);background:#fff}
.pcx .val:has(input.ro){border-style:dashed;background:#eef2ec}
.pcx input[type=range]:disabled{opacity:.45}
.fcard .dtot{margin-top:0;align-self:end;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}
.fcard .dtot b{font-size:18px}

.hcta a{color:var(--dourado);font-weight:700}
.lsave{font-size:11.5px;color:var(--verde2);margin-top:6px;min-height:14px}
a.btn{display:inline-block;text-decoration:none}

/* ---------- Cabeçalho da fazenda (Meu Sistema) ---------- */
.fazhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}
.fazhead h2{color:var(--verde);font-size:22px;font-weight:800;line-height:1.15}
.fazhead p{color:var(--cinza);font-size:13px;margin-top:2px}
.monte{color:var(--verde2);font-size:13.5px;margin:6px 0 14px}
.fazform{background:#fff;border:1px solid var(--linha);border-radius:8px;padding:12px;margin:10px 0 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
.fazform .mf:first-child{grid-column:1/-1}
.fzacts{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fzacts span{font-size:12.5px;color:var(--verde2)}

/* ===== v3: dois botões, arrendamento, fazenda, impressão ===== */
.topnav button[data-v="hist"]::before{content:"＋ ";color:var(--dourado)}
.hsub{font-size:12.5px;color:#cfe0cf;margin:2px 0 10px}
.hr{border-top:1px solid rgba(255,255,255,.15);padding:10px 0;border-left:4px solid var(--fc);padding-left:10px;margin-top:4px}
.hrt{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hrt b{color:#fff;font-size:15px}
.hrt small{color:#cfe0cf;font-size:11.5px}
.hrk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.hrk span{display:block;font-size:10px;letter-spacing:.6px;text-transform:uppercase;opacity:.8}
.hrk b{display:block;font-size:17px;color:var(--dourado)}
.hrk em{display:block;font-style:normal;font-size:11px;color:#cfe0cf}
.hrk em.neg{color:#F0A08F;font-weight:700}
.hrk em.pos{color:#9FD3AE;font-weight:700}
.hcta{margin-top:10px;background:rgba(201,168,106,.15);border:1px solid rgba(201,168,106,.5);border-radius:6px;padding:9px 11px;font-size:12.5px;color:var(--creme)}
.hcta b{color:var(--dourado)}
.lotes{list-style:none}
.lote{border:1.5px solid var(--linha);border-left:5px solid var(--fc);border-radius:8px;margin-bottom:8px;background:#fff}
.lh{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;padding:10px 12px;text-align:left}
.lh b{display:block;color:var(--verde);font-size:14px}
.lh small{display:block;color:var(--cinza);font-size:11.5px;margin-top:1px}
.lk{text-align:right;white-space:nowrap}
.lk b{font-size:15px}
.lote.open{border-color:var(--fc)}
.lform{padding:0 12px 12px;border-top:1px dashed var(--linha)}
.lform .mf.wide{margin:10px 0}
.lsub{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 6px}
.lsub small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza)}
.lform input[type=date]{font-family:inherit;font-size:13px;color:var(--verde);font-weight:700;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:6px;width:100%}
.lform .val input[type=date]{border:0;background:transparent;padding:4px}
select.txt{appearance:auto}
.lres{margin-top:12px;background:var(--creme2);border:1px solid #e6dcc2;border-radius:6px;padding:4px 10px}
.lres div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #ece3cc;font-size:12.5px}
.lres div:first-child{border-top:0}
.lres b{color:var(--verde);white-space:nowrap}
.dtab td:first-child{width:auto}

.hint.zero{color:#b3b0a6;font-style:italic}
.extras .ctrl input[type=range]{margin-top:2px}
.extras .hint{margin-top:7px}

.aqg{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--linha)}
.aqg small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px;margin-left:4px}
.aqtot{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:baseline;background:var(--verde);color:var(--creme);border-radius:8px;padding:9px 12px;margin-top:4px}
.aqtot span{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.aqtot b{font-size:19px;color:var(--dourado);text-align:right}
.aqtot em{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#cfe0cf;text-align:right}
.ctrl .hint{margin-top:7px}
.dsub{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:10px 0 3px}
.d3 input{font-size:14px}
.dtot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding:6px 10px;background:var(--creme2);border-radius:6px;border:1px solid #e6dcc2}
.dtot span{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);font-weight:700}
.dtot b{font-size:16px;color:var(--verde)}
.frow small.br{display:block;font-size:10.5px;color:#9a978d;margin-top:1px}
.frow.aq{background:var(--creme2);margin:0 -6px;padding:7px 6px;border-radius:5px}
.frow.aq b{color:var(--verde)}

/* barras das fases */
.p2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px}
.p1{margin-top:10px}
.pcx .row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px}
.pcx label{font-size:12px;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcx .val input{width:52px}
.p1 .pcx .val input{width:62px}
.pcx input.mx{color:var(--verde)}
.pcx .val:has(input.mx){border-color:var(--dourado);background:#fff}
.pcx .val:has(input.ro){border-style:dashed;background:#eef2ec}
.pcx input[type=range]:disabled{opacity:.45}
.fcard .dtot{margin-top:0;align-self:end;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}
.fcard .dtot b{font-size:18px}

/* ---------- Lote com barras ---------- */
.lp{margin-bottom:10px}
.lp .val input{width:58px}
.lp .row{gap:4px}
.lp label{font-size:11.5px}
.lp.gst .row{display:block}
.lp.gst label{display:block;margin-bottom:5px;font-size:12.5px}
.lp.gst .val{display:flex;padding:0}
.gstp{width:36px;flex:none;align-self:stretch;border:0;background:var(--verde);color:var(--creme);font-size:19px;font-weight:700;line-height:1;border-radius:5px 0 0 5px}
.gstp:last-of-type{border-radius:0 5px 5px 0}
.lp .val:has(.gstp){padding:0}
.lp .val:has(.gstp) input{padding:8px 4px;width:auto;flex:1;min-width:0}
.lp .val:has(.gstp) em{margin-right:6px}
.fases2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.fsel{border:1.5px solid var(--linha);background:#fff;border-radius:8px;padding:9px 6px;font-size:12.5px;font-weight:700;color:var(--verde2);border-left:5px solid var(--fc)}
.fsel.on{background:var(--fc);border-color:var(--fc);color:#fff}
.sexo.mini{margin-bottom:10px}
.sexo.mini button{padding:7px 4px;font-size:13px}
.pgrow{border:1px dashed var(--linha);border-radius:8px;padding:10px 10px 4px;margin-bottom:8px;position:relative}
.pgrow .xdel{position:absolute;right:6px;top:6px;font-size:11px;color:var(--cinza)}
.lform .mf .val input[type=date]{font-size:13px}

/* ---------- Origem dos números: dois botões em destaque ---------- */
.src2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.src2 button{border:2px solid var(--linha);background:#fff;border-radius:10px;padding:9px 6px;text-align:center;color:var(--cinza)}
.src2 button b{display:block;font-size:13.5px;font-weight:800}
.src2 button small{display:block;font-size:10.5px;font-weight:400;margin-top:1px}
.src2 button[data-src=tgz][aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.src2 button[data-src=tgz][aria-pressed=true] small{color:var(--dourado)}
.src2 button[data-src=hist][aria-pressed=true]{background:var(--dourado);border-color:var(--dourado);color:#2b2b2b}
.src2 button[data-src=hist][aria-pressed=true] small{color:var(--verde)}
.src2 button:disabled{opacity:.5}
.fn b.alt{color:var(--dourado);font-weight:800}

.p2 .dtot{flex-direction:column;align-items:flex-start;gap:2px;align-self:end}
.p2 .dtot b{font-size:17px}
.lp label{font-size:11px;white-space:normal;line-height:1.15}
.lp .row{align-items:flex-end}

/* ---------- Aviso de responsabilidade dos dados ---------- */
.aviso{background:var(--creme2);border:1.5px solid var(--dourado);border-left:6px solid var(--dourado);border-radius:8px;padding:11px 13px;margin:10px 0 12px}
.aviso b{display:block;color:var(--verde);font-size:13px;font-weight:800;letter-spacing:.5px;line-height:1.25}
.aviso p{color:#2b2b2b;font-size:12.5px;margin-top:5px;line-height:1.35}

/* ---------- Impressão / PDF ---------- */
.prhead{display:none}
@media print{
  @page{size:A4 portrait;margin:10mm}
  .previa,.topnav,.bar,.acts,.gstp,.xdel,.linkbtn,.stp,
  .fn button,.agio button,.src2 button:not([aria-pressed=true]),.sisbt button:not([aria-pressed=true]),
  .sexo button:not([aria-pressed=true]),.fsel:not(.on),.presets button:not([aria-pressed=true]),
  #fzEditar,#fzForm,details.conv,.hcta,.empty{display:none!important}
  .prhead{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 4px;margin-bottom:6px;
    border-bottom:1.5px solid var(--verde2)}
  .prhead b{color:var(--verde);font-size:15px;letter-spacing:1px;text-transform:uppercase}
  .prhead span{color:var(--cinza);font-size:11.5px}
  .src2{grid-template-columns:1fr}
  .src2 button{border-color:var(--dourado)}
  .sisbt,.sexo,.fases2{grid-template-columns:1fr}
  .main{padding:8px 10px 0}
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .panel,.hero,.fcard,.opt,.lote{break-inside:avoid;page-break-inside:avoid}
  .lote:not(.open){display:none}
  .pcx .val{border-color:#ccc}
  .val input{font-size:14px}
  .footer{margin-top:8px}
  body{background:#fff}
}


/* ===== v4: sistema compacto, fases detalhadas, botões unificados ===== */
.previa{background:#C9A86A;color:#1B3A2B;text-align:center;font-size:12px;font-weight:700;padding:5px 10px}
/* ---------- Teste de compra simples ---------- */
.vb{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:800;color:#fff;line-height:1}
.vb i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--vc,var(--ok));color:#fff;font-style:normal;font-size:24px;font-weight:800;flex:none}
.vsub{font-size:13px;color:#cfe0cf;margin-top:6px}
.k3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
.k3 .l{font-size:10px;letter-spacing:.8px;text-transform:uppercase;opacity:.85}
.k3 .v{font-size:18px;font-weight:800;color:#fff}
.k3 .v.neg{color:#F0A08F}
.qlabel{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:700;margin:4px 0 6px}
.presets.sis{margin-bottom:14px}
details.mais,details.prem{border-top:1px solid var(--linha);padding-top:10px;margin-top:4px}
details.prem{border-top:0;padding-top:0;margin-top:0}
details summary{cursor:pointer;font-weight:800;color:var(--verde2);font-size:13px;list-style:none;display:flex;align-items:center;gap:8px}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"▸";color:var(--dourado);font-size:14px;transition:transform .15s}
details[open] summary::before{transform:rotate(90deg)}
details summary small{font-weight:400;color:var(--cinza);font-size:11.5px}
details[open] summary{margin-bottom:12px}
.ptab{width:100%;border-collapse:collapse;font-size:12.5px}
.ptab th{text-align:left;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);padding:0 6px 4px 0;font-weight:700}
.ptab td{padding:6px 6px 6px 0;border-top:1px solid var(--linha);color:#2b2b2b}
.ptab td:not(:first-child),.ptab th:not(:first-child){text-align:right}
.ptab tr.fora td{color:#b3b0a6}
.ptab .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:0}
.plist{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:12.5px}
.plist div{display:flex;justify-content:space-between;border-top:1px solid var(--linha);padding:5px 0}
.plist b{color:var(--verde)}

.grp{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:2px 0 6px}
.grp small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px;margin-left:4px}
.sisbt{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.sisbt button{border:1.5px solid var(--linha);background:#fff;border-radius:10px;padding:9px 8px;font-size:12.5px;font-weight:700;color:var(--verde2);line-height:1.25;text-align:center;min-height:44px}
.sisbt button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
@media(min-width:560px){.sisbt{grid-template-columns:repeat(3,1fr)}}
.fcard{border:1.5px solid var(--linha);border-left:5px solid var(--fc);border-radius:8px;padding:10px 12px;margin-top:10px;background:#fff}
.fh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.fh b{color:var(--verde);font-size:14px}
.fh b i{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--fc);color:#fff;font-size:10.5px;margin-right:6px;vertical-align:1px}
.fh span{font-size:12px;color:var(--verde2);font-weight:700;white-space:nowrap}
.f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.f3 label{display:block;font-size:10.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.4px}
.f3 input{display:block;width:100%;margin-top:3px;border:1px solid var(--linha);background:var(--creme2);border-radius:6px;padding:8px 6px;
  font-size:16px;font-weight:800;color:var(--verde);text-align:center;font-family:inherit}
.f3 input:focus{outline:none;border-color:var(--dourado);background:#fff}
.f3 input.mx{border-color:var(--dourado);background:#fff}
.fn{font-size:11px;color:#9a978d;margin-top:6px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.fn button{background:none;border:0;padding:0;color:var(--verde2);font-weight:700;font-size:11px;text-decoration:underline;flex:none}
.fn.skip{color:var(--perda)}

.topnav{display:flex;gap:4px;max-width:1180px;margin:10px auto 0;padding:0 12px}
.topnav button{flex:1;border:1.5px solid var(--linha);background:#fff;border-radius:8px;padding:9px 6px;font-weight:800;font-size:13px;color:var(--verde2)}
.topnav button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.topnav button[data-v="rc"]::before{content:"＋ ";color:var(--dourado)}
.f4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.f4 label{display:block;font-size:9.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f4 input{display:block;width:100%;margin-top:3px;border:1px solid var(--linha);background:var(--creme2);border-radius:6px;padding:8px 2px;
  font-size:15px;font-weight:800;color:var(--verde);text-align:center;font-family:inherit}
.f4 input:focus{outline:none;border-color:var(--dourado);background:#fff}
.f4 input.mx{border-color:var(--dourado);background:#fff}
.f4 input.ro{background:#eef2ec;color:var(--verde2);border-style:dashed}
.src{display:flex;gap:4px;margin-bottom:8px}
.src button{flex:1;border:1px solid var(--linha);background:#fff;border-radius:14px;padding:5px 4px;font-size:11.5px;font-weight:700;color:var(--cinza)}
.src button[aria-pressed=true]{background:var(--fc);border-color:var(--fc);color:#fff}
.psel{width:100%;margin-bottom:8px;padding:7px;border:1px solid var(--dourado);border-radius:6px;background:#fff;font-family:inherit;font-size:13px;color:var(--verde);font-weight:700}
.fn span{flex:1}
.fn .warnx{color:var(--perda);font-weight:700}
.fn button{margin-left:6px}
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
.mf{display:block;font-size:12px;color:#2b2b2b}
.mf>span:first-child{display:block;margin-bottom:4px}
.mf .val{display:flex;width:100%;min-width:0}
.mf .val input{flex:1;width:auto;min-width:0}
.mf.wide{grid-column:1/-1}
.txt{width:100%;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:7px 8px;font-family:inherit;font-size:14px;color:var(--verde);font-weight:700}
.dtab{width:100%;border-collapse:collapse;font-size:12px}
.dtab th{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza);text-align:left;padding:0 3px 5px;font-weight:700}
.dtab td{padding:3px}
.dtab td:first-child{width:40%}
.dtab input{width:100%;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:7px 5px;font-family:inherit;font-size:13px;color:var(--verde);font-weight:700;text-align:right}
.dtab input.txt{text-align:left;font-size:12.5px}
.dtab tfoot td{font-weight:800;color:var(--verde);padding-top:8px;border-top:1.5px solid var(--verde2);font-size:12.5px}
.dtab tfoot td.bad{color:var(--perda)}
.xdel{border:0;background:none;color:#b3b0a6;font-size:13px;padding:4px}
.mres{margin-top:10px;display:grid;gap:0}
.mres div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#cfe0cf}
.mres b{color:#fff}
.malert{margin-top:10px;background:rgba(224,122,99,.18);border:1px solid rgba(224,122,99,.5);color:#FFD9D0;border-radius:6px;padding:8px 10px;font-size:12.5px}
.hero .btn.alt{background:transparent;color:var(--creme);border-color:rgba(242,234,211,.5)}
.mok{margin-top:10px;font-size:12.5px;color:var(--dourado);font-weight:700}

.topnav button[data-v="hist"]::before{content:"＋ ";color:var(--dourado)}
.hsub{font-size:12.5px;color:#cfe0cf;margin:2px 0 10px}
.hr{border-top:1px solid rgba(255,255,255,.15);padding:10px 0;border-left:4px solid var(--fc);padding-left:10px;margin-top:4px}
.hrt{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hrt b{color:#fff;font-size:15px}
.hrt small{color:#cfe0cf;font-size:11.5px}
.hrk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.hrk span{display:block;font-size:10px;letter-spacing:.6px;text-transform:uppercase;opacity:.8}
.hrk b{display:block;font-size:17px;color:var(--dourado)}
.hrk em{display:block;font-style:normal;font-size:11px;color:#cfe0cf}
.hrk em.neg{color:#F0A08F;font-weight:700}
.hrk em.pos{color:#9FD3AE;font-weight:700}
.hcta{margin-top:10px;background:rgba(201,168,106,.15);border:1px solid rgba(201,168,106,.5);border-radius:6px;padding:9px 11px;font-size:12.5px;color:var(--creme)}
.hcta b{color:var(--dourado)}
.lotes{list-style:none}
.lote{border:1.5px solid var(--linha);border-left:5px solid var(--fc);border-radius:8px;margin-bottom:8px;background:#fff}
.lh{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;padding:10px 12px;text-align:left}
.lh b{display:block;color:var(--verde);font-size:14px}
.lh small{display:block;color:var(--cinza);font-size:11.5px;margin-top:1px}
.lk{text-align:right;white-space:nowrap}
.lk b{font-size:15px}
.lote.open{border-color:var(--fc)}
.lform{padding:0 12px 12px;border-top:1px dashed var(--linha)}
.lform .mf.wide{margin:10px 0}
.lsub{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 6px}
.lsub small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza)}
.lform input[type=date]{font-family:inherit;font-size:13px;color:var(--verde);font-weight:700;border:1px solid var(--linha);background:var(--creme2);border-radius:5px;padding:6px;width:100%}
.lform .val input[type=date]{border:0;background:transparent;padding:4px}
select.txt{appearance:auto}
.lres{margin-top:12px;background:var(--creme2);border:1px solid #e6dcc2;border-radius:6px;padding:4px 10px}
.lres div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #ece3cc;font-size:12.5px}
.lres div:first-child{border-top:0}
.lres b{color:var(--verde);white-space:nowrap}
.dtab td:first-child{width:auto}

.hint.zero{color:#b3b0a6;font-style:italic}
.extras .ctrl input[type=range]{margin-top:2px}
.extras .hint{margin-top:7px}

.aqg{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--linha)}
.aqg small{letter-spacing:0;text-transform:none;font-weight:400;color:var(--cinza);font-size:11px;margin-left:4px}
.aqtot{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:baseline;background:var(--verde);color:var(--creme);border-radius:8px;padding:9px 12px;margin-top:4px}
.aqtot span{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.aqtot b{font-size:19px;color:var(--dourado);text-align:right}
.aqtot em{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#cfe0cf;text-align:right}
.ctrl .hint{margin-top:7px}
.dsub{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin:10px 0 3px}
.d3 input{font-size:14px}
.dtot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding:6px 10px;background:var(--creme2);border-radius:6px;border:1px solid #e6dcc2}
.dtot span{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--cinza);font-weight:700}
.dtot b{font-size:16px;color:var(--verde)}
.frow small.br{display:block;font-size:10.5px;color:#9a978d;margin-top:1px}
.frow.aq{background:var(--creme2);margin:0 -6px;padding:7px 6px;border-radius:5px}
.frow.aq b{color:var(--verde)}

/* barras das fases */
.p2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px}
.p1{margin-top:10px}
.pcx .row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px}
.pcx label{font-size:12px;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcx .val input{width:52px}
.p1 .pcx .val input{width:62px}
.pcx input.mx{color:var(--verde)}
.pcx .val:has(input.mx){border-color:var(--dourado);background:#fff}
.pcx .val:has(input.ro){border-style:dashed;background:#eef2ec}
.pcx input[type=range]:disabled{opacity:.45}
.fcard .dtot{margin-top:0;align-self:end;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}
.fcard .dtot b{font-size:18px}

/* ---------- Lote com barras ---------- */
.lp{margin-bottom:10px}
.lp .val input{width:58px}
.lp .row{gap:4px}
.lp label{font-size:11.5px}
.lp.gst .row{display:block}
.lp.gst label{display:block;margin-bottom:5px;font-size:12.5px}
.lp.gst .val{display:flex;padding:0}
.gstp{width:36px;flex:none;align-self:stretch;border:0;background:var(--verde);color:var(--creme);font-size:19px;font-weight:700;line-height:1;border-radius:5px 0 0 5px}
.gstp:last-of-type{border-radius:0 5px 5px 0}
.lp .val:has(.gstp){padding:0}
.lp .val:has(.gstp) input{padding:8px 4px;width:auto;flex:1;min-width:0}
.lp .val:has(.gstp) em{margin-right:6px}
.fases2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.fsel{border:1.5px solid var(--linha);background:#fff;border-radius:8px;padding:9px 6px;font-size:12.5px;font-weight:700;color:var(--verde2);border-left:5px solid var(--fc)}
.fsel.on{background:var(--fc);border-color:var(--fc);color:#fff}
.sexo.mini{margin-bottom:10px}
.sexo.mini button{padding:7px 4px;font-size:13px}
.pgrow{border:1px dashed var(--linha);border-radius:8px;padding:10px 10px 4px;margin-bottom:8px;position:relative}
.pgrow .xdel{position:absolute;right:6px;top:6px;font-size:11px;color:var(--cinza)}
.lform .mf .val input[type=date]{font-size:13px}

/* ---------- Origem dos números: dois botões em destaque ---------- */
.src2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.src2 button{border:2px solid var(--linha);background:#fff;border-radius:10px;padding:9px 6px;text-align:center;color:var(--cinza)}
.src2 button b{display:block;font-size:13.5px;font-weight:800}
.src2 button small{display:block;font-size:10.5px;font-weight:400;margin-top:1px}
.src2 button[data-src=tgz][aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.src2 button[data-src=tgz][aria-pressed=true] small{color:var(--dourado)}
.src2 button[data-src=hist][aria-pressed=true]{background:var(--dourado);border-color:var(--dourado);color:#2b2b2b}
.src2 button[data-src=hist][aria-pressed=true] small{color:var(--verde)}
.src2 button:disabled{opacity:.5}
.fn b.alt{color:var(--dourado);font-weight:800}

.p2 .dtot{flex-direction:column;align-items:flex-start;gap:2px;align-self:end}
.p2 .dtot b{font-size:17px}
.lp label{font-size:11px;white-space:normal;line-height:1.15}
.lp .row{align-items:flex-end}

/* ---------- Aviso de responsabilidade dos dados ---------- */
.aviso{background:var(--creme2);border:1.5px solid var(--dourado);border-left:6px solid var(--dourado);border-radius:8px;padding:11px 13px;margin:10px 0 12px}
.aviso b{display:block;color:var(--verde);font-size:13px;font-weight:800;letter-spacing:.5px;line-height:1.25}
.aviso p{color:#2b2b2b;font-size:12.5px;margin-top:5px;line-height:1.35}

/* ---------- Impressão / PDF ---------- */
.prhead{display:none}
@media print{
  @page{size:A4 portrait;margin:10mm}
  .previa,.topnav,.bar,.acts,.gstp,.xdel,.linkbtn,.stp,
  .fn button,.agio button,.src2 button:not([aria-pressed=true]),.sisbt button:not([aria-pressed=true]),
  .sexo button:not([aria-pressed=true]),.fsel:not(.on),.presets button:not([aria-pressed=true]),
  #fzEditar,#fzForm,details.conv,.hcta,.empty{display:none!important}
  .prhead{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 4px;margin-bottom:6px;
    border-bottom:1.5px solid var(--verde2)}
  .prhead b{color:var(--verde);font-size:15px;letter-spacing:1px;text-transform:uppercase}
  .prhead span{color:var(--cinza);font-size:11.5px}
  .src2{grid-template-columns:1fr}
  .src2 button{border-color:var(--dourado)}
  .sisbt,.sexo,.fases2{grid-template-columns:1fr}
  .main{padding:8px 10px 0}
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .panel,.hero,.fcard,.opt,.lote{break-inside:avoid;page-break-inside:avoid}
  .lote:not(.open){display:none}
  .pcx .val{border-color:#ccc}
  .val input{font-size:14px}
  .footer{margin-top:8px}
  body{background:#fff}
}
/* ---------- Seletor de sistema dentro do Meu Sistema ---------- */
.sisms{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 12px}
.smsg{grid-column:1/-1;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#cfe0cf;margin-top:4px}
.sisms button{border:1.5px solid rgba(242,234,211,.35);background:transparent;border-radius:8px;padding:8px 6px;
  font-size:12px;font-weight:700;color:var(--creme);line-height:1.2;min-height:42px}
.sisms button[aria-pressed=true]{background:var(--dourado);border-color:var(--dourado);color:#2b2b2b}
.btn-usar{display:block;width:100%;background:var(--dourado);border:0;border-radius:10px;padding:12px;text-align:center;color:#1B3A2B}
.btn-usar b{display:block;font-size:15px;font-weight:800}
.btn-usar small{display:block;font-size:11.5px;color:#2E5D43;margin-top:2px}
.btn-usar:active{filter:brightness(.95)}
/* ---------- Calibrador ---------- */
.calib{background:var(--creme2);border:1px solid #e6dcc2;border-left:5px solid var(--dourado);border-radius:8px;padding:8px 10px;margin-bottom:4px}
.calib.vazio{color:var(--cinza);font-size:12px;border-left-color:var(--linha)}
.caltab{width:100%;border-collapse:collapse;font-size:12.5px}
.caltab th{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza);text-align:right;padding:0 0 4px;font-weight:700}
.caltab th:first-child{text-align:left}
.caltab td{padding:5px 0;border-top:1px solid #ece3cc;text-align:right;font-weight:700;color:var(--verde)}
.caltab td:first-child{text-align:left;font-weight:400;color:#2b2b2b}
.caltab td.ruim{color:var(--perda)}
.caltab td.bom{color:var(--ok)}
.cal-alerta{margin-top:8px;background:#faf1ee;border:1px solid #efd3cc;border-radius:6px;padding:8px 10px;font-size:12px;color:var(--perda)}
.cal-alerta b{color:var(--verde)}
.vtopo{margin-top:4px;padding-top:10px;border-top:1px dashed var(--linha)}
.vtopo .ctrl.big label{color:var(--dourado)}
/* ---------- Simulador de plano (só na prévia) ---------- */
.planobar{max-width:1180px;margin:8px auto 0;padding:8px 12px;background:#fff;border:1px dashed var(--dourado);border-radius:8px;
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:var(--cinza)}
.planobar span{font-weight:700;color:var(--verde2)}
.planobar label{display:inline-flex;align-items:center;gap:5px;color:var(--verde);font-weight:700}
/* ---------- Aviso de referência TGZ ---------- */
.avisoref{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.avisoref b{display:block;color:var(--dourado);font-size:12.5px}
.avisoref span{display:block;color:#cfe0cf;font-size:12px}
.avisoref button{flex:none;background:var(--dourado);border:0;border-radius:8px;padding:9px 12px;font-weight:800;font-size:12.5px;color:#1B3A2B}
/* ---------- KPIs da fazenda ---------- */
.kpifaz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}
.kpifaz div{background:#fff;border:1px solid var(--linha);border-top:4px solid var(--dourado);border-radius:8px;padding:8px;text-align:center}
.kpifaz span{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--cinza)}
.kpifaz b{display:block;font-size:21px;color:var(--verde);line-height:1.15}
.kpifaz em{font-style:normal;font-size:10.5px;color:var(--cinza)}
.o1b{order:0}
/* ---------- Aba Nutrição (demonstração) ---------- */
.nutaviso{background:var(--creme2);border:1px solid #e6dcc2;border-left:5px solid var(--dourado);border-radius:8px;padding:12px;font-size:13px;color:#2b2b2b;margin-bottom:12px}
.nutaviso b{color:var(--verde)}
.topnav button[data-v="nut"]::before{content:"＋ ";color:var(--dourado)}
.topnav button:disabled{opacity:.45}
.rendfase{margin-top:10px;padding-top:10px;border-top:1px dashed var(--linha)}
.rendfase label{color:var(--verde2);font-weight:700}
/* ---------- Resumo visual do sistema (Meu Sistema) ---------- */
.rsbox{background:#fff;border:2px solid var(--verde2);border-radius:10px;padding:12px;margin-bottom:14px}
.rs-tit{font-size:15px;font-weight:800;color:var(--verde);margin-bottom:8px}
.rs-cab{display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr .9fr;gap:6px;font-size:9.5px;letter-spacing:.4px;
  text-transform:uppercase;color:var(--cinza);font-weight:700;padding:0 2px 5px;border-bottom:1.5px solid var(--verde2)}
.rs-cab div:not(:first-child){text-align:right}
.rs-cab i{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;font-size:9px;color:#9a978d}
.rs-fase{display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr .9fr;gap:6px;align-items:center;
  padding:11px 2px 11px 8px;border-bottom:1px solid var(--linha);border-left:5px solid var(--fc);margin-left:-12px;padding-left:12px}
.rs-nome b{display:block;font-size:13.5px;color:var(--verde);font-weight:800;line-height:1.15}
.rs-nome small{display:block;font-size:10.5px;color:var(--cinza)}
.rs-num{text-align:right}
.rs-num span{display:block;font-size:17px;font-weight:800;color:#1d211e;line-height:1.1;font-variant-numeric:tabular-nums}
.rs-num.forte span{color:var(--verde)}
.rs-tot{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:2px solid var(--verde2)}
.rs-principal{background:var(--verde);border-radius:10px;padding:10px 12px}
.rs-principal span{display:block;font-size:10.5px;color:var(--dourado);text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.rs-principal b{font-size:28px;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.rs-lado{display:grid;gap:6px}
.rs-lado div{background:var(--creme2);border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rs-lado span{font-size:11px;color:var(--cinza);text-transform:uppercase;letter-spacing:.4px}
.rs-lado b{font-size:16px;color:var(--verde);font-variant-numeric:tabular-nums}
/* ---------- Painel claro no lugar do verde escuro ---------- */
.panel.claro{background:#fff;border:2px solid var(--dourado)}
.panel.claro .hsub{color:var(--cinza);font-size:12.5px;margin-bottom:8px}
.panel.claro .hr{border-top:1px solid var(--linha);border-left:4px solid var(--fc);padding:10px 0 10px 10px;margin-top:4px}
.panel.claro .hrt b{color:var(--verde)}
.panel.claro .hrt small{color:var(--cinza)}
.panel.claro .hrk span{color:var(--cinza);opacity:1}
.panel.claro .hrk b{color:var(--verde);font-size:19px}
.panel.claro .hrk em{color:var(--cinza)}
.panel.claro .hrk em.neg{color:var(--perda)}
.panel.claro .hrk em.pos{color:#2E7D46}
.panel.claro .hcta{background:var(--creme2);border:1px solid #e6dcc2;color:#2b2b2b}
.panel.claro .hcta b{color:#8a5a12}
.panel.claro .grp{color:var(--verde2)}
.panel.claro .sisms button{border-color:var(--linha);color:var(--verde2)}
.panel.claro .sisms button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:#fff}
.panel.claro .smsg{color:var(--cinza)}
.panel.claro .btn.alt{background:#fff;color:var(--verde);border-color:var(--verde2)}
.grp2{display:flex;align-items:center;gap:8px;color:var(--verde2);margin-top:16px;font-size:11px}
.panel.claro .btn-usar{background:var(--verde);color:var(--creme)}
.panel.claro .btn-usar b{color:#fff}
.panel.claro .btn-usar small{color:var(--dourado)}
.rs-cab,.rs-fase{grid-template-columns:1.15fr .7fr .8fr .95fr .8fr}
.rs-nome b{font-size:13px}
@media(min-width:480px){.rs-nome b{font-size:14px}}
/* ---------- Painel de resultado no topo do Meu Sistema ---------- */
.painel-topo{background:var(--creme2);border:2px solid var(--dourado);border-radius:12px;padding:12px;margin:10px 0 14px}
.pt-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;
  padding-bottom:6px;border-bottom:1.5px solid var(--dourado)}
.pt-h span{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--verde)}
.pt-h small{font-size:11.5px;color:var(--cinza);text-align:right}
.painel-topo .kpifaz{margin:0 0 10px}
.painel-topo .rsbox{margin-bottom:10px}
.pt-acao{display:grid;gap:8px}
.pt-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pt-msg{font-size:12.5px;color:var(--verde2);font-weight:700}
.aviso.compacto{margin:10px 0 0;background:#fff}
.aviso.compacto b{font-size:12px}
.aviso.compacto p{font-size:12px}
/* ---------- Fases fechadas ---------- */
.fcard{padding:0;overflow:hidden}
.fres{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;padding:12px 12px 12px 10px;text-align:left}
.fres-n b{display:block;font-size:14.5px;color:var(--verde);font-weight:800}
.fres-n small{display:block;font-size:11.5px;color:var(--cinza);margin-top:2px;line-height:1.3}
.fres-ic{flex:none;color:var(--fc);font-size:16px;font-weight:800}
.fcard.aberta{box-shadow:0 0 0 1.5px var(--fc)}
.fcard.aberta .fres{border-bottom:1px solid var(--linha)}
.fcorpo{padding:12px}
.fcard .fh{display:none}
.origem{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--creme2);border:1px solid #e6dcc2;border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:12.5px}
.origem b{color:var(--verde)}
.origem button{border:1.5px solid var(--verde2);background:#fff;color:var(--verde);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}
.travado{background:#faf1ee;border:1px solid #efd3cc;border-radius:8px;padding:9px 11px;font-size:12.5px;color:var(--perda);margin-bottom:10px}
.travado b{color:var(--verde)}
.travado button{margin-left:6px;border:0;background:var(--verde);color:var(--creme);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700}
.planobar .testar{color:var(--perda)}
.fcorpo input:disabled,.fcorpo button:disabled{opacity:.5}

/* ---------- Painel do Meu Sistema no formato do resultado ---------- */
#painelTopo{margin:10px 0 12px}
#painelTopo .hprice small{font-size:17px}
.ptfases{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18)}
.ptf{padding:9px 0 9px 12px;border-left:4px solid var(--fc);margin-bottom:6px}
.ptf b{display:block;color:#fff;font-size:14px;font-weight:800}
.ptf span{display:block;color:#cfe0cf;font-size:12.5px;margin-top:1px}
.ptf em{font-style:normal;font-size:11px;color:var(--dourado);font-weight:700}
#painelTopo .btn-usar{margin-top:12px}
#painelTopo .pt-btns{margin-top:8px}
#painelTopo .btn.alt{background:transparent;color:var(--creme);border-color:rgba(242,234,211,.45)}
#painelTopo .pt-msg{color:var(--dourado)}
#painelTopo .status{margin-bottom:2px}

/* ---------- Botões de sistema maiores ---------- */
.sisms{display:grid;grid-template-columns:1fr;gap:7px;margin:6px 0 12px}
@media(min-width:620px){.sisms{grid-template-columns:1fr 1fr}}
.sisb{display:block;width:100%;border:2px solid var(--linha);background:#fff;border-radius:12px;padding:13px;text-align:left}
.sisb b{font-size:14.5px;font-weight:800;color:var(--verde);line-height:1.2}
.sisb-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sisb-d{font-style:normal;font-size:12.5px;font-weight:800;color:var(--cinza);flex:none}
.sisb.on .sisb-d{color:var(--dourado)}
.sisb-fx{display:flex;gap:4px;margin-top:10px}
.sisb-fx i{display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;min-width:34px;overflow:hidden}
.sisb-fx u{text-decoration:none;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.sisb-l{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.sisb-l em{font-style:normal;font-size:11px;font-weight:700;color:var(--verde2);padding-left:9px;position:relative}
.sisb-l em::before{content:"";position:absolute;left:0;top:3px;width:6px;height:10px;border-radius:2px;background:var(--fc)}
.sisb.on .sisb-l em{color:#cfe0cf}
.sisb.on{background:var(--verde);border-color:var(--verde)}
.sisb.on b{color:#fff}
/* ---------- Fases com ajuste rápido ---------- */
.ptfases{margin-top:4px;border-top:0;padding-top:0}
.ptf2{border:2px solid var(--fc);border-radius:12px;padding:0;margin-bottom:10px;background:#fff;overflow:hidden}
.ptf2-h{background:var(--fc);margin:0;padding:11px 12px;align-items:center}
.ptf2-h b{color:#fff!important;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ptf2-h em{color:#fff;opacity:.92}
.ptf2-g4,.ptf2-abrir,.ptf2-det{margin-left:12px;margin-right:12px}
.ptf2-g4{margin-top:12px}
.ptf2-abrir{margin-bottom:12px;background:var(--fc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ptf2-abrir.on{background:var(--verde);color:var(--creme)}
.ptf2-det{margin-bottom:12px}
.ptf2-i.forte{background:var(--fc)}
.ptf2-i.forte b{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ptf2-i.forte span,.ptf2-i.forte em{color:rgba(255,255,255,.85)}
.ptf2-det .dsub{color:var(--fc);filter:brightness(.75)}
.aj{background:var(--fc)}
.btrava{border-color:var(--fc);color:var(--fc);filter:none}
.btrava.on{background:var(--fc);border-color:var(--fc);color:#fff}
.ptf2-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.ptf2-h b{font-size:14.5px;color:var(--verde);font-weight:800}
.ptf2-h em{font-style:normal;font-size:11px;color:var(--dourado);font-weight:700}
.ptf2-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.ptf2-i{background:var(--creme2);border-radius:8px;padding:6px 4px;text-align:center}
.ptf2-i span{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza)}
.ptf2-i b{display:block;font-size:16px;color:var(--verde);font-variant-numeric:tabular-nums;line-height:1.2}
.ptf2-i em{font-style:normal;font-size:9.5px;color:var(--cinza)}
.ptf2-i.ajust{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px}
.ptf2-i.ajust>div{flex:1;min-width:0}
.aj{flex:none;width:30px;height:34px;border:0;border-radius:6px;background:var(--verde);color:var(--creme);font-size:19px;font-weight:700;line-height:1}
.aj:active{background:var(--verde2)}

.ajr{margin-left:6px;border:0;background:var(--verde2);color:#fff;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}

/* ---------- Detalhe da fase no Meu Sistema ---------- */
.ptf2.aberta{box-shadow:0 6px 18px rgba(0,0,0,.10)}
.ptf2-abrir{width:100%;margin-top:8px;border:0;background:var(--creme2);border-radius:8px;padding:8px;
  font-size:12.5px;font-weight:700;color:var(--verde2)}
.ptf2-det{margin-top:10px;padding-top:10px;border-top:1px dashed var(--linha)}
.ptf2-det .dsub{margin:12px 0 6px}
.ptf2-det .p1{margin-top:6px}
.ptf2-det input[readonly]{background:#eef2ec;color:var(--verde2);border-style:dashed}
.ptf2-det .dtot{align-self:end}

/* aviso de consultoria dentro de painel claro */
.panel .hcta{background:var(--creme2);border:1px solid #e6dcc2;color:#2b2b2b;margin-top:10px}
.panel .hcta b{color:#8a5a12}

.btrava{width:100%;margin-top:12px;border:1.5px solid var(--verde2);background:#fff;border-radius:8px;padding:10px;
  font-size:13px;font-weight:800;color:var(--verde)}
.btrava.on{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.ptf2-det.travado{opacity:.92}
.ptf2-det.travado input{background:#eef2ec;border-style:dashed}

/* rebanho e área no painel do topo */
.ptfaz{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ptfz{background:rgba(255,255,255,.10);border-radius:8px;padding:7px 8px;
  display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"l l l l" "m v u p";gap:4px;align-items:center}
.ptfz span{grid-area:l;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#cfe0cf;margin-bottom:2px}
.ptfz .aj:first-of-type{grid-area:m}
.ptfz .aj:last-of-type{grid-area:p}
.ptfz input{grid-area:v;min-width:0;width:100%;border:0;background:transparent;color:#fff;font-weight:800;font-size:17px;
  text-align:center;font-family:inherit;font-variant-numeric:tabular-nums}
.ptfz em{grid-area:u}
.ptfz input:focus{outline:none}
.ptfz em{font-style:normal;font-size:11px;color:#cfe0cf;flex:none}
.ptfz .aj{width:26px;height:28px;font-size:16px;background:rgba(255,255,255,.18);color:#fff}
/* botão detalhar em destaque */
.ptf2-abrir{margin-top:10px;background:var(--verde);color:var(--creme);border:0;border-radius:9px;
  padding:12px;font-size:14px;font-weight:800;letter-spacing:.3px}
.ptf2-abrir.on{background:var(--fc);color:#1d211e}

.ptf2-g4{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media(min-width:560px){.ptf2-g4{grid-template-columns:repeat(5,1fr)}}
.ptf2-i.forte{background:var(--verde)}
.ptf2-i.forte span,.ptf2-i.forte em{color:#cfe0cf}
.ptf2-i.forte b{color:#fff}

/* ---------- Botões maiores para o celular ---------- */
.sisb{min-height:60px;padding:14px 12px}
.sisb b{font-size:16px;line-height:1.2}
.ptf2-abrir{padding:15px;font-size:15.5px;border-radius:10px}
.btrava{padding:14px;font-size:14.5px}
.aj{width:38px;height:42px;font-size:23px;border-radius:8px}
.ptf2-i.ajust{padding:5px}
.ptf2-i b{font-size:17px}
.lp .val input{width:64px;font-size:16px;padding:9px 3px}
.lp .row{margin-bottom:7px}
input[type=range]{height:10px}
input[type=range]::-webkit-slider-thumb{width:28px;height:28px}
input[type=range]::-moz-range-thumb{width:22px;height:22px}
.btn-usar{padding:16px}
.btn-usar b{font-size:16px}
.pt-btns .btn{padding:12px 18px;font-size:14.5px}
.ptfz .aj{width:32px;height:34px;font-size:19px}

/* marca de seleção e afordância de toque */
.sisb-r{flex:none;width:22px;height:22px;border:2px solid var(--linha);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:transparent;font-style:normal}
.sisb.on .sisb-r{background:var(--dourado);border-color:var(--dourado);color:#1B3A2B}
.sisb-t{align-items:center}
.sisb-t b{flex:1}
.sisb:active{transform:scale(.99)}
.sisbt{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:10px}
.sisbt button{all:unset}

/* ---------- cor da fase manda no cartão inteiro (regras finais) ---------- */
.ptf2 .ptf2-abrir{background:var(--fc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ptf2 .ptf2-abrir.on{background:var(--verde);color:var(--creme);text-shadow:none}
.ptf2 .ptf2-i.forte{background:var(--fc)}
.ptf2 .ptf2-i.forte b{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ptf2 .ptf2-i.forte span,.ptf2 .ptf2-i.forte em{color:rgba(255,255,255,.88)}
.ptf2 .aj{background:var(--fc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ptf2 .btrava{border-color:var(--fc);color:var(--verde)}
.ptf2 .btrava.on{background:var(--fc);border-color:var(--fc);color:#fff}
.ptf2-h em{color:rgba(255,255,255,.92)!important}
.ptf2-h .ajr{background:rgba(255,255,255,.28);color:#fff}
.ptf2-det .dsub{color:var(--verde2)}
.ptf2-det input[type=range]{accent-color:var(--fc)}

.ptf2 input[type=range]{background-image:linear-gradient(var(--fc),var(--fc));background-repeat:no-repeat;background-color:#e6e4dc}
.ptf2 input[type=range]::-webkit-slider-thumb{background:var(--fc)}
.ptf2 input[type=range]::-moz-range-thumb{background:var(--fc)}

.carcbox{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.carcbox div{background:var(--creme2);border-radius:8px;padding:8px 10px}
.carcbox span{display:block;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--cinza)}
.carcbox b{font-size:17px;color:var(--verde);font-variant-numeric:tabular-nums;line-height:1.2}
.carcbox em{display:block;font-style:normal;font-size:10px;color:#9a978d}
.carcbox .forte{grid-column:1/-1;background:var(--fc)}
.carcbox .forte span,.carcbox .forte em{color:rgba(255,255,255,.9)}
.carcbox .forte b{color:#fff;font-size:22px;text-shadow:0 1px 2px rgba(0,0,0,.28)}

/* ---------- detalhe em verde; cor da fase só no cabeçalho, botão e diária ---------- */
.ptf2-det input[type=range]{background-image:linear-gradient(var(--verde2),var(--verde2))!important;
  background-repeat:no-repeat!important;background-color:#e6e4dc!important}
.ptf2-det input[type=range]::-webkit-slider-thumb{background:var(--verde)!important;border-color:var(--dourado)!important}
.ptf2-det input[type=range]::-moz-range-thumb{background:var(--verde)!important;border-color:var(--dourado)!important}
.ptf2 .ptf2-det .dsub{color:var(--verde2)}
.carcbox .forte{background:var(--verde)}
.carcbox .forte b{text-shadow:none}
.ptf2 .btrava{border-color:var(--verde2);color:var(--verde)}
.ptf2 .btrava.on{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.ptf2 .ptf2-det .aj{background:var(--verde)}

/* campo com − e + */
.lp .val{display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}
.lp .val .mm{flex:none;width:36px;border:0;background:var(--verde);color:var(--creme);font-size:20px;font-weight:700;line-height:1}
.lp .val .mm:last-child{border-radius:0 5px 5px 0}
.lp .val .mm:first-child{border-radius:5px 0 0 5px}
.lp .val input{flex:1;min-width:0;width:auto;text-align:center;padding:9px 2px}
.lp .val em{align-self:center;margin-right:6px}

/* no detalhe, um campo por linha no celular (cabem os botões e o rótulo inteiro) */
.ptf2-det .p2{grid-template-columns:1fr}
@media(min-width:560px){.ptf2-det .p2{grid-template-columns:1fr 1fr}}
.ptf2-det .lp .row{display:flex;align-items:center;gap:10px}
.ptf2-det .lp label{flex:1;min-width:0;white-space:normal;font-size:13px;color:var(--verde2);font-weight:700}
.ptf2-det .lp .val{flex:none;width:176px}
.ptf2-det .lp .val input{font-size:17px}
.ptf2-det .lp .val .mm{width:40px;font-size:21px}

/* ---------- Compra Segura: fases só como resumo ---------- */
.fresumo{margin-top:4px}
.fl{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--linha);
  border-left:6px solid var(--fc);border-radius:9px;padding:10px 12px;margin-bottom:7px}
.fl-n b{display:block;font-size:14px;color:var(--verde);font-weight:800}
.fl-n small{display:block;font-size:11.5px;color:var(--cinza);margin-top:2px}
.fl-d{text-align:right;flex:none}
.fl-d span{display:block;font-size:16px;font-weight:800;color:var(--verde);font-variant-numeric:tabular-nums}
.fl-d em{font-style:normal;font-size:10.5px;color:var(--dourado);font-weight:700}
.fl-fim{font-size:12.5px;color:var(--cinza);margin:8px 0 10px;text-align:center}
.fl-btn{width:100%;border:2px solid var(--verde2);background:#fff;border-radius:10px;padding:13px;
  font-size:14.5px;font-weight:800;color:var(--verde)}
.fl-btn:disabled{opacity:.5;border-color:var(--linha)}

.fl-fim .pulo{display:inline-block;margin-top:4px;color:var(--dourado);font-size:11.5px}
.ptf2.pulada{opacity:.75}
.ptf2.pulada .ptf2-h{background:var(--cinza)}
.pulonota{padding:12px;font-size:12.5px;color:var(--cinza)}
.pulonota .ptf2-abrir{margin:10px 0 0;padding:11px;font-size:13.5px}

.verTodos{width:100%;margin-top:4px;border:1.5px dashed var(--dourado);background:var(--creme2);border-radius:9px;
  padding:11px;font-size:13.5px;font-weight:800;color:var(--verde)}

/* ---------- cor como sinal, não como fundo ---------- */
.ptf2{border:1.5px solid var(--linha)!important;border-left:6px solid var(--fc)!important}
.ptf2 .ptf2-h{background:#fff!important;padding:12px 12px 8px;border-bottom:1px solid var(--linha)}
.ptf2 .ptf2-h b{color:var(--verde)!important;text-shadow:none!important;display:flex;align-items:center;gap:7px}
.ptf2 .ptf2-h b .dot{width:10px;height:10px;border-radius:3px;background:var(--fc);flex:none}
.ptf2 .ptf2-h em{color:var(--cinza)!important}
.ptf2 .ptf2-h .ajr{background:var(--verde2);color:#fff}
.ptf2 .ptf2-abrir{background:var(--verde);color:var(--creme);text-shadow:none}
.ptf2 .ptf2-abrir.on{background:var(--verde2)}
.ptf2 .ptf2-i.forte{background:var(--verde)}
.ptf2 .ptf2-i.forte b{color:#fff;text-shadow:none}
.ptf2 .ptf2-i.forte span,.ptf2 .ptf2-i.forte em{color:#cfe0cf}
.ptf2 .aj{background:var(--verde);text-shadow:none}
.ptf2 input[type=range]{background-image:linear-gradient(var(--verde2),var(--verde2));background-color:#e6e4dc}
.ptf2 input[type=range]::-webkit-slider-thumb{background:var(--verde)}
.ptf2 input[type=range]::-moz-range-thumb{background:var(--verde)}
.ptf2.pulada .ptf2-h{background:#fff!important}
.ptf2.pulada .ptf2-h b{color:var(--cinza)!important}
.carcbox .forte{background:var(--verde)}

/* campo do detalhe: número nunca corta */
.ptf2-det .lp .val{width:186px}
.ptf2-det .lp .val input{min-width:0;font-size:16.5px;padding:9px 2px}
.ptf2-det .lp .val em{font-size:10.5px;margin-right:5px;white-space:nowrap}
.ptf2-det .lp .val .mm{width:38px;font-size:20px}
.ptf2-det .lp label{font-size:12.5px}
@media(max-width:400px){
  .ptf2-det .lp .val{width:170px}
  .ptf2-det .lp .val .mm{width:34px}
  .ptf2-det .lp .val em{font-size:10px}
}

/* resumo da fase: tudo numa linha só, rolando de lado se faltar espaço */
.ptf2-g4{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;padding-bottom:4px}
.ptf2-g4>*{flex:1 0 auto;min-width:96px;scroll-snap-align:start}
.ptf2-g4 .ptf2-i.ajust{min-width:132px}
@media(min-width:720px){.ptf2-g4>*{min-width:0}.ptf2-g4{overflow:visible}}
.ptf2-g4::-webkit-scrollbar{height:5px}
.ptf2-g4::-webkit-scrollbar-thumb{background:var(--linha);border-radius:3px}

/* ================= PADRÃO DE BOTÕES =================
   1) ação principal: verde cheio   2) ação secundária: contorno verde
   3) escolha: cartão com marca     4) passo: − / +                     */
.ptf2-abrir,.btn-usar,#hNovo{background:var(--verde);color:var(--creme);border:0;border-radius:10px;
  padding:15px;font-size:15.5px;font-weight:800;width:100%;text-shadow:none}
.ptf2-abrir.on{background:var(--verde2)}
.btn.alt,.fl-btn,.verTodos{background:#fff;color:var(--verde);border:2px solid var(--verde2);border-radius:10px;
  padding:13px;font-size:14.5px;font-weight:800}
.verTodos{border-style:solid;background:#fff}
.aj,.lp .val .mm{background:var(--verde);color:var(--creme);border:0;font-weight:700;line-height:1;text-shadow:none}
.aj{width:38px;height:42px;font-size:22px;border-radius:8px}
.lp .val .mm{width:38px;font-size:20px}
.ajr{background:var(--verde2);color:#fff;border:0;border-radius:10px;padding:3px 9px;font-size:10.5px;font-weight:700}

/* barra de produtos menor: ele já escolhe o sistema dentro da ferramenta */
.topnav.compacta{display:flex;gap:6px;max-width:1180px;margin:8px auto 0;padding:0 12px}
.topnav.compacta button{flex:1;border:1.5px solid var(--linha);background:#fff;border-radius:20px;
  padding:8px 10px;font-size:12.5px;font-weight:700;color:var(--verde2);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.topnav.compacta button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}

.fl-n small b{color:var(--verde);font-weight:800}
.alvofix{font-style:normal;font-size:10px;font-weight:700;color:var(--dourado);
  background:var(--creme2);border-radius:9px;padding:1px 7px;margin-left:3px}

/* barra do sistema no topo da Compra Segura */
.barsis{margin-top:12px;padding-top:10px;border-top:1px dashed var(--linha)}
.bs-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px}
.bs-t b{font-size:13.5px;color:var(--verde);font-weight:800}
.bs-t i{font-style:normal;font-size:13px;font-weight:800;color:var(--dourado)}
.bs-fx{display:flex;gap:4px}
.bs-fx span{display:flex;align-items:center;justify-content:center;height:30px;border-radius:6px;min-width:30px;overflow:hidden}
.bs-fx u{text-decoration:none;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.bs-l{display:flex;gap:8px;margin-top:5px;flex-wrap:wrap}
.bs-l em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--verde2);padding-left:9px;position:relative}
.bs-l em::before{content:"";position:absolute;left:0;top:3px;width:6px;height:9px;border-radius:2px;background:var(--fc)}

/* custo de aquisição compacto */
.aqbox{margin-top:12px;border:1px solid var(--linha);border-radius:9px;overflow:hidden}
.aqbox summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;
  background:var(--creme2);cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:var(--verde2)}
.aqbox summary::-webkit-details-marker{display:none}
.aqbox summary::before{content:"▸";color:var(--dourado);margin-right:4px}
.aqbox[open] summary::before{content:"▾"}
.aqbox summary b{color:var(--verde);font-size:13px}
.trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px 12px}
.ctrl.mini label{font-size:10.5px;line-height:1.15}
.ctrl.mini .val input{width:100%;font-size:15px}
.ctrl.mini .hint{display:none}
.aqtot{margin-top:10px;font-size:15px;padding:13px}

.oculto{display:none!important}

/* item 2 compacto */
.tl{padding-left:0}
.tl::before{display:none}
.tlb{display:flex;gap:4px;margin-bottom:6px}
.tlb-f{display:flex;align-items:center;justify-content:center;height:34px;border-radius:7px;background:var(--fc);min-width:34px;overflow:hidden}
.tlb-f u{text-decoration:none;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.tlb-l{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tlb-l em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--verde2);padding-left:10px;position:relative}
.tlb-l em::before{content:"";position:absolute;left:0;top:3px;width:6px;height:10px;border-radius:2px;background:var(--fc)}
.tlb-t{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tlb-t div{background:var(--creme2);border-radius:8px;padding:8px 10px}
.tlb-t span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--cinza)}
.tlb-t b{font-size:16px;color:var(--verde);font-variant-numeric:tabular-nums}
.tlb-t .forte{grid-column:1/-1;background:var(--verde)}
.tlb-t .forte span{color:var(--dourado)}
.tlb-t .forte b{color:#fff;font-size:20px}

.tlb-n{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.tlb-n b{font-size:15px;color:var(--verde);font-weight:800}
.tlb-n i{font-style:normal;font-size:12px;color:var(--cinza)}
.sisbt:empty{display:none}
.fl-fim:empty{display:none;margin:0}

/* some a caixa vazia e o botão de trocar fica discreto */
#sisRepo:empty,#sisAbate:empty{display:none}
.verTodos{margin:0 0 10px;border:1.5px solid var(--linha);color:var(--verde2);font-size:13px;padding:10px}
.panel.o3 .grp{display:none}
.panel.o3 .grp:not([hidden]){display:block}

.hero{position:relative}
.btn-canto{position:absolute;top:12px;right:12px;z-index:2;border:0;border-radius:20px;
  background:var(--dourado);color:#1B3A2B;font-size:12.5px;font-weight:800;padding:8px 14px;
  box-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero .vb,.hero .status{padding-right:130px}
@media(max-width:380px){.btn-canto{font-size:11.5px;padding:7px 11px}.hero .vb,.hero .status{padding-right:112px}}

/* botões de sistema: fundo creme para destacar do painel branco */
.sisb{background:var(--creme2);border-color:#e4ddc8}
.sisb:not(.on):hover{border-color:var(--dourado)}
.sisb.on{background:var(--verde);border-color:var(--verde)}
.sisb .sisb-r{background:#fff;border-color:#cfc9b4}
.sisb.on .sisb-r{background:var(--dourado);border-color:var(--dourado)}
.smsg{margin-top:10px}

/* boi dividido pelo peso ganho em cada fase */
.boi{margin:4px 0 12px;text-align:center}
.boi canvas{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}
.boi-l{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.boi-l em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--verde2);padding-left:10px;position:relative}
.boi-l em::before{content:"";position:absolute;left:0;top:3px;width:6px;height:10px;border-radius:2px;background:var(--fc)}

.boi canvas{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}

/* boi: maior no Meu Sistema, menor na Compra Segura */
.boi.boi-grande{margin:12px 0 4px}
.boi.boi-grande canvas{max-width:330px}
.boi.boi-grande .boi-l em{color:#cfe0cf}
#fases .boi canvas{max-width:210px}
#fases .boi{margin:2px 0 10px}

/* boi menor no Meu Sistema */
.boi.boi-grande canvas{max-width:250px}
.boi.boi-grande{margin:10px 0 2px}

/* botões de sistema mais sóbrios: a cor fica só nas barrinhas */
.sisb{background:#fff;border-color:var(--linha)}
.sisb .sisb-fx i{height:22px;min-width:22px;opacity:.9}
.sisb .sisb-fx u{font-size:11.5px}
.sisb-l{display:none}
.sisb.on{background:var(--verde);border-color:var(--verde)}
.sisb.on .sisb-fx i{opacity:1}
.sisb-d{color:var(--cinza)}

/* aviso enxuto: uma linha só, some quando o sistema estiver montado */
.avisoref{display:block;width:100%;margin-top:12px;padding:10px 12px;border:0;text-align:left;
  background:rgba(242,234,211,.12);border-left:3px solid var(--dourado);border-radius:0 8px 8px 0;
  color:#cfe0cf;font-size:12.5px;font-weight:600}
.avisoref b{color:var(--dourado);font-weight:800}

/* boi do lucro, no painel verde */
.boi.boi-lucro{margin:12px 0 4px}
.boi.boi-lucro canvas{max-width:230px}
.boi.boi-lucro .boi-l{gap:12px}
.boi.boi-lucro em{padding-left:12px}
.boi.boi-lucro em::before{width:7px;height:11px;top:2px}
.boi.boi-lucro em.ouro{color:var(--dourado)} .boi.boi-lucro em.ouro::before{background:#D9A72C}
.boi.boi-lucro em.escuro{color:#cfe0cf} .boi.boi-lucro em.escuro::before{background:#141A16;box-shadow:0 0 0 1px rgba(255,255,255,.35)}

/* escolha de sexo no Meu Sistema */
.sexoms{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px}
.sexoms button{border:1.5px solid rgba(242,234,211,.35);background:transparent;color:var(--creme);
  border-radius:9px;padding:10px;font-size:13.5px;font-weight:800}
.sexoms button[aria-pressed=true]{background:var(--creme);color:var(--verde);border-color:var(--creme)}

.fl-off{margin-top:8px;font-size:12px;color:var(--cinza);background:var(--creme2);
  border-radius:8px;padding:9px 11px;text-align:center}

/* dois sistemas lado a lado */
.dois{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 6px}
.cx{border:2px solid rgba(242,234,211,.28);background:rgba(255,255,255,.06);border-radius:12px;padding:9px;text-align:center}
.cx.on{border-color:var(--dourado);background:rgba(201,168,106,.14)}
.cx-h{display:flex;justify-content:center;align-items:baseline;gap:6px}
.cx-h b{font-size:13px;color:var(--creme);font-weight:800}
.cx-h i{font-style:normal;font-size:9.5px;color:var(--dourado);font-weight:800;text-transform:uppercase}
.cx canvas{width:100%;height:auto;display:block;margin:4px 0}
.cx-s{font-size:11px;color:#cfe0cf;line-height:1.25;min-height:28px}
.cx-n{display:flex;justify-content:center;gap:8px;font-size:10.5px;color:#a9c3ad;margin-top:2px}
.cx-v{font-size:20px;font-weight:800;color:var(--dourado);font-variant-numeric:tabular-nums;margin-top:3px}
.cx-v em{font-style:normal;font-size:11px;color:#cfe0cf;margin-left:2px}
.editando{font-size:11.5px;color:#cfe0cf;text-align:center;margin-bottom:8px}

.modo{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:10px 0 4px}
.modo button{border:1.5px solid rgba(242,234,211,.3);background:transparent;color:var(--creme);
  border-radius:8px;padding:9px 4px;font-size:11.5px;font-weight:800;line-height:1.15}
.modo button[aria-pressed=true]{background:var(--creme);color:var(--verde);border-color:var(--creme)}
.dois.so-um{grid-template-columns:1fr}
.dois.so-um .cx{border-color:rgba(242,234,211,.28);background:rgba(255,255,255,.06)}
.dois.so-um canvas{max-width:260px;margin:4px auto}
.dois.so-um .cx-v{font-size:24px}
.editando:empty{display:none}

/* animais menores e do mesmo tamanho nos dois modos */
.cx canvas{max-width:150px;margin:4px auto}
.dois.so-um canvas{max-width:150px;margin:4px auto}
.cx{padding:8px}
.cx-v{font-size:19px}
.dois.so-um .cx-v{font-size:19px}
.dois.so-um{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}

/* qual sexo está sendo preenchido */
.trocaSexo{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}
.trocaSexo button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2);
  border-radius:8px;padding:10px;font-size:13px;font-weight:800}
.trocaSexo button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}

.ptf2-h .sx{text-decoration:none;font-size:10.5px;font-weight:800;color:#fff;background:var(--verde2);
  border-radius:9px;padding:1px 7px;margin-left:5px;vertical-align:1px}

/* ágio dentro do painel verde */
.agio.agio-hero{background:rgba(255,255,255,.08);border:1px solid rgba(242,234,211,.25);
  border-left:3px solid var(--dourado);color:#cfe0cf;margin:10px 0 0;padding:9px 11px}
.agio.agio-hero b{color:var(--dourado)}
.agio.agio-hero .ref{color:#a9c3ad}
.agio.agio-hero button{background:var(--dourado);color:#1B3A2B;border:0;font-weight:800}

/* resultado por cabeça: faixa larga no fim da página */
.panel.resultado{margin-top:14px;background:var(--creme2);border:2px solid var(--verde2)}
.rescols{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.rescols{grid-template-columns:1.35fr 1fr}}
.resbig{display:grid;gap:8px;align-content:start}
.rb{background:var(--verde);border-radius:12px;padding:14px 16px}
.rb.ruim{background:#7C3B2C}
.rb span{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--dourado)}
.rb b{display:block;font-size:34px;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.rb em{font-style:normal;font-size:11.5px;color:#cfe0cf}
.rb2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.rb2 div{background:#fff;border:1px solid var(--linha);border-radius:9px;padding:9px 10px;text-align:center}
.rb2 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza)}
.rb2 b{font-size:17px;color:var(--verde);font-variant-numeric:tabular-nums}

/* gráfico de barras do resultado */
.graf{margin-top:14px;padding-top:12px;border-top:1px solid var(--linha)}
.graf-t{font-size:12.5px;color:var(--cinza);margin-bottom:7px}
.graf-t b{color:var(--verde);font-size:14px}
.graf-b{display:flex;gap:3px;height:30px;border-radius:7px;overflow:hidden}
.graf-b i{display:block;height:100%;min-width:3px}
.graf-l{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:9px}
@media(min-width:760px){.graf-l{grid-template-columns:repeat(5,1fr)}}
.graf-l em{font-style:normal;padding-left:11px;position:relative;line-height:1.25}
.graf-l em::before{content:"";position:absolute;left:0;top:3px;width:6px;height:11px;border-radius:2px;background:var(--c)}
.graf-l b{display:block;font-size:11.5px;color:var(--verde);font-weight:800}
.graf-l span{font-size:11px;color:var(--cinza);font-variant-numeric:tabular-nums}

/* gráfico em barras verticais, sob o resultado */
.graf{margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}
.graf-t{font-size:12px;color:var(--cinza);margin-bottom:10px}
.graf-t b{color:var(--verde);font-size:13.5px}
.graf-v{display:flex;gap:8px;align-items:flex-end;height:180px}
.gv{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}
.gv i{display:block;width:100%;max-width:54px;background:var(--c);border-radius:6px 6px 0 0;min-height:6px}
.gv-n{font-size:11.5px;font-weight:800;color:var(--verde);font-variant-numeric:tabular-nums}
.gv-p{font-size:11px;font-weight:800;color:var(--cinza)}
.gv-l{font-size:10px;color:var(--cinza);text-align:center;line-height:1.2;min-height:24px}

.rescol2{display:grid;gap:0;align-content:start}
.rescol2 .graf{margin-top:14px;padding-top:12px}
@media(min-width:900px){.graf-v{height:200px}}

/* resultado: as duas colunas terminam juntas e o gráfico ocupa a sobra */
@media(min-width:900px){
  .rescols{grid-template-columns:1.25fr 1fr;align-items:stretch}
  .rescols>div:first-child{display:flex;flex-direction:column}
  .rescols>div:first-child .frow:last-of-type{margin-top:auto}
  .rescol2{display:flex;flex-direction:column}
  .rescol2 .graf{flex:1;display:flex;flex-direction:column}
  .rescol2 .graf-v{flex:1;height:auto;min-height:170px}
}

/* aviso de salvamento automático */
.salvo{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--dourado)}
.salvo.salvando{color:#cfe0cf}
.pt-btns{align-items:center;justify-content:space-between}

/* aviso de dados salvos, bem visível */
.salvobox{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;
  background:var(--dourado);border-radius:10px}
.salvobox b{display:block;font-size:14.5px;font-weight:800;color:#1B3A2B;line-height:1.2}
.salvobox span{display:block;font-size:11.5px;color:#3d3520;margin-top:1px}
.salvo-ic{flex:none;width:30px;height:30px;border-radius:50%;background:#1B3A2B;color:var(--dourado);
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;font-style:normal}
.salvobox.salvando{background:rgba(242,234,211,.18)}
.salvobox.salvando b{color:var(--creme)}
.salvobox.salvando span{color:#cfe0cf}
.salvobox.salvando .salvo-ic{background:var(--creme);color:var(--verde)}

/* aviso curto */
.aviso.curto{display:block;background:#faf1ee;border:1px solid #efd3cc;border-left:5px solid var(--perda);
  border-radius:8px;padding:10px 12px;font-size:13px;color:#2b2b2b;margin:10px 0 14px}
.aviso.curto b{color:var(--perda);font-size:13.5px}

/* ação seguinte: ver o resultado */
.btn-ver{display:block;width:100%;margin-top:9px;border:0;border-radius:10px;background:var(--dourado);
  color:#1B3A2B;padding:14px;font-size:15px;font-weight:800}
.btn-ver:active{filter:brightness(.95)}
.salvobox{background:rgba(242,234,211,.14);border:1px solid rgba(242,234,211,.3)}
.salvobox b{color:var(--creme)}
.salvobox span{color:#cfe0cf}
.salvo-ic{background:var(--dourado);color:#1B3A2B}
.salvobox.salvando{background:rgba(242,234,211,.14)}
.salvobox.salvando .salvo-ic{background:var(--creme);color:var(--verde)}

.btn-pdf{display:block;width:100%;margin-top:14px;border:2px solid var(--verde2);background:#fff;
  color:var(--verde);border-radius:10px;padding:13px;font-size:14.5px;font-weight:800}
@media(min-width:900px){.btn-pdf{max-width:320px;margin-left:auto;margin-right:auto}}
@media print{.btn-pdf{display:none}}

/* aviso forte quando ainda não montou o sistema */
.avisoref{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;
  background:rgba(192,85,63,.22);border:1px solid rgba(233,160,140,.5);border-left:5px solid #E9A08C;
  border-radius:0 9px 9px 0;padding:11px 12px;margin-top:12px}
.avisoref i{flex:none;width:22px;height:22px;border-radius:50%;background:#E9A08C;color:#5c2318;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px}
.avisoref b{display:block;font-size:13.5px;color:#FFD9CD;font-weight:800;line-height:1.25}
.avisoref span{display:block;font-size:12px;color:#f0cfc5;margin-top:2px;line-height:1.3}
.selo-tgz{font-style:normal;font-size:10.5px;font-weight:800;color:#1B3A2B;background:var(--dourado);
  border-radius:9px;padding:1px 8px;margin-left:6px;white-space:nowrap}

/* lembrete curto ao digitar sem o sistema montado */
.toast{position:fixed;left:12px;right:12px;bottom:82px;z-index:60;
  background:#5C2318;border:1px solid #E9A08C;border-radius:10px;padding:10px 13px;
  color:#FFD9CD;font-size:13px;font-weight:600;text-align:center;
  box-shadow:0 6px 20px rgba(0,0,0,.28);opacity:0;transform:translateY(8px);transition:.25s}
.toast.on{opacity:1;transform:translateY(0)}
.toast b{color:#fff}
@media(min-width:900px){.toast{left:auto;right:20px;bottom:20px;max-width:380px;text-align:left}}
@media print{.toast{display:none}}

.toast{font-size:12.5px;line-height:1.3}
@media(max-width:899px){.toast{bottom:78px}}

/* barrinha proporcional em cada linha do extrato */
.frow{position:relative;padding-bottom:12px}
.fbar{position:absolute;left:0;bottom:4px;height:4px;border-radius:2px;display:block}
.frow.venda .fbar{height:6px;bottom:3px}
.frow.total .fbar{height:6px;bottom:3px}
.frow.total{padding-bottom:14px}

/* a venda é a régua do resultado: número maior e em destaque */
.frow.venda{padding:6px 0 14px;border-bottom:2px solid var(--verde2);margin-bottom:6px}
.frow.venda span{font-size:13px;color:var(--verde2);font-weight:700}
.frow.venda span em{font-weight:400}
.frow.venda b{font-size:26px;color:var(--verde);font-weight:800;font-variant-numeric:tabular-nums}
.frow.venda .fbar{height:7px;bottom:2px}

/* mais barras: números e rótulos um pouco menores */
.graf-v{gap:6px}
.gv-n{font-size:10.5px}
.gv-p{font-size:10px}
.gv-l{font-size:9.5px;min-height:26px}
.gv i{max-width:46px}

.gv.total i{border-radius:6px 6px 0 0}
.gv.total .gv-n{color:var(--verde);font-size:12.5px}
.gv.total .gv-l{font-weight:800;color:var(--verde)}
.gv.total .gv-p{color:var(--verde2)}

/* ================= IMPRESSÃO / PDF ================= */
@media print{
  @page{size:A4 portrait;margin:8mm}
  body{background:#fff;font-size:10px}
  .previa,.planobar,.topnav,.bar,.toast,.btn-pdf,.avisoref,.aviso,.verTodos,.btn-canto,
  .fazform,.linkbtn,#sisAbate,#sisRepo,.sisbt,.panel.o3 .grp,.ruler,.hcta{display:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .main{padding:0!important;max-width:100%!important}
  .header{margin-bottom:5px}
  .cols{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
  .panel,.hero{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;
    margin-bottom:7px;padding:8px;border-radius:7px}
  .hero{order:-1}
  .hprice{font-size:30px}
  .hprice small{font-size:14px}
  .k3 .v{font-size:14px}
  .boi canvas{max-width:130px}
  .boi-l em{font-size:9px}
  .sec-h span{font-size:10px}
  .ctrl .val input{font-size:12px}
  .stp,.mm,.aj{display:none!important}
  .ctrl .val{padding:2px 6px}
  input[type=range]{height:5px}
  input[type=range]::-webkit-slider-thumb{width:10px;height:10px}
  .ladder{font-size:9px}
  .ladder td,.ladder th{padding:3px 4px}
  .panel.resultado{grid-column:1/-1;break-before:auto;page-break-before:auto}
  .rescols{grid-template-columns:1.2fr 1fr!important;gap:10px}
  .frow{padding-bottom:9px;font-size:9.5px}
  .frow.venda b{font-size:18px}
  .frow.total b{font-size:15px}
  .graf-v{height:110px}
  .gv-n,.gv-p{font-size:8.5px}
  .gv-l{font-size:8px;min-height:18px}
  .rb b{font-size:22px}
  .rb2 b{font-size:12px}
  .footer{margin-top:6px;font-size:8px}
}

.previa,.planobar{display:none!important}

/* ajuda nos campos do Meu Sistema */
.dica{margin-left:6px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--dourado);
  background:transparent;color:#8a5a12;font-size:11px;font-weight:800;line-height:1;padding:0;
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.dica:active{background:var(--dourado);color:#1B3A2B}
.dicabox{margin-top:6px;background:var(--creme2);border-left:3px solid var(--dourado);border-radius:0 7px 7px 0;
  padding:8px 10px;font-size:12px;color:#2b2b2b;line-height:1.35}
@media print{.dica,.dicabox{display:none}}
.passo-txt{font-size:12.5px;color:var(--cinza);line-height:1.4;margin:0 0 10px}
.passo-txt b{color:var(--verde)}
@media print{.passo-txt{display:none}}

/* passo a passo do Meu Sistema */
.guia{list-style:none;margin:12px 0 10px;padding:0;display:grid;gap:6px}
.guia li{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(242,234,211,.18)}
.guia li b{flex:none;width:23px;height:23px;border-radius:50%;background:rgba(242,234,211,.2);
  color:var(--creme);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.guia li span{font-size:13px;color:#cfe0cf;font-weight:600}
.guia li.agora{border-color:var(--dourado);background:rgba(201,168,106,.16)}
.guia li.agora b{background:var(--dourado);color:#1B3A2B}
.guia li.agora span{color:var(--creme);font-weight:800}
.guia li.ok b{background:#7CB342;color:#1B3A2B}
.guia li.ok span{color:#a9c3ad}
/* fase ainda no padrão TGZ */
.ptf2:not(.feita){border-style:dashed}
@media print{.guia{display:none}}

/* passos do Meu Sistema: fazenda e categoria em painel claro */
#secFazenda .ptfaz{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
#secFazenda .ptfaz .pcx{background:var(--creme2);border:1px solid var(--linha);border-radius:10px;padding:10px}
#secFazenda .ptfaz label{color:var(--verde2)}
#secFazenda .ptfaz .val input{color:var(--verde)}
.modo.claro button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2)}
.modo.claro button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}

/* rebanho e área agora ficam em painel claro */
#secFazenda .ptfaz{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;background:none;border:0;padding:0}
#secFazenda .ptfz{background:var(--creme2);border:1px solid var(--linha);border-radius:10px;padding:9px 10px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#secFazenda .ptfz span{width:100%;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--cinza)}
#secFazenda .ptfz input{flex:1;min-width:52px;background:#fff;border:1px solid var(--linha);border-radius:7px;
  color:var(--verde);font-size:18px;font-weight:800;text-align:center;padding:6px 4px;font-variant-numeric:tabular-nums}
#secFazenda .ptfz em{font-style:normal;font-size:11px;color:var(--cinza)}
#secFazenda .ptfz .aj{width:34px;height:34px;font-size:19px;border-radius:8px}
#secFazenda .ptfz{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"l l l l" "m v u p";
  align-items:center;gap:6px}
#secFazenda .ptfz span{grid-area:l}
#secFazenda .ptfz .aj:first-of-type{grid-area:m}
#secFazenda .ptfz input{grid-area:v}
#secFazenda .ptfz em{grid-area:u}
#secFazenda .ptfz .aj:last-of-type{grid-area:p}
#secFazenda .ptfz .aj{background:var(--verde);color:var(--creme);border:0}

/* passos do painel: atalho para a seção */
.guia li{cursor:pointer}
.guia li:active{opacity:.7}
@keyframes piscaTGZ{0%,100%{box-shadow:0 0 0 0 rgba(201,168,106,0)}
  25%,75%{box-shadow:0 0 0 4px rgba(201,168,106,.55)}}
.piscar{animation:piscaTGZ 1.1s ease-in-out 2}
/* campo vazio pede preenchimento */
#secFazenda .ptfz input:placeholder-shown{border-color:var(--dourado);background:#fffdf5}

/* município e UF */
.locbox{display:grid;grid-template-columns:1fr 84px;gap:10px;margin-top:10px}
.loc-c label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--cinza);margin-bottom:4px}
.loc-c input{width:100%;background:#fff;border:1px solid var(--linha);border-radius:9px;padding:11px 12px;
  font-size:15px;font-weight:700;color:var(--verde);font-family:inherit}
.loc-c input:focus{border-color:var(--verde);outline:none}
.loc-c.uf input{text-align:center;letter-spacing:1px}
.loc-n{grid-column:1/-1;margin:0;font-size:11.5px;color:var(--cinza)}

/* guia dos passos, mais didático */
.guia{list-style:none;margin:14px 0 12px;padding:0;display:grid;gap:8px}
.guia li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;
  padding:12px 13px;border-radius:11px;background:rgba(255,255,255,.07);
  border:1.5px solid rgba(242,234,211,.22);cursor:pointer}
.guia li b{width:32px;height:32px;border-radius:50%;background:rgba(242,234,211,.18);color:var(--creme);
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.guia li span{display:block;font-size:14px;color:#fff;font-weight:800;line-height:1.2}
.guia li em{display:block;font-style:normal;font-size:11.5px;color:#a9c3ad;margin-top:1px}
.guia li .st{font-style:normal;font-size:10.5px;font-weight:800;color:var(--dourado);
  border:1px solid rgba(201,168,106,.5);border-radius:20px;padding:3px 9px;white-space:nowrap}
.guia li.agora{border-color:var(--dourado);background:rgba(201,168,106,.16)}
.guia li.agora b{background:var(--dourado);color:#1B3A2B}
.guia li.ok b{background:#6E9E70;color:#fff}
.guia li.ok .st{color:#a9c3ad;border-color:rgba(169,195,173,.4)}
.guia li.ok span{color:#cfe0cf}
.guia li:active{transform:scale(.99)}

/* cabeças do lote: o terceiro número que decide a compra */
.ctrl.lote{background:#1B3A2B;border-radius:12px;padding:12px 13px;margin:14px 0 4px;
  border:2px solid var(--dourado)}
.ctrl.lote > .row > label,.ctrl.lote label{color:var(--dourado)!important;font-size:12px;letter-spacing:.5px;text-transform:uppercase}
.ctrl.lote .val{background:#fff;border-color:#fff}
.ctrl.lote .val input{color:var(--verde);font-size:26px}
.ctrl.lote .val em{color:var(--cinza)}
.ctrl.lote .stp{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}
.ctrl.lote .hint{color:#cfe0cf}
.ctrl.lote input[type=range]{background:rgba(242,234,211,.25)}
.ctrl.lote input[type=range]::-webkit-slider-thumb{background:var(--dourado);border-color:#fff}
.ctrl.lote input[type=range]::-moz-range-thumb{background:var(--dourado);border-color:#fff}
.ctrl.lote .row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:8px}
.ctrl.lote .row > label{grid-column:1/-1;margin:0 0 2px}
.ctrl.lote .stp{display:flex!important;width:46px;height:46px;align-items:center;justify-content:center;
  font-size:24px;border-radius:10px;font-weight:800}
.ctrl.lote .val{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;padding:8px 10px}

/* escolha do sistema: mais ar e divisões claras */
.smsg{margin:20px 0 10px;padding:0 0 8px;border-bottom:2px solid var(--verde)}
.smsg:first-child{margin-top:6px}
.smsg b{display:block;font-size:15px;font-weight:800;color:var(--verde);letter-spacing:.3px}
.smsg span{display:block;font-size:12px;color:var(--cinza);margin-top:2px}
.sgrid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.sgrid{grid-template-columns:1fr 1fr;gap:12px 22px}}
.sisms .sisb{margin:0}
.sisms{display:block!important}
.sgrid{width:100%}
.smsg{grid-column:1/-1}

/* terceira via: novilha prenha */
.sisb-cria{border:2px dashed var(--dourado)!important;background:#fffdf5!important;text-align:left;width:100%}
.sisb-cria .rad{width:26px;height:26px;border-radius:50%;background:var(--dourado);color:#1B3A2B;
  display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px}
.sisb-cria .sisb-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sisb-cria b{font-size:15px;color:var(--verde)}
.sisb-cria em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:800;color:#8a5a12}
.sisb-cria .sisb-n{font-size:11.5px;color:var(--cinza);margin-top:12px;line-height:1.4;display:block}

/* escolha do sistema: mais respiro no computador */
@media(min-width:760px){
  .sgrid{grid-template-columns:1fr 1fr;gap:18px 40px}
  .sisms .sisb{padding:16px 18px}
  .sisms .sisb-h{margin-bottom:12px}
  .smsg{margin:30px 0 14px;padding-bottom:10px}
  .smsg:first-child{margin-top:8px}
}
.sisms .sisb{border-width:1.5px;border-radius:12px}
.sisms .sisb + .sisb{margin-top:0}
.sisb-fx{gap:6px;height:24px}
.sisb-fx span{border-radius:6px;font-size:11px;letter-spacing:.2px;opacity:.92}
.sisb[aria-pressed=true] .sisb-fx span{opacity:1}
.sisb-cria .sisb-fx{height:26px}
.sisb-cria .sisb-fx span{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;
  font-size:11.5px;min-width:0;overflow:hidden;white-space:nowrap}

/* ================= IMPRESSÃO · padrão TGZ para todas as ferramentas ================= */
@media print{
  @page{size:A4 portrait;margin:8mm}
  html,body{background:#fff!important;font-size:10px}
  /* fora do papel: tudo que é para tocar */
  .bar,.toast,.btn-pdf,.voltarSis,.crianav,.btn-canto,.btn-ver,.salvobox,.stp,.aj,.dica,.dicabox,
  .tgznav,.previa,.planobar,.topnav,.guia,.passo-txt,.avisoref,.aviso,.verTodos,.linkbtn,
  input[type=range],.origem,.vazia,.alvos,.prot,.anc,.chk,.modo,.trocaSexo,.sexo,.sisms,.fazform{display:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .main{padding:0!important;max-width:100%!important}
  .cols{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
  .panel,.hero,.panel.funil,.panel.resultado{break-inside:avoid;page-break-inside:avoid;
    box-shadow:none!important;margin-bottom:6px;padding:8px;border-radius:7px}
  .hero{order:-1}
  .hprice{font-size:26px}
  .k3 .v{font-size:14px}
  .ctrl{margin-bottom:6px}
  .ctrl .val{padding:2px 6px}
  .ctrl .val input{font-size:12px;border:0;background:transparent}
  .ctrl label{font-size:9.5px}
  .hint{font-size:8.5px}
  /* tabelas e listas não podem quebrar no meio */
  table,.ladder{break-inside:avoid;page-break-inside:avoid;font-size:8.5px;width:100%}
  .ladder td,.ladder th{padding:2px 4px}
  tr,.frow,.ev,.fun-l,.gv{break-inside:avoid;page-break-inside:avoid}
  .rescols{grid-template-columns:1.2fr 1fr!important;gap:8px}
  .frow{padding-bottom:7px;font-size:9px}
  .frow.venda b{font-size:15px}
  .graf-v{height:95px}
  .gv-n,.gv-p{font-size:8px}
  .gv-l{font-size:7.5px;min-height:16px}
  .rb b{font-size:17px}
  .rb2 b{font-size:11px}
  .boi canvas,#c_vaca{max-width:120px!important}
  .footer{margin-top:5px;font-size:8px}
  a[href]:after{content:""}
}
@media print{
  /* deixa o conteúdo fluir e encher a página; só linhas e tabelas ficam inteiras */
  .panel,.hero,.cols,.rescols,.rescol2{break-inside:auto!important;page-break-inside:auto!important}
  .panel{break-before:auto!important;page-break-before:auto!important}
  table,.ladder,tr,.frow,.ev,.fun-l,.gv,.rb,.rb2,.aqtot,.resumo,.k3,.graf{break-inside:avoid!important;page-break-inside:avoid!important}
  .hero{margin-bottom:6px}
  .sec-h{break-after:avoid;page-break-after:avoid}
}

/* trilha do sistema: como o animal caminha */
.trilha-sis{margin-top:10px}
.ts-pesos{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;color:#cfe0cf;margin-bottom:5px}
.ts-pesos b{color:#fff;font-size:13px}
.ts-dias{color:var(--dourado);font-weight:800;font-size:12px}
.ts-barra{display:flex;gap:3px;border-radius:8px;overflow:hidden;min-height:44px}
.ts-barra i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  padding:6px 4px;min-width:0;font-style:normal;text-align:center}
.ts-barra b{font-size:11px;font-weight:800;color:#fff;line-height:1.15;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ts-barra em{font-style:normal;font-size:10px;color:rgba(255,255,255,.85);white-space:nowrap}
/* no painel claro do Meu Sistema */
#ptTrilha .ts-pesos{color:#cfe0cf}
@media print{.trilha-sis{break-inside:avoid}}


/* ===== CRIA · complementos ===== */
/* animal embaixo dos números, igual à engorda */
.heroBase{display:block}
#c_vacaBox{margin:10px 0 0;text-align:center}
#c_vaca{max-width:230px;width:100%;height:auto;display:block;margin:2px auto 0}
@media(min-width:520px){#c_vaca{max-width:260px}}

/* legenda igual à da engorda */
#c_vacaL{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
#c_vacaL em{font-style:normal;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
#c_vacaL em::before{content:"";width:11px;height:11px;border-radius:2px;display:inline-block}
#c_vacaL .ouro{color:var(--dourado)}
#c_vacaL .ouro::before{background:var(--dourado)}
#c_vacaL .escuro{color:#fff}
#c_vacaL .escuro::before{background:#141A16;border:1px solid rgba(242,234,211,.55)}
.voltarSis{display:inline-block;margin:2px 0 10px;font-size:13px;font-weight:800;color:var(--verde2);
  text-decoration:none;background:var(--creme2);border:1px solid var(--linha);border-radius:20px;padding:8px 14px}
.voltarSis:active{background:var(--verde);color:var(--creme)}


/* ================= CRIA · NOVILHA PRENHA (completo) ================= */
/* ===== Novilha Prenha: ajustes sobre o padrão TGZ ===== */
.header{display:flex;align-items:stretch;background:#fff;border-bottom:3px solid var(--verde)}
.header .logo{background:var(--verde);color:var(--creme);display:flex;align-items:center;padding:0 16px}
.header .logo b{font-size:26px;letter-spacing:1px}
.header .marca{padding:10px 14px;border-right:1px solid var(--linha)}
.header .marca .m1{font-size:15px;font-weight:800;color:var(--verde);letter-spacing:1px}
.header .marca .m2{font-size:9px;letter-spacing:2px;color:var(--cinza)}
.header .faz{margin-left:auto;text-align:right;padding:10px 14px}
.header .faz b{display:block;font-size:14px;color:var(--verde)}
.header .faz span{font-size:11px;color:var(--cinza)}

.vb{display:flex;align-items:center;gap:12px}
.vb h1{font-size:30px;margin:0;color:#fff;line-height:1.1}
.vb-ic{flex:none;width:38px;height:38px;border-radius:50%;background:#6E9E70;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:20px;font-style:normal;font-weight:800}
.vb-ic.meio{background:var(--dourado);color:#1B3A2B}
.vb-ic.ruim{background:#C0553F;color:#fff}
.hsub{font-size:13.5px;color:#cfe0cf;margin:8px 0 0;line-height:1.35}
.hlab{font-size:12.5px;color:#cfe0cf;margin-top:12px}
.hprice{font-size:40px;font-weight:800;color:var(--dourado);line-height:1.05;font-variant-numeric:tabular-nums}
.hprice small{font-size:15px;font-weight:700;color:#e8ddc0;margin-left:4px;white-space:nowrap}
.hsub2{font-size:12px;color:#cfe0cf;margin:4px 0 0;line-height:1.35}
.k3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px;
  border-top:1px solid rgba(242,234,211,.18);padding-top:10px}
.k3 .l{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--dourado);line-height:1.2;min-height:24px}
.k3 .v{font-size:19px;font-weight:800;color:#fff}
.k3 .v.ruim{color:#E9A08C}
.k3 .s{font-size:10.5px;color:#a9c3ad;margin-top:2px;line-height:1.25}
.k3.b{margin-top:8px}

.origem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 14px}
.origem button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2);border-radius:9px;
  padding:12px 6px;font-size:13px;font-weight:800}
.origem button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.chk{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--verde);
  margin:12px 0;padding:10px 12px;background:var(--creme2);border:1px solid var(--linha);border-radius:9px}
.chk input{width:19px;height:19px;accent-color:var(--verde)}
.bar .bv{font-size:17px;font-weight:800;color:var(--dourado);line-height:1.1}
.bar .bv small{font-size:11px;color:#cfe0cf;font-weight:600}
.bar .bd{text-align:right}
.bar .bd b{display:block;font-size:17px;color:#fff}
.bar .bd span{font-size:11px;color:#cfe0cf}
.bar b#bTx{font-size:12.5px;color:#cfe0cf;font-weight:700}
.sec-sub{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--verde2);font-weight:800;
  margin:14px 0 7px;padding-top:12px;border-top:1px solid var(--linha)}
.vazia{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.vazia button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2);border-radius:9px;
  padding:11px 6px;font-size:12.5px;font-weight:800}
.vazia button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.crianav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 0;max-width:1200px;margin:0 auto}
.crianav button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2);border-radius:10px;
  padding:12px 8px;font-size:13px;font-weight:800}
.crianav button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.status{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border-radius:20px;
  padding:6px 12px;font-size:12.5px;color:#cfe0cf;font-weight:700}
.status i{width:8px;height:8px;border-radius:50%;background:#6E9E70}
.btn-canto{float:right;background:var(--dourado);color:#1B3A2B;border:0;border-radius:20px;
  padding:9px 15px;font-size:13px;font-weight:800}
.alvos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:-4px 0 14px}
.alvos button{border:1.5px solid var(--linha);background:#fff;color:var(--verde2);border-radius:9px;
  padding:9px 4px;font-size:13px;font-weight:800}
.alvos button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.ctrl.destaque-pe{background:var(--creme2);border:1px solid var(--linha);border-left:4px solid var(--dourado);
  border-radius:0 10px 10px 0;padding:10px 12px;margin:10px 0}
.ctrl.destaque-pe label::after{content:' · vem do seu sistema';font-size:10.5px;font-weight:600;color:var(--cinza);letter-spacing:0;text-transform:none}
/* funil da estação de monta */
.panel.funil{background:var(--creme2);border:2px solid var(--verde2)}
.fun-t{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--verde2);font-weight:800;
  margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--linha)}
.fun-l{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--linha)}
.fun-l:last-child{border-bottom:0}
.fl-n{font-size:11.5px;font-weight:800;color:var(--verde2);text-transform:uppercase;letter-spacing:.3px}
.fun-l b{font-size:16px;color:var(--verde);font-variant-numeric:tabular-nums}
.fun-l em{grid-column:2;font-style:normal;font-size:12px;color:var(--cinza);display:block;margin-top:1px}
.fun-l.fim{background:#fffdf5;border-left:4px solid var(--dourado);border-radius:0 8px 8px 0;padding:10px 12px;margin-top:6px}
.fun-l.fim b{color:#8a5a12}
/* resumo do lote na Compra Segura */
.resumo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;
  border-top:1px solid rgba(242,234,211,.18)}
.resumo .rs{background:rgba(255,255,255,.08);border:1px solid rgba(242,234,211,.22);border-radius:10px;
  padding:8px 12px;min-width:86px}
.resumo .rs b{display:block;font-size:20px;color:#fff;font-weight:800;line-height:1.1}
.resumo .rs span{font-size:10.5px;color:#a9c3ad}
.resumo .rs.ok{border-color:var(--dourado);background:rgba(201,168,106,.18)}
.resumo .rs.ok b{color:var(--dourado)}
.resumo > i{font-style:normal;color:#a9c3ad;font-size:17px;font-weight:800}
.resumo > em{flex-basis:100%;font-style:normal;font-size:11.5px;color:#cfe0cf}
.fun-l.perda b{color:#8a3324}
.fun-l.ok2{background:#f2f6f0;border-left:4px solid var(--verde);border-radius:0 8px 8px 0;padding:10px 12px;margin-top:6px}
/* calculadora da mão de obra */
.mo{background:var(--creme2);border:1px solid var(--linha);border-radius:11px;padding:12px;margin:12px 0}
.mo-t{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--verde2);font-weight:800;margin-bottom:10px}
.mo-t small{font-size:10.5px;font-weight:600;color:var(--cinza);letter-spacing:0;text-transform:none;margin-left:6px}
.mo .ctrl{margin-bottom:10px}
.mo-r{background:var(--verde);border-radius:9px;padding:11px 12px;margin-top:4px}
.mo-r b{font-size:19px;color:var(--dourado);font-variant-numeric:tabular-nums}
.mo-r span{display:block;font-size:11px;color:#cfe0cf;margin-top:2px;line-height:1.35}
.mo-r em{display:block;font-style:normal;font-size:11.5px;color:#fff;font-weight:700;margin-top:6px;
  padding-top:6px;border-top:1px solid rgba(242,234,211,.2)}
.aqtot{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.aqtot > div{background:var(--verde);border-radius:10px;padding:10px 12px}
.aqtot span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--dourado)}
.aqtot b{display:block;font-size:19px;color:#fff;font-variant-numeric:tabular-nums;line-height:1.15}
.aqtot em{display:block;font-style:normal;font-size:10.5px;color:#cfe0cf;margin-top:2px;line-height:1.3}
/* novilha pintada */
#c_novilha{margin-top:10px;text-align:center}
#c_novilha canvas{width:100%;max-width:230px;height:auto;display:block;margin:0 auto}
#c_novilha .boi-l{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:4px}
#c_novilha .boi-l em{font-style:normal;font-size:11.5px;font-weight:800;display:flex;align-items:center;gap:5px}
#c_novilha .boi-l em::before{content:'';width:10px;height:10px;border-radius:2px;display:inline-block}
#c_novilha .ouro{color:var(--dourado)}
#c_novilha .ouro::before{background:#D9A72C}
#c_novilha .escuro{color:#cfe0cf}
#c_novilha .escuro::before{background:#141A16;outline:1px solid rgba(242,234,211,.4)}
/* painel mais compacto, com a vaca ao lado dos números */
#c_vCompra .hero{padding:16px 16px 14px}
.heroBase{display:grid;grid-template-columns:1fr;gap:6px;align-items:center;margin-top:10px;
  border-top:1px solid rgba(242,234,211,.18);padding-top:10px}
.heroBase .k3{margin-top:0;border-top:0;padding-top:0}
#c_vacaBox{margin:0;text-align:center}
#c_vaca{max-width:210px;width:100%;height:auto;display:block;margin:0 auto}
#c_vacaL{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:2px}
#c_vacaL em{font-style:normal;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
#c_vacaL em::before{content:"";width:9px;height:9px;border-radius:2px;display:inline-block}
#c_vacaL .ouro{color:var(--dourado)}
#c_vacaL .ouro::before{background:var(--dourado)}
#c_vacaL .escuro{color:#cfe0cf}
#c_vacaL .escuro::before{background:#141A16;border:1px solid rgba(242,234,211,.4)}
@media(min-width:520px){
  .heroBase{grid-template-columns:1fr 230px;gap:14px}
  #c_vaca{max-width:230px}
}
#c_vCompra .hprice{font-size:36px}
#c_vCompra .hsub{margin:6px 0 0}
#c_vCompra .resumo{margin-top:10px;padding-top:10px}
/* aproveita melhor o painel */
#c_vCompra .hero{padding:14px 16px 12px}
.heroBase{margin-top:8px;padding-top:8px;gap:4px}
@media(min-width:520px){
  .heroBase{grid-template-columns:1fr 250px;gap:10px;align-items:center}
  #c_vaca{max-width:250px}
  #c_vCompra .hero .resumo{margin-top:8px;padding-top:8px}
}
#c_vacaL{margin-top:0}
.heroBase .k3 .v{font-size:21px}

/* animal embaixo dos números, igual à engorda */
.heroBase{display:block}
#c_vacaBox{margin:10px 0 0;text-align:center}
#c_vaca{max-width:230px;width:100%;height:auto;display:block;margin:2px auto 0}
@media(min-width:520px){#c_vaca{max-width:260px}}

/* botões iguais aos da Compra Segura da engorda */
.origem,.vazia,.alvos{background:var(--creme2);padding:4px;border-radius:8px;border:1px solid var(--linha);gap:4px}
.origem button,.vazia button,.alvos button{border:0;background:transparent;border-radius:6px;padding:10px 6px;
  font-size:13.5px;font-weight:800;color:var(--cinza);display:flex;align-items:center;justify-content:center}
.origem button[aria-pressed=true],.vazia button[aria-pressed=true],.alvos button[aria-pressed=true]{
  background:var(--verde);color:var(--creme);border:0}
.alvos{margin:-2px 0 14px}
.crianav button{border:0;background:transparent}

/* legenda igual à da engorda */
#c_vacaL{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
#c_vacaL em{font-style:normal;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
#c_vacaL em::before{content:"";width:11px;height:11px;border-radius:2px;display:inline-block}
#c_vacaL .ouro{color:var(--dourado)}
#c_vacaL .ouro::before{background:var(--dourado)}
#c_vacaL .escuro{color:#fff}
#c_vacaL .escuro::before{background:#141A16;border:1px solid rgba(242,234,211,.55)}
.voltarSis{display:inline-block;margin:2px 0 10px;font-size:13px;font-weight:800;color:var(--verde2);
  text-decoration:none;background:var(--creme2);border:1px solid var(--linha);border-radius:20px;padding:8px 14px}
.voltarSis:active{background:var(--verde);color:var(--creme)}

/* botão de voltar, em destaque */
.voltarSis{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;font-size:13.5px;font-weight:800;
  color:#1B3A2B;text-decoration:none;background:var(--dourado);border:0;border-radius:20px;padding:10px 16px;
  box-shadow:0 2px 8px rgba(201,168,106,.35)}
.voltarSis:active{filter:brightness(.94)}


/* como usar: primeiros passos no portal */
.comousar{background:#fffdf5;border:2px solid var(--dourado);border-radius:14px;padding:16px;margin:0 0 16px}
.cu-t{font-size:13px;font-weight:800;color:#8a5a12;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.cu-l{list-style:none;counter-reset:cu;margin:0;padding:0;display:grid;gap:12px}
.cu-l li{counter-increment:cu;display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:start}
.cu-l li::before{content:counter(cu);width:28px;height:28px;border-radius:50%;background:var(--verde);
  color:var(--creme);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.cu-l b{display:block;font-size:14.5px;color:var(--verde);line-height:1.25}
.cu-l span{display:block;font-size:12.5px;color:var(--cinza);margin-top:2px;line-height:1.35}
.cu-b{display:block;margin-top:14px;background:var(--verde);color:var(--creme);text-align:center;
  text-decoration:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:800}
.comousar.pronto{background:#f2f6f0;border-color:var(--verde2)}
.cu-ok{display:flex;gap:11px;align-items:flex-start}
.cu-ok i{flex:none;width:28px;height:28px;border-radius:50%;background:#6E9E70;color:#fff;font-style:normal;
  display:flex;align-items:center;justify-content:center;font-weight:800}
.cu-ok b{display:block;font-size:14.5px;color:var(--verde)}
.cu-ok span{display:block;font-size:12.5px;color:var(--cinza);margin-top:2px;line-height:1.35}
/* corrige a quebra do texto nos passos */
.comousar .cu-l li{display:grid!important;grid-template-columns:28px 1fr;gap:11px;align-items:start}
.comousar .cu-l li > b,.comousar .cu-l li > span{grid-column:2;min-width:0}
.comousar .cu-l li::before{grid-column:1;grid-row:1 / span 2}
.comousar .cu-l span{white-space:normal;word-break:normal}
.comousar .cu-l li > div{grid-column:2;min-width:0}
.comousar .cu-l li::before{grid-row:1}

/* Minha fazenda */
.ff{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ff .mf:first-child{grid-column:1/-1}
.ff .mf.uf{max-width:96px}
.ff2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:620px){.ff2{grid-template-columns:1fr 1fr;gap:14px 18px}}
.ctrl2 label{display:block;font-size:13.5px;font-weight:800;color:var(--verde);margin-bottom:6px}
.ctrl2 label b{display:none}
.ctrl2 label em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--cinza);margin-top:1px}
.ctrl2 .row{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:center}
.stp2{height:46px;border:0;border-radius:10px;background:var(--verde);color:var(--creme);font-size:23px;font-weight:800}
.val2{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--creme2);
  border:1px solid var(--linha);border-radius:10px;padding:8px 10px}
.val2 input{width:100%;min-width:0;border:0;background:transparent;text-align:center;font-size:20px;
  font-weight:800;color:var(--verde);font-variant-numeric:tabular-nums;font-family:inherit}
.val2 em{font-style:normal;font-size:12px;color:var(--cinza)}
.lot{margin-top:14px;padding-top:12px;border-top:1px solid var(--linha);text-align:center}
.lot b{display:block;font-size:26px;color:var(--verde);font-variant-numeric:tabular-nums}
.lot span{font-size:12px;color:var(--cinza)}
.okport{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:800;color:#3f7a4a;
  background:#eaf3ea;border-radius:9px;padding:2px 9px}
.mf select.sel{width:100%;background:var(--creme2);border:1px solid var(--linha);border-radius:9px;
  padding:11px 10px;font-size:15px;font-weight:700;color:var(--verde);font-family:inherit;appearance:auto}
.dicamun{display:block;font-style:normal;font-size:11.5px;color:var(--cinza);margin-top:4px}

/* portal: base e ferramentas em grupos */
.grupo-t{margin:18px 0 10px;padding-bottom:7px;border-bottom:2px solid var(--verde)}
.grupo-t:first-child{margin-top:4px}
.grupo-t b{display:block;font-size:14px;font-weight:800;color:var(--verde);letter-spacing:.3px}
.grupo-t span{display:block;font-size:12px;color:var(--cinza);margin-top:1px}
.passo.base{background:var(--creme2)!important;color:var(--verde2)!important;border:1.5px solid var(--linha)}
.obr{font-style:normal;font-size:10px;font-weight:800;color:#8a3324;background:#faf1ee;
  border-radius:8px;padding:1px 7px;margin-left:6px;letter-spacing:.2px;text-transform:uppercase}
.txt.falta{border-color:#C0553F;background:#fffaf8}
.dicamun.alerta{color:#8a3324;font-weight:700}
.totreb{margin-top:14px;padding:12px;background:var(--verde);border-radius:11px;text-align:center}
.totreb span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--dourado)}
.totreb b{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
.lot{margin-top:10px;padding-top:10px}
/* ---- Tela de entrada (v170) ---- */
#login{background:
  linear-gradient(180deg,rgba(20,44,32,.90) 0%,rgba(20,44,32,.84) 42%,rgba(20,44,32,.94) 100%),
  url(fazenda-arte.svg);
  background-size:auto, cover; background-position:center, center 28%;
  background-repeat:no-repeat,no-repeat}
.lcard{border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);border:1px solid rgba(201,168,106,.35)}
.lbody{padding:22px 22px 20px}
.lbody h2{font-size:24px;letter-spacing:.3px}
.lbody .lchamada{color:var(--verde2);font-size:13.5px;font-weight:600;margin:3px 0 18px;line-height:1.35;
  letter-spacing:0;text-transform:none}
.lbody label{font-weight:700;color:var(--verde2);font-size:12.5px}
.lbody input::placeholder{color:#b3b0a6;font-weight:400}
.lbody input:focus{outline:none;border-color:var(--dourado);background:#fff}
.btn-main{min-height:48px;border-radius:9px;font-size:15.5px}
.btn-main.alt{display:block;background:#fff;color:var(--verde);border:1.5px solid var(--verde2);
  text-align:center;text-decoration:none;padding:13px;margin-top:0}
.btn-main.alt:active{background:var(--creme2)}
.lsep{display:flex;align-items:center;gap:10px;margin:20px 0 12px}
.lsep::before,.lsep::after{content:"";flex:1;height:1px;background:var(--linha)}
.lsep span{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dourado);font-weight:800}
.lpri{font-size:11.5px;color:var(--cinza);text-align:center;margin:9px 0 0;line-height:1.4}
.lbody .fine{color:var(--cinza);margin-top:14px;line-height:1.5}
.lbody .fine a{color:var(--verde2);font-weight:700}
/* ---- Minha Fazenda: um bloco so (v168) ---- */
.fzdois{margin-top:14px;padding-top:14px;border-top:1px solid var(--linha)}
.fzmais{margin-top:12px;border-top:1px solid var(--linha);padding-top:11px}
.fzmais summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--verde);list-style:none;
  display:flex;align-items:center;gap:8px}
.fzmais summary::-webkit-details-marker{display:none}
.fzmais summary::before{content:"▸";color:var(--dourado);font-size:14px;transition:transform .15s}
.fzmais[open] summary::before{transform:rotate(90deg)}
.fzmais summary small{font-weight:500;color:var(--cinza);font-size:11.5px}
.fzmais .fzb{margin-top:10px}
.mf.wide{grid-column:1/-1}
/* ---- Minha Fazenda: quem mais acessa (v167) ---- */
.acrow{display:flex;justify-content:space-between;align-items:center;gap:10px;
  background:var(--creme2);border:1px solid var(--linha);border-radius:10px;padding:10px 12px;margin-bottom:7px}
.acrow b{display:block;font-size:14px;color:var(--verde);font-weight:800}
.acrow span{display:block;font-size:11.5px;color:var(--cinza);margin-top:1px}
.acrow span.espera{color:#8a5a12;font-weight:700}
.acvazio{font-size:12.5px;color:var(--cinza);font-style:italic;margin-bottom:10px}
#secAcessos .ff{margin-top:10px}
#secAcessos .btn{width:100%;margin-top:10px;padding:12px}
#ac_msg.erro{color:#8a3324}
@media print{ #secAcessos{display:none!important} }
/* ---- Minha Fazenda: entrada curta (v161) ---- */
.fzlin{margin-top:15px}
.fzlab{display:block;font-size:13.5px;font-weight:800;color:var(--verde);margin-bottom:7px}
.fzb{display:flex;flex-wrap:wrap;gap:6px}
.fzb button{flex:1 1 auto;background:#fff;border:1.5px solid var(--linha);border-radius:999px;padding:9px 13px;
  font-weight:800;font-size:13px;color:var(--verde2);line-height:1.2;text-align:center}
.fzb button em{display:block;font-style:normal;font-weight:600;font-size:10.5px;color:var(--cinza);margin-top:2px}
.fzb button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.fzb button[aria-pressed=true] em{color:var(--dourado)}
.fzb .val2.mini{flex:0 0 102px;height:40px;border-radius:999px;padding:0 10px;border:1.5px solid var(--linha)}
.fzb .val2.mini input{font-size:17px}
.fzou{align-self:center;font-size:11.5px;font-weight:700;color:var(--cinza);padding:0 2px}
.fzb.perfis{margin-top:2px}
.fzb.perfis button{flex:1 1 calc(50% - 6px)}
/* quem usa esta conta: dois botoes do mesmo tamanho */
.fzb.dois{margin:2px 0 12px}
.fzb.dois button{flex:1 1 calc(50% - 6px)}
@media(min-width:640px){ .fzb.perfis button{flex:1 1 auto} }
.fz-auto{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--verde2);
  margin-top:9px;line-height:1.4}
.fz-auto b{color:var(--verde);font-weight:800}
.val2 input.auto{color:var(--verde2)}
.fzdet{display:block;width:100%;margin-top:15px;background:var(--creme2);border:1.5px dashed var(--dourado);
  border-radius:11px;padding:11px;font-weight:800;font-size:13.5px;color:var(--verde)}
.fzdet i{font-style:normal;margin-left:7px;display:inline-block;transition:transform .15s}
.fzdet[aria-expanded=true] i{transform:rotate(180deg)}
#f_cats{margin-top:15px}
.fzlimpa{display:block;width:100%;margin-top:13px;background:transparent;border:0;
  border-top:1px solid var(--linha);padding:11px 0 0;font-weight:700;font-size:12.5px;
  color:var(--cinza);text-decoration:underline}
/* um passo por vez */
.guia li.aberto{border-color:var(--dourado);background:rgba(201,168,106,.2)}
.guia li.aberto .st{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}

/* ilustração da fazenda, no espaço vago do computador */
.portal-wrap{display:block}
.arte-faz{display:none}
@media(min-width:1000px){
  .portal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
  .arte-faz{display:block;position:sticky;top:18px}
  .arte-faz img{width:100%;height:auto;border-radius:14px;border:2px solid var(--linha);display:block}
  .arte-cap{margin-top:10px;text-align:center}
  .arte-cap b{display:block;font-size:14px;color:var(--verde)}
  .arte-cap span{font-size:11.5px;color:var(--cinza)}
}
/* legenda e dica do boi */
.boi-l .dicaboi,#c_vacaL .dicaboi{flex-basis:100%;font-style:normal;font-size:11.5px;font-weight:600;
  color:#cfe0cf;margin-top:5px;text-align:center}
.boi-l .dicaboi::before,#c_vacaL .dicaboi::before{content:none}
.boi-l .perda,#c_vacaL .perda{color:#E9A08C;font-weight:800}
.boi-l .perda::before,#c_vacaL .perda::before{background:#C0553F}

/* a arte sobe para o topo, com o botão */
.topo-wrap{display:block}
@media(min-width:1000px){
  .topo-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
  .topo-wrap .comousar{margin-bottom:0}
  .arte-faz{display:block;position:static}
  .comousar .cu-b{display:none}       /* no computador, o botão fica na imagem */
}
.arte-cta{display:none}
@media(min-width:1000px){
  .arte-cta{display:block;margin-top:10px;background:var(--verde);color:var(--creme);text-align:center;
    text-decoration:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:800}
  .arte-cta:active{filter:brightness(.94)}
}

/* topo equilibrado: as duas colunas com a mesma altura */
@media(min-width:1000px){
  .topo-wrap{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:stretch;gap:22px}
  .topo-wrap .comousar{display:flex;flex-direction:column;justify-content:center;margin:0}
  .arte-faz{display:flex;flex-direction:column;min-height:100%}
  .arte-faz img{flex:1 1 auto;min-height:0;height:auto;max-height:none;object-fit:cover;object-position:center 62%}
  .arte-cta{flex:none;margin-top:10px}
  .arte-cap{flex:none;margin-top:8px}
}
/* topo mais baixo, no formato paisagem */
@media(min-width:1000px){
  .topo-wrap{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);align-items:start;gap:22px}
  .topo-wrap .comousar{display:block;justify-content:flex-start;padding:16px 18px}
  .arte-faz{display:block;min-height:0}
  .arte-faz img{display:block;width:100%;height:232px;object-fit:cover;object-position:center 68%;flex:none}
  .arte-cta{margin-top:10px}
  .arte-cap{margin-top:8px}
}
@media(min-width:1000px){
  .arte-faz img{height:auto;object-fit:contain}
}
@media(min-width:1000px){
  .arte-faz img{height:clamp(200px,26vh,268px);object-fit:cover;object-position:center 60%;background:var(--creme2)}
}
@media(min-width:1000px){
  .arte-faz img{object-position:center 72%}
  .topo-wrap{grid-template-columns:minmax(0,1.3fr) minmax(300px,360px)}
}

/* no computador, os passos ficam maiores para bater o olho */
@media(min-width:1000px){
  .topo-wrap .comousar{padding:22px 24px}
  .comousar .cu-t{font-size:15px;letter-spacing:.8px;margin-bottom:16px}
  .comousar .cu-l{gap:16px}
  .comousar .cu-l li{grid-template-columns:36px 1fr;gap:14px}
  .comousar .cu-l li::before{width:36px;height:36px;font-size:17px}
  .comousar .cu-l b{font-size:18.5px;line-height:1.3}
  .comousar .cu-l span{font-size:14.5px;line-height:1.4;margin-top:3px}
  .arte-cta{font-size:16px;padding:15px}
  .arte-cap b{font-size:15px}
  .arte-cap span{font-size:12.5px}
}
@media(min-width:1000px){
  .topo-wrap{grid-template-columns:minmax(0,1.85fr) minmax(280px,330px);gap:24px}
  .arte-faz img{height:clamp(190px,24vh,240px)}
}
@media(min-width:1000px){
  .portal{max-width:1120px}
  .topo-wrap{grid-template-columns:minmax(0,1.6fr) minmax(300px,360px);gap:26px}
  .arte-faz img{height:clamp(210px,25vh,262px)}
}
@media(min-width:1000px){
  .tool h3{font-size:19px}
  .tool p{font-size:14.5px;line-height:1.4}
  .tool .ic{width:58px;height:58px;font-size:19px}
  .grupo-t b{font-size:15.5px}
  .grupo-t span{font-size:13px}
  .hello h2{font-size:26px}
  .hello p{font-size:14.5px}
}

/* fluxo de caixa do lote */
.panel.fluxo{background:var(--creme2);border:2px solid var(--verde2)}
.fx-t{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--verde2);font-weight:800;
  margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--linha)}
.fx-l{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:10px 0;
  border-bottom:1px dashed var(--linha)}
.fx-m{font-size:12.5px;font-weight:800;color:#fff;background:var(--verde2);border-radius:8px;
  padding:5px 4px;text-align:center;text-transform:capitalize}
.fx-l b{font-size:14px;color:var(--verde);display:block}
.fx-l em{font-style:normal;font-size:11.5px;color:var(--cinza)}
.fx-v{font-size:16px!important;color:var(--verde)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-l.tot{border-bottom:0;background:#f2f6f0;border-left:4px solid var(--dourado);border-radius:0 8px 8px 0;
  padding:11px 12px;margin-top:6px}
.fx-n{font-size:12px;color:var(--cinza);margin-top:8px}

/* voltar aos passos */
.voltaPassos{display:inline-flex;align-items:center;margin:2px 0 12px;font-size:13.5px;font-weight:800;
  color:#1B3A2B;background:var(--dourado);border:0;border-radius:20px;padding:10px 16px;
  box-shadow:0 2px 8px rgba(201,168,106,.35)}
.voltaPassos:active{filter:brightness(.94)}

/* botões dos sistemas mais compactos */
.sisms .sisb{padding:10px 12px!important;border-radius:10px}
.sisms .sisb-h{margin-bottom:7px!important;gap:8px}
.sisms .sisb b,.sisms .sisb-h b{font-size:14px;line-height:1.2}
.sisms .sisb .dias,.sisms .sisb-h em{font-size:12px}
.sisms .sisb-fx{height:17px;gap:4px}
.sisms .sisb-fx span{font-size:9.5px;border-radius:5px}
.sisms .rad{width:20px;height:20px}
.sgrid{gap:7px}
.smsg{margin:16px 0 8px;padding-bottom:6px}
.smsg b{font-size:13.5px}
.smsg span{font-size:11.5px}
@media(min-width:760px){.sgrid{gap:9px 16px}}
@media(min-width:1000px){
  .sisms .sisb{padding:12px 14px!important}
  .sisms .sisb b,.sisms .sisb-h b{font-size:15px}
}
/* mais compacto ainda: barra fina e menos respiro */
.sisms .sisb{padding:8px 11px!important}
.sisms .sisb-h{margin-bottom:5px!important}
.sisms .sisb b,.sisms .sisb-h b{font-size:13.5px}
.sisms .sisb-fx{height:13px;gap:3px}
.sisms .sisb-fx span{font-size:0;border-radius:4px}
.sisms .rad{width:18px;height:18px;font-size:11px}
.sgrid{gap:6px}
.smsg{margin:14px 0 7px}

/* passo a passo autoexplicativo */
.passo-barra{display:flex;align-items:center;gap:10px;margin:-2px 0 12px}
.passo-barra span{font-size:11.5px;font-weight:800;color:var(--verde2);white-space:nowrap}
.passo-barra .pb{flex:1;height:6px;background:var(--linha);border-radius:4px;overflow:hidden}
.passo-barra .pb b{display:block;height:100%;background:var(--dourado)}
.passo-prox{display:block;width:100%;margin-top:14px;background:var(--verde);color:var(--creme);
  border:0;border-radius:10px;padding:14px 12px;font-size:14.5px;font-weight:800;text-align:center}
.passo-prox:active{filter:brightness(.92)}

/* no computador, o animal vai para o canto do painel */
@media(min-width:900px){
  .hero{position:relative;padding-right:300px}
  #boiLucroBox,#c_vacaBox{position:absolute;top:16px;right:16px;width:268px;margin:0;text-align:center}
  #boiLucroBox canvas,#c_vaca{max-width:268px!important;width:100%;height:auto}
  .boi-l,#c_vacaL{margin-top:4px;gap:10px}
  .boi-l em,#c_vacaL em{font-size:11px}
  .boi-l .dicaboi,#c_vacaL .dicaboi{font-size:10.5px;margin-top:3px}
  .hero .k3{padding-right:0}
}
@media(min-width:1180px){
  .hero{padding-right:340px}
  #boiLucroBox,#c_vacaBox{width:308px}
  #boiLucroBox canvas,#c_vaca{max-width:308px!important}
}
@media(min-width:900px){
  #c_vacaBox{top:56px;right:20px;width:250px}
  #c_vaca{max-width:250px!important}
  #boiLucroBox{top:52px}
  .boi-l,#c_vacaL{justify-content:center;flex-wrap:wrap}
}
@media(min-width:1180px){
  #c_vacaBox{width:282px}
  #c_vaca{max-width:282px!important}
}
@media(min-width:900px){
  #c_vacaBox,#boiLucroBox{right:22px;top:62px;overflow:hidden}
  #c_vaca,#boiLucroBox canvas{max-width:100%!important;width:100%;height:auto;display:block}
  #c_vacaBox{width:236px}
  #boiLucroBox{width:250px}
}
@media(min-width:1180px){
  #c_vacaBox{width:268px}
  #boiLucroBox{width:290px}
}
.passo-prox.fim{background:var(--dourado);color:#1B3A2B;font-size:16px;padding:16px 12px;
  box-shadow:0 3px 10px rgba(201,168,106,.4)}
.passo-prox.fim em{display:block;font-style:normal;font-size:12px;font-weight:600;margin-top:2px;color:#2E5D43}

/* no computador, os cartões do animal vão ao lado dos passos */
@media(min-width:900px){
  #painelTopo{position:relative;padding-right:320px}
  #painelTopo .guia{margin-right:0}
  #painelTopo #dois{position:absolute;top:58px;right:18px;width:290px;margin:0;
    display:grid;grid-template-columns:1fr;gap:8px}
  #painelTopo #dois .cx{padding:10px}
  #painelTopo #dois .cx img,#painelTopo #dois .cx canvas{max-width:190px}
  #painelTopo #editando{position:absolute;top:0;right:18px;width:290px;text-align:center;font-size:11.5px}
}
@media(min-width:1180px){
  #painelTopo{padding-right:360px}
  #painelTopo #dois,#painelTopo #editando{width:330px}
}

/* Cria · Compra Segura em duas colunas, como a engorda */
@media(min-width:960px){
  #c_vCompra{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start}
  #c_vCompra > .voltarSis{grid-column:1/-1}
  #c_vCompra > .hero{grid-column:2;grid-row:2;margin:0;position:sticky;top:14px}
  #c_vCompra > .cols{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:14px}
  #c_vCompra > .cols > div{display:flex;flex-direction:column;gap:14px}
  #c_vCompra > .panel.fluxo,#c_vCompra > #c_painelResultado{grid-column:1/-1}
  /* o painel da cria volta a ter o animal embaixo, por ser coluna estreita */
  #c_vCompra .hero{padding-right:16px}
  #c_vCompra #c_vacaBox{position:static;width:auto;margin:10px 0 0;top:auto;right:auto}
  #c_vCompra #c_vaca{max-width:260px!important;margin:0 auto}
}
/* painel solto e novilha no canto, como na engorda */
@media(min-width:960px){
  #c_vCompra > .hero{position:static!important;top:auto}
  #c_vCompra .hero{position:relative!important;padding-right:270px}
  #c_vCompra #c_vacaBox{position:absolute!important;top:56px;right:16px;width:238px;margin:0;overflow:hidden}
  #c_vCompra #c_vaca{max-width:100%!important;width:100%;margin:0}
  #c_vCompra #c_vacaL{justify-content:center}
}
@media(min-width:1180px){
  #c_vCompra .hero{padding-right:300px}
  #c_vCompra #c_vacaBox{width:268px}
}

/* relação de troca */
.troca{background:rgba(110,158,112,.22);border:1.5px solid #6E9E70;border-radius:11px;
  padding:10px 12px;margin:12px 0 0}
.tr-t{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:#a9e0ad;font-weight:800}
.troca b{display:block;font-size:24px;color:#8FD094;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}
.troca em{display:block;font-style:normal;font-size:11.5px;color:#cfe0cf;margin-top:2px;line-height:1.35}
@media(min-width:900px){
  .hero .troca{max-width:none}
}

/* ===== CELULAR: sem zoom e sem tela pulando ao digitar ===== */
@media(max-width:760px){
  /* o iPhone dá zoom quando a letra do campo é menor que 16px */
  input,select,textarea,.val input,.txt,.dt,.dtab input,.lform input,.val2 input,#secFazenda .ptfz input{
    font-size:16px!important;
  }
  .val em,.val2 em{font-size:12px}
}
/* um toque só: sem atraso e sem zoom de toque duplo */
button,.stp,.stp2,.aj,.sisb,.tool,.guia li,.trilha,.origem button,.vazia button,.alvos button,
.prot button,.anc button,.sexo button,.modo button,label,input,select,.dica,.passo-prox,.voltaPassos,.btn-ver,.btn-pdf,.btn-canto{
  touch-action:manipulation;
}
/* a barra não arrasta a página junto */
input[type=range]{touch-action:pan-y;}
/* nada de rolagem lateral acidental */
html,body{overflow-x:hidden;overscroll-behavior-y:contain}
/* o valor fica selecionado ao tocar, para digitar por cima */
.val input,.val2 input,#secFazenda .ptfz input{-webkit-user-select:text;user-select:text}
/* convite quando nada foi escolhido */
.escolha{background:rgba(201,168,106,.16);border:1.5px dashed var(--dourado);border-radius:11px;
  padding:14px;margin:10px 0 0;text-align:center}
.escolha b{display:block;font-size:15.5px;color:var(--dourado)}
.escolha span{display:block;font-size:12.5px;color:#cfe0cf;margin-top:3px;line-height:1.35}
/* barra de baixo: lote e ciclo sempre à vista */
.bex{display:flex;gap:14px;align-items:center;margin-left:auto;margin-right:12px}
.bex span{display:flex;flex-direction:column;line-height:1.1;text-align:right}
.bex b{font-size:14px;color:#fff;font-variant-numeric:tabular-nums}
.bex span{font-size:9.5px;color:#a9c3ad;text-transform:uppercase;letter-spacing:.3px}
@media(max-width:420px){.bex{gap:10px;margin-right:8px}.bex b{font-size:12.5px}.bex span{font-size:8.5px}}
/* barra de baixo em duas linhas no celular */
@media(max-width:760px){
  .bar{flex-wrap:wrap;row-gap:6px;padding:8px 12px 10px}
  .bar > div:first-child{flex:1 1 58%}
  .bar .rr{flex:1 1 40%;text-align:right}
  .bex{order:3;flex-basis:100%;margin:0;justify-content:space-between;gap:8px;
    border-top:1px solid rgba(242,234,211,.18);padding-top:6px}
  .bex span{flex-direction:row;align-items:baseline;gap:5px;text-align:left}
  .bex b{font-size:13.5px}
  .bex span{font-size:10px}
  .bar .p{font-size:20px}
}

/* no computador, os 3 grupos de sistemas cabem numa tela */
@media(min-width:1000px){
  .sgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
  .sisms .sisb{padding:9px 11px!important}
  .sisms .sisb b,.sisms .sisb-h b{font-size:13px}
  .sisms .sisb-h{margin-bottom:5px!important}
  .sisms .sisb-fx{height:12px}
  .smsg{margin:12px 0 7px;padding-bottom:5px}
  .smsg b{font-size:13.5px}
  .sisb-cria{grid-column:1/-1}
  .sisb-cria .sisb-fx{height:14px}
}

/* computador: a coluna da compra cabe até "cabeças deste lote" */
@media(min-width:960px){
  .main{padding-top:12px}
  .prhead{margin-bottom:8px}
  .cols .panel{padding:10px 12px}
  .cols .sec-h{margin-bottom:8px;padding-bottom:4px}
  .ctrl{margin-bottom:8px}
  .ctrl.big{margin-bottom:9px}
  .ctrl .row{margin-bottom:3px}
  .ctrl label{font-size:10.5px}
  .ctrl.big .val input{font-size:22px}
  .ctrl.big .stp{width:40px;height:40px;font-size:20px}
  .ctrl input[type=range]{height:5px;margin-top:2px}
  .ctrl .hint{font-size:10.5px;margin-top:1px}
  .sexo button{padding:9px 6px;font-size:13px}
  .ctrl.lote{padding:9px 11px;margin:9px 0 3px}
  .ctrl.lote .val input{font-size:21px}
  .ctrl.lote .stp{width:40px;height:40px;font-size:20px}
  .ctrl.lote .hint{font-size:10px}
}

/* telas baixas de notebook: tudo mais junto */
@media(min-width:960px) and (max-height:800px){
  .main{padding-top:8px;padding-bottom:96px}
  .prhead{margin-bottom:6px;font-size:12px}
  .cols .panel{padding:8px 11px}
  .cols .sec-h{margin-bottom:6px;padding-bottom:3px;font-size:10px}
  .sexo{margin-bottom:6px}
  .sexo button{padding:7px 6px;font-size:12.5px}
  .ctrl{margin-bottom:6px}
  .ctrl.big{margin-bottom:7px}
  .ctrl label{font-size:10px;margin-bottom:1px}
  .ctrl.big .val input{font-size:20px}
  .ctrl.big .stp{width:36px;height:36px;font-size:19px}
  .ctrl input[type=range]{height:4px;margin-top:1px}
  .ctrl .hint{font-size:10px}
  .ctrl.lote{padding:8px 10px;margin:7px 0 2px}
  .ctrl.lote .val input{font-size:19px}
  .ctrl.lote .stp{width:36px;height:36px;font-size:19px}
  .ctrl.lote .hint{font-size:9.5px;line-height:1.3}
  .hero{padding:12px 14px}
  .hero .hprice,.hero .p{font-size:30px}
  .vb h1{font-size:26px}
  .k3 .v{font-size:17px}
  .troca b{font-size:20px}
  .troca{padding:8px 10px;margin-top:8px}
}
/* o animal nunca cobre o texto do painel */
@media(min-width:900px){
  .hero{padding-right:296px!important}
  #boiLucroBox{width:252px;top:56px;right:16px}
  #boiLucroBox canvas{max-width:100%!important;width:100%;height:auto}
}
@media(min-width:900px) and (max-height:800px){
  .hero{padding-right:262px!important}
  #boiLucroBox{width:226px;top:48px}
  .boi-l em,.boi-l .dicaboi{font-size:10px}
}
@media(min-width:1180px){
  .hero{padding-right:330px!important}
  #boiLucroBox{width:286px}
}
.quad.dois{grid-template-columns:1fr 1fr}
.doSis{margin-top:8px;padding:8px 10px;background:var(--creme2);border:1px solid var(--linha);
  border-radius:9px;font-size:11.5px;color:var(--cinza);line-height:1.4}
.doSis b{color:var(--verde)}
.doSis i{font-style:normal;color:#8a5a12;font-weight:700}

/* relação de troca embaixo do animal, no canto */
@media(min-width:900px){
  #trocaBox{position:absolute;right:16px;bottom:14px;width:252px;margin:0}
  #c_trocaBox{position:absolute;right:16px;bottom:14px;width:238px;margin:0}
  .hero{min-height:300px}
}
@media(min-width:900px) and (max-height:800px){
  #trocaBox{width:226px;bottom:12px}
  .hero{min-height:270px}
}
@media(min-width:1180px){
  #trocaBox{width:286px}
  #c_trocaBox{width:268px}
}
/* cabeças do lote: ocupa a largura toda */
.ctrl.lote .row{grid-template-columns:auto minmax(0,1fr) auto!important}
.ctrl.lote .val{width:100%}
.ctrl.lote .val input{width:100%;text-align:center}
/* cabeças do lote: barra e dica no lugar certo */
.ctrl.lote{display:block}
.ctrl.lote .row{margin-bottom:8px}
.ctrl.lote input[type=range]{display:block;width:100%;margin:0 0 6px}
.ctrl.lote .hint{display:block;color:#cfe0cf;font-size:11px;line-height:1.35;margin:0}
.ctrl.lote .val{background:#fff;border-radius:9px}
/* cabeças do lote: cada parte em sua linha */
.ctrl.lote{display:flex!important;flex-direction:column;gap:8px}
.ctrl.lote > .row{margin:0}
.ctrl.lote > input[type=range]{position:static!important;margin:0;height:6px}
.ctrl.lote > .hint{margin:0}
.ctrl.lote input[type=range]::-webkit-slider-thumb{width:22px;height:22px}

/* o animal centralizado na faixa da direita, sem colar no topo */
@media(min-width:900px){
  #boiLucroBox,#c_vacaBox{top:62px;bottom:104px;display:flex;flex-direction:column;
    justify-content:center;align-items:center;overflow:visible}
  #boiLucroBox canvas,#c_vaca{max-height:100%;width:auto;max-width:100%;object-fit:contain}
  .boi-l,#c_vacaL{margin-top:6px}
}
@media(min-width:900px) and (max-height:800px){
  #boiLucroBox,#c_vacaBox{top:56px;bottom:96px}
}
@media(min-width:900px){
  #boiLucroBox,#c_vacaBox{bottom:118px}
  .boi-l,#c_vacaL{margin-top:8px;gap:12px}
  #trocaBox,#c_trocaBox{bottom:16px}
}
@media(min-width:900px) and (max-height:800px){
  #boiLucroBox,#c_vacaBox{bottom:110px}
}

/* o botão do canto não encosta no animal, e a troca fica compacta */
@media(min-width:900px){
  #boiLucroBox,#c_vacaBox{top:92px;bottom:100px}
  .troca{padding:9px 12px}
  .troca b{font-size:22px}
  .boi-l,#c_vacaL{margin-top:6px}
}
@media(min-width:900px) and (max-height:800px){
  #boiLucroBox,#c_vacaBox{top:86px;bottom:94px}
}

/* três destinos lado a lado embaixo */
.tres{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
@media(min-width:760px){.tres{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
.destino{border:1.5px solid var(--linha);border-radius:12px;padding:10px;background:#fff}
.destino .dst-h{padding-bottom:7px;margin-bottom:8px;border-bottom:2px solid var(--verde)}
.destino .dst-h b{display:block;font-size:13.5px;color:var(--verde)}
.destino .dst-h span{font-size:11.5px;color:var(--cinza)}
.destino .sisb{margin-bottom:6px}
.destino .sisb:last-child{margin-bottom:0}
.destino.cria{border-color:var(--dourado);background:#fffdf5}
.destino.cria .dst-h{border-bottom-color:var(--dourado)}
.destino.livre{border-style:dashed;background:#fbfaf6}
.sisb-livre{width:100%;text-align:left;border:1.5px dashed var(--linha)!important;background:transparent!important}
.sisb-livre .rad{background:var(--verde2);color:#fff}
.sisb-livre .sisb-n{font-size:11.5px;color:var(--cinza);margin-top:6px;line-height:1.35}
.sisb-livre .sisb-n i{font-style:normal;font-weight:800;color:#8a5a12}
.sisb-cria .sisb-n{font-size:11.5px;color:var(--cinza);margin-top:6px;line-height:1.35}
.sisb-cria{grid-column:auto!important}
.sisb-livre .rad.mais{background:var(--verde2)!important;color:#fff!important;display:flex;
  align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1;border:0}
.destino .sisb-h{align-items:center}
/* cartões da cria e do personalizado no mesmo padrão dos outros */
.sisb-cria .sisb-r{background:#fff;border-color:var(--dourado);color:var(--dourado)}
.sisb-livre .sisb-r{background:#fff;border-color:#cfc9b4;color:var(--verde2);font-weight:800}
.sisb-cria .sisb-n,.sisb-livre .sisb-n{display:block;font-size:11px;color:var(--cinza);
  margin-top:11px;line-height:1.4}
.sisb-livre .sisb-n i{font-style:normal;font-weight:800;color:#8a5a12}
.sisb-livre .sisb-d{color:var(--cinza)}

.fx-dt{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;color:var(--cinza)}
.fx-dt input.dt{border:1px solid var(--linha);border-radius:8px;padding:6px 8px;font-size:13px;
  font-family:inherit;color:var(--verde);background:#fff}

/* celular: resumo do lote numa linha só */
@media(max-width:520px){
  #c_vSis .resumo,#c_vCompra .resumo{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr;
    gap:4px;align-items:center}
  .resumo .rs{padding:8px 6px;min-width:0}
  .resumo .rs b{font-size:19px}
  .resumo .rs span{font-size:9.5px;line-height:1.2}
  .resumo .sep{font-size:14px;color:var(--dourado)}
  .hero .vb h1{font-size:28px}
  .hero .hprice{font-size:34px}
}
/* ===== v83 · painel dos 3 passos com a arte de fundo ===== */
.topo-wrap{display:block!important}
.arte-faz,.topo-wrap .arte-faz{display:none!important}
.comousar:not(.pronto){position:relative;overflow:hidden;border:0!important;border-radius:16px;
  padding:20px 18px 18px!important;margin:0 0 18px!important;display:block!important;color:var(--creme);
  background:linear-gradient(180deg,rgba(20,44,32,.93) 0%,rgba(20,44,32,.88) 60%,rgba(20,44,32,.74) 100%),
    url(fazenda-arte.svg) center 70%/cover no-repeat}
@media(min-width:760px){
  .comousar:not(.pronto){padding:26px 30px!important;min-height:290px;
    background:linear-gradient(90deg,rgba(20,44,32,.97) 0%,rgba(20,44,32,.92) 42%,rgba(20,44,32,.45) 72%,rgba(20,44,32,.12) 100%),
      url(fazenda-arte.svg) right 46%/cover no-repeat}
  .comousar:not(.pronto) .cu-l{max-width:60%}
}
.comousar:not(.pronto) .cu-t{color:var(--dourado)!important;font-size:14px!important;letter-spacing:1px!important;margin-bottom:16px!important}
.comousar:not(.pronto) .cu-l{gap:16px!important}
.comousar .cu-l li::before{content:none!important;display:none!important}
.comousar:not(.pronto) .cu-l li{display:grid!important;grid-template-columns:80px 1fr!important;gap:12px!important;align-items:start}
.cu-p{grid-column:1;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  background:var(--dourado);color:#1B3A2B;border-radius:999px;padding:5px 0;text-align:center;margin-top:2px;white-space:nowrap}
.comousar:not(.pronto) .cu-l li>div{grid-column:2!important;min-width:0}
.comousar:not(.pronto) .cu-l b{color:#fff!important;font-size:17px!important;line-height:1.25}
.comousar:not(.pronto) .cu-l span{color:#d6e2d3!important;font-size:13px!important;line-height:1.4}
.comousar:not(.pronto) .cu-b{display:inline-block!important;width:auto;margin-top:10px;background:var(--dourado);color:#1B3A2B;
  border:0;border-radius:8px;padding:9px 16px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer}
.comousar:not(.pronto) .cu-b:active{filter:brightness(.93)}
@media(min-width:1100px){
  .comousar:not(.pronto) .cu-l b{font-size:19px!important}
  .comousar:not(.pronto) .cu-l span{font-size:14.5px!important}
  .comousar:not(.pronto) .cu-t{font-size:15px!important}
}

/* ===== v84 · cabeçalho do Meu Sistema ===== */
.sisintro{background:#fffdf5;border:2px solid var(--dourado);border-radius:16px;padding:18px 18px 16px;margin:4px 0 16px}
.si-tag{display:inline-block;background:var(--verde);color:var(--dourado);font-size:11px;font-weight:800;letter-spacing:.8px;
  text-transform:uppercase;border-radius:999px;padding:5px 12px;margin-bottom:10px}
.si-h{font-size:24px;line-height:1.15;color:var(--verde);font-weight:800;margin:0 0 8px}
.si-p{font-size:14px;line-height:1.5;color:#3d423e;margin:0 0 12px;max-width:760px}
.si-p b{color:var(--verde)}
.si-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.si-chips span{font-size:12px;font-weight:700;color:var(--verde);background:var(--creme);border:1px solid #e3d6b4;border-radius:999px;padding:5px 11px}
.si-alerta{font-size:12.5px;color:#7a2e22;background:#f8ebe7;border-left:3px solid var(--perda);border-radius:6px;padding:8px 11px}
.si-alerta b{color:var(--perda)}
.si-guia-t{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--dourado);margin:4px 0 8px}
@media(min-width:760px){
  .sisintro{padding:24px 28px 20px}
  .si-h{font-size:32px}
  .si-p{font-size:15.5px}
  .si-chips span{font-size:13px}
}

/* ===== v85 · os 4 passos viram botões no cabeçalho ===== */
.sisintro .si-h{margin-bottom:14px}
.sisintro .si-guia-t{color:#8a5a12;margin:0 0 8px}
.sisintro .guia{margin:0 0 12px!important;gap:8px!important}
.sisintro .guia li{background:#fff!important;border:1.5px solid #e3d6b4!important;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.sisintro .guia li b{background:var(--creme)!important;color:var(--verde)!important;border:1.5px solid #d9c89e}
.sisintro .guia li span{color:var(--verde)!important}
.sisintro .guia li em{color:var(--cinza)!important}
.sisintro .guia li .st{color:#1B3A2B!important;background:var(--dourado);border-color:var(--dourado)!important}
.sisintro .guia li.agora{border-color:var(--dourado)!important;background:#fff8e6!important;box-shadow:0 0 0 3px rgba(201,168,106,.25)}
.sisintro .guia li.agora b{background:var(--dourado)!important;border-color:var(--dourado);color:#1B3A2B!important}
.sisintro .guia li.ok{background:#f1f6ef!important;border-color:#b9d3b7!important}
.sisintro .guia li.ok b{background:#6E9E70!important;border-color:#6E9E70;color:#fff!important}
.sisintro .guia li.ok .st{background:transparent;color:#4f7d52!important;border-color:#9cc09c!important}
.sisintro .guia li.aberto{border-color:var(--verde)!important;background:var(--verde)!important;box-shadow:none}
.sisintro .guia li.aberto span{color:#fff!important}
.sisintro .guia li.aberto em{color:#cfe0cf!important}
.sisintro .guia li.aberto b{background:var(--dourado)!important;border-color:var(--dourado);color:#1B3A2B!important}
.sisintro .guia li.aberto .st{background:var(--dourado);color:#1B3A2B!important;border-color:var(--dourado)!important}
@media(min-width:760px){
  .sisintro .guia{grid-template-columns:1fr 1fr}
}
@media(min-width:1100px){
  .sisintro .guia{grid-template-columns:repeat(4,1fr)}
  .sisintro .guia li{grid-template-columns:32px 1fr!important;align-items:start!important;row-gap:10px}
  .sisintro .guia li .st{grid-column:1/-1;justify-self:start}
}

@media(min-width:1100px){ .sisintro .guia li{grid-template-rows:1fr auto} .sisintro .guia li .st{align-self:end} }

/* ===== v86 · portal: cada passo com o seu botão, ferramentas em cartões ===== */
.comousar:not(.pronto) .cu-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.comousar:not(.pronto) .cu-acts .cu-b{margin-top:0!important}
.comousar:not(.pronto) .cu-b.sec{background:transparent;color:var(--dourado);border:1.5px solid var(--dourado)}
.comousar:not(.pronto) .cu-b.sec:hover{background:rgba(201,168,106,.15)}
.comousar .cu-l li.ok .cu-p{background:#8fbf6a;color:#1B3A2B}
.comousar .cu-warn{display:block;margin-top:6px;font-size:12.5px;color:#f5c9b9;font-weight:700}
.grupo-t.ferr-t{margin-top:22px}
#tools{display:grid!important;grid-template-columns:1fr;gap:12px;margin-top:8px}
@media(min-width:700px){#tools{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){#tools{grid-template-columns:repeat(3,1fr)}}
#tools .grupo-t{grid-column:1/-1}
#tools .tool{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;position:relative;
  background:#fff;border:1.5px solid #e6dcc2!important;border-radius:16px!important;padding:18px!important;min-height:180px;
  text-decoration:none;color:inherit;box-shadow:0 2px 0 rgba(27,58,43,.05);transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer}
#tools .tool:hover{transform:translateY(-2px);border-color:var(--dourado)!important;box-shadow:0 10px 22px rgba(27,58,43,.12)}
#tools .tool .n,#tools .tool .passo{display:none!important}
#tools .tool .ic{width:56px!important;height:56px!important;border-radius:14px;background:linear-gradient(145deg,#2a5c42,#1B3A2B);
  color:var(--dourado);display:grid;place-items:center;font-weight:800;font-size:19px;border:1.5px solid var(--dourado)}
#tools .tool h3{font-size:19px!important;color:var(--verde);margin:0;line-height:1.2}
#tools .tool p{font-size:13.5px!important;color:var(--cinza);margin:4px 0 0;line-height:1.45}
#tools .tool .go,#tools .tool .seta{margin-top:auto!important;margin-left:0!important;align-self:flex-start;font-size:14px!important;
  font-weight:800;background:var(--verde);color:var(--dourado)!important;border-radius:999px;padding:9px 18px;visibility:visible!important;line-height:1}
#tools .tool .go::before,#tools .tool .seta::before{content:'Abrir '}
#tools .tool.destaque{background:linear-gradient(160deg,#fff7e3 0%,#fff 60%);border-color:var(--dourado)!important}
#tools .tool.off{background:#faf8f2!important;border-style:dashed!important;opacity:1!important;pointer-events:none;cursor:default;min-height:0}
#tools .tool.off .ic{background:#ebe6d9;color:#8a8578;border-color:#d8d1bf}
#tools .tool.off h3{color:#8a8578}
#tools .tool.off .go,#tools .tool.off .seta{display:none!important}
#tools .tool .tag{display:inline-block;vertical-align:middle;font-size:10.5px;font-weight:800;background:#efece3;color:#8a8578;
  border-radius:999px;padding:3px 9px;margin-left:4px}

/* ===== v87 · frases curtas e confirmar o passo ===== */
.pcx .row label .dc{display:block;font-size:11.5px;font-weight:500;color:var(--cinza);margin-top:2px;line-height:1.3;
  letter-spacing:0;text-transform:none;white-space:normal}
.passo-ajuda{margin:16px 0 0;padding:10px 12px;background:#f1f6ef;border-left:3px solid #6E9E70;border-radius:8px;
  font-size:13.5px;line-height:1.4;color:#2f4a36}
.passo-ajuda b{color:#1B3A2B}
.passo-aviso{margin:12px 0 0;padding:10px 12px;background:#f8ebe7;border-left:3px solid var(--perda);border-radius:8px;
  font-size:13.5px;font-weight:700;color:#8a2c1f}
.passo-prox em{display:block;font-style:normal;font-size:12px;font-weight:600;opacity:.8;margin-top:3px}

/* ===== v88 · Minha Fazenda mais enxuta ===== */
.totreb.duplo{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;text-align:center}
.totreb.duplo>div{padding:12px 10px}
.totreb.duplo>div+div{border-left:1px solid rgba(201,168,106,.35)}
.totreb.duplo b{display:block;font-size:24px;line-height:1.15}
.totreb.duplo em{display:block;font-style:normal;font-size:11px;color:#cfe0cf;margin-top:3px;line-height:1.3}
.totreb.duplo .vazio b{color:rgba(255,255,255,.55)}
#f_lot{display:none!important}
.salvobox.claro{background:#eef5ea!important;border:1.5px solid #9cc09c!important;opacity:1!important}
.salvobox.claro b{color:#1B3A2B!important;font-size:15px}
.salvobox.claro span{color:#3f5f46!important}
.salvobox.claro .salvo-ic{background:#4f8a55!important;color:#fff!important}
.salvobox.claro.salvando{background:#f7f3e6!important;border-color:#e0cf9f!important}
.salvobox.claro.salvando .salvo-ic{background:var(--dourado)!important;color:#1B3A2B!important}
.fz-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fz-topo .btn-mini{flex:none;margin-top:4px;background:var(--dourado);color:#1B3A2B;border-radius:999px;padding:9px 16px;
  font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap;cursor:pointer}
.fz-topo .btn-mini[hidden]{display:none}
@media(max-width:600px){ .fz-topo{flex-direction:column;gap:4px} .fz-topo .btn-mini{margin:4px 0 6px} }

/* ===== v89 · trilha dos 3 passos, mão de obra explicada, botão fixo ===== */
.prog3{display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid #e6dcc2;padding:8px 10px}
.prog3 .p3{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--cinza);font-size:12.5px;font-weight:700;
  white-space:nowrap;cursor:pointer;flex:none}
.prog3 .p3 i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;
  border:1.5px solid #cfc4a6;color:#8a8578;background:#fff}
.prog3 .p3.agora{color:var(--verde)}
.prog3 .p3.agora i{background:var(--dourado);border-color:var(--dourado);color:#1B3A2B;box-shadow:0 0 0 3px rgba(201,168,106,.3)}
.prog3 .p3.agora span{font-weight:800}
.prog3 .ln{flex:1;height:2px;background:#e3d9bf;margin:0 8px;min-width:10px}
.prog3 .pt{display:none}
@media(max-width:760px){
  .prog3.fixa{position:sticky;top:0;z-index:45;box-shadow:0 2px 8px rgba(0,0,0,.06)}
  .prog3 .p3 span{display:none}
  .prog3 .p3.agora span{display:inline}
  .prog3 .pt{display:block;font-size:11px;color:var(--cinza);margin-left:10px;white-space:nowrap}
}
.tgznav{flex-wrap:wrap}
.tgznav .prog3{flex-basis:100%;margin:8px -12px -10px;border-bottom:0}
.tgznav .prog3[hidden]{display:none}

.moexp{margin:10px 0 4px;background:#f7f3e6;border:1.5px solid #e3d6b4;border-radius:12px;padding:12px 14px}
.moexp .mx-t{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8a5a12;margin-bottom:8px}
.moexp .mx-l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;font-size:13.5px;color:#3d423e;
  border-bottom:1px dashed #e3d6b4}
.moexp .mx-l b{color:var(--verde);font-variant-numeric:tabular-nums;white-space:nowrap}
.moexp .mx-l.forte{font-weight:800;color:var(--verde)}
.moexp .mx-l.forte b{font-size:16px}
.moexp .mx-l.tot{border-bottom:0;margin-top:4px;padding-top:8px;border-top:2px solid var(--verde);font-weight:800;color:var(--verde)}
.moexp .mx-l.tot b{font-size:17px}
.moexp em{display:block;font-style:normal;font-size:12.5px;color:#4f7d52;font-weight:700;margin-top:8px}
.moexp.falta{background:#f8ebe7;border-color:#e8c2b6;color:#8a2c1f;font-size:13.5px;font-weight:700}

@media(max-width:760px){
  /* o botão de seguir fica no fim do passo, sem flutuar: flutuando ele cobria os campos */
  .passo-prox{position:static;box-shadow:none;margin-bottom:10px}
}

#prog3wrap .prog3{margin:8px -12px -10px}

/* sticky volta a funcionar: clip não cria rolagem própria */
html,body{overflow-x:clip!important;overflow-y:visible!important}

/* ===== v90 · aviso em destaque na Minha Fazenda ===== */
.fz-nota{background:#fffdf5;border:2px solid var(--dourado);border-left-width:6px;border-radius:12px;padding:13px 15px;
  margin:4px 0 14px;font-size:14px;line-height:1.5;color:#3d423e}
.fz-nota b{color:var(--verde)}
@media(min-width:760px){ .fz-nota{font-size:15px} }

/* ===== v91 · silhuetas nos botões de categoria ===== */
.modo button{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:10px 4px 9px!important}
.mic{display:block;height:30px;width:100%;background:currentColor;
  -webkit-mask:url(boi/boi-alpha.png) center bottom/contain no-repeat;mask:url(boi/boi-alpha.png) center bottom/contain no-repeat}
.mic.f{-webkit-mask-image:url(boi/novilha-alpha.png);mask-image:url(boi/novilha-alpha.png)}
.mic.mf{display:flex;align-items:flex-end;justify-content:center;gap:3px;background:transparent;-webkit-mask:none;mask:none}
.mic.mf b,.mic.mf u{display:block;height:26px;width:42px;background:currentColor}
.mic.mf b{-webkit-mask:url(boi/boi-alpha.png) center bottom/contain no-repeat;mask:url(boi/boi-alpha.png) center bottom/contain no-repeat}
.mic.mf u{height:22px;-webkit-mask:url(boi/novilha-alpha.png) center bottom/contain no-repeat;mask:url(boi/novilha-alpha.png) center bottom/contain no-repeat}
@media(min-width:760px){ .mic{height:38px} .mic.mf b{height:34px;width:52px} .mic.mf u{height:29px;width:46px} }

/* ===== v92 · de quem são os números que estão na tela ===== */
.catbar{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
  background:#eaf1e6;border:1.5px solid #9cc09c;border-left:6px solid #4f8a55;border-radius:12px;padding:10px 13px;margin:10px 0 12px}
.catbar.fem{background:#f6eef3;border-color:#c9a3bb;border-left-color:#9c5b85}
.catbar .cb-l{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#2f4a36;line-height:1.35}
.catbar.fem .cb-l{color:#5c3a4d}
.catbar .cb-l i{font-style:normal;font-size:19px;font-weight:800;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:#4f8a55;color:#fff;flex:none}
.catbar.fem .cb-l i{background:#9c5b85}
.catbar .cb-l b{font-weight:800;letter-spacing:.4px}
.catbar .cb-n{font-style:normal;font-size:12px;color:#5c6b5e;max-width:340px;line-height:1.35}
.catbar .cb-bs{display:flex;gap:6px}
.catbar .cb-bs button{border:1.5px solid #9cc09c;background:#fff;color:var(--verde);border-radius:999px;
  padding:8px 14px;font-size:13px;font-weight:800;cursor:pointer}
.catbar .cb-bs button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.fn.av span{color:#7a6a3a}
.ptf2-h u.sx{font-style:normal}

@media print{ .catbar{display:none!important} }

/* ===== v93 · barra do resultado no celular, no Meu Sistema ===== */
#barSistema{display:flex}
@media(min-width:960px){ #barSistema{display:none} }
@media print{ #barSistema{display:none!important} }

#barSistema .a span{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
#barSistema .a i{background:var(--dourado)}

/* ===== v94 · sistema personalizado ===== */
.livrebox{background:#fffdf5;border:2px solid var(--dourado);border-radius:14px;padding:14px;margin-top:10px}
.livrebox[hidden]{display:none}
.lv-t b{display:block;font-size:16px;color:var(--verde);font-weight:800}
.lv-t span{display:block;font-size:13px;color:var(--cinza);line-height:1.4;margin:4px 0 10px}
.lv-add{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.lv-add button{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e3d6b4;border-radius:999px;
  padding:8px 13px;font-size:13px;font-weight:700;color:var(--verde);cursor:pointer}
.lv-add button:active{background:var(--creme)}
.lv-add button i{width:10px;height:10px;border-radius:50%;display:block}
.lv-l{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.lv-l li{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e6dcc2;border-left:5px solid var(--fc,#8FAE7B);
  border-radius:10px;padding:9px 11px}
.lv-l li>span{flex:1;font-size:14px;font-weight:700;color:var(--verde);border-left:0}
.lv-l li b{font-size:12px;font-weight:800;color:#8a5a12;min-width:22px}
.lv-l li button{border:0;background:#f1ece0;color:#8a2c1f;border-radius:50%;width:26px;height:26px;font-size:16px;font-weight:800;cursor:pointer}
.lv-vazio{font-size:13px;color:var(--cinza);background:#fff;border:1px dashed #d8cdae;border-radius:10px;padding:12px;margin-bottom:12px}
.lv-acts{display:flex;gap:8px}
.lv-acts .lv-lim{flex:none;background:transparent;border:1.5px solid #d8cdae;color:var(--cinza);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.lv-acts .lv-ok{flex:1;background:var(--verde);color:var(--creme);border:0;border-radius:10px;padding:11px 14px;font-weight:800;font-size:15px;cursor:pointer}
.lv-acts .lv-ok[disabled]{opacity:.45}
.lv-n{display:block;font-style:normal;font-size:12.5px;color:#4f7d52;font-weight:700;margin-top:10px;line-height:1.4}
.sisb-livre.on{border-color:var(--verde)!important;background:#f1f6ef!important}

/* ===== v96 · o sistema personalizado vem primeiro ===== */
.destino.livre.topo{background:linear-gradient(160deg,#fff7e3 0%,#fffdf5 60%);border:2px solid var(--dourado)!important;
  border-radius:16px;padding:14px;margin:0 0 14px;box-shadow:0 4px 14px rgba(201,168,106,.22)}
.destino.livre.topo .dst-h b{font-size:17px;color:var(--verde)}
.destino.livre.topo .dst-h span{color:#8a5a12}
.destino.livre.topo .sisb-livre{border:1.5px solid var(--dourado)!important;background:#fff!important}
.destino.livre.topo .sisb-livre .sisb-r{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}
.destino.livre.topo .sisb-livre.on{background:#f1f6ef!important;border-color:var(--verde)!important}
.smsg.ou{opacity:.75;margin-top:2px}
.smsg.ou b{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--cinza)}

/* ===== v97 · chamada do sistema personalizado ===== */
.destino.livre.topo .dst-h b{font-size:18px;line-height:1.2;display:block}
.destino.livre.topo .dst-h span{display:block;font-size:14px;font-weight:700;color:#8a5a12;margin-top:4px;line-height:1.35}

/* ===== v99 · vaca parida ===== */
#vVaca .hsub{font-size:13px;color:#cfe0cf;margin-top:2px}
.vkreparte{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.vkreparte>div{flex:1 1 160px;background:rgba(242,234,211,.10);border:1px solid rgba(201,168,106,.35);border-radius:10px;padding:8px 11px}
.vkreparte span{display:block;font-size:11px;color:#cfe0cf;text-transform:uppercase;letter-spacing:.5px}
.vkreparte b{font-size:19px;color:var(--dourado)}
#barVaca{display:flex}
@media(min-width:960px){ #barVaca{display:none} }
@media print{ #barVaca{display:none!important} }

#vkHero{min-height:0}
#vVaca .pcx .val .mm{width:38px;height:38px;background:var(--verde);color:var(--creme);border:0;font-size:20px}
#vVaca .pcx .val .mm:first-child{border-radius:8px 0 0 8px}
#vVaca .pcx .val .mm:last-child{border-radius:0 8px 8px 0}
#vVaca .pcx .val{align-items:stretch}
#vVaca .pcx .val input{width:74px;text-align:center;font-weight:800}
#vVaca .frow em{font-style:normal;color:var(--cinza);font-size:12px}

/* ===== v100 · grupo de ferramentas para criadores ===== */
.grupo-t.cria-t{margin-top:22px}
#toolsCria{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
@media(min-width:700px){#toolsCria{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){#toolsCria{grid-template-columns:repeat(3,1fr)}}
#toolsCria .tool{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;
  border:1.5px solid #e6dcc2;border-radius:16px;padding:18px;min-height:180px;text-decoration:none;color:inherit;
  box-shadow:0 2px 0 rgba(27,58,43,.05);transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer}
#toolsCria .tool:hover{transform:translateY(-2px);border-color:var(--dourado);box-shadow:0 10px 22px rgba(27,58,43,.12)}
#toolsCria .tool .ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#8a5a12,#6b4410);
  color:#fff9e8;display:grid;place-items:center;font-weight:800;font-size:19px;border:1.5px solid var(--dourado)}
#toolsCria .tool h3{font-size:19px;color:var(--verde);margin:0;line-height:1.2}
#toolsCria .tool p{font-size:13.5px;color:var(--cinza);margin:4px 0 0;line-height:1.45}
#toolsCria .tool .seta{margin-top:auto;font-size:14px;font-weight:800;background:var(--verde);color:var(--dourado);
  border-radius:999px;padding:9px 18px;line-height:1}
#toolsCria .tool .seta::before{content:'Abrir '}
#toolsCria .tool.off{background:#faf8f2;border-style:dashed;pointer-events:none;min-height:0}
#toolsCria .tool.off .ic{background:#ebe6d9;color:#8a8578;border-color:#d8d1bf}
#toolsCria .tool.off h3{color:#8a8578}
#toolsCria .tool.off .seta{display:none}
#toolsCria .tool .tag{display:inline-block;font-size:10.5px;font-weight:800;background:#efece3;color:#8a8578;
  border-radius:999px;padding:3px 9px;margin-left:4px;vertical-align:middle}

/* ===== v101 · bloco do criador dentro do Meu Sistema ===== */
.destino.cria .sisb-cria{margin-bottom:8px}
.destino.cria .sisb-r,.destino.apoio .sisb-r{background:#8a5a12!important;color:#fff9e8!important;border-color:var(--dourado)!important;
  font-size:11px;font-weight:800;letter-spacing:.3px}
.sisb.off,.sisb[disabled]{opacity:.62;border-style:dashed!important;pointer-events:none}
.sisb.off .sisb-r,.sisb[disabled] .sisb-r{background:#e3ddcd!important;color:#8a8578!important;border-color:#d8d1bf!important}
.destino.apoio{margin-top:12px}
.destino.apoio .dst-h b{color:var(--verde)}

.sisb-cria:not(.off):not([disabled]){border-style:solid!important}

/* ===== v102 · três blocos no passo 2 ===== */
.destino.abate{border:1.5px solid var(--linha);border-radius:12px;padding:12px;background:#fff;margin-top:6px}
.destino.abate .dst-h{padding-bottom:7px;margin-bottom:10px;border-bottom:2px solid var(--verde)}
.tres{grid-template-columns:1fr!important;gap:12px}
@media(min-width:900px){ .tres{grid-template-columns:1fr 1fr!important} }
.apoio-in{margin-top:12px;padding-top:10px;border-top:1.5px dashed var(--dourado)}
.apoio-in .dst-h{padding-bottom:6px;margin-bottom:8px}
.apoio-in .dst-h b{display:block;font-size:12.5px;color:var(--verde)}
.apoio-in .dst-h span{font-size:11.5px;color:var(--cinza)}

/* ===== v103 · a montagem livre vai para o fim ===== */
.sisintro2{background:#f1f6ef;border-left:4px solid #6E9E70;border-radius:10px;padding:11px 13px;margin:6px 0 12px}
.sisintro2 b{display:block;font-size:16px;color:var(--verde)}
.sisintro2 span{display:block;font-size:13px;color:#3f5f46;line-height:1.45;margin-top:3px}
.sisintro2 i{font-style:normal;font-weight:800;color:#8a5a12}
.destino.livre.topo{margin:0 0 4px!important}
.smsg.ou{margin-top:18px}

#sisMS{display:block!important}
#sisMS>.destino.livre.topo{width:100%}

/* ===== v104 · quatro blocos ===== */
@media(min-width:900px){ .tres{grid-template-columns:1fr 1fr!important} }
@media(min-width:1250px){ .tres{grid-template-columns:repeat(3,minmax(0,1fr))!important} }

/* ===== v106 · os quatro blocos lado a lado ===== */
.quatro{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
@media(min-width:760px){ .quatro{grid-template-columns:1fr 1fr} }
@media(min-width:1240px){ .quatro{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} }
@media(min-width:1240px){
  .quatro .destino{padding:10px 11px}
  .quatro .dst-h b{font-size:13px}
  .quatro .dst-h span{font-size:11px;line-height:1.3;display:block}
  .quatro .sisb{padding:9px 10px!important}
  .quatro .sisb b,.quatro .sisb-t b{font-size:13px;line-height:1.2}
  .quatro .sisb-d{font-size:11px}
  .quatro .sisb-n{font-size:11.5px;line-height:1.3}
  .quatro .sisb-fx{height:14px}
}

/* ===== v107 · painel do Meu Sistema sem sobreposição ===== */
@media(min-width:1000px){
  #painelTopo{position:relative;padding:14px 360px 16px 18px!important}
  #painelTopo #dois{position:absolute!important;top:56px;right:18px;width:330px!important;margin:0!important}
  #painelTopo #editando{position:static!important;width:auto!important;max-width:520px;text-align:left}
  #painelTopo .btn-canto{top:12px;right:18px}
  #painelTopo:has(#dois:not([hidden])){min-height:560px}
  #painelTopo:has(#dois.so-um){min-height:320px}
}
@media(min-width:1000px) and (max-width:1180px){
  #painelTopo{padding-right:300px!important}
  #painelTopo #dois{width:270px!important}
  #painelTopo:has(#dois:not([hidden])){min-height:560px}
  #painelTopo:has(#dois.so-um){min-height:320px}
}

@media(max-width:760px){
  #painelTopo .btn-canto{position:static!important;display:block;width:100%;margin:0 0 10px;text-align:center;box-shadow:none}
  #painelTopo .status{max-width:100%}
}

/* ===== v108 · barra do celular com os números maiores ===== */
@media(max-width:959px){
  .bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;row-gap:8px}
  .bar .a{font-size:11.5px}
  .bar .p{font-size:24px!important;letter-spacing:-.3px}
  .bar .p small{font-size:13px}
  .bar .rr .v{font-size:21px!important;color:#fff}
  .bar .rr .s{font-size:12.5px!important;color:#e8dfc4;font-weight:700}
  .bar .bex{border-top:1px solid rgba(201,168,106,.4)!important;padding-top:8px!important;gap:6px!important}
  .bar .bex span{flex-direction:column!important;align-items:flex-start!important;gap:1px!important;
    font-size:9.5px!important;color:#b9cebd!important}
  .bar .bex b{font-size:15px!important;color:#fff;font-weight:800}
  .bar .bex span:last-child{align-items:flex-end!important;text-align:right}
}

/* ===== v111 · passos travados na ordem ===== */
.guia-aviso{margin:10px 0 2px;padding:10px 12px;background:#f8ebe7;border-left:4px solid var(--perda);border-radius:8px;
  font-size:13.5px;font-weight:700;color:#8a2c1f}
.guia-aviso[hidden]{display:none}
.comousar .cu-l li.trancado{opacity:.62}

/* ===== v112 · barra do celular melhor aproveitada ===== */
@media(max-width:959px){
  .bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
    align-items:end;column-gap:10px;row-gap:8px;padding:10px 14px calc(9px + env(safe-area-inset-bottom))!important}
  .bar .bmain{grid-column:1;grid-row:1;min-width:0}
  .bar .rr{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
  .bar .bex{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0!important;border-top:1px solid rgba(201,168,106,.4);padding-top:8px!important;margin:0!important}
  .bar .bex span{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;
    gap:1px!important;font-size:9px!important;line-height:1.15;color:#b9cebd!important;padding:0 4px;
    border-left:1px solid rgba(242,234,211,.14)}
  .bar .bex span:first-child{border-left:0}
  .bar .bex b{font-size:14px!important;color:#fff;font-weight:800;white-space:nowrap}
  .bar .p{font-size:26px!important;line-height:1.05}
  .bar .bsub{font-size:11px;color:#cfe0cf;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bar .bsub i{font-style:normal;color:#9fb7a4;margin-left:3px}
  .bar .rr .v{font-size:20px!important}
  .bar .rr .s{font-size:12px!important;color:#e8dfc4;font-weight:700}
}
@media(max-width:380px){
  .bar .bex b{font-size:12.5px!important}
  .bar .p{font-size:23px!important}
}

/* ===== v113 · a tela não pula quando os números são redesenhados ===== */
body,#rsSistema,.ptfases,.bloco{overflow-anchor:none}

/* ===== v114 · mão de obra por fase, sem erro de preenchimento ===== */
.moaviso{background:#f1f6ef;border-left:4px solid #6E9E70;border-radius:8px;padding:9px 11px;margin:6px 0 10px}
.moaviso b{display:block;font-size:12.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#2f4a36}
.moaviso span{display:block;font-size:12.5px;line-height:1.4;color:#3d423e;margin-top:3px}
.moaviso u{text-decoration:none;font-weight:800;color:var(--verde)}
.moexp .mx-l.fina{border-bottom:0;padding:2px 0 6px;font-size:12px;color:#6b7a6d;font-style:italic}

/* ===== v115 · o Detalhar em blocos ===== */
.ptf2-det .dbloco{border:1.5px solid var(--linha);border-radius:12px;padding:10px 12px 12px;margin:12px 0;background:#fff}
.ptf2-det .dbloco .dsub{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;
  border-bottom:1.5px solid var(--linha);font-size:13.5px;font-weight:800;color:var(--verde);text-transform:none;letter-spacing:0}
.ptf2-det .dbloco .dsub i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--verde);color:var(--dourado);
  display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.ptf2-det .dbloco .dsub u{text-decoration:none;margin-left:auto;font-size:11.5px;font-weight:600;color:var(--cinza);text-align:right}
.ptf2-det .dbloco .carcbox{margin-top:10px}
.perdas-link .pl-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#3d423e}
.perdas-link .pl-l b{color:var(--verde)}
.perdas-link .pl-b{margin-left:auto;background:var(--creme);border:1.5px solid var(--dourado);color:var(--verde);
  border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;cursor:pointer}

/* ===== v117 · o montador ocupa o espaço vazio dos blocos ===== */
.quatro{align-items:start}
.quatro>.destino.livre.topo{margin:0!important;grid-column:1/-1}
@media(min-width:1240px){
  .quatro>.destino:nth-child(4){grid-row:1/span 2}
  .quatro>.destino.livre.topo{grid-column:1/span 3;grid-row:2}
}
@media(min-width:760px) and (max-width:1239px){
  .quatro>.destino:nth-child(4){grid-row:2/span 2}
  .quatro>.destino.livre.topo{grid-column:1;grid-row:3}
}
.quatro>.destino.livre.topo .dst-h b{font-size:16px}
.quatro>.destino.livre.topo .dst-h span{font-size:13px}

/* ===== v118 · o montador abre dentro do próprio cartão ===== */
.destino.livre.topo .livrebox{border:0;background:transparent;padding:10px 0 0;margin-top:10px;border-top:1.5px dashed var(--dourado);border-radius:0}
.destino.livre.topo .livrebox .lv-t b{font-size:15px}

/* ===== v120 · aviso de categoria não montada ===== */
.avisoref.avisocat{background:#fff7e3;border-color:var(--dourado)}
.avisoref.avisocat i{background:var(--dourado);color:#1B3A2B}
.avisoref.avisocat b{color:#8a5a12}

.avisoref.avisocat:not([hidden]){display:flex!important}

.avisoref.avisocat{border-top:0;border:1.5px solid var(--dourado);border-radius:10px;padding:10px 12px;background:#fff7e3}
.avisoref.avisocat b{color:#8a5a12!important;font-size:13.5px}
.avisoref.avisocat span{color:#5c4a2a!important;font-size:12.5px}

/* ===== v121 · painel da compra mais enxuto ===== */
.ctrl.lote{padding:8px 10px!important}
.ctrl.lote .lab,.ctrl.lote label{font-size:10.5px!important}
.ctrl.lote input{font-size:19px!important}
.ctrl.lote .stp,.ctrl.lote button{width:38px!important;height:38px!important;font-size:19px!important}
.ctrl.lote .dica,.ctrl.lote .hint,.ctrl.lote em{font-size:11px!important}
.trio.abre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
@media(max-width:520px){ .trio.abre{grid-template-columns:1fr 1fr} .trio.abre .ctrl:last-child{grid-column:1/-1} }

/* ===== v121b · lote compacto e trio legível ===== */
.ctrl.lote{padding:10px 12px!important;border-width:1.5px!important}
.ctrl.lote label{font-size:11px!important;letter-spacing:.4px}
.ctrl.lote .val input{font-size:20px!important;width:80px!important}
.ctrl.lote .val .stp{width:36px!important;height:36px!important;font-size:18px!important}
.ctrl.lote .hint{font-size:11px!important;line-height:1.3}
.ctrl.lote input[type=range]{height:6px!important}
.trio.abre .ctrl.mini{background:#fff;border:1.5px solid var(--linha);border-radius:10px;padding:8px 10px}
.trio.abre .ctrl.mini .row{display:block}
.trio.abre .ctrl.mini label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza);margin-bottom:4px;white-space:normal;line-height:1.2;min-height:24px}
.trio.abre .ctrl.mini .val{display:flex;align-items:baseline;gap:4px}
.trio.abre .ctrl.mini .val input{width:100%;min-width:0;font-size:17px;font-weight:800;text-align:left}
.trio.abre .ctrl.mini .val em{font-size:10.5px;color:var(--cinza);white-space:nowrap}
.trio.abre .ctrl.mini .hint{font-size:10.5px;line-height:1.25;margin-top:4px;color:var(--cinza)}
.trio.abre .ctrl.mini input[type=range]{margin-top:6px;height:5px}

/* ===== v122 · Funrural configurável ===== */
.ctrl2.fun .funbt{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.ctrl2.fun .funbt button{flex:1 1 auto;background:#fff;border:1.5px solid var(--linha);border-radius:999px;padding:8px 12px;
  font-size:12.5px;font-weight:700;color:var(--verde);cursor:pointer;white-space:nowrap}
.ctrl2.fun .funbt button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}

/* ===== v123 · tabela curta na tela, completa no PDF ===== */
.ladder tr.so-pdf{display:none}
@media print{ .ladder tr.so-pdf{display:table-row} }

/* ===== v124 · aquisição no topo do bloco de compra ===== */
#aqTot{margin:0 0 12px!important}

/* ===== v125 · linha do tempo até o abate + lote menor ===== */
.htl{margin-top:10px}
.htl .tl-b{display:flex;gap:3px;height:22px;border-radius:6px;overflow:hidden}
.htl .tl-b span{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:4px}
.htl .tl-b u{text-decoration:none;font-size:10.5px;font-weight:800;color:#fff;white-space:nowrap}
.htl .tl-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;font-size:11.5px;color:#cfe0cf}
.htl .tl-l b{color:var(--dourado);font-size:13px}
.htl .tl-n{margin-top:3px;font-size:11.5px;color:#9fb7a4}
.ctrl.lote{padding:8px 10px!important}
.ctrl.lote label{font-size:10px!important}
.ctrl.lote .val input{font-size:18px!important;width:66px!important}
.ctrl.lote .val .stp{width:32px!important;height:32px!important;font-size:17px!important}
.ctrl.lote .hint{font-size:10.5px!important}
.ctrl.lote input[type=range]{display:none}

/* ===== v126 · boi mais acima e a linha do tempo embaixo dele ===== */
@media(min-width:960px){
  #boiLucroBox{top:16px!important;right:18px!important}
  #boiLucroBox .htl{margin-top:10px;text-align:left}
  #boiLucroBox .htl .tl-l{font-size:11px}
  #boiLucroBox .htl .tl-n{font-size:11px;line-height:1.35}
}

/* ===== v127 · embaixo do boi: só a trilha do animal ===== */
.boi-l{min-height:0}
.boi-l em.dicaboi{display:none}
.htl .tl-b{height:auto;gap:4px}
.htl .tl-b span{flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;gap:1px;border-radius:8px}
.htl .tl-b u{font-size:11px;font-weight:800;color:#fff;text-align:center;line-height:1.15;white-space:normal}
.htl .tl-b i{font-style:normal;font-size:10px;font-weight:700;color:rgba(255,255,255,.85)}
.htl .tl-l{margin-top:8px;font-size:12px}
.htl .tl-l b{font-size:14px}
.htl .tl-n{margin-top:5px}
#boiLucroBox .htl{margin-top:14px}

.htl .tl-b span{overflow:hidden;min-width:0}
.htl .tl-b u{font-size:10.5px}
/* ===== v214 · o nome da fase nunca quebra no meio da palavra =====
   A faixa de cada fase tem a largura proporcional aos dias, entao a fase
   curta (um confinamento de 56 dias dentro de 339) ficava com uns 50px e
   o "Confinamento" saia escrito "Confiname nto". Agora o nome fica numa
   linha so: a letra diminui conforme a faixa aperta e, se ainda nao
   couber, o nome termina em "...". Quem precisa do nome inteiro le em
   cima, na linha "Macho · Recria pasto + confinamento". */
.htl .tl-b span{container-type:inline-size}
.htl .tl-b u{white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center}
@container (max-width:104px){ .htl .tl-b u{font-size:9.5px} }
@container (max-width:74px){  .htl .tl-b u{font-size:8.5px;letter-spacing:-.2px} }
@media(min-width:960px){ #boiLucroBox .htl .tl-b u{font-size:10px} }

/* ===== v128 · o atalho do topo basta: o botão sai de cima do boi ===== */
#irSis{display:none!important}

/* ===== v129 · arte de fundo no cabeçalho do Meu Sistema ===== */
.sisintro{position:relative;overflow:hidden;
  background-image:linear-gradient(180deg,rgba(255,253,245,.98) 0%,rgba(255,253,245,.90) 45%,rgba(255,253,245,.78) 100%), url(fazenda-arte.svg);
  background-size:auto, cover;
  background-position:center, right bottom;
  background-repeat:no-repeat, no-repeat}
@media(min-width:760px){
  .sisintro{background-image:linear-gradient(100deg,rgba(255,253,245,.99) 0%,rgba(255,253,245,.96) 30%,rgba(255,253,245,.86) 55%,rgba(255,253,245,.72) 78%,rgba(255,253,245,.66) 100%), url(fazenda-arte.svg);
    background-size:auto, cover; background-position:center, center 65%}
}
.sisintro > *{position:relative;z-index:1}

/* ===== v130 · convite para conferir antes de usar ===== */
.ptrev{background:rgba(242,234,211,.10);border:1.5px solid rgba(201,168,106,.45);border-left:4px solid var(--dourado);
  border-radius:10px;padding:10px 13px;margin:12px 0 0}
.ptrev b{display:block;font-size:13px;color:var(--dourado);font-weight:800;letter-spacing:.3px}
.ptrev span{display:block;font-size:12.5px;color:#cfe0cf;line-height:1.45;margin-top:3px}
.ptrev[hidden]{display:none}

/* ===== v130 · passos mais presentes e arte mais visível ===== */
.sisintro .guia{gap:12px!important}
@media(min-width:900px){ .sisintro .guia{grid-template-columns:repeat(3,minmax(0,1fr))!important} }
.sisintro .guia li{background:var(--creme)!important;border:2px solid #dcd0ae!important;border-radius:14px!important;
  padding:14px!important;box-shadow:0 2px 0 rgba(27,58,43,.06);align-items:start!important}
.sisintro .guia li b{width:30px!important;height:30px!important;font-size:14px!important;border-width:2px!important}
.sisintro .guia li span{font-size:15.5px!important}
.sisintro .guia li em{font-size:12.5px!important}
.sisintro .guia li .st{font-size:12px!important;padding:7px 14px!important}
.sisintro .guia li.agora{border-color:var(--dourado)!important;background:#fff8e6!important;box-shadow:0 0 0 4px rgba(201,168,106,.22)}
.sisintro .guia li.ok{background:#eef5ea!important;border-color:#9cc09c!important}
.sisintro .guia li.aberto{background:var(--verde)!important;border-color:var(--verde)!important;box-shadow:0 4px 14px rgba(27,58,43,.25)}

/* ===== v131 · cada tela com a sua barra ===== */
#barSistema[hidden],#barVaca[hidden],#bar[hidden]{display:none!important}

/* ===== v132 · cena do sistema ===== */
.cenabox{margin:12px 0 0}
.cenabox .cena{width:100%;height:132px;display:block;border-radius:10px;overflow:hidden}
.cenabox .cena-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;font-size:12px;color:#cfe0cf}
.cenabox .cena-l b{color:var(--dourado);font-size:13.5px}
@media(max-width:600px){ .cenabox .cena{height:120px} }

/* ===== v132b · os bois da cena ===== */
.cena-cx{position:relative}
.cena-boi{position:absolute;display:block;background:var(--creme);
  -webkit-mask:url(boi/boi-alpha.png) center bottom/contain no-repeat;mask:url(boi/boi-alpha.png) center bottom/contain no-repeat}
.cena-boi.peq{left:1.5%;bottom:36%;width:46px;height:27px;opacity:.7}
.cena-boi.big{right:2%;bottom:33%;width:74px;height:43px}
@media(max-width:600px){ .cena-boi.peq{width:40px;height:23px} .cena-boi.big{width:62px;height:36px} }

/* ===== v133 · animais reais na cena ===== */
.cenabox{margin:12px 0 0}
.cenabox .cena-cx{position:relative}
.cenabox .cena{width:100%;height:168px;display:block;border-radius:10px;overflow:hidden}
.cena-an{position:absolute;bottom:35%;transform:translateX(-50%);aspect-ratio:600/386;display:block;
  background-size:contain;background-repeat:no-repeat;background-position:center bottom;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center bottom;mask-position:center bottom;filter:grayscale(1) contrast(1.05)}
.cenabox .cena-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;font-size:12.5px;color:#cfe0cf}
.cenabox .cena-l b{color:var(--dourado);font-size:14px}
@media(max-width:600px){ .cenabox .cena{height:146px} .cena-an{transform:translateX(-50%) scale(.8);transform-origin:bottom center} }

.cena-an.boi{background-image:url(boi/boi-shading.png);-webkit-mask-image:url(boi/boi-alpha.png);mask-image:url(boi/boi-alpha.png)}
.cena-an.novilha{background-image:url(boi/novilha-shading.png);-webkit-mask-image:url(boi/novilha-alpha.png);mask-image:url(boi/novilha-alpha.png)}
.cena-an.vaca{background-image:url(boi/vaca-shading.png);-webkit-mask-image:url(boi/vaca-alpha.png);mask-image:url(boi/vaca-alpha.png)}

/* ===== v135 · só a linha do tempo, sem o cartão solto ===== */
#painelTopo #dois.so-um{display:none!important}
#painelTopo #ptTrilha{display:none!important}

/* ===== v136 · Compra Segura só abre com a base pronta ===== */
#tools .tool.trancada{background:#faf8f2!important;border-style:dashed!important;opacity:.95}
#tools .tool.trancada .ic{background:#ebe6d9!important;color:#8a8578!important;border-color:#d8d1bf!important;font-size:22px}
#tools .tool.trancada h3{color:#8a8578}
.cu-b.trancado{background:rgba(242,234,211,.14)!important;color:#cfe0cf!important;border:1.5px dashed rgba(201,168,106,.6)!important;cursor:default}

/* ===== v137 · o portal inteiro em verde, com a arte ao fundo ===== */
body.portal-verde{background:
  linear-gradient(180deg,rgba(20,44,32,.88) 0%,rgba(20,44,32,.82) 42%,rgba(20,44,32,.93) 100%),
  url(fazenda-arte.svg);
  background-size:auto, cover; background-position:center, center 30%; background-repeat:no-repeat,no-repeat;
  background-attachment:scroll; min-height:100vh}
body.portal-verde .ola{color:#fff}
/* v244 · no portal a saudacao e h2 dentro de .hello, e nao .ola: sem
   esta linha ela ficava verde escuro no fundo verde escuro */
body.portal-verde .hello h2{color:#fff}
body.portal-verde .hello p{color:#cfe0cf}
body.portal-verde .ola2,body.portal-verde .sub{color:#cfe0cf}
body.portal-verde .grupo-t b{color:#fff}
body.portal-verde .grupo-t span{color:#b9cebd}
body.portal-verde .grupo-t{border-color:rgba(242,234,211,.25)}
body.portal-verde .comousar:not(.pronto){background:rgba(12,30,20,.55)!important;border:1.5px solid rgba(201,168,106,.35)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.25)}
body.portal-verde .chip,body.portal-verde .acesso{color:#e8dfc4}

/* ===== v138 · o Meu Sistema com a arte na página inteira ===== */
body.sis-fundo{background:
  linear-gradient(180deg,rgba(20,44,32,.88) 0%,rgba(20,44,32,.82) 42%,rgba(20,44,32,.93) 100%),
  url(fazenda-arte.svg);
  background-size:auto, cover; background-position:center, center 22%; background-repeat:no-repeat,no-repeat;
  background-attachment:scroll}
body.sis-fundo .sisintro{background-image:none!important;background-color:rgba(255,253,245,.90)!important;
  backdrop-filter:blur(1px)}
body.sis-fundo{min-height:100vh;display:flex;flex-direction:column}
body.sis-fundo .footer{margin-top:auto}

/* ===== v139 · fim do painel mais enxuto ===== */
#ptRev{display:none!important}
.ptfim{display:flex;align-items:center;gap:10px;margin-top:12px}
.ptfim #ptMsg{margin:0!important;padding:9px 12px!important;flex:0 0 auto}
.ptfim #ptMsg .salvo-ic{width:26px;height:26px;font-size:14px}
.ptfim #ptMsg b{font-size:13px}
.ptfim #ptMsg span{display:none}
.ptfim #hUsar2{margin:0!important;flex:1}
@media(max-width:520px){ .ptfim{flex-direction:column;align-items:stretch} .ptfim #ptMsg{align-self:flex-start} }

/* ===== v140 · a cena acompanha o passo 3 e a linha de números não corta ===== */
.cena-wrap.no-passo{background:var(--verde);border-radius:12px;padding:10px 12px 12px;margin:0 0 14px}
.cena-wrap.no-passo .cenabox{margin:0}
@media(max-width:900px){
  .ptf2-g4{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(142px,1fr))!important;overflow:visible!important}
  .ptf2-i.ajust{min-width:0!important}
}
@media(max-width:430px){
  .ptf2-g4{grid-template-columns:1fr 1fr!important}
}

/* ===== v141 · a cena fica só no passo 3 ===== */
#ptCena{display:none!important}

/* ===== v142 · relação de troca junto do preço ===== */
#trocaBox.troca-inline{position:static!important;width:auto!important;display:inline-flex!important;align-items:baseline;gap:8px;
  margin:8px 0 0!important;padding:7px 12px;border-radius:999px;background:rgba(242,234,211,.10);border:1px solid rgba(201,168,106,.4)}
#trocaBox.troca-inline .tr-t{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#cfe0cf;margin:0}
#trocaBox.troca-inline b{font-size:16px;color:var(--dourado)}
#trocaBox.troca-inline[hidden]{display:none!important}

/* ===== v145 · nada corta a tela no celular ===== */
#vCompra,#vFaz,#vCria,#vAgenda,#vVacaWrap{min-width:0}
#vEng>#app>*{min-width:0}
.main,.cols,.cols>div,.panel,section.panel,.hero{min-width:0}
.ctrl,.ctrl .row,.ctrl .val,.ctrl label,.trio,.duo{min-width:0}
.ctrl .row{flex-wrap:wrap}
.ctrl.big .val{min-width:0}
.htl,.htl .tl-b,.htl .tl-l{min-width:0}
.htl .tl-b span{min-width:0;overflow:hidden}
@media(max-width:400px){
  .main{padding-left:9px;padding-right:9px}
  .ctrl.big label{letter-spacing:.4px}
  .ctrl.big .val input{font-size:26px}
}

/* v145b · .main sempre na largura da tela (dentro de container flex) */
.main{width:100%}
#vEng>#app>.main,#vEng>#app>nav,#vEng>#app>.footer{width:100%}

/* v146 · cena: entra, sai e dias dentro da faixa; rodapé só no total */
/* ---- cena do sistema: faixa compacta, bicho dentro da coluna (v171) ---- */
.cena-an{bottom:35%;width:auto!important}
.cenabox .cena{height:156px}
@media(min-width:760px){ .cenabox .cena{height:176px} }
.cena-cx{overflow:hidden;border-radius:10px}
.cenabox .cena-l.cena-tot{justify-content:center;margin-top:4px}
.cenabox .cena-l.cena-tot b{font-size:13px}

/* ===== v151 · quando o dinheiro volta ao caixa ===== */
.fluxo{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:11px 12px}
.fluxo .fx-t{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--verde2);font-weight:800;margin-bottom:8px}
.fluxo .fx-d{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  padding-bottom:9px;margin-bottom:7px;border-bottom:1px solid var(--linha)}
.fluxo .fx-d b{font-size:22px;color:var(--verde);font-variant-numeric:tabular-nums;line-height:1.1}
.fluxo .fx-d i{font-style:normal;font-size:11.5px;color:var(--cinza);white-space:nowrap}
.fluxo .fx-l{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0;font-size:12.5px}
.fluxo .fx-l span{color:#2b2b2b;min-width:0}
.fluxo .fx-l em{display:block;font-style:normal;font-size:10.5px;color:#9a978d;margin-top:1px}
.fluxo .fx-l b{color:#8A4B2E;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}
.fluxo .fx-l.volta b{color:var(--verde)}
.fluxo .fx-m{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:10px;background:var(--verde);border-radius:9px;padding:10px 13px}
.fluxo .fx-m span{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--dourado);font-weight:800}
.fluxo .fx-m b{font-size:21px;color:#fff;font-variant-numeric:tabular-nums}
@media(max-width:400px){ .fluxo .fx-d b{font-size:19px} .fluxo .fx-l{font-size:12px} }
@media print{ .fluxo{break-inside:avoid} }

/* ===== v152 · Funrural: receita bruta ou só SENAR (quem contribui pela folha) ===== */
.ctrl2.fun .fungr{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--cinza);
  font-weight:800;margin:9px 0 2px}
.ctrl2.fun .funnota{font-size:11px;color:#9a978d;line-height:1.35;margin:2px 0 8px}
.ctrl2.fun .funnota b{color:var(--verde2)}

/* ===== v155 · PDF em duas folhas, sem recorte ===== */
@media print{
  /* as barras fixas do rodapé não entram no papel (por id: a regra por classe não vence) */
  #bar,#barSistema,#barVaca,#c_bar,.bar{display:none!important}
  /* nada de espaço reservado para elas */
  .main{padding-bottom:0!important}
  body{padding-bottom:0!important;margin-bottom:0!important}

  /* folha 1: o que ele digitou e o veredito. folha 2: o resultado. */
  /* a Compra Segura rende duas folhas: entrada+veredito e resultado */
  #painelResultado{break-before:page;page-break-before:always;grid-column:1/-1}
  /* nas outras ferramentas o resultado só quebra se não couber */
  #c_painelResultado{break-before:auto;page-break-before:auto;grid-column:1/-1}
  #painelResultado,#c_painelResultado,.panel.resultado{break-inside:auto;page-break-inside:auto}

  /* blocos que não podem ser partidos no meio */
  .hero,.panel.o2,.panel.o4,.panel.o6,.fluxo,.resbig,.graf,.htl,.cenabox,
  .rb,.rb2,.ptf2,.dbloco,.funil{break-inside:avoid;page-break-inside:avoid}
  .ladder{break-inside:avoid;page-break-inside:avoid}
  .ladder tr{break-inside:avoid;page-break-inside:avoid}
  /* nenhum painel parte no meio */
  .panel,section.panel{break-inside:avoid;page-break-inside:avoid}
  .cols>div,.cols>.col{break-inside:auto;page-break-inside:auto}

  /* fora do papel: coisas de tela */
  .cen,#scen,#salvar,.acts,.avisoref,.avisocat,.btn-pdf,.toast,.voltarSis,
  .btn-canto,.passo-prox,.voltaPassos,.trilha,.crianav,.guia{display:none!important}

  /* o extrato e o gráfico cabem melhor um pouco menores */
  #painelResultado .rescols{gap:8px}
  .footer{break-inside:avoid;page-break-inside:avoid}
}

/* ===== v156 · Compra Segura: o resultado inteiro numa folha só ===== */
@media print{
  @page{size:A4 portrait;margin:7mm}
  /* sem quebra forçada: tudo tem de caber numa folha */
  #painelResultado{break-before:auto!important;page-break-before:auto!important;margin-top:5px}

  body{font-size:9px}
  .main{padding:0!important}
  .header{margin-bottom:3px!important}
  .prhead{font-size:10px;margin-bottom:4px}
  .cols{gap:6px!important}
  .panel,.hero{margin-bottom:6px!important;padding:7px!important;border-radius:6px!important}
  .sec-h{margin-bottom:4px}
  .sec-h span{font-size:9px!important}
  .sec-h small{font-size:7.5px}
  .sec-sub{font-size:8px;margin:5px 0 3px;padding-top:5px}

  /* os campos de entrada viram uma lista enxuta: rótulo à esquerda, número à direita */
  .ctrl{margin-bottom:3px!important}
  .ctrl.big .row{display:flex!important;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:0}
  .ctrl.big label{display:inline!important;font-size:8px!important;letter-spacing:.2px;margin:0!important}
  .ctrl.big .val{border:none!important;background:none!important;padding:0!important;width:auto;flex:0 0 auto}
  .ctrl.big .val input{font-size:13px!important;text-align:right;padding:0!important;width:62px}
  .ctrl.big .val em{font-size:8px;margin:0 0 0 2px}
  .ctrl.lote .val input{font-size:13px!important}
  .ctrl.mini label{font-size:7.5px}
  .ctrl.mini .val input{font-size:10px}
  .trio{gap:5px}
  .aqtot{font-size:11px;padding:5px 7px;margin-bottom:5px}
  .hint,.h_cab,.agio .ref{font-size:7px}

  /* herói menor */
  .vb{font-size:15px}
  .vsub{font-size:8px}
  .hline{font-size:8px}
  .hprice{font-size:24px!important}
  .hprice small{font-size:11px!important}
  .hcab{font-size:8px}
  .agio{font-size:8px;padding:5px 7px}
  #trocaBox.troca-inline{padding:4px 9px}
  #trocaBox.troca-inline b{font-size:12px}
  .htl .tl-b span u{font-size:7.5px}
  .htl .tl-b span i{font-size:7.5px}
  .htl .tl-l{font-size:8px}
  .htl .tl-l b{font-size:9.5px}
  .htl .tl-n{font-size:7.5px}
  .boi-lucro canvas,.boi canvas{max-width:95px!important}

  /* tabela de preços bem justa, mas completa */
  .ladder{font-size:7.5px!important}
  .ladder td,.ladder th{padding:1.5px 3px!important}

  /* resultado */
  .frow{padding-bottom:4px!important;font-size:8px!important}
  .frow small.br{font-size:6.5px}
  .frow.venda b{font-size:13px!important}
  .frow.total b{font-size:11px!important}
  .fbar{height:3px}
  .rb{padding:8px 10px}
  .rb b{font-size:17px!important}
  .rb span{font-size:7.5px}
  .rb2 div{padding:5px 6px}
  .rb2 b{font-size:10px!important}
  .rb2 span{font-size:7px}
  .fluxo{padding:7px 8px}
  .fluxo .fx-t{font-size:7.5px;margin-bottom:4px}
  .fluxo .fx-d{padding-bottom:5px;margin-bottom:4px}
  .fluxo .fx-d b{font-size:14px}
  .fluxo .fx-d i{font-size:8px}
  .fluxo .fx-l{font-size:8px;padding:2px 0}
  .fluxo .fx-l b{font-size:9.5px}
  .fluxo .fx-l em{font-size:7px}
  .fluxo .fx-m{padding:6px 9px;margin-top:5px}
  .fluxo .fx-m span{font-size:7.5px}
  .fluxo .fx-m b{font-size:14px}
  .graf{margin-top:7px;padding-top:6px}
  .graf-t{font-size:8px}
  .graf-v{height:62px!important}
  .gv-n,.gv-p{font-size:6.5px!important}
  .gv-l{font-size:6.5px!important;min-height:14px!important}
  .fnote{font-size:7.5px;margin-top:5px}
  .footer{margin-top:4px!important;font-size:6.5px!important}
}

/* ===== v157 · tudo numa folha: o resultado se abre em três colunas ===== */
@media print{
  /* o painel do resultado deixa de ser uma pilha alta e vira três colunas */
  .rescols{display:grid!important;grid-template-columns:1.15fr .95fr .9fr!important;gap:8px!important;align-items:start}
  .rescol2{display:contents!important}
  #resBig{display:block}
  .graf{margin-top:0!important;padding-top:0!important;border-top:none!important}
  .graf-v{height:120px!important}
  .gv-l{min-height:20px!important}
  .rb2{grid-template-columns:1fr!important;gap:4px}
  .rb2 div{text-align:left;padding:4px 7px;display:flex;justify-content:space-between;align-items:baseline}
  .rb2 span{font-size:7px}
  /* o detalhe de cada fase sai do extrato: ele já está no Meu Sistema */
  .frow small.br{display:none!important}
  .ptf2-g4{grid-template-columns:1fr 1fr!important}
}

/* ===== v158 · últimos ajustes para fechar numa folha ===== */
@media print{
  /* a tabela de preços: ágio na mesma linha do preço, em vez de duas linhas */
  .ladder td small{display:inline!important;margin:0 0 0 5px!important;font-size:6.5px!important}
  .ladder td,.ladder th{padding:1px 3px!important;line-height:1.2!important}
  .ladder tr.cur td{font-weight:800}
  /* o boi do herói menor, para sobrar papel */
  .boi.boi-lucro canvas,#boiLucro{max-width:72px!important}
  .boi-l{font-size:6.5px}
  /* respiro menor entre painéis */
  .panel,.hero{margin-bottom:5px!important;padding:6px!important}
  .lnote{display:none!important}
}

/* ===== v159 · o que é ajuda de tela não vai para o papel ===== */
@media print{
  /* a caixa do ágio é guia do momento do leilão; no papel o ágio já vem em cada linha da tabela */
  #agio,.agio-hero{display:none!important}
  /* a categoria já aparece no subtítulo do resultado */
  .sexo{display:none!important}
  .ctrl .hint,.hint{display:none!important}
  .aqtot{padding:4px 6px!important;font-size:10px!important;margin-bottom:4px!important}
  .aqtot em{font-size:7px}
}

/* ===== v160 · limpeza final do papel ===== */
@media print{
  #rulerBox,.ruler,.scale{display:none!important}
  .ctrl button,.ctrl .stp,.ctrl .mm,.aqtot button{display:none!important}
  .ctrl.lote .val{border:none!important;background:none!important}
  .ctrl.lote{background:none!important;border:none!important;padding:0!important;color:inherit!important}
  .ctrl.lote label{color:var(--verde2)!important}
  .ctrl.lote .val input{color:var(--verde)!important}
}

/* ===== v161 · botões e seletores não vão para o papel ===== */
@media print{
  #vCompra .sexo,#vCompra .sexo button,#vCompra .ctrl button,#vCompra button.stp,
  #vCria .sexo,#vCria .ctrl button,
  main.main .sexo,main.main .sexo button,
  button.stp,button.mm,button.aj,.ctrl .stp,.ctrl .mm{display:none!important}
}

/* ===== v162 · relatório próprio do PDF (não é a tela impressa) ===== */
#pdfRel{display:none}
@media print{@page{size:A4 portrait;margin:9mm}
  /* no papel some a tela e fica só o relatório */
  /* o relatorio fica no body: escondo todo o resto, seja a pagina do site ou a previa */
  body.tem-rel>*:not(#pdfRel){display:none!important}
  body.tem-rel #pdfRel{display:block!important;font-size:9px;color:#2b2b2b}
  body.tem-rel{background:#fff!important;background-image:none!important}
  body{background:#fff}
}

/* ===== v163 · papel branco atrás do relatório ===== */
@media print{
  html,body,body.portal-verde,body.sis-fundo,#vEng,#vEng>#app,#vCompra,.main{
    background:#fff!important;background-image:none!important}
  body::before,body::after,#vEng::before,#vEng::after,.main::before,.main::after{display:none!important;content:none!important}
}

/* ===== v164 · tabela de preços e gráfico de barras no relatório ===== */


/* ===== v165 · espaço para anotar no papel ===== */


/* ===== v166 · cabeçalho com a marca e a folha mais cheia ===== */


/* ===== v173 · Vaca prenha: tres destinos e a caixa de aviso ===== */
/* os botoes e o "?" tem nome proprio: na previa as tres ferramentas moram na mesma pagina */
.destino3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:12px;
  background:var(--creme2);padding:4px;border-radius:8px;border:1px solid var(--linha)}
.destino3 button{border:0;background:transparent;color:var(--verde2);border-radius:6px;
  padding:10px 4px;font-size:11.5px;font-weight:800;line-height:1.2}
.destino3 button[aria-pressed=true]{background:var(--verde);color:var(--creme)}
@media(min-width:760px){ .destino3 button{font-size:12.5px;padding:11px 6px} }
.ctrl.vaca-dest{background:var(--creme2);border:1px solid var(--linha);border-left:4px solid var(--dourado);
  border-radius:0 10px 10px 0;padding:10px 12px;margin:10px 0}
/* quatro atalhos na mesma linha (peso de desmame) */
.alvos.a4{grid-template-columns:repeat(4,1fr)}
.alvos.a4.u-kg button::after{content:' kg';font-size:10px;font-weight:600;opacity:.75}
.alvos.a4.u-dia button::after{content:' d';font-size:10px;font-weight:600;opacity:.75}
.alvos.a4.u-dia button[data-dp="0"]::after{content:''}
.semfun{font-size:11.5px;color:var(--cinza);background:var(--creme2);border-left:3px solid var(--linha);
  border-radius:0 7px 7px 0;padding:8px 10px;margin:4px 0 2px;line-height:1.4}
.dicav,.dicap{margin-left:6px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--dourado);
  background:#fff;color:var(--dourado);font-size:11px;font-weight:800;line-height:1;padding:0;flex:0 0 auto}
.dicav:active,.dicap:active{background:var(--dourado);color:#1B3A2B}
.ctrl.big label{display:flex;align-items:center}
@media print{.dicav,.dicap{display:none}}

/* o aviso honesto, que ate aqui saia como texto solto */
.metabox{display:flex;gap:10px;align-items:flex-start;background:var(--creme2);
  border:1px solid var(--linha);border-left:4px solid var(--dourado);border-radius:9px;
  padding:11px 13px;margin:0 0 10px}
.metabox i{font-style:normal;font-weight:800;color:#1B3A2B;background:var(--dourado);
  width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:13px;flex:0 0 20px;margin-top:1px}
.metabox b{font-weight:700;font-size:13px;color:#2b2b2b;line-height:1.4}
.metabox.alerta{border-left-color:#C0553F;background:#faf1ee}
.metabox.alerta i{background:#C0553F;color:#fff}
#v_avisos,#c_avisos{margin:0 14px 4px;max-width:1200px}
@media(min-width:760px){ #v_avisos,#c_avisos{margin:0 auto 6px;padding:0 16px} }

/* ===== v172 · uma folha so: linhas mais justas e o espaco de anotar no vazio da direita ===== */


/* ===== v161 · passo 2 com a mesma cara do portal: verde, o boi ao fundo, botões grandes ===== */
body.sis-fundo{background-position:center, center 26%!important}

/* cabeçalho da fazenda legível no escuro */
body.sis-fundo .fazhead h2{color:#fff}
body.sis-fundo .fazhead p{color:#cfe0cf}
body.sis-fundo .fazhead .linkbtn{color:var(--dourado)}
body.sis-fundo .voltaPassos{background:rgba(242,234,211,.12);border:1.5px solid rgba(201,168,106,.5);color:var(--creme)}
body.sis-fundo .hero{border:1.5px solid rgba(201,168,106,.35)}

/* o painel dos 3 passos: cartão escuro com a arte atrás, igual ao do portal */
body.sis-fundo .sisintro{background-image:none!important;background-color:rgba(12,30,20,.58)!important;
  border:1.5px solid rgba(201,168,106,.38)!important;border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(1px);padding:20px 18px 18px}
@media(min-width:760px){ body.sis-fundo .sisintro{padding:26px 30px 22px} }
body.sis-fundo .si-tag{background:var(--dourado)!important;color:#1B3A2B!important}
body.sis-fundo .si-h{color:#fff!important}
body.sis-fundo .sisintro .si-guia-t{color:var(--dourado)!important;font-size:12px!important;letter-spacing:1px!important}

/* os três passos: cartão, número dourado e botão grande */
body.sis-fundo .sisintro .guia{gap:10px!important}
body.sis-fundo .sisintro .guia li{background:rgba(255,255,255,.07)!important;
  border:1.5px solid rgba(242,234,211,.24)!important;border-radius:14px!important;
  box-shadow:none!important;padding:14px!important;
  grid-template-columns:38px 1fr!important;align-items:center!important;row-gap:12px;column-gap:12px}
body.sis-fundo .sisintro .guia li b{width:38px!important;height:38px!important;font-size:16px!important;
  background:var(--dourado)!important;color:#1B3A2B!important;border:0!important}
body.sis-fundo .sisintro .guia li span{color:#fff!important;font-size:16.5px!important;line-height:1.2}
body.sis-fundo .sisintro .guia li em{color:#d6e2d3!important;font-size:13px!important;margin-top:2px}
body.sis-fundo .sisintro .guia li .st{grid-column:1/-1;justify-self:stretch;text-align:center;
  background:var(--dourado)!important;color:#1B3A2B!important;border:0!important;border-radius:999px!important;
  font-size:14.5px!important;padding:13px 20px!important;letter-spacing:.3px;min-height:46px;
  display:flex;align-items:center;justify-content:center}
body.sis-fundo .sisintro .guia li.agora{border-color:var(--dourado)!important;
  background:rgba(201,168,106,.20)!important;box-shadow:0 0 0 3px rgba(201,168,106,.28)!important}
body.sis-fundo .sisintro .guia li.ok{background:rgba(110,158,112,.20)!important;border-color:rgba(156,192,156,.55)!important}
body.sis-fundo .sisintro .guia li.ok b{background:#6E9E70!important;color:#fff!important}
body.sis-fundo .sisintro .guia li.ok .st{background:transparent!important;color:#cfe0cf!important;
  border:1.5px solid rgba(207,224,207,.55)!important;font-size:13px!important;padding:11px 18px!important;min-height:40px}
body.sis-fundo .sisintro .guia li.aberto{background:rgba(201,168,106,.26)!important;border-color:var(--dourado)!important;
  box-shadow:0 0 0 3px rgba(201,168,106,.30)!important}
@media(min-width:760px){
  body.sis-fundo .sisintro .guia li{grid-template-rows:auto 1fr auto}
  body.sis-fundo .sisintro .guia li .st{align-self:end}
}

/* o aviso vermelho no escuro */
body.sis-fundo .si-alerta{background:rgba(192,85,63,.22)!important;border-left:4px solid #E07A63!important;
  border-radius:9px;color:#FFD9D0!important;font-size:13px;padding:11px 13px}
body.sis-fundo .si-alerta b{color:#FFB9A8!important}
body.sis-fundo .guia-aviso{background:rgba(192,85,63,.22);border-left:4px solid #E07A63;color:#FFD9D0}
body.sis-fundo .guia-aviso b{color:#FFB9A8}

@media print{
  body.sis-fundo .sisintro{display:none!important}
  body.sis-fundo .fazhead h2{color:var(--verde)!important}
  body.sis-fundo .fazhead p{color:var(--cinza)!important}
}

/* ===== v162 · passo 1 com o mesmo fundo: verde, o boi atrás, texto claro ===== */
body.sis-fundo .fz-topo .ola{color:#fff}
body.sis-fundo .fz-topo .ola2{color:#cfe0cf}
body.sis-fundo .fz-topo .btn-mini{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}
body.sis-fundo .salvobox.claro{background:rgba(255,255,255,.08);border:1.5px solid rgba(242,234,211,.25)}
body.sis-fundo .salvobox.claro b{color:#fff}
body.sis-fundo .salvobox.claro span{color:#cfe0cf}
body.sis-fundo .panel{border:1.5px solid rgba(201,168,106,.35);box-shadow:0 6px 20px rgba(0,0,0,.14)}

@media print{
  body.sis-fundo .fz-topo .ola{color:var(--verde)!important}
  body.sis-fundo .fz-topo .ola2{color:var(--cinza)!important}
  body.sis-fundo .panel{box-shadow:none!important}
}

/* ===== v185 · um destaque so na guia: o passo que falta chama, o resto fica quieto ===== */
/* o passo que falta e o unico cheio; os pendentes ficam de contorno */
.sisintro .guia li:not(.agora):not(.ok) .st,
body.sis-fundo .sisintro .guia li:not(.agora):not(.ok) .st,
#vEng .sisintro .guia li:not(.agora):not(.ok) .st{
  background:transparent!important;color:var(--dourado)!important;
  border:1.5px solid rgba(201,168,106,.45)!important;box-shadow:none!important;
  font-size:13px!important;padding:11px 18px!important}
.sisintro .guia li.agora .st,
body.sis-fundo .sisintro .guia li.agora .st,
#vEng .sisintro .guia li.agora .st{
  background:var(--dourado)!important;color:#1B3A2B!important;border:0!important;
  font-size:14.5px!important;padding:13px 18px!important;
  box-shadow:0 6px 16px rgba(201,168,106,.34)!important}
.sisintro .guia li.aberto .st,
body.sis-fundo .sisintro .guia li.aberto .st,
#vEng .sisintro .guia li.aberto .st{font-size:12.5px!important;padding:9px 16px!important;
  box-shadow:none!important}

/* ===== v188 · um passo por vez: a ferramenta so abre com os tres passos feitos ===== */
.sistrava{margin:12px 0 0;padding:11px 13px;border:1.5px dashed rgba(201,168,106,.6);
  border-radius:12px;background:rgba(201,168,106,.09);color:#5a4a22;
  font-size:12.5px;line-height:1.45;text-align:center}
body.sis-fundo .sistrava{color:#e8dfc4;background:rgba(201,168,106,.14);border-color:rgba(201,168,106,.5)}
body.sis-travado .main{padding-bottom:26px!important}

/* ===== v189 · mandar o resultado no WhatsApp ===== */
.btn-wa{display:block;width:100%;margin-top:14px;border:0;background:#1FA855;color:#fff;
  border-radius:10px;padding:14px;font-size:15px;font-weight:800;letter-spacing:.2px;
  box-shadow:0 4px 12px rgba(31,168,85,.28)}
.btn-wa::before{content:'';display:inline-block;width:17px;height:17px;margin-right:9px;vertical-align:-3px;
  background:#fff;-webkit-mask:var(--wa) center/contain no-repeat;mask:var(--wa) center/contain no-repeat}
:root{--wa:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.767.967-.94 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.496.099-.199.05-.372-.025-.521-.074-.149-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.29.173-1.414z'/></svg>")}
@media(min-width:900px){.btn-wa{max-width:320px;margin-left:auto;margin-right:auto}}
@media print{.btn-wa{display:none!important}}

/* ===== v190 · Minhas compras ===== */
.cp-placar{margin-bottom:14px}
.cp-k4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-k4>div{background:#fffdf5;border:1.5px solid var(--linha);border-radius:12px;padding:11px 12px}
.cp-k4 span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8a7a52}
.cp-k4 b{display:block;font-size:20px;font-weight:800;color:var(--verde);line-height:1.15;margin-top:3px}
.cp-k4 b.ok{color:var(--verde)} .cp-k4 b.neg{color:var(--perda)}
.cp-k4 b em{font-size:12px;font-weight:700;margin-left:3px;color:#6d7f6d}
.cp-k4 i{display:block;font-style:normal;font-size:11px;color:#6b6257;margin-top:3px;line-height:1.3}
@media(min-width:760px){.cp-k4{grid-template-columns:repeat(4,1fr)}}

.cp-filtros{display:flex;gap:7px;margin:0 0 12px;flex-wrap:wrap}
.cp-filtros button{border:1.5px solid rgba(201,168,106,.55);background:transparent;color:var(--dourado);
  border-radius:999px;padding:8px 15px;font-size:13px;font-weight:800}
.cp-filtros button.on{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}

.cp-lista{display:grid;gap:12px}
.cp-card{background:#fffdf5;border:2px solid var(--linha);border-radius:16px;padding:13px 13px 11px}
.cp-card.fechado{border-color:rgba(27,58,43,.3)}
.cp-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.cp-ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--verde);color:var(--dourado);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.cp-h-t{flex:1;min-width:0}
.cp-h-t b{display:block;font-size:14.5px;color:var(--verde);line-height:1.25}
.cp-h-t span{display:block;font-size:11.5px;color:#6b6257;margin-top:2px}
.cp-selo{flex:none;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  background:rgba(201,168,106,.2);color:#8a5a12;border-radius:999px;padding:5px 10px}
.cp-selo.fim{background:rgba(27,58,43,.12);color:var(--verde)}

.cp-pagou{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 11px;border-radius:12px;
  background:rgba(201,168,106,.09);border-left:4px solid var(--dourado);margin-bottom:10px}
.cp-pagou.ok{border-left-color:var(--ok,#3E7A52);background:rgba(62,122,82,.08)}
.cp-pagou.lim{border-left-color:var(--dourado)}
.cp-pagou.nao{border-left-color:var(--perda);background:rgba(192,85,63,.08)}
.cp-pagou span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#8a7a52}
.cp-pagou b{display:block;font-size:18px;font-weight:800;color:var(--verde);line-height:1.15;margin-top:2px}
.cp-pagou b em{font-size:11.5px;font-weight:700;color:#6d7f6d;margin-left:2px}
.cp-pagou i{display:block;font-style:normal;font-size:11px;color:#6b6257;margin-top:3px;line-height:1.3}
.cp-teto{text-align:right}

.cp-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-col{background:#fff;border:1.5px solid var(--linha);border-radius:11px;padding:9px 11px}
.cp-col.pend{background:repeating-linear-gradient(135deg,#fff,#fff 7px,#fbf8ee 7px,#fbf8ee 14px)}
.cp-col.real{border-color:rgba(27,58,43,.35)}
.cp-rot{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8a7a52}
.cp-col b{display:block;font-size:18px;font-weight:800;color:var(--verde);line-height:1.15;margin-top:2px}
.cp-col b.neg{color:var(--perda)}
.cp-col b em{font-size:11.5px;font-weight:700;color:#6d7f6d;margin-left:1px}
.cp-col i{display:block;font-style:normal;font-size:11px;color:#6b6257;margin-top:2px}

.cp-dif{margin-top:9px;font-size:12.5px;font-weight:700;border-radius:9px;padding:8px 11px}
.cp-dif.ok{background:rgba(62,122,82,.12);color:#2c5c3d}
.cp-dif.nao{background:rgba(192,85,63,.12);color:#8d3f2e}

.cp-acts{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.cp-b{border:1.5px solid var(--verde2);background:#fff;color:var(--verde);border-radius:9px;
  padding:9px 13px;font-size:12.5px;font-weight:800}
.cp-b.forte{background:var(--verde);color:var(--creme);border-color:var(--verde);flex:1}
.cp-b.x{border-color:rgba(192,85,63,.45);color:var(--perda)}

.cp-vazio{text-align:center}
.cp-vz-ic{width:54px;height:54px;margin:2px auto 10px;border-radius:14px;background:var(--verde);
  color:var(--dourado);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}
.cp-vazio h2{font-size:17px;color:var(--verde);margin:0 0 7px}
.cp-vazio p{font-size:13px;color:#5b5346;line-height:1.5;margin:0 auto 13px;max-width:430px}
.cp-vz-b{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:9px}
.cp-nada{text-align:center;color:#cfe0cf;font-size:13px;padding:18px 0}
.btn-nova{display:block;width:100%;margin-top:14px;border:1.5px dashed rgba(201,168,106,.7);
  background:transparent;color:var(--dourado);border-radius:12px;padding:13px;font-size:13.5px;font-weight:800}
@media(min-width:900px){.btn-nova{max-width:340px;margin-left:auto;margin-right:auto}}

/* folha de fechar o lote */
body.cp-aberta{overflow:hidden}
.cp-sheet{position:fixed;inset:0;z-index:60;background:rgba(10,24,16,.62);
  display:flex;align-items:flex-end;justify-content:center;padding:0}
.cp-sh-cx{background:#fffdf5;width:100%;max-width:520px;border-radius:18px 18px 0 0;
  max-height:92vh;display:flex;flex-direction:column}
@media(min-width:600px){.cp-sheet{align-items:center;padding:20px}.cp-sh-cx{border-radius:18px}}
.cp-sh-h{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:15px 16px 12px;border-bottom:2px solid var(--dourado)}
.cp-sh-h b{font-size:16px;color:var(--verde)}
.cp-x{border:0;background:transparent;font-size:26px;line-height:1;color:#8a7a52;padding:0 4px}
.cp-sh-b{padding:14px 16px;overflow:auto;flex:1}
.cp-sh-p{margin:0 0 13px;font-size:12.5px;color:#5b5346;line-height:1.45}
.cp-sh-p b{display:block;font-size:14px;color:var(--verde)}
.cp-f{display:block;margin-bottom:12px}
.cp-f>span{display:block;font-size:12px;font-weight:800;color:var(--verde);margin-bottom:5px}
.cp-in{display:flex;align-items:center;border:1.5px solid var(--linha);border-radius:10px;background:#fff;overflow:hidden}
.cp-in input{flex:1;min-width:0;border:0;background:transparent;padding:11px 12px;font-size:15px;
  font-weight:700;color:var(--verde);font-family:inherit}
.cp-in u{flex:none;text-decoration:none;font-size:12px;font-weight:800;color:#8a7a52;padding:0 11px}
.cp-f>em{display:block;font-style:normal;font-size:11.5px;color:#6b6257;margin-top:4px;line-height:1.35}
.cp-uni{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
.cp-uni button{flex:1;min-width:96px;border:1.5px solid var(--linha);background:#fff;color:var(--verde);
  border-radius:9px;padding:9px 6px;font-size:12px;font-weight:800}
.cp-uni button.on{background:var(--verde);color:var(--creme);border-color:var(--verde)}
.cp-sh-f{display:flex;gap:9px;padding:12px 16px;border-top:1px solid var(--linha)}
.cp-sh-f .btn{flex:1}

/* botão discreto dentro das ferramentas */
.btn-comprei{display:block;width:100%;margin-top:10px;border:1.5px dashed rgba(27,58,43,.45);
  background:transparent;color:var(--verde);border-radius:10px;padding:12px;font-size:13.5px;font-weight:800}
.btn-comprei.feito{border-style:solid;border-color:var(--ok,#3E7A52);color:#2c5c3d;background:rgba(62,122,82,.08)}
@media(min-width:900px){.btn-comprei{max-width:320px;margin-left:auto;margin-right:auto}}
@media print{.btn-comprei{display:none!important}}

/* ===== v191 · a curva das compras ===== */
.cp-graf{margin-bottom:14px}
.cp-gtabs{display:flex;gap:6px;margin:2px 0 14px;flex-wrap:wrap}
.cp-gtabs button{flex:1;min-width:84px;border:1.5px solid var(--linha);background:#fff;color:var(--verde);
  border-radius:9px;padding:9px 6px;font-size:12px;font-weight:800}
.cp-gtabs button.on{background:var(--verde);color:var(--creme);border-color:var(--verde)}
.cp-gwrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.cp-gl{display:flex;gap:9px;align-items:flex-end;min-width:min-content}
.cpg-c{flex:1 0 62px;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:5px}
.cpg-v{font-size:11px;font-weight:800;color:var(--verde);white-space:nowrap;line-height:1.1;text-align:center}
.cpg-b{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;
  width:100%;height:120px;background:linear-gradient(to top,rgba(201,168,106,.14) 1px,transparent 1px) 0 0/100% 25%;
  border-bottom:1.5px solid var(--linha);border-radius:3px}
.cpg-b u{position:relative;flex:1;max-width:30px;text-decoration:none;border-radius:4px 4px 0 0;background:#8FAE7B}
.cpg-b u.ok{background:#3E7A52} .cpg-b u.nao{background:var(--perda)}
.cpg-b u.fino{max-width:13px} .cpg-b u.prev{background:#cfc9b4} .cpg-b u.real{background:#3E7A52}
.cpg-b s{position:absolute;left:50%;transform:translateX(-50%);width:30px;text-decoration:none;
  background:rgba(143,174,123,.45);border-radius:4px 4px 0 0}
.cpg-b b{position:absolute;left:-2px;right:-2px;height:0;border-top:2px dashed var(--dourado)}
.cpg-l{font-size:10.5px;font-weight:800;color:#6b6257;text-align:center;line-height:1.2}
.cpg-l em{display:block;font-style:normal;font-weight:600;font-size:9.5px;color:#8a7a52;margin-top:1px}
.cp-gleg{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;font-size:11px;color:#6b6257}
.cp-gleg span{display:flex;align-items:center;gap:5px}
.cp-gleg span::before{content:'';width:11px;height:11px;border-radius:3px;background:#8FAE7B}
.cp-gleg span.ok::before{background:#3E7A52}
.cp-gleg span.nao::before{background:var(--perda)}
.cp-gleg span.prev::before{background:#cfc9b4}
.cp-gleg span.claro::before{background:rgba(143,174,123,.45)}
.cp-gleg span.risco::before{background:transparent;border-top:2px dashed var(--dourado);border-radius:0;height:0}
.cp-gleg i{flex-basis:100%;font-style:normal;color:#8a7a52;line-height:1.4}
@media print{.cp-graf,.cp-gtabs{display:none!important}}
.cp-gferr{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.cp-gferr button{border:1.5px solid rgba(201,168,106,.5);background:transparent;color:#8a5a12;
  border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:800}
.cp-gferr button.on{background:rgba(201,168,106,.22);border-color:var(--dourado)}
.cp-gferr button i{font-style:normal;opacity:.65;margin-left:3px}

/* ===== v192 · seletor de sistema de produção no cabeçalho ===== */
/* o cabeçalho é branco em todas as telas: a cor vem do .farm .f1, não se mexe nela */
.sisw-slot{white-space:normal!important;overflow:visible!important}
.sisw{display:block;width:100%;border:0;background:transparent;padding:0;text-align:right;
  font-family:inherit;color:inherit;text-decoration:none!important}
.sisw *{text-decoration:none!important}
.sisw-n{color:var(--verde);font-size:12.5px;font-weight:800;line-height:1.2;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sisw-o{display:block;font-size:10.5px;font-weight:600;color:#6b6257;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sisw-v{display:block;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.4px;
  text-transform:uppercase;color:var(--dourado);margin-top:1px;white-space:nowrap}
@media(min-width:720px){.sisw-n{font-size:14px}.sisw-o{font-size:11.5px}.sisw-v{font-size:10.5px}}
.sisl{display:grid;gap:8px;margin-bottom:13px}
.sisl-i{display:flex;align-items:stretch;gap:7px;border:1.5px solid var(--linha);border-radius:12px;
  background:#fff;overflow:hidden}
.sisl-i.on{border-color:var(--dourado);background:rgba(201,168,106,.07)}
.sisl-u{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;
  padding:11px 12px;text-align:left;font-family:inherit}
.sisl-r{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--linha);
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;color:#1B3A2B}
.sisl-i.on .sisl-r{background:var(--dourado);border-color:var(--dourado)}
.sisl-u span{min-width:0}
.sisl-u b{display:block;font-size:13.5px;color:var(--verde);line-height:1.25}
.sisl-u em{display:block;font-style:normal;font-size:11.5px;color:#6b6257}
.sisl-u u{display:block;text-decoration:none;font-size:10.5px;color:#8a7a52;margin-top:1px}
.sisl-e{flex:none;border:0;border-left:1px solid var(--linha);background:transparent;
  padding:0 12px;font-size:11px;font-weight:800;color:var(--dourado);font-family:inherit}
.sisl-novo{display:block;width:100%;border:1.5px dashed rgba(201,168,106,.7);background:transparent;
  color:var(--dourado);border-radius:12px;padding:12px;font-size:13.5px;font-weight:800;font-family:inherit}
.sisl-novo em{display:block;font-style:normal;font-size:11px;font-weight:600;color:#8a7a52;margin-top:3px}
.sisl-lim{border:1.5px solid rgba(201,168,106,.55);background:rgba(201,168,106,.09);
  border-radius:12px;padding:12px 13px}
.sisl-lim b{display:block;font-size:13px;color:var(--verde);margin-bottom:4px}
.sisl-lim span{font-size:12px;color:#5b5346;line-height:1.45}
.sisl-lim span b{display:inline;font-size:inherit;color:var(--verde)}
.sisl-cp{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;
  border:1.5px solid var(--linha);border-radius:12px;padding:11px 12px;background:#fff}
.sisl-cp input{flex:none;width:19px;height:19px;margin-top:1px;accent-color:#1B3A2B}
.sisl-cp span{font-size:12.5px;font-weight:700;color:var(--verde);line-height:1.35}
.sisl-cp em{display:block;font-style:normal;font-weight:600;font-size:11.5px;color:#6b6257;margin-top:2px}
.sisl-apagar{display:block;width:100%;margin-top:14px;border:1.5px solid rgba(192,85,63,.45);
  background:transparent;color:var(--perda);border-radius:10px;padding:11px;font-size:12.5px;
  font-weight:800;font-family:inherit}
@media print{.sisw-v,#sisFolha{display:none!important}}

/* ===== v193 · os dois planos: a oferta do Plus e o ranking ===== */
.cp-plus{text-align:left}
.cp-pl-tag{display:inline-block;background:var(--dourado);color:#1B3A2B;font-size:10.5px;font-weight:800;
  letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:5px 13px;margin-bottom:11px}
.cp-plus h2{font-size:19px;color:var(--verde);margin:0 0 8px;line-height:1.25}
.cp-plus>p{font-size:13.5px;color:#5b5346;line-height:1.5;margin:0 0 15px}
.cp-pl-l{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:10px}
.cp-pl-l li{border-left:3px solid var(--dourado);padding:2px 0 2px 12px}
.cp-pl-l b{display:block;font-size:13.5px;color:var(--verde)}
.cp-pl-l span{display:block;font-size:12.5px;color:#6b6257;line-height:1.45;margin-top:2px}
.cp-pl-b{display:flex;gap:9px;flex-wrap:wrap}
.cp-pl-b .btn{flex:1;min-width:150px;text-align:center;text-decoration:none}

.cp-rank{margin-bottom:14px}
.cp-rk{display:grid;gap:8px}
.cp-rk-i{display:flex;align-items:center;gap:11px;border:1.5px solid var(--linha);
  border-radius:12px;padding:10px 12px;background:#fff}
.cp-rk-i.top{border-color:var(--dourado);background:rgba(201,168,106,.09)}
.cp-rk-i.pior{border-color:rgba(192,85,63,.35)}
.cp-rk-p{flex:none;width:34px;height:34px;border-radius:50%;background:var(--verde);color:var(--creme);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}
.cp-rk-i.top .cp-rk-p{background:var(--dourado);color:#1B3A2B}
.cp-rk-c{flex:1;min-width:0}
.cp-rk-c b{display:block;font-size:13px;color:var(--verde);line-height:1.25}
.cp-rk-c span{display:block;font-size:11px;color:#8a7a52;margin-top:1px}
.cp-rk-c em{display:block;font-style:normal;font-size:11.5px;color:#5b5346;line-height:1.35;margin-top:3px}
.cp-rk-v{flex:none;text-align:right}
.cp-rk-v b{display:block;font-size:16px;font-weight:800;color:var(--verde);line-height:1.1}
.cp-rk-v b.neg{color:var(--perda)}
.cp-rk-v b i{font-style:normal;font-size:10px;font-weight:700;color:#6d7f6d;margin-left:2px}
.cp-rk-v span{display:block;font-size:11px;color:#6b6257;margin-top:2px}
.cp-rk-nota{font-size:12.5px;color:#5b5346;line-height:1.5;margin:12px 0 0;
  border-top:1px solid var(--linha);padding-top:11px}
.cp-rk-nota b{color:var(--verde)}
@media print{.cp-plus,.cp-rank{display:none!important}}
.tool.plusoff{opacity:1}
.tool.plusoff .ic{background:rgba(201,168,106,.22);color:#8a5a12}
.tag.plus{background:var(--dourado);color:#1B3A2B}
.tool.plusoff .avisoport{color:var(--dourado);font-weight:800}

/* ===== v194 · a tela dos planos ===== */
.pl-topo{margin:2px 0 16px}
.pl-topo h1{font-size:23px;line-height:1.25;color:#fff;margin:0 0 8px}
.pl-topo p{font-size:14px;color:#cfe0cf;line-height:1.5;margin:0;max-width:620px}
@media(min-width:760px){.pl-topo h1{font-size:30px}}

.pl-prazo{display:flex;gap:7px;margin:0 0 16px;flex-wrap:wrap}
.pl-prazo button{flex:1;min-width:104px;border:1.5px solid rgba(201,168,106,.5);background:rgba(242,234,211,.07);
  color:var(--creme);border-radius:11px;padding:11px 8px;font-size:13px;font-weight:800;font-family:inherit}
.pl-prazo button em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--dourado);margin-top:2px}
.pl-prazo button.on{background:var(--dourado);color:#1B3A2B;border-color:var(--dourado)}
.pl-prazo button.on em{color:#1B3A2B;opacity:.75}

.pl-cards{display:grid;gap:14px;margin-bottom:16px}
@media(min-width:860px){.pl-cards{grid-template-columns:1fr 1fr;align-items:start}}
.pl-c{position:relative;background:#fffdf5;border:2px solid var(--linha);border-radius:18px;padding:18px 16px 16px}
.pl-c.top{border-color:var(--dourado);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.pl-fita{position:absolute;top:-11px;right:14px;background:var(--dourado);color:#1B3A2B;
  font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.pl-h{margin-bottom:12px}
.pl-sel{display:inline-block;background:var(--verde);color:var(--creme);font-size:10.5px;font-weight:800;
  letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:4px 11px;margin-bottom:8px}
.pl-sel.ouro{background:var(--dourado);color:#1B3A2B}
.pl-h h2{font-size:20px;color:var(--verde);margin:0;line-height:1.2}
.pl-ch{font-size:13.5px;color:#8a5a12;font-weight:700;margin:3px 0 0}
.pl-pr{display:flex;align-items:baseline;gap:3px;margin-top:4px}
.pl-pr b{font-size:40px;font-weight:800;color:var(--verde);line-height:1}
.pl-pr em{font-style:normal;font-size:15px;font-weight:700;color:#6d7f6d}
.pl-pl{font-size:12.5px;color:#5b5346;margin-top:4px}
.pl-ec{display:inline-block;font-size:11.5px;font-weight:800;color:#2c5c3d;background:rgba(62,122,82,.12);
  border-radius:999px;padding:4px 10px;margin-top:7px}
.pl-tx{font-size:13px;color:#5b5346;line-height:1.5;margin:12px 0 13px;
  border-top:1px solid var(--linha);padding-top:12px}
.pl-it{list-style:none;padding:0;margin:0 0 13px;display:grid;gap:9px}
.pl-it li{padding-left:21px;position:relative}
.pl-it li::before{content:'✓';position:absolute;left:0;top:0;color:var(--dourado);font-weight:800;font-size:13px}
.pl-it b{display:block;font-size:13px;color:var(--verde);line-height:1.3}
.pl-it span{display:block;font-size:12px;color:#6b6257;line-height:1.4;margin-top:1px}
.pl-falta{font-size:12px;color:#7a2e22;background:#f8ebe7;border-left:3px solid var(--perda);
  border-radius:6px;padding:9px 11px;margin-bottom:13px;line-height:1.45}
.pl-bt{display:block;width:100%;text-align:center;text-decoration:none;background:var(--verde);color:var(--creme);
  border:0;font-family:inherit;border-radius:11px;padding:14px;font-size:15px;font-weight:800}
button.pl-bt:disabled{opacity:.55}
.pl-bt.ouro{background:var(--dourado);color:#1B3A2B}
.pl-vista{font-size:11.5px;color:#6b6257;text-align:center;margin-top:8px;line-height:1.4}

.pl-comp{margin-bottom:14px}
.pl-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.pl-tab th{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8a7a52;
  padding:0 8px 7px;text-align:center;border-bottom:1.5px solid var(--dourado)}
.pl-tab th:first-child{text-align:left}
.pl-tab th.hi,.pl-tab td.hi{background:rgba(201,168,106,.1)}
.pl-tab td{padding:9px 8px;border-bottom:1px solid var(--linha);text-align:center;color:var(--verde);font-weight:800}
.pl-tab td:first-child{text-align:left;font-weight:600;color:#5b5346;line-height:1.3}
.pl-tab td em{display:block;font-style:normal;font-size:11px;color:#8a7a52;font-weight:600;margin-top:2px}
.pl-tab td.no{color:#b9b2a2}
.pl-tab tr:last-child td{border-bottom:0}

.pl-fine ul{margin:0;padding-left:19px;display:grid;gap:7px}
.pl-fine li{font-size:12.5px;color:#5b5346;line-height:1.45}
.pl-nota{font-size:11.5px;color:#8a7a52;margin:12px 0 0;border-top:1px solid var(--linha);padding-top:10px;line-height:1.45}
.lplanos{display:block;text-align:center;margin-top:12px;font-size:12.5px;font-weight:800;
  color:var(--dourado);text-decoration:none;border-top:1px solid rgba(201,168,106,.3);padding-top:12px}
.sisl-plano{display:block;margin-top:10px;text-align:center;text-decoration:none;
  background:var(--dourado);color:#1B3A2B;border-radius:9px;padding:10px;font-size:12.5px;font-weight:800}
.cp-kick{display:inline-block;background:var(--dourado);color:#1B3A2B;font-size:10px;font-weight:800;
  letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:4px 11px;margin-bottom:7px}
.pl-ja{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;
  border-top:1px solid rgba(201,168,106,.3);padding-top:12px}
.pl-ja span{font-size:12.5px;color:#cfe0cf}
.pl-ja a{font-size:12.5px;font-weight:800;color:var(--dourado);text-decoration:none;
  border:1.5px solid rgba(201,168,106,.55);border-radius:999px;padding:7px 14px}
.pl-sec{margin:0 0 13px}
.pl-sec b{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:var(--dourado);margin-bottom:4px}
.pl-sec span{display:block;font-size:12.5px;color:#cfe0cf;line-height:1.5;max-width:620px}
.pl-breve{margin-bottom:14px}
.pl-br-h{margin-bottom:11px}
.pl-br-h h2{font-size:19px;color:var(--verde);margin:7px 0 0;line-height:1.2}
.pl-breve>p{font-size:13px;color:#5b5346;line-height:1.5;margin:0 0 14px;
  border-top:1px solid var(--linha);padding-top:12px}
.pl-bt.alt{background:transparent;color:var(--verde);border:2px solid var(--verde2)}

/* ===== v197 · só na prévia: a vitrine pinta o próprio fundo =====
   No site a tela dos planos é uma página com body.portal-verde. Na prévia
   ela mora dentro de outra página, de fundo claro, e o título é branco. */
#vPlanos{background:#16331f;background-image:
  radial-gradient(1200px 420px at 50% -10%, rgba(201,168,106,.10), transparent 70%)}
#vPlanos .main{padding-top:14px}

/* ===== v198 · comparar opções ===== */
.cm-esc{margin-bottom:14px}
.cm-lista{display:grid;gap:8px}
.cm-i{display:flex;align-items:stretch;gap:0;border:1.5px solid var(--linha);border-radius:12px;
  background:#fff;overflow:hidden}
.cm-i.on{border-color:var(--dourado);background:rgba(201,168,106,.07)}
.cm-marcar{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;
  padding:10px 12px;text-align:left;font-family:inherit}
.cm-r{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--linha);background:#fff;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;
  font-weight:800;color:#fff}
.cm-ic{flex:none;width:30px;height:30px;border-radius:8px;background:var(--verde);color:var(--dourado);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.cm-t{min-width:0}
.cm-t b{display:block;font-size:13px;color:var(--verde);line-height:1.25}
.cm-t em{display:block;font-style:normal;font-size:11.5px;color:#6b6257;margin-top:1px}
.cm-t u{display:block;text-decoration:none;font-size:10.5px;color:#8a7a52;margin-top:1px}
/* de qual sistema de producao saiu o custo desta opcao */
.cm-sis{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;
  font-size:10.5px;font-weight:700;letter-spacing:.01em;
  background:#eef3e9;color:#3c5a3a;border:1px solid #d3e0c9}
.cm-sis.fora{background:#fdf4e3;color:#7a5f1e;border-color:#ecdcb4}
.cm-x{flex:none;border:0;border-left:1px solid var(--linha);background:transparent;padding:0 11px;
  font-size:10.5px;font-weight:800;color:var(--perda);font-family:inherit}
.cm-dica{font-size:11.5px;color:#8a7a52;margin:10px 0 0}
.cm-cap{margin-bottom:14px}
.cm-atalhos{display:flex;gap:6px;flex-wrap:wrap}
.cm-atalhos button{flex:1;min-width:88px;border:1.5px solid var(--linha);background:#fff;color:var(--verde);
  border-radius:9px;padding:9px 6px;font-size:12px;font-weight:800;font-family:inherit}
.cm-atalhos button.on{background:var(--verde);color:var(--creme);border-color:var(--verde)}
.cm-falta{text-align:center}
.cm-falta b{display:block;font-size:14px;color:var(--verde);margin-bottom:4px}
.cm-falta span{font-size:12.5px;color:#6b6257}

.cm-res{margin-bottom:14px}
.cm-ver{background:var(--verde);color:var(--creme);border-radius:14px;padding:14px 15px;margin-bottom:14px;
  border-left:5px solid var(--dourado)}
.cm-ver-r{display:block;font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  color:var(--dourado)}
.cm-ver>b{display:block;font-size:18px;color:#fff;line-height:1.25;margin:3px 0 5px}
.cm-ver-s{display:block;font-size:13px;line-height:1.5;color:#dfe8df}
.cm-ver-s b{color:var(--dourado)}
.cm-ver em{display:block;font-style:normal;font-size:12px;color:#cfe0cf;line-height:1.45;margin-top:8px;
  border-top:1px solid rgba(201,168,106,.3);padding-top:8px}
.cm-cols{display:grid;gap:11px}
@media(min-width:720px){.cm-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start}}
.cm-c{position:relative;border:1.5px solid var(--linha);border-radius:13px;padding:12px;background:#fff;
  border-top:4px solid var(--cc)}
.cm-c.top{border-color:var(--cc);box-shadow:0 5px 14px rgba(0,0,0,.09)}
.cm-fita{position:absolute;top:-10px;right:10px;background:var(--cc);color:#fff;font-size:9.5px;
  font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.cm-c-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cm-c-h b{flex:1;min-width:0;font-size:13px;color:var(--verde);line-height:1.25}
.cm-c-h em{flex-basis:100%;font-style:normal;font-size:10.5px;color:#8a7a52}
.cm-k span{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8a7a52}
.cm-k b{display:block;font-size:26px;font-weight:800;color:var(--cc);line-height:1.1}
.cm-k b i{font-style:normal;font-size:11px;font-weight:700;color:#6d7f6d;margin-left:3px}
.cm-bar{height:7px;border-radius:99px;background:rgba(0,0,0,.06);margin:7px 0 10px;overflow:hidden}
.cm-bar i{display:block;height:100%;border-radius:99px;background:var(--cc)}
.cm-bar.sec i{background:var(--cc);opacity:.45}
.cm-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  border-top:1px dotted var(--linha);padding:7px 0 0;margin-top:1px}
.cm-l span{font-size:11.5px;color:#6b6257}
.cm-l b{font-size:13px;font-weight:800;color:var(--verde);white-space:nowrap}
.cm-l b.neg{color:var(--perda)}
.cm-l.fim{border-bottom:0}
.cm-nota{font-size:11.5px;color:#8a7a52;line-height:1.5;margin:13px 0 0;
  border-top:1px solid var(--linha);padding-top:11px}

/* o botão de guardar, dentro das ferramentas */
/* ===== v207 · a raca do sistema de producao =====
   Na folha do sistema, junto do nome e de onde fica. E o botao rapido
   dentro da Compra Segura, do lado do macho/femea. */
.sis-raca{margin:14px 0 2px}
.sis-raca-r{display:block;font-size:11.5px;font-weight:800;letter-spacing:.02em;
  text-transform:uppercase;color:#6b7a6c;margin-bottom:7px}
.sis-raca-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sis-raca-b button{border:1.5px solid var(--linha);background:#fff;border-radius:10px;
  padding:10px 11px;text-align:left;font-family:inherit;color:var(--verde)}
.sis-raca-b button b{display:block;font-size:14px;font-weight:800}
.sis-raca-b button em{display:block;font-style:normal;font-size:11px;font-weight:600;
  color:#7b8a7c;margin-top:1px}
.sis-raca-b button.on{border-color:var(--dourado);background:rgba(201,168,106,.14);
  box-shadow:inset 0 0 0 1px var(--dourado)}
.sis-raca-n{display:block;font-style:normal;font-size:11px;color:#8a7a52;margin-top:7px}

/* o atalho na ferramenta */
.raca-rap{display:inline-flex;gap:0;border:1.5px solid var(--linha);border-radius:999px;
  overflow:hidden;margin-left:auto}
.raca-rap button{border:0;background:transparent;color:#6b7a6c;font-family:inherit;
  font-size:11.5px;font-weight:800;padding:5px 13px}
.raca-rap button.on{background:var(--verde);color:var(--creme,#FFFDF5)}
.sissel .raca-rap{margin-left:auto}
@media print{.sis-raca,.raca-rap{display:none!important}}

/* ===== v206 · o sistema de producao entra na ordem, dentro da ferramenta =====
   Entre a categoria e os numeros. Com um sistema so ela e discreta e
   apenas informa; de dois em diante ela e a pergunta do passo. */
.sissel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:10px 0 2px;padding:9px 12px;border-radius:10px;
  background:rgba(27,58,43,.05);border:1px solid var(--linha)}
.sissel-r{font-size:11.5px;font-weight:700;letter-spacing:.02em;
  text-transform:uppercase;color:#6b7a6c}
.sissel b{font-size:13.5px;font-weight:800;color:var(--verde);line-height:1.2}
.sissel-t{border:0;background:transparent;color:#8a7a52;font-size:12px;
  font-weight:800;font-family:inherit;padding:2px 0;text-decoration:underline}
.sissel.pergunta{background:rgba(201,168,106,.14);border-color:rgba(201,168,106,.6);
  display:block}
.sissel.pergunta .sissel-r{color:#7a5f1e;display:block;margin-bottom:6px}
.sissel-b{display:block;width:100%;border:1.5px solid rgba(201,168,106,.8);
  background:#fffdf5;color:#8a5a12;border-radius:9px;padding:10px 12px;
  font-size:13.5px;font-weight:800;font-family:inherit;text-align:left}
@media print{.sissel{display:none!important}}

/* ===== v209 · os botoes do resultado =====
   Tres grupos, de cima para baixo: o que fazer com este lote (comprei e
   salvar a simulacao), para onde ir depois (ver os comparativos e mudar
   o sistema) e, por ultimo, mandar embora (whatsapp e pdf) -- esses
   dois menores, porque nao sao decisao, sao saida.
   No celular tudo fica largo, um embaixo do outro, do jeito que o
   produtor usa no tronco. */
.acoes{display:grid;gap:9px;margin-top:12px}
.acoes>button{margin-top:0}

/* ver os comparativos: a porta da comparacao, em dourado */
.btn-comparar{display:block;width:100%;border:1.5px solid rgba(201,168,106,.8);
  background:rgba(201,168,106,.1);color:#8a5a12;border-radius:11px;padding:12px 14px;
  text-align:left;font-family:inherit}
.btn-comparar b{display:block;font-size:14px;font-weight:800;letter-spacing:-.005em}
.btn-comparar em{display:block;font-style:normal;font-size:11.5px;font-weight:600;
  color:#8a7a52;margin-top:2px}

/* os dois de saida pesam menos */
.acoes>.btn-wa,.acoes>.btn-pdf{font-size:13px;padding:10px 12px}

@media(min-width:640px){
  .acoes{grid-template-columns:1fr 1fr;max-width:680px;margin-left:auto;margin-right:auto}
  .acoes>button{max-width:none!important;margin-left:0!important;margin-right:0!important}
  .acoes>.btn-comprei {grid-area:1/1/2/2}
  .acoes>.btn-guardar {grid-area:1/2/2/3}
  .acoes>.btn-comparar{grid-area:2/1/3/2}
  .acoes>.btn-sistema {grid-area:2/2/3/3}
  .acoes>.btn-wa      {grid-area:3/1/4/2}
  .acoes>.btn-pdf     {grid-area:3/2/4/3}
}
@media print{.acoes{display:none!important}}

/* ===== v204 · voltar aos custos: o botao grande do sistema de producao ===== */
.btn-sistema{display:block;width:100%;margin-top:11px;border:1.5px solid rgba(27,58,43,.5);
  background:rgba(27,58,43,.05);color:var(--verde);border-radius:11px;padding:13px 14px;
  text-align:left;font-family:inherit}
.btn-sistema b{display:block;font-size:14px;font-weight:800;letter-spacing:-.005em}
.btn-sistema em{display:block;font-style:normal;font-size:11.5px;font-weight:600;
  color:#5c6b5e;margin-top:2px}
@media(min-width:900px){.btn-sistema{max-width:320px;margin-left:auto;margin-right:auto}}
@media print{.btn-sistema{display:none!important}}

.btn-guardar{display:block;width:100%;margin-top:9px;border:1.5px dashed rgba(201,168,106,.7);
  background:transparent;color:#8a5a12;border-radius:10px;padding:12px;font-size:13.5px;
  font-weight:800;font-family:inherit}
.btn-guardar.feito{border-style:solid;border-color:var(--dourado);background:rgba(201,168,106,.12)}
@media(min-width:900px){.btn-guardar{max-width:320px;margin-left:auto;margin-right:auto}}
@media print{.btn-guardar{display:none!important}}
.cp-abas{display:flex;gap:7px;margin:0 0 13px;flex-wrap:wrap}
.cp-abas span,.cp-abas a{font-size:12.5px;font-weight:800;border-radius:999px;padding:8px 15px;text-decoration:none}
.cp-abas span.on{background:var(--dourado);color:#1B3A2B}
.cp-abas a{border:1.5px solid rgba(201,168,106,.55);color:var(--dourado)}
.cm-l span em{display:block;font-style:normal;font-size:10px;color:#8a7a52;margin-top:1px}

/* ===== v199 · o Plus mais destacado no cartão ===== */
.pl-chip{display:inline-block;font-style:normal;font-size:13px;font-weight:800;letter-spacing:1.2px;
  text-transform:uppercase;background:var(--verde);color:var(--creme);border-radius:7px;
  padding:3px 9px;vertical-align:3px;margin-left:3px}
.pl-chip.ouro{background:var(--dourado);color:#1B3A2B;box-shadow:0 2px 8px rgba(201,168,106,.45)}
@media(min-width:760px){.pl-chip{font-size:15px;padding:4px 11px}}
.pl-c.top{background-color:#fffdf5;
  background-image:linear-gradient(180deg,rgba(201,168,106,.18) 0%,rgba(201,168,106,.05) 95px,rgba(255,253,245,0) 185px);
  border-width:2.5px}
.pl-c.top .pl-h h2{font-size:22px}
@media(min-width:760px){.pl-c.top .pl-h h2{font-size:25px}}
.pl-c.top .pl-pr b{color:#8a5a12}
.ac-plus{display:inline-block;margin-top:5px;font-weight:800;color:var(--dourado);text-decoration:none;
  border-bottom:1.5px solid rgba(201,168,106,.5)}

/* ===== v200 · o preço de empate no comparativo ===== */
.cm-eq{margin-top:14px;border:1.5px solid var(--dourado);border-radius:13px;
  background:rgba(201,168,106,.08);padding:12px 13px}
.cm-eq-h{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:#8a5a12;margin-bottom:10px;line-height:1.3}
.cm-eq-i{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  border-top:1px dotted rgba(201,168,106,.5);padding-top:9px;margin-top:9px}
.cm-eq-i:first-of-type{border-top:0;padding-top:0;margin-top:0}
.cm-eq-n{flex:1;min-width:140px}
.cm-eq-n b{display:block;font-size:12.5px;color:var(--verde);line-height:1.25}
.cm-eq-n span{display:block;font-size:11px;color:#8a7a52;margin-top:1px}
.cm-eq-v{flex:none;text-align:right}
.cm-eq-v b{font-size:19px;font-weight:800;color:#2c5c3d;line-height:1.1}
.cm-eq-v em{font-style:normal;font-size:11px;font-weight:700;color:#6d7f6d;margin-left:2px}
.cm-eq-v i{display:block;font-style:normal;font-size:11px;color:#2c5c3d;margin-top:2px}
.cm-eq-v.baixa b,.cm-eq-v.baixa i{color:var(--perda)}
.cm-eq-p{font-size:11.5px;color:#5b5346;line-height:1.5;margin:11px 0 0;
  border-top:1px solid rgba(201,168,106,.4);padding-top:9px}

/* ===== v201 · só na prévia: trocar de plano para ver o Plus ===== */
.prev-plano{position:fixed;left:8px;bottom:8px;z-index:70;display:flex;align-items:center;gap:4px;
  background:rgba(12,30,20,.92);border:1.5px solid rgba(201,168,106,.55);border-radius:999px;
  padding:4px 5px 4px 11px;box-shadow:0 5px 18px rgba(0,0,0,.4)}
.prev-plano span{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;
  color:var(--dourado);margin-right:3px}
.prev-plano button{border:0;background:transparent;color:#cfe0cf;border-radius:999px;
  padding:5px 11px;font-size:11.5px;font-weight:800;font-family:inherit}
.prev-plano button.on{background:var(--dourado);color:#1B3A2B}
@media print{.prev-plano{display:none!important}}

/* ===== v210 · o botao Do zero na barra da previa ===== */
.prev-plano .zero{border-color:rgba(201,168,106,.75)!important;color:var(--dourado)!important;
  margin-left:4px}
.prev-plano .zero:active{background:rgba(201,168,106,.2)!important}

/* ===== v211 · o cadeado so onde e recusa =====
   Cadeado = nao e seu (Plus sem o plano) ou nao existe ainda (Nutricao).
   Ferramenta que e dele e so espera os passos nao leva cadeado: leva a
   sigla apagada e um convite para continuar. */
.tool .ic.cad{font-size:19px;letter-spacing:0}
.avisoport.falta{color:var(--dourado);font-weight:800}

/* ===== v212 · fase de teste: o lugar do preco sem o preco ===== */
.pl-pr.teste b{font-size:30px;letter-spacing:-.01em;color:var(--verde)}
.pl-c.top .pl-pr.teste b{color:#8a5a12}

/* ===== v213 · quem ja montou tudo entra para comprar =====
   O painel dos 3 passos vira um convite curto: o botao grande leva para
   a Compra Segura e os ajustes ficam ao lado, em letra miuda. O painel
   claro e o mesmo .comousar.pronto que ja existia. */
.comousar.pronto{padding:16px}
.comousar.pronto .pr-t{font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#6E9E70;margin:0}
.comousar.pronto .pr-p{margin:5px 0 13px;font-size:16.5px;font-weight:800;
  line-height:1.25;color:var(--verde)}
.comousar.pronto .pr-b{display:block;text-align:center;text-decoration:none;
  background:var(--verde);color:var(--creme,#FFFDF5);border-radius:11px;padding:14px;
  font-size:15.5px;font-weight:800}
.comousar.pronto .pr-aj{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline;
  margin-top:11px;font-size:12px}
.comousar.pronto .pr-aj span{color:#7b8a7c;font-weight:700}
.comousar.pronto .pr-aj a{color:var(--verde);text-decoration:underline;
  text-decoration-color:rgba(27,58,43,.3);font-weight:700}
@media(min-width:700px){
  .comousar.pronto{display:grid;grid-template-columns:1fr auto;align-items:center;
    column-gap:22px;row-gap:3px}
  .comousar.pronto .pr-t{grid-column:1}
  .comousar.pronto .pr-p{grid-column:1;margin:4px 0 0}
  .comousar.pronto .pr-b{grid-column:2;grid-row:1/4;min-width:270px;align-self:center}
  .comousar.pronto .pr-aj{grid-column:1;margin-top:9px}
}

/* ===== v214 · o animal no canto, ao lado do veredito (celular) =====
   No celular ele estava embaixo de tudo, no fim do painel verde: o
   produtor tinha que rolar para ver o bicho de que a conta esta falando.
   Agora ele sobe para a direita, encostado no "Compre / Nao compre",
   como ja acontecia no computador.
   So o bloco de cima divide a largura com ele -- o veredito, o preco, as
   cabecas e a troca. A regua, a trilha das fases e o resto continuam
   ocupando a linha inteira embaixo, senao "Confinamento" quebra no meio.
   De 900px para cima nada muda: lah o animal ja e posicionado em
   absoluto no canto, e o painel tem o padding reservado para ele. */
@media(min-width:0px){
  /* o atalho "Meu Sistema" do canto sai: o mesmo caminho esta na linha do
     sistema de producao e no botao grande do resultado. O elemento fica no
     HTML porque os dois novos tocam nele. */
  #hero .btn-canto{display:none!important}
  #hero{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start}
  #hero > *{grid-column:1 / -1;min-width:0}
  /* so o veredito e a frase dele dividem a largura com o animal.
     O preco, as cabecas, a troca e o agio usam a linha inteira embaixo:
     e o numero grande que o produtor vem ver. */
  #hero > .vb,
  #hero > .vsub,
  #hero > .hline{grid-column:1}
  #hero > #trocaBox.troca-inline{justify-self:start}
  #hero .vb,#hero .status{padding-right:0}
  #hero #boiLucroBox{grid-column:2;grid-row:2 / span 3;align-self:start;justify-self:end;
    margin:6px 2px 0 0;width:clamp(138px,45vw,290px);text-align:center}
  #hero #boiLucroBox canvas{max-width:100%!important;width:100%}
  #hero #boiLucroBox .boi-l{gap:3px 8px;margin-top:4px;justify-content:center}
  #hero #boiLucroBox .boi-l em{font-size:10px;padding-left:9px}
  #hero #boiLucroBox .boi-l em::before{width:5px;height:8px}
}
@media print{
  #hero{display:block}
  #hero #boiLucroBox{width:auto}
}

/* ===== v214 · no notebook estreito o animal nao esmaga a conta =====
   De 960px em diante a tela virou duas colunas (400px + o resto), e o
   painel verde passou a ter so uns 538px. Com 296px reservados para o
   animal, sobravam 226px para o veredito: "entra 210 kg" quebrava em
   duas linhas e o nome da fase virava um "Confin...". Nessa faixa o
   animal fica menor e devolve a largura para os numeros. */
@media(min-width:900px){
  /* De 900px em diante o painel verde usa a mesma grade do celular. Antes
     o animal ficava preso em absoluto no canto e o painel reservava 300px
     de padding para ele: num notebook de duas colunas isso deixava a
     conta com 300px e esmagava tudo. Agora o animal e so a coluna da
     direita, e sobra largura para os numeros. */
  #hero{padding-right:16px!important;position:static}
  #hero #boiLucroBox,#hero #trocaBox{position:static!important;width:auto;
    right:auto;left:auto;top:auto;bottom:auto}
  #hero #boiLucroBox{width:clamp(150px,20vw,240px)!important}
  #hero #boiLucroBox canvas{max-width:100%!important}
  #hero .boi-l em{font-size:10.5px;padding-left:9px}
  #hero .boi.boi-lucro em::before{width:5px;height:9px}
}

/* ===== v214 · os 3 passos com nome, e o caminho ja andado em dourado =====
   No celular o passo 1 e o 2 eram duas bolinhas cinzas sem nome nenhum:
   o produtor via "1  2  (3) Compra Segura" e nao sabia o que era 1 e 2.
   Agora cada passo mostra "1º passo" e o nome embaixo, o trecho que ele
   ja passou fica dourado e o passo de agora ganha fundo e borda. */
.prog3 .p3 u{display:none}
@media(max-width:759px){
  .prog3{padding:8px 8px 9px;align-items:stretch}
  .prog3 .p3{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:3px;
    padding:5px 2px 4px;border-radius:10px;text-align:center}
  .prog3 .p3 i{width:22px;height:22px;font-size:11.5px;order:0}
  .prog3 .p3 u{order:1}
  .prog3 .p3 span{order:2}
  .prog3 .p3 u{display:block;text-decoration:none;font-size:9.5px;font-weight:800;
    letter-spacing:.3px;text-transform:uppercase;color:#9b9480}
  .prog3 .p3 span,.prog3 .p3.agora span{display:block;font-size:10.5px;font-weight:700;
    line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  .prog3 .p3.agora{background:#FBF6E6;box-shadow:inset 0 0 0 1.5px var(--dourado)}
  .prog3 .p3.agora u{color:#8a6d2a}
  .prog3 .p3.agora span{font-weight:800;font-size:11px}
  .prog3 .ln{flex:0 0 auto;min-width:0;width:10px;margin:0 1px;align-self:center}
  .prog3 .ln:has(~ .p3.agora){background:var(--dourado)}
  .prog3 .pt{display:none}
}
@media(max-width:360px){
  .prog3 .p3 span,.prog3 .p3.agora span{font-size:9.5px}
  .prog3 .p3 u{font-size:8.5px}
  .prog3 .ln{width:6px}
}

/* ===== v214 · painel largo: o animal acompanha mais linhas =====
   Num celular em pe o veredito ocupa duas linhas e o animal cabe ao lado
   so do veredito. Num celular deitado ou num tablet o veredito cabe numa
   linha, as linhas de cima encurtam e o animal passaria por baixo delas.
   Nessa faixa ele divide a altura tambem com o preco e as cabecas. */
@media(min-width:480px){
  #hero > .hprice,
  #hero > .hcab{grid-column:1}
  #hero #boiLucroBox{grid-row:2 / span 5;width:clamp(168px,31vw,256px)}
}

/* ===== v215 · nada de dinheiro emprestado no Meu Sistema =====
   Enquanto o produtor nao preencheu nenhuma fase, o unico custo que a tela
   teria para mostrar seria a media da TGZ. Numero emprestado na tela dele
   vira preco errado no dia do leilao, entao o painel verde esconde o custo
   por arroba, o custo do ciclo e a diaria, e chama o passo 3. */
.escolha .escolha-b{display:inline-block;margin-top:10px;background:var(--dourado);color:#1B3A2B;
  border:0;border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:800}
.escolha .escolha-b:active{filter:brightness(.93)}
body.sis-sem-num #dois .cx-v{display:none}
body.sis-sem-num #painelTopo .ptfim{margin-top:4px}

/* ===== v217 · que negocio e este, em palavras de pista de leilao =====
   O produtor troca de sistema de producao e perde a conta de qual negocio
   esta olhando. A linha no alto do painel verde diz o que entra na
   fazenda e o que sai vendido -- bezerro desmamado > boi gordo, garrote >
   boi gordo, novilha > novilha gorda -- sem ele ter de ler o resto. */
.opera{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:0 0 9px;
  padding:7px 11px;border-radius:999px;background:rgba(201,168,106,.16);
  border:1px solid rgba(201,168,106,.42);align-self:start;width:fit-content;max-width:100%}
.opera[hidden]{display:none}
.opera i{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.9px;
  text-transform:uppercase;color:#bda77a}
.opera b{font-size:12.5px;font-weight:800;color:var(--dourado);line-height:1.15}
.opera u{text-decoration:none;color:rgba(201,168,106,.6);font-size:12px}
@media(max-width:400px){
  .opera{gap:3px 5px;padding:6px 9px;margin-bottom:8px}
  .opera i{font-size:8px;letter-spacing:.6px}
  .opera b{font-size:11px}
}
@media print{.opera{display:none!important}}

/* ===== v217 · a folha diz o lote de uma vez, e sobra espaco nela =====
   Faltava, no alto, quanto dinheiro o lote carrega: ele investe tanto na
   compra, tanto ate a venda, e o lote devolve tanto. As anotacoes sairam
   da linha propria e foram para o vazio da coluna da direita, e as
   medidas apertaram um pouco -- assim o relatorio cabe numa folha mesmo
   com tres fases, frete, comissao e juros na conta. */
/* as anotacoes agora moram dentro da coluna do dinheiro */
#pdfRel .r-bl .r-obs{border:0;border-top:1px dotted #CFC8B4;border-radius:0;
  padding:6px 0 0;margin:7px 0 0}
/* densidade: cada bloco devolve uns milimetros para a folha */
#pdfRel .r-dec,#pdfRel .r-k4,#pdfRel .r-ciclo,#pdfRel .r-duo,#pdfRel .r-duo2{margin-bottom:7px}

/* ===== v217 · as medidas do relatório valem também fora da impressão =====
   Estavam todas dentro de @media print, entao nao dava para medir a folha
   antes de imprimir. Agora moram aqui, presas ao #pdfRel -- que fica
   display:none na tela, entao nada muda para quem olha o site. So a
   medicao da folha, que mostra o relatorio escondido num canto por um
   instante, passa a enxergar a altura de verdade. */
/* o nome do negocio ganha a linha inteira: nao e detalhe, e o assunto */
#pdfRel .r-sub{flex-wrap:wrap}
#pdfRel .r-sub>b{flex:0 0 auto;white-space:nowrap}
#pdfRel .r-sub>span{flex:1 1 auto;min-width:0}
#pdfRel .r-sub .r-op{flex:1 1 100%;order:3;font-style:normal;font-size:10px;font-weight:700;
  color:#2E5D43;margin:2px 0 0;letter-spacing:.1px}
#pdfRel .r-sub .r-op b{font-weight:800;color:#1B3A2B;white-space:nowrap}
#pdfRel .r-lotetopo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:7px}
#pdfRel .r-lotetopo>div{border:1px solid #E3DCCB;border-radius:7px;padding:5px 8px;
    border-left:3px solid #C9A86A}
#pdfRel .r-lotetopo>div.fim{background:#1B3A2B;border-color:#1B3A2B}
#pdfRel .r-lotetopo span{display:block;font-size:7px;text-transform:uppercase;
    letter-spacing:.4px;color:#6B6257}
#pdfRel .r-lotetopo>div.fim span{color:#C9A86A;font-weight:800}
#pdfRel .r-lotetopo b{display:block;font-size:15px;color:#1B3A2B;line-height:1.15;
    font-variant-numeric:tabular-nums}
#pdfRel .r-lotetopo b em{font-size:8.5px;font-style:normal;color:#6B6257;margin-left:2px}
#pdfRel .r-lotetopo>div.fim b{color:#F2EAD3}
#pdfRel .r-lotetopo>div.fim b.neg{color:#F0B7A4}
#pdfRel .r-lotetopo i{display:block;font-style:normal;font-size:7px;color:#8a8375;margin-top:1px}
#pdfRel .r-lotetopo>div.fim i{color:rgba(242,234,211,.8)}
#pdfRel .r-bl .r-obs i{height:13px}
#pdfRel .r-k4>div{padding:5px 8px}
#pdfRel .r-k4 b{font-size:15px}
#pdfRel .r-dec-l, #pdfRel .r-dec-m, #pdfRel .r-dec-r{padding:8px 11px}
#pdfRel .r-dec-r b{font-size:27px}
#pdfRel .r-dec-m b{font-size:22px}
#pdfRel .r-fx{height:27px}
#pdfRel .r-ln{padding:2px 0}
#pdfRel .r-gb{height:13px}
#pdfRel .r-gl.tot .r-gb{height:15px}
#pdfRel .r-col>.r-obs{margin-bottom:0;flex:1;display:flex;flex-direction:column}
#pdfRel .r-col>.r-obs i{flex:1;min-height:17px}
#pdfRel .r-col>.r-obs i:last-child{border-bottom:1px dotted #CFC8B4}
#pdfRel .r-ln em{line-height:1.15;margin-top:1px}
#pdfRel .r-tab td{padding:2.8px 5px}
#pdfRel .r-ciclo{padding:7px 11px;margin-bottom:7px}
#pdfRel .r-duo{margin-bottom:7px}
#pdfRel .r-duo2{margin-bottom:6px}
#pdfRel .r-logo{display:flex;align-items:stretch;gap:0}
#pdfRel .r-sel{background:#1B3A2B;color:#F2EAD3;font:800 23px/1 system-ui,sans-serif;letter-spacing:1.5px;
    padding:11px 13px;display:flex;align-items:center;border-radius:4px 0 0 4px}
#pdfRel .r-nome{border:1px solid #E3DCCB;border-left:none;border-radius:0 4px 4px 0;padding:8px 13px;
    display:flex;flex-direction:column;justify-content:center}
#pdfRel .r-nome b{font-size:16px;font-weight:800;color:#1B3A2B;letter-spacing:.6px;line-height:1}
#pdfRel .r-nome span{font-size:7.5px;letter-spacing:2.6px;color:#2E5D43;margin-top:3px}
#pdfRel .r-faz{text-align:right}
#pdfRel .r-faz b{display:block;font-size:14px;color:#1B3A2B;font-weight:800;line-height:1.15}
#pdfRel .r-faz span{display:block;font-size:9.5px;color:#6B6257;margin-top:1px}
#pdfRel .r-faz i{display:block;font-style:normal;font-size:8.5px;color:#8a8375;margin-top:3px}
#pdfRel .r-sub{display:flex;align-items:baseline;gap:10px;border-top:2.5px solid #C9A86A;
    margin-top:8px;padding-top:6px;margin-bottom:9px}
#pdfRel .r-sub b{font-size:14px;color:#1B3A2B;font-weight:800;letter-spacing:.3px}
#pdfRel .r-sub span{font-size:9.5px;color:#6B6257}
#pdfRel .r-dec-l{padding:11px 14px}
#pdfRel .r-dec-l i{font-size:14px}
#pdfRel .r-dec-l b{font-size:20px}
#pdfRel .r-dec-l span{font-size:9.5px}
#pdfRel .r-dec-m, #pdfRel .r-dec-r{padding:11px 14px}
#pdfRel .r-dec-m>span:first-child, #pdfRel .r-dec-r>span:first-child{font-size:8.5px}
#pdfRel .r-dec-m b{font-size:28px}
#pdfRel .r-dec-r b{font-size:34px}
#pdfRel .r-dec-m b em, #pdfRel .r-dec-r b em{font-size:14px}
#pdfRel .r-dec-m>span:last-child, #pdfRel .r-dec-r>span:last-child{font-size:9.5px}
#pdfRel .r-k4{gap:7px;margin-bottom:9px}
#pdfRel .r-k4>div{padding:8px 10px}
#pdfRel .r-k4 span{font-size:7.5px}
#pdfRel .r-k4 b{font-size:19px}
#pdfRel .r-k4 b em{font-size:10px}
#pdfRel .r-k4 i{font-size:8px}
#pdfRel .r-sec{font-size:8.5px;margin-bottom:6px}
#pdfRel .r-ciclo{padding:9px 11px;margin-bottom:9px}
#pdfRel .r-fx{height:36px}
#pdfRel .r-fx u{font-size:8.5px}
#pdfRel .r-fx i{font-size:7.5px}
#pdfRel .r-fxl{font-size:9px;margin-top:5px}
#pdfRel .r-fxn{font-size:8px}
#pdfRel .r-duo{gap:9px;margin-bottom:9px}
#pdfRel .r-bl{padding:9px 11px}
#pdfRel .r-ln{font-size:9.5px;padding:3.5px 0}
#pdfRel .r-ln em{font-size:7.5px}
#pdfRel .r-ln b{font-size:10.5px}
#pdfRel .r-ln.tot span{font-size:10.5px}
#pdfRel .r-ln.tot b{font-size:15px}
#pdfRel .r-lote{padding:9px 11px;margin-top:8px}
#pdfRel .r-lote span{font-size:8px}
#pdfRel .r-lote b{font-size:19px}
#pdfRel .r-marg{padding:8px 11px;margin-top:7px}
#pdfRel .r-marg span{font-size:8px}
#pdfRel .r-marg b{font-size:17px}
#pdfRel .r-duo2{gap:9px;margin-bottom:9px}
#pdfRel .r-tab{font-size:9px}
#pdfRel .r-tab th{font-size:7px;padding:0 5px 4px}
#pdfRel .r-tab td{padding:3.5px 5px}
#pdfRel .r-tab td.p em{font-size:7px}
#pdfRel .r-leg{font-size:7.5px;margin-top:6px}
#pdfRel .r-gl{grid-template-columns:90px 1fr 52px 30px;gap:7px;font-size:9.5px}
#pdfRel .r-gb{height:17px}
#pdfRel .r-gl.tot .r-gb{height:19px}
#pdfRel .r-gl b{font-size:10px}
#pdfRel .r-gl em{font-size:8px}
#pdfRel .r-graf{gap:4px}
#pdfRel .r-obs{padding:9px 11px;margin-bottom:9px}
#pdfRel .r-obs i{height:19px}
#pdfRel .r-pre{font-size:8.5px;padding-top:6px}
#pdfRel .r-rod{font-size:7.5px;margin-top:4px}
#pdfRel .r-obs{border:1px solid #E3DCCB;border-radius:7px;padding:7px 9px;margin-bottom:8px}
#pdfRel .r-obs i{display:block;border-bottom:1px dotted #CFC8B4;height:15px}
#pdfRel .r-obs i:last-child{border-bottom:none}
#pdfRel .r-duo2{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;margin-bottom:8px;align-items:stretch}
#pdfRel .r-duo2>.r-bl{display:flex;flex-direction:column}
#pdfRel .r-tab{width:100%;border-collapse:collapse;font-size:8px}
#pdfRel .r-tab th{font-size:6.5px;text-transform:uppercase;letter-spacing:.4px;color:#6B6257;
    text-align:right;padding:0 4px 3px;border-bottom:1px solid #1B3A2B;font-weight:800}
#pdfRel .r-tab th:first-child{text-align:left}
#pdfRel .r-tab td{padding:2.5px 4px;text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px dotted #E8E2D2}
#pdfRel .r-tab td.p{text-align:left;font-weight:800;color:#1B3A2B;white-space:nowrap}
#pdfRel .r-tab td.p em{font-style:normal;font-size:6.5px;color:#8a6d2f;margin-left:4px;font-weight:700}
#pdfRel .r-tab td.l{font-weight:700}
#pdfRel .r-tab tr.z-v td.l{color:#2E5D43}
#pdfRel .r-tab tr.z-a td.l{color:#8a6d2f}
#pdfRel .r-tab tr.z-r td.l{color:#9B3B23}
#pdfRel .r-tab tr.z-v td.p{box-shadow:inset 3px 0 0 #6E9E70}
#pdfRel .r-tab tr.z-a td.p{box-shadow:inset 3px 0 0 #C9A86A}
#pdfRel .r-tab tr.z-r td.p{box-shadow:inset 3px 0 0 #C0553F}
#pdfRel .r-tab tr.cur td{background:#EAF2E6}
#pdfRel .r-leg{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:6.5px;color:#8a8375}
#pdfRel .r-leg span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:3px;vertical-align:middle}
#pdfRel .r-leg .v::before{background:#6E9E70}
#pdfRel .r-leg .a::before{background:#C9A86A}
#pdfRel .r-leg .r::before{background:#C0553F}
#pdfRel .r-graf{display:flex;flex-direction:column;justify-content:space-evenly;gap:4px;flex:1}
#pdfRel .r-gl{display:grid;grid-template-columns:78px 1fr 46px 26px;align-items:center;gap:6px;font-size:8.5px}
#pdfRel .r-gn{color:#2b2b2b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pdfRel .r-gb{display:block;height:14px;background:#F2EEE2;border-radius:4px;overflow:hidden}
#pdfRel .r-gb i{display:block;height:100%;border-radius:4px}
#pdfRel .r-gl b{text-align:right;font-variant-numeric:tabular-nums;font-size:9px;color:#1B3A2B}
#pdfRel .r-gl em{text-align:right;font-style:normal;font-size:7.5px;color:#8a8375}
#pdfRel .r-gl.tot{margin-bottom:5px;padding-bottom:5px;border-bottom:1.5px solid #1B3A2B}
#pdfRel .r-gl.tot .r-gn, #pdfRel .r-gl.tot b{font-weight:800}
#pdfRel .r-gl.tot .r-gb{height:16px}
#pdfRel .r-gl.tot .r-gn, #pdfRel .r-gl.tot b{font-weight:800}
#pdfRel .r-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
    border-bottom:2px solid #1B3A2B;padding-bottom:6px;margin-bottom:8px}
#pdfRel .r-marca{font:800 20px/1 Georgia,serif;color:#1B3A2B;letter-spacing:1px}
#pdfRel .r-marca em{display:block;font:700 7px/1 system-ui,sans-serif;letter-spacing:3px;font-style:normal;color:#8a7a52;margin-top:2px}
#pdfRel .r-tit{font-size:15px;font-weight:800;color:#1B3A2B;text-align:center;flex:1}
#pdfRel .r-tit span{display:block;font-size:8.5px;font-weight:600;color:#6B6257;margin-top:2px}
#pdfRel .r-data{font-size:9px;color:#6B6257;text-align:right}
#pdfRel .r-data span{display:block;font-weight:700;color:#2b2b2b}
#pdfRel .r-dec{display:flex;align-items:stretch;gap:10px;border-radius:8px;overflow:hidden;margin-bottom:8px;
    background:#1B3A2B;color:#F2EAD3}
#pdfRel .r-dec.lim{background:#7a6230}
#pdfRel .r-dec.nao{background:#7C3B2C}
#pdfRel .r-dec-l{flex:0 0 27%;padding:9px 12px;display:flex;flex-direction:column;justify-content:center}
#pdfRel .r-dec-l i{font-style:normal;font-size:13px;font-weight:800;opacity:.85}
#pdfRel .r-dec-l b{font-size:17px;letter-spacing:1px;line-height:1.1;margin:1px 0 3px}
#pdfRel .r-dec-l span{font-size:8.5px;opacity:.9;line-height:1.3}
#pdfRel .r-dec-m{background:rgba(0,0,0,.10);border-left:1px solid rgba(242,234,211,.22)}
#pdfRel .r-dec-r{background:rgba(0,0,0,.26);border-left:1px solid rgba(201,168,106,.45)}
#pdfRel .r-dec-m>span:first-child, #pdfRel .r-dec-r>span:first-child{font-size:8px;text-transform:uppercase;
    letter-spacing:.8px;color:#C9A86A}
#pdfRel .r-dec-m>span:first-child{color:rgba(242,234,211,.75)}
#pdfRel .r-dec-m b{font-size:24px;line-height:1.05;color:#F2EAD3;font-variant-numeric:tabular-nums}
#pdfRel .r-dec-r b{font-size:29px;line-height:1.05;color:#C9A86A;font-variant-numeric:tabular-nums}
#pdfRel .r-dec-m b em, #pdfRel .r-dec-r b em{font-size:12px;font-style:normal}
#pdfRel .r-dec-m>span:last-child, #pdfRel .r-dec-r>span:last-child{font-size:8.5px;margin-top:2px;opacity:.92}
#pdfRel .r-k4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
#pdfRel .r-k4>div{border:1px solid #E3DCCB;border-radius:7px;padding:6px 8px}
#pdfRel .r-k4 span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.4px;color:#6B6257}
#pdfRel .r-k4 b{display:block;font-size:16px;color:#1B3A2B;font-variant-numeric:tabular-nums;line-height:1.15}
#pdfRel .r-k4 b.neg{color:#9B3B23}
#pdfRel .r-k4 b em{font-size:9px;font-style:normal;margin-left:1px}
#pdfRel .r-k4 i{display:block;font-style:normal;font-size:7.5px;color:#8a8375;margin-top:1px}
#pdfRel .r-sec{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#2E5D43;font-weight:800;margin-bottom:5px}
#pdfRel .r-sec small{text-transform:none;letter-spacing:0;color:#8a8375;font-weight:600;margin-left:5px}
#pdfRel .r-ciclo{border:1px solid #E3DCCB;border-radius:7px;padding:7px 9px;margin-bottom:8px}
#pdfRel .r-fx{display:flex;gap:2px;height:30px;border-radius:5px;overflow:hidden}
#pdfRel .r-fx span{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;min-width:0;padding:0 3px}
#pdfRel .r-fx u{text-decoration:none;font-size:7.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#pdfRel .r-fx i{font-style:normal;font-size:6.5px;opacity:.92}
#pdfRel .r-fxl{display:flex;justify-content:space-between;font-size:8px;color:#6B6257;margin-top:4px}
#pdfRel .r-fxl b{color:#1B3A2B}
#pdfRel .r-fxn{font-size:7.5px;color:#8a8375;margin-top:2px}
#pdfRel .r-duo{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-bottom:8px}
#pdfRel .r-bl{border:1px solid #E3DCCB;border-radius:7px;padding:7px 9px}
#pdfRel .r-ln{display:flex;justify-content:space-between;align-items:baseline;gap:8px;
    font-size:8.5px;padding:2.5px 0;border-bottom:1px dotted #E8E2D2}
#pdfRel .r-ln:last-child{border-bottom:none}
#pdfRel .r-ln span{color:#2b2b2b}
#pdfRel .r-ln em{display:block;font-style:normal;font-size:7px;color:#9a978d}
#pdfRel .r-ln b{font-variant-numeric:tabular-nums;white-space:nowrap;color:#8A4B2E;font-size:9.5px}
#pdfRel .r-ln.ok b{color:#2E5D43}
#pdfRel .r-ln.tot{border-top:1.5px solid #1B3A2B;border-bottom:none;margin-top:3px;padding-top:5px}
#pdfRel .r-ln.tot span{font-weight:800;color:#1B3A2B;font-size:9.5px}
#pdfRel .r-ln.tot b{font-size:13px;color:#1B3A2B}
#pdfRel .r-ln.tot b.neg{color:#9B3B23}
#pdfRel .r-lote{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;
    background:#1B3A2B;color:#F2EAD3;border-radius:6px;padding:7px 9px}
#pdfRel .r-lote span{font-size:7.5px;text-transform:uppercase;letter-spacing:.5px;color:#C9A86A;font-weight:800}
#pdfRel .r-lote b{font-size:16px;font-variant-numeric:tabular-nums}
#pdfRel .r-lote b.neg{color:#F0B7A4}
#pdfRel .r-marg{display:flex;justify-content:space-between;align-items:baseline;margin-top:5px;
    border:1.5px solid #C9A86A;border-radius:6px;padding:6px 9px}
#pdfRel .r-marg span{font-size:7.5px;text-transform:uppercase;letter-spacing:.5px;color:#6B6257;font-weight:800}
#pdfRel .r-marg b{font-size:15px;color:#1B3A2B;font-variant-numeric:tabular-nums}
#pdfRel .r-esc{width:100%;border-collapse:collapse;margin-bottom:8px;font-size:8.5px}
#pdfRel .r-esc td{border:1px solid #E3DCCB;padding:4px 5px;text-align:right;font-variant-numeric:tabular-nums}
#pdfRel .r-esc td:first-child{text-align:left;color:#6B6257;font-size:7.5px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
#pdfRel .r-esc tr.r-esc-h td{font-weight:800;color:#1B3A2B;background:#F7F3E8}
#pdfRel .r-esc td.cur{background:#EAF2E6;font-weight:800;color:#1B3A2B}
#pdfRel .r-pre{font-size:7.5px;color:#6B6257;border-top:1px solid #E3DCCB;padding-top:5px}
#pdfRel .r-pre b{color:#2E5D43}
#pdfRel .r-rod{font-size:7px;color:#9a978d;margin-top:3px}
#pdfRel .r-dec-m,#pdfRel .r-dec-r{flex:1;padding:9px 12px;text-align:right;
  display:flex;flex-direction:column;justify-content:center}
#pdfRel{font-size:10px}
#pdfRel .r-top{display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:none;padding-bottom:0;margin-bottom:0}
#pdfRel .r-dec{margin-bottom:9px}
#pdfRel .r-col{display:flex;flex-direction:column;gap:9px;min-width:0}
#pdfRel .r-ln{padding:2px 0}

/* ===== v218 · o canto do animal trabalha: troca e agio embaixo dele =====
   A relacao de troca e o agio eram duas barras de largura cheia, uma em
   cima da outra, empurrando o resto do painel para baixo. Agora viram uma
   dupla lado a lado, logo embaixo do animal -- que cresceu para ocupar o
   vazio do canto direito. O chip do negocio subiu para a linha inteira,
   senao sobrava pouca largura para "Nao compre". */
.dupla{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:4px 0 11px}
.dupla:empty{display:none}
.dupla > *{margin:0!important}
#hero .dupla #trocaBox.troca-inline{flex:0 0 auto;align-self:stretch;
  flex-direction:column;align-items:flex-start;justify-content:center;
  border-radius:11px;padding:8px 12px;gap:1px}
#hero .dupla #trocaBox .tr-t{font-size:9px;letter-spacing:.7px}
#hero .dupla #trocaBox b{font-size:19px}
#hero .dupla #agio{flex:1 1 168px;min-width:0;margin:0;padding:8px 11px;border-radius:11px;
  border-left-width:1px;display:flex;align-items:center;gap:9px}
#hero .dupla #agio > div{min-width:0}
#hero .dupla #agio .ag-t{display:block;font-size:9px;font-weight:800;letter-spacing:.7px;
  text-transform:uppercase;color:#a9c3ad;line-height:1.2}
#hero .dupla #agio b{display:block;font-size:19px;line-height:1.15}
#hero .dupla #agio .ref{font-size:10.5px;line-height:1.3;margin-top:1px}
#hero .dupla #agio button{padding:8px 10px;font-size:11.5px;border-radius:9px;white-space:nowrap}
@media(max-width:400px){
  .dupla{gap:6px}
  #hero .dupla #trocaBox.troca-inline{padding:7px 10px}
  #hero .dupla #trocaBox b{font-size:17px}
  #hero .dupla #agio{padding:7px 9px;gap:7px}
  #hero .dupla #agio b{font-size:17px}
  #hero .dupla #agio .ref{font-size:9.5px}
  #hero .dupla #agio button{padding:7px 8px;font-size:10.5px}
}
@media print{.dupla{display:none!important}}
/* o veredito cede letra em vez de ser cortado pelo animal maior */
@media(min-width:0px){
  #hero .vb{gap:9px;min-width:0}
  #hero .vb span{min-width:0;overflow-wrap:break-word;hyphens:auto}
}
@media(max-width:430px){
  #hero .vb{font-size:25px;gap:8px}
  #hero .vb i{width:36px;height:36px;font-size:20px}
  #hero #boiLucroBox{width:clamp(132px,42vw,290px)}
}
@media(max-width:380px){
  #hero .vb{font-size:22px}
  #hero #boiLucroBox{width:clamp(126px,40vw,290px)}
}

/* ===== v218 · o + e o - longe da barrinha =====
   No telefone o dedo e maior que o botao: ele mira no "+" para subir dez
   centavos, pega a barra que corre logo embaixo e o preco salta quinze
   reais. A barra desceu, ficou mais grossa de pegar e os botoes
   cresceram -- e, no JS, um toque na barra que nao virou arrasto e
   desfeito (protegerBarras, no tgz.js). */
.ctrl.big .row,.ctrl.lote .row{margin-bottom:16px}
.ctrl.big .val input,.ctrl.lote .val input{padding:10px 0}
.stp{width:58px;font-size:30px}
.ctrl input[type=range]{height:8px;margin-top:2px}
.ctrl input[type=range]::-webkit-slider-thumb{width:26px;height:26px}
.ctrl input[type=range]::-moz-range-thumb{width:22px;height:22px}
@media(max-width:430px){
  .ctrl.big .row,.ctrl.lote .row{margin-bottom:14px}
  .stp{width:54px;font-size:28px}
}
@media print{.stp{display:none!important}}
/* alvo de dedo: nada abaixo de 52px de altura no campo grande */
.ctrl.big .val,.ctrl.lote .val{min-height:52px}
.ctrl.big .val input,.ctrl.lote .val input{align-self:stretch}
.stp{min-height:52px}
/* no celular estreito o "Usar" desce para baixo do numero */
@media(max-width:430px){
  #hero .dupla #agio{flex-wrap:wrap}
  #hero .dupla #agio > div{flex:1 1 100%}
  #hero .dupla #agio button{flex:1 1 100%;margin-top:5px}
}
/* a trilha das fases nunca mais mora dentro da caixa do animal */
#boiLucroBox .htl{display:none}

/* ===== v219 · a caixa das cabecas deixa de ser um campo num vazio =====
   Ela tinha 163px de altura: o rotulo, o contador branco solto no meio da
   largura, um vazio do lado e duas linhas de explicacao embaixo. Agora o
   contador encosta na esquerda e o espaco que sobrava ganha os dois
   numeros que mudam quando ele mexe nas cabecas -- o dinheiro que sai na
   compra e o que o lote devolve. A explicacao virou uma linha. */
.ctrl.lote > .row{grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:12px!important;row-gap:0!important;align-items:center;margin:0!important}
.ctrl.lote > .row > label{grid-column:1/-1!important;margin:0 0 7px!important}
.ctrl.lote .val{width:auto!important;justify-self:start;min-width:0}
.ctrl.lote .val input{width:72px!important;flex:0 0 auto}
.ctrl.lote .stp{width:44px!important;height:44px!important;font-size:24px!important}
.ctrl.lote{padding:11px 13px!important}
.ctrl.lote .hint{font-size:10.5px!important;line-height:1.35;margin-top:8px!important}

.lote-nums{display:flex;flex-wrap:wrap;gap:5px 14px;min-width:0}
.lote-nums > div{flex:1 1 92px;min-width:0}
.lote-nums span{display:block;font-size:9px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;color:#a9c3ad;line-height:1.2}
.lote-nums b{display:block;font-size:15px;font-weight:800;color:#fff;
  font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.lote-nums .ok b{color:var(--dourado)}
.lote-nums .ruim b{color:#F0B7A4}
@media(max-width:400px){
  .ctrl.lote .stp{width:40px!important;height:40px!important;font-size:22px!important}
  .ctrl.lote .val input{width:62px!important;font-size:19px!important}
  .lote-nums b{font-size:13.5px}
  .lote-nums span{font-size:8.5px}
}
@media print{.lote-nums{display:none!important}}
/* a barra branca encosta no tamanho do dedo e nao sobra mais que isso */
.ctrl.lote .val{padding:5px 8px!important;min-height:0!important;gap:4px!important}
.ctrl.lote .val em{margin:0 2px!important}

/* ===== v220 · ver a folha na tela, do jeito que sai no papel =====
   Dentro da previa o navegador nao deixa abrir a tela de imprimir -- o
   botao do PDF nao fazia nada. Agora o relatorio aparece numa folha A4 de
   verdade: a mesma largura de papel, a mesma margem de 9mm e o mesmo
   tamanho de letra. No site serve de conferencia antes de imprimir. */
.folha-ov{position:fixed;inset:0;z-index:300;background:#15241B;
  display:flex;flex-direction:column;overscroll-behavior:contain}
.folha-ov[hidden]{display:none}
body.com-folha{overflow:hidden}
.folha-bar{flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:var(--verde);color:var(--creme);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.folha-bar > div{flex:1;min-width:0;line-height:1.2}
.folha-bar b{display:block;font-size:14px;font-weight:800}
.folha-bar span{display:block;font-size:11px;color:#a9c3ad}
.folha-imp{flex:none;background:var(--dourado);color:#1B3A2B;border:0;border-radius:9px;
  padding:11px 13px;font-size:12.5px;font-weight:800}
.folha-imp:active{filter:brightness(.93)}
.folha-x{flex:none;background:transparent;border:1px solid rgba(242,234,211,.4);color:var(--creme);
  border-radius:9px;width:40px;height:40px;font-size:22px;line-height:1}
.folha-rolo{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;
  display:flex;justify-content:center;padding:12px 8px 24px}
.folha-cx{flex:none;align-self:flex-start}
.folha-pg{width:794px;min-height:1123px;background:#fff;padding:34px;   /* 9mm de margem */
  box-shadow:0 6px 26px rgba(0,0,0,.45);color:#2b2b2b}
.folha-pg > #pdfRel{display:block!important;width:726px!important;font-size:10px}
@media(max-width:430px){
  .folha-bar{padding:8px 9px;gap:7px}
  .folha-bar b{font-size:13px}
  .folha-imp{padding:10px 10px;font-size:11.5px}
  .folha-x{width:36px;height:36px}
  .folha-rolo{padding:8px 4px 20px}
}
@media print{.folha-ov{display:none!important}}
/* no celular a folha inteira fica pequena: um toque mostra em tamanho real */
.folha-rolo{justify-content:flex-start}
.folha-cx{margin:0 auto}
.folha-ov.real .folha-rolo{justify-content:flex-start}
.folha-pg{cursor:zoom-in}
.folha-ov.real .folha-pg{cursor:zoom-out}
.folha-zoom{flex:none;display:block;width:100%;text-align:center;font-size:11px;
  color:#a9c3ad;padding:6px 0 0}

/* ===== v221 · o esquema do negocio abre a folha =====
   O ciclo -- por onde o gado passa, o que entra e o que sai -- ficava na
   metade da pagina, depois dos numeros. Agora e a primeira coisa depois
   do cabecalho, e leva junto o nome do negocio: entra bezerro, sai boi
   gordo. A linha de texto solta que tinha isso saiu do subtitulo. */
#pdfRel .r-ciclo.topo{margin-bottom:8px;border-color:#C9A86A;background:#FCFAF4}
#pdfRel .r-ciclo.topo .r-sec{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#pdfRel .r-ciclo.topo .r-op{flex:1 1 auto;font-style:normal;font-size:10px;font-weight:700;
  text-transform:none;letter-spacing:0;color:#6B6257}
#pdfRel .r-ciclo.topo .r-op b{font-weight:800;color:#1B3A2B}
#pdfRel .r-ciclo.topo .r-fxl{font-size:8.5px}
#pdfRel .r-ciclo.topo .r-fxl span:first-child{text-align:left}
#pdfRel .r-ciclo.topo .r-fxl span:last-child{text-align:right}

/* ===== v223 · o + e o - tambem no frete, na comissao e nos juros =====
   Esses tres so tinham a barrinha, fina e curta: no telefone o dedo nao
   acerta, e um toque nela nao mexe mais no numero (v218). Agora cada um
   e uma linha de largura cheia -- o nome a esquerda, [- valor +] a
   direita, com botao do tamanho de dedo. Em tres colunas nao cabia
   botao nenhum sem espremer o numero, entao viraram tres linhas em
   qualquer largura. A barrinha sai: ali ela so atrapalhava. */
.trio.abre{grid-template-columns:1fr!important;gap:7px}
.trio.abre .ctrl.mini{display:flex;align-items:center;padding:7px 9px;margin:0}
.trio.abre .ctrl.mini .row{flex:1 1 auto;min-width:0;display:flex!important;
  flex-wrap:nowrap!important;align-items:center;gap:10px;margin:0}
.trio.abre .ctrl.mini label{flex:1 1 auto;min-width:0;margin:0!important;min-height:0!important;
  font-size:11px;letter-spacing:.2px;line-height:1.2;white-space:normal}
.trio.abre .ctrl.mini .val{flex:0 0 auto;width:194px;display:flex;align-items:center;gap:0;
  background:var(--creme2);border:1px solid var(--linha);border-radius:10px;overflow:hidden}
.trio.abre .ctrl.mini .val input{flex:1 1 auto;width:auto;min-width:52px;text-align:center;
  font-size:17px;font-weight:800;padding:9px 2px;background:transparent}
.trio.abre .ctrl.mini .val em{flex:none;font-size:9.5px;color:var(--cinza);
  padding:0 7px 0 2px;white-space:nowrap}
.trio.abre .ctrl.mini .stp{flex:none;display:flex!important;align-items:center;justify-content:center;
  width:46px!important;min-height:46px!important;height:auto!important;align-self:stretch;
  background:var(--verde);color:var(--creme);font-size:23px!important;border:0;border-radius:0}
.trio.abre .ctrl.mini .stp:active{filter:brightness(1.18)}
.trio.abre .ctrl.mini input[type=range]{display:none}
.trio.abre .ctrl.mini .hint{display:none}
@media(max-width:380px){
  .trio.abre .ctrl.mini label{font-size:10px}
  .trio.abre .ctrl.mini .val{width:172px}
  .trio.abre .ctrl.mini .stp{width:42px!important;min-height:44px!important;font-size:21px!important}
  .trio.abre .ctrl.mini .val input{font-size:16px}
}
@media print{.trio .stp{display:none!important}}

/* ===== v224 · acesso vencido com saida: pagar ou falar com a TGZ =====
   O banco fecha a porta na primeira chamada ("Seu acesso venceu em
   dd/mm") e isso virava uma linha de texto solta no meio da tela. Agora
   e uma tela inteira: a data, o recado de que os numeros dele continuam
   guardados, os links de pagamento do config.js e o WhatsApp. */
.venceu-ov{position:fixed;inset:0;z-index:400;background:#15241B;
  display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
body.com-venceu{overflow:hidden}
.vc-cx{width:100%;max-width:420px;background:var(--verde);border:1px solid rgba(201,168,106,.4);
  border-radius:16px;padding:22px 20px;text-align:center;color:var(--creme);
  box-shadow:0 10px 40px rgba(0,0,0,.45)}
.vc-sel{display:inline-block;background:var(--creme);color:var(--verde);
  font:800 20px/1 system-ui,sans-serif;letter-spacing:1.5px;padding:9px 13px;border-radius:6px}
.vc-t{display:block;font-size:21px;font-weight:800;line-height:1.25;margin:16px 0 0}
.vc-t b{color:var(--dourado)}
.vc-p{font-size:13px;line-height:1.45;color:#cfe0cf;margin:9px 0 0}
.vc-pgs{display:grid;gap:8px;margin:18px 0 0}
.vc-pg{display:block;background:var(--dourado);color:#1B3A2B;text-decoration:none;
  border-radius:11px;padding:13px 14px;line-height:1.2}
.vc-pg b{display:block;font-size:15px;font-weight:800}
.vc-pg span{display:block;font-size:11.5px;font-weight:700;opacity:.75;margin-top:2px}
.vc-pg:active{filter:brightness(.93)}
.vc-wa{display:block;margin-top:14px;background:transparent;border:1.5px solid var(--dourado);
  color:var(--dourado);text-decoration:none;border-radius:11px;padding:13px 14px;
  font-size:14px;font-weight:800}
.vc-semwa{margin-top:14px;font-size:13px;color:#cfe0cf;line-height:1.4}
.vc-sair{display:block;width:100%;margin-top:12px;background:transparent;border:0;
  color:#9fb7a4;font-size:12.5px;font-weight:700;padding:9px 0;text-decoration:underline}
@media(max-width:400px){
  .vc-cx{padding:18px 15px}
  .vc-t{font-size:19px}
  .vc-pg b{font-size:14px}
}
@media print{.venceu-ov{display:none!important}}

/* ===== v225 · as telas de entrada ditas em voz alta =====
   A primeira coisa que qualquer um via era "E-mail / Senha", sem dizer o
   que era aquilo nem para quem. Quem vinha do Instagram tocava em "Criar
   a minha senha", nao recebia nada e ficava sem explicacao -- porque o
   e-mail dele nao tinha sido liberado. Agora cada tela diz em qual
   situacao o produtor esta e o que ele faz em seguida. */
.lbloco{margin-top:16px;padding-top:15px;border-top:1px solid var(--linha)}
.lbloco:first-of-type{margin-top:14px;padding-top:0;border-top:0}
.lbl-t{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--verde2);margin-bottom:9px}
.lbl-p{font-size:12.5px;line-height:1.45;color:var(--cinza);margin:0 0 11px}
.lbl-p b{color:var(--verde)}
.lbloco .btn-main{margin-top:0}
.lbloco .fine{margin:9px 0 0}
.lbl-novo{background:var(--creme2);margin-left:-14px;margin-right:-14px;padding:14px;
  border-top:1px solid var(--linha);border-radius:0 0 12px 12px}
.lbl-ct{font-size:12px;line-height:1.45;color:var(--cinza);margin:9px 0 0}
.lchamada b{color:var(--verde)}

/* os tres passos, na tela da senha e na dos planos */
.sn-passos,.pl-como{list-style:none;counter-reset:pp;margin:14px 0 0;padding:0}
.sn-passos li,.pl-como li{counter-increment:pp;position:relative;padding:0 0 0 32px;margin-bottom:11px}
.sn-passos li::before,.pl-como li::before{content:counter(pp);position:absolute;left:0;top:0;
  width:23px;height:23px;border-radius:50%;background:var(--verde);color:var(--creme);
  display:grid;place-items:center;font-size:12px;font-weight:800}
.sn-passos li:last-child,.pl-como li:last-child{margin-bottom:0}
.sn-passos b,.pl-como b{display:block;font-size:13.5px;color:var(--verde);line-height:1.25}
.sn-passos span,.pl-como span{display:block;font-size:12px;color:var(--cinza);line-height:1.35;margin-top:1px}
.pl-como{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:14px;margin-top:14px}
.pl-como b{font-size:14px}
.pl-cta{margin-top:12px}
.pl-cta[hidden],.pl-como[hidden]{display:none}
.pl-semwa{margin-top:12px;background:var(--creme2);border:1px dashed var(--dourado);
  border-radius:10px;padding:11px 12px;font-size:12.5px;font-weight:700;
  color:var(--verde2);line-height:1.4;text-align:center}
@media(min-width:760px){
  .pl-como{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .pl-como li{margin-bottom:0}
}

/* ===== v226 · a entrada em tres telas: o que e, qual plano, como usar =====
   O produtor caia direto na escolha do plano sem saber o que a ferramenta
   faz, e do plano caia no portal sem saber o que fazer la. Agora: uma
   mensagem explica, ele escolhe o plano, e so entao vem a tela dos tres
   passos -- com o que cada um pede e quanto tempo leva. */
.pl-bv{background:#fff;border:1px solid var(--linha);border-left:4px solid var(--dourado);
  border-radius:12px;padding:15px 16px;margin-top:14px}
.pl-bv[hidden]{display:none}
.pl-bv > b{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--verde2);margin-bottom:8px}
.pl-bv p{font-size:13.5px;line-height:1.5;color:#2b2b2b;margin:0}
.pl-bv p b{color:var(--verde);font-weight:800}
.pl-bv .pl-bv2{margin-top:9px;font-size:12.5px;color:var(--cinza)}
.pl-teste{margin-top:12px;background:var(--creme2);border:1px dashed var(--dourado);
  border-radius:10px;padding:10px 12px;text-align:center}
.pl-teste b{display:block;font-size:14px;font-weight:800;color:var(--verde)}
.pl-teste span{display:block;font-size:11.5px;color:var(--cinza);line-height:1.35;margin-top:2px}

/* a tela "como voce vai usar" */
.cz-topo{color:var(--creme);margin-bottom:16px}
.cz-topo h1{font-size:24px;line-height:1.2;margin:0;color:var(--creme)}
.cz-topo p{font-size:13.5px;line-height:1.5;color:#cfe0cf;margin:10px 0 0}
.cz-topo p b{color:var(--dourado)}
.cz-selo{display:inline-block;background:rgba(201,168,106,.18);border:1px solid var(--dourado);
  border-radius:999px;padding:7px 14px;margin-bottom:12px;text-align:left}
.cz-selo[hidden]{display:none}
.cz-selo b{display:block;font-size:13.5px;font-weight:800;color:var(--dourado);line-height:1.2}
.cz-selo span{display:block;font-size:11px;color:#cfe0cf;margin-top:1px}
.cz-passos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cz-passos li{display:flex;gap:13px;background:#fff;border:1px solid var(--linha);
  border-radius:12px;padding:14px}
.cz-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--verde);
  color:var(--creme);display:grid;place-items:center;font-size:15px;font-weight:800}
.cz-tx{min-width:0}
.cz-tx b{display:block;font-size:15.5px;color:var(--verde);line-height:1.25}
.cz-tx span{display:block;font-size:13px;color:#2b2b2b;line-height:1.45;margin-top:4px}
.cz-tx span b{display:inline;font-size:inherit;color:var(--verde)}
.cz-tx em{display:block;font-style:normal;font-size:11.5px;font-weight:700;
  color:var(--cinza);margin-top:6px}
.cz-nota{margin-top:12px;background:rgba(242,234,211,.1);border:1px solid rgba(242,234,211,.25);
  border-radius:12px;padding:13px 14px}
.cz-nota b{display:block;font-size:13.5px;color:var(--dourado);font-weight:800}
.cz-nota span{display:block;font-size:12.5px;color:#cfe0cf;line-height:1.45;margin-top:3px}
.cz-bt{display:block;margin-top:16px;background:var(--dourado);color:#1B3A2B;
  text-decoration:none;border-radius:12px;padding:16px 14px;text-align:center;
  font-size:15.5px;font-weight:800}
.cz-bt:active{filter:brightness(.93)}
.cz-dep{display:block;margin-top:11px;text-align:center;font-size:12.5px;
  font-weight:700;color:#a9c3ad}
@media(min-width:760px){
  .cz-topo h1{font-size:28px}
  .cz-passos{grid-template-columns:repeat(3,1fr)}
  .cz-passos li{flex-direction:column;gap:9px}
}

/* =====================================================================
   v228 · o peso de saída sai de dentro do detalhamento
   Quem só quer saber com quanto o animal sai da fase vê na faixa, e
   mexe ali mesmo. É o mesmo campo que está no detalhamento.
   ===================================================================== */
.ptf2-sai{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:8px 0 0;padding:7px 8px;background:var(--creme2);border-radius:9px;
  border:1px solid rgba(27,58,43,.08)}
.ptf2-sai .pse{flex:0 1 auto;min-width:0;font-size:9.5px;text-transform:uppercase;
  letter-spacing:.3px;color:var(--cinza);line-height:1.15;text-align:center}
.ptf2-sai .pse b{display:block;font-size:13px;color:var(--verde);font-weight:800;
  text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums}
.ptf2-sai .psj{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:5px;
  min-width:0;background:#fff;border:1px solid var(--fc);border-radius:9px;padding:3px}
.ptf2-sai .psj>div{flex:1;min-width:0;text-align:center}
.ptf2-sai .psj span{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;
  color:var(--cinza);line-height:1.1}
.ptf2-sai .psj b{display:block;font-size:17px;color:var(--verde);font-weight:800;line-height:1.15;
  font-variant-numeric:tabular-nums}
.ptf2-sai .psj .aj{width:34px;height:36px}
@media(max-width:360px){
  .ptf2-sai{gap:5px;padding:6px}
  .ptf2-sai .psj b{font-size:15.5px}
  .ptf2-sai .psj .aj{width:30px}
}

/* =====================================================================
   v228 · ajuste deste lote, na Compra Segura
   O lote do leilão quase nunca é o lote de sempre. Aqui ele puxa a
   saída da fase mais pesado ou mais leve, só para aquela conta.
   ===================================================================== */
.ajlote{margin:10px 0 0;padding:10px;background:var(--creme2);border-radius:11px;
  border:1px solid rgba(27,58,43,.10)}
.ajlote[hidden]{display:none}
.al-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.al-h b{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--verde);font-weight:800}
.al-h em{font-style:normal;font-size:10.5px;color:var(--cinza)}
.al-volta{border:1px solid var(--verde);background:#fff;color:var(--verde);border-radius:999px;
  padding:5px 11px;font-size:11px;font-weight:700;line-height:1;min-height:30px}
.al-volta:active{background:var(--verde);color:#fff}
.al-fx{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:7px}
.al-f{background:#fff;border:1px solid rgba(27,58,43,.12);border-left:4px solid var(--fc);
  border-radius:9px;padding:7px 8px;min-width:0}
.al-f.on{border-color:var(--dourado);border-left-color:var(--fc);
  box-shadow:0 0 0 2px rgba(201,168,106,.22)}
.al-n{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--cinza);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-j{display:flex;align-items:center;justify-content:center;gap:5px;margin:4px 0 2px;min-width:0}
.al-j>div{flex:1;min-width:0;text-align:center}
.al-j span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.2px;color:var(--cinza);
  line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-j b{display:block;font-size:17px;font-weight:800;color:var(--verde);line-height:1.2;
  font-variant-numeric:tabular-nums}
.al-j button{flex:none;width:32px;height:36px;border:0;border-radius:7px;background:var(--verde);
  color:var(--creme);font-size:19px;font-weight:700;line-height:1}
.al-j button:active{background:var(--verde2)}
.al-d{display:block;text-align:center;font-size:10.5px;color:var(--cinza)}
.al-d u{text-decoration:none;margin-left:5px;color:var(--dourado);font-weight:800}
.al-p{margin-top:8px;font-size:11px;line-height:1.45;color:var(--cinza)}
@media(max-width:360px){
  .al-fx{grid-template-columns:1fr}
  .al-j button{width:40px}
}
/* o aviso de ajuste do lote na folha: discreto, mas não some */
#pdfRel .r-fxn.aj{color:#8a6a1e;font-weight:600}

/* =====================================================================
   v230 · em qual sistema de produção a conta está sendo feita
   Com um sistema só, nada disto aparece: seria barulho. Com dois ou
   mais, aparece -- porque errar o sistema é o pior erro daqui, a conta
   sai inteira e parece certa.
   ===================================================================== */
.sisfx{margin:0 0 12px;padding:11px 13px;border-radius:11px;
  background:rgba(201,168,106,.12);border:1px solid var(--dourado)}
.sisfx[hidden]{display:none}
.sisfx-t{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--dourado);
  font-weight:800;margin-bottom:3px}
.sisfx-l{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sisfx-n{min-width:0}
.sisfx-n b{display:block;font-size:16px;font-weight:800;color:var(--creme);line-height:1.2}
.sisfx-n em{display:block;font-style:normal;font-size:11.5px;color:#cfe0cf;margin-top:1px}
.sisfx-b{flex:none;border:1px solid var(--dourado);background:transparent;color:var(--dourado);
  border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;line-height:1;min-height:36px}
.sisfx-b:active{background:var(--dourado);color:var(--verde)}
.sisfx-p{margin-top:7px;font-size:11px;line-height:1.45;color:#b9cdbb}

/* o mesmo, na Compra Segura: ali a troca tem que estar à mão */
.hsis.tocavel{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.hsis-tr{border:1px solid var(--dourado);background:transparent;color:var(--dourado);
  border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;line-height:1;min-height:30px}
.hsis-tr:active{background:var(--dourado);color:var(--verde)}

/* =====================================================================
   v231 · a tela de entrada do Meu Sistema é só os três passos
   Antes o painel com o custo da @ ficava logo abaixo dos passos e
   disputava a atenção. Agora ele fica atrás do "Ver o resumo", e os
   passos ganham o tamanho e o espaço de quem é o assunto da tela.
   ===================================================================== */
/* A tela de entrada é a verde (body.sis-fundo). As regras precisam dessa
   mesma força, senão as de cima continuam mandando. */
body.sis-fundo .sisintro .guia,
.sisintro .guia{gap:18px!important;margin:16px 0 18px!important}
@media(min-width:900px){
  body.sis-fundo .sisintro .guia,
  .sisintro .guia{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
}
body.sis-fundo .sisintro .guia li,
.sisintro .guia li{padding:18px 16px!important;border-radius:18px!important;
  border-width:2px!important;row-gap:14px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 3px 0 rgba(0,0,0,.10)!important}
body.sis-fundo .sisintro .guia li b,
.sisintro .guia li b{width:42px!important;height:42px!important;font-size:19px!important}
body.sis-fundo .sisintro .guia li span,
.sisintro .guia li span{font-size:18px!important;line-height:1.2!important}
body.sis-fundo .sisintro .guia li em,
.sisintro .guia li em{font-size:13.5px!important;margin-top:4px!important}
body.sis-fundo .sisintro .guia li .st,
.sisintro .guia li .st{font-size:15px!important;padding:15px 20px!important;min-height:50px!important}
/* o passo que falta puxa a vista; o que já está feito recua */
body.sis-fundo .sisintro .guia li.agora,
.sisintro .guia li.agora{box-shadow:0 0 0 4px rgba(201,168,106,.34),0 6px 16px rgba(0,0,0,.22)!important}
body.sis-fundo .sisintro .guia li.ok,
.sisintro .guia li.ok{box-shadow:0 2px 0 rgba(0,0,0,.08)!important}
body.sis-fundo .sisintro .guia li.ok .st,
.sisintro .guia li.ok .st{background:transparent!important;color:#cfe0cf!important;
  border:1.5px solid rgba(169,195,173,.5)!important;font-size:13.5px!important;
  padding:12px 16px!important;min-height:44px!important}
.sisintro .guia li:active{transform:scale(.985)}

/* os dois botões da tela de entrada.
   A tela é verde escura, então o botão principal é dourado -- verde
   sobre verde não se lê, e era esse o problema da primeira tentativa. */
.si-acoes{display:grid;gap:11px;margin-top:16px}
.si-acoes[hidden]{display:none}
.si-ac-b{display:block;width:100%;border:0;border-radius:14px;background:var(--dourado);color:#1B3A2B;
  padding:16px;font-size:18px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer}
.si-ac-b em{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:rgba(27,58,43,.72);margin-top:3px}
.si-ac-b:active{filter:brightness(.93)}
.si-ac-s{justify-self:center;border:1.5px solid rgba(242,234,211,.5);background:transparent;color:var(--creme);
  border-radius:999px;padding:12px 20px;font-size:13.5px;font-weight:700;line-height:1;min-height:42px;cursor:pointer}
.si-ac-s:active{background:rgba(242,234,211,.14)}
@media(min-width:760px){
  .si-acoes{grid-template-columns:1fr auto;align-items:center}
  .si-ac-s{justify-self:end}
}

/* Os mesmos três passos dentro da prévia de página única. Lá o verde
   escuro vem do #vEng em vez do body.sis-fundo, e id ganha de classe:
   sem esta repetição a prévia ficaria com o desenho antigo. No site
   não existe #vEng, então estas linhas não valem para nada ali. */
#vEng .sisintro .guia{gap:18px!important;margin:16px 0 18px!important}
@media(min-width:900px){
  #vEng .sisintro .guia{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
}
#vEng .sisintro .guia li{padding:18px 16px!important;border-radius:18px!important;
  border-width:2px!important;row-gap:14px!important;
  background:rgba(255,255,255,.10)!important;box-shadow:0 3px 0 rgba(0,0,0,.10)!important}
#vEng .sisintro .guia li b{width:42px!important;height:42px!important;font-size:19px!important}
#vEng .sisintro .guia li span{font-size:18px!important;line-height:1.2!important}
#vEng .sisintro .guia li em{font-size:13.5px!important;margin-top:4px!important}
#vEng .sisintro .guia li .st{font-size:15px!important;padding:15px 20px!important;min-height:50px!important}
#vEng .sisintro .guia li.agora{box-shadow:0 0 0 4px rgba(201,168,106,.34),0 6px 16px rgba(0,0,0,.22)!important}
#vEng .sisintro .guia li.ok{box-shadow:0 2px 0 rgba(0,0,0,.08)!important}
#vEng .sisintro .guia li.ok .st{background:transparent!important;color:#cfe0cf!important;
  border:1.5px solid rgba(169,195,173,.5)!important;font-size:13.5px!important;
  padding:12px 16px!important;min-height:44px!important}

/* =====================================================================
   v232 · no computador o animal ocupa o espaço que sobra
   De 900px para cima ele estava travado em 240px por causa do notebook
   estreito de duas colunas. Numa tela larga de verdade sobra espaço à
   direita do veredito, e o bicho é o que o produtor olha primeiro.
   A trava dos 900px continua valendo entre 900 e 1180px, que é onde a
   conta realmente aperta.
   ===================================================================== */
@media(min-width:1180px){
  #hero #boiLucroBox{width:clamp(250px,24vw,340px)!important}
  #hero #boiLucroBox canvas{max-width:100%!important;width:100%}
  #hero .boi-l em{font-size:11.5px;padding-left:11px}
  #hero .boi.boi-lucro em::before{width:6px;height:10px}
}
@media(min-width:1480px){
  #hero #boiLucroBox{width:clamp(300px,22vw,390px)!important}
  #hero .boi-l em{font-size:12px}
}

/* =====================================================================
   v236 · o animal devolve na tela o que perdeu no recuo
   Na v236 o desenho entrou 7% menor dentro da tela, para abrir pasto
   atrás do rabo. Aqui a caixa cresce os mesmos 7,5% em cada faixa, de
   modo que o bicho fica do mesmo tamanho de antes -- só que agora com
   campo atrás dele.
   ===================================================================== */
@media(min-width:480px){ #hero #boiLucroBox{width:clamp(181px,33vw,275px)} }
@media(min-width:900px){ #hero #boiLucroBox{width:clamp(161px,21vw,258px)!important} }
@media(min-width:1180px){ #hero #boiLucroBox{width:clamp(269px,26vw,366px)!important} }
@media(min-width:1480px){ #hero #boiLucroBox{width:clamp(322px,24vw,419px)!important} }
@media(max-width:430px){ #hero #boiLucroBox{width:clamp(142px,45vw,290px)} }
@media(max-width:380px){ #hero #boiLucroBox{width:clamp(135px,43vw,290px)} }

/* =====================================================================
   v237 · a barra dos três passos pinta o que já está preenchido
   Verde com ✓ = feito. Dourado = é o que falta agora. Apagado = ainda
   não chegou a vez. O passo 3 não é "preenchido": ele é liberado, e
   até lá aparece com cadeado.
   ===================================================================== */
.prog3 .p3.feito{color:#3E6B36}
.prog3 .p3.feito i{background:#6E9E70;border-color:#6E9E70;color:#fff;box-shadow:none}
.prog3 .p3.feito u{color:#4f7d52}
.prog3 .p3.faltando i{background:var(--dourado);border-color:var(--dourado);color:#1B3A2B}
.prog3 .p3.faltando u{color:#8a6d2a}
.prog3 .p3.trancado{opacity:.5}
.prog3 .p3.trancado i{background:#efeadc;border-color:#ded5bd;color:#9b9480;box-shadow:none}
/* a linha entre dois passos feitos também fica verde: mostra o caminho andado */
.prog3 .ln.feito{background:#6E9E70}

/* o passo em que ele está continua ganhando o destaque de antes, mesmo
   quando já está preenchido -- o verde não pode apagar o "você está aqui" */
.prog3 .p3.agora.feito i{box-shadow:0 0 0 3px rgba(110,158,112,.32)}
@media(max-width:759px){
  .prog3 .p3.feito{background:#F1F6EF;box-shadow:inset 0 0 0 1.5px #b9d3b7}
  .prog3 .p3.agora.feito{background:#EAF3E4;box-shadow:inset 0 0 0 2px #6E9E70}
  .prog3 .p3.agora:not(.feito){background:#FBF6E6;box-shadow:inset 0 0 0 2px var(--dourado)}
  .prog3 .p3.trancado{background:transparent;box-shadow:none}
}

/* =====================================================================
   v242 · um plano só, e o acesso extra vendido à parte
   A caixa que o produtor vê quando acabam os acessos, e o +/− que a
   TGZ usa no Painel para acrescentar o que ele pagou.
   ===================================================================== */
.acx{margin-top:12px;padding:13px 14px;border-radius:12px;
  background:#FBF6E6;border:1.5px solid var(--dourado)}
.acx[hidden]{display:none}
.acx-t{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#8a6d2a;font-weight:800;
  margin-bottom:5px}
.acx-p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:#3d423e}
.acx-p b{color:var(--verde)}
.acx-b{display:block;text-align:center;background:var(--verde);color:var(--creme);
  border-radius:10px;padding:13px 14px;font-size:15px;font-weight:800;text-decoration:none}
.acx-b:active{background:var(--verde2)}
.acx-b.off{background:transparent;color:#6b6450;border:1px dashed #cdbf9a;font-weight:700;font-size:13px}
.acx-n{margin:8px 0 0;font-size:11.5px;color:#7a7360;text-align:center}

/* no Painel da TGZ */
.pn-ac{display:flex;align-items:center;gap:7px;margin-top:9px;padding:7px 9px;
  background:#F6F8F4;border:1px solid #E3E9DF;border-radius:9px;flex-wrap:wrap}
.pn-ac>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;color:#6C7C70;font-weight:700}
.pn-ac button{width:32px;height:32px;border:1px solid #1B3A2B;background:#fff;color:#1B3A2B;
  border-radius:7px;font-size:17px;font-weight:800;line-height:1;cursor:pointer}
.pn-ac button:active{background:#1B3A2B;color:#fff}
.pn-ac button[disabled]{opacity:.35;cursor:default}
.pn-ac b{min-width:20px;text-align:center;font-size:16px;color:#1B3A2B;font-variant-numeric:tabular-nums}
.pn-ac em{font-style:normal;font-size:11px;color:#8a8878}
.pl-ac{margin:12px 0 0;padding:11px 13px;background:#FBF6E6;border:1px solid var(--dourado);
  border-radius:10px;font-size:13.5px;line-height:1.5;color:#3d423e}
.pl-ac b{color:var(--verde)}


/* =====================================================================
   v243 · novilha ou vaca, no Fazer prenhez
   O seletor fica igual ao "de onde vem", mas um degrau acima: é ele que
   decide quais campos a tela mostra.
   ===================================================================== */
.origem.animal{margin-bottom:6px}
.origem.animal button[aria-pressed="true"]{background:var(--verde);color:var(--creme);border-color:var(--verde)}
.an-nota{margin:0 0 12px;font-size:12.5px;line-height:1.45;color:#6b7a6e}


/* =====================================================================
   v244 · a entrada do portal
   Os tres passos estavam escritos em tres telas: no comecar.html, no
   portal e na barra de cima das ferramentas. Ficou so a barra. O portal
   diz uma frase -- qual e o proximo movimento -- e um botao.
   ===================================================================== */
.prog3.noportal{position:static;margin:0 0 14px;border-radius:12px}
.prog3.noportal .p3{text-decoration:none}
.comousar.curto{padding:16px 16px 14px}
.comousar.curto .cu-t{font-size:17px;font-weight:800;color:var(--creme);margin-bottom:5px}
.comousar.curto .cu-d{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:#cfe0cf;
  background:none;padding:0;text-transform:none;letter-spacing:0;font-weight:400;border-radius:0}
.comousar.curto{min-height:0}
.comousar.curto .cu-b{display:block;text-align:center;background:var(--dourado);color:#1B3A2B;
  border-radius:10px;padding:13px 14px;font-size:15.5px;font-weight:800;text-decoration:none}
.comousar.curto .cu-b:active{filter:brightness(.94)}
.comousar.curto .cu-warn{display:block;margin:0 0 10px;font-size:12.5px;color:var(--dourado);font-style:normal}
.comousar.curto .pr-aj{margin-top:11px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;
  font-size:12.5px;color:#9fb3a2}
.comousar.curto .pr-aj a{color:#cfe0cf;text-decoration:underline}


/* v245 · agenda em construção: o selo diz que vem, sem parecer recusa */
.sisb-d.breve{background:#F3EBD6;color:#8a6d2a;border:1px dashed #C9A86A;border-radius:999px;
  padding:2px 8px;font-style:normal;font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.3px}
.sisb.off{cursor:default}


/* v246 · especial cria na tela dos planos */
.pl-ec{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:8px}
.pl-ec li{display:grid;gap:1px;padding:8px 10px;border-left:3px solid var(--dourado);background:rgba(201,168,106,.08);border-radius:4px}
.pl-ec b{font-size:14px;color:var(--verde)}
.pl-ec span{font-size:12.5px;color:#5d6b60;line-height:1.4}


/* v247 · minhas compras dentro da Compra Segura */
.cs-hist{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;
  margin:0 0 12px;padding:11px 14px;background:#fff;border:1px solid var(--linha);border-left:5px solid var(--dourado);
  border-radius:8px;text-decoration:none;color:inherit}
.cs-hist b{color:var(--verde);font-size:14.5px}
.cs-hist span{color:#8a6d2a;font-size:12.5px;font-weight:700}
.cs-hist:active{background:#FBF6E6}
@media print{.cs-hist{display:none!important}}
.pl-junto{margin:0 0 12px;padding:8px 10px;background:#EEF4EC;border-radius:6px;font-size:13px;color:#3d4a40}
.pl-junto b{color:var(--verde)}


/* v248 · meus sistemas, dentro do Meu Sistema */
.msis{margin:12px 0 14px;padding:13px 14px;background:#fff;border:1px solid var(--linha);
  border-left:5px solid var(--dourado);border-radius:10px;color:#2a332c}
.msis[hidden]{display:none}
.msis-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.msis-h b{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:#8a6d2a}
.msis-h em{font-style:normal;font-weight:800;font-size:13px;color:var(--verde);
  background:#EEF4EC;border-radius:999px;padding:2px 9px}
.msis-a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:10px}
.msis-a span{font-size:12px;color:#6b7a6e}
.msis-a b{font-size:16px;color:var(--verde)}
.msis-a em{font-style:normal;font-size:12.5px;color:#6b7a6e}
.msis-bt{display:flex;flex-wrap:wrap;gap:8px}
.msis-bt button{flex:1 1 150px;min-height:44px;border-radius:9px;border:1.5px solid var(--verde);
  background:#fff;color:var(--verde);font-weight:800;font-size:14px;cursor:pointer}
.msis-bt button.ouro{background:var(--dourado);border-color:var(--dourado);color:#1B3A2B}
.msis-cheio{font-size:12.5px;color:#8a6d2a;font-weight:700;align-self:center}
.msis-p{margin:9px 0 0;font-size:12px;color:#6b7a6e}
@media print{.msis{display:none!important}}


/* v249 · segundo toque para confirmar */
button.conf,.cp-b.x.conf,.cm-x.conf{background:#C0553F!important;color:#fff!important;border-color:#C0553F!important}


/* =====================================================================
   v251 · faixas de rebanho e de area, e o "+ Mais acessos"
   ===================================================================== */
.fxb{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 6px}
.fxb button{flex:1 1 calc(50% - 7px);min-height:42px;border:1.5px solid var(--linha);border-radius:10px;
  background:#fff;color:var(--verde);font-weight:800;font-size:15px;cursor:pointer;line-height:1.1}
.fxb button em{display:none}
.fxb button[aria-pressed="true"]{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.fxb button[aria-pressed="true"] em{color:#cfe0cf}
@media(min-width:760px){ .fxb button{flex:1 1 0} }
.fxou{font-size:11.5px;color:#8a8878;margin:4px 0 2px}
.acq{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 8px}
.acq-t{font-size:14.5px;color:#3d423e}
.acq-t b{color:var(--verde)}
.acq-b{border:0;border-radius:999px;background:var(--dourado);color:#1B3A2B;font-weight:800;
  font-size:14.5px;padding:11px 18px;min-height:44px;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.acq-b:active{filter:brightness(.94)}
.acq-b[aria-pressed="true"]{outline:2px solid var(--verde);outline-offset:2px}
#secAcessos .passo-txt:empty{display:none}

/* v251 · a Compra Segura com mais destaque no portal */
#tools .tool.destaque{padding:20px 18px;border-width:2px;border-left-width:7px;
  background:linear-gradient(160deg,#F6E7BF 0%,#fff7e3 45%,#fff 100%)}
#tools .tool.destaque h3{font-size:20px}
#tools .tool.destaque p{font-size:13.5px}
#tools .tool.destaque .ic{width:58px;height:58px;font-size:18px}
#tools .tool.destaque .seta,#tools .tool.destaque .go{font-size:28px;color:#8a6d2a}

/* ---------- v252 · Minha Fazenda: o que falta, o botao e o "Tudo salvo" pequeno ---------- */
.fz-falta{margin-top:14px;padding:10px 12px;border-radius:10px;background:#fff4ef;border:1px solid #e3b4a6;
  color:#8a3a26;font-size:13px;line-height:1.35}
.fz-falta b{font-weight:800}
.btn-ver#f_ir{margin-top:12px;padding:16px 14px;font-size:16px;font-weight:800}
.btn-ver#f_ir.trancado{opacity:.55}
.salvobox.mini{margin-top:10px;padding:6px 10px;gap:8px;border-radius:9px;justify-content:center;background:transparent!important;border-color:transparent!important}
.salvobox.mini .salvo-ic{width:18px;height:18px;font-size:10px}
.salvobox.mini b{font-size:11.5px;display:inline}
.salvobox.mini span{font-size:10.5px;display:inline;margin-left:4px;opacity:.8}
.mf .munsug{display:flex;flex-direction:column;margin-top:4px;border:1px solid #d8cfb5;border-radius:10px;
  background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.mf .munsug[hidden]{display:none}
.mf .munsug button{border:0;border-bottom:1px solid #eee5cf;background:#fff;text-align:left;padding:11px 12px;
  font-size:14.5px;color:#1B3A2B;font-weight:600}
.mf .munsug button:last-child{border-bottom:0}
.mf .munsug button:active{background:#f6efd9}
/* previa: o "Previa / Do zero" fica no fim do portal, fora do painel */
#vPortal .prev-plano{position:static!important;margin:18px auto 8px;width:max-content}
.salvobox.mini b{color:var(--creme)!important}
.salvobox.mini span{color:#cfe0cf!important}
/* v254 · numero que veio da faixa: aproximado */
.val2 input.aprox{color:#8a6d2a}

/* ---------- v255 · Comprar prenha: como paga e Funrural com/sem, no botao da Compra Segura ---------- */
.sexo.modoaq button i{font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;opacity:.8}
/* v256 · Funrural em tres botoes e o destino da vaca em dois */
.sexo.fun3{grid-template-columns:1fr 1fr 1fr}
.sexo.fun3 button{flex-direction:column;gap:1px;line-height:1.15}
.sexo.fun3 button em{font-style:normal;font-size:11px;font-weight:700;opacity:.75}
.sexo.destino2 button{font-size:13.5px}

/* ---------- v257 · fechamento do lote (Comprar prenha e Comprar parida) ---------- */
.fech{margin-top:16px;padding:14px 14px 12px;border-radius:12px;background:#fff;border:1px solid var(--linha)}
.fech:empty{display:none}
.fch-t{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--verde);display:flex;justify-content:space-between;align-items:baseline}
.fch-t small{font-size:11px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--cinza)}
.fch-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;margin:10px 0 4px;gap:2px}
.fch-bar i{display:block;min-width:4px}
.fch-g{font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--cinza);margin:12px 0 2px}
.fch-l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid #eee5cf}
.fch-l span{font-size:13.5px;font-weight:700;color:#1B3A2B;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.fch-l span i{display:inline-block;width:10px;height:10px;border-radius:3px;transform:translateY(1px)}
.fch-l span em{flex-basis:100%;font-style:normal;font-size:11.5px;font-weight:500;color:var(--cinza)}
.fch-l b{font-size:14px;font-weight:800;color:#1B3A2B;white-space:nowrap;text-align:right}
.fch-l b u{display:block;text-decoration:none;font-size:10.5px;font-weight:600;color:var(--cinza)}
.fch-l.neg b{color:#6B6257}
.fch-l.tot{border-bottom:0;border-top:2px solid #1B3A2B;margin-top:2px}
.fch-l.tot span{font-weight:800}
.fch-res{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-top:10px;padding:11px 13px;border-radius:10px;background:var(--verde);color:var(--creme)}
.fch-res span{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.fch-res b{font-size:22px;font-weight:800;color:var(--dourado)}
.fch-res em{grid-column:1/-1;font-style:normal;font-size:11.5px;color:#cfe0cf}
.fch-res.ruim{background:#7a2e22}
.fch-res.ruim b{color:#fff}
@media print{.fech{display:none}}

/* ---------- v258 · Comprar prenha e Comprar parida: tres destinos, engorda do Meu Sistema, vaca ou novilha ---------- */
.sexo.d3{grid-template-columns:1fr 1fr 1fr!important;gap:4px}
.sexo.d3 button{font-size:12.5px;padding:10px 4px;line-height:1.15}
.sexo.term4{grid-template-columns:1fr 1fr}
.sexo.term4 button{font-size:13px}
.sexo.animal2 button{font-size:14px}
/* os botoes das tres ferramentas de cria no mesmo desenho */
.origem,.vazia{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;background:var(--creme2);padding:4px;border-radius:8px;border:1px solid var(--linha)}
.origem button,.vazia button{border:0;background:transparent;border-radius:6px;padding:9px 6px;font-size:14px;font-weight:800;color:var(--cinza);box-shadow:none}
.origem button[aria-pressed=true],.vazia button[aria-pressed=true]{background:var(--verde);color:var(--creme)}

/* ---------- v259 · o topo do Meu Sistema da Comprar prenha / parida: a vaca pelas fases ---------- */
.cena-vp canvas{display:block;width:100%;max-width:420px;height:auto;margin:6px auto 0}
.trilha-vp .tv-b{display:flex;gap:2px;height:34px;border-radius:8px;overflow:hidden;margin-top:6px}
.trilha-vp .tv-b span{display:flex;flex-direction:column;justify-content:center;padding:0 7px;color:#fff;min-width:0}
.trilha-vp .tv-b u{text-decoration:none;font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trilha-vp .tv-b i{font-style:normal;font-size:10px;opacity:.85;white-space:nowrap}
.trilha-vp .tv-l{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#cfe0cf;margin-top:5px}
.trilha-vp .tv-l b{color:#fff}
.bar[hidden]{display:none!important}
/* v261 · a faixa das fases da Comprar prenha / parida: o bicho na cor dele, pequeno */
.cena-an.vp{filter:grayscale(1) contrast(1.05)}
/* v262 · mao de obra enxuta: o detalhe da equipe fica fechado */
.mo-det{margin-top:8px;border-top:1px dashed var(--linha);padding-top:4px}
.mo-det summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:800;color:var(--verde2);padding:8px 0}
.mo-det summary::-webkit-details-marker{display:none}

/* ---------- v263 · Meu Sistema: montar um sistema novo ou usar um salvo ---------- */
.msis-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.msis-big{border-radius:12px;padding:14px 12px;text-align:left;border:1.5px solid var(--verde);background:#fff;color:var(--verde);
  display:flex;flex-direction:column;gap:4px;cursor:pointer;font:inherit}
.msis-big b{font-size:15px;font-weight:800;line-height:1.2}
.msis-big em{font-style:normal;font-size:11.5px;opacity:.8;line-height:1.3}
.msis-big.ouro{background:var(--dourado);border-color:var(--dourado);color:#1B3A2B}
.msis-big[disabled]{opacity:.5;cursor:default}
@media(max-width:420px){ .msis-2{grid-template-columns:1fr} }
.cp-sheet.grande .cp-sh-cx{max-width:540px}
.cp-sheet.grande #sisFT{font-size:20px;line-height:1.25}
.sis-pergunta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0 0}

/* ---------- v264 · Comprar prenha / parida: topo da Compra Segura mais compacto ---------- */
.resumo.compacto{flex-wrap:nowrap;gap:4px;margin-top:10px;padding-top:10px}
.resumo.compacto .rs{flex:1 1 0;min-width:0;padding:6px 7px;border-radius:8px}
.resumo.compacto .rs b{font-size:17px}
.resumo.compacto .rs span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resumo.compacto > i{font-size:13px}
.resumo.compacto{flex-wrap:wrap}
.resumo.compacto > em{font-size:10.5px;margin-top:2px}
.k3.k3c{grid-template-columns:1fr 1fr 1fr;margin-top:10px;padding-top:8px}
.k3.k3c .v{font-size:17px}
.k3.k3c .kt .v{color:#8fd19e}
#v_vacaBox canvas,#p_vacaBox canvas{max-width:240px!important;margin:0 auto;display:block}
@media(min-width:700px){ #v_vacaBox canvas,#p_vacaBox canvas{max-width:300px!important} }

/* ===== v278 · o portal limpo: a Minha Fazenda primeiro, depois os botões das ferramentas ===== */
.pt-faz{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;border-radius:12px;margin:0 0 14px}
.pt-faz.ok{background:#fff;border:1px solid var(--linha);padding:11px 14px}
.pt-faz.ok>i{width:30px;height:30px;border-radius:50%;background:#2E5D43;color:#fff;font-style:normal;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}
.pt-faz.ok>span{flex:1;display:flex;flex-direction:column}.pt-faz.ok b{color:var(--verde);font-size:15px}.pt-faz.ok small{font-size:12.5px;color:#6b6b6b}
.pt-faz.ok>u{text-decoration:none;color:#2E5D43;font-weight:800;font-size:13px}
.pt-faz.falta{align-items:flex-start;background:#fffbf0;border:2px solid var(--dourado);padding:16px}
.pt-faz-n{flex:none;width:44px;height:44px;border-radius:50%;background:var(--verde);color:var(--dourado);font:800 15px/44px system-ui,sans-serif;text-align:center}
.pt-faz.falta b{display:block;font:700 19px/1.25 Georgia,serif;color:var(--verde);margin:2px 0 6px}
.pt-faz.falta p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#3a3a32}
.pt-faz .pt-alerta{color:#8a3324;font-weight:700}
.pt-faz-b{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:9px;background:var(--verde);color:var(--creme);border:1px solid var(--dourado);font:800 16px/1 system-ui,sans-serif;text-decoration:none;padding:0 14px}
.pt-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 10px}
.pt-t b{font:700 18px/1.2 Georgia,serif;color:#fff}.pt-t span{font-size:12.5px;color:#cfe0cf}
.pt-gr{display:grid;gap:10px}
@media (min-width:760px){.pt-gr{grid-template-columns:repeat(3,1fr)}}
.pt-b{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid transparent;border-radius:14px;padding:14px;text-decoration:none;color:inherit;min-height:88px;cursor:pointer;font:inherit;text-align:left;width:100%}
.pt-b.top{border-color:var(--dourado)}
.pt-b>i{flex:none;width:52px;height:52px;border-radius:12px;background:linear-gradient(145deg,#2a5c42,#1B3A2B);color:var(--dourado);font:800 16px/52px system-ui,sans-serif;font-style:normal;text-align:center;border:1.5px solid var(--dourado)}
.pt-bt{flex:1;display:flex;flex-direction:column;gap:3px}
.pt-bt b{font:700 18px/1.2 Georgia,serif;color:var(--verde)}.pt-bt small{font-size:13px;line-height:1.4;color:#5b5b5b}
.pt-b>em{position:absolute;top:-9px;right:12px;font:800 10.5px/1 system-ui,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;border-radius:5px;background:#F2EAD3;color:#7a5a12;border:1px solid #e6d39f}
.pt-b>em.ok{background:#EAF3E4;color:#2F5A2A;border-color:#CFE2C6}
.pt-b>u{text-decoration:none;color:var(--dourado);font-size:26px;font-weight:300;flex:none}
.pt-b.off{opacity:.62}.pt-b.off>i{filter:grayscale(.7)}
@media (min-width:760px){.pt-b{flex-direction:column;align-items:flex-start;min-height:190px;padding:18px}.pt-b>u{position:absolute;right:14px;bottom:10px}}
.pt-cria{display:grid;gap:8px;margin:10px 0 0;background:rgba(255,255,255,.08);border:1px solid rgba(201,168,106,.4);border-radius:12px;padding:10px}
.pt-cria a{display:flex;flex-direction:column;background:#fff;border-radius:9px;padding:11px 12px;text-decoration:none;color:inherit}
.pt-cria b{color:var(--verde);font-size:15px}.pt-cria small{color:#6b6b6b;font-size:12.5px}
/* v306 · o Curral, o app do tronco */
.pt-cria a.pt-cur{border-left:4px solid var(--dourado);background:#F7F3E8}
.pt-planos{display:inline-block;margin:14px 0 0;color:var(--dourado);font-weight:700;font-size:13.5px;text-decoration:none}
.fz-recado{margin:8px 0 0;padding:10px 12px;border-radius:9px;background:#fffbf0;border:1px solid var(--dourado);color:#3a3a32;font-size:13.5px;line-height:1.5}
.fz-recado b{color:var(--verde)}
/* v278 · no portal nao entra a escolha do sistema nem o "como usar": isso e da Compra Segura */
main.portal #sisFaixa,main.portal .topo-wrap,main.portal #progPortal{display:none!important}
/* v279 · o contato na Minha Fazenda */
.fz-mail{margin:0 0 8px;font-size:14px;color:#3a3a32}.fz-mail b{color:var(--verde);word-break:break-all}
.fz-av-t{margin:6px 0 8px;font-size:14px;font-weight:700;color:var(--verde)}
.fz-av{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px}
.fz-av button{min-height:48px;border:2px solid var(--linha);background:var(--creme2);border-radius:10px;font:800 14.5px/1.2 system-ui,sans-serif;color:var(--verde);cursor:pointer}
.fz-av button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--creme)}

/* v292 · mais ar entre a Minha Fazenda e as ferramentas, e entre uma ferramenta e outra */
.pt-faz{margin:0 0 28px}
.pt-t{margin:6px 0 14px}
.pt-gr{gap:18px}
@media (min-width:760px){.pt-gr{gap:22px}}
.pt-b{min-height:96px}

/* v342 · cadastro: so a fazenda; o rebanho em seguida; os acessos ficam na ferramenta */
.fz-mailbox .fz-mail2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:#F7F3E8;border:1px solid #e6dcc2;border-radius:8px;padding:11px 12px}
.fz-mailbox .fz-mail2 b{font-size:15px;color:#1B3A2B;word-break:break-all}
.fz-mailbox .fz-mail2 em{font-size:12px;color:#8a6d2a;font-style:normal;font-weight:700}
body.fz-modo-ac .panel:not(#secAcessos),body.fz-modo-ac #f_falta,body.fz-modo-ac #f_ir,body.fz-modo-ac .fz-recado,body.fz-modo-ac .prog3,body.fz-modo-ac #f_topoBtn{display:none!important}
@media(min-width:900px){
  body.fz-cad:not(.fz-modo-ac) .main{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}
  body.fz-cad:not(.fz-modo-ac) .main>.fz-topo,body.fz-cad:not(.fz-modo-ac) .main>#f_falta,body.fz-cad:not(.fz-modo-ac) .main>#f_ir,body.fz-cad:not(.fz-modo-ac) .main>#secContato,body.fz-cad:not(.fz-modo-ac) .main>#f_salvo,body.fz-cad:not(.fz-modo-ac) .main>#secAcessos{grid-column:1/-1}
}
.pt-cria a.pt-ac{border-left:4px solid var(--verde2);background:#fff}
/* v342 · o portal no tablet: cada bloco ocupa a largura toda e as ferramentas ficam em fila */
#tools{grid-template-columns:1fr!important}
@media (min-width:760px){.pt-cria{grid-template-columns:repeat(2,1fr);gap:10px}.pt-cria a.pt-cur,.pt-cria a.pt-ac{grid-column:1/-1}.pt-cria a{padding:14px 16px}.pt-cria b{font-size:16px}}

/* v344 · dentro da Cria: o Manejo da Fazenda em destaque, os acessos, e as três contas num bloquinho */
.pt-cria a.pt-mj{display:flex;flex-direction:row;align-items:center;gap:14px;background:linear-gradient(160deg,#fff7e3 0%,#fff 60%);border:2px solid var(--dourado);border-left-width:7px;border-radius:12px;padding:16px 14px;position:relative}
.pt-cria a.pt-mj>i{flex:none;width:54px;height:54px;border-radius:12px;background:linear-gradient(145deg,#2a5c42,#1B3A2B);color:var(--dourado);font:800 16px/54px system-ui,sans-serif;font-style:normal;text-align:center;border:1.5px solid var(--dourado)}
.pt-cria a.pt-mj>span{flex:1;display:flex;flex-direction:column;gap:3px}
.pt-cria a.pt-mj b{font:700 20px/1.15 Georgia,serif;color:var(--verde)}
.pt-cria a.pt-mj small{font-size:13px;line-height:1.4;color:#5b5b5b}
.pt-cria a.pt-mj>u{text-decoration:none;color:var(--dourado);font-size:28px;font-weight:300;flex:none}
.pt-ct{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:rgba(255,255,255,.06);border:1px dashed rgba(201,168,106,.5);border-radius:10px;padding:8px}
.pt-ct em{grid-column:1/-1;font:800 11px/1 system-ui,sans-serif;font-style:normal;letter-spacing:1.5px;text-transform:uppercase;color:var(--dourado);padding:2px 2px 4px}
.pt-ct a{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:9px 8px;text-decoration:none;color:inherit;min-height:64px;justify-content:center}
.pt-ct a b{color:var(--verde);font-size:13.5px;line-height:1.15}.pt-ct a small{color:#6b6b6b;font-size:11px;line-height:1.3;margin-top:2px}
@media (min-width:760px){.pt-cria a.pt-mj,.pt-ct{grid-column:1/-1}.pt-cria a.pt-mj{padding:20px 18px}.pt-cria a.pt-mj b{font-size:23px}.pt-ct{gap:10px;padding:12px}.pt-ct a{padding:12px}.pt-ct a b{font-size:15px}.pt-ct a small{font-size:12.5px}}
.ac-pac{background:#F7F3E8;border:1px solid var(--dourado);border-radius:10px;padding:11px 13px;margin:0 0 12px}
.ac-pac small{display:block;font:800 10.5px/1 system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#8a6d2a;margin-bottom:4px}
.ac-pac b{display:block;font-size:16px;color:var(--verde)}.ac-pac span{display:block;font-size:12.5px;color:#5b5b5b;margin-top:3px;line-height:1.4}