/* Player de video leve: so carrega o video quando a pessoa clica. */
.vid{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0c120f;box-shadow:0 2px 4px rgba(17,22,19,.08),0 40px 70px -30px rgba(17,22,19,.55);isolation:isolate}
.vid-play,.vid-soon{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding:22px 24px;text-align:left;color:#fff;background:radial-gradient(110% 120% at 80% 0%,#1f6b43 0%,#10261a 55%,#0b130f 100%);background-size:cover;background-position:center;cursor:pointer}
.vid-soon{cursor:default}
.vid-play::before,.vid-soon::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%)}
.vid-play::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 48%,transparent 62%);transform:translateX(-120%);transition:transform 1s cubic-bezier(.22,1,.36,1)}
.vid-play:hover::after{transform:translateX(120%)}
.vid-art{position:absolute;right:7%;top:12%;width:22%;max-width:150px;aspect-ratio:1;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;box-shadow:0 24px 40px -18px rgba(0,0,0,.5);animation:vfloat 7s ease-in-out infinite}
.vid-art img{width:62%;height:62%}
@keyframes vfloat{50%{transform:translateY(-10px) rotate(2deg)}}
.vid-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#38cf80,#1f9d55);box-shadow:0 18px 40px -10px rgba(47,191,116,.8),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.vid-btn::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(155,235,184,.55);animation:vring 2.4s ease-out infinite}
.vid-btn svg{width:32px;height:32px;margin-left:4px;fill:#fff}
.vid-play:hover .vid-btn{transform:scale(1.08)}
@keyframes vring{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.vid-cap{position:relative;z-index:1;display:grid;gap:2px}
.vid-cap b{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.01em}
.vid-cap small{font-size:13px;line-height:18px;color:rgba(255,255,255,.75)}
.vid-tag{position:absolute;left:24px;top:20px;z-index:1;font-size:12px;font-weight:600;padding:4px 12px;border-radius:9999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vid.soon .vid-btn{background:rgba(255,255,255,.12);box-shadow:none;border:1px solid rgba(255,255,255,.3)}
.vid.soon .vid-btn::before{display:none}
.vid.soon .vid-btn svg{opacity:.55}

/* secao de video na pagina de vendas */
.videosec{padding:var(--s11) 0}
.video-wrap{position:relative;max-width:920px;margin:var(--s8) auto 0}
.video-wrap::before{content:"";position:absolute;inset:-18px -18px -26px;border-radius:34px;background:var(--mint);transform:rotate(-1deg);z-index:-1}
.video-wrap::after{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:40px;border-radius:50%;background:rgba(17,22,19,.35);filter:blur(30px);z-index:-1}

/* videos na area do membro */
.m-vids{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.m-vid{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px 14px 18px;box-shadow:0 1px 2px rgba(17,22,19,.04),0 20px 40px -28px rgba(17,22,19,.25);animation:min .7s cubic-bezier(.22,1,.36,1) .05s both}
.m-vid .vid{border-radius:16px}
.m-vid h2{font-size:17px;line-height:24px;margin:14px 6px 2px}
.m-vid p{font-size:14px;line-height:20px;color:var(--muted);margin:0 6px}
@media (max-width:900px){.m-vids{grid-template-columns:1fr}.vid-btn{width:68px;height:68px;margin:-34px 0 0 -34px}.vid-cap b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.vid-art,.vid-btn::before{animation:none}}
.hero-video{padding:var(--s9) 0 var(--s5)}
.hero-video .sec-head{display:none}
.hero-video .video-wrap{margin-top:0}