/* ==========================================================================
   Escala Viral · variante E · "Mesmo take"
   Só tokens do DS (var(--tq-*)) e aliases --e-*; nenhum hex cru.
   Regra do VTurb: nada de transform, opacity, filter, isolation, z-index,
   contain, overflow, sticky ou animação no player e nos ancestrais dele
   (html, body, main, #e01, .e-vslcol, .e-vsl).
   ========================================================================== */

/* ---------- fontes (locais, um Inter variável só) ---------- */
@font-face{font-family:Poppins;src:url(assets/fonts/poppins-600-latin.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/fonts/poppins-700-latin.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-400-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Poppins fb';src:local('Arial'),local('Helvetica'),local('Roboto');size-adjust:106.5%;ascent-override:98.6%;descent-override:32.9%;line-gap-override:9.4%}
@font-face{font-family:'Inter fb';src:local('Arial'),local('Helvetica'),local('Roboto');size-adjust:106.3%;ascent-override:91.1%;descent-override:22.7%;line-gap-override:0%}

@property --e-tr{syntax:'<number>';inherits:true;initial-value:0}

/* ---------- aliases da E (forma e movimento iguais nos dois temas) ---------- */
:root{
 --tq-fonte-marca:Poppins,'Poppins fb',system-ui,sans-serif;
 --tq-fonte-texto:Inter,'Inter fb',system-ui,-apple-system,sans-serif;
 --e-raio-sm:8px;--e-raio-md:14px;--e-raio-lg:20px;--e-raio-xl:28px;--e-pilula:999px;
 --e-traco:2px;--e-traco-forte:4px;--e-giro:-2.5deg;--e-giro-forte:-4deg;
 --e-esp-1:4px;--e-esp-2:8px;--e-esp-3:12px;--e-esp-4:16px;--e-esp-5:24px;--e-esp-6:32px;--e-esp-7:48px;--e-esp-8:64px;--e-esp-9:96px;--e-esp-10:128px;
 --e-secao:clamp(26px, 9.6vw - 12px, 128px);
 --e-gutter-l:max(20px, env(safe-area-inset-left));--e-gutter-r:max(20px, env(safe-area-inset-right));
 --e-largura:min(1120px, 100% - var(--e-gutter-l) - var(--e-gutter-r));--e-largura-texto:62ch;
 --e-out:cubic-bezier(.2,.8,.2,1);--e-mola:cubic-bezier(.3,1.6,.5,1);--e-sim:cubic-bezier(.65,0,.3,1);
 --e-dur-1:160ms;--e-dur-2:320ms;--e-dur-3:600ms;--e-dur-4:900ms;
}
[data-tq-tema="escuro"]{--e-sombra:0 24px 60px -28px rgb(0 0 0 / .7);--e-glow:radial-gradient(closest-side, rgb(77 38 13 / .55), transparent);--e-caneta:2px}
[data-tq-tema="claro"]{--e-sombra:none;--e-glow:radial-gradient(closest-side, rgb(77 38 13 / .22), transparent);--e-caneta:3px}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--tq-fundo);color:var(--tq-tinta-suave);font-family:var(--tq-fonte-texto);font-size:100%;line-height:1.6;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px;scroll-padding-bottom:80px;-webkit-tap-highlight-color:transparent}
body{margin:0;overflow-x:clip;padding-bottom:calc(64px + env(safe-area-inset-bottom));font-feature-settings:"cv11","ss01"}
main{display:block}
img,video,canvas,svg{display:block;max-width:100%}
img,video{height:auto}
h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
code{font:inherit}
b,strong{font-weight:600;color:var(--tq-tinta)}
::selection{background:var(--tq-acento);color:var(--tq-acento-tinta)}
.e-simbolos{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html:not(.js) .e-js{display:none!important}
:where(a,button,summary,input,[tabindex]):focus-visible{outline:3px solid var(--tq-borda-forte);outline-offset:3px}
.e-ico{width:20px;height:20px;flex:none}

.e-wrap{width:var(--e-largura);margin-inline:auto}
.e-secao{position:relative;padding-block:var(--e-secao)}
.e-faixa{background:var(--tq-fundo-profundo)}

/* ---------- tipografia ---------- */
.e-h1{font:600 clamp(2rem, 1.35rem + 2.7vw, 3.5rem)/1.04 var(--tq-fonte-marca);letter-spacing:-.025em;color:var(--tq-tinta);text-wrap:balance}
.e-h1__l{display:inline}
.e-h2{font:600 clamp(1.625rem, 1.2rem + 1.9vw, 2.75rem)/1.1 var(--tq-fonte-marca);letter-spacing:-.02em;color:var(--tq-tinta);text-wrap:balance}
.e-h3{font:600 clamp(1.125rem, 1.05rem + .4vw, 1.375rem)/1.25 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-sub{margin-top:8px;font-size:clamp(1.0625rem, 1rem + .3vw, 1.25rem);line-height:1.5;color:var(--tq-tinta-suave);max-width:var(--e-largura-texto)}
.e-rotulo{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:600 .75rem/1.3 var(--tq-fonte-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--tq-tinta-suave);white-space:nowrap}
.e-rotulo::before{content:"";flex:none;width:24px;height:2px;background:var(--tq-acento)}
.e-micro{margin-top:8px;font-size:.875rem;line-height:1.45;color:var(--tq-tinta-fraca)}
.e-apoio{font-size:.875rem;line-height:1.55;color:var(--tq-tinta-fraca)}
.e-honesta{margin-top:14px;font-size:.75rem;line-height:1.55;color:var(--tq-tinta-fraca);max-width:52ch}
.e-micro,.e-honesta,.e-apoio{text-wrap:balance}
.e-nb{white-space:nowrap}
:is(.e-honesta,.e-apoio,.e-micro,.e-uso__saida,.e-caixa__itens) .e-cmd{border-width:1.5px;line-height:1.25;padding-block:0}
.e-licao{margin-top:14px;padding-top:8px;border-top:1px solid var(--tq-borda);font:600 .9375rem/1.35 var(--tq-fonte-marca);color:var(--tq-tinta);max-width:40ch}
.e-cmd{display:inline-block;padding:0 .5em;border:2px solid var(--tq-borda-forte);border-radius:var(--e-raio-sm);font:600 .92em/1.45 var(--tq-fonte-marca);color:var(--tq-tinta);white-space:nowrap;vertical-align:baseline}
@media (min-width:1024px){.e-rotulo{letter-spacing:.14em}}

/* ---------- botões ---------- */
.e-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 28px;border-radius:var(--e-pilula);background:var(--tq-acento);color:var(--tq-acento-tinta);font:700 1rem/1.25 var(--tq-fonte-texto);text-align:center;text-decoration:none;white-space:normal;transition:background-color var(--e-dur-1) var(--e-out),scale 120ms var(--e-out)}
.e-btn--xl{min-height:60px;font-size:1.0625rem;padding-inline:32px}
.e-btn .e-ico{transition:translate var(--e-dur-2) var(--e-out)}
.e-btn:active{scale:.97}
.e-btn:active .e-ico{translate:6px 0;transition-duration:90ms}
.e-btn[aria-disabled="true"]{background:var(--tq-fundo-sutil);color:var(--tq-tinta-fraca);border:1px solid var(--tq-borda);cursor:not-allowed}
.e-btn-linha{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-pilula);font-weight:600;font-size:.9375rem;color:var(--tq-tinta);transition:background-color var(--e-dur-1),scale 120ms}
.e-btn-linha--forte{border-width:2px}
.e-btn-linha:active,.e-ctrl:active,.e-redondo:active,.e-midia-btn:active{scale:.97}
.e-btn-linha[aria-pressed="true"],.e-btn-linha[disabled]{background:var(--tq-fundo-sutil);color:var(--tq-tinta-fraca);border-color:var(--tq-borda);cursor:default}
@media (hover:hover) and (pointer:fine){
 .e-btn:not([aria-disabled="true"]):hover{background:var(--tq-coral-300)}
 .e-btn:hover .e-ico{translate:3px 0}
 .e-btn-linha:not([disabled]):hover,.e-ctrl:hover,.e-redondo:hover{background:var(--tq-fundo-sutil)}
}
.e-btn:focus-visible,.e-btn-linha:focus-visible{outline:3px solid var(--tq-borda-forte);outline-offset:3px}

/* ---------- etiquetas, selos, chips ---------- */
.e-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-pilula);background:var(--tq-fundo);font:600 .75rem/1.25 var(--tq-fonte-texto);color:var(--tq-tinta);white-space:nowrap}
.e-tag--editor{border-color:var(--tq-sinal)}
.e-tag--editor::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tq-sinal)}
.e-tag--bruto{border-color:var(--tq-tinta-fraca)}
.e-tag--estudio{border-color:var(--tq-terracota-400)}
.e-tag--dep{border-color:var(--tq-borda-forte)}
.e-tag--ilus{border-style:dashed}
.e-tag--bonus{border-color:var(--tq-calmo)}
.e-selo{display:inline-block;padding:4px 10px;border:2px solid currentColor;border-radius:var(--e-raio-sm);background:var(--tq-fundo);font:600 .8125rem/1.2 var(--tq-fonte-marca);color:var(--tq-tinta);rotate:var(--e-giro)}

