/* 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 color-mix(in srgb, var(--ty-terracota) 25.1%, transparent);box-shadow:0 30px 100px color-mix(in srgb, var(--ty-grafite) 66.7%, transparent),0 0 110px var(--glow);background:var(--ty-paper);aspect-ratio:9/16;width:min(100%,calc(80vh * 9 / 16));margin-inline:auto}
.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,color-mix(in srgb, var(--ty-terracota) 93.3%, transparent),color-mix(in srgb, var(--ty-terracota) 93.3%, transparent));color:var(--ty-paper);box-shadow:0 20px 60px -10px color-mix(in srgb, var(--ty-terracota) 60.0%, transparent);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:var(--ty-paper);background:color-mix(in srgb, var(--ty-grafite) 40.0%, transparent)}
.vc-vsl__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:color-mix(in srgb, var(--ty-grafite) 11.0%, transparent)}
.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:var(--ty-paper)}
.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:color-mix(in srgb, var(--ty-grafite) 2.4%, transparent)}
.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:var(--ty-paper);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:var(--ty-paper);text-shadow:0 1px 8px var(--ty-paper)}
.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:color-mix(in srgb, var(--ty-grafite) 33.3%, transparent)}
.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,var(--ty-terracota),var(--ty-terracota));opacity:.85}
.vc-tl__track--q i{position:absolute;left:var(--l);height:100%;background:var(--ty-camel);opacity:.85}
.vc-tl__track--a{background:repeating-linear-gradient(90deg,var(--ty-terracota) 0 2px,transparent 2px 5px);border-radius:4px;opacity:.6;mask:linear-gradient(0deg,var(--ty-paper) 20%,color-mix(in srgb, var(--ty-grafite) 40.0%, transparent) 50%,var(--ty-paper) 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}}

/* VSL vertical (9:16): o texto do vídeo não pode ser cortado */
.vc-vsl video{object-fit:contain}
@media (max-width:720px){.vc-vsl{width:min(100%,calc(78vh * 9 / 16))}}

/* celular: a VSL logo no topo; nada arrasta para o lado (brilho da oferta) */
html,body{overflow-x:clip}
/* celular: headline e sub acima do vídeo; o primeiro botão fica abaixo do vídeo */

/* VTurb (05/10/2026): o player define a própria proporção 9:16 */
.vc-vsl--vturb{aspect-ratio:auto}

/* ===== Revisão de copy + seções novas (05/10/2026): time to value e value equation ===== */
.vc-cmd{display:inline-block;font:600 .92em/1.2 ui-monospace,Menlo,monospace;color:var(--a2);background:color-mix(in srgb, var(--ty-terracota) 9.4%, transparent);border:1px solid color-mix(in srgb, var(--ty-terracota) 26.7%, transparent);border-radius:7px;padding:1px 8px}
.vc-hero__micro{margin-top:16px}

/* 2b · comece: o agente se instala sozinho */
.vc-comece{background:radial-gradient(60% 50% at 75% 50%,color-mix(in srgb, var(--ty-terracota) 7.8%, transparent),transparent 70%)}
.vc-comece__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.vc-comece__txt .vb-sub--l{max-width:500px;margin:18px 0 0}
.vc-passos{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:10px;counter-reset:none}
.vc-passos li{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;background:color-mix(in srgb, var(--ty-grafite) 1.6%, transparent);transition:border-color .4s,background .4s,transform .5s var(--spring)}
.vc-passos li>span{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font:700 15px var(--disp);color:var(--a2);border:1px solid color-mix(in srgb, var(--ty-terracota) 33.3%, transparent);transition:background .3s,color .3s}
.vc-passos b{display:block;font:600 16px/1.3 var(--disp);color:var(--t)}
.vc-passos small{display:block;font-size:13px;color:var(--t3);margin-top:2px}
.vc-passos li.is-on{border-color:color-mix(in srgb, var(--ty-terracota) 53.3%, transparent);background:color-mix(in srgb, var(--ty-terracota) 6.3%, transparent);transform:translateX(6px)}
.vc-passos li.is-on>span,.vc-passos li.is-done>span{background:var(--a);color:var(--ty-paper);border-color:var(--a)}
.vc-passos li.is-done>span{font-size:0}.vc-passos li.is-done>span::after{content:"✓";font-size:15px}
.vc-nao{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.vc-nao::before{content:"Você não precisa:";width:100%;font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.vc-nao li{position:relative;font-size:15px;color:var(--t2)}
.vc-nao li::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--a);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--out)}
.vc-nao.is-on li::after{transform:scaleX(1)}
.vc-nao.is-on li:nth-child(2)::after{transition-delay:.15s}.vc-nao.is-on li:nth-child(3)::after{transition-delay:.3s}.vc-nao.is-on li:nth-child(4)::after{transition-delay:.45s}

