/* v31 — vídeo de apresentação, integrações e selo "Novo". Usa só as cores/variáveis do tema. */
.vz-novo{margin-left:auto;margin-top:.5rem;flex:none;border:1px solid color-mix(in oklab,var(--primary) 45%,transparent);border-radius:999px;padding:.18rem .6rem;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}
.vz-stage{display:grid;flex:1;place-items:center}
.vz-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklab,var(--primary) 38%,transparent);background:var(--sunken);box-shadow:0 0 0 1px color-mix(in oklab,var(--mint) 14%,transparent),0 24px 70px -22px color-mix(in oklab,var(--mint) 45%,transparent)}
.vz-video-el{display:block;width:100%;height:100%;object-fit:cover;background:var(--sunken)}
.vz-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;border:0;padding:0;cursor:pointer;color:var(--foreground);background:linear-gradient(180deg,transparent 40%,color-mix(in oklab,var(--sunken) 78%,transparent));transition:opacity .25s ease}
.vz-play:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}
.vz-play-btn{display:grid;place-items:center;width:76px;height:76px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);box-shadow:0 10px 40px -10px color-mix(in oklab,var(--mint) 60%,transparent);animation:pulse-dot 2.4s ease-in-out infinite;transition:transform .2s ease}
.vz-play:hover .vz-play-btn{transform:scale(1.07)}
.vz-play-btn svg{margin-left:3px}
.vz-play-label{border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in oklab,var(--background) 80%,transparent);padding:.4rem .9rem;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;backdrop-filter:blur(6px)}
.vz-video.vz-on .vz-play{opacity:0;pointer-events:none}
@media (min-width:1024px){.vz-hero{grid-template-columns:.88fr 1.12fr !important}}
@media (prefers-reduced-motion:reduce){.vz-play-btn{animation:none}}
.vz-lbl{margin:3.5rem 0 1.5rem}
.vz-perdas{display:grid;align-content:center;gap:1.25rem;list-style:none;margin:0}
/* Hero reorganizado */
.vz-hhead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;max-width:52rem;margin:0 auto}
.vz-h1{font-size:2.3rem;line-height:1.08;margin:0}
@media(min-width:640px){.vz-h1{font-size:3rem}}
@media(min-width:1024px){.vz-h1{font-size:3.5rem}}
.vz-hlead{margin:0;max-width:44rem;font-size:1.1rem;line-height:1.65;color:var(--muted-foreground)}
.vz-hcta{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.4rem}
.vz-hvideo{position:relative;max-width:62rem;margin:3rem auto 0}
.vz-hglow{position:absolute;inset:-2.5rem;border-radius:9999px;opacity:.55;filter:blur(48px);background:radial-gradient(closest-side,color-mix(in oklab,var(--mint) 22%,transparent),transparent 75%);pointer-events:none}
.vz-hvideo .vz-video{position:relative}
.vz-hpanel{display:grid;gap:1.5rem;align-items:center;max-width:62rem;margin:2.5rem auto 0}
@media(min-width:900px){.vz-hpanel{grid-template-columns:minmax(0,25rem) minmax(0,1fr);gap:2.5rem}}
.vz-ben{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;font-size:1.02rem}
.vz-ben li{display:flex;align-items:center;gap:.65rem}
.vz-price{max-width:none;gap:.5rem}
.vz-price-btn{margin-top:.7rem;width:100%;padding-inline:1rem;white-space:nowrap}
/* Preço de/por */
.vz-price{display:grid;gap:.35rem;padding:1.1rem 1.25rem;border:1px solid color-mix(in oklab,var(--mint) 35%,transparent);border-radius:1rem;background:color-mix(in oklab,var(--mint) 7%,var(--surface));max-width:30rem}
.vz-price-top{display:flex;align-items:center;gap:.6rem}
.vz-old{color:var(--muted-foreground);text-decoration:line-through;text-decoration-thickness:2px;font-weight:600;font-size:1.05rem}
.vz-old-lg{display:block;font-family:var(--font-sans,inherit);font-size:1.05rem;line-height:1.5;margin-bottom:.5rem;letter-spacing:0}
.vz-off{background:var(--mint);color:#04211a;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px}
.vz-new{margin:0;display:flex;align-items:baseline;gap:.35rem;font-family:var(--font-display);font-weight:800;line-height:1}
.vz-new span{font-size:2.6rem;color:var(--primary)}
.vz-new small{font-size:1rem;font-weight:600;color:var(--muted-foreground)}
.vz-price-note{margin:0;font-size:.82rem;font-weight:500;color:var(--muted-foreground)}
/* Integrações: tudo centralizado + carrossel */
.vz-center{text-align:center}
.vz-center .grid>*{text-align:center}
.vz-lead{max-width:62ch;margin-inline:auto}
.vz-eyebrow-c{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1;color:var(--muted-foreground)}
.vz-eyebrow-c:before,.vz-eyebrow-c:after{content:"";flex:1;max-width:240px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}
.vz-eyebrow-c:after{transform:scaleX(-1)}
.vz-marquee{display:grid;gap:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.vz-track{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:vz-scroll 42s linear infinite}
.vz-track.vz-rev{animation-direction:reverse;animation-duration:48s}
.vz-marquee:hover .vz-track{animation-play-state:paused}
@keyframes vz-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.vz-logo{display:flex;flex:none;align-items:center;justify-content:center;gap:.75rem;min-width:200px;margin-right:1rem;padding:.95rem 1.6rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);transition:border-color .2s ease,background .2s ease}
.vz-logo:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent);background:var(--raised)}
.vz-logo-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.65rem;background:color-mix(in oklab,var(--primary) 14%,transparent);border:1px solid color-mix(in oklab,var(--primary) 35%,transparent);font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--primary)}
.vz-logo-name{font-family:var(--font-display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;color:var(--foreground);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.vz-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;row-gap:.8rem}.vz-logo[aria-hidden="true"]{display:none}.vz-marquee{-webkit-mask-image:none;mask-image:none}}
.vz-fix .grid>*,#integracoes .grid>*{min-width:0}