/* ---------- elementos fixos (somem no imersivo do VTurb) ---------- */
body:has(vturb-smartplayer[style*="overflow: visible"]) .e-fixo,
body.e-tela-cheia .e-fixo{visibility:hidden!important;pointer-events:none!important}

.e-rolo{position:fixed;top:0;left:0;right:0;height:3px;display:flex;gap:2px;z-index:60;pointer-events:none}
.e-rolo i{flex:1;background:var(--tq-borda);overflow:hidden}
.e-rolo b{display:block;height:100%;background:var(--tq-acento);transform-origin:0 50%;transform:scaleX(0)}
.e-rolo i.is-feito b{background:var(--tq-tinta);opacity:.6}
/* agulha de playhead: só posição (transform) */
.e-rolo{--e-rolo-h:3px}
.e-rolo__cabeca{position:absolute;top:0;left:0;width:2px;height:9px;margin-left:-1px;background:var(--tq-acento);border-radius:0 0 2px 2px;will-change:transform}
.e-rolo.is-bobina i b{background:var(--tq-acento);opacity:1;transform:scaleX(1)!important;transition:background-color 200ms}
html:not(.js) .e-rolo{display:none}

.e-cortina{position:fixed;top:0;bottom:0;left:0;width:2px;background:var(--tq-acento);box-shadow:0 0 14px 1px var(--tq-acento);z-index:70;pointer-events:none;opacity:0}

/* ---------- E00 · topo ---------- */
.e-topo{height:56px}
.e-topo__in{width:var(--e-largura);height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.e-logo{display:block;line-height:0}
.e-logo img{height:24px;width:auto}
[data-tq-tema="escuro"] .e-logo--carvao,[data-tq-tema="claro"] .e-logo--creme{display:none}
.e-controles{display:flex;align-items:center;gap:4px}
.e-ctrl{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--e-pilula);font:500 .8125rem/1 var(--tq-fonte-texto);color:var(--tq-tinta-suave);transition:background-color var(--e-dur-1),scale 120ms}
.e-ctrl .e-ico{width:18px;height:18px}
.e-ctrl,.e-ctrl span{white-space:nowrap}
/* abaixo de 400 px o tema mostra só "Claro"/"Escuro" (o sol/lua dá o contexto); "Tema" continua no nome acessível */
@media (max-width:399px){
 .e-tema-txt__pre{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .e-tema-txt__fim{text-transform:capitalize}
}
/* o botão de tema mostra o destino: no escuro, sol + "Tema claro"; no claro, lua + "Tema escuro" */
[data-tq-tema="escuro"] .e-ctrl .e-ico--lua,[data-tq-tema="claro"] .e-ctrl .e-ico--sol{display:none}
[data-tq-tema="escuro"] .e-tema-txt--escuro,[data-tq-tema="claro"] .e-tema-txt--claro{display:none}
html[data-motion="off"] [data-motion-toggle] .e-ico--pausa,html:not([data-motion="off"]) [data-motion-toggle] .e-ico--play{display:none}
.e-ctrl--mov .e-ctrl__txt{display:none}
@media (min-width:720px){.e-ctrl--mov .e-ctrl__txt{display:inline}.e-ctrl--mov .e-ctrl__curto{display:none}}
@media (max-width:359px){.e-ctrl--mov .e-ctrl__curto{display:none}}
@media (prefers-reduced-motion: reduce){[data-motion-toggle]{display:none!important}}
.e-topo .e-ctrl:focus-visible{outline-offset:-3px}

/* ---------- E01 · hero + VSL ---------- */
.e-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:8px max(var(--e-gutter-r), calc((100% - 1120px) / 2)) var(--e-secao) max(var(--e-gutter-l), calc((100% - 1120px) / 2))}
.e-para{margin-top:10px;font-size:1rem;line-height:1.45;color:var(--tq-tinta-suave);max-width:40ch;text-wrap:pretty}
.e-hero__texto .e-rotulo{margin-bottom:12px}
.e-assista{margin:12px 0 8px;font-size:.875rem;line-height:1.4;color:var(--tq-tinta-fraca)}
.e-vslcol{width:100%}
.e-hero__glow{position:absolute;pointer-events:none;--c:min(1120px, 100vw - 40px);--col:var(--c);--g:min(100vw, 560px);width:var(--g);height:var(--g);background:var(--e-glow);translate:calc(var(--col) / 2 - var(--g) / 2) calc(min(var(--col) * 16 / 9, 80vh) / 2 - var(--g) / 2);translate:calc(var(--col) / 2 - var(--g) / 2) calc(min(var(--col) * 16 / 9, 80svh) / 2 - var(--g) / 2)}
[data-tq-tema="claro"] .e-hero__glow{display:none}
.e-vsl{position:relative;width:min(100%, 304px, calc(80vh * 9 / 16));width:min(100%, 304px, calc(80svh * 9 / 16));margin-inline:auto;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg);box-shadow:var(--e-sombra)}
.e-vsl__legenda{position:relative;display:flex;justify-content:center;margin:10px auto 0}
.e-vsl__sem-js{margin-top:8px;text-align:center}
.e-hero__cta{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:14px;text-align:center}
.e-hero__cta .e-btn{width:100%;max-width:420px}
.e-hero__cta--desktop{display:none}
.e-hero__mais{position:relative;margin-top:20px}
.e-lead p{font-size:clamp(1rem, .95rem + .35vw, 1.25rem);line-height:1.5;color:var(--tq-tinta-suave);max-width:54ch}
.e-lead p + p{margin-top:12px}
.e-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.e-chips li{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--tq-borda);border-radius:var(--e-pilula);font-size:.8125rem;line-height:1.3;color:var(--tq-tinta)}

/* Assinatura 1: o sublinhado coral desenhado (só background-size; H1 sem position, isolation ou z-index). */
.e-traco{background-image:linear-gradient(var(--tq-acento),var(--tq-acento));background-repeat:no-repeat;background-position:0 92%;background-size:100% 4px;transition:background-size 420ms var(--e-out)}
html.js[data-motion="on"] .e-h1:not(.is-desenhado) .e-traco{background-size:0% 4px}
html.js[data-motion="on"] .e-h1.is-legenda .e-traco{background-size:100% 4px}
@keyframes e-tinta-traco{0%{background-size:0% 6px}72%{background-size:100% 5px}100%{background-size:100% 4px}}
html.js[data-motion="on"] .e-h1.is-legenda .e-traco{transition:none;animation:e-tinta-traco 460ms cubic-bezier(.6,0,.2,1) both}
html.js[data-motion="on"] .e-h1.is-legenda .e-h1__l:nth-of-type(2) .e-traco{animation-delay:480ms}
html.js[data-motion="on"] .e-h1.is-legenda .e-h1__l:nth-of-type(3) .e-traco{animation-delay:980ms}

@media (min-width:1024px){
 .e-hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"texto vsl" "mais vsl";grid-template-rows:auto 1fr;column-gap:64px;padding-top:40px;align-items:start}
 .e-hero__texto{grid-area:texto;padding-top:48px}
 .e-vslcol{grid-area:vsl}
 .e-hero__mais{grid-area:mais;margin-top:28px}
 .e-para{font-size:clamp(1.15rem, 1.4vw, 1.35rem);max-width:36ch}
 .e-lead p{font-size:1.0625rem}
 .e-assista{margin-top:0;text-align:center}
 .e-hero__glow{--col:calc((var(--c) - 64px) * 5 / 11);--g:min(calc(var(--col) * 1.25), 600px, calc(var(--col) + 100vw - var(--c) - 8px))}
 .e-vsl{width:min(100%, calc(80vh * 9 / 16));width:min(100%, calc(80svh * 9 / 16))}
 .e-hero__cta--celular{display:none}
 .e-hero__cta--desktop{display:flex;align-items:flex-start;text-align:left;margin-top:32px}
 .e-hero__cta--desktop .e-btn{width:auto}
}

