/* ===== HOME 1.5 ===== */
/* video Hoje x Com a Navega */
.hx{max-width:1060px;margin:34px auto 0}
.hx-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.hx-t{font:600 13px var(--sans);padding:8px 16px;border-radius:999px;border:1px solid var(--prata);background:#fff;color:var(--ink2);cursor:pointer;transition:all .3s}
.hx-t.on{background:var(--verde-caixa);border-color:var(--verde-caixa);color:#fff}
.hx-t[data-c=a].on{background:#F6E9E6;border-color:#F0B98F;color:#9A4A17}
.hx-pg{flex:1;height:4px;border-radius:4px;background:#ECE6DB;overflow:hidden;margin-left:8px}
.hx-pg i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--terra2),var(--agua3))}
.hx-st{position:relative;aspect-ratio:16/9;border-radius:24px;border:1px solid var(--prata);overflow:hidden;container-type:inline-size;
  background:#fff radial-gradient(circle,#E9E3D8 1px,transparent 1.4px) 0 0/22px 22px;box-shadow:0 30px 60px -34px rgba(27,30,21,.35);font-size:clamp(8px,1.3cqw,14px)}
.hx-st .hb{display:flex;align-items:center;gap:4px;padding:.55em .8em;border-bottom:1px solid #EFEAE1;background:#FAF8F4;font-family:var(--mono);font-size:.82em;color:var(--ink3);white-space:nowrap;overflow:hidden}
.hx-st .hb i{width:.6em;height:.6em;border-radius:50%;background:#E4DCD0;flex:none}
.hx-st .hb span{margin-left:.5em;overflow:hidden;text-overflow:ellipsis}
/* cena A: janelas soltas */
.hx-w{position:absolute;left:var(--x);top:var(--y);width:var(--w);background:#fff;border:1px solid #E4DCD0;border-radius:.9em;box-shadow:0 1.4em 2.6em -1.2em rgba(27,30,21,.4);
  opacity:0;transform:translateY(1.6em) rotate(var(--r)) scale(.92);transition:opacity .45s,transform .6s cubic-bezier(.2,.9,.3,1.25);transition-delay:var(--d)}
.hx.pa .hx-w{opacity:1;transform:rotate(var(--r))}
.hx.px .hx-w{opacity:0;transform:translate(var(--tx,0),var(--ty,0)) scale(.12) rotate(0deg);transition:opacity .7s .05s,transform .75s cubic-bezier(.6,0,.4,1);transition-delay:0s}
.hx.rs .hx-w,.hx.rs .hx-b,.hx.rs .hx-core,.hx.rs .hx-r,.hx.rs .hx-toast{transition:none!important}
.hx-c{padding:.7em .8em}
.hx-sh{display:grid;grid-template-columns:1.2fr 1fr 1fr;font-family:var(--mono);font-size:.9em;border:1px solid #EFEAE1;border-radius:.4em;overflow:hidden}
.hx-sh span{padding:.35em .5em;border-bottom:1px solid #EFEAE1;color:var(--ink2)}
.hx-sh span:nth-child(-n+3){background:#F4F7F1;color:var(--verde-b);font-weight:600}
.hx-sh .er,.hx-pdf .er{color:#C0392B;background:#FDECEA;font-weight:700}
.hx-sh .vz{background:#FFF6D6}
.hx-csv{font-family:var(--mono);font-size:.86em;line-height:1.7;color:var(--ink2)}
.hx-csv b{color:#C0392B}
.hx-w.wa .hb{background:#E9F8EE;color:#1B7F3B}.hx-w.ig .hb{background:#FBEAF3;color:#B4337A}
.hx-w p{margin:0 0 .45em;padding:.45em .7em;border-radius:.9em .9em .9em .2em;background:#F1EFEA;font-size:.95em;width:max-content;max-width:100%}
.hx-w .bd{position:absolute;right:-.6em;top:-.6em;min-width:1.9em;height:1.9em;border-radius:1em;background:#E5484D;color:#fff;font:700 .9em/1.9em var(--sans);text-align:center;box-shadow:0 .3em .8em rgba(229,72,77,.4);z-index:2}
.hx.pa .hx-w .bd{animation:hxBd 1.1s 2s ease-in-out infinite}
@keyframes hxBd{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.hx-f{display:grid;grid-template-columns:auto 1fr;gap:.45em .6em;align-items:center;font-size:.92em;color:var(--ink3)}
.hx-f i{height:1.7em;border:1px solid #E4DCD0;border-radius:.35em;font-style:normal;color:var(--ink);padding:0 .5em;display:flex;align-items:center}
.hx-f u{display:inline-block;width:1px;height:1.1em;background:var(--ink);margin-left:1px;animation:hxCar 1s steps(1) infinite}
@keyframes hxCar{50%{opacity:0}}
.hx-pdf{display:grid;grid-template-columns:1fr auto;gap:.35em .6em;font-size:.95em;color:var(--ink3)}
.hx-dl{display:grid;gap:.45em;font-size:.92em;color:var(--ink2)}.hx-dl i{display:block;height:.55em;border-radius:1em;background:#EFEAE1;overflow:hidden}.hx-dl u{display:block;height:100%;width:30%;background:var(--terra2);border-radius:1em;animation:hxDl 2.6s ease-in-out infinite}.hx-dl .mut{font-size:.85em;color:var(--ink3)}
@keyframes hxDl{0%{width:8%}100%{width:92%}}
.hx-post{background:#FFF1A8!important;border-color:#F2DB6B!important;border-radius:.2em!important;box-shadow:0 .8em 1.6em -.8em rgba(120,100,0,.45)!important;font:600 1em/1.3 var(--sans);color:#5B4A00}.hx-post .hx-c{padding:.8em .7em}
.hx-pdf b{color:var(--ink);font-family:var(--mono);padding:0 .3em;border-radius:.3em}
.hx-clk{position:absolute;right:3%;bottom:6%;display:flex;align-items:baseline;gap:.6em;background:var(--ink);color:#fff;border-radius:999px;padding:.5em 1em;opacity:0;transition:opacity .4s 1.9s}
.hx.pa .hx-clk{opacity:1}.hx.px .hx-clk{opacity:0;transition-delay:0s}
.hx-clk span{font-family:var(--mono);font-size:.8em;opacity:.7}.hx-clk b{font:600 1.35em var(--mono)}
.hx-cur{position:absolute;width:2em;height:2em;left:20%;top:30%;fill:var(--ink);stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 .2em .3em rgba(0,0,0,.3));opacity:0;z-index:3;transition:left .7s cubic-bezier(.5,0,.3,1),top .7s cubic-bezier(.5,0,.3,1),opacity .3s}
.hx.pa .hx-cur{opacity:1}.hx.px .hx-cur{opacity:0}
/* nucleo da transicao */
.hx-core{position:absolute;left:50%;top:50%;width:6.4em;height:6.4em;margin:-3.2em 0 0 -3.2em;border-radius:50%;background:var(--verde-caixa);color:#fff;display:grid;place-items:center;font:500 3.6em/1 var(--serif);font-size:3.4em;width:1.9em;height:1.9em;margin:-.95em 0 0 -.95em;
  opacity:0;transform:scale(.3);transition:opacity .4s,transform .6s cubic-bezier(.3,1.4,.4,1),box-shadow .6s;z-index:4}
.hx.px .hx-core{opacity:1;transform:scale(1);box-shadow:0 0 0 .25em rgba(20,169,138,.22),0 0 0 .6em rgba(20,169,138,.10),0 0 1.4em .6em rgba(211,95,34,.25);transition-delay:.45s}
.hx.pb .hx-core{opacity:0;transform:scale(3.2);transition:opacity .5s,transform .6s ease-in}
/* cena B: tudo num lugar so */
.hx-b{position:absolute;inset:5.5% 5% 13%;opacity:0;transform:scale(.92);transition:opacity .55s .15s,transform .7s .15s cubic-bezier(.2,.9,.3,1.1)}
.hx.pb .hx-b{opacity:1;transform:none}
.hx-app{height:100%;background:#fff;border:1px solid #E4DCD0;border-radius:1.1em;overflow:hidden;box-shadow:0 2em 3.5em -1.6em rgba(27,30,21,.35);display:flex;flex-direction:column}
.hx-in{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:1em;padding:1em;min-height:0}
.hx-h{margin:0 0 .6em;font-family:var(--mono);font-size:.8em;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.hx-r{display:grid;grid-template-columns:2.3em 1fr auto;gap:.7em;align-items:center;padding:.5em .6em;border-radius:.7em;border:1px solid #F0ECE4;margin-bottom:.45em;
  opacity:0;transform:translateX(-1em);transition:opacity .4s,transform .45s;transition-delay:calc(.55s + var(--i)*.16s)}
.hx.pb .hx-r{opacity:1;transform:none}
.hx-r img{width:2.3em;height:2.3em;object-fit:contain;border-radius:.6em;background:#fff}
.hx-r b{display:block;font-size:.95em;color:var(--ink)}.hx-r span{display:block;font-size:.88em;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-r em{font-style:normal;font:600 .78em var(--sans);padding:.35em .7em;border-radius:999px;white-space:nowrap}
.hx-r .s0{background:#F1EFEA;color:var(--ink3)}.hx-r .s1{display:none}
.hx.pb2 .hx-r .s0{display:none}.hx.pb2 .hx-r .s1{display:inline-block;animation:hxPop .35s cubic-bezier(.3,1.6,.5,1)}
.hx-r:nth-child(3) .s1{animation-delay:.12s}.hx-r:nth-child(4) .s1{animation-delay:.24s}.hx-r:nth-child(5) .s1{animation-delay:.36s}.hx-r:nth-child(6) .s1{animation-delay:.48s}
.hx-r .ok{background:#DDF3E6;color:#16794A}.hx-r .ag{background:#E3F4F0;color:var(--agua1)}.hx-r .hu{background:#FCE8DD;color:#A2461A}
@keyframes hxPop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.hx-db{display:flex;flex-direction:column;min-height:0}
.hx-k{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.hx-k div{background:#F7F5F0;border-radius:.7em;padding:.6em .7em}
.hx-k span{display:block;font-size:.8em;color:var(--ink3)}
.hx-k b{display:block;font:500 1.45em var(--serif);color:var(--ink);white-space:nowrap}
.hx-k .okb{font:600 .95em var(--sans);color:#16794A;margin-top:.35em}
.hx-g{width:100%;flex:1;min-height:4em;height:auto;margin:.8em 0 .6em}
.hx-g .ar{fill:rgba(20,169,138,.12)}.hx-g .ln{fill:none;stroke:var(--agua2);stroke-width:2.2;stroke-dasharray:420;stroke-dashoffset:420;vector-effect:non-scaling-stroke}
.hx.pb .hx-g .ln{transition:stroke-dashoffset 1.6s .9s ease;stroke-dashoffset:0}
.hx-ia{margin:auto 0 0;background:var(--verde-caixa);color:#fff;border-radius:.8em .8em .8em .2em;padding:.6em .8em;font-size:.92em;line-height:1.4;opacity:0;transform:translateY(.6em);transition:all .45s}
.hx.pb3 .hx-ia{opacity:1;transform:none}
.hx-ia b{font-family:var(--mono);font-size:.8em;background:var(--terra2);border-radius:.4em;padding:.1em .45em;margin-right:.5em}
.hx-toast{position:absolute;right:6%;bottom:4.5%;display:flex;align-items:center;gap:.5em;background:#fff;border:1px solid #DCEFE2;border-radius:999px;padding:.45em 1em .45em .5em;font-size:.9em;font-weight:600;color:#16794A;
  box-shadow:0 1em 2em -1em rgba(22,121,74,.45);opacity:0;transform:translateY(1em);transition:all .45s;z-index:5}
.hx-toast img{width:1.8em;height:1.8em;border-radius:.45em}
.hx.pb4 .hx-toast{opacity:1;transform:none}
.hx-cap{position:absolute;left:3%;bottom:4.5%;margin:0;font:600 1.12em var(--sans);color:var(--ink);z-index:5;max-width:60%}
.hx-cap span{display:block;transition:opacity .4s}.hx-cap .cb{position:absolute;left:0;bottom:0;opacity:0}
.hx.mb .hx-cap .ca{opacity:0}.hx.mb .hx-cap .cb{opacity:1}
.hx.mb .hx-cap{bottom:auto;top:1.2%;left:5%;font-size:.95em;color:var(--verde-b)}
@media(max-width:700px){
  .hx-st{aspect-ratio:3/4;font-size:clamp(8px,2.35cqw,13px)}
  .hx-w{width:calc(var(--w) * 1.55)}
  .w1{--x:3%!important;--y:6%!important}.w2{--x:44%!important;--y:24%!important}.w3{--x:48%!important;--y:3%!important}
  .w4{--x:50%!important;--y:52%!important}.w5{--x:4%!important;--y:42%!important}.w6{--x:10%!important;--y:66%!important}
  .w7{display:none}.w8{--x:8%!important;--y:30%!important;--w:30%!important}
  .hx-in{grid-template-columns:1fr;gap:.6em}
  .hx-r:nth-child(n+5){display:none}
  .hx-g{height:3.6em}
  .hx-b{inset:6% 4% 15%}
  .hx-cap{max-width:92%;font-size:1.05em}
  .hx-toast{right:4%;bottom:11%}
  .hx-clk{bottom:13%}
}
/* logos de clientes rodando, em cinza */
.au15 .cap{margin-bottom:26px}
.au-mq{position:relative;overflow:hidden;margin:6px 0 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.au-tr{display:flex;align-items:center;gap:72px;width:max-content;animation:auMq 32s linear infinite}
.au-tr img{height:44px;width:auto;filter:grayscale(1) contrast(.9) brightness(1.05);opacity:.62;transition:filter .3s,opacity .3s}
.au-tr img:hover{filter:none;opacity:1}
@keyframes auMq{to{transform:translateX(-50%)}}
@media(max-width:700px){.au-tr{gap:44px;animation-duration:24s}.au-tr img{height:32px}}
/* rodizio automatico (Como funciona e Outros produtos) */
.obi .rz,.st .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--terra2),var(--agua3))}
.obi.on .rz.go,.st.on .rz.go{animation:rzGo var(--rzd,5s) linear forwards}
.rzp .rz.go{animation-play-state:paused!important}
@keyframes rzGo{to{width:100%}}
#steps .st{position:relative;overflow:hidden}
/* outros produtos: demos novas */
.op15 .ob-demo{min-height:400px}
.dm-go{position:absolute;left:0;bottom:0;font-weight:600;font-size:14.5px;color:var(--terra2);text-decoration:none}
.dm-go:hover{text-decoration:underline}
.dd-k{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dd-k div{background:#fff;border:1px solid var(--prata);border-radius:14px;padding:14px 16px}
.dd-k b{display:block;font:400 28px var(--serif)}.dd-k span{font-size:13px;color:var(--ink2)}
.dd-b{display:flex;align-items:flex-end;gap:8px;height:110px;margin:14px 0;padding:10px 14px;background:#fff;border:1px solid var(--prata);border-radius:14px}
.dd-b i{flex:1;height:0;border-radius:6px 6px 2px 2px;background:#DCE6D8;transition:height .7s cubic-bezier(.2,.9,.3,1.1)}
.dd-b i.on{background:var(--terra2)}
.dm.on .dd-b i{height:var(--h)}
.dm.on .dd-b i:nth-child(2){transition-delay:.06s}.dm.on .dd-b i:nth-child(3){transition-delay:.12s}.dm.on .dd-b i:nth-child(4){transition-delay:.18s}.dm.on .dd-b i:nth-child(5){transition-delay:.24s}.dm.on .dd-b i:nth-child(6){transition-delay:.3s}.dm.on .dd-b i:nth-child(7){transition-delay:.36s}
.dd-ia{margin:0;background:var(--verde-caixa);color:#fff;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14px;line-height:1.45;opacity:0;transform:translateY(8px);transition:all .45s 1.1s}
.dm.on .dd-ia{opacity:1;transform:none}
.dd-ia b{font-family:var(--mono);font-size:11px;background:var(--terra2);border-radius:5px;padding:2px 6px;margin-right:8px}
.dsf{display:grid;gap:10px}
.dsf label{display:grid;gap:4px;background:#fff;border:1px solid var(--prata);border-radius:12px;padding:10px 14px}
.dsf label span{font-size:12px;color:var(--ink3)}.dsf label b{font:500 15px var(--mono);min-height:20px}
.dsf-sku{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--verde-caixa);color:#fff;border-radius:12px;padding:12px 14px;opacity:0;transform:scale(.96);transition:all .4s 2.6s}
.dm.on .dsf-sku{opacity:1;transform:none}
.dsf-sku span{font-size:12px;opacity:.75}.dsf-sku b{font:600 17px var(--mono);color:#FFD9C2}.dsf-sku em{font-style:normal;font-size:12.5px;margin-left:auto;background:rgba(255,255,255,.12);border-radius:999px;padding:3px 10px}
.dsw{position:relative;background:#fff;border:1px solid var(--prata);border-radius:14px;overflow:hidden;box-shadow:0 20px 40px -24px rgba(20,40,25,.35)}
.dsw-b{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#FAF8F4;border-bottom:1px solid #EFEAE1;font:12px var(--mono);color:var(--ink3)}
.dsw-b i{width:8px;height:8px;border-radius:50%;background:#E4DCD0}.dsw-b span{margin-left:8px;background:#fff;border:1px solid #EFEAE1;border-radius:999px;padding:2px 12px}
.dsw-h{padding:22px 20px 16px;background:linear-gradient(135deg,#F5F1E9,#E3EFE7);display:grid;gap:8px}
.dsw-h i{display:block;height:12px;border-radius:6px;background:#233E2D;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.9,.3,1)}
.dsw-h .l1{width:70%;height:18px}.dsw-h .l2{width:52%;background:#A9B39F;transition-delay:.25s}.dsw-h .l3{width:40%;background:#A9B39F;transition-delay:.4s}
.dm.on .dsw-h i{transform:none}
.dsw-btn{justify-self:start;margin-top:6px;background:var(--terra2);color:#fff;font:600 13px var(--sans);border-radius:999px;padding:7px 16px;opacity:0;transform:translateY(6px);transition:all .4s .7s}
.dm.on .dsw-btn{opacity:1;transform:none}
.dsw-c{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px 20px}
.dsw-c i{height:54px;border-radius:10px;background:#F1EEE7;opacity:0;transform:translateY(8px);transition:all .4s}
.dm.on .dsw-c i{opacity:1;transform:none}.dm.on .dsw-c i:nth-child(1){transition-delay:1s}.dm.on .dsw-c i:nth-child(2){transition-delay:1.15s}.dm.on .dsw-c i:nth-child(3){transition-delay:1.3s}
.dsw-g{position:absolute;right:12px;top:52px;background:#fff;border-radius:999px;padding:6px 12px;font:600 12.5px var(--sans);color:#16794A;box-shadow:0 10px 24px rgba(20,40,25,.18);opacity:0;transition:opacity .4s 1.6s}
.dm.on .dsw-g{opacity:1}
@media(max-width:900px){.op15 .ob-demo{min-height:420px}}
@media(min-width:901px){.sol .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dm-gos{position:absolute;left:0;bottom:0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.dm-gos .dm-go{position:static}
.dm-go2{font-size:14px;color:var(--ink2);text-decoration:underline}
/* ===== outros produtos: demos que preenchem o quadro ===== */
.op15 .obi{padding:12px 16px}.op15 .obi>span:last-child{font-size:13.5px;line-height:1.45}
.op15 .ob-demo{min-height:560px}
.op15 .dm{display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
.op15 .dm img{width:auto;border:0;box-shadow:none;border-radius:0}
.dia-top{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E4DCD0;border-radius:16px;padding:12px 14px}
.dia-top b{display:block;font:500 17px var(--serif)}.dia-top span{font-size:12.5px;color:#16794A}
.op15 #d-ia .chat{flex:1;align-content:start}
.dia-cn{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dia-cn span{font-size:12.5px;color:var(--ink3);margin-right:4px}
.op15 .dia-cn img{width:30px;height:30px;border-radius:8px;background:#fff}
.op15 .dd{display:flex;flex-direction:column;gap:12px;flex:1}.op15 .dd-b{margin:0}
.dd-c{display:grid;gap:8px;background:#fff;border:1px solid #E4DCD0;border-radius:14px;padding:12px 14px}
.dd-c div{display:grid;grid-template-columns:22px 100px 1fr 48px;gap:10px;align-items:center;font-size:13px}
.op15 .dd-c img{width:22px;height:22px;border-radius:6px}
.dd-c i{height:7px;border-radius:7px;background:#EEF0EC;position:relative;overflow:hidden}
.dd-c i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--agua2);border-radius:7px;transition:width .8s .3s}
.dm.on .dd-c i::after{width:var(--w)}
.dd-c b{text-align:right;font-family:var(--mono);font-weight:500}
.op15 .dd-ia{display:flex;gap:12px;align-items:center}
.dsf-ch{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);opacity:0;transition:opacity .4s}
.dm.on .dsf-ch{opacity:1;transition-delay:3s}.op15 .dsf-ch img{width:28px;height:28px;border-radius:8px;background:#fff}
.dsf-mais{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--ink3);margin-top:6px}
.dsf-mais em{font-style:normal;background:#fff;border:1px solid #E4DCD0;border-radius:999px;padding:4px 10px;color:var(--ink)}
.dsw-st{position:relative;flex:1}
.dsw-c2{grid-template-columns:2fr 1fr!important;padding-top:0!important}.dsw-c2 i{height:72px!important}
.dsw-ph{position:absolute;right:-4px;bottom:0;width:122px;height:214px;border-radius:20px;background:#fff;border:5px solid #1B1E15;padding:22px 10px 10px;box-shadow:0 20px 40px -18px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:7px;transform:translateY(16px);opacity:0;transition:all .5s}
.dm.on .dsw-ph{transform:none;opacity:1;transition-delay:1.2s}
.dsw-ph i{display:block;height:58px;border-radius:10px;background:linear-gradient(135deg,#F5F1E9,#E3EFE7)}.dsw-ph b{font:600 12px var(--serif)}
.dsw-ph .l{height:6px;border-radius:6px;background:#E4DCD0}.dsw-ph .l.s{width:60%}
.dsw-ph .bt{margin-top:auto;font:600 10px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:5px;text-align:center}
.dsw-st .dsw-g{right:auto;left:auto;right:140px;top:44px}
.dsw-st .dsw-g.g2{top:auto;right:auto;left:12px;bottom:64px;transition-delay:1.9s}
.dsw-st .dsw-g.g3{top:auto;right:auto;left:12px;bottom:18px;background:#25D366;color:#fff;transition-delay:2.3s}
#d-radar .rdx{flex:1;display:flex;flex-direction:column;gap:12px}
.rdx-fr{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 22px 40px -20px rgba(0,0,0,.55)}
.rdx-b{display:flex;gap:5px;align-items:center;padding:7px 10px;background:#F4F6F8;font:10.5px var(--mono);color:#8A8C7F}
.rdx-b i{width:7px;height:7px;border-radius:50%;background:#D6DAE0}.rdx-b span{margin-left:6px}
.rdx-im{position:relative;aspect-ratio:1600/1010}
.op15 .rdx-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .6s}
.op15 .rdx-im img.on{opacity:1}
.rdx-th{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rdx-th button{border:0;padding:0;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;outline:2px solid transparent;transition:outline-color .3s,background .3s}
.rdx-th button.on{outline-color:var(--rdm,#BFF5E3);background:rgba(255,255,255,.24)}
.op15 .rdx-th img{width:100%;height:46px;object-fit:cover;object-position:left top;display:block}
.rdx-th span{display:block;padding:5px 7px;font-size:10.5px;line-height:1.25;color:#fff}
@media(max-width:900px){.op15 .ob-demo{min-height:560px}.rdx-th span{display:none}.dsw-ph{display:none}.dd-c div{grid-template-columns:22px 1fr 48px}.dd-c i{display:none}}
.op15 #d-ia .chat p{font-size:14px;padding:9px 13px}
.dm.on .chat p:nth-child(4){animation-delay:2.6s}.dm.on .chat p:nth-child(5){animation-delay:3.3s}.dm.on .chat p:nth-child(6){animation-delay:4s}
.dsf-ls{background:#fff;border:1px solid #E4DCD0;border-radius:12px;padding:10px 14px;display:grid;gap:6px}
.dsf-ls p{margin:0;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.dsf-ls div{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;font-size:12.5px}
.dsf-ls b{font:500 12px var(--mono)}.dsf-ls span{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsf-ls em{font-style:normal;font-size:11.5px;color:#16794A;background:#DDF3E6;border-radius:999px;padding:2px 9px}
.dd-wa{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DCEFE2;border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;color:#16794A;opacity:0;transform:translateY(6px);transition:all .4s}
.dm.on .dd-wa{opacity:1;transform:none;transition-delay:1.8s}
.op15 .dd-wa img{width:26px;height:26px;border-radius:7px}.dd-wa b{margin-left:auto;font-family:var(--mono);font-weight:500;color:var(--ink3)}
@media(max-width:900px){.dsf-ls span{display:none}.dsf-ls div{grid-template-columns:1fr auto}}
/* comece por aqui: compra rapida */
.qb{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px}
.qb-t{grid-column:1/-1;margin:0;font:600 14px var(--sans);color:var(--ink2)}
.qb-c{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center;background:#fff;border:1px solid #E4DCD0;border-radius:18px;padding:14px 16px;text-decoration:none;color:var(--ink);transition:transform .25s,border-color .25s,box-shadow .25s}
.qb-c:hover{transform:translateY(-4px);border-color:var(--terra2);box-shadow:0 22px 40px -26px rgba(20,40,25,.4)}
.qb-i{grid-row:span 2;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}
.qb-i svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qb-i.c1{background:linear-gradient(150deg,#3A4232,#1B1E15)}.qb-i.c2{background:linear-gradient(150deg,#4C9A6A,#1E7F4F)}.qb-i.c3{background:linear-gradient(150deg,#EE8A55,#D35F22)}
.qb-c b{display:block;font:500 17px/1.2 var(--serif)}.qb-c div span{display:block;font-size:12.5px;color:var(--ink3);margin-top:3px}
.qb-c em{grid-column:2;justify-self:start;font-style:normal;font:600 13px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:6px 14px;margin-top:6px}
.qb-all{grid-column:1/-1;justify-self:center;font-weight:600;color:var(--terra2);text-decoration:none;margin-top:4px}
.qb-ou{margin:0 0 12px;text-align:center;font-size:14px;color:var(--ink2)}
@media(max-width:900px){.qb{grid-template-columns:1fr}}
/* para quem e: gancho para a loja e abas que passam sozinhas */
.pq-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px}
.pq-go{font:600 14px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:10px 18px;text-decoration:none;transition:transform .2s}
.pq-go:hover{transform:translateY(-2px)}
.pq-go2{font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#pqtabs button{position:relative;overflow:hidden}
#pqtabs button .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--terra2)}
#pqtabs button.on .rz.go{animation:rzGo var(--rzd,3800ms) linear forwards}