.vc-app{border:1px solid var(--line2);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--ty-paper),var(--ty-paper));box-shadow:0 40px 120px color-mix(in srgb, var(--ty-grafite) 73.3%, transparent),0 0 90px var(--glow);overflow:hidden}
.vc-app__bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ty-grafite) 2.0%, transparent)}
.vc-app__bar i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb, var(--ty-grafite) 13.3%, transparent)}.vc-app__bar i:first-child{background:color-mix(in srgb, var(--ty-terracota) 66.7%, transparent)}
.vc-app__bar b{margin-left:8px;font:600 13px var(--disp);color:var(--t)}
.vc-app__st{margin-left:auto;font:600 11px var(--body);color:var(--a2);letter-spacing:.06em}
.vc-app__body{display:flex;flex-direction:column;gap:12px;padding:20px;min-height:430px}
.vc-msg{max-width:88%;border-radius:14px;padding:11px 14px;font-size:14px;opacity:0;transform:translateY(10px);transition:opacity .45s var(--out),transform .45s var(--out)}
.vc-msg.is-in{opacity:1;transform:none}
.vc-msg--eu{align-self:flex-end;background:linear-gradient(180deg,var(--a2),var(--a));color:var(--ty-paper);font-weight:600}
.vc-msg--eu small{opacity:.8;font-weight:400;margin-left:6px}
.vc-msg--cmd{font:600 16px ui-monospace,Menlo,monospace;min-width:120px}
.vc-caret{display:inline-block;width:2px;height:1em;background:var(--ty-paper);margin-left:3px;vertical-align:-2px;animation:vbBlink 1s steps(1) infinite}
.vc-msg--ia{align-self:flex-start;background:color-mix(in srgb, var(--ty-grafite) 3.9%, transparent);border:1px solid var(--line);color:var(--t2);width:88%}
.vc-msg__lead{color:var(--t);margin-bottom:10px}
.vc-log{list-style:none;padding:0;display:grid;gap:7px}
.vc-log li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--t3);transition:color .3s}
.vc-log li::before{content:"";flex:0 0 16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb, var(--ty-grafite) 13.3%, transparent)}
.vc-log li.is-on{color:var(--t)}
.vc-log li.is-on::before{border-color:var(--a) transparent var(--a) var(--a);animation:vbSpin .8s linear infinite}
.vc-log li.is-done{color:var(--t)}
.vc-log li.is-done::before{content:"✓";border:0;background:var(--a);color:var(--ty-paper);font:700 10px/16px var(--body);text-align:center}
.vc-inst__bar{height:4px;border-radius:4px;background:color-mix(in srgb, var(--ty-grafite) 7.8%, transparent);margin-top:12px;overflow:hidden}
.vc-inst__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));transform-origin:left;transform:scaleX(var(--p,0));transition:transform .6s var(--out)}
.vc-msg--ok{border-color:color-mix(in srgb, var(--ty-terracota) 40.0%, transparent);background:color-mix(in srgb, var(--ty-terracota) 7.8%, transparent);color:var(--t)}
.vc-msg--ok b{color:var(--a2);margin-right:4px}
.vc-app__foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.vc-app__foot div{padding:14px 18px;text-align:center}
.vc-app__foot div+div{border-left:1px solid var(--line)}
.vc-app__foot small{display:block;font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.vc-app__foot b{font:700 22px var(--disp);color:var(--t)}
.vc-app__foot div+div b{color:var(--a2)}
.is-pronto .vc-app{border-color:color-mix(in srgb, var(--ty-terracota) 40.0%, transparent)}

/* 7b · aulas */
.vc-aulas__trilho{position:relative;display:grid;grid-template-columns:2fr 3fr 1fr;gap:12px;margin-bottom:18px;font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--a2)}
.vc-aulas__trilho span{border-top:2px solid color-mix(in srgb, var(--ty-terracota) 33.3%, transparent);padding-top:10px}
.vc-aulas__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vc-aula{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line2);background:var(--ty-paper);transition:transform .5s var(--spring),border-color .3s,box-shadow .3s}
.vc-aula img{width:100%;aspect-ratio:3/4;object-fit:cover}
.vc-aula figcaption{position:absolute;inset:auto 0 0;padding:40px 12px 12px;background:linear-gradient(0deg,color-mix(in srgb, var(--ty-grafite) 86.7%, transparent),transparent);font:600 13px/1.25 var(--disp);color:var(--ty-paper);opacity:0;transition:opacity .3s}
.vc-aula figcaption small{display:block;font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--a2)}
.vc-aula:hover{transform:translateY(-8px);border-color:color-mix(in srgb, var(--ty-terracota) 53.3%, transparent);box-shadow:0 24px 60px -20px var(--glow2)}
.vc-aula--fim{border-color:color-mix(in srgb, var(--ty-terracota) 53.3%, transparent);box-shadow:0 0 60px -10px var(--glow2)}