/* ---------- revelação padrão ---------- */
@keyframes e-sobe{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
html.js[data-motion="on"] .e-revela{opacity:0;translate:0 16px;transition:opacity var(--e-dur-3) var(--e-out),translate var(--e-dur-3) var(--e-out);transition-delay:calc(var(--d, 0) * 80ms)}
html.js[data-motion="on"] .e-revela.is-in{opacity:1;translate:0 0}
@supports (animation-timeline: view()){
 html.js[data-motion="on"] .e-revela{transition:none;opacity:1;translate:0 0;animation:e-sobe linear both;animation-timeline:view();animation-range:entry calc(5% + var(--d, 0) * 6%) entry calc(55% + var(--d, 0) * 6%)}
}

/* ---------- desenho de traços (check, anotações) ---------- */
.e-check{width:22px;height:22px;color:var(--tq-calmo);--e-tr:0;transition:--e-tr var(--e-dur-2) var(--e-sim)}
.e-anota{position:absolute;max-width:none;pointer-events:none;color:var(--tq-acento);overflow:visible}
.e-anota path{stroke-dasharray:var(--e-dash,1) var(--e-dash,1);stroke-dashoffset:0;transition:stroke-dashoffset 760ms cubic-bezier(.55,0,.25,1),stroke-width 230ms var(--e-out) 530ms}
html.js[data-motion="on"] .e-anota:not(.is-desenhada) path{stroke-dashoffset:var(--e-dash,1);stroke-width:calc(var(--e-caneta) + 1px)}
.e-anota--seta,.e-anota--circulo,.e-anota--sublinha{display:none}
:root[data-tq-tema="claro"] .e-anota--seta,:root[data-tq-tema="claro"] .e-anota--circulo,:root[data-tq-tema="claro"] .e-anota--sublinha{display:block}
.e-anota.is-desenhada path,html:not([data-motion="on"]) .e-anota path{stroke-width:var(--e-caneta)}

/* ---------- vídeo de vitrine (gerente único no e.js) ---------- */
.e-video__btn{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tq-fundo);border:1px solid var(--tq-borda);color:var(--tq-tinta);transition:scale 120ms var(--e-out)}
.e-video__btn .e-ico{width:18px;height:18px}
.e-video__btn:not(.is-tocando) .e-ico--pausa,.e-video__btn.is-tocando .e-ico--play{display:none}
html:not(.js) .e-video__btn{display:none}
html:not(.js) .e-clip{display:none}
.e-noscript-video{width:100%;height:auto;border-radius:var(--e-raio-md);background:var(--tq-fundo-profundo)}
.e-fala{margin-top:10px;font-size:.75rem;line-height:1.5;color:var(--tq-tinta-fraca)}
html.js .e-fala:not(.e-fala--visivel){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- E02 · o corte (assinatura 2) ---------- */
.e-corte__grade{display:grid;grid-template-columns:minmax(0,1fr)}
.e-corte__fig{margin-top:20px}
.e-palco{position:relative;width:100%;max-width:300px;aspect-ratio:9 / 16;margin-inline:auto;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg);overflow:hidden;background:var(--tq-fundo-profundo);box-shadow:var(--e-sombra);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}
html:not(.js) .e-palco{display:none}
.e-palco__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 0}
.e-palco__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* antes do toque, o bruto é a metade esquerda do próprio vídeo (sem canvas); o canvas liga na varredura */
[data-corte="com-bruto"] .e-palco:not(.is-canvas) .e-palco__video{object-position:0 0}
[data-corte="com-bruto"] .e-palco:not(.is-canvas) .e-palco__canvas{visibility:hidden}
.e-palco__linha{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--tq-acento);pointer-events:none;will-change:transform}
.e-palco__alca{position:absolute;top:50%;left:50%;translate:calc(-50% + var(--ax, 0px)) -50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--e-pilula);background:var(--tq-acento);color:var(--tq-acento-tinta);transition:scale var(--e-dur-2) var(--e-mola)}
.e-palco__alca .e-ico{width:15px;height:15px;margin-inline:-2px}
.e-palco.is-arrastando .e-palco__alca{scale:1.12}
.e-palco:has(.e-palco__range:focus-visible) .e-palco__alca{outline:3px solid var(--tq-borda-forte);outline-offset:3px}
.e-palco__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none}
.e-palco__tag{position:absolute;top:12px;transition:translate 200ms var(--e-out),opacity 200ms var(--e-out)}
[data-corte="com-bruto"] .e-palco:not(.is-canvas) .e-palco__tag--dir,[data-corte="com-bruto"] .e-palco:not(.is-canvas) .e-palco__selo{opacity:0}
.e-palco__tag--esq{left:12px}
.e-palco__tag-curto,.e-palco__tag--esq.is-curta .e-palco__tag-longo{display:none}
.e-palco__tag--esq.is-curta .e-palco__tag-curto{display:inline}
/* medição das duas larguras (um quadro, invisível) */
.e-palco__tag--esq.e-mede .e-palco__tag-longo,.e-palco__tag--esq.e-mede .e-palco__tag-curto{display:inline-block;position:absolute;visibility:hidden}
.e-palco__tag--dir{right:12px;top:46px}
.e-palco__tag.is-fora{translate:0 -140%;opacity:0}
.e-palco__selo{position:absolute;right:14px;top:84px;transition:opacity 200ms}
.e-palco__selo.is-fora{opacity:0}
/* a pílula tem o mesmo tamanho nos dois estados; o texto troca por crossfade; depois do toque ela desce para a linha do play e some */
.e-palco__acao{position:absolute;left:50%;bottom:76px;translate:-50% 0;display:inline-grid;align-items:center;justify-items:center;min-height:44px;padding:10px 20px;border-radius:var(--e-pilula);background:var(--tq-fundo-elevado);border:1px solid var(--tq-borda-forte);color:var(--tq-tinta);font:700 .9375rem/1.2 var(--tq-fonte-texto);white-space:nowrap;box-shadow:var(--e-sombra);transition:opacity var(--e-dur-2) var(--e-out),background-color var(--e-dur-1),translate 320ms var(--e-out)}
.e-palco__acao-txt{grid-area:1 / 1;display:block;transition:opacity 160ms var(--e-out)}
.e-palco.is-livre .e-palco__acao{opacity:0;visibility:hidden;pointer-events:none;transition:none}
/* depois da edição, o convite a arrastar é o gesto da própria alça (o texto fica no aria-valuetext do range) */
@keyframes e-cutuca{0%,100%{transform:translateX(0)}35%{transform:translateX(24px)}60%{transform:translateX(-4px)}}
html.js[data-motion="on"] .e-palco.is-livre:not(.is-tocou) .e-palco__alca{animation:e-cutuca 900ms cubic-bezier(.3,1.6,.5,1) 400ms 2}
html:not([data-motion="on"]) .e-palco__acao,html:not([data-motion="on"]) .e-palco__acao-txt{transition:none}
.e-anota--seta{width:84px;height:50px;left:calc(50% - 128px);bottom:122px}
.e-palco.is-livre .e-anota--seta{opacity:0;transition:opacity var(--e-dur-2)}
.e-palco .e-video__btn{bottom:12px;right:12px}
.e-corte__pe{margin-top:16px}
.e-checks{display:grid;gap:6px}
.e-corte__itens .e-check{width:20px;height:20px;padding:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tq-borda)}
.e-checks li{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:.8125rem;color:var(--tq-tinta);transition:opacity var(--e-dur-2) var(--e-out),translate var(--e-dur-2) var(--e-out)}
html.js[data-motion="on"] .e-corte:not(.is-editado) .e-checks li{opacity:.72}
html.js[data-motion="on"] .e-corte:not(.is-editado) .e-checks .e-check{--e-tr:1}
.e-corte.is-editado .e-checks li:nth-child(2),.e-corte.is-editado .e-checks li:nth-child(2) .e-check{transition-delay:120ms}
.e-corte.is-editado .e-checks li:nth-child(3),.e-corte.is-editado .e-checks li:nth-child(3) .e-check{transition-delay:240ms}
/* plano B: só a saída do editor */
.e-sem-bruto{display:none}
[data-corte="sem-bruto"] .e-sem-bruto{display:revert}
[data-corte="sem-bruto"] .e-com-bruto,
[data-corte="sem-bruto"] .e-palco__canvas,[data-corte="sem-bruto"] .e-palco__linha,[data-corte="sem-bruto"] .e-palco__range,[data-corte="sem-bruto"] .e-palco__tag--esq{display:none}
[data-corte="sem-bruto"] .e-palco__video{object-position:50% 50%}
[data-corte="sem-bruto"] .e-palco{cursor:default}
@media (min-width:1024px){
 .e-corte__grade{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"fig cabeca" "fig pe";grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
 .e-corte__cabeca{grid-area:cabeca;padding-top:24px}
 .e-corte__fig{grid-area:fig;margin-top:0}
 .e-corte__pe{grid-area:pe;margin-top:28px}
 .e-palco{max-width:calc(74vh * 9 / 16);max-width:calc(74svh * 9 / 16)}
}

/* ---------- E03 · quem já testou ---------- */
.e-carrossel{margin-top:22px}
.e-carrossel__trilho{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;margin-inline:-20px;padding:2px 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-x:contain;scrollbar-width:none;align-items:start}
.e-carrossel__trilho::-webkit-scrollbar{display:none}
.e-carrossel__trilho > li{scroll-snap-align:start}
.e-carrossel__nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.e-redondo{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--tq-borda);color:var(--tq-tinta);transition:background-color var(--e-dur-1),scale 120ms,opacity var(--e-dur-1)}
.e-redondo[disabled]{opacity:.35;cursor:default}
.e-pontos{display:flex;margin-inline:-8px}
.e-pontos button{display:grid;place-items:center;width:44px;height:44px}
.e-pontos button::before{content:"";width:8px;height:8px;border-radius:var(--e-pilula);background:var(--tq-borda);transition:width var(--e-dur-2) var(--e-out),background-color var(--e-dur-2)}
.e-pontos button[aria-current="true"]::before{width:20px;background:var(--tq-acento)}
.e-dep__card{position:relative;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg);padding:10px 10px 14px}
.e-dep__midia{position:relative;aspect-ratio:4 / 5;border-radius:var(--e-raio-md);overflow:hidden;background:var(--tq-fundo)}
.e-dep__midia img,.e-dep__midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-dep__midia--print img{object-position:50% 46%}
.e-dep__previa{object-position:50% 12%}
.e-dep__midia--print .e-midia-btn{left:auto;right:10px}
.e-dep__midia .e-midia-btn--ico{top:10px;bottom:auto;width:44px;padding:0;justify-content:center}
.e-midia-btn--ico .e-ico{width:20px;height:20px}
.e-dep__som{object-fit:contain!important;background:var(--tq-preto);opacity:0;transition:opacity 200ms var(--e-out)}
.e-dep__som.is-on{opacity:1}
.e-dep__midia .e-tag{position:absolute;top:10px;left:10px}
.e-midia-btn{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--e-pilula);background:var(--tq-fundo);border:1px solid var(--tq-borda-forte);color:var(--tq-tinta);font:600 .875rem/1 var(--tq-fonte-texto);transition:scale 120ms,background-color var(--e-dur-1)}
.e-midia-btn .e-ico{width:18px;height:18px}
.e-midia-btn--forte{background:var(--tq-acento);border-color:var(--tq-acento);color:var(--tq-acento-tinta)}
.e-dep__midia.is-som .e-midia-btn,.e-dep__midia.is-som .e-video__btn--dep,.e-dep__midia.is-som .e-tag{display:none}
.e-citacao{position:relative;margin-top:12px;padding-inline:4px;font:600 clamp(1.125rem, 1rem + .9vw, 1.75rem)/1.28 var(--tq-fonte-marca);letter-spacing:-.01em;color:var(--tq-tinta)}
.e-citacao span{transition:color 260ms var(--e-out)}
html.js[data-motion="on"] .e-citacao span{color:var(--tq-tinta-fraca)}
html.js[data-motion="on"] .e-citacao.is-in span{color:var(--tq-tinta);transition-delay:calc(var(--i) * 40ms)}
@keyframes e-acende{from{color:var(--tq-tinta-fraca)}to{color:var(--tq-tinta)}}
@supports (animation-timeline: view()){
 html.js[data-motion="on"] .e-citacao span{color:var(--tq-tinta);transition:none;animation:e-acende linear both;animation-timeline:view();animation-range:entry calc(10% + var(--i) * 2.5%) cover calc(25% + var(--i) * 2%)}
}
.e-dep__contexto,.e-dep__tela{margin-top:8px;padding-inline:4px;font-size:.8125rem;line-height:1.55;color:var(--tq-tinta-suave)}
.e-dep__assina{margin-top:8px;padding-inline:4px;font-size:.8125rem;font-weight:600;color:var(--tq-tinta-fraca)}
.e-dialogo{width:min(92vw, 520px);max-height:92svh;padding:0;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg);background:var(--tq-fundo-elevado);color:var(--tq-tinta);overflow:auto}
.e-dialogo::backdrop{background:rgb(16 11 9 / .82)}
.e-dialogo img{width:100%;height:auto}
.e-dialogo__fechar{position:sticky;bottom:0;display:block;width:100%;min-height:52px;background:var(--tq-fundo-elevado);border-top:1px solid var(--tq-borda);font-weight:700;color:var(--tq-tinta)}
html.js[data-motion="on"] .e-dialogo[open]{animation:e-abre 240ms var(--e-out)}
@keyframes e-abre{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
@media (min-width:1024px){
 .e-carrossel__trilho{grid-auto-flow:row;grid-template-columns:repeat(var(--cols, 2), minmax(0,1fr));margin-inline:0;padding:0;overflow:visible;gap:24px}
 .e-carrossel__nav{display:none}
 .e-dep__card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:24px;align-items:start;padding:14px;height:100%}
 .e-dep__midia{grid-row:1 / span 4}
 .e-dep__card > :not(.e-dep__midia){grid-column:2}
 .e-dep__card .e-citacao{margin-top:8px}
 .e-dep__midia{aspect-ratio:4 / 5}
}
@media (min-width:720px) and (max-width:1023px){
 .e-carrossel__trilho,.e-carrossel .e-usos__trilho{grid-auto-columns:calc(50% - 7px)}
 .e-assista{text-align:center}
 html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo){scale:1}
 html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo) .e-uso__midia{opacity:1}
 .e-hero__texto,.e-hero__mais{width:100%;max-width:600px;margin-inline:auto}
 .e-corte__grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"fig cabeca" "fig pe";grid-template-rows:auto 1fr;column-gap:40px;align-items:start}
 .e-corte__cabeca{grid-area:cabeca;padding-top:12px}
 .e-corte__fig{grid-area:fig;margin-top:0}
 .e-corte__pe{grid-area:pe;margin-top:20px}
}

