/* Fluxo 3D (pen: Mobile · 3D · Início/Pecinhas/Peça/Arquivo/Configurar/Revisar). Mobile first; ≥900px container total. */
.e3{--g:20px;background:var(--bg);color:var(--ink);font:400 14px/1.45 Inter,sans-serif;min-height:60vh;padding-bottom:calc(var(--bar,0px))}
.e3 *,.e3 *::before,.e3 *::after{box-sizing:border-box}
:where(.e3) :is(h1,h2,p,dl,dd,ul){margin:0;padding:0}
:where(.e3) a{color:inherit;text-decoration:none}
.e3 a.e3-path--ready{color:#fff}.e3 a.e3-path--custom{color:var(--ink)}
.e3 .screen-reader-text{position:absolute!important}
.e3-in{display:flex;flex-direction:column;gap:20px;padding:12px var(--g) 28px;max-width:560px;margin:0 auto}
/* o desenho mobile não tem cabeçalho do site: no celular a tela é “app” */
.ej3d-page .ej-m.ej-chrome{display:none}
/* header */
.e3-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.e3-ic{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);flex:none}
.e3-ic:hover{border-color:var(--ink)}
.e3-title{font:600 16px/1.2 Inter,sans-serif;text-align:center;flex:1;margin:0}
/* stepper */
.e3-stepper{display:flex;flex-direction:column;gap:10px}
.e3-bars{display:flex;gap:6px}.e3-bars i{flex:1;height:4px;border-radius:2px;background:var(--line)}.e3-bars i.on{background:var(--ink)}
.e3-labels{display:flex;justify-content:space-between;font:500 11px "JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.02em}
.e3-labels .cur{color:var(--ink);font-weight:700}.e3-labels .done{color:var(--ink)}
.e3-lead{color:var(--muted);font-size:14px}
.e3-notices .woocommerce-error,.e3-notices .woocommerce-message,.e3-notices .woocommerce-info{list-style:none;margin:0 0 4px;padding:12px 16px;border-radius:14px;background:#FDE8EF;color:#9B0B55;font:500 14px Inter,sans-serif}
.e3-notices .woocommerce-message{background:#E7F6EC;color:#14693a}
.e3-notices:empty{display:none}
/* botões e barras */
.e3-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;font:600 14px Inter,sans-serif}
.e3-btn--ink{background:var(--ink);color:#fff!important}
.e3-cta-y{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;width:100%;border:0;border-radius:999px;background:var(--yellow);color:var(--ink)!important;font:700 15px Inter,sans-serif;cursor:pointer;text-decoration:none}
.e3-cta-y:hover{filter:brightness(1.05)}
.e3-cta-y[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.e3-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--plum);border-radius:28px 28px 0 0;padding:18px 20px 28px}
.e3-bar-in{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.e3{--bar:0px}
.e3-arq,.e3-conf,.e3-rev{--bar:150px}.e3-arq{--bar:110px}
.e3-quote{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;color:#fff}
.e3-ql{display:block;color:var(--yellow);font:600 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;margin-bottom:4px}
.e3-qp{display:block;font:700 30px/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}.e3-qp--s{font-size:20px}
.e3-qr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.e3-qr b{font:600 12px Inter,sans-serif}.e3-qr span{font-size:11px;color:rgba(255,255,255,.6)}
.e3-rev .e3-qp{font-size:28px}.e3-rev .e3-qr span{font-size:12px}.e3-rev .e3-qr b{font-weight:500;color:rgba(255,255,255,.8)}
/* hub */
.e3-hero{position:relative;height:200px;border-radius:24px;overflow:hidden;background:var(--plum)}
.e3-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.e3-scrim{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to top,rgba(16,15,13,.82),rgba(16,15,13,0))}
.e3-hero-t{position:absolute;left:18px;bottom:16px;color:#fff;font:700 24px/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.e3-paths{display:flex;flex-direction:column;gap:20px}
.e3-path{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;transition:transform .15s}
.e3-path:hover{transform:translateY(-2px)}
.e3-path strong{font:700 20px/1.15 "Bricolage Grotesque",sans-serif}
.e3-eyebrow{font:600 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em}
.e3-d{font-size:13px;line-height:1.45}
.e3-cta{display:inline-flex;align-items:center;gap:8px;font:700 14px Inter,sans-serif;margin-top:2px}
.e3-path--ready{background:var(--ink);color:#fff}.e3-path--ready .e3-eyebrow{color:var(--yellow)}.e3-path--ready .e3-d{color:rgba(255,255,255,.7)}
.e3-path--custom{background:var(--yellow);color:var(--ink)}.e3-path--custom .e3-d{color:var(--muted)}
.e3-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.e3-note svg{flex:none}
/* pecinhas */
.e3-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--g)*-1);padding:0 var(--g)}
.e3-chips::-webkit-scrollbar{display:none}
.e3-chips a{flex:none;height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--line);font:500 13px Inter,sans-serif}
.e3-chips a.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
.e3-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.e3-card{display:flex;flex-direction:column;gap:10px}
.e3-thumb{display:block;height:140px;border-radius:18px;overflow:hidden;background-size:cover}
.e3-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.e3-name{font:600 14px/1.25 Inter,sans-serif}.e3-meta{font-size:12px;color:var(--muted);margin-top:-6px}
.e3-price{font:700 15px "Bricolage Grotesque",sans-serif;margin-top:-4px}
.e3-banner{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--soft)}
.e3-banner span{flex:1;display:flex;flex-direction:column;gap:2px}.e3-banner strong{font:600 13px Inter,sans-serif}.e3-banner em{font-style:normal;font-size:12px;color:var(--muted)}
.e3-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:32px 20px;border-radius:20px;background:var(--surface);border:1px dashed var(--line);color:var(--muted)}
.e3-empty strong{color:var(--ink);font:700 17px "Bricolage Grotesque",sans-serif}
/* peça */
.e3-pgrid{display:flex;flex-direction:column;gap:18px}
.e3-gal-main{height:280px;border-radius:24px;background:#EFEDE8;overflow:hidden;display:flex;align-items:center;justify-content:center}
.e3-gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.e3-gal-th{display:flex;gap:8px;margin-top:10px}
.e3-gal-th button{width:56px;height:56px;border-radius:14px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--soft);cursor:pointer}
.e3-gal-th button.on{border-color:var(--ink)}.e3-gal-th img{width:100%;height:100%;object-fit:cover;display:block}
.e3-pinfo{display:flex;flex-direction:column;gap:18px}
.e3-pname{font:700 26px/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.e3-ppr{font:700 22px/1 "Bricolage Grotesque",sans-serif;margin-top:-8px}
.e3-ppx{font-size:13px;color:var(--muted);margin-top:-10px}.e3-ppx b{color:#1E8A47}
.e3-pmeta{display:flex;flex-wrap:wrap;gap:8px}.e3-pmeta span{height:30px;padding:0 12px;border-radius:999px;background:var(--soft);display:inline-flex;align-items:center;font:600 12px Inter,sans-serif}
.e3-pdesc{color:var(--muted);font-size:14px}
.e3-specs,.e3-sum{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.e3-specs{gap:10px;padding:16px}
.e3-specs>div{display:flex;justify-content:space-between;gap:12px}
.e3-specs dt,.e3-sum dt{color:var(--muted);font-size:13px}.e3-specs dd,.e3-sum dd{font:600 13px Inter,sans-serif;text-align:right;word-break:break-word}
.e3-alt{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--soft)}
.e3-alt strong{font:600 13px Inter,sans-serif}.e3-alt span{font-size:12px;color:var(--muted)}.e3-alt a{text-decoration:underline;color:var(--ink)}
.e3-pay{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.95);border-top:1px solid var(--line);padding:14px 20px 28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.e3-pay-in{display:flex;gap:10px;max-width:520px;margin:0 auto}
.e3-bagbtn{flex:none;width:54px;height:54px;border-radius:50%;border:1.5px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.e3-peca{--bar:96px}
/* arquivo */
.e3-login{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;background:#E7F2FB}
.e3-login div{display:flex;flex-direction:column;gap:4px}.e3-login strong{font:600 14px Inter,sans-serif}.e3-login span{font-size:12px;color:var(--muted)}
.e3-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px;border-radius:24px;background:var(--surface);border:1.5px dashed #CFCBC2;text-align:center;cursor:pointer}
.e3-drop[hidden],.e3-loaded[hidden],.e3-err[hidden]{display:none}
.e3-drop.is-over{border-color:var(--ink);background:#FBFAF6}.e3-drop.is-off{opacity:.55;cursor:not-allowed}
.e3-drop-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.e3-drop.is-off .e3-drop-in{cursor:not-allowed}
.e3-drop-ic{width:56px;height:56px;border-radius:18px;background:var(--soft);display:inline-flex;align-items:center;justify-content:center}
.e3-drop strong{font:600 15px Inter,sans-serif}.e3-sm{font-size:12px;color:var(--muted)}
.e3-pick{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px Inter,sans-serif}
.e3-err{padding:12px 16px;border-radius:14px;background:#FDE8EF;color:#9B0B55;font:500 14px Inter,sans-serif}
.e3-loaded{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--soft)}
.e3-loaded-ic{width:44px;height:44px;border-radius:12px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex:none}
.e3-loaded-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.e3-loaded-t strong{font:600 14px Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e3-loaded-t em{font-style:normal;font-size:12px;font-weight:500;color:var(--green)}
.e3-x{border:0;background:none;padding:8px;cursor:pointer;display:inline-flex}
.e3-tips{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.e3-tips h2{font:700 13px "JetBrains Mono",ui-monospace,monospace}
.e3-tips p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.e3-tips svg{flex:none}
/* configurar */
.e3-grid2{display:flex;flex-direction:column;gap:26px}
.e3-col-b{display:flex;flex-direction:column;gap:26px}
.e3-prev{position:relative;height:var(--ph,300px);border-radius:24px;overflow:hidden;background:#EFEDE8;padding:14px;display:flex;flex-direction:column;justify-content:space-between}
.e3-prev--mini{border-radius:22px}
.e3-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.e3-prev-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px;text-align:center;padding:20px}
.e3-prev-ph[hidden]{display:none}.e3-prev-ph em{font-style:normal}
.e3-prev-top,.e3-prev-bot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.e3-prev-top>*,.e3-prev-bot>*{pointer-events:auto}
.e3-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.9);min-width:0;font-size:12px}
.e3-chip b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.e3-chip em{font-style:normal;color:var(--muted);white-space:nowrap}
.e3-rb{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;padding:0}
.e3-rb.off{opacity:.55}
.e3-vw{display:flex;gap:6px}
.e3-dims{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;background:var(--ink);color:#fff;font:500 11px "JetBrains Mono",ui-monospace,monospace}
.e3-sec{display:flex;flex-direction:column;gap:12px}
.e3-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.e3-row h2{font:600 14px Inter,sans-serif}.e3-muted{color:var(--muted);font-size:13px}.e3-muted a{text-decoration:underline}
.e3-opts{display:flex;gap:8px}
.e3-opt{flex:1;min-width:0;cursor:pointer}
.e3-opt input,.e3-sw input,.e3-seg input{position:absolute;opacity:0;pointer-events:none}
.e3-opt-b{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px;border-radius:16px;border:1px solid var(--line);background:transparent}
.e3-opt input:checked+.e3-opt-b{border:1.5px solid var(--ink);background:var(--surface);padding:11.5px}
.e3-opt input:focus-visible+.e3-opt-b,.e3-sw input:focus-visible+span,.e3-seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.e3-opt-b b{font:600 18px "Bricolage Grotesque",sans-serif}.e3-opt-b em{font-style:normal;font-size:11px;color:var(--muted)}
.e3-opt-b i{font:600 11px "JetBrains Mono",ui-monospace,monospace;font-style:normal}.e3-opt-b i.g{color:#1E8A47}
.e3-pnote{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.e3-pnote svg{flex:none}
.e3-swatches{display:flex;justify-content:space-between;gap:6px}
.e3-sw{cursor:pointer;position:relative}
.e3-sw>span{display:flex;width:42px;height:42px;padding:4px;border-radius:50%;border:1.5px solid transparent}
.e3-sw input:checked+span{border-color:var(--ink)}
.e3-sw i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.e3-seg{display:flex;gap:0;padding:4px;border-radius:16px;background:var(--soft)}
.e3-seg label{flex:1;cursor:pointer}
.e3-seg span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 0;border-radius:12px;color:var(--muted)}
.e3-seg b{font:500 13px Inter,sans-serif}.e3-seg em{font:400 10px "JetBrains Mono",ui-monospace,monospace;font-style:normal}
.e3-seg input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(16,15,13,.08)}.e3-seg input:checked+span b{font-weight:600}
.e3-qty{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.e3-qty h2{font:600 14px Inter,sans-serif;margin-bottom:2px}.e3-hint{font-size:12px;color:#1E8A47}
.e3-step{display:flex;align-items:center;gap:4px;padding:4px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
.e3-step button{width:34px;height:34px;border-radius:50%;border:0;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:0}
.e3-step input{width:36px;border:0;background:none;text-align:center;font:600 15px Inter,sans-serif;color:var(--ink);padding:0;-moz-appearance:textfield}
.e3-step input::-webkit-outer-spin-button,.e3-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.e3-guard,.e3-aviso,.e3-warn{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.e3-guard svg,.e3-aviso svg,.e3-warn svg{flex:none}
.e3-aviso{padding:14px;border-radius:16px;background:#E7F2FB}
.e3-warn{padding:14px;border-radius:16px;background:#FDE8EF;color:#7a0a45}
/* revisar */
.e3-sum>div{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.e3-sum>div:last-child{border-bottom:0}
/* desktop */
@media (min-width:768px){
  .ej3d-page .ej-m.ej-chrome{display:none}
  .e3{--g:var(--ej-gutter);padding-bottom:0}
  .e3-in{max-width:none;margin:0;padding:28px var(--g) 56px;gap:28px}
  .e3-head{justify-content:flex-start;gap:16px}.e3-title{flex:none;text-align:left;font-size:20px;font-family:"Bricolage Grotesque",sans-serif;font-weight:700}
  .e3-head .e3-ic:last-child{margin-left:auto}
  .e3-stepper{max-width:560px}
  .e3-bar{position:static;border-radius:24px;padding:22px 24px;margin:0 var(--g) 56px}
  .e3-arq .e3-bar{max-width:none}
  .e3-bar-in{max-width:none}
  .e3-arq,.e3-conf,.e3-rev,.e3-peca{--bar:0px}
  .e3-chips{margin:0;padding:0;flex-wrap:wrap;overflow:visible}
  .e3-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .e3-thumb{height:auto;aspect-ratio:1/1}
  .e3-banner{max-width:560px}
  .e3-hero{height:360px;border-radius:28px}.e3-hero img{object-position:center 40%}.e3-hero-t{font-size:36px;left:32px;bottom:28px}
  .e3-paths{flex-direction:row}.e3-path{flex:1;padding:28px;gap:12px}.e3-path strong{font-size:26px}.e3-d{font-size:15px}
  .e3-lead{font-size:16px;max-width:620px}
  .e3-hub .e3-in{gap:24px}
  .e3-pgrid{flex-direction:row;gap:56px;align-items:flex-start}
  .e3-gal{flex:1 1 50%;min-width:0;position:sticky;top:24px}.e3-gal-main{height:auto;aspect-ratio:1/1;max-height:640px}
  .e3-pinfo{flex:1 1 50%;min-width:0;max-width:560px}
  .e3-pay{position:static;background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.e3-pay-in{max-width:none}
  .e3-grid2{flex-direction:row;gap:56px;align-items:flex-start}
  .e3-col-a{flex:1 1 52%;min-width:0;position:sticky;top:24px}.e3-col-b{flex:1 1 48%;min-width:0;max-width:560px}
  .e3-prev{height:clamp(360px,52vw,600px)}.e3-prev--mini{height:clamp(300px,36vw,480px)}
  .e3-bar-in{flex-direction:row;align-items:center;justify-content:space-between;gap:32px}.e3-quote{flex:1}.e3-bar .e3-cta-y{width:320px;flex:none}.e3-qp{font-size:34px}
}
@media (min-width:768px) and (max-width:1100px){.e3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}