{"id":965,"date":"2026-09-14T09:35:04","date_gmt":"2026-09-14T12:35:04","guid":{"rendered":"https:\/\/maqprime.com\/?page_id=965"},"modified":"2026-10-13T17:20:51","modified_gmt":"2026-10-13T20:20:51","slug":"elementor-965","status":"publish","type":"page","link":"https:\/\/maqprime.com\/en\/","title":{"rendered":"Elementor #965"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"965\" class=\"elementor elementor-965\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-829a11c e-con-full e-flex e-con e-parent\" data-id=\"829a11c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78c1904 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"78c1904\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O HERO (V\u00cdDEO) \u2014 MAQPRIME (v4, PT\/EN\/ES)\r\n   Cole este c\u00f3digo em um widget \"HTML\" do Elementor, na p\u00e1gina HOME,\r\n   logo no topo do conte\u00fado (abaixo do cabe\u00e7alho).\r\n   O bot\u00e3o \"Demonstra\u00e7\u00e3o\" abre a galeria de fotos em tela cheia, sem rolar\r\n   a p\u00e1gina (funciona com a galeria nova \"mpcf\" e com a antiga \"mpcb\").\r\n   A altura \u00e9 medida na tela real de cada celular (Android e iPhone),\r\n   com o mesmo espa\u00e7amento em todos os aparelhos.\r\n   Computador: largura total da tela, texto no meio, estilo Stetson,\r\n   com v\u00eddeo pr\u00f3prio (deitado). Troque os v\u00eddeos no bloco \"EDITE AQUI: V\u00cdDEOS\".\r\n   Idiomas: em \/en\/ e \/es\/ os textos trocam sozinhos (bloco \"TEXTOS\").\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400..700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #maqprime-hero {\r\n    --mq-header-h: 72px;\r\n    --mq-bar-h: 38px;\r\n    position: relative;\r\n    width: 100%;\r\n    height: calc(100vh - var(--mq-header-h) - var(--mq-bar-h));\r\n    height: calc(100svh - var(--mq-header-h) - var(--mq-bar-h));\r\n    height: var(--mq-hero-h, calc(100svh - var(--mq-header-h) - var(--mq-bar-h)));   \/* medido pelo script *\/\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n    background: #000;\r\n  }\r\n\r\n  #maqprime-hero video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  #maqprime-hero .mq-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.35) 42%, rgba(0,0,0,0) 68%);\r\n  }\r\n\r\n  .mq-hero-content {\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 24px 48px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  \/* T\u00edtulo *\/\r\n  #maqprime-hero .mq-hero-content h1 {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-weight: 400;\r\n    font-size: clamp(28px, 7.9vw, 46px);\r\n    letter-spacing: 0;\r\n    line-height: 1.15;\r\n    color: #ffffff;\r\n    margin: 0 0 10px;\r\n    padding: 0;\r\n    text-transform: none;\r\n  }\r\n\r\n  .mq-hero-content h1 .mq-num {\r\n    font-variant-numeric: lining-nums;\r\n    font-feature-settings: \"lnum\" 1;\r\n  }\r\n\r\n  \/* O \"\u00aa\" feito \u00e0 m\u00e3o *\/\r\n  .mq-hero-content h1 .mq-ord {\r\n    font-size: .42em;\r\n    vertical-align: 1.2em;\r\n    margin-left: .06em;\r\n    text-decoration: underline;\r\n    text-decoration-thickness: .09em;\r\n    text-underline-offset: .18em;\r\n  }\r\n\r\n  \/* Frase *\/\r\n  #maqprime-hero .mq-hero-content p {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(15px, 3.75vw, 18px);\r\n    line-height: 1.5;\r\n    color: #ffffff;\r\n    max-width: 400px;\r\n    margin: 0 auto 18px;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* ---------- Bot\u00e3o ---------- *\/\r\n  .mq-hero-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #maqprime-hero .mq-hero-buttons a,\r\n  #maqprime-hero .mq-hero-buttons a:hover,\r\n  #maqprime-hero .mq-hero-buttons a:focus,\r\n  #maqprime-hero .mq-hero-buttons a:active,\r\n  #maqprime-hero .mq-hero-buttons a:visited {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 7px !important;\r\n    min-width: 0 !important;\r\n    min-height: 0 !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 12.5px 23.5px 11.5px 24px !important;\r\n    border: none !important;\r\n    border-radius: 5px !important;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 12.5px !important;\r\n    letter-spacing: .5px !important;\r\n    line-height: 1 !important;\r\n    white-space: nowrap !important;\r\n    flex: 0 0 auto;\r\n    text-transform: uppercase !important;\r\n    text-decoration: none !important;\r\n    text-shadow: none !important;\r\n    outline: none !important;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #maqprime-hero .mq-hero-buttons a.mq-btn-outline,\r\n  #maqprime-hero .mq-hero-buttons a.mq-btn-outline:focus,\r\n  #maqprime-hero .mq-hero-buttons a.mq-btn-outline:active,\r\n  #maqprime-hero .mq-hero-buttons a.mq-btn-outline:visited {\r\n    background: transparent !important;\r\n    color: #ffffff !important;\r\n    box-shadow: inset 0 0 0 1.5px #ffffff !important;\r\n  }\r\n\r\n  #maqprime-hero .mq-btn-play {\r\n    display: block;\r\n    width: 1.3em;\r\n    height: 1.3em;\r\n    margin: -.15em 0;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    #maqprime-hero .mq-hero-buttons a.mq-btn-outline:hover {\r\n      background: #ffffff !important;\r\n      color: #1a1a1a !important;\r\n      box-shadow: inset 0 0 0 1.5px #ffffff !important;\r\n    }\r\n  }\r\n\r\n  #maqprime-hero .mq-hero-buttons a:focus-visible {\r\n    outline: 2px solid #ffffff !important;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    #maqprime-hero {\r\n      --mq-bar-h: 46px;\r\n      height: calc(100vh - var(--mq-header-h) - var(--mq-bar-h));\r\n      height: calc(100svh - var(--mq-header-h) - var(--mq-bar-h));\r\n      height: var(--mq-hero-h, calc(100svh - var(--mq-header-h) - var(--mq-bar-h)));\r\n      min-height: 420px;\r\n    }\r\n    #maqprime-hero .mq-hero-overlay {\r\n      background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,0) 72%);\r\n    }\r\n    .mq-hero-content {\r\n      justify-content: flex-end;\r\n      padding-bottom: 48px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .mq-hero-content { padding: 0 20px 40px; }\r\n  }\r\n\r\n  \/* ---------- COMPUTADOR: estilo Stetson ---------- *\/\r\n  @media (min-width: 900px) {\r\n    html, body { overflow-x: clip; }\r\n    #maqprime-hero {\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin-left: calc(50% - 50vw) !important;   \/* largura total da tela *\/\r\n      margin-right: calc(50% - 50vw) !important;\r\n      min-height: 560px;\r\n    }\r\n    #maqprime-hero .mq-hero-overlay {\r\n      background: rgba(0,0,0,.28);              \/* escurece de leve por igual, texto no meio *\/\r\n    }\r\n    .mq-hero-content {\r\n      max-width: none;\r\n      justify-content: center;\r\n      padding: 60px 40px 0;                     \/* texto um pouco abaixo do meio, como a Stetson *\/\r\n    }\r\n    #maqprime-hero .mq-hero-content h1 {\r\n      font-size: clamp(40px, 3.4vw, 52px);      \/* nunca passa de 52px, mesmo em tela grande *\/\r\n      line-height: 1.1;\r\n      margin: 0 0 12px;\r\n    }\r\n    #maqprime-hero .mq-hero-content p {\r\n      font-size: 16.5px;                           \/* tamanho fixo em qualquer tela *\/\r\n      font-weight: 400;                          \/* mais leve que o t\u00edtulo *\/\r\n      line-height: 1.45;\r\n      max-width: 560px;\r\n      margin: 0 auto 24px;\r\n      text-wrap: balance;                       \/* linhas equilibradas, sem palavra sozinha *\/\r\n    }\r\n    #maqprime-hero .mq-hero-buttons a,\r\n    #maqprime-hero .mq-hero-buttons a:hover,\r\n    #maqprime-hero .mq-hero-buttons a:focus,\r\n    #maqprime-hero .mq-hero-buttons a:active,\r\n    #maqprime-hero .mq-hero-buttons a:visited {\r\n      gap: 8px !important;\r\n      padding: 13px 26px 12px !important;\r\n      font-size: 15px !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: 0 !important;\r\n      border-radius: 3px !important;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<section id=\"maqprime-hero\" data-no-translation>\r\n  <!-- o v\u00eddeo entra pelo script (veja \"EDITE AQUI: V\u00cdDEOS\") -->\r\n  <video\r\n    autoplay\r\n    muted\r\n    loop\r\n    playsinline\r\n    preload=\"auto\">\r\n  <\/video>\r\n\r\n  <div class=\"mq-hero-overlay\"><\/div>\r\n\r\n  <div class=\"mq-hero-content\">\r\n    <h1 data-mq-tx=\"titulo\">Edi\u00e7\u00e3o <span class=\"mq-num\">1<span class=\"mq-ord\">a<\/span><\/span> Safra<\/h1>\r\n    <!-- EDITE AQUI: texto embaixo do t\u00edtulo -->\r\n    <p data-mq-tx=\"frase\">Uma s\u00e9rie limitada de 1.000 pe\u00e7as, montadas e numeradas \u00e0 m\u00e3o, com acabamento pensado em cada detalhe.<\/p>\r\n    <div class=\"mq-hero-buttons\">\r\n      <!-- Abre a galeria em tela cheia, sem rolar a p\u00e1gina -->\r\n      <a href=\"#Demonstra\" class=\"mq-btn-outline\" data-mq-demo role=\"button\">\r\n        <svg class=\"mq-btn-play\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"7.25\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6.6 5.2v5.6l4.6-2.8z\" fill=\"currentColor\"\/><\/svg>\r\n        <!-- EDITE AQUI: texto do bot\u00e3o -->\r\n        <span data-mq-tx=\"botao\">DEMONSTRA\u00c7\u00c3O<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    \/* ================= EDITE AQUI: V\u00cdDEOS =================\r\n       Cole o link da M\u00eddia (M\u00eddia \u2192 clique no arquivo \u2192 Copiar URL).\r\n       - CELULAR:    v\u00eddeo em p\u00e9 (vertical)\r\n       - COMPUTADOR: v\u00eddeo deitado (horizontal) *\/\r\n    var VIDEO = {\r\n      CELULAR:    'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/PrimeraSessao_Oficial.mp4',\r\n      COMPUTADOR: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/VideoHorizontalCapaPC.mp4'\r\n    };\r\n    \/* ====================================================== *\/\r\n\r\n    var hero = document.getElementById('maqprime-hero');\r\n    var video = document.querySelector('#maqprime-hero video');\r\n    var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if (reduce && video) {\r\n      video.pause();\r\n      video.removeAttribute('autoplay');\r\n    }\r\n\r\n    \/* ---------- V\u00eddeo certo para celular ou computador ---------- *\/\r\n    var mqPC = window.matchMedia('(min-width: 900px)');\r\n    function trocarVideo() {\r\n      if (!video) return;\r\n      var url = mqPC.matches ? VIDEO.COMPUTADOR : VIDEO.CELULAR;\r\n      if (!url || video.getAttribute('src') === url) return;\r\n      video.setAttribute('src', url);\r\n      video.load();\r\n      if (!reduce) { var p = video.play(); if (p && p.catch) p.catch(function () {}); }\r\n    }\r\n    trocarVideo();\r\n    if (mqPC.addEventListener) mqPC.addEventListener('change', trocarVideo); else if (mqPC.addListener) mqPC.addListener(trocarVideo);\r\n\r\n    \/* ---------- TEXTOS EM INGL\u00caS (\/en\/) E ESPANHOL (\/es\/) ---------- *\/\r\n    var LANG = (document.documentElement.lang || '').toLowerCase();\r\n    var EN = LANG.indexOf('en') === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname);\r\n    var ES = !EN && (LANG.indexOf('es') === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname));\r\n    var TEXTOS = {\r\n      EN: {\r\n        titulo: 'First Harvest Edition',\r\n        frase:  'A limited run of 1,000 pieces, hand-assembled and individually numbered, finished with care down to the last detail.',\r\n        botao:  'Watch the demo'\r\n      },\r\n      ES: {\r\n        titulo: 'Edici\u00f3n Primera Cosecha',\r\n        frase:  'Una serie limitada de 1.000 piezas, ensambladas y numeradas a mano, con un acabado cuidado en cada detalle.',\r\n        botao:  'Ver demostraci\u00f3n'\r\n      }\r\n    };\r\n    var T = EN ? TEXTOS.EN : (ES ? TEXTOS.ES : null);\r\n    if (T && hero) {\r\n      Array.prototype.forEach.call(hero.querySelectorAll('[data-mq-tx]'), function (n) {\r\n        var k = n.getAttribute('data-mq-tx'); if (T[k]) n.textContent = T[k];\r\n      });\r\n    }\r\n\r\n    \/* ---------- Altura certa em qualquer celular ----------\r\n       Mede o espa\u00e7o que sobra na tela abaixo do cabe\u00e7alho e usa isso como altura.\r\n       S\u00f3 recalcula quando a largura muda (girar o celular), para n\u00e3o \"pular\"\r\n       quando a barra do navegador aparece\/some durante a rolagem. *\/\r\n    var lastW = 0;\r\n    function fitHero() {\r\n      if (!hero) return;\r\n      var w = window.innerWidth;\r\n      if (w === lastW) return;\r\n      lastW = w;\r\n      var top = hero.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || 0);\r\n      var h = Math.round(window.innerHeight - top);\r\n      if (h < 420) h = 420;\r\n      hero.style.setProperty('--mq-hero-h', h + 'px');\r\n    }\r\n    fitHero();\r\n    window.addEventListener('load', function () { lastW = 0; fitHero(); });\r\n    window.addEventListener('resize', fitHero);\r\n    window.addEventListener('orientationchange', function () { lastW = 0; setTimeout(fitHero, 300); });\r\n\r\n    var demo = document.querySelector('#maqprime-hero [data-mq-demo]');\r\n    if (!demo) return;\r\n\r\n    var watching = false;\r\n\r\n    \/\/ Quando a tela cheia da galeria fechar, o v\u00eddeo do Hero volta a rodar\r\n    function watchClose(lb) {\r\n      if (watching) return;\r\n      watching = true;\r\n      new MutationObserver(function () {\r\n        if (!lb.classList.contains('is-open') && video && video.paused && !reduce) {\r\n          var p = video.play(); if (p && p.catch) p.catch(function () {});\r\n        }\r\n      }).observe(lb, { attributes: true, attributeFilter: ['class'] });\r\n    }\r\n\r\n    \/\/ Acha a galeria de fotos da p\u00e1gina (prefere a que est\u00e1 na se\u00e7\u00e3o \"fotos\")\r\n    function acharGaleria() {\r\n      var lugares = [document.getElementById('fotos'), document];\r\n      for (var i = 0; i < lugares.length; i++) {\r\n        var l = lugares[i];\r\n        if (!l) continue;\r\n        var nova = l.querySelector('.mpcf');                 \/\/ galeria nova (moldura)\r\n        if (nova) return { abrir: nova, tela: '.mpcfl' };\r\n        var antiga = l.querySelector('.mpcb .mpcb__btn');    \/\/ galeria antiga\r\n        if (antiga) return { abrir: antiga, tela: '.mpcbl' };\r\n      }\r\n      return null;\r\n    }\r\n\r\n    demo.addEventListener('click', function (e) {\r\n      e.preventDefault();                  \/\/ nunca rola a p\u00e1gina\r\n      demo.blur();\r\n      var g = acharGaleria();\r\n      if (!g) return;\r\n      if (video) video.pause();\r\n      g.abrir.click();                     \/\/ abre a galeria em tela cheia\r\n      var lb = document.querySelector(g.tela + '.is-open') || document.querySelector(g.tela);\r\n      if (lb) watchClose(lb);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-720e114 e-flex e-con-boxed e-con e-parent\" data-id=\"720e114\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42205f4 elementor-widget elementor-widget-html\" data-id=\"42205f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O V\u00cdDEO EM DESTAQUE (estilo Stetson) \u2014 MAQPRIME (v6, PT\/EN\/ES)\r\n   Cole este c\u00f3digo em um widget \"HTML\" do Elementor.\r\n   O bot\u00e3o \"Comprar agora\" rola at\u00e9 o MEIO da se\u00e7\u00e3o com ID \"comprar-mqx\".\r\n\r\n   - Celular: como antes (foto\/v\u00eddeo em p\u00e9, texto embaixo no centro).\r\n   - Computador: largura total da tela, faixa larga, texto \u00e0 esquerda\r\n     no meio da altura, como a Stetson.\r\n   - Foto\/v\u00eddeo separados para celular e computador: troque no bloco\r\n     \"EDITE AQUI: FOTOS E V\u00cdDEOS\" l\u00e1 no script (aceita .png, .jpg, .webp ou .mp4).\r\n   - Textos em ingl\u00eas (\/en\/) e espanhol (\/es\/) trocam sozinhos.\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400..700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #mq-feature {\r\n    display: block;\r\n    width: 100%;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  }\r\n  #mq-feature *,\r\n  #mq-feature *::before,\r\n  #mq-feature *::after {\r\n    box-sizing: border-box;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .mq-feat-media {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #1a1a1a;\r\n  }\r\n  \/* foto ou v\u00eddeo (o script coloca o certo para celular ou computador) *\/\r\n  .mq-feat-media .mq-feat-el {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 3 \/ 4;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    max-width: none;\r\n    margin: 0;\r\n    border: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .mq-feat-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,0) 62%);\r\n  }\r\n\r\n  .mq-feat-content {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    text-align: center;\r\n    padding: 0 24px 48px;\r\n  }\r\n\r\n  #mq-feature .mq-feat-title {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-weight: 400;\r\n    font-size: clamp(28px, 7.9vw, 46px);\r\n    letter-spacing: 0;\r\n    line-height: 1.15;\r\n    color: #ffffff;\r\n    margin: 0 0 10px;\r\n    padding: 0;\r\n    text-transform: none;\r\n    font-variant-numeric: lining-nums;\r\n  }\r\n\r\n  #mq-feature .mq-feat-desc {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(15px, 3.75vw, 18px);\r\n    line-height: 1.5;\r\n    color: #ffffff;\r\n    max-width: 400px;\r\n    margin: 0 0 18px;\r\n    padding: 0;\r\n  }\r\n\r\n  #mq-feature a.mq-feat-btn,\r\n  #mq-feature a.mq-feat-btn:hover,\r\n  #mq-feature a.mq-feat-btn:focus,\r\n  #mq-feature a.mq-feat-btn:active,\r\n  #mq-feature a.mq-feat-btn:visited {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    min-width: 0 !important;\r\n    min-height: 0 !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 12.5px 23.5px 11.5px 24px !important;\r\n    border-radius: 5px !important;\r\n    border: none !important;\r\n    background: #ffffff !important;\r\n    color: #1a1a1a !important;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 12.5px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .5px !important;\r\n    white-space: nowrap !important;\r\n    text-transform: uppercase !important;\r\n    text-decoration: none !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    outline: none !important;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease, color .2s ease;\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    #mq-feature a.mq-feat-btn:hover {\r\n      background: #8a5a1f !important;\r\n      color: #ffffff !important;\r\n    }\r\n  }\r\n\r\n  #mq-feature a.mq-feat-btn:focus-visible {\r\n    outline: 2px solid #ffffff !important;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .mq-feat-content { padding: 0 20px 40px; }\r\n  }\r\n\r\n  \/* frase: vers\u00e3o do celular (como sempre foi) e vers\u00e3o do computador *\/\r\n  #mq-feature .mq-so-pc { display: none; }\r\n\r\n  \/* ---------- COMPUTADOR: estilo Stetson ---------- *\/\r\n  @media (min-width: 900px) {\r\n    html, body { overflow-x: clip; }\r\n    #mq-feature {\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin-left: calc(50% - 50vw) !important;   \/* largura total da tela *\/\r\n      margin-right: calc(50% - 50vw) !important;\r\n    }\r\n    .mq-feat-media .mq-feat-el {\r\n      aspect-ratio: auto;\r\n      height: clamp(480px, 39vw, 760px);          \/* faixa larga, mesma propor\u00e7\u00e3o da Stetson *\/\r\n    }\r\n    .mq-feat-overlay {\r\n      background: linear-gradient(to right, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 30%, rgba(0,0,0,0) 52%);\r\n    }\r\n    .mq-feat-content {\r\n      align-items: flex-start;\r\n      justify-content: center;\r\n      text-align: left;\r\n      padding: 0 0 0 clamp(48px, 7.8vw, 180px);  \/* mesma dist\u00e2ncia da borda que a Stetson *\/\r\n    }\r\n    #mq-feature .mq-feat-title {\r\n      font-size: clamp(40px, 3.4vw, 52px);      \/* nunca passa de 52px, mesmo em tela grande *\/\r\n      line-height: 1.1;\r\n      margin: 0 0 12px;\r\n    }\r\n    #mq-feature .mq-feat-desc {\r\n      font-size: 16.5px;                           \/* tamanho fixo em qualquer tela *\/\r\n      font-weight: 400;                          \/* mais leve que o t\u00edtulo *\/\r\n      line-height: 1.45;\r\n      max-width: 540px;\r\n      margin: 0 0 24px;\r\n    }\r\n    #mq-feature .mq-so-cel { display: none; }\r\n    #mq-feature .mq-so-pc { display: inline; }\r\n    #mq-feature a.mq-feat-btn,\r\n    #mq-feature a.mq-feat-btn:hover,\r\n    #mq-feature a.mq-feat-btn:focus,\r\n    #mq-feature a.mq-feat-btn:active,\r\n    #mq-feature a.mq-feat-btn:visited {\r\n      padding: 13px 26px 12px !important;\r\n      font-size: 15px !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: 0 !important;\r\n      border-radius: 3px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"mq-feature\" data-no-translation>\r\n  <div class=\"mq-feat-media\">\r\n    <!-- a foto\/v\u00eddeo entra aqui pelo script (veja \"EDITE AQUI: FOTOS E V\u00cdDEOS\") -->\r\n    <div class=\"mq-feat-overlay\"><\/div>\r\n\r\n    <!-- EDITE AQUI: textos do t\u00edtulo e da frase -->\r\n    <div class=\"mq-feat-content\">\r\n      <h2 class=\"mq-feat-title\">Harvester MQX-01<\/h2>\r\n      <p class=\"mq-feat-desc\"><span class=\"mq-so-cel\" data-mq-tx=\"frase\">Dispenser autom\u00e1tico inspirado no Agro, com acionamentos por sensores.<\/span><span class=\"mq-so-pc\" data-mq-tx=\"frase_pc\">Dispenser autom\u00e1tico inspirado no Agro,<br> com acionamentos por sensores.<\/span><\/p>\r\n      <a href=\"#comprar-mqx\" class=\"mq-feat-btn\" data-mq-scroll-center data-mq-tx=\"botao\">Comprar agora<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/* ================= EDITE AQUI: FOTOS E V\u00cdDEOS =================\r\n     Cole o link da M\u00eddia (M\u00eddia \u2192 clique no arquivo \u2192 Copiar URL).\r\n     Pode ser foto (.png, .jpg, .webp) ou v\u00eddeo (.mp4).\r\n     - CELULAR:     foto\/v\u00eddeo em p\u00e9 (vertical)\r\n     - COMPUTADOR:  foto\/v\u00eddeo deitado e bem largo (ideal 2400 \u00d7 900 px)\r\n     - POSICAO_COMPUTADOR: qual parte da foto aparece no computador\r\n       ('center', 'right center', 'center 70%'\u2026) *\/\r\n  var MIDIA = {\r\n    CELULAR:    'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/5ff9147d-e536-4e9e-a91f-b60fe2065a44.png',\r\n    COMPUTADOR: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Mini-colheitadeira-azul-sobre-base-de-madeira.png',\r\n    POSICAO_COMPUTADOR: 'center 75%'\r\n  };\r\n\r\n  \/* ALTURA_CABECALHO: altura do cabe\u00e7alho fixo do site (em px).\r\n     Se o cabe\u00e7alho N\u00c3O fica fixo no topo ao rolar, troque para 0. *\/\r\n  var ALTURA_CABECALHO = 72;\r\n  \/* ============================================================== *\/\r\n\r\n  var sec = document.getElementById('mq-feature');\r\n  if (!sec) return;\r\n  var box = sec.querySelector('.mq-feat-media');\r\n\r\n  \/* ---------- TEXTOS EM INGL\u00caS (\/en\/) E ESPANHOL (\/es\/) ---------- *\/\r\n  var LANG = (document.documentElement.lang || '').toLowerCase();\r\n  var EN = LANG.indexOf('en') === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname);\r\n  var ES = !EN && (LANG.indexOf('es') === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname));\r\n  var TEXTOS = {\r\n    EN: {\r\n      alt:      'MaqPrime mini harvester drink dispenser in action',\r\n      alt_pc:   'Harvester MQX-01 by MaqPrime: mini combine harvester drink dispenser with insulated tank',\r\n      frase:    'An automatic drink dispenser inspired by farm machinery, with sensor-activated controls.',\r\n      frase_pc: 'An automatic dispenser inspired by agriculture,| with sensor-activated controls.',\r\n      botao: 'Buy now'\r\n    },\r\n    ES: {\r\n      alt:      'Mini cosechadora dispensadora de bebidas MaqPrime en funcionamiento',\r\n      alt_pc:   'Harvester MQX-01 de MaqPrime: mini cosechadora dispensadora de bebidas con dep\u00f3sito t\u00e9rmico',\r\n      frase:    'Dispensador autom\u00e1tico de bebidas inspirado en la maquinaria agr\u00edcola, con accionamiento por sensores.',\r\n      frase_pc: 'Dispensador autom\u00e1tico inspirado en el agro,| con accionamiento por sensores.',\r\n      botao: 'Comprar ahora'\r\n    }\r\n  };\r\n  var T = EN ? TEXTOS.EN : (ES ? TEXTOS.ES : null);\r\n  var ALT    = T ? T.alt    : 'Mini colheitadeira dispenser de bebidas MaqPrime em funcionamento';   \/\/ celular\r\n  var ALT_PC = T ? T.alt_pc : 'Harvester MQX-01 da MaqPrime: colheitadeira dispenser de bebidas com reservat\u00f3rio t\u00e9rmico';   \/\/ computador\r\n  if (T) {\r\n    Array.prototype.forEach.call(sec.querySelectorAll('[data-mq-tx]'), function (n) {\r\n      var k = n.getAttribute('data-mq-tx'); if (!T[k]) return;\r\n      var partes = T[k].split('|');            \/\/ \"|\" = quebra de linha (frase do computador)\r\n      n.textContent = partes[0];\r\n      if (partes[1]) {\r\n        n.appendChild(document.createElement('br'));\r\n        n.appendChild(document.createTextNode(partes[1]));\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* ---------- Foto ou v\u00eddeo certo para cada tela ---------- *\/\r\n  var mq = window.matchMedia('(min-width: 900px)');\r\n  var atual = '';\r\n  function ehVideo(url) { return \/\\.(mp4|webm|mov)(\\?|#|$)\/i.test(url); }\r\n  function montar() {\r\n    var pc = mq.matches;\r\n    var url = pc ? MIDIA.COMPUTADOR : MIDIA.CELULAR;\r\n    if (!url || url === atual) return;\r\n    atual = url;\r\n    var velho = box.querySelector('.mq-feat-el');\r\n    var el;\r\n    if (ehVideo(url)) {\r\n      el = document.createElement('video');\r\n      el.muted = true; el.loop = true; el.autoplay = true; el.playsInline = true;\r\n      el.setAttribute('muted', ''); el.setAttribute('playsinline', ''); el.setAttribute('preload', 'metadata');\r\n      el.setAttribute('aria-label', pc ? ALT_PC : ALT);\r\n      el.src = url;\r\n    } else {\r\n      el = document.createElement('img');\r\n      el.alt = pc ? ALT_PC : ALT; el.decoding = 'async';\r\n      el.src = url;\r\n    }\r\n    el.className = 'mq-feat-el';\r\n    el.style.objectPosition = pc ? (MIDIA.POSICAO_COMPUTADOR || 'center') : 'center';\r\n    if (velho) box.replaceChild(el, velho); else box.insertBefore(el, box.firstChild);\r\n    if (el.play) { var p = el.play(); if (p && p.catch) p.catch(function () {}); }\r\n  }\r\n  montar();\r\n  if (mq.addEventListener) mq.addEventListener('change', montar); else if (mq.addListener) mq.addListener(montar);\r\n\r\n  \/* ---------- Bot\u00e3o: rola at\u00e9 o meio da se\u00e7\u00e3o de compra ---------- *\/\r\n  var btn = sec.querySelector('[data-mq-scroll-center]');\r\n  if (!btn) return;\r\n\r\n  btn.addEventListener('click', function (e) {\r\n    var id = (btn.getAttribute('href') || '').replace('#', '');\r\n    var alvo = id && document.getElementById(id);\r\n    if (!alvo) return;                       \/\/ sem a se\u00e7\u00e3o: comportamento normal do link\r\n\r\n    e.preventDefault();\r\n\r\n    var rect = alvo.getBoundingClientRect();\r\n    var meioDaSecao = rect.top + window.pageYOffset + rect.height \/ 2;\r\n    \/\/ centraliza no espa\u00e7o vis\u00edvel ABAIXO do cabe\u00e7alho\r\n    var areaVisivel = window.innerHeight - ALTURA_CABECALHO;\r\n    var destino = meioDaSecao - ALTURA_CABECALHO - areaVisivel \/ 2;\r\n\r\n    window.scrollTo({ top: Math.max(0, destino), behavior: 'smooth' });\r\n    btn.blur();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94d42ab e-flex e-con-boxed e-con e-parent\" data-id=\"94d42ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de2e10a elementor-widget elementor-widget-html\" data-id=\"de2e10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O TECNOLOGIA E CONSTRU\u00c7\u00c3O \u2014 MAQPRIME (v4)\r\n   v4: imagem do celular em espanhol + t\u00edtulo do computador um pouco maior.\r\n   Cole este c\u00f3digo em um widget \"HTML\" do Elementor, no lugar do atual.\r\n   CELULAR: continua a imagem de sempre (igualzinho).\r\n   COMPUTADOR (1024px ou mais): t\u00edtulo e frase menores + 4 fotos grandes\r\n   lado a lado, com nome e descri\u00e7\u00e3o embaixo (estilo Stetson).\r\n   Portugu\u00eas, ingl\u00eas (\/en\/) e espanhol (\/es\/).\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400..600&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===== CELULAR (igual \u00e0 vers\u00e3o anterior) ===== *\/\r\n  #mq-techimg {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n  }\r\n  #mq-techimg .mq-techimg-box img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: none;\r\n    margin: 0;\r\n    border: 0;\r\n  }\r\n  #mq-techimg .mq-techimg-box { width: 100%; min-height: 200px; }\r\n  #mq-techimg .mq-techimg-box.is-ready { min-height: 0; }\r\n  #mq-techimg .mq-tech-pc { display: none; }\r\n\r\n  \/* ===== COMPUTADOR: 4 fotos grandes ===== *\/\r\n  @media (min-width: 1024px) {\r\n    html, body { overflow-x: clip; }\r\n    #mq-techimg {\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      padding: 64px 44px 72px;\r\n      background: #ffffff;\r\n      font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    }\r\n    #mq-techimg .mq-techimg-box { display: none; }\r\n    #mq-techimg .mq-tech-pc { display: block; max-width: 1520px; margin: 0 auto; }\r\n\r\n    #mq-techimg h2.mq-tech-title {\r\n      margin: 0 0 2px;\r\n      padding: 0;\r\n      font-family: 'Times New Roman', Times, serif;\r\n      font-weight: 400;\r\n      font-size: 38px;                 \/* \u2190 tamanho do t\u00edtulo *\/\r\n      line-height: 1.15;\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n      color: #1f1f1f;\r\n      text-align: center;\r\n    }\r\n    #mq-techimg p.mq-tech-sub {\r\n      margin: 0 auto 44px;\r\n      padding: 0;\r\n      max-width: 520px;\r\n      font-size: 15px;                 \/* \u2190 tamanho da frase *\/\r\n      font-weight: 400;\r\n      line-height: 1.5;\r\n      color: #444444;\r\n      text-align: center;\r\n    }\r\n\r\n    #mq-techimg .mq-tech-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 16px;                       \/* \u2190 espa\u00e7o entre as fotos *\/\r\n    }\r\n    #mq-techimg .mq-tech-item { margin: 0; text-align: center; }\r\n    #mq-techimg .mq-tech-photo {\r\n      position: relative;\r\n      aspect-ratio: 1 \/ 1;\r\n      background: #f4f1ec;             \/* \u2190 fundo bege dos quadros *\/\r\n      overflow: hidden;\r\n    }\r\n    #mq-techimg .mq-tech-photo img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      max-width: none;\r\n      margin: 0;\r\n      object-fit: contain;\r\n      mix-blend-mode: multiply;        \/* o branco da foto vira o bege do quadro *\/\r\n      transition: transform .5s ease;\r\n    }\r\n    @media (hover: hover) {\r\n      #mq-techimg .mq-tech-item:hover .mq-tech-photo img { transform: scale(1.03); }\r\n    }\r\n    #mq-techimg h3.mq-tech-name {\r\n      margin: 10px 0 3px;\r\n      padding: 0;\r\n      font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      line-height: 1.3;\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n      color: #1f1f1f;\r\n    }\r\n    #mq-techimg p.mq-tech-desc {\r\n      margin: 0 auto;\r\n      padding: 0;\r\n      max-width: 300px;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 1.5;\r\n      color: #6b6b6b;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"mq-techimg\" data-no-translation>\r\n  <!-- celular -->\r\n  <div class=\"mq-techimg-box\">\r\n    <img id=\"mq-techimg-img\" alt=\"\" decoding=\"async\">\r\n  <\/div>\r\n\r\n  <!-- computador -->\r\n  <div class=\"mq-tech-pc\">\r\n    <h2 class=\"mq-tech-title\" data-tx=\"title\">Tecnologia e Constru\u00e7\u00e3o<\/h2>\r\n    <p class=\"mq-tech-sub\" data-tx=\"sub\">Detalhes pensados para servir com praticidade.<\/p>\r\n    <div class=\"mq-tech-grid\">\r\n      <figure class=\"mq-tech-item\">\r\n        <div class=\"mq-tech-photo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Reservatorio-termico-de-aco-escovado-1.png\" alt=\"Reservat\u00f3rio interno em inox\"><\/div>\r\n        <h3 class=\"mq-tech-name\" data-tx=\"n1\">Reservat\u00f3rio Interno<\/h3>\r\n        <p class=\"mq-tech-desc\" data-tx=\"d1\">Reservat\u00f3rio interno em INOX com capacidade para at\u00e9 900ml.<\/p>\r\n      <\/figure>\r\n      <figure class=\"mq-tech-item\">\r\n        <div class=\"mq-tech-photo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Mangueira-azul-translucida-em-dois-giros-1.png\" alt=\"Mangueira para conex\u00e3o externa\"><\/div>\r\n        <h3 class=\"mq-tech-name\" data-tx=\"n2\">Conex\u00e3o Externa<\/h3>\r\n        <p class=\"mq-tech-desc\" data-tx=\"d2\">Mangueira para abastecimento direto de recipientes externos.<\/p>\r\n      <\/figure>\r\n      <figure class=\"mq-tech-item\">\r\n        <div class=\"mq-tech-photo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Tres-sensores-circulares-em-triangulo-1.png\" alt=\"Tr\u00eas sensores de acionamento\"><\/div>\r\n        <h3 class=\"mq-tech-name\" data-tx=\"n3\">Acionamento 3 sensores<\/h3>\r\n        <p class=\"mq-tech-desc\" data-tx=\"d3\">Sensores reconhecem a posi\u00e7\u00e3o do copo e acionam a dose.<\/p>\r\n      <\/figure>\r\n      <figure class=\"mq-tech-item\">\r\n        <div class=\"mq-tech-photo\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Cabo-USB-preto-em-arco-perfeito-1.png\" alt=\"Cabo USB-C de alimenta\u00e7\u00e3o\"><\/div>\r\n        <h3 class=\"mq-tech-name\" data-tx=\"n4\">Alimenta\u00e7\u00e3o USB-C<\/h3>\r\n        <p class=\"mq-tech-desc\" data-tx=\"d4\">Conex\u00e3o simples e compat\u00edvel com fontes USB-C.<\/p>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <noscript>\r\n    <img decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Tecnologia-e-construcao-sobre-fundo-branco-1.png\" alt=\"Tecnologia e constru\u00e7\u00e3o da colheitadeira MAQPRIME\">\r\n  <\/noscript>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/* ================= EDITE AQUI: IMAGEM DO CELULAR ================= *\/\r\n  var IMAGEM = {\r\n    PT: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Tecnologia-e-construcao-sobre-fundo-branco-1.png',\r\n    EN: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/English.png',\r\n    ES: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Tecnologia-pratica-para-servir-melhor.png'\r\n  };\r\n  var DESCRICAO = {\r\n    PT: 'Tecnologia e constru\u00e7\u00e3o: reservat\u00f3rio interno em inox, conex\u00e3o externa, acionamento por 3 sensores e alimenta\u00e7\u00e3o USB-C da colheitadeira MAQPRIME',\r\n    EN: 'Technology and build: stainless steel internal tank, external connection, 3-sensor activation and USB-C power of the MAQPRIME harvester',\r\n    ES: 'Tecnolog\u00eda y construcci\u00f3n: dep\u00f3sito interno de acero inoxidable, conexi\u00f3n externa, activaci\u00f3n con 3 sensores y alimentaci\u00f3n USB-C de la cosechadora MAQPRIME'\r\n  };\r\n  \/* ================= TEXTOS DO COMPUTADOR ================= *\/\r\n  var TX = {\r\n    EN: {\r\n      title: 'Technology and Build', sub: 'Details designed for effortless serving.',\r\n      n1: 'Internal Tank', d1: 'Stainless steel internal tank holding up to 900 ml.',\r\n      n2: 'External Connection', d2: 'Hose for filling directly from external containers.',\r\n      n3: '3-Sensor Activation', d3: 'Sensors detect the glass position and trigger the pour.',\r\n      n4: 'USB-C Power', d4: 'Simple connection, compatible with USB-C power adapters.'\r\n    },\r\n    ES: {\r\n      title: 'Tecnolog\u00eda y Construcci\u00f3n', sub: 'Detalles pensados para servir con practicidad.',\r\n      n1: 'Dep\u00f3sito Interno', d1: 'Dep\u00f3sito interno de acero inoxidable con capacidad de hasta 900 ml.',\r\n      n2: 'Conexi\u00f3n Externa', d2: 'Manguera para abastecimiento directo desde recipientes externos.',\r\n      n3: 'Activaci\u00f3n con 3 sensores', d3: 'Los sensores reconocen la posici\u00f3n del vaso y activan la dosis.',\r\n      n4: 'Alimentaci\u00f3n USB-C', d4: 'Conexi\u00f3n simple y compatible con fuentes USB-C.'\r\n    }\r\n  };\r\n  \/* ========================================================= *\/\r\n\r\n  var lang = (document.documentElement.lang || '').toLowerCase();\r\n  var ES = lang.indexOf('es') === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname);\r\n  var EN = !ES && (lang.indexOf('en') === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname));\r\n  var L = ES ? 'ES' : EN ? 'EN' : 'PT';\r\n  var sec = document.getElementById('mq-techimg');\r\n  var img = document.getElementById('mq-techimg-img');\r\n  if (!sec || !img) return;\r\n\r\n  if (TX[L]) {\r\n    Array.prototype.forEach.call(sec.querySelectorAll('[data-tx]'), function (n) {\r\n      var k = n.getAttribute('data-tx'); if (TX[L][k]) n.textContent = TX[L][k];\r\n    });\r\n  }\r\n\r\n  var box = img.parentNode;\r\n  img.addEventListener('load', function () { box.classList.add('is-ready'); });\r\n  img.alt = DESCRICAO[L];\r\n  var mq = window.matchMedia('(min-width: 1024px)');\r\n  function carregar() {   \/\/ a imagem do celular s\u00f3 \u00e9 baixada fora do computador\r\n    if (!mq.matches && !img.getAttribute('src')) img.src = IMAGEM[L] || IMAGEM.PT;\r\n  }\r\n  carregar();\r\n  if (mq.addEventListener) mq.addEventListener('change', carregar); else if (mq.addListener) mq.addListener(carregar);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ea97a6 e-flex e-con-boxed e-con e-parent\" data-id=\"4ea97a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637bcd4 elementor-widget elementor-widget-html\" data-id=\"637bcd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O GALERIA COM MOLDURA (estilo player de v\u00eddeo) \u2014 MAQPRIME (v11, PT\/EN\/ES)\r\n   v11: COMPUTADOR: bot\u00e3o vazado com setinha, igual ao do celular.\r\n   v10: COMPUTADOR: \u00edcones de baixo alinhados com o texto; bot\u00e3o sem efeito ao passar o mouse.\r\n   v9: COMPUTADOR: t\u00edtulo, frase e bot\u00e3o iguais aos da se\u00e7\u00e3o Harvester MQX-01. Celular igual.\r\n   v8: celular: t\u00edtulo do tamanho do \"Escolha sua vers\u00e3o\", espa\u00e7os menores, bot\u00e3o mais forte.\r\n   v7: celular: texto do bot\u00e3o mais forte e espa\u00e7o t\u00edtulo\u2192frase igual ao frase\u2192bot\u00e3o.\r\n   v6: celular: t\u00edtulo, frase e bot\u00e3o menores e proporcionais \u00e0 largura da tela.\r\n   v5: layout novo (\"Veja em a\u00e7\u00e3o\", bot\u00e3o vazado EXPLORAR GALERIA \u2192, controles\r\n       embaixo: pausar \u00b7 sem som \u00b7 01 \/ 08 \u00b7 tela cheia). A capa \u00e9 o 1\u00ba item da\r\n       galeria (abre nela). V\u00eddeo volta ao come\u00e7o quando passa para o lado.\r\n   v4: galeria nova s\u00f3 com v\u00eddeos, capa pr\u00f3pria no celular (CAPA_CELULAR), TUDO MUDO (sem bot\u00e3o de som, v\u00eddeos da\r\n       tela cheia tocam sozinhos em loop, sem som). Capa nova no computador.\r\n   \u2022 V\u00eddeo ocupa tudo; por cima da parte de baixo fica uma barra\r\n     transl\u00facida: tela cheia (esq.), pontinhos (meio) e som (dir.)\r\n   \u2022 No meio fica s\u00f3 a capa (o v\u00eddeo, rodando mudo)\r\n   \u2022 Tocar em QUALQUER lugar da se\u00e7\u00e3o abre a galeria em tela cheia\r\n     (menos o bot\u00e3o de som). Tocar num pontinho abre naquela foto.\r\n   \u2022 Arrastar para o lado tamb\u00e9m abre (esquerda \u2192 2\u00aa foto; direita \u2192 \u00faltima)\r\n   \u2022 Computador: largura total da tela, faixa larga (estilo Stetson), texto\r\n     \u00e0 esquerda, e capa pr\u00f3pria (CAPA_COMPUTADOR no script).\r\n   \u2022 Textos em ingl\u00eas (\/en\/) e espanhol (\/es\/) trocam sozinhos.\r\n   Nome pr\u00f3prio (mpcf): pode ter mais de uma na mesma p\u00e1gina e n\u00e3o mexe na\r\n   outra galeria (mpcb). Para outra galeria igual, \u00e9 s\u00f3 colar este c\u00f3digo em\r\n   outro widget HTML e trocar a lista de fotos.\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400..900&amp;family=Playfair+Display:wght@500&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mpcf, .mpcf *, .mpcfl, .mpcfl * { box-sizing: border-box; }\r\n\r\n\/* =================== GALERIA NA P\u00c1GINA =================== *\/\r\n.mpcf {\r\n  position: relative;\r\n  display: flex; flex-direction: column;\r\n  width: min(100vw, 720px);\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n  flex: none;\r\n  background: #000;\r\n  color: #fff;\r\n  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  outline: none;\r\n  cursor: pointer;\r\n  -webkit-tap-highlight-color: transparent;\r\n  -webkit-user-select: none; user-select: none;\r\n  touch-action: pan-y;                  \/* deixa rolar a p\u00e1gina; o arraste para o lado abre a galeria *\/\r\n}\r\n\r\n\/* ---------- Controles embaixo, por cima do v\u00eddeo (pausar \u00b7 som \u00b7 contador \u00b7 tela cheia) ---------- *\/\r\n.mpcf .mpcf__bottom {\r\n  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;\r\n  display: grid; grid-template-columns: auto auto 1fr auto auto;\r\n  align-items: center; gap: 14px;\r\n  margin: 0; padding: 0 18px 16px;      \/* \u2190 dist\u00e2ncia dos controles at\u00e9 a borda *\/\r\n  background: transparent;\r\n}\r\n.mpcf .mpcf__bottom svg { filter: drop-shadow(0 1px 3px rgba(0,0,0,.45)); }\r\n.mpcf .mpcf__count {\r\n  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  font-size: 15px; font-weight: 400; letter-spacing: .02em;\r\n  color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap;\r\n  text-shadow: 0 1px 4px rgba(0,0,0,.45);\r\n}\r\n\r\n.mpcf .mpcf__ico,\r\n.mpcf .mpcf__ico:hover,\r\n.mpcf .mpcf__ico:focus,\r\n.mpcf .mpcf__ico:active {\r\n  display: grid; place-items: center;\r\n  width: 30px; height: 30px; min-width: 0; min-height: 0;\r\n  padding: 0; margin: 0; border: 0; border-radius: 50%;\r\n  background: transparent; color: #fff;\r\n  box-shadow: none; outline: none; cursor: pointer;\r\n  -webkit-appearance: none; appearance: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n  opacity: .92;\r\n  transition: opacity .2s ease, background-color .2s ease;\r\n}\r\n.mpcf .mpcf__ico svg { width: 22px; height: 22px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.mpcf .mpcf__ico[disabled] { opacity: .3; cursor: default; }\r\n\/* pausar\/continuar: \u00edcone dentro de um c\u00edrculo *\/\r\n.mpcf .mpcf__play,\r\n.mpcf .mpcf__play:hover,\r\n.mpcf .mpcf__play:focus,\r\n.mpcf .mpcf__play:active { width: 36px; height: 36px; border: 1.6px solid rgba(255,255,255,.95); opacity: 1; }\r\n.mpcf .mpcf__play svg { width: 15px; height: 15px; fill: currentColor; stroke: none; }\r\n.mpcf .mpcf__play .mpcf__pl { display: none; }\r\n.mpcf .mpcf__play.is-paused .mpcf__pl { display: block; }\r\n.mpcf .mpcf__play.is-paused .mpcf__pa { display: none; }\r\n.mpcf .mpcf__vol { cursor: default; }\r\n.mpcf .mpcf__full svg { width: 24px; height: 24px; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter; }\r\n@media (hover: hover) { .mpcf .mpcf__ico:not([disabled]):hover { background: rgba(255,255,255,.12); } }\r\n.mpcf .mpcf__vol .mpcf__on { display: none; }\r\n.mpcf .mpcf__vol.is-on .mpcf__on { display: block; }\r\n.mpcf .mpcf__vol.is-on .mpcf__off { display: none; }\r\n\r\n\/* ---------- Meio: a capa ---------- *\/\r\n.mpcf .mpcf__media {\r\n  position: relative;\r\n  width: 100%;\r\n  height: calc(min(100vw, 720px) * 4 \/ 3);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: #000;\r\n}\r\n@supports (aspect-ratio: 3 \/ 4) {\r\n  .mpcf .mpcf__media { height: auto; aspect-ratio: 3 \/ 4; min-height: 200px; }\r\n}\r\n.mpcf .mpcf__cover img,\r\n.mpcf .mpcf__cover video {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  display: block; width: 100%; height: 100%;\r\n  max-width: none; margin: 0; border: 0; border-radius: 0;\r\n  object-fit: cover; object-position: center;\r\n  -webkit-user-drag: none; pointer-events: none;\r\n}\r\n\r\n\/* Sombra suave no topo *\/\r\n.mpcf .mpcf__shade {\r\n  position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n  background: linear-gradient(to bottom, rgba(0,0,0,.45) 0%, rgba(0,0,0,.2) 26%, rgba(0,0,0,0) 46%, rgba(0,0,0,0) 76%, rgba(0,0,0,.38) 100%);\r\n}\r\n\r\n\/* T\u00edtulo, frase e bot\u00e3o \u2014 no TOPO *\/\r\n.mpcf .mpcf__content {\r\n  position: absolute; left: 0; right: 0; top: 0; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 48px 24px 0;              \/* \u2190 dist\u00e2ncia do t\u00edtulo at\u00e9 o topo (computador) *\/\r\n  display: flex; flex-direction: column; align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.mpcf h2.mpcf__title {\r\n  font-family: 'Playfair Display', 'Times New Roman', Times, serif;\r\n  font-weight: 500;\r\n  font-size: clamp(38px, 11.2vw, 56px);   \/* \u2190 tamanho do t\u00edtulo *\/\r\n  letter-spacing: -.01em;\r\n  line-height: 1.05;\r\n  color: #ffffff;\r\n  margin: 0 0 14px;\r\n  padding: 0;\r\n  text-transform: none;\r\n  font-variant-numeric: lining-nums;\r\n  text-shadow: 0 1px 12px rgba(0,0,0,.35);\r\n}\r\n\r\n.mpcf p.mpcf__desc {\r\n  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  font-weight: 400;\r\n  font-size: clamp(16px, 4.7vw, 20px);    \/* \u2190 tamanho da frase *\/\r\n  line-height: 1.45;\r\n  color: #ffffff;\r\n  max-width: 400px;\r\n  margin: 0 auto 26px;\r\n  padding: 0;\r\n  text-shadow: 0 1px 10px rgba(0,0,0,.4);\r\n}\r\n\r\n.mpcf .mpcf__btns { display: flex; justify-content: center; }\r\n\r\n.mpcf .mpcf__btn,\r\n.mpcf .mpcf__btn:hover,\r\n.mpcf .mpcf__btn:focus,\r\n.mpcf .mpcf__btn:active {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  gap: 16px;                           \/* \u2190 espa\u00e7o entre o texto e a seta *\/\r\n  min-width: 0; width: auto; height: auto; margin: 0;\r\n  padding: 15px 26px 15px 30px;\r\n  border-radius: 8px;\r\n  border: 1.5px solid rgba(255,255,255,.92);\r\n  background: rgba(0,0,0,.10); color: #fff;\r\n  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);\r\n  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  font-weight: 500; font-size: 13px; line-height: 1;\r\n  letter-spacing: .2em; text-transform: uppercase;\r\n  text-decoration: none;\r\n  box-shadow: none; text-shadow: none; outline: none;\r\n  cursor: pointer;\r\n  -webkit-appearance: none; appearance: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n  transition: background-color .2s ease, color .2s ease;\r\n}\r\n.mpcf .mpcf__btn svg.mpcf__btn-ico {\r\n  display: block; flex: none;\r\n  width: 17px; height: 17px;            \/* \u2190 tamanho da seta *\/\r\n  margin: 0; padding: 0;\r\n  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.mpcf .mpcf__btn span { display: block; font: inherit; color: inherit; letter-spacing: inherit; }\r\n@media (hover: hover) {\r\n  .mpcf:hover .mpcf__btn { background: #fff; color: #1a1a1a; }\r\n}\r\n\r\n\/* Pontinhos \u2014 na barra transl\u00facida de baixo (quantas fotos\/v\u00eddeos tem) *\/\r\n.mpcf .mpcf__dots { visibility: hidden; }   \/* pontinhos sa\u00edram (agora tem o contador 01 \/ 08) *\/\r\n.mpcf .mpcf__dots {\r\n  display: flex; justify-content: center; align-items: center;\r\n  gap: 0; margin: 0; padding: 0;\r\n}\r\n.mpcf .mpcf__dot,\r\n.mpcf .mpcf__dot:hover,\r\n.mpcf .mpcf__dot:focus,\r\n.mpcf .mpcf__dot:active {\r\n  width: 16px; height: 18px; min-width: 0; min-height: 0;\r\n  padding: 0; margin: 0; border: 0; border-radius: 0;\r\n  background: transparent; box-shadow: none; outline: none;\r\n  display: grid; place-items: center; cursor: pointer;\r\n  -webkit-appearance: none; appearance: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.mpcf .mpcf__dot::before {\r\n  content: \"\"; display: block;\r\n  width: 5px; height: 5px; border-radius: 3px;\r\n  background: rgba(255,255,255,.55);\r\n  box-shadow: 0 0 3px rgba(0,0,0,.45);\r\n  transition: width .25s, background-color .25s;\r\n}\r\n.mpcf .mpcf__dot.is-active::before { width: 14px; background: #fff; }\r\n@media (hover: hover) {\r\n  .mpcf .mpcf__dot:hover::before { background: rgba(255,255,255,.75); }\r\n}\r\n\r\n.mpcf:focus-visible,\r\n.mpcf .mpcf__btn:focus-visible,\r\n.mpcf .mpcf__ico:focus-visible,\r\n.mpcf .mpcf__dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }\r\n\r\n@media (max-width: 640px) {\r\n  .mpcf .mpcf__content { padding: 15vw 20px 0; }   \/* \u2190 dist\u00e2ncia do t\u00edtulo at\u00e9 o topo (celular) *\/\r\n  \/* celular: tudo proporcional \u00e0 largura da tela (igual ao layout de refer\u00eancia) *\/\r\n  .mpcf h2.mpcf__title { font-size: clamp(26px, 7.9vw, 40px); margin: 0 0 4vw;   \/* mesmo espa\u00e7o da frase at\u00e9 o bot\u00e3o *\/ }\r\n  .mpcf p.mpcf__desc { font-size: clamp(12.5px, 3.65vw, 17px); margin: 0 auto 4vw; }\r\n  .mpcf .mpcf__btn,\r\n  .mpcf .mpcf__btn:hover,\r\n  .mpcf .mpcf__btn:focus,\r\n  .mpcf .mpcf__btn:active {\r\n    gap: 2.9vw;\r\n    padding: 2.7vw 4.6vw 2.7vw 5.9vw;\r\n    font-size: clamp(11px, 2.9vw, 14px);\r\n    font-weight: 900;                  \/* letra mais forte no bot\u00e3o *\/\r\n    letter-spacing: .17em;            \/* compensa o negrito: o bot\u00e3o n\u00e3o cresce *\/\r\n    border-width: 1.2px;\r\n    border-radius: 1.6vw;\r\n  }\r\n  .mpcf .mpcf__btn svg.mpcf__btn-ico { width: 3vw; height: 3vw; }\r\n}\r\n\r\n\/* =================== COMPUTADOR: largura total, estilo Stetson =================== *\/\r\n@media (min-width: 900px) {\r\n  html, body { overflow-x: clip; }\r\n  .mpcf {\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: calc(50% - 50vw) !important;\r\n  }\r\n  .mpcf .mpcf__media,\r\n  .mpcf .mpcf__media { aspect-ratio: auto; height: clamp(460px, 40vw, 640px); min-height: 0; }\r\n  .mpcf .mpcf__shade {\r\n    background: linear-gradient(to right, rgba(0,0,0,.6) 0%, rgba(0,0,0,.32) 32%, rgba(0,0,0,0) 58%);\r\n  }\r\n  .mpcf .mpcf__content {\r\n    top: 0; bottom: 0; max-width: none;\r\n    align-items: flex-start; justify-content: center; text-align: left;\r\n    padding: 0 max(80px, calc((100vw - 1200px) \/ 2));\r\n  }\r\n  .mpcf h2.mpcf__title { font-size: clamp(50px, 4.2vw, 66px); margin-bottom: 16px; }\r\n  .mpcf p.mpcf__desc { font-size: 20px; max-width: 440px; margin: 0 0 30px; }\r\n  .mpcf .mpcf__btns { justify-content: flex-start; }\r\n  .mpcf .mpcf__btn,\r\n  .mpcf .mpcf__btn:hover,\r\n  .mpcf .mpcf__btn:focus,\r\n  .mpcf .mpcf__btn:active { padding: 16px 28px 16px 32px; font-size: 13.5px; }\r\n  .mpcf .mpcf__bottom { padding: 0 max(80px, calc((100vw - 1200px) \/ 2)) 22px; }\r\n\r\n  \/* v9 \u2014 texto e bot\u00e3o iguais aos da se\u00e7\u00e3o \"Harvester MQX-01\" (posi\u00e7\u00e3o, tamanho e estilo) *\/\r\n  .mpcf .mpcf__content { padding: 0 0 0 clamp(48px, 7.8vw, 180px); }\r\n  .mpcf h2.mpcf__title {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-weight: 400;\r\n    font-size: clamp(40px, 3.4vw, 52px);\r\n    letter-spacing: 0;\r\n    line-height: 1.1;\r\n    margin: 0 0 12px;\r\n    text-shadow: none;\r\n  }\r\n  .mpcf p.mpcf__desc {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16.5px;\r\n    line-height: 1.45;\r\n    max-width: 540px;\r\n    margin: 0 0 24px;\r\n    text-shadow: none;\r\n  }\r\n  \/* bot\u00e3o igual ao do celular: vazado (fundo transparente, contorno branco) e com a setinha *\/\r\n  .mpcf .mpcf__btn,\r\n  .mpcf .mpcf__btn:hover,\r\n  .mpcf .mpcf__btn:focus,\r\n  .mpcf .mpcf__btn:active {\r\n    gap: 14px;\r\n    padding: 14px 24px 14px 28px;\r\n    border: 1.5px solid rgba(255,255,255,.92);\r\n    border-radius: 6px;\r\n    background: rgba(0,0,0,.10);\r\n    color: #ffffff;\r\n    -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 900;\r\n    font-size: 13px;\r\n    letter-spacing: .17em;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n  }\r\n  .mpcf .mpcf__btn svg.mpcf__btn-ico { display: block; width: 16px; height: 16px; }\r\n  .mpcf:hover .mpcf__btn,\r\n  .mpcf .mpcf__btn:hover { background: rgba(0,0,0,.10); color: #ffffff; }   \/* sem efeito ao passar o mouse *\/\r\n  .mpcf .mpcf__btn { transition: none; }\r\n  \/* controles de baixo alinhados com o texto (mesma dist\u00e2ncia da borda dos dois lados) *\/\r\n  .mpcf .mpcf__bottom { padding: 0 clamp(48px, 7.8vw, 180px) 22px; }\r\n}\r\n\r\n\/* =================== TELA CHEIA (abre ao tocar na se\u00e7\u00e3o) =================== *\/\r\n.mpcfl {\r\n  position: fixed; inset: 0; z-index: 999999;\r\n  display: flex; flex-direction: column;\r\n  background: #111111;                 \/* \u2190 tom cinza-escuro da tela cheia *\/\r\n  color: #fff;\r\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  opacity: 0; visibility: hidden;\r\n  transition: opacity .25s ease, visibility .25s ease;\r\n}\r\n.mpcfl.is-open { opacity: 1; visibility: visible; }\r\n\r\n.mpcfl .mpcfl__bar {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 12px 12px 8px 20px;\r\n  padding-top: calc(12px + env(safe-area-inset-top, 0px));\r\n}\r\n.mpcfl .mpcfl__count {\r\n  font-size: 13px; letter-spacing: .5px; opacity: .8;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.mpcfl button,\r\n.mpcfl button:hover,\r\n.mpcfl button:focus,\r\n.mpcfl button:active {\r\n  font: inherit; margin: 0; padding: 0; min-width: 0; min-height: 0;\r\n  border: 0; box-shadow: none; text-shadow: none; outline: none;\r\n  color: #fff; cursor: pointer;\r\n  -webkit-appearance: none; appearance: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.mpcfl .mpcfl__close,\r\n.mpcfl .mpcfl__close:hover,\r\n.mpcfl .mpcfl__close:focus,\r\n.mpcfl .mpcfl__close:active {\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  background: rgba(255,255,255,.1);\r\n}\r\n.mpcfl .mpcfl__close svg { width: 20px; height: 20px; display: block; }\r\n\r\n.mpcfl .mpcfl__stage {\r\n  position: relative; flex: 1; min-height: 0; overflow: hidden;\r\n  touch-action: none;\r\n  -webkit-user-select: none; user-select: none;\r\n}\r\n.mpcfl .mpcfl__track {\r\n  display: flex; height: 100%;\r\n  transition: transform .38s cubic-bezier(.2,.7,.2,1);\r\n  will-change: transform;\r\n}\r\n.mpcfl .mpcfl__track.is-drag,\r\n.mpcfl .mpcfl__track.is-jump { transition: none; }\r\n.mpcfl .mpcfl__slide {\r\n  flex: 0 0 100%; height: 100%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  padding: 0 12px;\r\n}\r\n.mpcfl .mpcfl__slide img {\r\n  display: block; max-width: 100%; max-height: 100%;\r\n  width: auto; height: auto; object-fit: contain;\r\n  margin: 0; border: 0; border-radius: 0;\r\n  -webkit-user-drag: none; pointer-events: none;\r\n}\r\n.mpcfl .mpcfl__slide video {\r\n  display: block; width: 100%; height: 100%;\r\n  object-fit: contain; background: transparent;   \/* sem faixas pretas em volta do v\u00eddeo *\/\r\n}\r\n\r\n.mpcfl .mpcfl__nav,\r\n.mpcfl .mpcfl__nav:hover,\r\n.mpcfl .mpcfl__nav:focus,\r\n.mpcfl .mpcfl__nav:active {\r\n  position: absolute; top: 50%; transform: translateY(-50%);\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  background: rgba(255,255,255,.14);\r\n  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\r\n  transition: background-color .2s, opacity .2s;\r\n  z-index: 2;\r\n}\r\n.mpcfl .mpcfl__nav svg { width: 18px; height: 18px; display: block; }\r\n.mpcfl .mpcfl__nav--prev { left: 14px; }\r\n.mpcfl .mpcfl__nav--next { right: 14px; }\r\n@media (hover: hover) {\r\n  .mpcfl .mpcfl__close:hover { background: rgba(255,255,255,.2); }\r\n  .mpcfl .mpcfl__nav:hover { background: rgba(255,255,255,.26); }\r\n}\r\n\r\n.mpcfl .mpcfl__dots {\r\n  display: flex; justify-content: center; gap: 2px;\r\n  padding: 12px 12px 16px;\r\n  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));\r\n}\r\n.mpcfl .mpcfl__dot,\r\n.mpcfl .mpcfl__dot:hover,\r\n.mpcfl .mpcfl__dot:focus,\r\n.mpcfl .mpcfl__dot:active {\r\n  width: 24px; height: 24px; background: transparent;\r\n  display: grid; place-items: center;\r\n}\r\n.mpcfl .mpcfl__dot::before {\r\n  content: \"\"; display: block;\r\n  width: 6px; height: 6px; border-radius: 3px;\r\n  background: rgba(255,255,255,.35);\r\n  transition: width .25s, background-color .25s;\r\n}\r\n.mpcfl .mpcfl__dot.is-active::before { width: 18px; background: #fff; }\r\n\r\n.mpcfl button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }\r\n\r\n@media (max-width: 640px) {\r\n  .mpcfl .mpcfl__slide { padding: 0; }\r\n  .mpcfl .mpcfl__nav,\r\n  .mpcfl .mpcfl__nav:hover,\r\n  .mpcfl .mpcfl__nav:focus,\r\n  .mpcfl .mpcfl__nav:active { width: 36px; height: 36px; background: rgba(0,0,0,.35); }\r\n  .mpcfl .mpcfl__nav svg { width: 16px; height: 16px; }\r\n  .mpcfl .mpcfl__nav--prev { left: 8px; }\r\n  .mpcfl .mpcfl__nav--next { right: 8px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .mpcf .mpcf__dot::before,\r\n  .mpcfl, .mpcfl .mpcfl__track, .mpcfl .mpcfl__dot::before { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mpcf\" tabindex=\"0\" role=\"button\" data-no-translation\r\n         aria-label=\"Abrir fotos e v\u00eddeos MQX-01 em tela cheia\">\r\n\r\n  <!-- Meio: a capa (primeiro item da lista, ou CAPA_COMPUTADOR no computador) -->\r\n  <div class=\"mpcf__media\">\r\n    <div class=\"mpcf__cover\"><\/div>\r\n    <div class=\"mpcf__shade\"><\/div>\r\n\r\n    <!-- EDITE AQUI: t\u00edtulo, frase e texto do bot\u00e3o (portugu\u00eas) -->\r\n    <div class=\"mpcf__content\">\r\n      <h2 class=\"mpcf__title\" data-mq-tx=\"titulo\">Veja em a\u00e7\u00e3o<\/h2>\r\n      <p class=\"mpcf__desc\" data-mq-tx=\"frase\">Posicione o copo.<br>A dose \u00e9 autom\u00e1tica.<\/p>\r\n      <div class=\"mpcf__btns\">\r\n        <button class=\"mpcf__btn\" type=\"button\" tabindex=\"-1\">\r\n          <span data-mq-tx=\"botao\">Explorar galeria<\/span>\r\n          <svg class=\"mpcf__btn-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Controles embaixo: pausar \u00b7 sem som \u00b7 contador \u00b7 tela cheia -->\r\n  <div class=\"mpcf__bottom\">\r\n    <button class=\"mpcf__ico mpcf__play\" type=\"button\" aria-label=\"Pausar o v\u00eddeo\">\r\n      <svg class=\"mpcf__pa\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"6\" y=\"4.5\" width=\"4\" height=\"15\" rx=\"1\"\/><rect x=\"14\" y=\"4.5\" width=\"4\" height=\"15\" rx=\"1\"\/><\/svg>\r\n      <svg class=\"mpcf__pl\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 4.8v14.4L19.5 12z\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"mpcf__ico mpcf__vol\" type=\"button\" aria-label=\"V\u00eddeo sem som\">\r\n      <svg class=\"mpcf__off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9.5h3.5L12 5.5v13l-4.5-4H4z\"\/><path d=\"M16 9.5l5 5M21 9.5l-5 5\"\/><\/svg>\r\n      <svg class=\"mpcf__on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9.5h3.5L12 5.5v13l-4.5-4H4z\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"mpcf__dots\"><\/div>\r\n    <span class=\"mpcf__count\" aria-hidden=\"true\"><\/span>\r\n    <button class=\"mpcf__ico mpcf__full\" type=\"button\" aria-label=\"Ver em tela cheia\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/* ====== EDITE AQUI: v\u00eddeo e fotos (o primeiro \u00e9 a capa no celular) ====== *\/\r\n  var ITENS = [\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheitadeira_que_serve_bebida_Azul01.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/colheitadeira_terere_erva_chimarrao_azul.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheiradeira_shot_bebida_drink_harvester_yellow.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheitadeira_harvester_combine_green_drink_whisky_terere.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheitadeira_3_copos_bebida_harvester_drink_whisky_vodka.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheitadeira_Harvester_green_vodka_colheita.mp4\",\r\n    \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/Colheitadeira_jogos_games_harvester_roleta_yellow_amarelo.mp4\"\r\n  ];\r\n\r\n  \/* ====== EDITE AQUI: capa do CELULAR (v\u00eddeo\/foto em p\u00e9) ======\r\n     Deixe vazio (\"\") para usar o 1\u00ba item da lista. *\/\r\n  var CAPA_CELULAR = \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/mobile_final_harvester_colheitadeira_drink_bebida.mp4\";\r\n\r\n  \/* ====== EDITE AQUI: capa do COMPUTADOR (v\u00eddeo\/foto bem largo, ideal 2400 \u00d7 900) ======\r\n     Deixe vazio (\"\") para usar a mesma capa do celular (o 1\u00ba item da lista).\r\n     POSICAO_COMPUTADOR: qual parte da capa aparece ('center', 'center 70%'\u2026). *\/\r\n  var CAPA_COMPUTADOR = \"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/IMG_3498_web.mp4\";   \/\/ provis\u00f3ria: troque quando escolher a definitiva\r\n  var POSICAO_COMPUTADOR = \"center\";\r\n\r\n  \/* ====== TEXTOS EM INGL\u00caS (site em EN) ====== *\/\r\n  var EN_TX = {\r\n    titulo: \"See it in action\",\r\n    frase:  \"Place the glass.<br>The pour is automatic.\",\r\n    botao:  \"Explore gallery\"\r\n  };\r\n  \/* ====== TEXTOS EM ESPANHOL (site em ES) ====== *\/\r\n  var ES_TX = {\r\n    titulo: \"M\u00edrala en acci\u00f3n\",\r\n    frase:  \"Coloca el vaso.<br>La dosis es autom\u00e1tica.\",\r\n    botao:  \"Explorar galer\u00eda\"\r\n  };\r\n  \/* ============================================================== *\/\r\n\r\n  var me = document.currentScript;\r\n  var box = me && me.parentNode;\r\n  var root = box && box.querySelector ? box.querySelector(\".mpcf:not([data-mpcf-ready])\") : null;\r\n  if (!root) root = document.querySelector(\".mpcf:not([data-mpcf-ready])\");\r\n  if (!root) return;\r\n  root.dataset.mpcfReady = \"1\";\r\n\r\n  var LANG = (document.documentElement.lang || \"\").toLowerCase();\r\n  var EN = LANG.indexOf(\"en\") === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname);\r\n  var ES = !EN && (LANG.indexOf(\"es\") === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname));\r\n  var L = ES ? {\r\n    open: \"Abrir fotos y videos de la MQX-01 en pantalla completa\", full: \"Ver en pantalla completa\",\r\n    item: \"Abrir elemento \", mute: \"Video sin sonido\", pause: \"Pausar el video\", play: \"Reproducir el video\",\r\n    dialog: \"Fotos y videos en pantalla completa\", close: \"Cerrar\", prev: \"Anterior\", next: \"Siguiente\",\r\n    photo: function (i) { return \"Foto \" + i + \" de la galer\u00eda\"; }, see: \"Ver elemento \"\r\n  } : EN ? {\r\n    open: \"Open MQX-01 photos and videos in full screen\", full: \"View full screen\",\r\n    item: \"Open item \", mute: \"Video without sound\", pause: \"Pause video\", play: \"Play video\",\r\n    dialog: \"Photos and videos in full screen\", close: \"Close\", prev: \"Previous\", next: \"Next\",\r\n    photo: function (i) { return \"Gallery photo \" + i; }, see: \"View item \"\r\n  } : {\r\n    open: \"Abrir fotos e v\u00eddeos MQX-01 em tela cheia\", full: \"Ver em tela cheia\",\r\n    item: \"Abrir item \", mute: \"V\u00eddeo sem som\", pause: \"Pausar o v\u00eddeo\", play: \"Continuar o v\u00eddeo\",\r\n    dialog: \"Fotos e v\u00eddeos em tela cheia\", close: \"Fechar\", prev: \"Anterior\", next: \"Pr\u00f3xima\",\r\n    photo: function (i) { return \"Foto \" + i + \" da galeria\"; }, see: \"Ver item \"\r\n  };\r\n  var TX = ES ? ES_TX : (EN ? EN_TX : null);\r\n  if (TX) {\r\n    Array.prototype.forEach.call(root.querySelectorAll(\"[data-mq-tx]\"), function (n) {\r\n      var k = n.getAttribute(\"data-mq-tx\"); if (TX[k]) n.innerHTML = TX[k];\r\n    });\r\n    root.setAttribute(\"aria-label\", L.open);\r\n    root.querySelector(\".mpcf__full\").setAttribute(\"aria-label\", L.full);\r\n  }\r\n\r\n  var ARROW_L = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>';\r\n  var ARROW_R = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>';\r\n  var isVideo = function (url) { return \/\\.(mp4|webm|mov)(\\?|#|$)\/i.test(url); };\r\n  var items = CAPA_CELULAR ? [CAPA_CELULAR].concat(ITENS) : ITENS;   \/\/ a capa \u00e9 o 1\u00ba item: a galeria abre nela\r\n  var N = items.length;\r\n  var SLIDE_MS = 450;                                 \/\/ dura\u00e7\u00e3o da troca na tela cheia\r\n\r\n  function makeClone(slide) {\r\n    var c = slide.cloneNode(true);\r\n    c.setAttribute(\"aria-hidden\", \"true\");\r\n    var v = c.querySelector(\"video\");\r\n    if (v) { v.muted = true; v.removeAttribute(\"controls\"); v.removeAttribute(\"autoplay\"); }\r\n    return c;\r\n  }\r\n\r\n  \/* =========================================================\r\n     1) NA P\u00c1GINA \u2014 s\u00f3 a capa; tocar em qualquer lugar abre\r\n     ========================================================= *\/\r\n  var cover = root.querySelector(\".mpcf__cover\");\r\n  var dotsEl = root.querySelector(\".mpcf__dots\");\r\n  var volBtn = root.querySelector(\".mpcf__vol\");\r\n  var playBtn = root.querySelector(\".mpcf__play\");\r\n  var userPaused = false;                            \/\/ a pessoa apertou pausar\r\n  function dois(n) { return (n < 10 ? \"0\" : \"\") + n; }\r\n  root.querySelector(\".mpcf__count\").textContent = dois(1) + \" \/ \" + dois(N);\r\n  var soundOn = false;                               \/\/ TUDO MUDO: nunca liga o som\r\n  var visible = true, lbOpen = false;\r\n  var coverVideo = null;\r\n\r\n  \/* Capa: no computador usa CAPA_COMPUTADOR (se tiver), no celular o 1\u00ba item *\/\r\n  var mqPc = window.matchMedia(\"(min-width: 900px)\");\r\n  var coverUrl = \"\";\r\n  function buildCover() {\r\n    if (!N) return;\r\n    var pc = mqPc.matches;\r\n    var url = (pc && CAPA_COMPUTADOR) ? CAPA_COMPUTADOR : items[0];\r\n    var pos = pc ? (POSICAO_COMPUTADOR || \"center\") : \"center\";\r\n    if (url === coverUrl) {\r\n      var cur = cover.firstChild; if (cur) cur.style.objectPosition = pos;\r\n      return;\r\n    }\r\n    coverUrl = url;\r\n    if (coverVideo) coverVideo.pause();\r\n    cover.innerHTML = \"\";\r\n    coverVideo = null;\r\n    if (isVideo(url)) {\r\n      coverVideo = document.createElement(\"video\");\r\n      coverVideo.src = url;\r\n      coverVideo.muted = true;\r\n      coverVideo.setAttribute(\"muted\", \"\");\r\n      coverVideo.loop = true;\r\n      coverVideo.playsInline = true;\r\n      coverVideo.setAttribute(\"playsinline\", \"\");\r\n      coverVideo.setAttribute(\"aria-hidden\", \"true\");\r\n      coverVideo.preload = \"auto\";\r\n      coverVideo.style.objectPosition = pos;\r\n      cover.appendChild(coverVideo);\r\n    } else {\r\n      var im = document.createElement(\"img\");\r\n      im.src = url;\r\n      im.alt = \"\";\r\n      im.draggable = false;\r\n      im.decoding = \"async\";\r\n      im.style.objectPosition = pos;\r\n      cover.appendChild(im);\r\n    }\r\n  }\r\n  buildCover();\r\n  function onMqChange() { buildCover(); syncVideo(); }\r\n  if (mqPc.addEventListener) mqPc.addEventListener(\"change\", onMqChange); else if (mqPc.addListener) mqPc.addListener(onMqChange);\r\n\r\n  \/\/ Pontinhos: mostram quantos itens tem; tocar num deles abre naquele item\r\n  items.forEach(function (it, i) {\r\n    var dot = document.createElement(\"button\");\r\n    dot.type = \"button\";\r\n    dot.tabIndex = -1;\r\n    dot.className = \"mpcf__dot\" + (i === 0 ? \" is-active\" : \"\");\r\n    dot.setAttribute(\"aria-label\", L.item + (i + 1));\r\n    dot.dataset.i = i;\r\n    dotsEl.appendChild(dot);\r\n  });\r\n\r\n  function syncVideo() {\r\n    if (!coverVideo) { paintVol(); return; }\r\n    if (visible && !lbOpen && !userPaused) {\r\n      coverVideo.muted = !soundOn;\r\n      var v = coverVideo;\r\n      var p = v.play();\r\n      if (p && p.catch) p.catch(function () { v.muted = true; soundOn = false; paintVol(); v.play().catch(function () {}); });\r\n    } else coverVideo.pause();\r\n    paintVol();\r\n  }\r\n\r\n  function paintVol() {                             \/\/ som: sempre mudo (s\u00f3 o \u00edcone)\r\n    volBtn.classList.remove(\"is-on\");\r\n    volBtn.setAttribute(\"aria-label\", L.mute);\r\n    playBtn.hidden = !coverVideo;\r\n    playBtn.classList.toggle(\"is-paused\", userPaused);\r\n    playBtn.setAttribute(\"aria-label\", userPaused ? L.play : L.pause);\r\n  }\r\n\r\n  volBtn.addEventListener(\"click\", function (e) { e.stopPropagation(); volBtn.blur(); });   \/\/ tudo mudo: o \u00edcone n\u00e3o liga o som\r\n  playBtn.addEventListener(\"click\", function (e) {\r\n    e.stopPropagation();                             \/\/ pausar n\u00e3o abre a galeria\r\n    userPaused = !userPaused;\r\n    syncVideo();\r\n    playBtn.blur();\r\n  });\r\n\r\n  \/\/ Arrastar para o lado \u2192 abre a tela cheia (esquerda: pr\u00f3xima foto; direita: \u00faltima)\r\n  var sPid = null, sX = 0, sY = 0, swiped = false;\r\n  root.addEventListener(\"pointerdown\", function (e) {\r\n    if (e.pointerType === \"mouse\" && e.button !== 0) return;\r\n    if (e.target.closest(\".mpcf__vol, .mpcf__play\")) return;\r\n    sPid = e.pointerId; sX = e.clientX; sY = e.clientY; swiped = false;\r\n  });\r\n  root.addEventListener(\"pointermove\", function (e) {\r\n    if (sPid !== e.pointerId || lbOpen) return;\r\n    var mx = e.clientX - sX, my = e.clientY - sY;\r\n    if (Math.abs(my) > 14 && Math.abs(my) > Math.abs(mx)) { sPid = null; return; }   \/\/ rolando a p\u00e1gina\r\n    if (Math.abs(mx) > 24 && Math.abs(mx) > Math.abs(my)) {\r\n      sPid = null; swiped = true;\r\n      openLb(mx < 0 ? 1 : N - 1);\r\n      setTimeout(function () { swiped = false; }, 400);\r\n    }\r\n  });\r\n  function endSwipe(e) { if (sPid === e.pointerId) sPid = null; }\r\n  root.addEventListener(\"pointerup\", endSwipe);\r\n  root.addEventListener(\"pointercancel\", endSwipe);\r\n\r\n  \/\/ Toque\/clique em qualquer lugar da se\u00e7\u00e3o \u2192 abre a tela cheia\r\n  root.addEventListener(\"click\", function (e) {\r\n    if (swiped) return;                              \/\/ j\u00e1 abriu pelo arraste\r\n    if (e.target.closest(\".mpcf__vol, .mpcf__play\")) return;\r\n    var d = e.target.closest(\".mpcf__dot\");\r\n    openLb(d ? +d.dataset.i : 0);\r\n  });\r\n  root.addEventListener(\"keydown\", function (e) {\r\n    if (e.target !== root) return;\r\n    if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); openLb(0); }\r\n  });\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) { visible = en.isIntersecting; syncVideo(); });\r\n    }, { threshold: 0.25 }).observe(root);\r\n  }\r\n\r\n  \/* =========================================================\r\n     2) TELA CHEIA\r\n     ========================================================= *\/\r\n  var lb = document.createElement(\"div\");\r\n  lb.className = \"mpcfl\";\r\n  lb.setAttribute(\"data-no-translation\", \"\");\r\n  lb.setAttribute(\"role\", \"dialog\");\r\n  lb.setAttribute(\"aria-modal\", \"true\");\r\n  lb.setAttribute(\"aria-label\", L.dialog);\r\n  lb.setAttribute(\"aria-hidden\", \"true\");\r\n  lb.innerHTML =\r\n    '<div class=\"mpcfl__bar\">' +\r\n      '<span class=\"mpcfl__count\" aria-live=\"polite\"><\/span>' +\r\n      '<button class=\"mpcfl__close\" type=\"button\" aria-label=\"' + L.close + '\">' +\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>' +\r\n      '<\/button>' +\r\n    '<\/div>' +\r\n    '<div class=\"mpcfl__stage\">' +\r\n      '<div class=\"mpcfl__track\"><\/div>' +\r\n      '<button class=\"mpcfl__nav mpcfl__nav--prev\" type=\"button\" aria-label=\"' + L.prev + '\">' + ARROW_L + '<\/button>' +\r\n      '<button class=\"mpcfl__nav mpcfl__nav--next\" type=\"button\" aria-label=\"' + L.next + '\">' + ARROW_R + '<\/button>' +\r\n    '<\/div>' +\r\n    '<div class=\"mpcfl__dots\"><\/div>';\r\n  document.body.appendChild(lb);   \/\/ fica fora dos containers do Elementor\r\n\r\n  var lbStage = lb.querySelector(\".mpcfl__stage\");\r\n  var lbTrack = lb.querySelector(\".mpcfl__track\");\r\n  var lbDotsEl = lb.querySelector(\".mpcfl__dots\");\r\n  var lbCount = lb.querySelector(\".mpcfl__count\");\r\n  var lbClose = lb.querySelector(\".mpcfl__close\");\r\n  var lbPrev = lb.querySelector(\".mpcfl__nav--prev\");\r\n  var lbNext = lb.querySelector(\".mpcfl__nav--next\");\r\n  var lbSlides = [], lbDots = [], lbIndex = 0, lbPos = 1, lbSnapTo = null, lbSnapTimer = null;\r\n  var lbBuilt = false, lastFocus = null;\r\n  if (N < 2) { lbPrev.hidden = true; lbNext.hidden = true; lbPos = 0; }\r\n\r\n  \/\/ Monta a tela cheia s\u00f3 na primeira vez que abrir (n\u00e3o pesa a p\u00e1gina)\r\n  function buildLb() {\r\n    if (lbBuilt) return;\r\n    lbBuilt = true;\r\n    items.forEach(function (it, i) {\r\n      var slide = document.createElement(\"div\");\r\n      slide.className = \"mpcfl__slide\";\r\n      var el;\r\n      if (isVideo(it)) {\r\n        el = document.createElement(\"video\");\r\n        el.src = it;\r\n        el.muted = true;                             \/\/ TUDO MUDO\r\n        el.setAttribute(\"muted\", \"\");\r\n        el.loop = true;\r\n        el.playsInline = true;\r\n        el.setAttribute(\"playsinline\", \"\");\r\n        el.preload = i === 0 ? \"auto\" : \"metadata\";  \/\/ s\u00f3 baixa o v\u00eddeo inteiro quando for ver\r\n        el.addEventListener(\"volumechange\", function () { if (!this.muted) this.muted = true; });\r\n      } else {\r\n        el = document.createElement(\"img\");\r\n        el.src = it;\r\n        el.alt = L.photo(i + 1);\r\n        el.draggable = false;\r\n        el.decoding = \"async\";\r\n      }\r\n      slide.appendChild(el);\r\n      lbTrack.appendChild(slide);\r\n      lbSlides.push(slide);\r\n\r\n      var d = document.createElement(\"button\");\r\n      d.type = \"button\";\r\n      d.className = \"mpcfl__dot\";\r\n      d.setAttribute(\"aria-label\", L.see + (i + 1));\r\n      d.addEventListener(\"click\", function () { lbGo(i); });\r\n      lbDotsEl.appendChild(d);\r\n      lbDots.push(d);\r\n    });\r\n    if (N > 1) {\r\n      lbTrack.insertBefore(makeClone(lbSlides[N - 1]), lbTrack.firstChild);\r\n      lbTrack.appendChild(makeClone(lbSlides[0]));\r\n    }\r\n  }\r\n\r\n  function lbPauseAll() {\r\n    Array.prototype.forEach.call(lbTrack.querySelectorAll(\"video\"), function (v) { v.pause(); try { v.currentTime = 0; } catch (er) {} });\r\n  }\r\n\r\n  function lbSetPos(offsetPx) {\r\n    lbTrack.style.transform = \"translateX(calc(\" + (-lbPos * 100) + \"% + \" + (offsetPx || 0) + \"px))\";\r\n  }\r\n  function lbFlushSnap() {\r\n    if (lbSnapTo === null) return;\r\n    clearTimeout(lbSnapTimer);\r\n    lbTrack.classList.add(\"is-jump\");\r\n    lbPos = lbSnapTo; lbSnapTo = null;\r\n    lbSetPos(0);\r\n    void lbTrack.offsetWidth;\r\n    lbTrack.classList.remove(\"is-jump\");\r\n  }\r\n  function lbGo(i) {\r\n    lbFlushSnap();\r\n    if (N > 1 && i < 0) { lbIndex = N - 1; lbPos = 0; lbSnapTo = N; }\r\n    else if (N > 1 && i >= N) { lbIndex = 0; lbPos = N + 1; lbSnapTo = 1; }\r\n    else { lbIndex = Math.max(0, Math.min(N - 1, i)); lbPos = N > 1 ? lbIndex + 1 : 0; }\r\n    lbSetPos(0);\r\n    if (lbSnapTo !== null) lbSnapTimer = setTimeout(lbFlushSnap, SLIDE_MS);\r\n    lbCount.textContent = (lbIndex + 1) + \"\/\" + N;\r\n    lbDots.forEach(function (d, k) { d.classList.toggle(\"is-active\", k === lbIndex); });\r\n    lbSlides.forEach(function (s, k) {\r\n      var v = s.querySelector(\"video\");\r\n      if (!v) return;\r\n      if (k !== lbIndex) { v.pause(); try { v.currentTime = 0; } catch (er) {} }   \/\/ saiu do v\u00eddeo: volta ao come\u00e7o\r\n      else if (lbOpen) { v.muted = true; var p = v.play(); if (p && p.catch) p.catch(function () {}); }\r\n    });\r\n  }\r\n\r\n  function openLb(i) {\r\n    buildLb();\r\n    lastFocus = document.activeElement;\r\n    lbOpen = true;\r\n    syncVideo();                                     \/\/ pausa o v\u00eddeo da capa\r\n    lbTrack.classList.add(\"is-jump\");                \/\/ abre j\u00e1 no item certo, sem anima\u00e7\u00e3o\r\n    lbGo(i);\r\n    lbFlushSnap();\r\n    void lbTrack.offsetWidth;\r\n    lbTrack.classList.remove(\"is-jump\");\r\n    lb.classList.add(\"is-open\");\r\n    lb.setAttribute(\"aria-hidden\", \"false\");\r\n    document.documentElement.style.overflow = \"hidden\";\r\n    document.body.style.overflow = \"hidden\";\r\n    var v = lbSlides[lbIndex] && lbSlides[lbIndex].querySelector(\"video\");\r\n    if (v) {\r\n      v.muted = true;                                \/\/ TUDO MUDO\r\n      var p = v.play();\r\n      if (p && p.catch) p.catch(function () {});\r\n    }\r\n  }\r\n\r\n  function closeLb() {\r\n    lb.classList.remove(\"is-open\");\r\n    lb.setAttribute(\"aria-hidden\", \"true\");\r\n    document.documentElement.style.overflow = \"\";\r\n    document.body.style.overflow = \"\";\r\n    lbPauseAll();\r\n    lbOpen = false;\r\n    syncVideo();                                     \/\/ volta a rodar o v\u00eddeo da capa\r\n    if (lastFocus && lastFocus.blur) lastFocus.blur();\r\n  }\r\n\r\n  lbClose.addEventListener(\"click\", closeLb);\r\n  lbPrev.addEventListener(\"click\", function () { lbGo(lbIndex - 1); });\r\n  lbNext.addEventListener(\"click\", function () { lbGo(lbIndex + 1); });\r\n\r\n  \/\/ Arrastar para o lado na tela cheia\r\n  var lpid = null, lsx = 0, lsy = 0, ldx = 0, ldecided = false, ldragging = false, lsuppress = false;\r\n\r\n  lbStage.addEventListener(\"pointerdown\", function (e) {\r\n    if (e.pointerType === \"mouse\" && e.button !== 0) return;\r\n    if (e.target.closest(\".mpcfl__nav\")) return;\r\n    lbFlushSnap();\r\n    lpid = e.pointerId; lsx = e.clientX; lsy = e.clientY;\r\n    ldx = 0; ldecided = false; ldragging = false;\r\n  });\r\n\r\n  window.addEventListener(\"pointermove\", function (e) {\r\n    if (lpid !== e.pointerId) return;\r\n    var mx = e.clientX - lsx, my = e.clientY - lsy;\r\n    if (!ldecided) {\r\n      if (Math.abs(mx) < 8 && Math.abs(my) < 8) return;\r\n      ldecided = true;\r\n      ldragging = Math.abs(mx) > Math.abs(my) && N > 1;\r\n      if (ldragging) lbTrack.classList.add(\"is-drag\");\r\n      else { lpid = null; return; }\r\n    }\r\n    if (!ldragging) return;\r\n    e.preventDefault();\r\n    ldx = mx;\r\n    lbSetPos(ldx);\r\n  }, { passive: false });\r\n\r\n  function lbEndDrag(e) {\r\n    if (lpid !== e.pointerId) return;\r\n    lpid = null;\r\n    if (!ldragging) return;\r\n    ldragging = false;\r\n    lbTrack.classList.remove(\"is-drag\");\r\n    var limit = Math.min(100, lbStage.clientWidth * 0.15);\r\n    if (ldx < -limit) lbGo(lbIndex + 1);\r\n    else if (ldx > limit) lbGo(lbIndex - 1);\r\n    else lbGo(lbIndex);\r\n    lsuppress = true;\r\n    setTimeout(function () { lsuppress = false; }, 60);\r\n  }\r\n  window.addEventListener(\"pointerup\", lbEndDrag);\r\n  window.addEventListener(\"pointercancel\", lbEndDrag);\r\n\r\n  \/\/ Fim de arraste n\u00e3o vira \"clique\" (ex.: pausar o v\u00eddeo sem querer)\r\n  lbStage.addEventListener(\"click\", function (e) {\r\n    if (lsuppress) { e.preventDefault(); e.stopPropagation(); }\r\n  }, true);\r\n\r\n  \/\/ Teclado na tela cheia\r\n  document.addEventListener(\"keydown\", function (e) {\r\n    if (!lbOpen) return;\r\n    if (e.key === \"Escape\") { closeLb(); return; }\r\n    var onVideo = e.target && e.target.tagName === \"VIDEO\";\r\n    if (!onVideo && e.key === \"ArrowRight\") lbGo(lbIndex + 1);\r\n    if (!onVideo && e.key === \"ArrowLeft\") lbGo(lbIndex - 1);\r\n  });\r\n\r\n  paintVol();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-706171b e-flex e-con-boxed e-con e-parent\" data-id=\"706171b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b89578b elementor-widget elementor-widget-html\" data-id=\"b89578b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"COMPRAR-AGORA\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O \"ESCOLHA SUA VERS\u00c3O\" + COMPRA \u2014 MAQPRIME (v35)\r\n   v35: \"em at\u00e9 12x no cart\u00e3o\" no lugar do valor da parcela (o parcelamento do Mercado Pago tem juros).\r\n   v34: sem nome e sem logo, o vermelho marca os dois campos; aviso \"Escolha ao menos uma das op\u00e7\u00f5es.\"\r\n   v33: campo do nome e bot\u00e3o do logo alinhados com as op\u00e7\u00f5es de cima;\r\n        frase \"Informe o nome e\/ou anexe a logo:\" e faixa \"Escolha sua vers\u00e3o e personalize.\"\r\n   v32: quadradinho para ANEXAR O LOGO ao lado do nome. Precisa preencher o\r\n        nome OU anexar o logo (ou os dois). Precisa do Checkout v7 e do\r\n        snippet Obrigado\/Logos v3.\r\n   v31: op\u00e7\u00e3o \"Personalizado\" + campo obrigat\u00f3rio \"O que voc\u00ea quer na sua\r\n        m\u00e1quina?\" em cada unidade personalizada (vai para o pedido).\r\n        Precisa do snippet Checkout v6.\r\n   v30: foto do computador termina na linha de baixo dos 3 \u00edcones.\r\n   v29: computador em duas colunas (foto grande fixa \u00e0 esquerda, escolha e\r\n        compra \u00e0 direita) e espanhol (\/es\/): textos, US$ e \/es\/checkout\/.\r\n   v28: bil\u00edngue. No site em ingl\u00eas mostra US$199 \/ +US$30, textos em ingl\u00eas,\r\n        selo da Stripe no lugar do Mercado Pago e vai para \/en\/checkout\/.\r\n   + e \u2212 em cada cor, \"Seu pedido\" com um card por unidade (Sem personaliza\u00e7\u00e3o \/ Com meu logo),\r\n   lixeira por unidade e checkout direto no WooCommerce.\r\n   v27: vai para \/checkout\/, esvazia o carrinho antes de adicionar e manda a\r\n        personaliza\u00e7\u00e3o dentro do pr\u00f3prio produto (precisa do snippet Checkout v5).\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400..700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #mq-compra {\r\n    --mq-header-h: 72px;\r\n    --mq-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    --mq-serif: 'Times New Roman', Times, serif;\r\n    --mq-fg: #1f1f1f;\r\n    --mq-muted: #6b6b6b;\r\n    --mq-brand: #3d2b26;\r\n    --mq-accent: #8a5a1f;\r\n    --mq-line: rgba(0,0,0,.12);\r\n    --mq-photo-bg: #f4f2ee;\r\n    --mq-ok: #2f7a3e;\r\n    display: flex;\r\n    min-height: calc(100vh - var(--mq-header-h));\r\n    min-height: calc(100dvh - var(--mq-header-h));\r\n    padding: 30px 14px 28px;\r\n    background: #ffffff;\r\n    font-family: var(--mq-sans);\r\n    text-align: center;\r\n    overflow-x: clip;\r\n  }\r\n  #mq-compra *,\r\n  #mq-compra *::before,\r\n  #mq-compra *::after {\r\n    box-sizing: border-box;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  #mq-compra .mq-picker-inner {\r\n    flex: 1;\r\n    width: 100%;\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* ---------- T\u00edtulo e frase ---------- *\/\r\n  #mq-compra .mq-picker-title {\r\n    font-family: var(--mq-serif);\r\n    font-weight: 400;\r\n    font-size: clamp(28px, 7.9vw, 46px);\r\n    letter-spacing: 0;\r\n    line-height: 1.15;\r\n    color: var(--mq-fg);\r\n    text-transform: none;\r\n    margin: 0 0 6px;\r\n    padding: 0;\r\n  }\r\n  #mq-compra .mq-picker-sub {\r\n    font-family: var(--mq-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(13px, 3.5vw, 17px);\r\n    line-height: 1.4;\r\n    color: #555555;\r\n    margin: 0 0 18px;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* ---------- Foto grande ---------- *\/\r\n  #mq-compra .mq-stage {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 3 \/ 2;\r\n    background: var(--mq-photo-bg);\r\n    overflow: hidden;\r\n    margin: 0 0 10px;\r\n    touch-action: pan-y;\r\n  }\r\n  #mq-compra .mq-stage-img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    margin: 0;\r\n    object-fit: contain;\r\n    mix-blend-mode: multiply;\r\n    transition: opacity .25s ease;\r\n    -webkit-user-drag: none;\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n  #mq-compra .mq-stage-img.is-fading { opacity: 0; }\r\n\r\n  #mq-compra .mq-arrow,\r\n  #mq-compra .mq-arrow:hover,\r\n  #mq-compra .mq-arrow:focus,\r\n  #mq-compra .mq-arrow:active {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 36px; height: 36px;\r\n    min-width: 0; min-height: 0;\r\n    padding: 0; margin: 0;\r\n    border: none;\r\n    border-radius: 50%;\r\n    background: #ffffff !important;\r\n    color: var(--mq-fg) !important;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,.12);\r\n    display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer;\r\n    outline: none;\r\n    z-index: 2;\r\n  }\r\n  #mq-compra .mq-arrow svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; }\r\n  #mq-compra .mq-arrow-prev { left: 8px; }\r\n  #mq-compra .mq-arrow-next { right: 8px; }\r\n\r\n  \/* ---------- Nome do produto ---------- *\/\r\n  #mq-compra .mq-head {\r\n    margin: 0 0 10px;\r\n    text-align: center;\r\n  }\r\n  #mq-compra .mq-head-name { font-size: 13px; color: var(--mq-muted); }\r\n  #mq-compra .mq-head-name b { color: var(--mq-fg); font-weight: 600; }\r\n\r\n  \/* ---------- Cores com + e \u2212 ---------- *\/\r\n  #mq-compra .mq-thumbs {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 7px;\r\n    margin: 0 0 12px;\r\n  }\r\n  #mq-compra .mq-thumb {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    background: var(--mq-photo-bg);\r\n    border: 1px solid rgba(0,0,0,.08);\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    transition: border-color .2s ease;\r\n  }\r\n  #mq-compra .mq-thumb.is-active { border-color: var(--mq-brand); box-shadow: inset 0 0 0 .5px var(--mq-brand); }\r\n\r\n  \/* Clicou em comprar sem escolher: os cards das cores piscam em volta *\/\r\n  #mq-compra .mq-thumbs.is-attn .mq-thumb { animation: mqattn .55s ease-in-out 3; }\r\n  @keyframes mqattn {\r\n    0%, 100% { box-shadow: 0 0 0 0 rgba(138,90,31,0); border-color: rgba(0,0,0,.07); }\r\n    50%      { box-shadow: 0 0 0 3px rgba(138,90,31,.35); border-color: var(--mq-accent); }\r\n  }\r\n  #mq-compra .mq-thumb.has-qty { background: #efe9e1; }\r\n\r\n  \/* Aviso leve embaixo das cores *\/\r\n  #mq-compra .mq-hint {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    margin: -6px 0 6px !important;\r\n    padding: 0 !important;\r\n    font: 600 12.5px\/1.4 var(--mq-sans) !important;\r\n    color: #c62828 !important;\r\n    text-align: center !important;\r\n    transition: max-height .3s ease, opacity .3s ease;\r\n  }\r\n  #mq-compra .mq-hint b { font-weight: 700 !important; color: inherit !important; }\r\n  #mq-compra .mq-hint.is-show { max-height: 40px; opacity: 1; }\r\n\r\n  #mq-compra .mq-pick,\r\n  #mq-compra .mq-pick:hover,\r\n  #mq-compra .mq-pick:focus,\r\n  #mq-compra .mq-pick:active {\r\n    display: block;\r\n    width: 100%;\r\n    min-width: 0; min-height: 0;\r\n    margin: 0;\r\n    padding: 6px 4px 3px;\r\n    border: 0; border-radius: 0;\r\n    background: transparent !important;\r\n    color: var(--mq-fg) !important;\r\n    box-shadow: none; outline: none;\r\n    font: inherit;\r\n    text-transform: none;\r\n    cursor: pointer;\r\n  }\r\n  #mq-compra .mq-thumb-img {\r\n    display: block;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    max-width: none;\r\n    margin: 0 0 3px;\r\n    object-fit: contain;\r\n    mix-blend-mode: multiply;\r\n    pointer-events: none;\r\n  }\r\n  #mq-compra .mq-thumb-label {\r\n    display: block;\r\n    font-size: clamp(10px, 2.8vw, 12.5px);\r\n    line-height: 1.2;\r\n    color: var(--mq-fg);\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2212 0 + dentro de cada cor *\/\r\n  #mq-compra .mq-step {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    border-top: 1px solid rgba(0,0,0,.08);\r\n    background: #ffffff;\r\n  }\r\n  #mq-compra .mq-step button,\r\n  #mq-compra .mq-step button:hover,\r\n  #mq-compra .mq-step button:focus,\r\n  #mq-compra .mq-step button:active {\r\n    flex: 0 0 auto;\r\n    width: 30px; height: 30px;\r\n    min-width: 0; min-height: 0;\r\n    padding: 0; margin: 0;\r\n    border: 0; border-radius: 0;\r\n    background: transparent !important;\r\n    color: var(--mq-fg) !important;\r\n    font: 400 17px\/1 var(--mq-sans);\r\n    box-shadow: none; outline: none;\r\n    display: grid; place-items: center;\r\n    cursor: pointer;\r\n  }\r\n  #mq-compra .mq-step button[disabled] { color: #cfcfcf !important; cursor: default; }\r\n  #mq-compra .mq-step-val {\r\n    flex: 1;\r\n    text-align: center;\r\n    font-size: 13px; font-weight: 600;\r\n    font-variant-numeric: tabular-nums;\r\n    color: var(--mq-muted);\r\n  }\r\n  #mq-compra .mq-thumb.has-qty .mq-step-val { color: var(--mq-fg); }\r\n\r\n  \/* ---------- Faixa da personaliza\u00e7\u00e3o (embaixo das cores) ---------- *\/\r\n  #mq-compra .mq-promo {\r\n    display: flex !important; flex-direction: column; align-items: center; gap: 2px;\r\n    margin: 0 0 14px !important;\r\n    padding: 9px 12px !important;\r\n    background: #fbf3e8;\r\n    border: 1px solid rgba(138,90,31,.18);\r\n    border-radius: 8px;\r\n    text-align: center;\r\n  }\r\n  #mq-compra .mq-promo-title {\r\n    display: inline-flex !important; align-items: center; gap: 6px;\r\n    font: 600 12.5px\/1.3 var(--mq-sans) !important;\r\n    color: var(--mq-accent) !important;\r\n  }\r\n  #mq-compra .mq-promo-title span { font: inherit !important; color: inherit !important; }\r\n  #mq-compra .mq-promo-title svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }\r\n  #mq-compra .mq-promo-sub { display: block; font: 400 11.5px\/1.3 var(--mq-sans) !important; color: var(--mq-muted) !important; }\r\n\r\n  \/* ---------- Seu pedido: um card por unidade ---------- *\/\r\n  #mq-compra .mq-order-head {\r\n    display: none;\r\n    margin: 0 0 8px !important;\r\n    font: 600 14px\/1.2 var(--mq-sans) !important;\r\n    color: var(--mq-fg) !important;\r\n    text-align: left !important;\r\n  }\r\n  #mq-compra .mq-order-head.is-show { display: block; }\r\n  #mq-compra .mq-cart { margin: 0 0 14px; text-align: left; }   \/* mesmo respiro do card da personaliza\u00e7\u00e3o *\/\r\n  #mq-compra .mq-cart:empty { display: none; }\r\n\r\n  #mq-compra .mq-unit {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 7px;\r\n    margin: 0 0 8px !important;\r\n    padding: 10px !important;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(0,0,0,.08);\r\n    border-radius: 10px;\r\n  }\r\n  \/* foto da unidade + selo LOGO *\/\r\n  #mq-compra .mq-unit-pic {\r\n    position: relative !important;\r\n    display: block !important;\r\n    flex: 0 0 44px !important;\r\n    width: 44px !important; height: 44px !important;\r\n    margin: 0 !important; padding: 0 !important;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(0,0,0,.06);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n  }\r\n  #mq-compra .mq-unit-pic img {\r\n    position: absolute !important; inset: 0;\r\n    display: block !important;\r\n    width: 100% !important; height: 100% !important; max-width: none !important;\r\n    object-fit: contain;\r\n    margin: 0 !important; padding: 3px !important; border: 0 !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  #mq-compra .mq-logo-badge {\r\n    position: absolute !important;\r\n    left: 50%; bottom: 3px;\r\n    display: block !important;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    background: var(--mq-brand) !important;\r\n    color: #fff !important;\r\n    font: 700 6.5px\/1 var(--mq-sans) !important;\r\n    letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;\r\n    visibility: hidden; opacity: 0;\r\n    transform: translateX(-50%) scale(.7);\r\n    transition: opacity .2s ease, transform .2s ease, visibility .2s;\r\n    pointer-events: none;\r\n  }\r\n  #mq-compra .mq-unit.has-logo .mq-logo-badge { visibility: visible; opacity: 1; transform: translateX(-50%) scale(1); }\r\n  #mq-compra .mq-unit.has-logo .mq-unit-pic { border-color: rgba(61,43,38,.35); }\r\n\r\n  #mq-compra .mq-unit-top {\r\n    display: flex !important; align-items: center !important; gap: 10px;\r\n    margin: 0 !important; padding: 0 !important;\r\n  }\r\n  #mq-compra .mq-unit-name {\r\n    display: block !important; min-width: 0; flex: 1 1 auto;\r\n    font: 600 13px\/1.2 var(--mq-sans) !important;\r\n    color: var(--mq-fg) !important;\r\n    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n  }\r\n  #mq-compra .mq-unit-name small { font: 400 12px\/1.2 var(--mq-sans) !important; color: var(--mq-muted) !important; }\r\n  \/* lixeira: remove s\u00f3 esta unidade *\/\r\n  #mq-compra .mq-trash {\r\n    position: relative !important;\r\n    display: grid !important; place-items: center;\r\n    flex: 0 0 26px; width: 26px !important; height: 26px !important;\r\n    margin: -4px -4px -4px 0 !important; padding: 0 !important;\r\n    border-radius: 6px;\r\n    color: #9a9a9a !important;\r\n    cursor: pointer;\r\n    touch-action: manipulation;\r\n  }\r\n  #mq-compra .mq-trash svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }\r\n\r\n  \/* as duas op\u00e7\u00f5es lado a lado: Sem personaliza\u00e7\u00e3o | Com meu logo *\/\r\n  #mq-compra .mq-opts {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin: 0 !important; padding: 0 !important;\r\n  }\r\n  #mq-compra .mq-opt {\r\n    position: relative !important;\r\n    z-index: 2;                               \/* fica por cima de qualquer camada do tema *\/\r\n    pointer-events: auto !important;\r\n    display: flex !important; align-items: flex-start !important; gap: 6px;\r\n    min-width: 0;\r\n    margin: 0 !important;\r\n    padding: 7px 8px !important;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(0,0,0,.12);\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    touch-action: manipulation;\r\n    user-select: none; -webkit-user-select: none;\r\n    text-align: left !important;\r\n    transition: border-color .15s ease, background-color .15s ease;\r\n  }\r\n  #mq-compra .mq-opt * { pointer-events: none !important; }\r\n  #mq-compra .mq-opt.is-sel {\r\n    background: #fbf3e8;\r\n    border-color: var(--mq-accent);\r\n    box-shadow: inset 0 0 0 .5px var(--mq-accent);\r\n  }\r\n  #mq-compra .mq-radio {\r\n    position: relative;\r\n    display: block !important;\r\n    flex: 0 0 15px; width: 15px !important; height: 15px !important;\r\n    margin: 0 !important; padding: 0 !important;\r\n    border: 2px solid rgba(0,0,0,.3);\r\n    border-radius: 50%;\r\n    background: #fff;\r\n  }\r\n  #mq-compra .mq-opt.is-sel .mq-radio { border-color: var(--mq-brand); }\r\n  #mq-compra .mq-opt.is-sel .mq-radio::after {\r\n    content: \"\"; position: absolute; inset: 2px;\r\n    border-radius: 50%; background: var(--mq-brand);\r\n  }\r\n  #mq-compra .mq-opt-text { display: block !important; flex: 1 1 auto; min-width: 0; }\r\n  #mq-compra .mq-opt-label { display: block; font: 600 11.5px\/1.25 var(--mq-sans) !important; color: var(--mq-fg) !important; }\r\n  #mq-compra .mq-opt-price {\r\n    display: block !important;\r\n    margin-top: 2px;\r\n    font: 700 12px\/1.2 var(--mq-sans) !important;\r\n    color: var(--mq-fg) !important;\r\n    font-variant-numeric: tabular-nums; white-space: nowrap;\r\n  }\r\n  \/* lixeira por cima de tudo tamb\u00e9m *\/\r\n  #mq-compra .mq-trash { z-index: 2; pointer-events: auto !important; }\r\n  \/* \"Com meu logo\" ainda n\u00e3o escolhido: borda caramelo e bolinha pulsando de leve *\/\r\n  #mq-compra .mq-opt.is-logo:not(.is-sel) { border-color: rgba(138,90,31,.45); }\r\n  #mq-compra .mq-opt.is-logo:not(.is-sel) .mq-opt-label { color: var(--mq-accent) !important; }\r\n  #mq-compra .mq-opt.is-logo:not(.is-sel) .mq-radio {\r\n    border-color: rgba(138,90,31,.8);\r\n    animation: mqpulseradio 2.2s ease-in-out infinite;\r\n  }\r\n  @keyframes mqpulseradio {\r\n    0%   { box-shadow: 0 0 0 0 rgba(138,90,31,.5); }\r\n    45%  { box-shadow: 0 0 0 6px rgba(138,90,31,0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(138,90,31,0); }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) { #mq-compra .mq-opt.is-logo .mq-radio { animation: none; } }\r\n  #mq-compra .mq-opt:focus-visible { outline: 2px solid var(--mq-accent); outline-offset: 2px; }\r\n\r\n  \/* \"O que voc\u00ea quer na sua m\u00e1quina?\" (s\u00f3 aparece com personaliza\u00e7\u00e3o) *\/\r\n  #mq-compra .mq-unit-field {\r\n    display: none !important;\r\n    margin: 2px 0 0 !important;\r\n    padding: 0 !important;\r\n    text-align: left !important;\r\n  }\r\n  #mq-compra .mq-unit.has-logo .mq-unit-field { display: block !important; }\r\n  \/* blindagem: nenhum tema\/plugin pode impedir de tocar e digitar no campo *\/\r\n  #mq-compra .mq-unit-field,\r\n  #mq-compra .mq-unit-field * {\r\n    pointer-events: auto !important;\r\n    -webkit-user-select: text !important;\r\n    user-select: text !important;\r\n    -webkit-touch-callout: default !important;\r\n    touch-action: auto !important;\r\n  }\r\n  #mq-compra .mq-unit-field { position: relative !important; z-index: 5 !important; }\r\n  #mq-compra .mq-unit-field > label {\r\n    display: block !important;\r\n    margin: 0 0 5px !important;\r\n    font: 600 12px\/1.3 var(--mq-sans) !important;\r\n    color: var(--mq-fg) !important;\r\n  }\r\n  #mq-compra .mq-unit-field input {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 42px !important;                       \/* uma linha s\u00f3 *\/\r\n    margin: 0 !important;\r\n    padding: 0 12px !important;\r\n    border: 1px solid rgba(0,0,0,.18) !important;\r\n    border-radius: 8px !important;\r\n    background: #ffffff !important;\r\n    color: var(--mq-fg) !important;\r\n    font: 400 16px\/1.35 var(--mq-sans) !important;   \/* 16px: o iPhone n\u00e3o d\u00e1 zoom ao tocar *\/\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n  }\r\n  \/* nome + quadradinho do logo na mesma linha *\/\r\n  #mq-compra .mq-field-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: stretch; margin: 0 !important; }   \/* mesmas colunas das op\u00e7\u00f5es de cima: alinhado *\/\r\n  #mq-compra .mq-field-row input[type=\"text\"] { min-width: 0; }   \/* metade: nome *\/\r\n  #mq-compra .mq-up {                                                          \/* metade: anexar logo *\/\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-width: 0;\r\n    height: 42px !important;\r\n    margin: 0 !important; padding: 0 10px !important;\r\n    display: flex !important; flex-direction: row; align-items: center; justify-content: center; gap: 7px;\r\n    border: 1px solid rgba(0,0,0,.18) !important;\r\n    border-radius: 8px !important;\r\n    background: #ffffff !important;\r\n    color: #5f5f5f !important;\r\n    cursor: pointer;\r\n    transition: border-color .15s ease, color .15s ease, background-color .15s ease;\r\n  }\r\n  #mq-compra .mq-up input[type=\"file\"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden; pointer-events: none !important; }\r\n  #mq-compra .mq-up svg { flex: 0 0 auto; width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none !important; }\r\n  #mq-compra .mq-up span { font: 500 13px\/1.1 var(--mq-sans) !important; color: inherit !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none !important; }\r\n  #mq-compra .mq-up .mq-up-t2 { display: none; }\r\n  #mq-compra .mq-unit.has-file .mq-up .mq-up-t1 { display: none; }\r\n  #mq-compra .mq-unit.has-file .mq-up .mq-up-t2 { display: block; }\r\n  #mq-compra .mq-up .mq-up-ok, #mq-compra .mq-up .mq-up-spin { display: none; }\r\n  #mq-compra .mq-unit.is-up .mq-up .mq-up-ico { display: none; }\r\n  #mq-compra .mq-unit.is-up .mq-up .mq-up-spin {\r\n    display: block; width: 14px; height: 14px; border: 2px solid rgba(0,0,0,.15); border-top-color: var(--mq-accent);\r\n    border-radius: 50%; animation: mqspin .7s linear infinite;\r\n  }\r\n  #mq-compra .mq-unit.has-file .mq-up { border-color: var(--mq-accent) !important; color: var(--mq-accent) !important; background: #fbf3e8 !important; }\r\n  #mq-compra .mq-unit.has-file .mq-up .mq-up-ico { display: none; }\r\n  #mq-compra .mq-unit.has-file .mq-up .mq-up-ok { display: block; }\r\n  @media (hover: hover) { #mq-compra .mq-up:hover { border-color: var(--mq-accent) !important; color: var(--mq-accent) !important; } }\r\n  \/* nome do arquivo anexado, discreto *\/\r\n  #mq-compra .mq-up-file {\r\n    display: none;\r\n    align-items: center; gap: 6px;\r\n    margin: 5px 0 0 !important;\r\n    font: 400 11.5px\/1.3 var(--mq-sans) !important;\r\n    color: var(--mq-muted) !important;\r\n  }\r\n  #mq-compra .mq-unit.has-file .mq-up-file { display: flex !important; }\r\n  #mq-compra .mq-up-file b { font-weight: 500 !important; color: var(--mq-fg) !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\r\n  #mq-compra .mq-up-x {\r\n    flex: 0 0 auto; display: inline-grid !important; place-items: center;\r\n    width: 18px; height: 18px; border-radius: 50%;\r\n    color: #9a9a9a !important; cursor: pointer; font: 400 15px\/1 var(--mq-sans) !important;\r\n  }\r\n  #mq-compra .mq-unit-field input::placeholder { color: #9a9a9a; opacity: 1; }\r\n  #mq-compra .mq-unit-field input:focus { border-color: var(--mq-accent) !important; }\r\n  #mq-compra .mq-unit-err {\r\n    display: none;\r\n    margin: 5px 0 0 !important;\r\n    font: 600 11.5px\/1.3 var(--mq-sans) !important;\r\n    color: #c62828 !important;\r\n  }\r\n  #mq-compra .mq-unit.is-err .mq-unit-field input { border-color: #c62828 !important; }\r\n  #mq-compra .mq-unit.is-err .mq-up { border-color: #c62828 !important; }   \/* vermelho tamb\u00e9m no Anexar logo *\/\r\n  #mq-compra .mq-unit.is-err .mq-unit-err { display: block; }\r\n  @media (min-width: 900px) {\r\n    #mq-compra .mq-unit-field input { font-size: 14px !important; height: 38px !important; }\r\n    #mq-compra .mq-up { height: 38px !important; }\r\n    #mq-compra .mq-up span { font-size: 12.5px !important; }\r\n  }\r\n  \/* ---------- Total ---------- *\/\r\n  #mq-compra .mq-total {\r\n    display: flex; justify-content: space-between; align-items: center; gap: 12px;\r\n    margin: 0 0 14px !important;           \/* 14px em cima (vem do card acima) e 14px embaixo, at\u00e9 o bot\u00e3o *\/\r\n    text-align: left;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  \/* Logo do Mercado Pago como fundo (funciona igual no iPhone e no Android, sem lazy load).\r\n     A imagem tem muita sobra branca: o zoom e a posi\u00e7\u00e3o mostram s\u00f3 o miolo dela. *\/\r\n  #mq-compra .mq-pay {\r\n    display: block !important;\r\n    flex: 0 0 auto;\r\n    width: 84px !important;                \/* tamanho da logo: se mudar aqui, mude a altura junto *\/\r\n    height: 23px !important;               \/* altura = largura \u00d7 0,27 *\/\r\n    padding: 0 !important;\r\n    margin: 0 !important;                  \/* centro da logo = centro do valor + parcelas *\/\r\n    background-image: url('https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/logo-mercado-pago-1024.webp');\r\n    background-repeat: no-repeat;\r\n    background-size: 112.28% auto;\r\n    background-position: 49.1% 49.9%;\r\n  }\r\n  \/* Site em ingl\u00eas: selo da Stripe no lugar do Mercado Pago *\/\r\n  #mq-compra .mq-pay.is-stripe { background-image: none; width: auto !important; height: auto !important; display: inline-flex !important; align-items: center; }\r\n  #mq-compra .mq-pay.is-stripe img { display: block; height: 24px !important; width: auto !important; max-width: 120px !important; margin: 0 !important; border-radius: 4px; }\r\n  #mq-compra .mq-pay.is-stripe .mq-pay-txt { display: inline-flex; align-items: center; gap: 5px; font: 500 11.5px\/1.2 var(--mq-sans); color: var(--mq-muted); white-space: nowrap; }\r\n  #mq-compra .mq-pay.is-stripe .mq-pay-txt svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 1.8; }\r\n  #mq-compra .mq-total-right { text-align: right; }\r\n  #mq-compra .mq-total-value { display: block; font-size: 22px; font-weight: 700; color: var(--mq-fg); line-height: 1.1; white-space: nowrap; }\r\n  #mq-compra .mq-inst { display: block; font-size: 11.5px; color: var(--mq-muted); margin-top: 2px; white-space: nowrap; }\r\n\r\n  \/* ---------- Bot\u00e3o ---------- *\/\r\n  #mq-compra .mq-continue-btn,\r\n  #mq-compra .mq-continue-btn:hover,\r\n  #mq-compra .mq-continue-btn:focus,\r\n  #mq-compra .mq-continue-btn:active,\r\n  #mq-compra .mq-continue-btn:visited {\r\n    display: flex; align-items: center; justify-content: center; gap: 10px;\r\n    width: 100%; min-width: 0; height: auto;\r\n    margin: 0;\r\n    padding: 15px 20px;\r\n    border: none; border-radius: 4px;\r\n    background: var(--mq-brand) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: none; outline: none;\r\n    text-decoration: none;\r\n    font-family: var(--mq-sans);\r\n    font-weight: 600; font-size: 13px;\r\n    letter-spacing: .08em; line-height: 1;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease, opacity .2s ease;\r\n  }\r\n  #mq-compra .mq-continue-btn span { font: inherit !important; letter-spacing: inherit !important; color: inherit !important; }\r\n  #mq-compra .mq-continue-btn.is-loading { opacity: .55; pointer-events: none; }\r\n  #mq-compra .mq-spin {\r\n    display: none; width: 14px; height: 14px;\r\n    border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%;\r\n    animation: mqspin .7s linear infinite;\r\n  }\r\n  #mq-compra .mq-continue-btn.is-loading .mq-spin { display: block; }\r\n  @keyframes mqspin { to { transform: rotate(360deg); } }\r\n\r\n  #mq-compra .mq-secure {\r\n    display: flex; justify-content: center; align-items: center; gap: 6px;\r\n    font-size: 11.5px; color: var(--mq-muted);\r\n    margin: 9px 0 0;\r\n  }\r\n  #mq-compra .mq-secure svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 1.8; }\r\n\r\n  \/* ---------- Destaques ---------- *\/\r\n  #mq-compra .mq-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    border-top: 1px solid var(--mq-line);\r\n    border-bottom: 1px solid var(--mq-line);   \/* risco embaixo, igual ao de cima *\/\r\n    padding: 14px 0 16px;                      \/* visualmente o mesmo espa\u00e7o do risco de cima e do de baixo *\/\r\n    margin: 18px 0 0;\r\n  }\r\n  #mq-compra .mq-feature {\r\n    display: flex; flex-direction: column; align-items: center;\r\n    padding: 4px 4px 2px;\r\n    border-right: 1px solid var(--mq-line);\r\n  }\r\n  #mq-compra .mq-feature:last-child { border-right: none; }\r\n  #mq-compra .mq-feature svg {\r\n    width: 18px; height: 18px; margin: 0 0 6px;\r\n    stroke: var(--mq-accent); fill: none; stroke-width: 1.4;\r\n    stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n  #mq-compra .mq-feature-title {\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: clamp(9.5px, 2.6vw, 11.5px);\r\n    letter-spacing: .01em; line-height: 1.2;\r\n    text-transform: uppercase;\r\n    color: var(--mq-fg);\r\n    white-space: nowrap;\r\n    margin: 0 0 4px;\r\n  }\r\n  #mq-compra .mq-feature-desc {\r\n    display: block;\r\n    font-size: clamp(9.5px, 2.6vw, 11.5px);\r\n    line-height: 1.3;\r\n    color: var(--mq-muted);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    #mq-compra .mq-continue-btn:hover { background: var(--mq-accent) !important; }\r\n    #mq-compra .mq-thumb:not(.is-active):hover { border-color: rgba(0,0,0,.25); }\r\n    #mq-compra .mq-step button:not([disabled]):hover { background: #f4f2ee !important; }\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    #mq-compra { padding: 56px 24px 48px; }\r\n    #mq-compra .mq-picker-sub { margin-bottom: 26px; }\r\n    #mq-compra .mq-thumbs { gap: 12px; }\r\n    #mq-compra .mq-step button,\r\n    #mq-compra .mq-step button:hover,\r\n    #mq-compra .mq-step button:focus,\r\n    #mq-compra .mq-step button:active { width: 36px; height: 34px; }\r\n    #mq-compra .mq-continue-btn { padding: 17px 20px; font-size: 14px; }\r\n  }\r\n\r\n  \/* ===== COMPUTADOR: duas colunas (foto \u00e0 esquerda, compra \u00e0 direita) ===== *\/\r\n  @media (min-width: 900px) {\r\n    html, body { overflow-x: clip; }\r\n    #mq-compra {\r\n      \/* ocupa a largura toda da tela, mesmo dentro de uma se\u00e7\u00e3o estreita do Elementor *\/\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      padding: 56px 40px 72px;\r\n      text-align: left;\r\n    }\r\n    #mq-compra .mq-picker-inner {\r\n      max-width: 1240px;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);\r\n      column-gap: 56px;\r\n      align-items: start;\r\n      align-content: start;                   \/* n\u00e3o estica as linhas quando a tela \u00e9 alta *\/\r\n      justify-content: initial;\r\n    }\r\n    #mq-compra .mq-picker-inner > * { grid-column: 2; }\r\n    #mq-compra .mq-stage {\r\n      grid-column: 1;\r\n      grid-row: 1 \/ span 12;                  \/* mesma altura da coluna da direita *\/\r\n      align-self: stretch;                    \/* foto vai do topo do t\u00edtulo at\u00e9 a linha de baixo dos 3 \u00edcones *\/\r\n      aspect-ratio: auto;\r\n      height: auto;\r\n      contain: size;                          \/* a foto n\u00e3o estica a coluna: segue a altura do lado direito *\/\r\n      margin: 0;\r\n    }\r\n    #mq-compra .mq-arrow-prev { left: 16px; }\r\n    #mq-compra .mq-arrow-next { right: 16px; }\r\n    #mq-compra .mq-picker-title { font-size: 42px; margin: 0 0 6px; text-align: left; }\r\n    #mq-compra .mq-picker-sub { margin: 0 0 18px; text-align: left; font-size: 16px; }\r\n    #mq-compra .mq-head { text-align: left; margin: 0 0 14px; }\r\n    #mq-compra .mq-hint { text-align: left !important; }\r\n    #mq-compra .mq-promo { align-items: flex-start; text-align: left; }\r\n    #mq-compra .mq-secure { justify-content: flex-start; }\r\n  }\r\n\r\n  \/* ===== Cards das cores mais discretos ===== *\/\r\n  #mq-compra .mq-thumb {\r\n    background: transparent;\r\n    border: 1px solid rgba(0,0,0,.07);\r\n    border-radius: 8px;\r\n  }\r\n  #mq-compra .mq-thumb.is-active {\r\n    border-color: rgba(61,43,38,.45);\r\n    box-shadow: none;\r\n  }\r\n  #mq-compra .mq-thumb.has-qty { background: transparent; }\r\n\r\n  #mq-compra .mq-pick,\r\n  #mq-compra .mq-pick:hover,\r\n  #mq-compra .mq-pick:focus,\r\n  #mq-compra .mq-pick:active { padding: 6px 4px 0; }\r\n\r\n  #mq-compra .mq-thumb-img { margin: 0 0 2px; }\r\n  #mq-compra .mq-thumb-label { font-size: clamp(10px, 2.7vw, 12px); color: var(--mq-muted); }\r\n  #mq-compra .mq-thumb.is-active .mq-thumb-label { color: var(--mq-fg); }\r\n\r\n  #mq-compra .mq-step {\r\n    border-top: 0;\r\n    background: transparent;\r\n    padding: 0 2px 2px;\r\n  }\r\n  #mq-compra .mq-step button,\r\n  #mq-compra .mq-step button:hover,\r\n  #mq-compra .mq-step button:focus,\r\n  #mq-compra .mq-step button:active {\r\n    width: 26px; height: 26px;\r\n    font-size: 15px;\r\n    color: var(--mq-muted) !important;\r\n  }\r\n  #mq-compra .mq-step button[disabled] { color: #d9d9d9 !important; }\r\n  #mq-compra .mq-step-val { font-size: 12px; font-weight: 500; color: #b5b5b5; }\r\n  #mq-compra .mq-thumb.has-qty .mq-step-val { color: var(--mq-fg); font-weight: 600; }\r\n<\/style>\r\n\r\n<section id=\"mq-compra\" data-no-translation>\r\n  <div class=\"mq-picker-inner\">\r\n\r\n    <!-- EDITE AQUI: t\u00edtulo e frase -->\r\n    <h2 class=\"mq-picker-title\" data-tx=\"title\">Escolha sua vers\u00e3o<\/h2>\r\n    <p class=\"mq-picker-sub\" data-tx=\"sub\">Edi\u00e7\u00e3o Limitada a 1.000 unidades.<\/p>\r\n\r\n    <div class=\"mq-stage\" data-el=\"stage\">\r\n      <img decoding=\"async\" class=\"mq-stage-img\" data-el=\"stage-img\"\r\n           src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraVerde_PerfilBranco-V2.png\"\r\n           alt=\"Vers\u00e3o Verde\" draggable=\"false\">\r\n      <button type=\"button\" class=\"mq-arrow mq-arrow-prev\" data-el=\"prev\" aria-label=\"Vers\u00e3o anterior\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n      <button type=\"button\" class=\"mq-arrow mq-arrow-next\" data-el=\"next\" aria-label=\"Pr\u00f3xima vers\u00e3o\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"mq-head\">\r\n      <span class=\"mq-head-name\"><b>Harvester MQX-01<\/b> \u00b7 <span data-tx=\"edition\">Edi\u00e7\u00e3o 1\u00aa Safra<\/span><\/span>\r\n    <\/div>\r\n\r\n    <!-- Cores (data-variacao = ID da varia\u00e7\u00e3o no WooCommerce) -->\r\n    <div class=\"mq-thumbs\">\r\n      <div class=\"mq-thumb is-active\" data-name=\"Verde\" data-variacao=\"1101\"\r\n           data-img=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraVerde_PerfilBranco-V2.png\">\r\n        <button type=\"button\" class=\"mq-pick\" aria-label=\"Ver Verde\">\r\n          <img decoding=\"async\" class=\"mq-thumb-img\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraVerde_PerfilBranco-V2.png\" alt=\"\">\r\n          <span class=\"mq-thumb-label\">Verde<\/span>\r\n        <\/button>\r\n        <div class=\"mq-step\">\r\n          <button type=\"button\" class=\"mq-minus\" aria-label=\"Menos Verde\">\u2212<\/button>\r\n          <span class=\"mq-step-val\">0<\/span>\r\n          <button type=\"button\" class=\"mq-plus\" aria-label=\"Mais Verde\">+<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mq-thumb\" data-name=\"Azul\" data-variacao=\"1102\"\r\n           data-img=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraAzul_PerfilBranco.png\">\r\n        <button type=\"button\" class=\"mq-pick\" aria-label=\"Ver Azul\">\r\n          <img decoding=\"async\" class=\"mq-thumb-img\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraAzul_PerfilBranco.png\" alt=\"\">\r\n          <span class=\"mq-thumb-label\">Azul<\/span>\r\n        <\/button>\r\n        <div class=\"mq-step\">\r\n          <button type=\"button\" class=\"mq-minus\" aria-label=\"Menos Azul\">\u2212<\/button>\r\n          <span class=\"mq-step-val\">0<\/span>\r\n          <button type=\"button\" class=\"mq-plus\" aria-label=\"Mais Azul\">+<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mq-thumb\" data-name=\"Amarelo\" data-variacao=\"1100\"\r\n           data-img=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraAmarelo_PerfilBranco.png\">\r\n        <button type=\"button\" class=\"mq-pick\" aria-label=\"Ver Amarelo\">\r\n          <img decoding=\"async\" class=\"mq-thumb-img\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraAmarelo_PerfilBranco.png\" alt=\"\">\r\n          <span class=\"mq-thumb-label\">Amarelo<\/span>\r\n        <\/button>\r\n        <div class=\"mq-step\">\r\n          <button type=\"button\" class=\"mq-minus\" aria-label=\"Menos Amarelo\">\u2212<\/button>\r\n          <span class=\"mq-step-val\">0<\/span>\r\n          <button type=\"button\" class=\"mq-plus\" aria-label=\"Mais Amarelo\">+<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mq-thumb\" data-name=\"Vermelho\" data-variacao=\"1099\"\r\n           data-img=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraVermelho_PerfilBranco.png\">\r\n        <button type=\"button\" class=\"mq-pick\" aria-label=\"Ver Vermelho\">\r\n          <img decoding=\"async\" class=\"mq-thumb-img\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/09\/ColheitadeiraVermelho_PerfilBranco.png\" alt=\"\">\r\n          <span class=\"mq-thumb-label\">Vermelho<\/span>\r\n        <\/button>\r\n        <div class=\"mq-step\">\r\n          <button type=\"button\" class=\"mq-minus\" aria-label=\"Menos Vermelho\">\u2212<\/button>\r\n          <span class=\"mq-step-val\">0<\/span>\r\n          <button type=\"button\" class=\"mq-plus\" aria-label=\"Mais Vermelho\">+<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Aviso que aparece se tentar comprar sem escolher -->\r\n    <p class=\"mq-hint\" data-el=\"hint\" data-tx-html=\"hint\" role=\"status\" aria-live=\"polite\">Escolha <b>(+)<\/b> sua vers\u00e3o<\/p>\r\n\r\n    <!-- Faixa da personaliza\u00e7\u00e3o -->\r\n    <div class=\"mq-promo\">\r\n      <span class=\"mq-promo-title\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z\"\/><circle cx=\"7.5\" cy=\"7.5\" r=\"1.5\"\/><\/svg>\r\n        <span data-el=\"promo\">Seu logo ou nome na m\u00e1quina por +R$ 150\/unidade<\/span>\r\n      <\/span>\r\n      <span class=\"mq-promo-sub\" data-tx=\"promoSub\">Escolha sua vers\u00e3o e personalize.<\/span>\r\n    <\/div>\r\n\r\n    <!-- Seu pedido: um card por unidade -->\r\n    <p class=\"mq-order-head\" data-el=\"order-head\">Seu pedido<\/p>\r\n    <div class=\"mq-cart\" data-el=\"cart\" aria-label=\"Seu pedido\"><\/div>\r\n\r\n    <div class=\"mq-total\" aria-live=\"polite\">\r\n      <span class=\"mq-pay\" role=\"img\" aria-label=\"Mercado Pago\"><\/span>\r\n      <div class=\"mq-total-right\">\r\n        <span class=\"mq-total-value\" data-el=\"total\">R$ 549,00<\/span>\r\n        <span class=\"mq-inst\" data-el=\"inst\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/maqprime.com\/produto\/colheitadeira-de-bebidas\/\" class=\"mq-continue-btn\" data-el=\"buy\">\r\n      <span class=\"mq-spin\" aria-hidden=\"true\"><\/span>\r\n      <span data-el=\"buy-text\">Comprar agora<\/span>\r\n    <\/a>\r\n    <p class=\"mq-secure\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>\r\n      <span data-tx=\"secure\">Pagamento seguro \u00b7 Frete calculado no checkout<\/span>\r\n    <\/p>\r\n\r\n    <div class=\"mq-features\">\r\n      <div class=\"mq-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"12\" cy=\"9\" r=\"6\"\/>\r\n          <path d=\"M12 6.3l.85 1.75 1.9.27-1.38 1.33.33 1.9L12 10.65l-1.7.9.33-1.9-1.38-1.33 1.9-.27z\"\/>\r\n          <path d=\"M8.3 13.8 7 21l5-2.6 5 2.6-1.3-7.2\"\/>\r\n        <\/svg>\r\n        <span class=\"mq-feature-title\" data-tx=\"f1t\">Edi\u00e7\u00e3o Limitada<\/span>\r\n        <span class=\"mq-feature-desc\" data-tx=\"f1d\">1.000 unidades<\/span>\r\n      <\/div>\r\n      <div class=\"mq-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12.1 4.8 19.2 11.9 16.9 14.2 9.8 7.1z\"\/>\r\n          <path d=\"M13.4 10.6 4.5 19.5\"\/>\r\n        <\/svg>\r\n        <span class=\"mq-feature-title\" data-tx=\"f2t\">Produzido \u00e0 M\u00e3o<\/span>\r\n        <span class=\"mq-feature-desc\" data-tx=\"f2d\">Acabamento premium<\/span>\r\n      <\/div>\r\n      <div class=\"mq-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M16.5 3.5l4 4L8 20H4v-4z\"\/>\r\n          <path d=\"M14 6l4 4\"\/>\r\n        <\/svg>\r\n        <span class=\"mq-feature-title\" data-tx=\"f3t\">Personaliza\u00e7\u00e3o<\/span>\r\n        <span class=\"mq-feature-desc\" data-tx=\"f3d\">Logo dispon\u00edvel<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/* =====================================================================\r\n     EDITE AQUI: pre\u00e7os e liga\u00e7\u00e3o com o WooCommerce\r\n     ===================================================================== *\/\r\n  var CONFIG = {\r\n    PRECO: 549.00,               \/\/ pre\u00e7o de 1 unidade (igual ao pre\u00e7o das varia\u00e7\u00f5es no Woo)\r\n    PERSONALIZACAO: 150.00,      \/\/ pre\u00e7o da personaliza\u00e7\u00e3o, por unidade (igual ao 'logo_preco' do snippet do checkout)\r\n    PARCELAS: 12,                \/\/ \"em at\u00e9 12x no cart\u00e3o\" (0 = n\u00e3o mostra)\r\n    MAX_QTD: 10,                 \/\/ m\u00e1ximo de unidades no pedido (somando as cores)\r\n\r\n    \/\/ Site em ingl\u00eas (clientes de fora do Brasil): pre\u00e7os fixos em d\u00f3lar\r\n    PRECO_USD: 199.00,           \/\/ igual ao 'preco_usd' do snippet do checkout\r\n    PERSONALIZACAO_USD: 30.00,   \/\/ igual ao 'logo_usd' do snippet do checkout\r\n    STRIPE_SELO: 'https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/powered_by_stripe@3x.png',             \/\/ opcional: URL da imagem \"Powered by Stripe\" (M\u00eddia \u2192 copiar URL)\r\n\r\n    LOJA: 'https:\/\/maqprime.com',\r\n    CHECKOUT: 'https:\/\/maqprime.com\/checkout\/',\r\n    CHECKOUT_EN: 'https:\/\/maqprime.com\/en\/checkout\/',\r\n    CHECKOUT_ES: 'https:\/\/maqprime.com\/es\/checkout\/',\r\n    PRODUTO_ID: 1098,            \/\/ Colheitadeira de bebidas\r\n    AJAX: 'https:\/\/maqprime.com\/wp-admin\/admin-ajax.php',   \/\/ envio do logo (snippet Obrigado\/Logos v3)\r\n    LOGO_MAX_MB: 20\r\n  };\r\n\r\n  \/* Idioma do site: ingl\u00eas (\/en\/) ou espanhol (\/es\/) \u2192 d\u00f3lar e textos traduzidos *\/\r\n  var LANG = (document.documentElement.lang || '').toLowerCase();\r\n  var ES = LANG.indexOf('es') === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname);\r\n  var EN = !ES && (LANG.indexOf('en') === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname));\r\n  var FORA = EN || ES;                         \/\/ fora do Brasil: US$, Stripe, sem parcelas\r\n  var ES_TX = {\r\n    title: 'Elige tu versi\u00f3n', sub: 'Edici\u00f3n limitada de 1.000 unidades.', edition: 'Edici\u00f3n Primera Cosecha',\r\n    hint: 'Toca <b>(+)<\/b> para elegir tu versi\u00f3n', promo: 'Tu logo o nombre en la m\u00e1quina por +{v}\/unidad', promoSub: 'Elige tu versi\u00f3n y personal\u00edzala.',\r\n    secure: 'Pago seguro \u00b7 Env\u00edo calculado al finalizar la compra',\r\n    f1t: 'Edici\u00f3n limitada', f1d: '1.000 unidades', f2t: 'Hecho a mano', f2d: 'Acabado premium', f3t: 'Personalizaci\u00f3n', f3d: 'Logo disponible',\r\n    order: 'Tu pedido', unit: 'unidad', units: 'unidades', unitN: 'Unidad', remove: 'Quitar', plain: 'Sin personalizaci\u00f3n', logo: 'Personalizado',\r\n    campo: 'Escribe el nombre y\/o adjunta el logo:', ex: 'Ej: \"MAQPRIME\"', err: 'Elige al menos una de las opciones.',\r\n    up: 'Adjuntar logo', upOk: 'Logo adjunto', upTitle: 'Adjuntar logo', upQuitar: 'Quitar', upEspera: 'Espera a que termine el env\u00edo del logo.',\r\n    upGrande: 'Archivo demasiado grande (m\u00e1x. 20 MB).', upTipo: 'Formato no aceptado. Usa PNG, JPG, PDF, SVG, AI o EPS.', upErro: 'No se pudo enviar. Int\u00e9ntalo de nuevo.', upEnviando: 'Enviando\u2026', buy: 'Comprar ahora', adding: 'Agregando\u2026', version: 'Versi\u00f3n', radiogroup: 'Personalizaci\u00f3n de la unidad',\r\n    ver: 'Ver ', menos: 'Menos ', mais: 'M\u00e1s ', prev: 'Versi\u00f3n anterior', next: 'Siguiente versi\u00f3n',\r\n    cores: { 'Amarelo': 'Amarillo', 'Vermelho': 'Rojo' }\r\n  };\r\n  var TX = ES ? ES_TX : EN ? {\r\n    title: 'Choose your version', sub: 'Limited edition of 1,000 units.', edition: 'First Harvest Edition',\r\n    hint: 'Tap <b>(+)<\/b> to choose your version', promo: 'Your logo or name on the machine for +{v}\/unit', promoSub: 'Choose your version and personalize it.',\r\n    secure: 'Secure payment \u00b7 Shipping calculated at checkout',\r\n    f1t: 'Limited Edition', f1d: '1,000 units', f2t: 'Handmade', f2d: 'Premium finish', f3t: 'Customization', f3d: 'Logo available',\r\n    order: 'Your order', unit: 'unit', units: 'units', unitN: 'Unit', remove: 'Remove', plain: 'No customization', logo: 'Customized',\r\n    campo: 'Enter the name and\/or attach the logo:', ex: 'E.g. \"MAQPRIME\"', err: 'Choose at least one of the options.',\r\n    up: 'Attach logo', upOk: 'Logo attached', upTitle: 'Attach logo', upQuitar: 'Remove', upEspera: 'Please wait for the logo upload to finish.',\r\n    upGrande: 'File too large (max. 20 MB).', upTipo: 'File type not accepted. Use PNG, JPG, PDF, SVG, AI or EPS.', upErro: 'Could not upload. Please try again.', upEnviando: 'Uploading\u2026', buy: 'Buy now', adding: 'Adding\u2026', version: 'Version', radiogroup: 'Unit customization',\r\n    ver: 'View ', menos: 'Less ', mais: 'More ', prev: 'Previous version', next: 'Next version',\r\n    cores: { 'Verde': 'Green', 'Azul': 'Blue', 'Amarelo': 'Yellow', 'Vermelho': 'Red' }\r\n  } : {\r\n    hint: null, promo: 'Seu logo ou nome na m\u00e1quina por +{v}\/unidade',\r\n    order: 'Seu pedido', unit: 'unidade', units: 'unidades', unitN: 'Unidade', remove: 'Remover', plain: 'Sem personaliza\u00e7\u00e3o', logo: 'Personalizado',\r\n    campo: 'Informe o nome e\/ou anexe a logo:', ex: 'Ex: \"MAQPRIME\"', err: 'Escolha ao menos uma das op\u00e7\u00f5es.',\r\n    up: 'Anexar logo', upOk: 'Logo anexado', upTitle: 'Anexar logo', upQuitar: 'Remover', upEspera: 'Aguarde o envio do logo terminar.',\r\n    upGrande: 'Arquivo muito grande (m\u00e1x. 20 MB).', upTipo: 'Formato n\u00e3o aceito. Use PNG, JPG, PDF, SVG, AI ou EPS.', upErro: 'N\u00e3o foi poss\u00edvel enviar. Tente de novo.', upEnviando: 'Enviando\u2026', buy: 'Comprar agora', adding: 'Adicionando\u2026', version: 'Vers\u00e3o', radiogroup: 'Personaliza\u00e7\u00e3o da unidade',\r\n    cores: {}\r\n  };\r\n  if (FORA) {\r\n    CONFIG.PRECO = CONFIG.PRECO_USD;\r\n    CONFIG.PERSONALIZACAO = CONFIG.PERSONALIZACAO_USD;\r\n    CONFIG.PARCELAS = 0;                      \/\/ parcelamento \u00e9 s\u00f3 no Brasil\r\n    CONFIG.CHECKOUT = ES ? CONFIG.CHECKOUT_ES : CONFIG.CHECKOUT_EN;\r\n  }\r\n  \/* ===================================================================== *\/\r\n\r\n  function start() {\r\n    var root = document.getElementById('mq-compra');\r\n    if (!root || root.getAttribute('data-ready') === '1') return;\r\n    root.setAttribute('data-ready', '1');\r\n\r\n    function el(name) { return root.querySelector('[data-el=\"' + name + '\"]'); }\r\n    function brl(v) {\r\n      if (FORA) {   \/\/ US$199.00, igual ao checkout\r\n        var p = v.toFixed(2).split('.');\r\n        return 'US$' + p[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',') + '.' + p[1];\r\n      }\r\n      \/\/ R$ grudado no valor (R$549,00), igual ao checkout\r\n      try { return v.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' }).replace(\/\\s\/g, ''); }\r\n      catch (e) { return 'R$' + v.toFixed(2).replace('.', ','); }\r\n    }\r\n    function corNome(th) { var n = th.getAttribute('data-name'); return TX.cores[n] || n; }\r\n\r\n    \/* Textos fixos da se\u00e7\u00e3o em ingl\u00eas \/ espanhol *\/\r\n    if (FORA) {\r\n      Array.prototype.forEach.call(root.querySelectorAll('[data-tx]'), function (n) {\r\n        var k = n.getAttribute('data-tx'); if (TX[k]) n.textContent = TX[k];\r\n      });\r\n      Array.prototype.forEach.call(root.querySelectorAll('[data-tx-html]'), function (n) {\r\n        var k = n.getAttribute('data-tx-html'); if (TX[k]) n.innerHTML = TX[k];\r\n      });\r\n      Array.prototype.forEach.call(root.querySelectorAll('.mq-thumb'), function (th) {\r\n        var nome = corNome(th);\r\n        var lb = th.querySelector('.mq-thumb-label'); if (lb) lb.textContent = nome;\r\n        th.querySelector('.mq-pick').setAttribute('aria-label', TX.ver + nome);\r\n        th.querySelector('.mq-minus').setAttribute('aria-label', TX.menos + nome);\r\n        th.querySelector('.mq-plus').setAttribute('aria-label', TX.mais + nome);\r\n      });\r\n      var pr = root.querySelector('[data-el=\"prev\"]'); if (pr) pr.setAttribute('aria-label', TX.prev);\r\n      var nx = root.querySelector('[data-el=\"next\"]'); if (nx) nx.setAttribute('aria-label', TX.next);\r\n      root.querySelector('[data-el=\"buy-text\"]').textContent = TX.buy;\r\n      var si = root.querySelector('[data-el=\"stage-img\"]'); if (si) si.alt = TX.version + ' ' + corNome(root.querySelector('.mq-thumb'));\r\n      \/* selo da Stripe no lugar do Mercado Pago *\/\r\n      var pay = root.querySelector('.mq-pay');\r\n      if (pay) {\r\n        pay.classList.add('is-stripe');\r\n        pay.setAttribute('aria-label', 'Stripe');\r\n        pay.innerHTML = CONFIG.STRIPE_SELO\r\n          ? '<img decoding=\"async\" src=\"' + CONFIG.STRIPE_SELO + '\" alt=\"Powered by Stripe\">'\r\n          : '<span class=\"mq-pay-txt\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>Secured by Stripe<\/span>';\r\n      }\r\n    }\r\n    function cls(node, name, on) { if (on) node.classList.add(name); else node.classList.remove(name); }\r\n\r\n    var thumbs = Array.prototype.slice.call(root.querySelectorAll('.mq-thumb'));\r\n    var stage = el('stage'), stageImg = el('stage-img');\r\n    var btn = el('buy'), btnText = el('buy-text');\r\n    var current = 0;\r\n\r\n    \/\/ Pedido = lista de unidades. Cada unidade tem a cor e se leva logo.\r\n    \/\/ Unidade nova sempre entra \"Sem personaliza\u00e7\u00e3o\"; a pessoa escolhe no card dela.\r\n    var units = [];                                             \/\/ come\u00e7a vazio: a pessoa escolhe no +\r\n\r\n    function qtyOf(c) { return units.filter(function (u) { return u.c === c; }).length; }\r\n    function logoCount() { return units.filter(function (u) { return u.logo; }).length; }\r\n\r\n    function addUnit(c) {\r\n      \/\/ coloca junto das outras unidades da mesma cor\r\n      var pos = units.length;\r\n      for (var k = units.length - 1; k >= 0; k--) { if (units[k].c === c) { pos = k + 1; break; } }\r\n      units.splice(pos, 0, { c: c, logo: false, txt: '' });\r\n    }\r\n    function removeUnit(c) {\r\n      \/\/ tira primeiro uma unidade SEM logo daquela cor; se n\u00e3o tiver, a \u00faltima\r\n      var idx = -1;\r\n      for (var k = units.length - 1; k >= 0; k--) {\r\n        if (units[k].c === c) { if (idx < 0) idx = k; if (!units[k].logo) { idx = k; break; } }\r\n      }\r\n      if (idx >= 0) units.splice(idx, 1);\r\n    }\r\n\r\n    \/\/ Toque\/clique confi\u00e1vel: ignora disparo repetido e ignora quando o dedo estava rolando a p\u00e1gina.\r\n    function onTap(node, fn) {\r\n      var sx = 0, sy = 0, last = 0;\r\n      function go(e) {\r\n        if (e) { e.preventDefault(); e.stopPropagation(); }\r\n        var now = Date.now();\r\n        if (now - last < 400) return;               \/\/ mesmo toque chegando 2x\r\n        last = now;\r\n        fn();\r\n      }\r\n      function moved(x, y) { return Math.abs(x - sx) > 12 || Math.abs(y - sy) > 12; }   \/\/ foi rolagem\r\n      node.addEventListener('pointerdown', function (e) { sx = e.clientX; sy = e.clientY; });\r\n      node.addEventListener('pointerup', function (e) {\r\n        if (e.pointerType === 'mouse' && e.button !== 0) return;\r\n        if (moved(e.clientX, e.clientY)) return;\r\n        go(e);\r\n      });\r\n      node.addEventListener('touchstart', function (e) { sx = e.touches[0].clientX; sy = e.touches[0].clientY; }, { passive: true });\r\n      node.addEventListener('touchend', function (e) {\r\n        var t = e.changedTouches[0];\r\n        if (moved(t.clientX, t.clientY)) return;\r\n        go(e);\r\n      }, { passive: false });\r\n      node.addEventListener('click', go);\r\n      node.addEventListener('keydown', function (e) {\r\n        if (e.key === ' ' || e.key === 'Enter') { last = 0; go(e); }\r\n      });\r\n    }\r\n\r\n    var TRASH_ICON = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h16\"\/><path d=\"M10 11v6M14 11v6\"\/><path d=\"M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12\"\/><path d=\"M9 7V4h6v3\"\/><\/svg>';\r\n    var UP_ICON = '<svg class=\"mq-up-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 15V4\"\/><path d=\"M7.5 8.5 12 4l4.5 4.5\"\/><path d=\"M5 15v3.5A1.5 1.5 0 0 0 6.5 20h11a1.5 1.5 0 0 0 1.5-1.5V15\"\/><\/svg>';\r\n    var OK_ICON = '<svg class=\"mq-up-ok\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>';\r\n    var LOGO_EXT = ['png', 'jpg', 'jpeg', 'pdf', 'svg', 'ai', 'eps'];\r\n    var MAX_TXT = 13;                           \/\/ m\u00e1ximo de letras (cabe na m\u00e1quina)\r\n    var MIN_TXT = 2;                            \/\/ m\u00ednimo de letras no \"O que voc\u00ea quer na sua m\u00e1quina?\"\r\n    var campoN = 0;\r\n    function esc(t) { return String(t).replace(\/[&<>\"]\/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;' }[c]; }); }\r\n\r\n    function renderCart() {\r\n      var cart = el('cart');\r\n      cart.innerHTML = '';\r\n      var count = {};\r\n      var n = units.length;\r\n      var head = el('order-head');\r\n      head.textContent = TX.order + ' \u00b7 ' + n + ' ' + (n === 1 ? TX.unit : TX.units);\r\n      cls(head, 'is-show', n > 0);\r\n\r\n      units.forEach(function (u) {\r\n        var th = thumbs[u.c];\r\n        var name = corNome(th);\r\n        count[u.c] = (count[u.c] || 0) + 1;\r\n\r\n        var card = document.createElement('div');\r\n        card.className = 'mq-unit' + (u.logo ? ' has-logo' : '');\r\n        card.innerHTML =\r\n            '<div class=\"mq-unit-top\">' +\r\n              '<span class=\"mq-unit-pic\"><img decoding=\"async\" src=\"' + th.getAttribute('data-img') + '\" alt=\"\"><\/span>' +\r\n              '<span class=\"mq-unit-name\">' + name + ' <small>\u00b7 ' + TX.unitN + ' ' + count[u.c] + '<\/small><\/span>' +\r\n              '<span class=\"mq-trash\" role=\"button\" tabindex=\"0\" aria-label=\"' + TX.remove + ' ' + name + ' ' + TX.unit + ' ' + count[u.c] + '\">' + TRASH_ICON + '<\/span>' +\r\n            '<\/div>' +\r\n            '<div class=\"mq-opts\" role=\"radiogroup\" aria-label=\"' + TX.radiogroup + '\">' +\r\n              '<div class=\"mq-opt is-plain\" role=\"radio\" tabindex=\"0\">' +\r\n                '<span class=\"mq-radio\"><\/span>' +\r\n                '<span class=\"mq-opt-text\"><span class=\"mq-opt-label\">' + TX.plain + '<\/span>' +\r\n                '<span class=\"mq-opt-price\">' + brl(CONFIG.PRECO) + '<\/span><\/span>' +\r\n              '<\/div>' +\r\n              '<div class=\"mq-opt is-logo\" role=\"radio\" tabindex=\"0\">' +\r\n                '<span class=\"mq-radio\"><\/span>' +\r\n                '<span class=\"mq-opt-text\"><span class=\"mq-opt-label\">' + TX.logo + '<\/span>' +\r\n                '<span class=\"mq-opt-price\">' + brl(CONFIG.PRECO + CONFIG.PERSONALIZACAO) + '<\/span><\/span>' +\r\n              '<\/div>' +\r\n            '<\/div>' +\r\n            '<div class=\"mq-unit-field\">' +\r\n              '<label for=\"mq-txt-' + (++campoN) + '\">' + TX.campo + '<\/label>' +\r\n              '<div class=\"mq-field-row\">' +\r\n                '<input type=\"text\" id=\"mq-txt-' + campoN + '\" maxlength=\"' + MAX_TXT + '\" autocomplete=\"off\" placeholder=\"' + esc(TX.ex) + '\">' +\r\n                '<label class=\"mq-up\" title=\"' + esc(TX.upTitle) + '\" aria-label=\"' + esc(TX.upTitle) + '\">' +\r\n                  '<input type=\"file\" accept=\".png,.jpg,.jpeg,.pdf,.svg,.ai,.eps,image\/png,image\/jpeg,image\/svg+xml,application\/pdf\">' +\r\n                  UP_ICON + OK_ICON + '<i class=\"mq-up-spin\"><\/i><span class=\"mq-up-t1\">' + TX.up + '<\/span><span class=\"mq-up-t2\">' + TX.upOk + '<\/span>' +\r\n                '<\/label>' +\r\n              '<\/div>' +\r\n              '<p class=\"mq-up-file\"><b><\/b><span class=\"mq-up-x\" role=\"button\" tabindex=\"0\" aria-label=\"' + esc(TX.upQuitar) + '\">\u00d7<\/span><\/p>' +\r\n              '<p class=\"mq-unit-err\">' + TX.err + '<\/p>' +\r\n            '<\/div>';\r\n\r\n        var plain = card.querySelector('.is-plain'), logo = card.querySelector('.is-logo');\r\n        function paint() {\r\n          cls(plain, 'is-sel', !u.logo);  plain.setAttribute('aria-checked', u.logo ? 'false' : 'true');\r\n          cls(logo,  'is-sel',  u.logo);  logo.setAttribute('aria-checked',  u.logo ? 'true' : 'false');\r\n          cls(card, 'has-logo', u.logo);\r\n        }\r\n        paint();\r\n        var ta = card.querySelector('.mq-unit-field input');\r\n        ta.value = u.txt || '';\r\n        \/\/ o toque e as teclas do campo ficam s\u00f3 no campo: scripts do site (prote\u00e7\u00e3o de\r\n        \/\/ c\u00f3pia, atalhos de teclado, cliques da p\u00e1gina) n\u00e3o conseguem bloquear a digita\u00e7\u00e3o\r\n        ['pointerdown', 'pointerup', 'mousedown', 'mouseup', 'touchstart', 'touchend', 'click',\r\n         'keydown', 'keypress', 'keyup', 'selectstart', 'contextmenu', 'dragstart', 'copy', 'paste', 'cut']\r\n          .forEach(function (ev) { ta.addEventListener(ev, function (e) { e.stopPropagation(); }); });\r\n        ta.addEventListener('touchend', function () { if (document.activeElement !== ta) ta.focus(); });\r\n        ta.addEventListener('input', function () {\r\n          u.txt = ta.value;\r\n          if (ta.value.trim().length >= MIN_TXT) cls(card, 'is-err', false);\r\n        });\r\n        \/* ---------- anexar o logo ---------- *\/\r\n        var upBox = card.querySelector('.mq-up'), upInput = upBox.querySelector('input[type=\"file\"]');\r\n        var upName = card.querySelector('.mq-up-file b'), upX = card.querySelector('.mq-up-x');\r\n        var errEl = card.querySelector('.mq-unit-err');\r\n        function paintFile() {\r\n          cls(card, 'has-file', !!u.file);\r\n          cls(card, 'is-up', !!u.upl);\r\n          upName.textContent = u.file ? u.file.nome : '';\r\n        }\r\n        function upErro(msg) { errEl.textContent = msg; cls(card, 'is-err', true); }\r\n        ['pointerdown', 'pointerup', 'mousedown', 'mouseup', 'touchstart', 'touchend', 'click']\r\n          .forEach(function (ev) { upBox.addEventListener(ev, function (e) { e.stopPropagation(); }); });\r\n        upInput.addEventListener('change', function () {\r\n          var f = upInput.files && upInput.files[0];\r\n          upInput.value = '';\r\n          if (!f) return;\r\n          var ext = (f.name.split('.').pop() || '').toLowerCase();\r\n          if (LOGO_EXT.indexOf(ext) < 0) { upErro(TX.upTipo); return; }\r\n          if (f.size > CONFIG.LOGO_MAX_MB * 1024 * 1024) { upErro(TX.upGrande); return; }\r\n          var fd = new FormData();\r\n          fd.append('action', 'mqo_logo_temp');\r\n          fd.append('logo', f);\r\n          u.upl = true; paintFile();\r\n          fetch(CONFIG.AJAX, { method: 'POST', body: fd, credentials: 'same-origin' })\r\n            .then(function (r) { return r.json(); })\r\n            .then(function (r) {\r\n              u.upl = false;\r\n              if (r && r.success && r.data && r.data.token) {\r\n                u.file = { token: r.data.token, nome: r.data.nome || f.name };\r\n                cls(card, 'is-err', false);\r\n              } else {\r\n                var m = r && r.data && r.data.msg;\r\n                upErro(m === 'grande' ? TX.upGrande : m === 'tipo' ? TX.upTipo : TX.upErro);\r\n              }\r\n              paintFile();\r\n            })\r\n            .catch(function () { u.upl = false; paintFile(); upErro(TX.upErro); });\r\n        });\r\n        onTap(upX, function () { u.file = null; paintFile(); });\r\n        paintFile();\r\n\r\n        u.card = card;\r\n        onTap(plain, function () { u.logo = false; cls(card, 'is-err', false); paint(); updateTotals(); });\r\n        onTap(logo,  function () { u.logo = true;  paint(); updateTotals(); });\r\n        onTap(card.querySelector('.mq-trash'), function () {\r\n          var idx = units.indexOf(u);\r\n          if (idx >= 0) units.splice(idx, 1);\r\n          update();\r\n        });\r\n        cart.appendChild(card);\r\n      });\r\n    }\r\n\r\n    function update() {\r\n      var n = units.length;\r\n\r\n      thumbs.forEach(function (th, i) {\r\n        var q = qtyOf(i);\r\n        cls(th, 'has-qty', q > 0);\r\n        th.querySelector('.mq-step-val').textContent = q;\r\n        th.querySelector('.mq-minus').disabled = q <= 0;\r\n        th.querySelector('.mq-plus').disabled = n >= CONFIG.MAX_QTD;\r\n      });\r\n\r\n      renderCart();\r\n      updateTotals();\r\n    }\r\n\r\n    el('promo').textContent = TX.promo.replace('{v}', brl(CONFIG.PERSONALIZACAO).replace(\/[.,]00$\/, ''));\r\n\r\n    function updateTotals() {\r\n      var n = units.length;\r\n      var total = CONFIG.PRECO * n + CONFIG.PERSONALIZACAO * logoCount();\r\n      if (!n) total = CONFIG.PRECO;                \/\/ nada escolhido: mostra o pre\u00e7o de 1 unidade\r\n      el('total').textContent = brl(total);\r\n      el('inst').textContent = (CONFIG.PARCELAS > 1 && total > 0)\r\n        ? 'em at\u00e9 ' + CONFIG.PARCELAS + 'x no cart\u00e3o'   \/\/ o parcelamento tem juros: n\u00e3o mostra valor de parcela\r\n        : '';\r\n    }\r\n\r\n    \/\/ Sem nenhuma unidade escolhida: leva at\u00e9 as cores, faz os cards piscarem e mostra o aviso\r\n    var thumbsBox = root.querySelector('.mq-thumbs');\r\n    function callAttention() {\r\n      var r = thumbsBox.getBoundingClientRect();\r\n      if (r.top < 80 || r.bottom > window.innerHeight) {\r\n        thumbsBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n      }\r\n      thumbsBox.classList.remove('is-attn');\r\n      void thumbsBox.offsetWidth;                  \/\/ reinicia a anima\u00e7\u00e3o se clicar de novo\r\n      thumbsBox.classList.add('is-attn');\r\n      clearTimeout(thumbsBox._t);\r\n      thumbsBox._t = setTimeout(function () { thumbsBox.classList.remove('is-attn'); }, 1800);\r\n      var hint = el('hint');\r\n      hint.classList.add('is-show');\r\n      clearTimeout(hint._t);\r\n      hint._t = setTimeout(function () { hint.classList.remove('is-show'); }, 4000);\r\n    }\r\n\r\n    thumbs.forEach(function (t) { var im = new Image(); im.src = t.getAttribute('data-img'); });\r\n\r\n    function show(index) {\r\n      index = (index + thumbs.length) % thumbs.length;\r\n      if (index === current && stageImg.getAttribute('src') === thumbs[index].getAttribute('data-img')) return;\r\n      current = index;\r\n      var t = thumbs[current];\r\n      thumbs.forEach(function (th, k) { cls(th, 'is-active', k === current); });\r\n      stageImg.classList.add('is-fading');\r\n      setTimeout(function () {\r\n        stageImg.src = t.getAttribute('data-img');\r\n        stageImg.alt = TX.version + ' ' + corNome(t);\r\n        stageImg.classList.remove('is-fading');\r\n      }, 200);\r\n    }\r\n\r\n    thumbs.forEach(function (t, i) {\r\n      t.querySelector('.mq-pick').addEventListener('click', function (e) {\r\n        e.preventDefault(); show(i); this.blur();\r\n      });\r\n      t.querySelector('.mq-plus').addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        if (units.length < CONFIG.MAX_QTD) { addUnit(i); show(i); update(); el('hint').classList.remove('is-show'); }\r\n        this.blur();\r\n      });\r\n      t.querySelector('.mq-minus').addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        if (qtyOf(i) > 0) { removeUnit(i); show(i); update(); }\r\n        this.blur();\r\n      });\r\n    });\r\n    el('prev').addEventListener('click', function (e) { e.preventDefault(); show(current - 1); });\r\n    el('next').addEventListener('click', function (e) { e.preventDefault(); show(current + 1); });\r\n\r\n    var startX = null, startY = null;\r\n    stage.addEventListener('touchstart', function (e) {\r\n      startX = e.touches[0].clientX; startY = e.touches[0].clientY;\r\n    }, { passive: true });\r\n    stage.addEventListener('touchend', function (e) {\r\n      if (startX === null) return;\r\n      var dx = e.changedTouches[0].clientX - startX;\r\n      var dy = e.changedTouches[0].clientY - startY;\r\n      if (Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)) show(dx < 0 ? current + 1 : current - 1);\r\n      startX = null;\r\n    });\r\n\r\n    \/* ---------- Comprar: limpa o carrinho, coloca o pedido e vai ao checkout ---------- *\/\r\n    var resetNext = true;\r\n    function addToCart(params) {\r\n      if (resetNext) { params.mq_reset = 1; resetNext = false; }   \/\/ 1\u00aa chamada esvazia o carrinho antes\r\n      var q = Object.keys(params).map(function (k) {\r\n        return encodeURIComponent(k) + '=' + encodeURIComponent(params[k]);\r\n      }).join('&');\r\n      var url = CONFIG.LOJA.replace(\/\\\/$\/, '') + '\/?' + q + '&_=' + Date.now();\r\n      return fetch(url, { credentials: 'same-origin', cache: 'no-store' }).then(function (r) {\r\n        if (!r.ok) throw new Error('falhou');\r\n      });\r\n    }\r\n\r\n    btn.addEventListener('click', function (e) {\r\n      e.preventDefault();\r\n      if (!units.length) { callAttention(); return; }\r\n\r\n      \/\/ unidade personalizada sem o \"O que voc\u00ea quer na sua m\u00e1quina?\": n\u00e3o deixa seguir\r\n      \/\/ personalizada: precisa do nome OU do logo anexado (ou os dois)\r\n      var faltando = units.filter(function (u) { return u.logo && (u.upl || ((u.txt || '').trim().length < MIN_TXT && !u.file)); });\r\n      units.forEach(function (u) {\r\n        if (!u.card) return;\r\n        var falta = faltando.indexOf(u) >= 0;\r\n        if (falta) u.card.querySelector('.mq-unit-err').textContent = u.upl ? TX.upEspera : TX.err;\r\n        cls(u.card, 'is-err', falta);\r\n      });\r\n      if (faltando.length) {\r\n        var c1 = faltando[0].card;\r\n        if (c1) {\r\n          c1.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n          var t1 = c1.querySelector('.mq-unit-field input');\r\n          setTimeout(function () { try { t1.focus({ preventScroll: true }); } catch (er) { t1.focus(); } }, 450);\r\n        }\r\n        return;\r\n      }\r\n      resetNext = true;\r\n\r\n      btn.classList.add('is-loading');\r\n      btnText.textContent = TX.adding;\r\n\r\n      var chain = Promise.resolve();\r\n      thumbs.forEach(function (t, i) {\r\n        \/\/ sem personaliza\u00e7\u00e3o: todas da cor juntas\r\n        var semLogo = units.filter(function (u) { return u.c === i && !u.logo; }).length;\r\n        if (semLogo) chain = chain.then(function () {\r\n          return addToCart({ 'add-to-cart': CONFIG.PRODUTO_ID, 'variation_id': t.getAttribute('data-variacao'), 'quantity': semLogo });\r\n        });\r\n        \/\/ personalizadas: uma por vez, cada uma com o seu texto\r\n        units.filter(function (u) { return u.c === i && u.logo; }).forEach(function (u) {\r\n          chain = chain.then(function () {\r\n            return addToCart({\r\n              'add-to-cart': CONFIG.PRODUTO_ID,\r\n              'variation_id': t.getAttribute('data-variacao'),\r\n              'quantity': 1,\r\n              'mq_logo': 1,\r\n              'mq_logo_txt': (u.txt || '').trim().slice(0, MAX_TXT),\r\n              'mq_logo_file': u.file ? u.file.token : ''\r\n            });\r\n          });\r\n        });\r\n      });\r\n\r\n      chain\r\n        .then(function () { window.location.href = CONFIG.CHECKOUT; })\r\n        .catch(function () {\r\n          btn.classList.remove('is-loading');\r\n          btnText.textContent = TX.buy;\r\n          window.location.href = CONFIG.LOJA + (ES ? '\/es' : (EN ? '\/en' : '')) + '\/produto\/colheitadeira-de-bebidas\/';\r\n        });\r\n    });\r\n\r\n    \/\/ Voltou pelo \"voltar\" do navegador: destrava o bot\u00e3o\r\n    window.addEventListener('pageshow', function () {\r\n      btn.classList.remove('is-loading');\r\n      btnText.textContent = TX.buy;\r\n    });\r\n\r\n    update();\r\n  }\r\n\r\n  \/\/ Funciona mesmo se o script for carregado com atraso (WP Rocket \/ otimizadores)\r\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);\r\n  else start();\r\n  setTimeout(start, 600);\r\n  window.addEventListener('load', start);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a175145 e-flex e-con-boxed e-con e-parent\" data-id=\"a175145\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faedb79 elementor-widget elementor-widget-html\" data-id=\"faedb79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================================\r\n   SE\u00c7\u00c3O HIST\u00d3RIA DA MARCA \u2014 MAQPRIME (v2, PT\/EN\/ES)\r\n   Cole este c\u00f3digo em um widget \"HTML\" do Elementor, na p\u00e1gina HOME.\r\n   Textos em ingl\u00eas (\/en\/) e espanhol (\/es\/) trocam sozinhos (blocos \"TEXTOS\").\r\n   v2: computador em duas colunas (foto grande \u00e0 esquerda, texto \u00e0 direita,\r\n       estilo Stetson). O celular continua igual.\r\n====================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #mq-story {\r\n    --mq-fg: #1a1a1a;\r\n    --mq-text: #333333;\r\n    --mq-fg-muted: #6b6b6b;\r\n    --mq-accent: #8a5a1f;\r\n    --mq-gap: 24px;                   \/* \u2190 espa\u00e7o subt\u00edtulo\u2192foto e foto\u2192t\u00edtulo de baixo (os dois iguais) *\/\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    padding: 28px 24px 80px;          \/* \u2190 28px = espa\u00e7o em cima (computador) \u00b7 80px = embaixo *\/\r\n  }\r\n  #mq-story * { box-sizing: border-box; }\r\n\r\n  \/* Topo: t\u00edtulo serifado fino + frase em seminegrito (estilo Stetson) *\/\r\n  #mq-story .mq-story-top {\r\n    text-align: center;\r\n    margin: 0 0 var(--mq-gap);\r\n  }\r\n  #mq-story .mq-story-top h2 {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-weight: 400;\r\n    font-size: 21px;                         \/* \u2190 tamanho do t\u00edtulo *\/\r\n    letter-spacing: .5px;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n    color: var(--mq-fg);\r\n    margin: 0 0 8px;                         \/* \u2190 espa\u00e7o do t\u00edtulo at\u00e9 a frase *\/\r\n    padding: 0;\r\n  }\r\n  #mq-story .mq-story-lead {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 600;\r\n    font-size: 13.5px;                       \/* \u2190 tamanho da frase *\/\r\n    line-height: 22px;\r\n    color: var(--mq-text);\r\n    max-width: 320px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n  }\r\n\r\n  #mq-story .mq-story-media {\r\n    width: 100%;\r\n    margin: 0 0 var(--mq-gap);\r\n  }\r\n  #mq-story .mq-story-media img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* T\u00edtulo pequeno + texto, estilo Stetson *\/\r\n  #mq-story .mq-story-body h3 {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 700;\r\n    font-size: 14px;                         \/* \u2190 tamanho do t\u00edtulo *\/\r\n    letter-spacing: .04em;\r\n    line-height: 1.3;\r\n    text-transform: none;\r\n    color: var(--mq-fg);\r\n    margin: 0 0 10px;                        \/* \u2190 espa\u00e7o do t\u00edtulo at\u00e9 o texto *\/\r\n    padding: 0;\r\n  }\r\n  #mq-story .mq-story-body p {\r\n    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-weight: 400;\r\n    font-size: 15px;                         \/* \u2190 tamanho do texto *\/\r\n    line-height: 26px;\r\n    color: var(--mq-text);\r\n    margin: 0 0 16px;\r\n    padding: 0;\r\n  }\r\n  #mq-story .mq-story-body p:last-child { margin-bottom: 0; }\r\n\r\n  @media (min-width: 768px) {\r\n    #mq-story .mq-story-top h2 { font-size: 24px; }\r\n    #mq-story .mq-story-lead { font-size: 14.5px; line-height: 24px; max-width: 400px; }\r\n    #mq-story .mq-story-body h3 { font-size: 15px; }\r\n    #mq-story .mq-story-body p { font-size: 16px; line-height: 28px; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #mq-story { padding: 20px 20px 56px; }   \/* \u2190 20px = espa\u00e7o em cima (celular) \u00b7 56px = embaixo *\/\r\n  }\r\n\r\n  \/* ---------- COMPUTADOR: duas colunas (foto \u00e0 esquerda, texto \u00e0 direita) ---------- *\/\r\n  @media (min-width: 900px) {\r\n    #mq-story {\r\n      max-width: 1200px;\r\n      padding: 72px 40px 96px;               \/* \u2190 espa\u00e7o em cima \u00b7 laterais \u00b7 embaixo *\/\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);\r\n      grid-template-rows: auto auto;\r\n      column-gap: 64px;                      \/* \u2190 espa\u00e7o entre a foto e o texto *\/\r\n      align-items: center;\r\n    }\r\n    #mq-story .mq-story-media {\r\n      grid-column: 1;\r\n      grid-row: 1 \/ span 2;\r\n      margin: 0;\r\n    }\r\n    #mq-story .mq-story-top,\r\n    #mq-story .mq-story-body { grid-column: 2; }\r\n    #mq-story .mq-story-top {\r\n      grid-row: 1;\r\n      align-self: end;                       \/* t\u00edtulo + texto ficam juntos, no meio da altura da foto *\/\r\n      text-align: left;\r\n      margin: 0 0 28px;\r\n    }\r\n    #mq-story .mq-story-body { grid-row: 2; align-self: start; }\r\n    #mq-story .mq-story-top h2 { font-size: 30px; letter-spacing: .5px; margin: 0 0 12px; }\r\n    #mq-story .mq-story-lead { max-width: 440px; margin: 0; font-size: 15.5px; line-height: 25px; }\r\n    #mq-story .mq-story-body h3 { font-size: 16px; margin: 0 0 12px; }\r\n    #mq-story .mq-story-body p { font-size: 16px; line-height: 28px; max-width: 480px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"mq-story\" data-no-translation>\r\n  <div class=\"mq-story-top\">\r\n    <h2>#MAQPRIMESTORIES<\/h2>\r\n    <p class=\"mq-story-lead\" data-mq-tx=\"frase\">Paix\u00e3o. Raiz. Trabalho. A inspira\u00e7\u00e3o de quem vive o verdadeiro esp\u00edrito do campo.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"mq-story-media\">\r\n    <img decoding=\"async\" src=\"https:\/\/maqprime.com\/wp-content\/uploads\/2026\/10\/4B4B63CD-63B1-4D5E-8B9D-08F2A7225068.png\" alt=\"Miniatura de colheitadeira MAQPRIME\">\r\n  <\/div>\r\n\r\n  <div class=\"mq-story-body\">\r\n    <h3 data-mq-tx=\"titulo\">A ess\u00eancia do campo.<\/h3>\r\n    <p data-mq-tx=\"texto\">A MAQPRIME nasceu para transformar a identidade do campo em pe\u00e7as que fazem parte da vida das pessoas. Inspirados nas m\u00e1quinas e nas hist\u00f3rias de quem vive o agro, unimos design, tecnologia e cuidado nos detalhes para levar essa presen\u00e7a aos momentos em fam\u00edlia e aos encontros entre amigos.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/* ---------- TEXTOS EM INGL\u00caS (site em EN) ---------- *\/\r\n  var EN_TX = {\r\n    frase:  'Passion. Roots. Hard work. Inspired by those who live the true spirit of the land.',\r\n    titulo: 'The spirit of the land.',\r\n    texto:  'MAQPRIME was born to turn the identity of farm life into pieces that become part of people\u2019s everyday lives. Inspired by the machines and the stories of those who work the land, we bring together design, technology and attention to detail to bring that spirit to family moments and get-togethers with friends.',\r\n    alt:    'MAQPRIME miniature combine harvester'\r\n  };\r\n\r\n  \/* ---------- TEXTOS EM ESPANHOL (site em ES) ---------- *\/\r\n  var ES_TX = {\r\n    frase:  'Pasi\u00f3n. Ra\u00edces. Trabajo. Inspirados en quienes viven el verdadero esp\u00edritu del campo.',\r\n    titulo: 'La esencia del campo.',\r\n    texto:  'MAQPRIME naci\u00f3 para transformar la identidad del campo en piezas que forman parte de la vida de las personas. Inspirados en las m\u00e1quinas y en las historias de quienes viven el agro, unimos dise\u00f1o, tecnolog\u00eda y cuidado en los detalles para llevar esa presencia a los momentos en familia y a los encuentros con amigos.',\r\n    alt:    'Mini cosechadora MAQPRIME'\r\n  };\r\n\r\n  var sec = document.getElementById('mq-story');\r\n  var LANG = (document.documentElement.lang || '').toLowerCase();\r\n  var EN = LANG.indexOf('en') === 0 || \/^\\\/en(\\\/|$)\/.test(location.pathname);\r\n  var ES = !EN && (LANG.indexOf('es') === 0 || \/^\\\/es(\\\/|$)\/.test(location.pathname));\r\n  var T = ES ? ES_TX : (EN ? EN_TX : null);\r\n  if (!T || !sec) return;\r\n  Array.prototype.forEach.call(sec.querySelectorAll('[data-mq-tx]'), function (n) {\r\n    var k = n.getAttribute('data-mq-tx'); if (T[k]) n.textContent = T[k];\r\n  });\r\n  var img = sec.querySelector('.mq-story-media img');\r\n  if (img) img.alt = T.alt;\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Edi\u00e7\u00e3o 1a Safra Uma s\u00e9rie limitada de 1.000 pe\u00e7as, montadas e numeradas \u00e0 m\u00e3o, com acabamento pensado em cada detalhe. DEMONSTRA\u00c7\u00c3O Harvester MQX-01 Dispenser autom\u00e1tico inspirado no Agro, com acionamentos por sensores.Dispenser autom\u00e1tico inspirado no Agro, com acionamentos por sensores. Comprar agora Tecnologia e Constru\u00e7\u00e3o Detalhes pensados para servir com praticidade. Reservat\u00f3rio Interno Reservat\u00f3rio interno [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-965","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/pages\/965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/comments?post=965"}],"version-history":[{"count":1270,"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/pages\/965\/revisions"}],"predecessor-version":[{"id":2614,"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/pages\/965\/revisions\/2614"}],"wp:attachment":[{"href":"https:\/\/maqprime.com\/en\/wp-json\/wp\/v2\/media?parent=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}