/* 7c · bônus */
.vc-bonus__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vc-bcard{border:1px solid var(--line2);border-radius:var(--r-xl);padding:18px 18px 28px;background:linear-gradient(180deg,var(--ty-paper),var(--ty-paper))}
.vc-bcard h3{font:700 22px/1.25 var(--disp);color:var(--t);margin:8px 0 10px}
.vc-bcard p:not(.vb-tag){font-size:15px;color:var(--t3)}
.vc-bcard .vb-tag{color:var(--a2)}.vc-bcard .vb-tag span{border-color:color-mix(in srgb, var(--ty-terracota) 40.0%, transparent)}
.vc-bcard__art{height:300px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--ty-paper);overflow:hidden;position:relative}
.vc-mural{display:grid;place-items:center;padding:18px}
.vc-mural__win{width:100%;height:100%;border-radius:12px;border:1px solid var(--line2);overflow:hidden;display:flex;flex-direction:column;background:var(--ty-paper)}
.vc-mural__bar{display:flex;gap:6px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.vc-mural__bar i{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb, var(--ty-grafite) 13.3%, transparent)}
.vc-mural__bar b{margin-left:6px;font:600 11px var(--body);color:var(--t2)}
.vc-mural__view{flex:1;overflow:hidden;position:relative}
.vc-mural__view img{width:100%}
.is-play .vc-mural__view img{animation:vcMural 22s var(--sym) infinite alternate}
@keyframes vcMural{0%,8%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 230px))}}
.vc-aprende{display:grid;grid-template-columns:1fr auto 1.1fr;align-items:center;gap:14px;padding:22px}
.vc-aprende__ref{position:relative;aspect-ratio:9/14;border-radius:12px;background:linear-gradient(160deg,var(--ty-paper),var(--ty-paper));border:1px solid var(--line2);display:grid;place-items:center;overflow:hidden}
.vc-aprende__play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb, var(--ty-grafite) 11.0%, transparent);color:var(--ty-paper)}
.vc-aprende__ref small{position:absolute;bottom:10px;font:600 11px ui-monospace,Menlo,monospace;color:var(--t3)}
.vc-aprende__scan{position:absolute;left:0;right:0;top:0;height:3px;background:var(--a);box-shadow:0 0 18px 4px var(--glow2);opacity:0}
.is-play .vc-aprende__scan{animation:vcScan 3.2s var(--sym) infinite}
@keyframes vcScan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.vc-aprende__seta{font:700 26px var(--disp);color:var(--a)}
.vc-aprende__out{border:1px solid color-mix(in srgb, var(--ty-terracota) 33.3%, transparent);border-radius:12px;padding:14px;background:color-mix(in srgb, var(--ty-terracota) 5.1%, transparent)}
.vc-aprende__out small{font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--a2)}
.vc-aprende__out ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:7px}
.vc-aprende__out li{font-size:13px;color:var(--t);display:flex;gap:8px;align-items:center}
.vc-aprende__out li::before{content:"✓";flex:0 0 16px;height:16px;border-radius:5px;background:var(--a);color:var(--ty-paper);font:700 10px/16px var(--body);text-align:center}
.vc-aprende__out b{font:600 12px var(--body);color:var(--a2)}
.is-play .vc-aprende__out li{animation:vcItem 6.4s var(--out) infinite both}
.is-play .vc-aprende__out li:nth-child(2){animation-delay:.5s}.is-play .vc-aprende__out li:nth-child(3){animation-delay:1s}.is-play .vc-aprende__out li:nth-child(4){animation-delay:1.5s}
.is-play .vc-aprende__out b{animation:vcItem 6.4s 2.1s var(--out) infinite both}
@keyframes vcItem{0%,8%{opacity:0;transform:translateX(-8px)}16%,88%{opacity:1;transform:none}100%{opacity:0}}