/* ---------- E04 · a sua parte ---------- */
.e-spread{display:grid;grid-template-columns:minmax(0,1fr)}
.e-spread__midia{margin-top:22px}
.e-circulado{position:relative;white-space:nowrap}
:root[data-tq-tema="claro"] .e-circulado{margin-inline:0 .34em}
/* no claro, "uns 10 minutos." sempre abre a linha: a volta à mão nunca passa por cima do "a" de "leva" (600 a 1000 px) */
.e-br-claro{display:none}
:root[data-tq-tema="claro"] .e-br-claro{display:inline}
.e-instalar .e-h2{line-height:1.22}
.e-anota--circulo{left:-.36em;top:.1em;width:calc(100% + .82em);height:1.3em;rotate:-.6deg}
:root[data-tq-tema="claro"] .e-instalar .e-h2{line-height:1.42}
.e-passos{display:grid;gap:18px;margin-top:20px}
.e-passos__col .e-h3{margin-bottom:8px;font-size:1rem;letter-spacing:.01em}
.e-passos__lista{display:grid;gap:6px}
.e-passos__lista li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:.875rem;line-height:1.45;color:var(--tq-tinta-suave)}
.e-passos__lista .e-check{margin-top:1px;width:20px;height:20px;padding:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tq-borda)}
.e-passos__lista--agente li{font-size:.8125rem}
.e-passos__col--agente{padding-left:14px;border-left:1px solid var(--tq-borda)}
.e-passos__col--agente .e-apoio{margin-top:8px;font-size:.75rem}
html.js[data-motion="on"] .e-passos:not(.is-feito) li:not(.is-ok) .e-check{--e-tr:1}
.e-honesta--linha{font-size:.75rem;max-width:none;color:var(--tq-tinta-suave)}
.e-chip-toque{display:none;margin-top:12px;padding:8px 12px;border:1px dashed var(--tq-borda-forte);border-radius:var(--e-raio-md);font-size:.8125rem;line-height:1.45;color:var(--tq-tinta)}
@media (pointer:coarse){.e-chip-toque{display:block}}
.e-instalar__foto{display:none}
/* digitação de comando: as letras ocupam o lugar desde o início (nada pula) */
.e-cmd i{font-style:normal}
.e-cmd.is-digitando i:not(.is-on){visibility:hidden}
.e-cmd i.is-cursor{box-shadow:2px 0 0 0 var(--tq-acento);animation:e-cursor 520ms steps(1) 2}
@keyframes e-cursor{50%{box-shadow:2px 0 0 0 transparent}}
@media (min-width:1024px){
 .e-spread{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:center}
 .e-spread--inverso{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .e-spread__midia{margin-top:0}
 .e-passos{grid-template-columns:1fr;gap:20px}
 .e-instalar__foto{display:block;position:relative;border-radius:var(--e-raio-lg);overflow:hidden;align-self:stretch;max-height:760px}
 .e-instalar__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
 [data-tq-tema="escuro"] .e-instalar__foto img{filter:grayscale(.85) brightness(.82)}
 [data-tq-tema="escuro"] .e-instalar__foto::after{content:"";position:absolute;inset:0;background:var(--tq-mocha-500);mix-blend-mode:overlay;opacity:.45;pointer-events:none}
 [data-tq-tema="escuro"] .e-instalar__foto::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, var(--tq-fundo), transparent 38%);z-index:1;pointer-events:none}
}

