{"id":165,"date":"2025-05-23T19:29:38","date_gmt":"2025-05-23T19:29:38","guid":{"rendered":"https:\/\/costly.com.br\/streetwear\/?page_id=165"},"modified":"2025-07-13T11:53:55","modified_gmt":"2025-07-13T11:53:55","slug":"provador-virtual","status":"publish","type":"page","link":"https:\/\/costly.com.br\/streetwear\/provador-virtual\/","title":{"rendered":"Provador virtual"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"165\" class=\"elementor elementor-165\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b73ee2 e-con-full e-flex e-con e-parent\" data-id=\"1b73ee2\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a255601 e-flex e-con-boxed e-con e-parent\" data-id=\"a255601\" 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-c17d741 elementor-widget elementor-widget-spacer\" data-id=\"c17d741\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac4f02 elementor-widget elementor-widget-shortcode\" data-id=\"6ac4f02\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Provador Virtual de Roupas<\/title>\n  <style>\n    \/* Estilos isolados com prefixo .virtual-fitter *\/\n    .virtual-fitter {\n      font-family: Arial, sans-serif;\n      max-width: 400px;\n      margin: 0 auto;\n      background: #fff;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    }\n    .virtual-fitter h1 {\n      font-size: 24px;\n      text-align: center;\n      margin-bottom: 10px;\n      color: #87CCE9;\n    }\n    .virtual-fitter p {\n      text-align: center;\n      color: #666;\n      margin-bottom: 20px;\n    }\n    .virtual-fitter form {\n      display: flex;\n      flex-direction: column;\n      gap: 15px;\n    }\n    .virtual-fitter label {\n      font-size: 14px;\n      color: #333;\n    }\n    .virtual-fitter input,\n    .virtual-fitter select {\n      width: 100%;\n      padding: 8px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      font-size: 14px;\n    }\n    .virtual-fitter button {\n      background: #87CCE9;\n      color: #fff;\n      padding: 10px;\n      border: none;\n      border-radius: 4px;\n?\n      cursor: pointer;\n      font-size: 16px;\n    }\n    .virtual-fitter button:hover {\n      background: #0055aa;\n    }\n    .virtual-fitter .result {\n      margin-top: 20px;\n      display: none;\n    }\n    .virtual-fitter .result h2 {\n      font-size: 18px;\n      color: #333;\n    }\n    .virtual-fitter .result .size {\n      font-size: 24px;\n      font-weight: bold;\n      color: #0066cc;\n    }\n    .virtual-fitter .result .explanation {\n      color: #666;\n      font-size: 14px;\n      margin-top: 10px;\n    }\n    @media (max-width: 480px) {\n      .virtual-fitter {\n        padding: 15px;\n        max-width: 100%;\n      }\n    }\n  <\/style>\n\n\n  <!-- Cont\u00eainer isolado para o provador virtual -->\n  <div class=\"virtual-fitter\">\n    <h1>Provador Virtual<\/h1>\n    <p>Selecione o tipo de roupa e insira suas medidas para encontrar o tamanho ideal.<\/p>\n    \n    <form id=\"measurementForm\">\n      <div>\n        <label for=\"model\">Tipo de Roupa:<\/label>\n        <select id=\"model\" name=\"model\" required=\"\">\n          <option value=\"oversized\">Camiseta Oversized<\/option>\n          <option value=\"casual\">Camiseta Casual<\/option>\n          <option value=\"regular\">Camiseta Regular<\/option>\n          <option value=\"regata\">Camiseta Regata<\/option>\n          <option value=\"moletom_capuz\">Moletom com Capuz<\/option>\n          <option value=\"moletom_careca\">Moletom Careca<\/option>\n          <option value=\"corta_vento\">Corta-Vento<\/option>\n          <option value=\"manga_longa\">Camiseta Manga Longa<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label for=\"height\">Altura (cm):<\/label>\n        <input type=\"number\" id=\"height\" name=\"height\" required=\"\" placeholder=\"Ex: 170\">\n      <\/div>\n      <div>\n        <label for=\"weight\">Peso (kg):<\/label>\n        <input type=\"number\" id=\"weight\" name=\"weight\" required=\"\" placeholder=\"Ex: 70\">\n      <\/div>\n      <div>\n        <label for=\"chest\">Busto\/T\u00f3rax (cm):<\/label>\n        <input type=\"number\" id=\"chest\" name=\"chest\" required=\"\" placeholder=\"Ex: 90\">\n      <\/div>\n      <div>\n        <label for=\"waist\">Cintura (cm):<\/label>\n        <input type=\"number\" id=\"waist\" name=\"waist\" required=\"\" placeholder=\"Ex: 80\">\n      <\/div>\n      <div>\n        <label for=\"hip\">Quadril (cm):<\/label>\n        <input type=\"number\" id=\"hip\" name=\"hip\" required=\"\" placeholder=\"Ex: 95\">\n      <\/div>\n      <button type=\"submit\">Calcular Tamanho<\/button>\n    <\/form>\n\n    <div id=\"result\" class=\"result\">\n      <h2>Tamanho Recomendado:<\/h2>\n      <p id=\"sizeResult\" class=\"size\"><\/p>\n      <p id=\"explanation\" class=\"explanation\"><\/p>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Encapsulamento do JavaScript em IIFE para evitar conflitos\n    (function () {\n      \/\/ Tabelas de tamanhos (mantidas do c\u00f3digo anterior)\n      const sizeCharts = {\n        oversized: [\n          { size: 'PP', chest: { min: 92, max: 96 }, waist: { min: 72, max: 76 }, hip: { min: 94, max: 98 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 97, max: 101 }, waist: { min: 77, max: 81 }, hip: { min: 99, max: 103 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 102, max: 106 }, waist: { min: 82, max: 86 }, hip: { min: 104, max: 108 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 107, max: 111 }, waist: { min: 87, max: 91 }, hip: { min: 109, max: 113 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 112, max: 116 }, waist: { min: 92, max: 96 }, hip: { min: 114, max: 118 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        casual: [\n          { size: 'PP', chest: { min: 88, max: 92 }, waist: { min: 68, max: 72 }, hip: { min: 90, max: 94 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 93, max: 97 }, waist: { min: 73, max: 77 }, hip: { min: 95, max: 99 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 98, max: 102 }, waist: { min: 78, max: 82 }, hip: { min: 100, max: 104 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 103, max: 107 }, waist: { min: 83, max: 87 }, hip: { min: 105, max: 109 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 108, max: 112 }, waist: { min: 88, max: 92 }, hip: { min: 110, max: 114 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        regular: [\n          { size: 'PP', chest: { min: 84, max: 88 }, waist: { min: 64, max: 68 }, hip: { min: 86, max: 90 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 89, max: 93 }, waist: { min: 69, max: 73 }, hip: { min: 91, max: 95 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 94, max: 98 }, waist: { min: 74, max: 78 }, hip: { min: 96, max: 100 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 99, max: 103 }, waist: { min: 79, max: 83 }, hip: { min: 101, max: 105 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 104, max: 108 }, waist: { min: 84, max: 88 }, hip: { min: 106, max: 110 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        regata: [\n          { size: 'PP', chest: { min: 82, max: 86 }, waist: { min: 62, max: 66 }, hip: { min: 84, max: 88 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 87, max: 91 }, waist: { min: 67, max: 71 }, hip: { min: 89, max: 93 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 92, max: 96 }, waist: { min: 72, max: 76 }, hip: { min: 94, max: 98 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 97, max: 101 }, waist: { min: 77, max: 81 }, hip: { min: 99, max: 103 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 102, max: 106 }, waist: { min: 82, max: 86 }, hip: { min: 104, max: 108 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        moletom_capuz: [\n          { size: 'PP', chest: { min: 94, max: 98 }, waist: { min: 74, max: 78 }, hip: { min: 96, max: 100 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 99, max: 103 }, waist: { min: 79, max: 83 }, hip: { min: 101, max: 105 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 104, max: 108 }, waist: { min: 84, max: 88 }, hip: { min: 106, max: 110 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 109, max: 113 }, waist: { min: 89, max: 93 }, hip: { min: 111, max: 115 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 114, max: 118 }, waist: { min: 94, max: 98 }, hip: { min: 116, max: 120 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        moletom_careca: [\n          { size: 'PP', chest: { min: 90, max: 94 }, waist: { min: 70, max: 74 }, hip: { min: 92, max: 96 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 95, max: 99 }, waist: { min: 75, max: 79 }, hip: { min: 97, max: 101 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 100, max: 104 }, waist: { min: 80, max: 84 }, hip: { min: 102, max: 106 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 105, max: 109 }, waist: { min: 85, max: 89 }, hip: { min: 107, max: 111 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 110, max: 114 }, waist: { min: 90, max: 94 }, hip: { min: 112, max: 116 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        corta_vento: [\n          { size: 'PP', chest: { min: 86, max: 90 }, waist: { min: 66, max: 70 }, hip: { min: 88, max: 92 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 91, max: 95 }, waist: { min: 71, max: 75 }, hip: { min: 93, max: 97 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 96, max: 100 }, waist: { min: 76, max: 80 }, hip: { min: 98, max: 102 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 101, max: 105 }, waist: { min: 81, max: 85 }, hip: { min: 103, max: 107 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 106, max: 110 }, waist: { min: 86, max: 90 }, hip: { min: 108, max: 112 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ],\n        manga_longa: [\n          { size: 'PP', chest: { min: 84, max: 88 }, waist: { min: 64, max: 68 }, hip: { min: 86, max: 90 }, height: { min: 150, max: 160 }, weight: { min: 45, max: 55 } },\n          { size: 'P', chest: { min: 89, max: 93 }, waist: { min: 69, max: 73 }, hip: { min: 91, max: 95 }, height: { min: 161, max: 170 }, weight: { min: 56, max: 65 } },\n          { size: 'M', chest: { min: 94, max: 98 }, waist: { min: 74, max: 78 }, hip: { min: 96, max: 100 }, height: { min: 171, max: 180 }, weight: { min: 66, max: 75 } },\n          { size: 'G', chest: { min: 99, max: 103 }, waist: { min: 79, max: 83 }, hip: { min: 101, max: 105 }, height: { min: 181, max: 190 }, weight: { min: 76, max: 85 } },\n          { size: 'GG', chest: { min: 104, max: 108 }, waist: { min: 84, max: 88 }, hip: { min: 106, max: 110 }, height: { min: 191, max: 200 }, weight: { min: 86, max: 95 } }\n        ]\n      };\n\n      \/\/ Mapeamento de nomes para exibi\u00e7\u00e3o\n      const modelNames = {\n        oversized: 'Camiseta Oversized',\n        casual: 'Camiseta Casual',\n        regular: 'Camiseta Regular',\n        regata: 'Camiseta Regata',\n        moletom_capuz: 'Moletom com Capuz',\n        moletom_careca: 'Moletom Careca',\n        corta_vento: 'Corta-Vento',\n        manga_longa: 'Camiseta Manga Longa'\n      };\n\n      \/\/ Manipula\u00e7\u00e3o do formul\u00e1rio\n      const form = document.getElementById('measurementForm');\n      if (form) {\n        form.addEventListener('submit', function (e) {\n          e.preventDefault();\n\n          \/\/ Obter valores do formul\u00e1rio\n          const model = document.getElementById('model').value;\n          const height = parseFloat(document.getElementById('height').value);\n          const weight = parseFloat(document.getElementById('weight').value);\n          const chest = parseFloat(document.getElementById('chest').value);\n          const waist = parseFloat(document.getElementById('waist').value);\n          const hip = parseFloat(document.getElementById('hip').value);\n\n          \/\/ Selecionar a tabela de tamanhos com base no tipo de roupa\n          const sizeChart = sizeCharts[model];\n\n          \/\/ Fun\u00e7\u00e3o para encontrar o tamanho\n          function findBestSize(chest, waist, hip, height, weight) {\n            let bestMatch = null;\n            let bestScore = 0;\n\n            sizeChart.forEach(size => {\n              let score = 0;\n\n              \/\/ Verificar se as medidas est\u00e3o dentro dos intervalos\n              if (chest >= size.chest.min && chest <= size.chest.max) score += 3; \/\/ Maior peso para o t\u00f3rax\n              if (waist >= size.waist.min && waist <= size.waist.max) score += 2;\n              if (hip >= size.hip.min && hip <= size.hip.max) score += 2;\n              if (height >= size.height.min && height <= size.height.max) score += 1;\n              if (weight >= size.weight.min && weight <= size.weight.max) score += 1;\n\n              if (score > bestScore) {\n                bestScore = score;\n                bestMatch = size;\n              }\n            });\n\n            return bestMatch;\n          }\n\n          \/\/ Encontrar o tamanho recomendado\n          const recommendedSize = findBestSize(chest, waist, hip, height, weight);\n\n          \/\/ Exibir resultado\n          const resultDiv = document.getElementById('result');\n          const sizeResult = document.getElementById('sizeResult');\n          const explanation = document.getElementById('explanation');\n\n          if (recommendedSize) {\n            sizeResult.textContent = recommendedSize.size;\n            explanation.textContent = `Com base nas suas medidas, o tamanho ${recommendedSize.size} \u00e9 o mais adequado para o tipo de roupa ${modelNames[model]}. Ele corresponde a um t\u00f3rax entre ${recommendedSize.chest.min} e ${recommendedSize.chest.max} cm, cintura entre ${recommendedSize.waist.min} e ${recommendedSize.waist.max} cm, e quadril entre ${recommendedSize.hip.min} e ${recommendedSize.hip.max} cm.`;\n          } else {\n            sizeResult.textContent = 'N\u00e3o encontrado';\n            explanation.textContent = `Suas medidas n\u00e3o correspondem a nenhum tamanho da tabela para o tipo de roupa ${modelNames[model]}. Considere verificar suas medidas ou consultar um atendente.`;\n          }\n\n          resultDiv.style.display = 'block';\n        });\n      }\n    })();\n  <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b61468a elementor-widget elementor-widget-spacer\" data-id=\"b61468a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Provador Virtual de Roupas Provador Virtual Selecione o tipo de roupa e insira suas medidas para encontrar o tamanho ideal. Tipo de Roupa: Camiseta OversizedCamiseta CasualCamiseta RegularCamiseta RegataMoletom com CapuzMoletom CarecaCorta-VentoCamiseta Manga Longa Altura (cm): Peso (kg): Busto\/T\u00f3rax (cm): Cintura (cm): Quadril (cm): Calcular Tamanho Tamanho Recomendado:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":30,"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/pages\/165\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/costly.com.br\/streetwear\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}