/* oferta: âncora e parcelamento */
.vc-de{border-top:1px solid var(--line2);padding-top:30px;font:600 15px var(--body);color:var(--t3)}
.vc-de s{color:var(--t2);text-decoration-color:var(--a);text-decoration-thickness:2px}
.vc-de+.vb-price{border-top:0;padding-top:4px}
.vc-parcela{font:600 16px var(--disp);color:var(--t);margin-top:8px}

@media (max-width:1050px){.vc-comece__grid{grid-template-columns:1fr;gap:40px}.vc-aulas__grid{grid-template-columns:repeat(3,1fr)}.vc-aulas__trilho{display:none}.vc-bonus__grid{grid-template-columns:1fr}}
@media (max-width:640px){.vc-aulas__grid{grid-template-columns:repeat(2,1fr)}.vc-aula figcaption{opacity:1}.vc-app__body{min-height:400px;padding:16px}.vc-aprende{grid-template-columns:1fr;justify-items:center}.vc-aprende__ref{width:120px}.vc-aprende__seta{transform:rotate(90deg)}.vc-bcard__art{height:auto;min-height:300px}}
@media (hover:none){.vc-aula figcaption{opacity:1}}
.vc-h1{font-size:clamp(34px,3.7vw,52px)}
.vc-passos b .vc-cmd{display:inline-block;margin-left:4px}
.vc-aprende{grid-template-columns:150px auto 1fr}.vc-aprende__ref{aspect-ratio:9/16;width:150px}@media (max-width:640px){.vc-aprende{grid-template-columns:1fr}}

/* VTurb: as opções do player (tela cheia, autoplay, cores, botões) são controladas no painel do VTurb.
   A página não cria camada, transform nem recorte em volta do player, para não quebrar a tela cheia.
*/
.vc-vsl--vturb{overflow:visible}
.vc-vsl,vturb-smartplayer{scroll-margin-top:84px}
@media (max-width:720px){.vb-hero{padding-top:34px}.vb-hero__grid{gap:30px}.vb-lead{margin:16px 0 18px}.vb-chips{gap:6px}.vb-chip{padding:6px 9px;font-size:12px}}