{"id":17126,"date":"2025-07-24T12:36:06","date_gmt":"2025-07-24T12:36:06","guid":{"rendered":"https:\/\/jaguarembalagens.com.br\/?page_id=17126"},"modified":"2026-01-19T14:43:13","modified_gmt":"2026-01-19T14:43:13","slug":"projetos-exclusivos","status":"publish","type":"page","link":"https:\/\/jaguarembalagens.com.br\/en\/projetos-exclusivos\/","title":{"rendered":"Exclusive Projects"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17126\" class=\"elementor elementor-17126\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-487f9bd e-con-full e-flex e-con e-parent\" data-id=\"487f9bd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0dba5 elementor-arrows-position-inside elementor-widget elementor-widget-n-carousel\" data-id=\"cc0dba5\" data-element_type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;_id&quot;:&quot;9543cf3&quot;,&quot;slide_title&quot;:&quot;Slide #2&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\r\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 1\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32ac5f6 e-con-full e-flex e-con e-child\" data-id=\"32ac5f6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-008df5f e-con-full e-flex e-con e-child\" data-id=\"008df5f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-334f7e0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"334f7e0\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f930d elementor-widget elementor-widget-heading\" data-id=\"b5f930d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Exclusive Projects<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-557e842 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"557e842\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:240}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Jaguar Embalagens combines more than 45 years' experience in the market with advanced technology to offer, in addition to its well-established products, the possibility of creating specific pieces according to your needs.<\/p>\t\t\t\t\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-5263b3c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5263b3c\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\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-c68fa7e e-flex e-con-boxed e-con e-parent\" data-id=\"c68fa7e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac8c4d elementor-widget elementor-widget-html\" data-id=\"7ac8c4d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========== CONHE\u00c7A NOSSO PROCESSO \u2014 DESKTOP E MOBILE CORRETOS ========== -->\r\n<style>\r\n  :root{\r\n    --azul:#313A90; --azul-escuro:#1f2770; --azul-claro:#4c59c2;\r\n    --txt:#17202a; --bg:#ffffff;\r\n    --radius:5px;\r\n  }\r\n\r\n  .wrap-flow{\r\n    font-family:\"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    color:var(--txt); max-width:1200px; margin:60px auto 80px; padding:0 12px;\r\n    display:grid; gap:32px 40px;\r\n    grid-template-columns: 1.4fr 1fr;\r\n    grid-template-areas:\r\n      \"left heading\"\r\n      \"left panel\";\r\n    align-items:center;\r\n  }\r\n\r\n  \/* \u00c1reas do grid *\/\r\n  .heading{ grid-area: heading; }\r\n  .left   { grid-area: left; }\r\n  .panel  { grid-area: panel; }\r\n\r\n  \/* T\u00edtulo *\/\r\n  .heading h2{\r\n    margin:0; font-size:46px; font-weight:900; letter-spacing:.02em; color:var(--azul);\r\n  }\r\n\r\n  \/* Grade de quadrados *\/\r\n  .left{\r\n    display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; justify-content:center;\r\n  }\r\n  .card{\r\n    position:relative; aspect-ratio:1\/1; border-radius:var(--radius);\r\n    background:linear-gradient(180deg, var(--azul-escuro), var(--azul));\r\n    box-shadow:var(--shadow); cursor:pointer; overflow:hidden;\r\n    display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n    text-align:center; color:#fff; padding:10px; user-select:none;\r\n    transition:transform .3s ease, box-shadow .3s ease, filter .3s ease;\r\n    border:none;          \/* \ud83d\udd39 remove qualquer borda vis\u00edvel *\/\r\n    outline:none;         \/* \ud83d\udd39 remove a linha rosa do foco do bot\u00e3o *\/\r\n  }\r\n  .card:hover{ transform:translateY(-4px); filter:brightness(1.08); }\r\n  .card.active{\r\n    background:linear-gradient(180deg, var(--azul), var(--azul-claro));\r\n  }\r\n\r\n  \/* N\u00daMEROS: menores e responsivos *\/\r\n  .card-num{\r\n    font-weight:900; line-height:1; margin-bottom:6px;\r\n    font-size:clamp(34px, 4.6vw, 48px);\r\n  }\r\n  .card-label{\r\n    font-weight:700; font-size:16px; line-height:1.25;\r\n    max-width:90%; text-wrap:balance; word-wrap:break-word;\r\n  }\r\n\r\n  \/* Painel \u00e0 direita \/ abaixo no mobile *\/\r\n  .panel{\r\n    background:var(--bg); border-radius:16px;\r\n    box-shadow:var(--shadow); overflow:hidden;\r\n    opacity:0; transform:translateY(6px); pointer-events:none;\r\n    transition:opacity .25s ease, transform .25s ease;\r\n  }\r\n  .panel.show{ opacity:1; transform:none; pointer-events:auto; }\r\n  .panel-head{ padding:18px 22px; border-bottom:1px solid #eef2f6; background:#fafcff; }\r\n  .panel-title{ margin:0; font-size:24px; font-weight:900; color:var(--azul); }\r\n  .panel-body{ padding:18px 22px 24px; line-height:1.65; font-size:17px; }\r\n\r\n  \/* ========== RESPONSIVO ========== *\/\r\n  @media (max-width:980px){\r\n    .wrap-flow{\r\n      grid-template-columns: 1fr;\r\n      grid-template-areas:\r\n        \"heading\"\r\n        \"left\"\r\n        \"panel\";\r\n      gap:24px; text-align:center; align-items:start;\r\n    }\r\n    .heading h2{ font-size:34px; text-align:center; }\r\n    .left{ grid-template-columns: repeat(2, 1fr); }\r\n    .card-num{ font-size:clamp(28px, 7vw, 38px); }\r\n    .panel-body{ font-size:15px; }\r\n  }\r\n  @media (max-width:560px){\r\n    .left{ grid-template-columns: 1fr 1fr; gap:14px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"wrap-flow\" id=\"flowRoot\">\r\n  <div class=\"heading\">\r\n    <h2>Learn about our process<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"left\" id=\"grid\"><\/div>\r\n\r\n  <div class=\"panel\" id=\"panel\">\r\n    <div class=\"panel-head\">\r\n      <h3 class=\"panel-title\" id=\"title\">Technical Advice<\/h3>\r\n    <\/div>\r\n    <div class=\"panel-body\" id=\"body\">\r\n      A specialized team will support your project by understanding your needs and taking them to the next stage.\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const data = {\r\n    1:{num:'01',titulo:'Assessoria T\u00e9cnica',texto:'Uma equipe especializada dar\u00e1 todo o suporte em seu projeto compreendendo e encaminhando a demanda suas necessidades para a pr\u00f3xima etapa.'},\r\n    2:{num:'02',titulo:'Viabiliza\u00e7\u00e3o do Projeto',texto:'Nesta etapa, nossa equipe trabalhar\u00e1 na viabiliza\u00e7\u00e3o do seu projeto por meio de software de modelamento, que analisa virtualmente a intera\u00e7\u00e3o das pe\u00e7as. Neste processo tamb\u00e9m, definimos a decora\u00e7\u00e3o, a automa\u00e7\u00e3o e a montagem, conforme a necessidade do cliente.'},\r\n    3:{num:'03',titulo:'Prot\u00f3tipo Eletr\u00f4nico',texto:'Um mockup 3D \u00e9 desenhado com o uso de software avan\u00e7ado. Dessa forma, visualizamos uma imagem fixa que evidencia o projeto e simula suas dimens\u00f5es, r\u00f3tulos e volume.'},\r\n    4:{num:'04',titulo:'Prot\u00f3tipo em Impress\u00e3o 3D',texto:'O projeto come\u00e7a a virar realidade. O mockup em resina \u00e9 impresso, o que possibilita a intera\u00e7\u00e3o com o prot\u00f3tipo.'},\r\n    5:{num:'05',titulo:'Molde Piloto',texto:'Aprovado o mockup e viabilizado o projeto, o molde \u00e9 constru\u00eddo de acordo com todas as especifica\u00e7\u00f5es.'},\r\n    6:{num:'06',titulo:'Produto Final',texto:'O produto final \u00e9 validado em todas as etapas do processo, entrar\u00e1 em produ\u00e7\u00e3o e ter\u00e1 acompanhamento t\u00e9cnico.'}\r\n  };\r\n\r\n  const grid  = document.getElementById('grid');\r\n  const panel = document.getElementById('panel');\r\n  const title = document.getElementById('title');\r\n  const body  = document.getElementById('body');\r\n\r\n  Object.keys(data).forEach(k=>{\r\n    const info = data[k];\r\n    const card = document.createElement('button');\r\n    card.className = 'card';\r\n    card.setAttribute('data-step', k);\r\n    card.setAttribute('type', 'button');\r\n\r\n    const num = document.createElement('div');\r\n    num.className = 'card-num';\r\n    num.textContent = info.num;\r\n\r\n    const label = document.createElement('div');\r\n    label.className = 'card-label';\r\n    label.textContent = info.titulo;\r\n\r\n    card.appendChild(num);\r\n    card.appendChild(label);\r\n    grid.appendChild(card);\r\n  });\r\n\r\n  function activate(step){\r\n    document.querySelectorAll('.card').forEach(c=>{\r\n      const isActive = c.getAttribute('data-step') === String(step);\r\n      c.classList.toggle('active', isActive);\r\n    });\r\n    const info = data[step];\r\n    if(!info) return;\r\n    title.textContent = info.titulo;\r\n    body.textContent  = info.texto;\r\n    panel.classList.add('show');\r\n  }\r\n\r\n  grid.addEventListener('click', ev=>{\r\n    const card = ev.target.closest('.card');\r\n    if(!card) return;\r\n    activate(card.getAttribute('data-step'));\r\n  });\r\n\r\n  activate(1);\r\n})();\r\n<\/script>\r\n\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>","protected":false},"excerpt":{"rendered":"<p>Projetos Exclusivos A Jaguar Embalagens integra a experi\u00eancia de mais de 45 anos no mercado com a avan\u00e7ada tecnologia para oferecer, al\u00e9m de seus produtos j\u00e1 consagrados, a possibilidade de criar pe\u00e7as espec\u00edficas de acordo com a sua necessidade. Projetos Exclusivos A Jaguar Embalagens integra a experi\u00eancia de mais de 45 anos no mercado com [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-17126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/pages\/17126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/comments?post=17126"}],"version-history":[{"count":18,"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/pages\/17126\/revisions"}],"predecessor-version":[{"id":18637,"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/pages\/17126\/revisions\/18637"}],"wp:attachment":[{"href":"https:\/\/jaguarembalagens.com.br\/en\/wp-json\/wp\/v2\/media?parent=17126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}