/* ---------- E05 · a conversa (assinatura 3) ---------- */
.e-chat__nota{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--tq-borda);font-size:.75rem;line-height:1.5;color:var(--tq-tinta-fraca)}
.e-chat__pe{position:relative}
.e-chat__janela{position:relative;padding:10px 12px 12px;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg)}
.e-chat__tudo{position:absolute;left:0;top:12px;min-height:44px;padding:0 4px;border-radius:var(--e-pilula);font-size:.75rem;font-weight:600;color:var(--tq-tinta-fraca);text-decoration:underline;text-underline-offset:3px}
.e-chat.is-pronto .e-chat__tudo{visibility:hidden}
.e-chat__lista{display:flex;flex-direction:column;gap:8px}
.e-msg{position:relative;max-width:100%;transition:opacity 240ms var(--e-out),translate 240ms var(--e-out)}
.e-msg__quem{display:block;margin-bottom:1px;font-size:.75rem;line-height:1.3;font-weight:600;color:var(--tq-tinta-fraca)}
.e-msg--voce{display:flex;align-items:center;gap:8px}
.e-msg--agente > .e-msg__quem{display:inline;margin-right:6px}
.e-msg--agente > .e-msg__txt{display:inline}
.e-msg--voce .e-msg__quem{margin:0}
.e-msg__txt{font-size:.875rem;line-height:1.5;color:var(--tq-tinta)}
.e-msg--agente{padding-left:12px;border-left:1px solid var(--tq-borda)}
.e-msg--voce{align-self:flex-end;text-align:right}
.e-msg--voce .e-msg__txt{display:inline-block;padding:6px 14px;border-radius:16px 16px 4px 16px;background:var(--tq-acento);color:var(--tq-acento-tinta);font-weight:600}
.e-msg[data-ajuste] .e-msg__txt{background:none}
.e-msg--voce[data-ajuste] .e-msg__txt{background:var(--tq-acento)}
.e-msg .e-tag{display:flex;width:fit-content;margin-top:6px}
/* mensagem que ainda não chegou: balão em espera (pontos esmaecidos, parados), com a altura final já reservada */
html.js[data-motion="on"] .e-chat:not(.is-pronto) [data-msg]:not(.is-visto):not(.is-digitando) > *{visibility:hidden}
html.js[data-motion="on"] .e-chat:not(.is-pronto) [data-msg]:not(.is-visto):not(.is-digitando)::after{content:"";position:absolute;left:12px;top:6px;width:34px;height:10px;background:radial-gradient(circle 3px at 5px 5px, var(--tq-borda-forte) 98%, transparent) 0 0 / 12px 10px repeat-x;opacity:.7}
html.js[data-motion="on"] .e-chat:not(.is-pronto) .e-msg--voce[data-msg]:not(.is-visto):not(.is-digitando)::after{left:auto;right:6px;top:50%;margin-top:-5px}
.e-msg.is-digitando{opacity:1!important;translate:0 0!important}
.e-msg.is-digitando > :not(.e-msg__quem){visibility:hidden}
.e-msg.is-digitando::after{content:"";position:absolute;left:12px;top:24px;width:34px;height:10px;background:radial-gradient(circle 3.5px at 5px 5px, var(--tq-tinta-fraca) 98%, transparent) 0 0 / 12px 10px repeat-x;animation:e-pontos 600ms steps(3) 1}
@keyframes e-pontos{0%{opacity:.4}50%{opacity:1}100%{opacity:.6}}
.e-chat__entrada{display:flex;align-items:center;gap:8px;margin-top:12px;padding:5px 5px 5px 16px;border:1px solid var(--tq-borda);border-radius:var(--e-pilula)}
.e-chat__campo{position:relative;flex:1;min-width:0;font-size:.9375rem;line-height:1.4;white-space:nowrap;overflow:hidden}
.e-chat__ph{color:var(--tq-tinta-fraca)}
.e-chat__digitado{position:absolute;left:0;top:0;color:var(--tq-tinta);background:var(--tq-fundo)}
.e-chat__digitado:empty{display:none}
.e-chat__enviar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--tq-borda);color:var(--tq-tinta-fraca);transition:background-color var(--e-dur-1),color var(--e-dur-1),border-color var(--e-dur-1)}
.e-chat__enviar .e-ico{width:18px;height:18px}
.e-chat__enviar.is-aceso{background:var(--tq-acento);border-color:var(--tq-acento);color:var(--tq-acento-tinta)}
.e-chat__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;transition:opacity var(--e-dur-2) var(--e-out)}
html.js[data-motion="on"] .e-chat:not(.is-fim) .e-chat__acoes{opacity:0;visibility:hidden}
.e-chat__acoes::after{content:"";order:1;flex-basis:100%;height:0}
.e-chat__final{order:2;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 12px;border:1px solid var(--tq-calmo);border-radius:var(--e-pilula);font-size:.8125rem;font-weight:600;color:var(--tq-tinta)}
.e-chat__final .e-check{width:18px;height:18px}
/* o carimbo cai sobre o botão Aprovar (posição calculada no e.js; sem JS de posição, fica no canto de baixo) */
.e-carimbo{position:absolute;left:0;top:0;padding:6px 16px;border:3px solid currentColor;border-radius:var(--e-raio-md);font:700 1.5rem/1 var(--tq-fonte-marca);letter-spacing:.02em;color:var(--tq-acento-texto);background:var(--tq-fundo);rotate:-3deg;pointer-events:none;white-space:nowrap}
.e-carimbo::after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(closest-side,var(--tq-acento),transparent);opacity:0;pointer-events:none}
html.js[data-motion="on"] .e-carimbo.is-batendo{animation:e-carimbo 480ms cubic-bezier(.2,.8,.2,1) both}
html.js[data-motion="on"] .e-carimbo.is-batendo::after{animation:e-tinta 360ms ease-out 240ms both}
@keyframes e-carimbo{0%{opacity:0;scale:1.7;rotate:-16deg}50%{opacity:1;scale:.92;rotate:-2deg}70%{scale:1.04;rotate:-4deg}100%{opacity:1;scale:1;rotate:-3deg}}
@keyframes e-tinta{30%{opacity:.25}100%{opacity:0}}
@media (max-width:1023px){.e-carimbo{font-size:1.25rem;padding:4px 12px}}
/* corte seco */
.e-seco{margin-top:8px;padding:10px;border:1px dashed var(--tq-borda);border-radius:var(--e-raio-md)}
.e-seco{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}
.e-seco > :not(.e-seco__botao):not(.e-seco__titulo):not(.e-seco__rot){grid-column:1 / -1}
.e-seco__titulo,.e-seco__rot{grid-column:1}
.e-seco__titulo{font:600 .9375rem/1.3 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-seco__botao{grid-row:1 / span 2;grid-column:2}
.e-seco__rot{margin-top:2px;font-size:.75rem;color:var(--tq-tinta-fraca)}
.e-seco__vivo,.e-seco__botao{display:none}
.e-seco__vivo{margin-top:4px;font-size:.875rem;line-height:1.85;color:var(--tq-tinta)}
.e-seco__estatico p{margin-top:4px;font-size:.8125rem;line-height:1.5;color:var(--tq-tinta)}
html.js[data-motion="on"] .e-seco__vivo{display:block}
html.js[data-motion="on"] .e-seco__botao{display:inline-flex}
html.js[data-motion="on"] .e-seco__estatico{display:none}
.e-seco__botao{align-items:center;min-height:44px;margin-top:0;padding:0 14px;border:1px solid var(--tq-borda);border-radius:var(--e-pilula);font-size:.8125rem;font-weight:600;color:var(--tq-tinta-suave)}
.e-pausa{position:relative;display:inline-block;vertical-align:middle;margin-inline:2px}
.e-pausa__caixa{position:relative;display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-pilula);font:600 .75rem/1.3 var(--tq-fonte-texto);color:var(--tq-tinta);vertical-align:middle}
.e-pausa__barra{display:block;width:28px;height:6px;border-radius:3px;background:var(--tq-tinta-fraca);transform-origin:0 50%;transition:scale 360ms var(--e-out)}
.e-pausa__num{display:inline-grid;height:1.3em;overflow:hidden}
.e-pausa__num span{grid-area:1 / 1;transition:translate 200ms var(--e-out),opacity 200ms var(--e-out)}
.e-pausa__num span + span{translate:0 110%;opacity:0}
.e-pausa__risco{position:absolute;left:-4px;top:2px;width:calc(100% + 8px);height:calc(100% - 4px);color:var(--tq-acento);overflow:visible;pointer-events:none}
.e-pausa__risco path{stroke-width:var(--e-caneta);stroke-linecap:round;stroke-dasharray:var(--e-dash,1) var(--e-dash,1);stroke-dashoffset:var(--e-dash,1);transition:stroke-dashoffset 200ms var(--e-sim),opacity 200ms}
.e-pausa.is-riscado .e-pausa__risco path{stroke-dashoffset:0}
.e-pausa.is-cortado .e-pausa__risco path{opacity:0;transition-delay:0s,240ms}
.e-pausa.is-cortado .e-pausa__barra{scale:.4 1}
.e-pausa.is-cortado .e-pausa__num span:first-child{translate:0 -110%;opacity:0}
.e-pausa.is-cortado .e-pausa__num span + span{translate:0 0;opacity:1}
.e-pausa__tique{position:absolute;right:-5px;top:50%;width:2px;height:16px;margin-top:-8px;background:var(--tq-acento);opacity:0}
.e-pausa.is-tique .e-pausa__tique{animation:e-tique 160ms linear 1}
@keyframes e-tique{0%,100%{opacity:0}40%{opacity:1}}
:root[data-tq-tema="claro"] .e-anota--sublinha{left:0;bottom:-8px;width:100%;height:12px}
.e-sublinhado-mao{position:relative;display:inline-block;white-space:nowrap}
.e-licao--desktop{display:none}
@media (min-width:1024px){
 .e-licao--desktop{display:block}
 .e-licao--celular{display:none}
 .e-conversa .e-spread{align-items:start}
 .e-conversa .e-spread__texto{padding-top:24px}
 .e-spread--inverso > .e-spread__texto{order:0}
}

