/* Variante C: peças novas sobre a base da B (variante.css). */

/* VSL do topo: começa muda em loop; o clique liga o som e recomeça (mecânica medida em edicaomia) */
.vc-vslcol{position:relative}
.vc-vsl{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid #f4694440;box-shadow:0 30px 100px #000a,0 0 110px var(--glow);background:#000;aspect-ratio:16/9}
.vc-vsl video{width:100%;height:100%;object-fit:cover;display:block}
.vc-unmute{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:18px;padding:18px 26px;cursor:pointer;
 background:linear-gradient(180deg,#f79274ee,#f46944ee);color:#fff;box-shadow:0 20px 60px -10px #f4694499;display:flex;flex-direction:column;gap:6px;align-items:center;transition:transform .35s var(--spring),opacity .3s}
.vc-unmute small{font:600 12px var(--body);opacity:.9}
.vc-unmute b{font:700 20px var(--disp)}
.vc-unmute:hover{transform:translate(-50%,-50%) scale(1.04)}
.vc-vsl.is-sound .vc-unmute{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}
.vc-vsl.is-paused::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:54px;color:#fff;background:#0006}
.vc-vsl__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff1c}
.vc-vsl__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));transform-origin:left;transform:scaleX(0)}
.vc-vsl__cap{font-size:12px;color:var(--t3);margin-top:12px;text-align:center}
.vc-vsl__cta{text-align:center;margin-top:18px;transition:opacity .6s var(--out),transform .6s var(--spring)}
.vc-vslcol.cta-locked .vc-vsl__cta{opacity:0;transform:translateY(10px);pointer-events:none}

/* vitrine com vídeos reais */
.vc-screen{aspect-ratio:16/10!important;padding:14px!important}
.vc-screen__video{position:absolute;inset:54px 14px 30px;border-radius:12px;overflow:hidden;background:#000}
.vc-screen__video video{width:100%;height:100%;object-fit:cover;display:block;animation:vbRise .5s var(--out)}
.vb-stage{grid-template-columns:minmax(0,1.25fr) 1fr!important}
.vc-ask{margin-top:18px;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;background:#ffffff06}
.vc-ask small{display:block;font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--a2);margin-bottom:4px}
.vc-ask span{font-size:14px;color:var(--t)}
.vc-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;margin-top:44px;overflow-x:auto;padding:6px 2px 12px}
.vc-strip button{position:relative;border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;background:#000;cursor:pointer;aspect-ratio:16/10;transition:transform .35s var(--spring),border-color .3s,box-shadow .3s}
.vc-strip img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .3s}
.vc-strip span{position:absolute;left:8px;right:8px;bottom:8px;text-align:left;font:600 12px/1.25 var(--disp);color:#fff;text-shadow:0 1px 8px #000}
.vc-strip small{position:absolute;left:8px;top:8px;font:600 10px var(--body);color:var(--a2)}
.vc-strip button:hover{transform:translateY(-4px)}
.vc-strip button:hover img,.vc-strip button[aria-selected=true] img{opacity:1}
.vc-strip button[aria-selected=true]{border-color:var(--a);box-shadow:0 0 30px var(--glow2)}

/* editor: linha do tempo com cabeçote */
.vc-editor{max-width:900px;margin:0 auto}
.vc-etapas{grid-template-columns:repeat(4,1fr)!important}
.vc-timeline{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 80px;margin-bottom:14px;background:#0005}
.vc-tl__row{display:flex;align-items:center;height:30px}
.vc-tl__row em{position:absolute;left:14px;font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.vc-tl__track{position:relative;flex:1;height:18px;display:flex;gap:4px}
.vc-tl__track i{width:var(--w);border-radius:4px;background:linear-gradient(180deg,#f79274,#f46944);opacity:.85}
.vc-tl__track--q i{position:absolute;left:var(--l);height:100%;background:#e2d8c4;opacity:.85}
.vc-tl__track--a{background:repeating-linear-gradient(90deg,#c78a6b 0 2px,transparent 2px 5px);border-radius:4px;opacity:.6;mask:linear-gradient(0deg,#000 20%,#0006 50%,#000 80%)}
.vc-tl__head{position:absolute;top:6px;bottom:6px;left:80px;width:2px;background:var(--a);box-shadow:0 0 12px var(--a)}
.vb-studio.is-run .vc-tl__head{animation:vcHead 4.8s linear forwards}
@keyframes vcHead{from{left:80px}to{left:calc(100% - 14px)}}

@media(max-width:1050px){.vb-stage{grid-template-columns:1fr!important}}
@media(max-width:760px){.vc-etapas{grid-template-columns:1fr 1fr!important}.vc-unmute{padding:12px 16px}.vc-unmute b{font-size:16px}}