fix: route artwork uploads to packing flow

dtf-site.html

@@ -258,6 +258,11 @@ h1 em{font-style:normal;color:var(--laranja)}
 .trocouCam{margin-top:-4px;margin-bottom:11px;padding:10px 12px;border-radius:9px;
  background:#FFF6E8;border:1px solid #F0D9AE;font-size:11.5px;color:#7A5A16;line-height:1.5}
 .trocouCam b{color:#B07A18;font-family:"Inter",sans-serif;font-weight:700}
+.trocarModo{margin:-4px 0 11px;padding:10px 12px;border-radius:9px;background:#F1FBF5;
+ border:1px solid #BFE6CE;font-size:11.5px;color:#1F5C3A;line-height:1.5}
+.trocarModo b{font-family:"Inter",sans-serif;font-weight:700}
+.trocarModo button{margin:7px 0 0;border:0;border-radius:6px;padding:7px 10px;background:var(--verde-ml);
+ color:#fff;font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;cursor:pointer}
 .zona{border:2px dashed var(--laranja);border-radius:13px;padding:44px 20px;text-align:center;
  cursor:pointer;margin-bottom:14px;background:#FFF6E8;transition:var(--transition)}
 .zona:hover,.zona.sobre{border-color:var(--laranja2);background:#FFEFD6;
@@ -863,7 +868,7 @@ footer a:hover{color:var(--laranja2)}
         <p class="sub2">Mande a arte, veja a nota em segundos e a folha montada antes de fechar.
           <b>Revisão e remanejamento por nossa conta.</b></p>
         <div class="hcta">
-          <a href="#envio" class="btn1">Enviar minha arte</a>
+          <a href="#envio" class="btn1" data-modo-cta="avulsa">Enviar minha arte</a>
           <span class="mini">sem cadastro · resposta em segundos</span>
         </div>
       </div>
@@ -996,6 +1001,10 @@ footer a:hover{color:var(--laranja2)}
         <div class="foco2" id="foco2">
           <div class="fila">
             <div class="trocouCam" id="trocouCam" style="display:none"></div>
+            <div class="trocarModo" id="trocarParaAvulsa" hidden>
+              <b>É uma imagem ou arte solta?</b> Nós montamos, repetimos e encaixamos na folha.
+              <button type="button" id="mudarParaAvulsa">Montar minha arte</button>
+            </div>
             <div class="caminhos" id="caminhos">
               <button class="cam on" data-cam="auto">
                 <span class="mk2"></span>
@@ -1447,6 +1456,9 @@ const px=f=>Math.round(Math.min(6000,Math.max(600,Math.sqrt(f.size/1024)*95)));
 
 // ── escolha
 document.querySelectorAll('.ec').forEach(b=>b.addEventListener('click',()=>abrir(b.dataset.modo)));
+document.querySelectorAll('[data-modo-cta]').forEach(b=>b.addEventListener('click',e=>{
+  e.preventDefault(); abrir(b.dataset.modoCta);
+}));
 function abrir(m){
   modo=m; artes=[]; folhas=[]; metros=0; nota=0; reencaixado=false;
   montagemCm=0;
@@ -1459,6 +1471,7 @@ function abrir(m){
   $('inp').accept = ehFolha(m) ? '.png,.jpg,.jpeg,.pdf'
                                : '.png,.jpg,.jpeg,.webp';
   $('catFoco').className='cat '+(ehFolha(m)?'file':'av');
+  $('trocarParaAvulsa').hidden=!ehFolha(m);
   $('foco2').classList.remove('sofila');            // a caixa de requisitos vale nos 4 modos
   $('montcabTit').textContent = ehFolha(m) ? 'Sua folha' : 'Montagem ao vivo';
   $('lista').innerHTML=''; $('rA').style.display='none'; recusa([]);
@@ -1467,6 +1480,13 @@ function abrir(m){
   limpaPaineis();   // o carrinho só some se o pedido estiver vazio
   $('foco').scrollIntoView({behavior:'smooth',block:'start'});
 }
+$('mudarParaAvulsa').addEventListener('click',()=>{
+  // A ready sheet and a loose artwork have different pricing units. Preserve the
+  // selected browser files, but ask for the artwork width in the packing flow.
+  const arquivos=folhas.map(x=>x.f);
+  abrir('avulsa');
+  if(arquivos.length) sel(arquivos);
+});
 $('bVoltar').addEventListener('click',()=>{
   itemAtual=null; $('atual').style.display='none'; $('carrLin').innerHTML=''; pintaPedido();
   $('foco').classList.remove('on'); $('cards').style.display='';