/* ---------- E06 · três usos ---------- */
.e-usos__trilho{grid-auto-columns:86%}
.e-uso{position:relative;display:flex;flex-direction:column;border:1px solid var(--tq-borda);border-radius:var(--e-raio-lg);padding:10px 10px 14px;transition:scale var(--e-dur-2) var(--e-out),opacity var(--e-dur-2) var(--e-out),border-color var(--e-dur-2) var(--e-out),translate 220ms var(--e-out),box-shadow 220ms var(--e-out)}
html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo){scale:.96}
html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo) .e-uso__midia{opacity:.7}
.e-uso__midia{transition:opacity var(--e-dur-2) var(--e-out)}
.e-uso__midia{position:relative;aspect-ratio:16 / 9;border-radius:var(--e-raio-md);overflow:hidden;background:var(--tq-fundo-profundo)}
.e-uso__midia video,.e-uso__midia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-uso__midia .e-noscript-video{position:static}
.e-uso__midia > .e-tag{position:absolute;top:10px;left:10px}
/* ilustração da marca: nome, @, cores e logo (tipográfica, sem imagem) */
.e-marca{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;width:100%;max-width:300px;padding:12px 14px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-raio-md);background:var(--tq-fundo-sutil)}
.e-marca__logo{grid-row:1 / span 2;display:grid;place-items:center;width:52px;height:52px;border:2px dashed var(--tq-acento);border-radius:50%;font:600 .6875rem/1.1 var(--tq-fonte-marca);color:var(--tq-tinta);text-align:center}
.e-marca__nome{font:600 1rem/1.2 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-marca__arroba{font-size:.8125rem;font-weight:600;color:var(--tq-tinta-suave)}
.e-marca__cores{position:absolute;right:12px;top:12px;display:flex;gap:4px}
.e-marca__cores i{width:12px;height:12px;border-radius:50%;background:var(--tq-acento)}
.e-marca__cores i:nth-child(2){background:var(--tq-calmo)}
.e-marca__cores i:nth-child(3){background:var(--tq-sinal)}
.e-uso__cabeca{display:flex;align-items:center;gap:10px;margin:14px 4px 0}
.e-uso__dor{margin:8px 4px 0;font-size:.875rem;line-height:1.45;color:var(--tq-tinta)}
.e-uso__saida{margin:6px 4px 0;font-size:.8125rem;line-height:1.55;color:var(--tq-tinta-suave)}
.e-uso__legenda{margin:10px 4px 0;font-size:.75rem;line-height:1.5;color:var(--tq-tinta-fraca)}
.e-uso .e-fala{margin-inline:4px}
/* ilustração do comando hooks */
.e-uso__midia--ilus{display:grid;place-items:center;aspect-ratio:auto;height:150px;padding:40px 14px 12px;background:var(--tq-fundo)}
.e-hooks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;width:100%;max-width:300px}
.e-hooks__h{display:grid;place-items:center;min-height:36px;border:2px solid var(--tq-acento);border-radius:var(--e-raio-sm);font:600 .8125rem/1 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-hooks__h:nth-child(2){border-style:dashed}
.e-hooks__h:nth-child(3){border-style:dotted}
.e-hooks__fio{justify-self:center;width:2px;height:16px;background:var(--tq-borda)}
.e-hooks__corpo{grid-column:1 / -1;display:grid;place-items:center;min-height:52px;padding:6px 10px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-raio-sm);background:var(--tq-fundo-sutil);font-size:.8125rem;font-weight:600;color:var(--tq-tinta);text-align:center}
.e-estado{margin-top:14px;border-top:1px solid var(--tq-borda);border-bottom:1px solid var(--tq-borda)}
.e-estado__corpo{padding-bottom:18px;font-size:.875rem;line-height:1.55}
.e-estado__lista{display:grid;gap:10px;margin-top:12px}
.e-estado__lista dt{font-weight:600;color:var(--tq-tinta)}
.e-estado__lista dd{margin-top:2px;color:var(--tq-tinta-suave)}
.e-estado__selo{display:inline-block;padding:1px 8px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-pilula);font-size:.75rem}
.e-estado__selo--pronto{border-color:var(--tq-sinal)}
.e-estado__selo--breve{border-style:dashed}
.e-estado__legenda{display:grid;gap:4px;margin-top:14px;font-size:.8125rem;color:var(--tq-tinta-fraca)}
@media (min-width:1024px){
 .e-usos .e-carrossel__trilho{--cols:3}
 .e-uso{height:100%}
 html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo){scale:1}
 html.js[data-motion="on"] .e-usos__trilho > .e-uso:not(.is-ativo) .e-uso__midia{opacity:1}
}

/* ---------- details (FAQ, estado, etiquetas) ---------- */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
.e-estado > summary,.e-faq summary,.e-etiquetas > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 0;font-weight:600;color:var(--tq-tinta);cursor:pointer}
.e-mais{width:20px;height:20px;color:var(--tq-tinta-fraca);transition:rotate 200ms var(--e-out)}
details[open] > summary .e-mais{rotate:45deg}
@supports (interpolate-size: allow-keywords){
 html[data-motion="on"]{interpolate-size:allow-keywords}
 html[data-motion="on"] details::details-content{block-size:0;overflow:hidden;transition:block-size 240ms var(--e-out),content-visibility 240ms allow-discrete}
 html[data-motion="on"] details[open]::details-content{block-size:auto}
}

/* ---------- E07 · o que você recebe ---------- */
.e-entrega{display:grid;margin-top:18px}
.e-entrega li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px;padding:6px 0;border-bottom:1px solid var(--tq-borda)}
.e-entrega li:last-child{border-bottom:0}
.e-entrega__n{position:relative;padding-top:1px;font:600 1rem/1.2 var(--tq-fonte-marca);color:var(--tq-tinta);transition:opacity var(--e-dur-2) var(--e-out)}
.e-entrega__n::after{content:"";display:block;width:24px;height:2px;margin-top:6px;background:var(--tq-acento);transform-origin:0 50%;transition:scale var(--e-dur-2) var(--e-out)}
.e-entrega h3{display:flex;align-items:center;gap:6px;font:600 .9375rem/1.35 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-entrega h3 .e-check{width:18px;height:18px}
.e-entrega p{margin-top:1px;font-size:.8125rem;line-height:1.45;color:var(--tq-tinta-suave)}
@media (max-width:1023px){
 .e-entrega li > div{font-size:.8125rem;line-height:1.45}
 .e-entrega p{margin-top:2px}
}
html.js[data-motion="on"] .e-entrega li:not(.is-in) .e-entrega__n{opacity:.3}
html.js[data-motion="on"] .e-entrega li:not(.is-in) .e-entrega__n::after{scale:0 1}
html.js[data-motion="on"] .e-entrega li:not(.is-in) .e-check{--e-tr:1}
.e-entrega li .e-entrega__n,.e-entrega li .e-entrega__n::after,.e-entrega li .e-check{transition-delay:calc(var(--i) * 70ms)}
.e-aulas__trilho{display:flex;gap:16px;margin-inline:-20px;padding:2px 20px 8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px}
.e-aulas__trilho::-webkit-scrollbar{display:none}
.e-aulas__mod{flex:none;scroll-snap-align:start}
.e-aulas__nome{margin-bottom:8px;font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--tq-tinta-fraca);white-space:nowrap}
.e-aulas__mod ul{display:flex;gap:8px}
.e-aulas__mod li{width:96px}
.e-aulas__mod img{width:100%;aspect-ratio:3 / 4;border-radius:var(--e-raio-sm);border:1px solid var(--tq-borda);transition:border-color var(--e-dur-1),scale 120ms}
.e-aulas__mod img:active{border-color:var(--tq-acento)}
.e-aulas__linha{margin-top:12px;font-size:.9375rem;font-weight:600;color:var(--tq-tinta)}
@media (min-width:1024px){
 .e-recebe .e-spread{align-items:start}
 .e-recebe .e-spread__midia{padding-top:40px}
 .e-aulas__trilho{flex-wrap:wrap;margin:0;padding:0;overflow:visible;gap:20px}
 .e-aulas__mod li{width:116px}
}
@media (hover:hover) and (pointer:fine){.e-aulas__mod img:hover{border-color:var(--tq-acento)}}

