.vshow{--vshow-laranja:#fd5a1e;--vshow-altura:300vh;height:var(--vshow-altura);position:relative}.vshow__sticky{justify-content:center;align-items:center;height:100dvh;min-height:560px;max-height:980px;display:flex;position:sticky;top:0;overflow:hidden}.vshow__stage{width:100%;height:100%;position:relative}.vshow__card{left:var(--x,50%);top:var(--y,50%);width:min(400px,22vw);aspect-ratio:var(--ar,16 / 9);transform:translate(-50%, -50%) rotate(var(--rot,0deg));transform-origin:50%;will-change:transform;z-index:1;position:absolute}.vshow__card--principal{z-index:3;width:min(640px,31vw)}.vshow__frame{border-radius:var(--radius-xl);width:100%;height:100%;transition:box-shadow .25s var(--ease-suave);background:#eef0f0;border:1px solid #14161f0f;position:relative;overflow:hidden;box-shadow:0 28px 60px -28px #0f141252}.vshow__card--principal .vshow__frame{box-shadow:0 44px 90px -32px #0f141266}.vshow__video{object-fit:cover;background:#eef0f0;width:100%;height:100%;display:block}.vshow__legenda{margin:10px 2px 0}.vshow__legenda strong{color:var(--color-ink);font-size:13.5px;font-weight:650;display:block}.vshow__legenda span{color:var(--color-ink-3);margin-top:2px;font-size:12px;line-height:1.4;display:block}a.vshow__card{color:inherit;cursor:pointer;text-decoration:none;display:block}a.vshow__card:focus-visible .vshow__frame{outline:2px solid var(--color-accent-ink);outline-offset:3px}.vshow__ponto{background:var(--vshow-laranja);pointer-events:none;opacity:.85;border-radius:999px;width:7px;height:7px;position:absolute}.vshow__linha{background:var(--vshow-laranja);opacity:.35;pointer-events:none;position:absolute}@media (hover:hover) and (pointer:fine){.vshow[data-aberto="1"] .vshow__card{transition:transform .28s var(--ease-suave)}.vshow[data-aberto="1"] .vshow__card:hover{z-index:4}.vshow[data-aberto="1"] .vshow__card:hover .vshow__frame{box-shadow:0 34px 70px -26px #0f141266}.vshow[data-aberto="1"] .vshow__card:hover .vshow__video{transform:scale(1.03)}.vshow__video{transition:transform .28s var(--ease-suave)}.vshow[data-aberto="1"] .vshow__stage:has(.vshow__card:hover) .vshow__card:not(:hover){opacity:.75;transition:opacity .28s var(--ease-suave)}}@media (max-width:900px){.vshow{--vshow-altura:260vh}.vshow__card{width:min(220px,40vw)}.vshow__card--principal{width:min(400px,56vw)}}@media (max-width:640px){.vshow{--vshow-altura:230vh}.vshow__sticky{min-height:480px}.vshow__card{width:min(150px,40vw)}.vshow__card--principal{width:min(340px,74vw)}.vshow__legenda strong{font-size:12px}.vshow__legenda span{display:none}}@media (prefers-reduced-motion:reduce){.vshow{height:auto;padding-block:8px}.vshow__sticky{height:auto;min-height:0;max-height:none;display:block;position:static}.vshow__stage{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:20px;height:auto;display:grid}.vshow__card,.vshow__card--principal{grid-column:span 1;width:100%;position:static;opacity:1!important;transform:none!important}.vshow__card--principal{grid-column:1/-1}.vshow__ponto,.vshow__linha{display:none}}
.demo{border:1px solid var(--line-c,var(--color-line));border-radius:var(--radius-xl);background:var(--card-bg,var(--color-bg));box-shadow:var(--shadow-lg);overflow:hidden}.demo__barra{border-bottom:1px solid var(--line-c,var(--color-line));background:color-mix(in srgb, var(--color-accent) 5%, transparent);align-items:center;gap:6px;padding:10px 14px;display:flex}.demo__barra span{background:var(--color-line-strong);border-radius:50%;width:9px;height:9px}.demo__barra em{color:var(--fg-3,var(--color-ink-3));margin-left:10px;font-size:12px;font-style:normal}.demo__grade{grid-template-columns:minmax(200px,.9fr) minmax(0,1.4fr) minmax(220px,1fr);min-height:380px;display:grid}.demo__painel{flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.demo__painel+.demo__painel{border-left:1px solid var(--line-c,var(--color-line))}.demo__titulo{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3,var(--color-ink-3));align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;display:flex}.demo__fila{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.demo__conversa{border:1px solid var(--line-c,var(--color-line));background:var(--color-bg);color:var(--fg-2,var(--color-ink-2));border-radius:12px;gap:3px;padding:10px 12px;font-size:13px;transition:opacity .45s,transform .45s,box-shadow .45s;display:grid}.demo__conversa strong{color:var(--fg,var(--color-ink));font-size:13.5px}.demo__conversa>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo__conversa--ativa{border-color:color-mix(in srgb, var(--color-accent) 50%, transparent)}.demo__conversa[data-novo=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 18%, transparent)}.demo__canal{letter-spacing:.02em;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.demo__canal--whats{color:#0a7a42;background:#e7f8ee}.demo__canal--tg{color:#0b5f99;background:#e6f2fb}.demo__canal--mail{color:#5b3aa8;background:#f3eefc}.demo__mensagens{flex-direction:column;flex:1;gap:8px;display:flex}.demo__msg{border-radius:14px;max-width:86%;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.45;transition:opacity .45s,transform .45s}.demo__msg--cliente{background:var(--color-muted);color:var(--fg,var(--color-ink));border-bottom-left-radius:4px;align-self:flex-start}.demo__msg--bot{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-bg));color:var(--fg,var(--color-ink));border-bottom-right-radius:4px;align-self:flex-end}.demo__msg--sistema{background:var(--color-positive-soft);max-width:none;color:var(--color-positive-ink);border:1px solid var(--color-positive-line);align-self:stretch;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.demo__nota{border-top:1px dashed var(--line-c,var(--color-line));color:var(--fg-3,var(--color-ink-3));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:10px;font-size:12px;display:grid}.demo__nota>span{align-items:center;gap:5px;display:inline-flex}.demo__nota strong{font-variant-numeric:tabular-nums;color:var(--fg,var(--color-ink));font-size:14px}.demo__valor-final{display:none}.demo__trilho{background:var(--color-muted);border-radius:999px;height:8px;position:relative}.demo__trilho i{border-radius:inherit;background:var(--color-accent-ink);transition:width .8s cubic-bezier(.2,.8,.2,1),background .4s;position:absolute;inset:0 auto 0 0}.demo__trilho i[data-passou=true]{background:var(--color-positive-ink)}.demo__trilho b{background:var(--fg-3,var(--color-ink-3));width:2px;position:absolute;top:-4px;bottom:-4px}.demo__funil{gap:10px;display:grid}.demo__coluna{background:var(--color-muted);border-radius:12px;gap:6px;min-height:72px;padding:8px;display:grid}.demo__coluna>span{color:var(--fg-3,var(--color-ink-3));font-size:11.5px;font-weight:600}.demo__card{background:var(--color-bg);border:1px solid var(--line-c,var(--color-line));box-shadow:var(--shadow-sm);border-radius:10px;gap:2px;padding:8px 10px;font-size:12.5px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);display:grid}.demo__card small{color:var(--fg-3,var(--color-ink-3))}.demo__card[data-aqui=false]{opacity:0;pointer-events:none;transform:translate(-14px)scale(.96)}.demo__card[data-final=true][data-aqui=true]{border-color:var(--color-positive-line);box-shadow:0 0 0 3px var(--color-positive-soft)}.demo [data-visivel=false]{opacity:0;transform:translateY(8px)}.demo__aviso{border-top:1px solid var(--line-c,var(--color-line));color:var(--fg-3,var(--color-ink-3));margin:0;padding:10px 18px;font-size:12px}@media (max-width:960px){.demo__grade{grid-template-columns:minmax(0,1fr);min-height:0}.demo__mensagens{flex:none}.demo__painel+.demo__painel{border-left:0;border-top:1px solid var(--line-c,var(--color-line))}.demo__painel:first-child{display:none}}@media (prefers-reduced-motion:reduce){.demo [data-visivel]{opacity:1;transition:none;transform:none}.demo__card{transition:none}.demo__card[data-final=false]{opacity:0}.demo__card[data-final=true]{opacity:1;transform:none}.demo__trilho i{background:var(--color-positive-ink);transition:none;width:82%!important}.demo__valor{display:none}.demo__valor-final{display:inline}}.faixa{gap:12px;padding-block:4px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.faixa__linha{gap:12px;width:max-content;animation:48s linear infinite faixa-corre;display:flex}.faixa__linha--volta{animation-duration:56s;animation-direction:reverse}.faixa:hover .faixa__linha,.faixa:focus-within .faixa__linha{animation-play-state:paused}.faixa__item{border:1px solid var(--line-c,var(--color-line));background:var(--card-bg,var(--color-bg));color:var(--fg,var(--color-ink));white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .18s,transform .18s;display:inline-flex}.faixa__item:hover{border-color:var(--color-accent);transform:translateY(-2px)}.faixa__item svg{color:var(--accent-fg,var(--color-accent-ink))}.faixa__item small{color:var(--fg-3,var(--color-ink-3));font-weight:500}@keyframes faixa-corre{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.faixa{-webkit-mask-image:none;mask-image:none}.faixa__linha{flex-wrap:wrap;width:auto;animation:none}.faixa__linha [aria-hidden=true]{display:none}}
.herovid{border-radius:var(--radius-xl);border:1px solid var(--line-c);box-shadow:var(--shadow-lg);background:var(--card-bg);cursor:pointer;position:relative;overflow:hidden}.herovid:focus-visible{outline:2px solid var(--accent-fg);outline-offset:3px}.herovid__video{object-fit:cover;background:var(--card-bg);width:100%;height:100%;display:block}.herovid__expandir{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:34px;height:34px;transition:transform .2s var(--ease-suave), background .2s var(--ease-suave);pointer-events:none;background:#0f14128c;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.herovid:hover .herovid__expandir,.herovid:focus-visible .herovid__expandir{background:#0f1412bf;transform:scale(1.08)}.herovid__fundo{z-index:200;animation:herovid-fundo-entra .28s var(--ease-suave);background:#0a0d0cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.herovid__grande{border-radius:var(--radius-xl);background:#000;width:min(1100px,92vw);max-height:calc(100dvh - 48px);position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #0000008c}.herovid__controles{gap:8px;display:flex;position:absolute;top:12px;right:12px}.herovid__botao{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:36px;height:36px;transition:background .2s var(--ease-suave);background:#0f14128c;border:none;border-radius:999px;place-items:center;display:grid}.herovid__botao:hover,.herovid__botao:focus-visible{background:#0f1412cc}@keyframes herovid-fundo-entra{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.herovid__fundo{animation:none}.herovid__expandir{transition:none}}@media (max-width:640px){.herovid__grande{width:100%}}