/* ---------- E08 · oferta ---------- */
.e-oferta__palco{position:relative}
.e-oferta__glow{position:absolute;left:50%;top:50%;width:min(100vw, 720px);aspect-ratio:1;translate:-50% -50%;background:var(--e-glow);pointer-events:none}
.e-caixa{position:relative;max-width:560px;margin-inline:auto;padding:20px 18px 18px;border:1px solid var(--tq-borda);border-radius:var(--e-raio-xl);background:var(--tq-fundo-elevado)}
.e-caixa .e-rotulo{margin-bottom:10px}
@media (max-width:374px){.e-caixa .e-rotulo{gap:8px;font-size:.6875rem;letter-spacing:.08em}.e-caixa .e-rotulo::before{width:18px}}
.e-caixa__promessa{margin-top:4px;font-size:.875rem;line-height:1.4;color:var(--tq-tinta)}
.e-caixa__titulo{font:600 1.75rem/1.1 var(--tq-fonte-marca);letter-spacing:-.02em;color:var(--tq-tinta)}
.e-caixa__itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;margin-top:8px;font-size:.8125rem;line-height:1.4;color:var(--tq-tinta-suave)}
.e-caixa__itens li{position:relative;padding-left:14px}
.e-caixa__itens li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--tq-calmo)}
.e-caixa__ancora{margin-top:12px;font-size:.875rem;line-height:1.45;color:var(--tq-tinta-fraca)}
.e-preco{margin-top:8px;font:700 clamp(3.5rem, 2.6rem + 4vw, 5.5rem)/1 var(--tq-fonte-marca);letter-spacing:-.03em;color:var(--tq-tinta)}
.e-preco__moeda{font-size:.42em;letter-spacing:0;vertical-align:.95em;margin-right:.05em}
.e-caixa__parcelas{margin-top:6px;font-size:.9375rem;color:var(--tq-tinta-suave)}
.e-caixa__cond{margin-top:2px;font-size:.875rem;color:var(--tq-tinta-fraca)}
.e-caixa .e-btn{width:100%;margin-top:16px}
.e-caixa__req{margin-top:16px;padding-top:14px;border-top:1px solid var(--tq-borda)}
.e-caixa__req h3{font:600 .9375rem/1.3 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-caixa__req p{margin-top:6px;font-size:.8125rem;line-height:1.5;color:var(--tq-tinta-suave)}
.e-caixa__lista{display:grid;gap:4px;margin-top:6px;font-size:.875rem;line-height:1.45;color:var(--tq-tinta)}
.e-caixa__lista li{position:relative;padding-left:16px}
.e-caixa__lista li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--tq-calmo)}
.e-caixa__miuda{margin-top:12px;font-size:.75rem;line-height:1.5;color:var(--tq-tinta-fraca)}
.e-garantia{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--tq-borda)}
.e-garantia p{font-size:.8125rem;line-height:1.5;color:var(--tq-tinta)}
.e-garantia__selo{width:64px;height:64px;color:var(--tq-acento-texto);rotate:var(--e-giro)}
.e-garantia__arco{font:600 8.4px var(--tq-fonte-texto);letter-spacing:.14em;fill:currentColor}
.e-garantia__num{font:700 40px var(--tq-fonte-marca);fill:currentColor}
/* preço, parcelas, garantia, requisito e botão não animam; só o halo atrás da caixa acende */
html.js[data-motion="on"] .e-oferta__glow{opacity:0;transition:opacity 900ms var(--e-out)}
html.js[data-motion="on"] .e-oferta.is-in .e-oferta__glow{opacity:1}
.e-depois{max-width:560px;margin:24px auto 0}
.e-depois .e-h3{font-size:1rem}
.e-depois ol{display:grid;gap:6px;margin-top:10px}
.e-depois li{display:flex;align-items:baseline;gap:8px;font-size:.8125rem;line-height:1.5;color:var(--tq-tinta-suave)}
.e-depois__t{flex:1;min-width:0}
.e-depois li > span:first-child{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--tq-borda-forte);border-radius:50%;font:600 .8125rem/1 var(--tq-fonte-marca);color:var(--tq-tinta);translate:0 -1px}
@media (min-width:1024px){
 .e-caixa{padding:40px 44px 36px}
 .e-caixa__titulo{font-size:2.25rem}
 .e-caixa__promessa{margin-top:8px;font-size:1rem}
 .e-depois{max-width:560px;margin-top:32px}
 .e-depois ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
}

/* ---------- E09 · quem está por trás (sempre escuro) ---------- */
.e-bastidor{background:var(--tq-fundo);color:var(--tq-tinta-suave);padding-top:0}
:root[data-tq-tema="claro"] .e-bastidor{border-top:2px solid var(--tq-acento)}
.e-bastidor__foto img{width:100%;height:auto;aspect-ratio:5 / 2;object-fit:cover;object-position:62% 60%}
html.js[data-motion="on"] .e-bastidor__foto img{opacity:0;transition:opacity var(--e-dur-4) var(--e-out)}
html.js[data-motion="on"] .e-bastidor__foto.is-in img{opacity:1}
.e-bastidor__in{margin-top:8px}
.e-bastidor__bio > p:not(.e-rotulo):not(.e-bordao){margin-top:8px;font-size:.9375rem;line-height:1.5;max-width:54ch}
.e-bastidor .e-h2{margin-top:2px}
.e-bordao{margin-top:16px;font:600 1.375rem/1.3 var(--tq-fonte-marca);color:var(--tq-tinta)}
.e-bordao__traco{background-image:linear-gradient(var(--tq-acento),var(--tq-acento));background-repeat:no-repeat;background-position:0 96%;background-size:100% 3px;transition:background-size var(--e-dur-4) var(--e-sim)}
html.js[data-motion="on"] .e-bordao:not(.is-in) .e-bordao__traco{background-size:0% 3px}
.e-viral{display:grid;grid-template-columns:40% minmax(0,1fr);gap:14px;align-items:start;margin-top:22px;padding-top:18px;border-top:1px solid var(--tq-borda)}
.e-viral__video{position:relative;aspect-ratio:9 / 16;border-radius:var(--e-raio-md);overflow:hidden;border:1px solid var(--tq-borda);background:var(--tq-fundo-profundo);box-shadow:var(--e-sombra)}
.e-viral__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-viral__video .e-noscript-video{position:static}
.e-viral__video .e-video__btn{right:8px;bottom:8px}
.e-viral figcaption p{margin-top:8px;font-size:.8125rem;line-height:1.55;color:var(--tq-tinta-suave)}
.e-viral .e-fala{font-size:.75rem}
@media (min-width:1024px){
 .e-bastidor{padding-top:var(--e-secao);min-height:760px}
 .e-bastidor__foto{position:absolute;inset:0;overflow:hidden}
 .e-bastidor__foto img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:70% 50%}
 .e-bastidor__in{position:relative;margin-top:0}
 .e-bastidor__bio,.e-viral{max-width:520px}
 .e-viral{grid-template-columns:150px minmax(0,1fr);gap:20px}
}

/* ---------- E10 · dúvidas ---------- */
.e-faq{margin-top:16px}
.e-faq details{border-bottom:1px solid var(--tq-borda);break-inside:avoid}
.e-faq summary{font-size:.9375rem;line-height:1.35}
.e-faq__r{padding:0 32px 16px 0;font-size:.9375rem;line-height:1.55;color:var(--tq-tinta-suave)}
@media (min-width:1024px){
 .e-faq{columns:2;column-gap:56px}
 .e-faq details:first-child{border-top:0}
}

/* ---------- E11 · créditos finais (assinatura 5) ---------- */
.e-fim__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.e-fim .e-rotulo{justify-content:center}
.e-creditos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:6px;width:100%;max-width:640px}
.e-creditos > div{transition:opacity 400ms var(--e-out),translate 400ms var(--e-out);transition-delay:calc(var(--i) * 140ms)}
.e-creditos dt{font:600 .75rem/1.3 var(--tq-fonte-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--tq-tinta-fraca)}
.e-creditos dd{font:600 clamp(1.375rem, 1rem + 1.9vw, 2.5rem)/1.15 var(--tq-fonte-marca);letter-spacing:-.015em;color:var(--tq-tinta)}
html.js[data-motion="on"] .e-creditos:not(.is-in) > div{opacity:0;translate:0 10px}
.e-fim__traco{display:block;width:48px;height:2px;margin:18px auto;background:var(--tq-acento);transform-origin:50% 50%;transition:scale var(--e-dur-3) var(--e-sim) 700ms}
html.js[data-motion="on"] .e-creditos:not(.is-in) + .e-fim__traco{scale:0 1}
.e-fim__titulo{max-width:18ch}
.e-fim__titulo > span{transition:color 260ms var(--e-out)}
html.js[data-motion="on"] .e-fim__titulo:not(.is-in) > span{color:var(--tq-tinta-fraca)}
html.js[data-motion="on"] .e-fim__titulo.is-in > span{transition-delay:calc(var(--i) * 70ms)}
.e-galeria{position:relative;display:inline-block;margin-inline:.3em .38em;padding-inline:.04em}
.e-anota--elipse{left:-.34em;top:-.12em;width:calc(100% + .68em);height:calc(100% + .34em);rotate:-1.5deg}
html.js[data-motion="on"] .e-fim__titulo.is-in .e-anota--elipse path{transition-delay:800ms;transition-duration:900ms}
.e-fim__urg{margin-top:12px;font-size:1rem;color:var(--tq-tinta-suave)}
.e-fim .e-btn{margin-top:18px;width:100%;max-width:420px}

/* ---------- E12 · rodapé ---------- */
.e-rodape{padding:20px 0 16px;background:var(--tq-fundo-profundo);font-size:.75rem;line-height:1.55;color:var(--tq-tinta-fraca)}
.e-rodape__in{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px}
.e-rodape__in > :not(.e-logo):not(.e-controles){grid-column:1 / -1}
.e-rodape__in > .e-controles{justify-self:end}
.e-rodape .e-logo img{height:22px}
.e-etiquetas{border-top:1px solid var(--tq-borda);border-bottom:1px solid var(--tq-borda)}
.e-etiquetas > summary{min-height:48px;font-size:.875rem}
.e-etiquetas p{padding-bottom:14px}
.e-controles--rodape{margin-right:-12px}
@media (max-width:419px){.e-rodape__in > .e-controles--rodape{grid-column:1 / -1;justify-self:start;margin:0 0 0 -12px}}

/* ---------- barra de CTA fixa ---------- */
.e-barra{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:calc(64px + env(safe-area-inset-bottom));padding:8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) var(--e-gutter-l);background:var(--tq-fundo-elevado);border-top:1px solid var(--tq-borda);visibility:hidden}
.e-barra.is-on{visibility:visible}
.e-barra::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--tq-acento);transform-origin:0 50%;scale:0 1;pointer-events:none}
@keyframes e-barra-varre{0%{scale:0 1;opacity:1}60%{scale:1 1;opacity:1}100%{scale:1 1;opacity:0}}
html.js[data-motion="on"] .e-barra.is-on::before{animation:e-barra-varre 520ms var(--e-sim) forwards}
html:not(.js) .e-barra{display:none}
/* o rótulo troca na hora (quase todos têm preço ou prazo, que não animam); no máximo 2 linhas, preço inteiro */
.e-barra__rotulo{flex:1;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.3;color:var(--tq-tinta);text-wrap:balance}
.e-barra__btn{flex:none;min-height:48px;padding:10px 18px;font-size:.9375rem}
@media (max-width:414px){.e-barra__sep{display:none}.e-barra__l{display:block}}
@media (max-width:380px){.e-btn .e-sep{display:none}.e-btn .e-nb{display:block}.e-barra__rotulo{font-size:.75rem}.e-barra__btn{padding-inline:14px;gap:8px}.e-caixa .e-btn,.e-hero__cta .e-btn,.e-fim .e-btn{padding-inline:18px;gap:8px;font-size:.9375rem}}
@media (max-width:340px){.e-barra__btn .e-ico{display:none}.e-barra{gap:8px}.e-barra__btn{padding-inline:12px;font-size:.875rem}}
@media (min-width:1024px){
 .e-barra{left:50%;right:auto;bottom:24px;width:min(560px, 100% - 48px);min-height:0;padding:8px 8px 8px 24px;border:1px solid var(--tq-borda);border-radius:var(--e-pilula);translate:-50% 0;box-shadow:var(--e-sombra)}
 .e-barra::before{left:28px;right:28px}
 .e-barra__rotulo{font-size:.875rem}
 body{padding-bottom:0}
}

/* ---------- pílula de revisão (?revisao=1) ---------- */
.e-revisao{position:fixed;top:10px;right:10px;z-index:80;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--tq-borda-forte);border-radius:var(--e-raio-md);background:var(--tq-fundo-elevado);font-size:.75rem;color:var(--tq-tinta);box-shadow:var(--e-sombra)}
.e-revisao strong{font-size:.75rem}
.e-revisao div{display:flex;gap:4px}
.e-revisao button{min-height:32px;padding:0 10px;border:1px solid var(--tq-borda);border-radius:var(--e-pilula);font-size:.75rem;color:var(--tq-tinta-suave)}
.e-revisao button[aria-pressed="true"]{background:var(--tq-acento);border-color:var(--tq-acento);color:var(--tq-acento-tinta);font-weight:700}

/* ---------- tema claro · "roteiro na mesa" ---------- */
:root[data-tq-tema="claro"] .e-secao:not(.e-bastidor){border-top:1px solid var(--tq-borda)}
/* contraste AA no claro sobre as faixas creme-200 (tinta fraca dá 4,29:1 ali) */
:root[data-tq-tema="claro"] :is(.e-faixa,.e-rodape) :is(.e-dep__assina,.e-micro,.e-apoio,.e-honesta,.e-dep__contexto),
:root[data-tq-tema="claro"] .e-rodape{color:var(--tq-tinta-suave)}

/* ---------- troca de tema (assinatura 4, a cortina) ---------- */
html{view-transition-name:none}
html.e-vt{view-transition-name:root}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
/* a linha coral é um grupo próprio da transição: corre na frente da emenda claro/escuro */
html.e-vt .e-cortina{opacity:1;view-transition-name:e-cortina;box-shadow:0 0 14px 1px var(--tq-acento)}
::view-transition-group(e-cortina){animation:none;z-index:2}
::view-transition-old(e-cortina){display:none}
::view-transition-new(e-cortina){animation:none}
/* durante a cortina nada refaz transição de cor (as palavras não piscam no tema antigo) */
html.e-vt *,html.e-vt *::before,html.e-vt *::after{transition:none!important}

/* ---------- movimento desligado: estado final parado ---------- */
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{scroll-behavior:auto}
@media (prefers-reduced-motion: reduce){
 .e-btn,.e-btn-linha,.e-ctrl,.e-redondo{transition:none}
}
html[data-motion="off"] :is(.e-palco__tag,.e-palco__selo,.e-palco__acao,.e-palco__acao-txt,.e-anota--seta,.e-anota path,.e-pausa__risco path,.e-pausa__barra,.e-pausa__num span,.e-check,.e-entrega__n,.e-entrega li,.e-dep__card,.e-uso,.e-uso__midia,.e-msg,.e-chat__acoes,.e-traco,.e-destaque,.e-bordao__traco,.e-fim__traco,.e-creditos > div,.e-citacao span,.e-fim__titulo > span,.e-checks li){transition:none!important}
html[data-motion="off"] .e-entrega__n::after{transition:none!important}
.e-video__btn--dep{top:10px;bottom:auto}

/* ==========================================================================
   Rodada 1 · pacote de capricho (só com movimento ligado; reduzido e sem JS = estado final)
   ========================================================================== */
@media (min-width:1024px){:root{--e-secao:clamp(72px, 7vw, 112px)}}

/* H2 · "legenda queimada": a palavra é dita em coral e a palavra-chave ganha o sublinhado.
   O texto nunca some: sem JS e com movimento desligado, o destaque já vem sublinhado. */
.e-destaque{background-image:linear-gradient(var(--tq-acento),var(--tq-acento));background-repeat:no-repeat;background-position:0 94%;background-size:100% 4px;transition:background-size 380ms cubic-bezier(.6,0,.2,1)}
:root[data-tq-tema="claro"] :is(.e-circulado,.e-sublinhado-mao) .e-destaque{background-image:none}
html.js[data-motion="on"] [data-legenda-h2]:not(.is-dito) .e-destaque{background-size:0% 4px}
.e-pal{border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:none}
html.js[data-motion="on"] .e-pal.is-dita{background:var(--tq-acento);color:var(--tq-acento-tinta);box-shadow:0 0 0 .08em var(--tq-acento)}

/* corte de editor entre as seções: um filete coral varre o topo uma vez e o rótulo "corta para dentro" */
.e-secao[data-corte-linha]::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tq-acento);transform-origin:0 50%;scale:0 1;opacity:0;pointer-events:none}
@keyframes e-varre{0%{scale:0 1;opacity:1}55%{scale:1 1;opacity:1}100%{scale:1 1;opacity:0}}
html.js[data-motion="on"] .e-secao[data-corte-linha].is-cortada::after{animation:e-varre 640ms var(--e-sim) forwards}
html.js[data-motion="on"] .e-secao[data-corte-linha]:not(.is-cortada) .e-rotulo[data-corta]{clip-path:inset(0 100% 0 0)}
html.js[data-motion="on"] .e-secao[data-corte-linha]:not(.is-cortada) .e-rotulo[data-corta]::before{scale:0 1}
html.js[data-motion="on"] .e-rotulo[data-corta]{clip-path:inset(0);transition:clip-path 360ms var(--e-sim) 120ms}
html.js[data-motion="on"] .e-rotulo[data-corta]::before{transform-origin:0 50%;transition:scale 240ms var(--e-out)}

/* cartões: resposta física ao ponteiro (sem 3D, sem zoom na mídia) */
@media (hover:hover) and (pointer:fine){
 .e-dep__card{transition:translate 220ms var(--e-out),border-color 220ms var(--e-out),box-shadow 220ms var(--e-out)}
 .e-uso::before,.e-dep__card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--tq-acento) 9%,transparent),transparent 70%);opacity:0;transition:opacity 200ms;pointer-events:none}
 html[data-motion="on"] :is(.e-uso,.e-dep__card):hover{translate:0 -4px}
 :is(.e-uso,.e-dep__card):hover{border-color:var(--tq-acento)}
 :root[data-tq-tema="escuro"][data-motion="on"] :is(.e-uso,.e-dep__card):hover{box-shadow:var(--e-sombra)}
 html[data-motion="on"] :is(.e-uso,.e-dep__card):hover::before{opacity:1}
}
@media (pointer:coarse){
 html[data-motion="on"] :is(.e-uso,.e-dep__card){transition:scale 260ms var(--e-mola),translate 220ms var(--e-out),border-color var(--e-dur-2) var(--e-out)}
 html[data-motion="on"] .e-dep__card:active,html[data-motion="on"] .e-usos__trilho > .e-uso.is-ativo:active{scale:.985;transition:scale 90ms var(--e-out)}
}
@media (hover:hover) and (pointer:fine){
 html[data-motion="on"] .e-entrega li{transition:background-color 200ms var(--e-out)}
 html[data-motion="on"] .e-entrega li:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--tq-acento) 8%,transparent),transparent 60%)}
 html[data-motion="on"] .e-entrega li:hover .e-entrega__n::after{scale:1.6 1;transition-duration:220ms;transition-delay:0s}
}

/* E05 · no celular, a digitação acontece no próprio balão (a caixa de comando fica atrás da barra fixa) */
.e-msg__txt.is-digitando i:not(.is-on){visibility:hidden}
.e-msg__txt i{font-style:normal}
.e-msg__txt i.is-cursor{box-shadow:2px 0 0 0 var(--tq-acento-tinta)}
@media (max-width:1023px){html.js[data-motion="on"] .e-chat:not(.is-fim) .e-chat__entrada{visibility:hidden}}

/* legenda do depoimento com som: na faixa de baixo (posição no .vtt), menor e com fundo translúcido */
.e-dep__som::cue{font-size:.8125rem;line-height:1.35;background:color-mix(in srgb,var(--tq-preto) 55%,transparent);color:var(--tq-branco)}