{"title":"Relógios Masculinos","description":null,"products":[{"product_id":"2024-men-watch-top-luxury-sport-men-wristwatch-business-leather-date-quartz-watches-calendar-sun-moon-man-clock-reloj-hombre","title":"Relógio ChronoEdge","description":"\u003cp\u003eRelógio ChronoEdge\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Marrom com Branco","offer_id":51423062917430,"sku":"14:201447598#Brown RGD White","price":169.0,"currency_code":"BRL","in_stock":true},{"title":"Preto com Branco","offer_id":51423062982966,"sku":"14:200005100#Black Silver White","price":169.0,"currency_code":"BRL","in_stock":true},{"title":"Preto com Prata","offer_id":51423063015734,"sku":"14:200000080#Black Silver Black","price":169.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/S071ad8ade3004e8988fa05bd642912c8o__1_-removebg-preview_1.png?v=1734728942"},{"product_id":"relogio-lunaredge-minimal","title":"Relógio LunarEdge Minimal","description":"\u003cp\u003e\u003cbr\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Sbf9f51e63c5d46d1b086f53015676a91O_1__11zon.webp?v=1737333754\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eDesign Minimalista. Sofisticação Máxima\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eCom o \u003cstrong\u003eLunarEdge Minimal\u003c\/strong\u003e, você carrega no pulso o equilíbrio perfeito entre \u003cstrong\u003eelegância e funcionalidade\u003c\/strong\u003e.\u003cbr\u003eProjetado para homens e mulheres que valorizam um estilo discreto, porém marcante.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003ePorque menos é mais.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/S5a2f3c99399c4044b3910fd1179f02aaM_1dd73966-bc43-4856-950c-8915d114c89f.webp?v=1737333483\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003cstrong\u003ePor que escolher o LunarEdge Minimal?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003e Ideal para qualquer situação, do dia a dia a aventuras inesperadas.\u003cbr\u003e✔️ \u003cstrong\u003eConstrução Premium:\u003c\/strong\u003e Feito com materiais de alta qualidade que garantem durabilidade.\u003cbr\u003e✔️ \u003cstrong\u003eDesign Versátil:\u003c\/strong\u003e Combina com qualquer look – casual ou formal.\u003cbr\u003e✔️ \u003cstrong\u003eConforto Inigualável:\u003c\/strong\u003e Pulseira ajustável, leve e confortável, perfeita para o uso prolongado.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/S378b506291d644b1a55b28932b806e99B_eec9f44a-9355-4745-a2c4-0951b25d541f.webp?v=1737335275\"\u003e\u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003cstrong\u003eItens Inclusos na Embalagem:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003e 1x Relógio LunarEdge Minimal\u003cbr\u003e1x Estojo de proteção premium\u003cbr\u003e 1x Manual de instruções\u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e","brand":"Vartelli","offers":[{"title":"Preto","offer_id":51423507054902,"sku":"14:193#Black;200007009:349907","price":2.0,"currency_code":"BRL","in_stock":true},{"title":"Prata Preto","offer_id":51423507087670,"sku":"14:350853#Silver Black;200007009:349907","price":2.0,"currency_code":"BRL","in_stock":true},{"title":"Preto Rose","offer_id":51423506989366,"sku":"14:201447303#Rose Black;200007009:349907","price":2.0,"currency_code":"BRL","in_stock":true},{"title":"Branco Rose","offer_id":51423507022134,"sku":"14:4#Rose White;200007009:349907","price":137.99,"currency_code":"BRL","in_stock":true},{"title":"Prata Branco","offer_id":51423506956598,"sku":"14:29#Silver White;200007009:349907","price":137.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Scd2faac042394c6397030fdbca527d59T.webp?v=1739298103"},{"product_id":"relogio-masculino-vartelli-phantom-core","title":"Relógio Masculino Vartelli Phantom Core","description":"\u003cstyle\u003e\n #vartelli-final-phantom-v4,\n #vartelli-phantom-core-premium-v5,\n #vartelli-final-phantom-v6,\n #vartelli-final-phantom-v7,\n #vartelli-phantom-final-v8,\n #vartelli-phantom-final-v9,\n #vartelli-phantom-clean-final {\n display: none !important;\n visibility: hidden !important;\n height: 0 !important;\n overflow: hidden !important;\n }\n\n #vartelli-phantom-ultra-clean {\n max-width: 760px;\n margin: 0 auto;\n padding: 0 14px;\n font-family: Montserrat, Arial, Helvetica, sans-serif;\n color: #111;\n line-height: 1.6;\n box-sizing: border-box;\n }\n\n #vartelli-phantom-ultra-clean *,\n #vartelli-phantom-ultra-clean *::before,\n #vartelli-phantom-ultra-clean *::after {\n box-sizing: border-box;\n }\n\n #vartelli-phantom-ultra-clean ul,\n #vartelli-phantom-ultra-clean ol {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-phantom-ultra-clean ::marker {\n content: \"\" !important;\n display: none !important;\n }\n\n #vartelli-phantom-ultra-clean .slick-dots,\n #vartelli-phantom-ultra-clean .swiper-pagination,\n #vartelli-phantom-ultra-clean .splide__pagination,\n #vartelli-phantom-ultra-clean .flickity-page-dots,\n #vartelli-phantom-ultra-clean .slider-dots,\n #vartelli-phantom-ultra-clean .dots,\n #vartelli-phantom-ultra-clean .vf-dots,\n #vartelli-phantom-ultra-clean .vf-benefit-dots {\n display: none !important;\n visibility: hidden !important;\n opacity: 0 !important;\n height: 0 !important;\n overflow: hidden !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-section {\n padding: 32px 0;\n border-bottom: 1px solid #ececec;\n }\n\n #vartelli-phantom-ultra-clean .vf-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-eyebrow {\n margin: 0 0 8px 0;\n font-size: 10.5px;\n line-height: 1.5;\n letter-spacing: 2.4px;\n text-transform: uppercase;\n color: #777;\n font-weight: 500;\n }\n\n #vartelli-phantom-ultra-clean .vf-title {\n margin: 0 0 12px 0;\n font-size: 30px;\n line-height: 1.08;\n font-weight: 500;\n letter-spacing: -0.9px;\n color: #050505;\n text-transform: none !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-subtitle {\n margin: 0 0 18px 0;\n font-size: 15.2px;\n line-height: 1.7;\n color: #3f3f3f;\n }\n\n #vartelli-phantom-ultra-clean .vf-image,\n #vartelli-phantom-ultra-clean .vf-hero-img {\n width: 100%;\n display: block;\n border-radius: 22px;\n background: #f5f5f5;\n }\n\n #vartelli-phantom-ultra-clean .vf-section-head {\n margin-bottom: 16px;\n }\n\n #vartelli-phantom-ultra-clean .vf-section-title,\n #vartelli-phantom-ultra-clean .vf-card-title,\n #vartelli-phantom-ultra-clean .vf-signature-title {\n margin: 0 0 10px 0;\n font-size: 24px;\n line-height: 1.12;\n font-weight: 500;\n letter-spacing: -0.7px;\n color: #050505;\n text-transform: none !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-section-text,\n #vartelli-phantom-ultra-clean .vf-card-text,\n #vartelli-phantom-ultra-clean .vf-signature-text {\n margin: 0;\n font-size: 14.4px;\n line-height: 1.65;\n color: #4b4b4b;\n }\n\n #vartelli-phantom-ultra-clean .vf-card,\n #vartelli-phantom-ultra-clean .vf-signature,\n #vartelli-phantom-ultra-clean .vf-final-card,\n #vartelli-phantom-ultra-clean .vf-dynamic-card {\n overflow: hidden;\n border-radius: 22px;\n background: #fff;\n border: 1px solid #eeeeee;\n }\n\n #vartelli-phantom-ultra-clean .vf-card img,\n #vartelli-phantom-ultra-clean .vf-signature img {\n width: 100%;\n display: block;\n background: #f5f5f5;\n }\n\n #vartelli-phantom-ultra-clean .vf-card-content,\n #vartelli-phantom-ultra-clean .vf-dynamic-content {\n padding: 18px 18px 20px 18px;\n background: #fff;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-stage {\n display: grid;\n position: relative;\n touch-action: pan-y;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-panel,\n #vartelli-phantom-ultra-clean .vf-benefit-panel {\n grid-area: 1 \/ 1;\n opacity: 0;\n visibility: hidden;\n transform: translateY(8px);\n pointer-events: none;\n transition: opacity .28s ease, transform .28s ease, visibility .28s ease;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-panel.active,\n #vartelli-phantom-ultra-clean .vf-benefit-panel.active {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n pointer-events: auto;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-panel img {\n width: 100%;\n aspect-ratio: 4 \/ 5;\n object-fit: cover;\n object-position: center center;\n display: block;\n background: #f5f5f5;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-meta {\n margin: 0 0 10px 0;\n font-size: 11px;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n color: #777;\n font-weight: 500;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-title {\n margin: 0 0 8px 0;\n font-size: 22px;\n line-height: 1.14;\n color: #080808;\n font-weight: 500;\n letter-spacing: -0.5px;\n text-transform: none !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-text {\n margin: 0 0 14px 0;\n font-size: 14.3px;\n line-height: 1.65;\n color: #555;\n }\n\n #vartelli-phantom-ultra-clean .vf-tags {\n display: flex;\n gap: 7px;\n flex-wrap: wrap;\n }\n\n #vartelli-phantom-ultra-clean .vf-tag {\n padding: 7px 10px;\n border-radius: 999px;\n background: #f6f6f6;\n border: 1px solid #eaeaea;\n font-size: 12px;\n line-height: 1.2;\n color: #333;\n }\n\n #vartelli-phantom-ultra-clean .vf-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding: 0 18px 18px 18px;\n background: #fff;\n }\n\n #vartelli-phantom-ultra-clean .vf-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 38px;\n height: 38px;\n min-width: 38px;\n border-radius: 999px;\n border: 1px solid #dcdcdc;\n background: #fff;\n color: #111;\n font-size: 20px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all .2s ease;\n padding: 0;\n margin: 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-arrow:hover {\n background: #050505;\n color: #fff;\n border-color: #050505;\n }\n\n #vartelli-phantom-ultra-clean .vf-control-copy {\n flex: 1;\n text-align: center;\n min-width: 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-counter {\n display: block;\n margin-bottom: 3px;\n font-size: 11px;\n line-height: 1.2;\n letter-spacing: 1.7px;\n text-transform: uppercase;\n font-weight: 600;\n color: #111;\n }\n\n #vartelli-phantom-ultra-clean .vf-hint {\n display: block;\n font-size: 11.5px;\n line-height: 1.35;\n color: #777;\n font-weight: 400;\n }\n\n #vartelli-phantom-ultra-clean .vf-benefit-panel {\n padding: 22px 20px 20px 20px;\n }\n\n #vartelli-phantom-ultra-clean .vf-benefit-panel .vf-dynamic-title {\n font-size: 24px;\n }\n\n #vartelli-phantom-ultra-clean .vf-benefit-panel .vf-dynamic-text {\n margin-bottom: 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-signature-content {\n padding: 20px 18px 22px 18px;\n background: #fbfbfb;\n }\n\n #vartelli-phantom-ultra-clean .vf-signature-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n margin-top: 16px;\n }\n\n #vartelli-phantom-ultra-clean .vf-signature-item {\n padding: 12px 13px;\n border-radius: 15px;\n border: 1px solid #e8e8e8;\n background: #fff;\n font-size: 13.1px;\n line-height: 1.45;\n color: #333;\n }\n\n #vartelli-phantom-ultra-clean strong {\n color: #050505;\n font-weight: 600;\n }\n\n #vartelli-phantom-ultra-clean .vf-final {\n padding: 24px 20px;\n background: #f7f7f7;\n text-align: left;\n }\n\n #vartelli-phantom-ultra-clean .vf-final h2 {\n margin: 0 0 12px 0;\n font-size: 25px;\n line-height: 1.15;\n font-weight: 500;\n letter-spacing: -0.6px;\n color: #050505;\n text-transform: none !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-final p {\n margin: 0 0 12px 0;\n font-size: 14.6px;\n line-height: 1.65;\n color: #444;\n }\n\n @media (max-width: 768px) {\n #vartelli-phantom-ultra-clean {\n padding: 0 12px;\n }\n\n #vartelli-phantom-ultra-clean .vf-section {\n padding: 25px 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-section {\n padding-top: 22px;\n padding-bottom: 24px;\n }\n\n #vartelli-phantom-ultra-clean .vf-section-head {\n margin-bottom: 12px;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-section .vf-section-title {\n font-size: 22px;\n line-height: 1.1;\n margin-bottom: 7px;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-section .vf-section-text {\n font-size: 13.7px;\n line-height: 1.55;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-card {\n border-radius: 18px;\n }\n\n #vartelli-phantom-ultra-clean .vf-detail-panel img {\n height: clamp(218px, 59vw, 270px) !important;\n aspect-ratio: auto !important;\n object-fit: cover;\n object-position: center center;\n }\n\n #vartelli-phantom-ultra-clean .vf-img-strap {\n object-position: center 58% !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-img-wrist {\n object-position: center 55% !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-content {\n padding: 13px 15px 13px 15px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-meta {\n margin-bottom: 5px;\n font-size: 9.5px;\n letter-spacing: 1.55px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-title {\n font-size: 18.8px;\n line-height: 1.12;\n margin-bottom: 5px;\n letter-spacing: -0.35px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-text {\n font-size: 13.1px;\n line-height: 1.5;\n margin-bottom: 9px;\n }\n\n #vartelli-phantom-ultra-clean .vf-tags {\n gap: 6px;\n }\n\n #vartelli-phantom-ultra-clean .vf-tag {\n padding: 5px 8px;\n font-size: 10.9px;\n }\n\n #vartelli-phantom-ultra-clean .vf-controls {\n padding: 0 15px 13px 15px;\n gap: 10px;\n }\n\n #vartelli-phantom-ultra-clean .vf-arrow {\n width: 32px;\n height: 32px;\n min-width: 32px;\n font-size: 17px;\n }\n\n #vartelli-phantom-ultra-clean .vf-counter {\n font-size: 10.5px;\n letter-spacing: 1.55px;\n margin-bottom: 2px;\n }\n\n #vartelli-phantom-ultra-clean .vf-hint {\n font-size: 10.8px;\n line-height: 1.3;\n }\n }\n\n @media (max-width: 380px) {\n #vartelli-phantom-ultra-clean .vf-detail-panel img {\n height: 210px !important;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-title {\n font-size: 18.2px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-text {\n font-size: 12.8px;\n }\n\n #vartelli-phantom-ultra-clean .vf-hint {\n font-size: 10.4px;\n }\n }\n\n @media (min-width: 769px) {\n #vartelli-phantom-ultra-clean {\n max-width: 1080px;\n padding: 0 16px;\n }\n\n #vartelli-phantom-ultra-clean .vf-section {\n padding: 46px 0;\n }\n\n #vartelli-phantom-ultra-clean .vf-title {\n font-size: 43px;\n }\n\n #vartelli-phantom-ultra-clean .vf-section-title,\n #vartelli-phantom-ultra-clean .vf-card-title,\n #vartelli-phantom-ultra-clean .vf-signature-title {\n font-size: 34px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-card {\n max-width: 720px;\n }\n\n #vartelli-phantom-ultra-clean .vf-card-content,\n #vartelli-phantom-ultra-clean .vf-dynamic-content {\n padding: 24px 26px 26px 26px;\n }\n\n #vartelli-phantom-ultra-clean .vf-dynamic-title {\n font-size: 30px;\n }\n\n #vartelli-phantom-ultra-clean .vf-controls {\n padding: 0 26px 24px 26px;\n }\n\n #vartelli-phantom-ultra-clean .vf-signature-list {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n #vartelli-phantom-ultra-clean .vf-benefit-panel {\n padding: 28px 28px 26px 28px;\n }\n\n #vartelli-phantom-ultra-clean .vf-benefit-panel .vf-dynamic-title {\n font-size: 30px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vartelli-phantom-ultra-clean\"\u003e\n \u003csection class=\"vf-section\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eVartelli Phantom Core\u003c\/p\u003e\n \u003ch2 class=\"vf-title\"\u003ePresença em preto absoluto.\u003c\/h2\u003e\n \u003cp class=\"vf-subtitle\"\u003eUm relógio masculino all black para quem prefere elegância discreta, presença firme e um visual mais refinado no dia a dia.\u003c\/p\u003e\n \u003cimg class=\"vf-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/13.webp?v=1781632172\" alt=\"Relógio Vartelli Phantom Core all black em destaque\" loading=\"eager\"\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section vf-detail-section\"\u003e\n \u003cdiv class=\"vf-section-head\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eDetalhes da peça\u003c\/p\u003e\n \u003ch2 class=\"vf-section-title\"\u003eConstruído para presença discreta.\u003c\/h2\u003e\n \u003cp class=\"vf-section-text\"\u003eCada detalhe do Phantom Core foi pensado para entregar leveza, acabamento all black e uma leitura visual limpa no pulso.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-dynamic-card\"\u003e\n \u003cdiv class=\"vf-dynamic-stage vf-detail-stage\"\u003e\n \u003cdiv class=\"vf-detail-panel active\"\u003e\n \u003cimg class=\"vf-img-poly\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/17-elementor-io-optimized.webp?v=1781658372\" alt=\"Detalhe da caixa do Relógio Vartelli Phantom Core\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-dynamic-content\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e01 \/ Leveza\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003eConforto que acompanha a rotina.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eCaixa leve para um uso mais natural no dia a dia, mantendo a presença marcante do acabamento preto.\u003c\/p\u003e\n \u003cdiv class=\"vf-tags\"\u003e\n \u003cspan class=\"vf-tag\"\u003eLeve\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eConfortável\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eUso diário\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-detail-panel\"\u003e\n \u003cimg class=\"vf-img-black\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/19-elementor-io-optimized.webp?v=1781658372\" alt=\"Acabamento all black do Relógio Vartelli Phantom Core\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-dynamic-content\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e02 \/ All black\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003eO preto como assinatura.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eVisual monocromático, masculino e fácil de combinar com peças casuais ou mais alinhadas.\u003c\/p\u003e\n \u003cdiv class=\"vf-tags\"\u003e\n \u003cspan class=\"vf-tag\"\u003eAll black\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eMasculino\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eMinimalista\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-detail-panel\"\u003e\n \u003cimg class=\"vf-img-strap\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/21-elementor-io-optimized.webp?v=1781658372\" alt=\"Pulseira do Relógio Vartelli Phantom Core\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-dynamic-content\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e03 \/ Pulseira\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003eAcabamento contínuo no pulso.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003ePulseira com ajuste seguro e aparência integrada para preservar a identidade all black da peça.\u003c\/p\u003e\n \u003cdiv class=\"vf-tags\"\u003e\n \u003cspan class=\"vf-tag\"\u003eAjustável\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eSeguro\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eConfortável\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-detail-panel\"\u003e\n \u003cimg class=\"vf-img-glass\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/18-elementor-io-optimized.webp?v=1781658372\" alt=\"Vidro do Relógio Vartelli Phantom Core\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-dynamic-content\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e04 \/ Vidro\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003eMostrador protegido.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eVidro mineral para proteger a leitura e manter o visual da peça mais alinhado na rotina.\u003c\/p\u003e\n \u003cdiv class=\"vf-tags\"\u003e\n \u003cspan class=\"vf-tag\"\u003eVidro mineral\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eProteção\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eClareza\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-detail-panel\"\u003e\n \u003cimg class=\"vf-img-wrist\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/20-elementor-io-optimized.webp?v=1781658372\" alt=\"Relógio Vartelli Phantom Core no pulso\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-dynamic-content\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e05 \/ No pulso\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003ePresença sem exagero.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eProporção equilibrada para valorizar o visual sem parecer pesado, chamativo ou forçado.\u003c\/p\u003e\n \u003cdiv class=\"vf-tags\"\u003e\n \u003cspan class=\"vf-tag\"\u003eDiscreto\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eMarcante\u003c\/span\u003e\n \u003cspan class=\"vf-tag\"\u003eElegante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-controls\"\u003e\n \u003cbutton class=\"vf-arrow vf-detail-prev\" type=\"button\" aria-label=\"Detalhe anterior\"\u003e‹\u003c\/button\u003e\n \u003cdiv class=\"vf-control-copy\"\u003e\n \u003cspan class=\"vf-counter vf-detail-counter\"\u003e01 \/ 05\u003c\/span\u003e\n \u003cspan class=\"vf-hint\"\u003eToque nas setas para ver os detalhes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vf-arrow vf-detail-next\" type=\"button\" aria-label=\"Próximo detalhe\"\u003e›\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/1.webp?v=1781629933\" alt=\"Close do Relógio Vartelli Phantom Core no pulso\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-card-content\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eNo pulso\u003c\/p\u003e\n \u003ch2 class=\"vf-card-title\"\u003eO detalhe que muda a leitura do visual.\u003c\/h2\u003e\n \u003cp class=\"vf-card-text\"\u003eO Phantom Core transmite uma presença mais madura, alinhada e confiante, sem depender de brilho, excesso ou aparência chamativa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/9.webp?v=1781630406\" alt=\"Relógio Vartelli Phantom Core em foto frontal\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-card-content\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eDesign Vartelli\u003c\/p\u003e\n \u003ch2 class=\"vf-card-title\"\u003eLinhas simples. Impressão forte.\u003c\/h2\u003e\n \u003cp class=\"vf-card-text\"\u003eA estética Vartelli nasce da precisão visual: mostrador discreto, acabamento preto e proporções pensadas para um estilo masculino mais sofisticado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/10.webp?v=1781630406\" alt=\"Relógio Vartelli Phantom Core all black com acabamento premium\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-card-content\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eEstética all black\u003c\/p\u003e\n \u003ch2 class=\"vf-card-title\"\u003eUma peça para quem não precisa provar.\u003c\/h2\u003e\n \u003cp class=\"vf-card-text\"\u003eO preto absoluto comunica controle, sobriedade e confiança. É uma escolha discreta, mas nunca comum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-signature\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/8.webp?v=1781630417\" alt=\"Vista lateral do Relógio Vartelli Phantom Core\" loading=\"lazy\"\u003e\n \u003cdiv class=\"vf-signature-content\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eArquitetura da peça\u003c\/p\u003e\n \u003ch2 class=\"vf-signature-title\"\u003eConstrução coerente de todos os ângulos.\u003c\/h2\u003e\n \u003cp class=\"vf-signature-text\"\u003eDa caixa à pulseira, o Phantom Core mantém uma leitura visual contínua: preto, limpo e masculino.\u003c\/p\u003e\n\n \u003cdiv class=\"vf-signature-list\"\u003e\n \u003cdiv class=\"vf-signature-item\"\u003e\n\u003cstrong\u003ePerfil equilibrado:\u003c\/strong\u003e presença no pulso sem volume exagerado.\u003c\/div\u003e\n \u003cdiv class=\"vf-signature-item\"\u003e\n\u003cstrong\u003eAcabamento contínuo:\u003c\/strong\u003e estética all black do corpo à pulseira.\u003c\/div\u003e\n \u003cdiv class=\"vf-signature-item\"\u003e\n\u003cstrong\u003eUso versátil:\u003c\/strong\u003e combina com rotina, trabalho e ocasiões casuais.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-section-head\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003ePor que escolher\u003c\/p\u003e\n \u003ch2 class=\"vf-section-title\"\u003eO relógio certo para elevar o visual.\u003c\/h2\u003e\n \u003cp class=\"vf-section-text\"\u003eNão é sobre chamar atenção. É sobre passar uma imagem mais alinhada, confiante e intencional.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-dynamic-card\"\u003e\n \u003cdiv class=\"vf-dynamic-stage vf-benefit-stage\"\u003e\n \u003cdiv class=\"vf-benefit-panel active\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e01 \/ 03\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003ePreto fácil de combinar.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eO acabamento all black conversa com diferentes estilos e deixa o visual mais alinhado sem esforço.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-benefit-panel\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e02 \/ 03\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003eConforto para a rotina.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eA construção leve torna o uso mais natural no dia a dia, sem incomodar ou pesar no pulso.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-benefit-panel\"\u003e\n \u003cp class=\"vf-dynamic-meta\"\u003e03 \/ 03\u003c\/p\u003e\n \u003ch3 class=\"vf-dynamic-title\"\u003ePresença sem excesso.\u003c\/h3\u003e\n \u003cp class=\"vf-dynamic-text\"\u003eUm relógio discreto, masculino e marcante na medida certa para trabalho, rotina e momentos casuais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vf-controls\"\u003e\n \u003cbutton class=\"vf-arrow vf-benefit-prev\" type=\"button\" aria-label=\"Benefício anterior\"\u003e‹\u003c\/button\u003e\n \u003cdiv class=\"vf-control-copy\"\u003e\n \u003cspan class=\"vf-counter vf-benefit-counter\"\u003e01 \/ 03\u003c\/span\u003e\n \u003cspan class=\"vf-hint\"\u003eExplore os diferenciais da peça\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vf-arrow vf-benefit-next\" type=\"button\" aria-label=\"Próximo benefício\"\u003e›\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vf-section\"\u003e\n \u003cdiv class=\"vf-final-card\"\u003e\n \u003cimg class=\"vf-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/15.webp?v=1781632172\" alt=\"Relógio Vartelli Phantom Core em ângulo premium de fechamento\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"vf-final\"\u003e\n \u003cp class=\"vf-eyebrow\"\u003eVartelli\u003c\/p\u003e\n \u003ch2\u003eElegância em sua forma mais pura.\u003c\/h2\u003e\n \u003cp\u003eO Phantom Core foi criado para homens que preferem presença, sobriedade e estilo sem excesso.\u003c\/p\u003e\n \u003cp\u003eUma peça all black para refinar o visual com discrição, confiança e identidade.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eEscolha o seu Phantom Core e leve a assinatura Vartelli no pulso.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function () {\n const root = document.querySelector(\"#vartelli-phantom-ultra-clean\");\n if (!root) return;\n\n function formatCounter(index, total) {\n return String(index + 1).padStart(2, \"0\") + \" \/ \" + String(total).padStart(2, \"0\");\n }\n\n function setupSlider(options) {\n const panels = root.querySelectorAll(options.panelSelector);\n const prev = root.querySelector(options.prevSelector);\n const next = root.querySelector(options.nextSelector);\n const counter = root.querySelector(options.counterSelector);\n const stage = root.querySelector(options.stageSelector);\n\n if (!panels.length || !prev || !next) return;\n\n let index = 0;\n let startX = 0;\n let startY = 0;\n\n function showPanel(newIndex) {\n panels[index].classList.remove(\"active\");\n panels[index].setAttribute(\"aria-hidden\", \"true\");\n\n index = (newIndex + panels.length) % panels.length;\n\n panels[index].classList.add(\"active\");\n panels[index].setAttribute(\"aria-hidden\", \"false\");\n\n if (counter) {\n counter.textContent = formatCounter(index, panels.length);\n }\n }\n\n panels.forEach(function (panel, panelIndex) {\n panel.setAttribute(\"aria-hidden\", panelIndex === 0 ? \"false\" : \"true\");\n });\n\n if (counter) {\n counter.textContent = formatCounter(index, panels.length);\n }\n\n prev.addEventListener(\"click\", function () {\n showPanel(index - 1);\n });\n\n next.addEventListener(\"click\", function () {\n showPanel(index + 1);\n });\n\n if (stage) {\n stage.addEventListener(\"touchstart\", function (event) {\n if (!event.touches || !event.touches.length) return;\n startX = event.touches[0].clientX;\n startY = event.touches[0].clientY;\n }, { passive: true });\n\n stage.addEventListener(\"touchend\", function (event) {\n if (!event.changedTouches || !event.changedTouches.length) return;\n\n const endX = event.changedTouches[0].clientX;\n const endY = event.changedTouches[0].clientY;\n const diffX = startX - endX;\n const diffY = startY - endY;\n\n if (Math.abs(diffX) \u003e 45 \u0026\u0026 Math.abs(diffX) \u003e Math.abs(diffY)) {\n if (diffX \u003e 0) {\n showPanel(index + 1);\n } else {\n showPanel(index - 1);\n }\n }\n }, { passive: true });\n }\n }\n\n setupSlider({\n panelSelector: \".vf-detail-panel\",\n prevSelector: \".vf-detail-prev\",\n nextSelector: \".vf-detail-next\",\n counterSelector: \".vf-detail-counter\",\n stageSelector: \".vf-detail-stage\"\n });\n\n setupSlider({\n panelSelector: \".vf-benefit-panel\",\n prevSelector: \".vf-benefit-prev\",\n nextSelector: \".vf-benefit-next\",\n counterSelector: \".vf-benefit-counter\",\n stageSelector: \".vf-benefit-stage\"\n });\n })();\n\u003c\/script\u003e","brand":"Vartelli","offers":[{"title":"Black","offer_id":51848094417206,"sku":"14:193#Black 1;200007009:349907","price":197.9,"currency_code":"BRL","in_stock":true},{"title":"Cinza Graphite","offer_id":54134012543286,"sku":"14:193#Black 1;200007009:349907","price":197.9,"currency_code":"BRL","in_stock":true},{"title":"Azul Cobalta","offer_id":54134012772662,"sku":null,"price":197.9,"currency_code":"BRL","in_stock":true},{"title":"Verde Esmeralda","offer_id":54134012707126,"sku":null,"price":197.9,"currency_code":"BRL","in_stock":true},{"title":"Branco Alvo","offer_id":54134012674358,"sku":null,"price":197.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/vartelli12.png?v=1781652607"},{"product_id":"relogio-phantom-core-vartelli-alvo","title":"Relógio Vartelli Phantom Core","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003eO Poder da Simplicidade em Seu Pulso\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp class=\"\" data-end=\"578\" data-start=\"341\" style=\"text-align: center;\"\u003eO Phantom Core Branco é a fusão perfeita entre minimalismo e presença marcante. Projetado para homens que valorizam elegância discreta e atitude firme, este relógio é mais do que um acessório — é um símbolo da sua força silenciosa.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"578\" data-start=\"341\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_8_1.png?v=1748434771\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003ePara Homens que Não Precisam Se Explicar\u003c\/h2\u003e\n\u003cp data-start=\"1401\" data-end=\"1569\" class=\"\" style=\"text-align: center;\"\u003eO Phantom Core  é feito para quem entende que o verdadeiro poder está nos detalhes. Seu visual monocromático transmite autoridade, sem excessos, sem distrações.🕒 \u003cstrong data-start=\"1574\" data-end=\"1619\"\u003eAgora é a hora de mostrar a sua essência.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"1401\" data-end=\"1569\" class=\"\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_11.png?v=1748435260\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-start=\"1401\" data-end=\"1569\"\u003e\u003cstrong data-start=\"1574\" data-end=\"1619\"\u003eATÉ 3 ATM\u003cbr data-end=\"85\" data-start=\"82\"\u003eDE RESISTÊNCIA A ÁGUA\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"211\" data-start=\"110\"\u003eProjetada com um grip ergonômico, a coroa facilita o manuseio, permitindo ajustes rápidos e precisos. Além disso, é feita de safira, um material que não apenas adiciona um toque de sofisticação, mas também assegura durabilidade excepcional.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"211\" data-start=\"110\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_12.png?v=1748435436\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-end=\"211\" data-start=\"110\"\u003e\u003cstrong\u003eUm Estilo que Diz Muito Sem Dizer Uma Palavra\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1892\" data-start=\"1826\"\u003eO Phantom Core é para homens que vivem a filosofia \"menos é mais. Não se trata de seguir tendências. Trata-se de construir uma presença sólida, com autenticidade e respeito.\u003cbr data-end=\"2004\" data-start=\"2001\"\u003eAo vestir o Phantom Core, você envia uma mensagem silenciosa, porém poderosa:\u003cbr data-end=\"2084\" data-start=\"2081\"\u003e\u003cstrong data-end=\"2130\" data-start=\"2084\"\u003eVocê sabe quem é. Você sabe para onde vai. \u003c\/strong\u003eEsse relógio se torna uma extensão da sua personalidade: firme, estratégica e inabalável.\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Branco Alvo","offer_id":52065674101046,"sku":"14:201447303#white 1;200007009:349907","price":247.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICALWATCH_14.png?v=1748436225"},{"product_id":"classic-mens-watch-with-plastic-granules-exquisite-business-waterproof-watch-customizable-phantom-core-vartelli-graphite","title":"Relógio Vartelli Phantom Core","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003eO Poder da Simplicidade em Seu Pulso\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003eO Phantom Core Alvo é a fusão perfeita entre minimalismo e presença marcante. Projetado para homens que valorizam elegância discreta e atitude firme, este relógio é mais do que um acessório — é um símbolo da sua força silenciosa.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_19_1.png?v=1748437410\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003ePara Homens que Não Precisam Se Explicar\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003eO Phantom Core  é feito para quem entende que o verdadeiro poder está nos detalhes. Seu visual monocromático transmite autoridade, sem excessos, sem distrações.🕒 \u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eAgora é a hora de mostrar a sua essência.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_16.png?v=1748437055\"\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1569\" data-start=\"1401\" style=\"text-align: center;\"\u003e\u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eATÉ 3 ATM\u003cbr data-start=\"82\" data-end=\"85\"\u003eDE RESISTÊNCIA A ÁGUA\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003eProjetada com um grip ergonômico, a coroa facilita o manuseio, permitindo ajustes rápidos e precisos. Além disso, é feita de safira, um material que não apenas adiciona um toque de sofisticação, mas também assegura durabilidade excepcional.\u003c\/p\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_18_1.png?v=1748437201\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"110\" data-end=\"211\" style=\"text-align: center;\"\u003e\u003cstrong\u003eUm Estilo que Diz Muito Sem Dizer Uma Palavra\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1826\" data-end=\"1892\" class=\"\" style=\"text-align: center;\"\u003eO Phantom Core é para homens que vivem a filosofia \"menos é mais. Não se trata de seguir tendências. Trata-se de construir uma presença sólida, com autenticidade e respeito.\u003cbr data-start=\"2001\" data-end=\"2004\"\u003eAo vestir o Phantom Core, você envia uma mensagem silenciosa, porém poderosa:\u003cbr data-start=\"2081\" data-end=\"2084\"\u003e\u003cstrong data-start=\"2084\" data-end=\"2130\"\u003eVocê sabe quem é. Você sabe para onde vai. \u003c\/strong\u003eEsse relógio se torna uma extensão da sua personalidade: firme, estratégica e inabalável.\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Cinza Graphite","offer_id":52065764180278,"sku":"14:200000080#grey;200007009:349907","price":247.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-phantom-core-cinza.png?v=1781010267"},{"product_id":"fashionable-black-and-white-mens-watch-with-plastic-granules-exquisite-business-waterproof-quartz-watch-womens-relogio-phantom-core-vartelli-esmeralda","title":"Relógio Vartelli Phantom Core","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003eO Poder da Simplicidade em Seu Pulso\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003eO Phantom Core Esmeralda é a fusão perfeita entre minimalismo e presença marcante. Projetado para homens que valorizam elegância discreta e atitude firme, este relógio é mais do que um acessório — é um símbolo da sua força silenciosa.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_28_1.png?v=1748440061\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003ePara Homens que Não Precisam Se Explicar\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003eO Phantom Core Esmeralda é feito para quem entende que o verdadeiro poder está nos detalhes. Seu visual monocromático transmite autoridade, sem excessos, sem distrações.🕒 \u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eAgora é a hora de mostrar a sua essência.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_27_1.png?v=1748439992\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1569\" data-start=\"1401\" style=\"text-align: center;\"\u003e\u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eATÉ 3 ATM\u003cbr data-start=\"82\" data-end=\"85\"\u003eDE RESISTÊNCIA A ÁGUA\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003eProjetada com um grip ergonômico, a coroa facilita o manuseio, permitindo ajustes rápidos e precisos. Além disso, é feita de safira, um material que não apenas adiciona um toque de sofisticação, mas também assegura durabilidade excepcional.\u003c\/p\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_29_1.png?v=1748440119\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"110\" data-end=\"211\" style=\"text-align: center;\"\u003e\u003cstrong\u003eUm Estilo que Diz Muito Sem Dizer Uma Palavra\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1826\" data-end=\"1892\" class=\"\" style=\"text-align: center;\"\u003eO Phantom Core é para homens que vivem a filosofia \"menos é mais. Não se trata de seguir tendências. Trata-se de construir uma presença sólida, com autenticidade e respeito.\u003cbr data-start=\"2001\" data-end=\"2004\"\u003eAo vestir o Phantom Core, você envia uma mensagem silenciosa, porém poderosa:\u003cbr data-start=\"2081\" data-end=\"2084\"\u003e\u003cstrong data-start=\"2084\" data-end=\"2130\"\u003eVocê sabe quem é. Você sabe para onde vai. \u003c\/strong\u003eEsse relógio se torna uma extensão da sua personalidade: firme, estratégica e inabalável.\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Verde Esmeralda","offer_id":52065811956022,"sku":"14:201447303#Military Green;200007009:349907","price":247.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/elogio-vartelli-phantom-core-verde-esmeralda-frontal.png?v=1781010093"},{"product_id":"relogio-phantom-core-vartelli-cobalta-phantom-core-vanguard-cobalta-copia","title":"Relógio Vartelli Phantom Core","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003eO Poder da Simplicidade em Seu Pulso\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003eO Phantom Core Cobalto é a fusão perfeita entre minimalismo e presença marcante. Projetado para homens que valorizam elegância discreta e atitude firme, este relógio é mais do que um acessório — é um símbolo da sua força silenciosa.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-start=\"341\" data-end=\"578\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_21_1.png?v=1748438470\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003ePara Homens que Não Precisam Se Explicar\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003eO Phantom Core Cobalto é feito para quem entende que o verdadeiro poder está nos detalhes. Seu visual monocromático transmite autoridade, sem excessos, sem distrações.🕒 \u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eAgora é a hora de mostrar a sua essência.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"\" data-end=\"1569\" data-start=\"1401\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_23_1.png?v=1748438672\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1569\" data-start=\"1401\" style=\"text-align: center;\"\u003e\u003cstrong data-end=\"1619\" data-start=\"1574\"\u003eATÉ 3 ATM\u003cbr data-start=\"82\" data-end=\"85\"\u003eDE RESISTÊNCIA A ÁGUA\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003eProjetada com um grip ergonômico, a coroa facilita o manuseio, permitindo ajustes rápidos e precisos. Além disso, é feita de safira, um material que não apenas adiciona um toque de sofisticação, mas também assegura durabilidade excepcional.\u003c\/p\u003e\n\u003cp data-start=\"110\" data-end=\"211\" class=\"\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/MECHANICAL_WATCH_22_1.png?v=1748438529\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"110\" data-end=\"211\" style=\"text-align: center;\"\u003e\u003cstrong\u003eUm Estilo que Diz Muito Sem Dizer Uma Palavra\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1826\" data-end=\"1892\" class=\"\" style=\"text-align: center;\"\u003eO Phantom Core é para homens que vivem a filosofia \"menos é mais. Não se trata de seguir tendências. Trata-se de construir uma presença sólida, com autenticidade e respeito.\u003cbr data-start=\"2001\" data-end=\"2004\"\u003eAo vestir o Phantom Core, você envia uma mensagem silenciosa, porém poderosa:\u003cbr data-start=\"2081\" data-end=\"2084\"\u003e\u003cstrong data-start=\"2084\" data-end=\"2130\"\u003eVocê sabe quem é. Você sabe para onde vai. \u003c\/strong\u003eEsse relógio se torna uma extensão da sua personalidade: firme, estratégica e inabalável.\u003c\/p\u003e\n\u003cp data-start=\"1826\" data-end=\"1892\" class=\"\" style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Cobalta","offer_id":52065848099126,"sku":"14:201447598#Deep Blue;200007009:349907","price":247.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-phantom-core-cobalta-frontal.png?v=1781010035"},{"product_id":"vartelli-phantomline-phantomline","title":"Relógio Vartelli PhantomLine","description":"\u003cp\u003eVartelli PhantomLine\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Vanguard PhantomLine","offer_id":52066970829110,"sku":"14:100005979#White black-1","price":199.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-phantomline-frontal.png?v=1781009809"},{"product_id":"vartelli-phantomline-black-phantomline-black","title":"Vartelli PhantomLine","description":"\u003cp\u003eVartelli PhantomLine Black\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Preto","offer_id":52066979119414,"sku":"14:94#Black white-1","price":199.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-phantomline-preto-frontal.png?v=1781009726"},{"product_id":"relogio-masculino-vartelli-skeleton-va001","title":"Relógio Masculino Vartelli Skeleton VA001","description":"\u003ch2 style=\"text-align: center;\" class=\"whitespace-normal break-words\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_20.webp?v=1780924370\" alt=\"\"\u003eO Poder em Movimento\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cstyle\u003e\n\u003c\/style\u003e\n\u003cp style=\"text-align: center;\"\u003eCriado para homens que buscam \u003cstrong data-end=\"476\" data-start=\"449\"\u003esofisticação e presença\u003c\/strong\u003e, o Skeleton VA001 Prata combina \u003cstrong data-end=\"529\" data-start=\"506\"\u003eengenharia refinada\u003c\/strong\u003e com um visual marcante que impõe respeito em qualquer ocasião.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_18.webp?v=1780923656\"\u003e\u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\" data-end=\"527\" data-start=\"406\"\u003e\u003cstrong\u003eVocê já sentiu isso?\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center;\" class=\"whitespace-normal break-words\"\u003eAquele momento em que você olha para o pulso e percebe que está faltando algo. Não é apenas um relógio — é aquele detalhe que faz a diferença entre passar despercebido e ser notado.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"whitespace-normal break-words\"\u003eEnquanto outros homens se contentam com o comum, você sabe que \u003cstrong\u003eos detalhes definem quem você é\u003c\/strong\u003e. E o pulso vazio ou um relógio qualquer não fala a sua língua.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" class=\"whitespace-normal break-words\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_22.webp?v=1780924512\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-end=\"527\" data-start=\"406\"\u003e\u003cstrong\u003eConheça o Relógio VA001 \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" class=\"whitespace-normal break-words\"\u003eCom design skeleton que revela sua engrenagem automática a cada movimento, o Skeleton VA001 foi criado para homens que \u003cstrong\u003enão pedem permissão para se destacar\u003c\/strong\u003e — eles simplesmente se destacam.\u003c\/p\u003e\n\u003cstyle\u003e\n.fullwidth-video {\n position: relative;\n width: 100vw; \/* ocupa toda a largura da tela *\/\n left: 50%;\n right: 50%;\n margin-left: -50vw; \/* empurra o vídeo pra fora do container do Shopify *\/\n margin-right: -50vw;\n overflow: hidden;\n}\n\n.fullwidth-video video {\n width: 100%;\n height: auto;\n display: block;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"fullwidth-video\"\u003e\u003cvideo playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4d5cdc9d71fb49dab403c24d7ebfc17a.mp4\"\u003e\n Seu navegador não suporta vídeo.\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cp style=\"text-align: center;\" data-end=\"1338\" data-start=\"1036\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-end=\"1338\" data-start=\"1036\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_83_1.png?v=1762618905\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\" data-end=\"1338\" data-start=\"1036\"\u003e\u003cstrong\u003ePARA QUEM VENCE\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp class=\"whitespace-normal break-words\" style=\"text-align: center;\"\u003eO Skeleton VA001 não é para todos. E não deveria ser. Ele foi desenvolvido para homens que entendem que estilo é linguagem e que cada detalhe conta. Homens que lideram. Que inspiram. Que constroem.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-end=\"2030\" data-start=\"1887\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_85_1.png?v=1762620308\"\u003e\u003c\/p\u003e\n\u003ch4 data-end=\"527\" data-start=\"406\" style=\"text-align: center;\"\u003e\u003cstrong\u003eELEGÂNCIA EM MOVIMENTO\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center;\" data-end=\"1338\" data-start=\"1036\"\u003eMais do que um relógio, ele é uma obra de arte no pulso. A pulseira confortável, desenvolvida com materiais premium,\u003cstrong\u003e garante resistência e durabilidade sem abrir mão da elegância.\u003c\/strong\u003e É versátil, atemporal e pensado para acompanhar homens que lideram.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-end=\"1338\" data-start=\"1036\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_87_1.png?v=1762621669\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch5 style=\"text-align: center;\" data-end=\"2030\" data-start=\"1887\"\u003e\u003cstrong\u003eELEGANTE E EQUILIBRADO\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp style=\"text-align: center;\" data-end=\"420\" data-start=\"158\"\u003e\u003cstrong\u003eResistente à água até\u003c\/strong\u003e \u003cstrong data-end=\"249\" data-start=\"241\"\u003e3ATM\u003c\/strong\u003e, o Skeleton VA001 foi projetado para acompanhar o seu ritmo diário com elegância e confiança. Perfeito para quem exige estilo e desempenho em qualquer ocasião.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-end=\"420\" data-start=\"158\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_90_1.png?v=1762622152\"\u003e\u003c\/p\u003e\n\u003ch3 data-end=\"2030\" data-start=\"1887\" style=\"text-align: center;\"\u003e\u003cstrong\u003eTecnologia Inovadora\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-start=\"80\" data-end=\"268\" style=\"text-align: center;\"\u003eO \u003cstrong data-start=\"119\" data-end=\"146\"\u003eSkeleton VA001\u003c\/strong\u003e vem equipado com \u003cstrong data-start=\"164\" data-end=\"178\"\u003eBlacklight\u003c\/strong\u003e, permitindo que você veja cada detalhe do seu relógio mesmo nas condições mais escuras. Tecnologia e estilo juntos a luz intensa realça os ponteiros e marcadores, garantindo visibilidade perfeita e um visual futurista.\u003c\/p\u003e\n\u003cp data-start=\"80\" data-end=\"268\" style=\"text-align: center;\"\u003e\u003cstrong\u003eDeslise para direita para ver com a Blacklight ativado.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .before-after-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n overflow: hidden;\n border-radius: 12px;\n cursor: ew-resize;\n user-select: none;\n }\n\n .before-after-container img {\n width: 100%;\n height: auto;\n display: block;\n pointer-events: none;\n }\n\n .before-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 0%; \/* começa mostrando só o \"depois\" *\/\n overflow: hidden;\n }\n\n .before-after-slider {\n position: absolute;\n top: 0;\n left: 0%;\n width: 4px;\n height: 100%;\n background: #ffffff;\n border: 1px solid #00000022;\n z-index: 3;\n }\n\n \/* Labels *\/\n .label-before, .label-after {\n position: absolute;\n top: 10px;\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 600;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.5);\n color: #fff;\n z-index: 4;\n transition: opacity 0.3s ease;\n }\n\n .label-before {\n left: 10px;\n opacity: 0; \/* começa invisível *\/\n }\n\n .label-after {\n right: 10px;\n opacity: 1;\n }\n\u003c\/style\u003e\n\u003cdiv align=\"start\"\u003e\n\u003cdiv class=\"before-after-container\" id=\"beforeAfter\"\u003e\n\u003c!-- Label da primeira imagem --\u003e \u003cspan class=\"label-after\" id=\"labelAfter\"\u003eAntes\u003c\/span\u003e \u003c!-- Label da segunda imagem --\u003e \u003cspan class=\"label-before\" id=\"labelBefore\"\u003eDepois\u003c\/span\u003e \u003c!-- Primeira imagem (Antes) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_80_32885fa6-e9d3-4ddf-ac1d-f020fb91bdb2.png?v=1762606813\" alt=\"Antes\"\u003e \u003c!-- Segunda imagem (Depois) --\u003e\n\u003cdiv class=\"before-image\" id=\"beforeImage\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_81.png?v=1762606813\" alt=\"Depois\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"before-after-slider\" id=\"sliderLine\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const container = document.getElementById(\"beforeAfter\");\n const before = document.getElementById(\"beforeImage\");\n const slider = document.getElementById(\"sliderLine\");\n const labelBefore = document.getElementById(\"labelBefore\");\n const labelAfter = document.getElementById(\"labelAfter\");\n\n function moveSlider(x) {\n const rect = container.getBoundingClientRect();\n let position = x - rect.left;\n if (position \u003c 0) position = 0;\n if (position \u003e rect.width) position = rect.width;\n const percent = (position \/ rect.width) * 100;\n\n before.style.width = percent + \"%\";\n slider.style.left = percent + \"%\";\n\n \/\/ Quando a segunda imagem aparece mais, mostra \"Depois\" e esconde \"Antes\"\n if (percent \u003e 15) {\n labelBefore.style.opacity = 1;\n labelAfter.style.opacity = 0;\n } else {\n labelBefore.style.opacity = 0;\n labelAfter.style.opacity = 1;\n }\n }\n\n \/\/ Eventos de mouse e toque\n container.addEventListener(\"mousemove\", (e) =\u003e moveSlider(e.clientX));\n container.addEventListener(\"touchmove\", (e) =\u003e moveSlider(e.touches[0].clientX));\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Vartelli","offers":[{"title":"Prata","offer_id":53036644761910,"sku":"14:200005100#Silver Black","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":53036644696374,"sku":"14:100005979#Silver White","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53036644729142,"sku":"14:100013777#Black","price":297.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53036644794678,"sku":"14:350850#Glod Black","price":297.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-skeleton-va001-prata-frontal.png?v=1781009469"},{"product_id":"relogio-automatico-masculino-vartelli-skeleton-va001-branco","title":"Relógio Masculino Vartelli Skeleton VA001","description":"\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eExclusividade no Seu Tempo\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003eO Skeleton VA001 Prata Neve \u003cstrong\u003e \u003c\/strong\u003enão é apenas um marcador de horas.\u003cbr data-start=\"595\" data-end=\"598\"\u003eEle é um \u003cstrong\u003esímbolo de poder\u003c\/strong\u003e, sofisticação e identidade, desenvolvido para homens que sabem que \u003cstrong\u003edetalhes definem conquistas.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_45_1.png?v=1758832237\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cstrong\u003eElegância em Movimento\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003eMais do que um relógio, ele é uma \u003cstrong data-start=\"1070\" data-end=\"1095\"\u003eobra de arte no pulso\u003c\/strong\u003e. A pulseira confortável, desenvolvida com materiais premium, garante resistência e durabilidade sem abrir mão da elegância. É versátil, atemporal e pensado para acompanhar homens que lideram, que inspiram e que não se contentam com o comum.\u003c\/p\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_17.png?v=1758803896\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cstrong\u003ePoder no Pulso\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eO Skeleton VA001 Prata Neve não foi feito para todos. Ele é a escolha de quem transforma metas em conquistas, de quem carrega no pulso a prova de que estilo é linguagem e presença é autoridade. Homens comuns usam relógios comuns. Líderes usam o Skeleton VA001 Prata Neve.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_46_1.png?v=1758832382\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eUma Oportunidade Limitada\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1692\" data-end=\"1885\" style=\"text-align: center;\"\u003eRelógios como este não são produzidos em massa. O Skeleton VA001 Prata Neve está\u003cstrong\u003e disponível em quantidades limitadas\u003c\/strong\u003e e a procura é alta entre aqueles que entendem o verdadeiro valor da exclusividade. Este é o momento de garantir o seu.\u003c\/p\u003e\n\u003cp data-start=\"1887\" data-end=\"2030\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_40_1.png?v=1758831651\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Prata Neve","offer_id":53039855468854,"sku":"14:100005979#Silver White","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53039855567158,"sku":"14:350850#Glod Black","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53039855501622,"sku":"14:100013777#Black","price":297.0,"currency_code":"BRL","in_stock":false},{"title":"Prata","offer_id":53039855534390,"sku":"14:200005100#Silver Black","price":297.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-skeleton-va001-prata-neve-frontal.png?v=1781009351"},{"product_id":"relogio-masculino-vartelli-skeleton-va001-dourado","title":"Relógio Masculino Vartelli Skeleton VA001","description":"\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eExclusividade no Seu Tempo\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003eO Relógio Skeleton VA001 Dourado \u003cstrong\u003e \u003c\/strong\u003enão é apenas um marcador de horas.\u003cbr data-start=\"595\" data-end=\"598\"\u003eEle é um \u003cstrong\u003esímbolo de poder\u003c\/strong\u003e, sofisticação e identidade, desenvolvido para homens que sabem que \u003cstrong\u003edetalhes definem conquistas.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_36_1.png?v=1758808063\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cstrong\u003eElegância em Movimento\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003eMais do que um relógio, ele é uma \u003cstrong data-start=\"1070\" data-end=\"1095\"\u003eobra de arte no pulso\u003c\/strong\u003e. A pulseira confortável, desenvolvida com materiais premium, garante resistência e durabilidade sem abrir mão da elegância. É versátil, atemporal e pensado para acompanhar homens que lideram, que inspiram e que não se contentam com o comum.\u003c\/p\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_31_1.png?v=1758807606\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cstrong\u003ePoder no Pulso\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eO Skeleton VA001 Dourado não foi feito para todos. Ele é a escolha de quem transforma metas em conquistas, de quem carrega no pulso a prova de que estilo é linguagem e presença é autoridade. Homens comuns usam relógios comuns. Líderes usam o Skeleton VA001 Dourado.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_34_1.png?v=1758807875\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eUma Oportunidade Limitada\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1692\" data-end=\"1885\" style=\"text-align: center;\"\u003eRelógios como este não são produzidos em massa. O Skeleton VA001 Dourado está\u003cstrong\u003e disponível em quantidades limitadas\u003c\/strong\u003e e a procura é alta entre aqueles que entendem o verdadeiro valor da exclusividade. Este é o momento de garantir o seu.\u003c\/p\u003e\n\u003cp data-start=\"1887\" data-end=\"2030\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/RELOGIO_ESKELETON_27_1.png?v=1758807380\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Dourado","offer_id":53041134993718,"sku":"14:350850#Glod Black","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":53041134960950,"sku":"14:100005979#Silver White","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53041135026486,"sku":"14:100013777#Black","price":297.0,"currency_code":"BRL","in_stock":false},{"title":"Prata","offer_id":53041135059254,"sku":"14:200005100#Silver Black","price":297.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-skeleton-va001-dourado-frontal.png?v=1781008841"},{"product_id":"relogio-automatico-masculino-vartelli-skeleton-va001-preto","title":"Relógio Masculino Vartelli Skeleton VA001","description":"\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eExclusividade no Seu Tempo\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003eO Relógio Skeleton Vanguard \u003cstrong\u003e \u003c\/strong\u003enão é apenas um marcador de horas.\u003cbr data-start=\"595\" data-end=\"598\"\u003eEle é um \u003cstrong\u003esímbolo de poder\u003c\/strong\u003e, sofisticação e identidade, desenvolvido para homens que sabem que \u003cstrong\u003edetalhes definem conquistas.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cimg\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"406\" data-end=\"527\" style=\"text-align: center;\"\u003e\u003cstrong\u003eElegância em Movimento\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003eMais do que um relógio, ele é uma \u003cstrong data-start=\"1070\" data-end=\"1095\"\u003eobra de arte no pulso\u003c\/strong\u003e. A pulseira confortável, desenvolvida com materiais premium, garante resistência e durabilidade sem abrir mão da elegância. É versátil, atemporal e pensado para acompanhar homens que lideram, que inspiram e que não se contentam com o comum.\u003c\/p\u003e\n\u003cp data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-start=\"1036\" data-end=\"1338\" style=\"text-align: center;\"\u003e\u003cstrong\u003ePoder no Pulso\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eO Skeleton VA001 Preto não foi feito para todos. Ele é a escolha de quem transforma metas em conquistas, de quem carrega no pulso a prova de que estilo é linguagem e presença é autoridade. Homens comuns usam relógios comuns. Líderes usam o Skeleton VA001 Preto.\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003eUma Oportunidade Limitada\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1692\" data-end=\"1885\" style=\"text-align: center;\"\u003eRelógios como este não são produzidos em massa. OSkeleton VA001 Preto está\u003cstrong\u003e disponível em quantidades limitadas\u003c\/strong\u003e e a procura é alta entre aqueles que entendem o verdadeiro valor da exclusividade. Este é o momento de garantir o seu.\u003c\/p\u003e\n\u003cp data-start=\"1887\" data-end=\"2030\" style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Vartelli","offers":[{"title":"Preto","offer_id":53041142825270,"sku":"14:100013777#Black","price":297.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53041142759734,"sku":"14:350850#Glod Black","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":53041142792502,"sku":"14:100005979#Silver White","price":297.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53041142858038,"sku":"14:200005100#Silver Black","price":297.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-skeleton-va001-preto-frontal.png?v=1781008793"},{"product_id":"relogio-masculino-automatico-vartelli-infinity-royal","title":"Relógio Masculino Vartelli Infinity Royal","description":"\u003cstyle\u003e\n \/* =========================================================\n VARTELLI · INFINITY ROYAL\n Bloco otimizado para página de produto Shopify\n Mobile first · leve · acessível · orientado à conversão\n ========================================================= *\/\n\n #vartelli-infinity-royal-premium,\n #vartelli-infinity-royal-clean,\n #vartelli-infinity-royal-final,\n #vartelli-infinity-royal-final-v2,\n #vartelli-infinity-royal-final-v3,\n #vartelli-infinity-royal-final-v4 {\n display: none !important;\n }\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #0b0b0b;\n --vr-muted: #5f6368;\n --vr-navy: #0c1824;\n --vr-metal: #0c1824;\n --vr-soft: #f5f5f3;\n --vr-paper: #ffffff;\n --vr-line: rgba(12, 24, 36, 0.11);\n --vr-shadow: 0 18px 48px rgba(12, 24, 36, 0.08);\n --vr-radius: 22px;\n --vr-ease: cubic-bezier(0.22, 1, 0.36, 1);\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n padding: 0 12px;\n container-name: vartelli-copy;\n container-type: inline-size;\n overflow: hidden;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif\n );\n line-height: 1.55;\n box-sizing: border-box;\n }\n\n .vartelli-copy-host {\n width: 100%;\n min-width: 0;\n clear: both;\n }\n\n .product__description.vr-description-relocated {\n min-height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n box-sizing: border-box;\n }\n\n #vartelli-infinity-royal-ultimate img {\n display: block;\n width: 100%;\n max-width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate button {\n font: inherit;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 34px 0;\n border-bottom: 1px solid var(--vr-line);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 9px;\n color: var(--vr-navy);\n font-size: 10px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.75px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n content: \"\";\n width: 20px;\n height: 1px;\n flex: 0 0 20px;\n background: currentColor;\n opacity: 0.75;\n }\n\n #vartelli-infinity-royal-ultimate h2,\n #vartelli-infinity-royal-ultimate h3,\n #vartelli-infinity-royal-ultimate p {\n text-transform: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n margin: 0;\n color: var(--vr-ink);\n font-weight: 650;\n letter-spacing: -0.035em;\n text-wrap: balance;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 650px;\n font-size: clamp(31px, 9.2vw, 42px);\n line-height: 1.02;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 700px;\n font-size: clamp(25px, 7.2vw, 32px);\n line-height: 1.07;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin: 0;\n color: var(--vr-muted);\n font-size: 14.2px;\n line-height: 1.62;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 650px;\n margin-top: 9px;\n }\n\n \/* HERO *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n display: grid;\n gap: 23px;\n padding-top: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-copy {\n min-width: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 610px;\n margin-top: 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-specs {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 7px;\n max-width: 540px;\n margin-top: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec {\n position: relative;\n min-width: 0;\n padding: 9px 9px 9px 26px;\n border: 1px solid var(--vr-line);\n border-radius: 11px;\n background: rgba(12, 24, 36, 0.035);\n color: var(--vr-ink);\n font-size: 10.7px;\n font-weight: 650;\n line-height: 1.3;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: var(--vr-navy);\n font-weight: 850;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n position: relative;\n overflow: hidden;\n border-radius: var(--vr-radius);\n background: var(--vr-soft);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 55% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(330px, 103vw, 445px);\n object-fit: cover;\n object-position: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n position: absolute;\n right: 12px;\n bottom: 12px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 999px;\n background: rgba(9, 9, 9, 0.68);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.75px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--vr-navy);\n box-shadow: 0 0 0 4px rgba(12, 24, 36, 0.14);\n }\n\n \/* CARROSSEL DE DETALHES *\/\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n overflow: hidden;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background: var(--vr-paper);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n display: grid;\n position: relative;\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n grid-area: 1 \/ 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateX(18px);\n transition:\n opacity 0.35s ease,\n transform 0.48s var(--vr-ease),\n visibility 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage.is-back .vr-detail-panel {\n transform: translateX(-18px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: clamp(255px, 72vw, 340px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 17px 16px 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin: 0 0 5px;\n color: var(--vr-navy);\n font-size: 9.5px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.45px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 21px;\n line-height: 1.09;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin-top: 7px;\n font-size: 13.2px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 5px 8px;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 999px;\n background: rgba(12, 24, 36, 0.06);\n color: var(--vr-navy);\n font-size: 10.4px;\n line-height: 1.2;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 0 16px 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 37px;\n height: 37px;\n flex: 0 0 37px;\n display: grid;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 50%;\n background: #fff;\n color: var(--vr-navy);\n font-size: 20px;\n line-height: 1;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s ease,\n color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:active {\n transform: scale(0.94);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n min-width: 0;\n flex: 1;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n display: block;\n margin-bottom: 2px;\n color: var(--vr-ink);\n font-size: 10.4px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.35px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n display: block;\n color: #7a7f84;\n font-size: 10.2px;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 2px;\n margin: 0 16px 17px;\n overflow: hidden;\n border-radius: 999px;\n background: #eae8e4;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n display: block;\n width: 20%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, var(--vr-ink), var(--vr-navy));\n transition: width 0.4s var(--vr-ease);\n }\n\n \/* BENEFÍCIOS EM USO · HORIZONTAL NO CELULAR *\/\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n gap: 11px;\n overflow-x: auto;\n padding-bottom: 4px;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track::-webkit-scrollbar {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex: 0 0 84%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n scroll-snap-align: start;\n border: 1px solid var(--vr-line);\n border-radius: 18px;\n background: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n object-fit: cover;\n object-position: center 24%;\n background: #f3f3f1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n flex: 1;\n padding: 17px 15px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: 21px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n margin-top: 7px;\n font-size: 13.1px;\n line-height: 1.5;\n }\n\n \/* MOVIMENTO AUTOMÁTICO · BLOCO DE DESTAQUE *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n overflow: hidden;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(0, 0, 0, 0.28),\n transparent 37%\n ),\n var(--vr-navy);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media {\n position: relative;\n overflow: hidden;\n background: #09131d;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media::after {\n content: \"\";\n position: absolute;\n inset: 58% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(4, 9, 14, 0.48));\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: clamp(275px, 77vw, 370px);\n object-fit: cover;\n object-position: center;\n transition: transform 0.85s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n position: absolute;\n left: 13px;\n bottom: 13px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 11px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 999px;\n background: rgba(7, 14, 21, 0.7);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12);\n animation: vrMechanismPulse 2.2s ease-in-out infinite;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 25px 20px 27px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-section-title {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 610px;\n margin: 11px 0 0;\n color: #cbd3da;\n font-size: 13.8px;\n line-height: 1.6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n position: relative;\n padding: 7px 10px 7px 24px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.06);\n color: #f1f3f5;\n font-size: 10.5px;\n font-weight: 600;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: #fff;\n font-weight: 850;\n }\n\n \/* VARTELLI LUME · COMPARADOR ANTES E DEPOIS *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #356d42;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-figure {\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n --vr-lume-position: 50%;\n position: relative;\n isolation: isolate;\n width: 100%;\n height: clamp(285px, 78vw, 390px);\n overflow: hidden;\n border: 1px solid rgba(12, 24, 36, 0.12);\n border-radius: var(--vr-radius);\n background: #061009;\n box-shadow: var(--vr-shadow);\n touch-action: pan-y;\n user-select: none;\n -webkit-user-select: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer {\n position: absolute;\n inset: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-after {\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-before {\n z-index: 2;\n clip-path: inset(0 calc(100% - var(--vr-lume-position)) 0 0);\n will-change: clip-path;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n position: absolute;\n top: 12px;\n z-index: 4;\n padding: 7px 9px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 999px;\n background: rgba(6, 10, 8, 0.66);\n color: #fff;\n font-size: 8.8px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-range {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n inset: 0;\n z-index: 8;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: ew-resize;\n touch-action: pan-y;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n position: absolute;\n top: 0;\n bottom: 0;\n left: var(--vr-lume-position);\n z-index: 5;\n width: 2px;\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 0 18px rgba(0, 0, 0, 0.28);\n transform: translateX(-50%);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n content: \"↔\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255, 255, 255, 0.55);\n border-radius: 50%;\n background: #fff;\n color: #07100a;\n font-size: 17px;\n font-weight: 750;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n transform: translate(-50%, -50%);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-compare-range:focus-visible\n + .vr-compare-divider::after {\n outline: 3px solid #77c98a;\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 12px;\n color: #6d7479;\n font-size: 11.2px;\n line-height: 1.4;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n content: \"\";\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #72d68b;\n box-shadow: 0 0 0 4px rgba(114, 214, 139, 0.12);\n }\n\n \/* FECHAMENTO DE CONVERSÃO *\/\n #vartelli-infinity-royal-ultimate .vr-close-card {\n position: relative;\n overflow: hidden;\n padding: 27px 20px;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(12, 24, 36, 0.09),\n transparent 42%\n ),\n var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card .vr-section-text {\n max-width: 650px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n max-width: 360px;\n margin-top: 20px;\n padding: 15px 20px;\n border: 1px solid var(--vr-navy);\n border-radius: 999px;\n background: var(--vr-navy);\n color: #fff;\n font-size: 11px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n cursor: pointer;\n box-shadow: 0 12px 28px rgba(12, 24, 36, 0.18);\n transition:\n transform 0.22s ease,\n background 0.22s ease,\n box-shadow 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button:active {\n transform: scale(0.98);\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-support {\n margin: 11px 0 0;\n color: #70757a;\n font-size: 10.7px;\n line-height: 1.45;\n }\n\n @keyframes vrMechanismPulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.65;\n transform: scale(0.74);\n }\n }\n\n \/* ANIMAÇÃO SUAVE, SEM ATRASAR A LEITURA *\/\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.58s ease,\n transform 0.68s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate.is-visible {\n opacity: 1;\n transform: none;\n }\n\n @container vartelli-copy (min-width: 600px) {\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex-basis: 48%;\n }\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 60px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: clamp(44px, 5.1vw, 62px);\n line-height: 0.99;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(34px, 3.6vw, 43px);\n line-height: 1.03;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n align-items: center;\n gap: clamp(38px, 5vw, 68px);\n padding-top: 52px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(500px, 52vw, 650px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n max-width: 840px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: min(49vw, 500px);\n aspect-ratio: 16 \/ 10;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 24px 27px 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 670px;\n font-size: 14.3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n padding: 0 27px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 0 27px 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: 100%;\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 4.4vw, 56px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.025);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-section-head {\n max-width: 760px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(52vw, 560px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n top: 16px;\n padding: 8px 11px;\n font-size: 9.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 46px;\n height: 46px;\n font-size: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n margin-top: 14px;\n font-size: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card {\n padding: clamp(36px, 4.4vw, 54px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button:hover {\n transform: translateY(-2px);\n background: #13283b;\n box-shadow: 0 16px 34px rgba(12, 24, 36, 0.23);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n min-width: 0;\n transition:\n transform 0.35s var(--vr-ease),\n box-shadow 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mobile-life-hint {\n display: none;\n }\n\n }\n\n @media (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 20px;\n padding-left: 20px;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n font-size: 9.7px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n \/* =========================================================\n VARTELLI · EDITORIAL DIRECTION\n Luxo silencioso · mais espaço · menos elementos promocionais\n ========================================================= *\/\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #101112;\n --vr-muted: #62666a;\n --vr-navy: #0c1824;\n --vr-soft: #f4f3ef;\n --vr-paper: #ffffff;\n --vr-line: rgba(16, 17, 18, 0.14);\n --vr-shadow: none;\n --vr-radius: 0;\n max-width: 1240px;\n padding-right: 18px;\n padding-left: 18px;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif\n );\n line-height: 1.65;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 36px 0;\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n gap: 0;\n margin-bottom: 14px;\n color: var(--vr-ink);\n font-size: 9.5px;\n font-weight: 550;\n line-height: 1.35;\n letter-spacing: 0.22em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-family: var(\n --font-heading-family,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif\n );\n font-weight: 400;\n letter-spacing: -0.042em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 620px;\n font-size: clamp(42px, 12.4vw, 62px);\n line-height: 0.96;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 760px;\n font-size: clamp(32px, 8.8vw, 45px);\n line-height: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n color: var(--vr-muted);\n font-size: 14px;\n line-height: 1.68;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n max-width: 770px;\n margin-bottom: 22px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 610px;\n margin-top: 14px;\n }\n\n \/* Hero editorial *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n gap: 34px;\n padding-top: 32px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 560px;\n margin-top: 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-specs {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px 26px;\n max-width: 560px;\n margin-top: 28px;\n border: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec {\n flex: 0 0 auto;\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: var(--vr-ink);\n font-size: 9.5px;\n font-weight: 550;\n line-height: 1.3;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec::before {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec:nth-child(odd) {\n border-right: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec:nth-child(-n + 2) {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n border-radius: 0;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n inset: 68% 0 0;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.34));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(430px, 122vw, 580px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n right: 16px;\n bottom: 16px;\n gap: 0;\n padding: 9px 11px;\n border: 0;\n border-radius: 0;\n background: rgba(9, 10, 11, 0.7);\n font-size: 8.5px;\n font-weight: 550;\n letter-spacing: 0.16em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n display: none;\n }\n\n \/* Anatomia do produto *\/\n #vartelli-infinity-royal-ultimate .vr-details .vr-section-head {\n margin-bottom: 22px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n position: relative;\n width: calc(100% + 36px);\n margin-left: -18px;\n overflow: hidden;\n border: 0;\n border-radius: 0;\n background: var(--vr-soft);\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n align-items: start;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n align-self: start;\n height: auto;\n max-height: none;\n overflow: visible;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translate3d(0, 0, 0);\n will-change: opacity, transform;\n transition: none;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-back\n .vr-detail-panel {\n transform: translate3d(0, 0, 0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translate3d(0, 0, 0);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-back\n .vr-detail-panel.is-active {\n transform: translate3d(0, 0, 0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-entering,\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-leaving {\n visibility: visible;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-entering {\n z-index: 3;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-leaving {\n z-index: 2;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-next\n .vr-detail-panel.is-entering {\n animation: vrDetailInNext 0.62s var(--vr-ease) both;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-next\n .vr-detail-panel.is-leaving {\n animation: vrDetailOutNext 0.62s var(--vr-ease) both;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-prev\n .vr-detail-panel.is-entering {\n animation: vrDetailInPrev 0.62s var(--vr-ease) both;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-detail-stage.is-prev\n .vr-detail-panel.is-leaving {\n animation: vrDetailOutPrev 0.62s var(--vr-ease) both;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n object-fit: cover;\n object-position: center center;\n background: var(--vr-soft);\n opacity: 1;\n transform: none;\n transition: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active img {\n opacity: 1;\n transform: none;\n }\n\n @keyframes vrDetailInNext {\n from {\n opacity: 0;\n transform: translate3d(34px, 0, 0) scale(0.996);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n }\n }\n\n @keyframes vrDetailOutNext {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n }\n to {\n opacity: 0;\n transform: translate3d(-22px, 0, 0) scale(0.996);\n }\n }\n\n @keyframes vrDetailInPrev {\n from {\n opacity: 0;\n transform: translate3d(-34px, 0, 0) scale(0.996);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n }\n }\n\n @keyframes vrDetailOutPrev {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n }\n to {\n opacity: 0;\n transform: translate3d(22px, 0, 0) scale(0.996);\n }\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n height: auto;\n max-height: none;\n overflow: visible;\n padding: 21px 19px 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin-bottom: 7px;\n color: var(--vr-ink);\n font-size: 9px;\n font-weight: 550;\n letter-spacing: 0.19em;\n font-family: \"Instrument Sans\", var(--font-heading-family, Arial, sans-serif);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n max-width: 540px;\n font-family: \"Instrument Sans\", var(--font-heading-family, Arial, sans-serif);\n font-size: 24px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 560px;\n margin-top: 7px;\n font-family: \"Nunito\", var(--font-body-family, Arial, sans-serif);\n font-size: 13px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 0;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: #777b7f;\n font-size: 9px;\n font-weight: 500;\n line-height: 1.4;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag + .vr-tag::before {\n content: \"\/\";\n margin-right: 12px;\n color: #a5a7a9;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 44px 44px;\n grid-template-areas: \"copy previous next\";\n align-items: center;\n justify-content: initial;\n gap: 8px;\n padding: 14px 19px 0;\n border-top: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n position: static;\n top: auto;\n right: auto;\n left: auto;\n z-index: auto;\n width: 44px;\n height: 40px;\n flex-basis: 44px;\n border: 1px solid rgba(12, 24, 36, 0.18);\n border-radius: 999px;\n background: transparent;\n color: var(--vr-navy);\n font-size: 0;\n opacity: 1;\n transform: none;\n box-shadow: none;\n backdrop-filter: none;\n -webkit-backdrop-filter: none;\n transition:\n transform 0.22s var(--vr-ease),\n color 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow-icon {\n display: block;\n width: 20px;\n height: 20px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.45;\n stroke-linecap: round;\n stroke-linejoin: round;\n pointer-events: none;\n transition: transform 0.28s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-prev {\n grid-area: previous;\n }\n\n #vartelli-infinity-royal-ultimate .vr-next {\n grid-area: next;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:not(:disabled):active {\n transform: scale(0.95);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:disabled {\n cursor: default;\n opacity: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n grid-area: copy;\n text-align: left;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n margin-bottom: 0;\n font-size: 9px;\n font-weight: 550;\n letter-spacing: 0.18em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n color: #86898c;\n font-size: 8.5px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 1px;\n margin: 14px 19px 19px;\n border-radius: 0;\n background: #dededb;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n border-radius: 0;\n background: var(--vr-ink);\n }\n\n \/* Movimento mecânico *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n border-radius: 0;\n background: var(--vr-navy);\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n left: 16px;\n bottom: 16px;\n gap: 0;\n padding: 9px 11px;\n border: 0;\n border-radius: 0;\n background: rgba(5, 10, 15, 0.72);\n font-size: 8.5px;\n font-weight: 550;\n letter-spacing: 0.16em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 36px 24px 40px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #dce2e6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 520px;\n margin-top: 16px;\n color: #bec7ce;\n font-size: 13.5px;\n line-height: 1.7;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n gap: 15px 22px;\n margin-top: 23px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n padding: 0 0 0 14px;\n border: 0;\n border-radius: 0;\n background: transparent;\n color: #edf0f2;\n font-size: 8.5px;\n font-weight: 550;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"—\";\n left: 0;\n color: #9ca9b3;\n font-weight: 400;\n }\n\n \/* Lume *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #426149;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n border: 0;\n border-radius: 0;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n padding: 8px 10px;\n border-radius: 0;\n background: rgba(5, 9, 7, 0.68);\n font-size: 8px;\n font-weight: 550;\n letter-spacing: 0.16em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n width: 1px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 42px;\n height: 42px;\n border-radius: 0;\n background: rgba(255, 255, 255, 0.94);\n color: var(--vr-ink);\n font-size: 15px;\n font-weight: 500;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n justify-content: flex-start;\n margin-top: 14px;\n color: #777b7f;\n font-size: 9px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n display: none;\n }\n\n \/* Presença · carrossel editorial manual, sem autoplay. *\/\n #vartelli-infinity-royal-ultimate .vr-life-carousel {\n position: relative;\n width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-viewport {\n width: calc(100% + 18px);\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-viewport:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n position: relative;\n display: flex;\n width: 100%;\n gap: 12px;\n overflow: visible;\n padding: 0;\n scroll-snap-type: none;\n scroll-behavior: auto;\n transform: translate3d(0, 0, 0);\n transition: transform 0.58s var(--vr-ease);\n will-change: transform;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n display: flex;\n flex: 0 0 84%;\n flex-direction: column;\n width: 84%;\n min-width: 84%;\n overflow: visible;\n border: 0;\n border-radius: 0;\n background: transparent;\n opacity: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n display: block;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n border-radius: 0;\n object-fit: cover;\n object-position: center 22%;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card--macro img {\n object-position: center center;\n }\n\n \/* Cada foto fica estática; apenas o trilho responde ao comando do usuário. *\/\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card,\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card:hover,\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card:focus-within,\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card img,\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card:hover img,\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card:focus-within img {\n animation: none !important;\n transition: none !important;\n transform: none !important;\n translate: none !important;\n rotate: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lifestyle .vr-life-card img {\n scale: 1 !important;\n opacity: 1 !important;\n filter: none !important;\n will-change: auto !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n min-height: 92px;\n padding: 18px 0 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-family: \"Instrument Sans\", var(--font-heading-family, Arial, sans-serif);\n font-size: 20px;\n font-weight: 400;\n line-height: 1.18;\n letter-spacing: 0.18em;\n text-transform: uppercase !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n max-width: 340px;\n margin-top: 9px;\n font-family: \"Nunito\", var(--font-body-family, Arial, sans-serif);\n font-size: 14px;\n line-height: 1.55;\n letter-spacing: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-controls {\n display: grid;\n grid-template-columns: auto minmax(42px, 1fr) 44px 44px;\n align-items: center;\n gap: 8px;\n margin-top: 20px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-counter {\n min-width: 50px;\n color: var(--vr-ink);\n font-family: \"Instrument Sans\", var(--font-heading-family, Arial, sans-serif);\n font-size: 9px;\n font-weight: 550;\n line-height: 1;\n letter-spacing: 0.18em;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-progress {\n height: 1px;\n margin: 0 8px;\n overflow: hidden;\n background: #dededb;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-progress span {\n display: block;\n width: 25%;\n height: 100%;\n background: var(--vr-ink);\n transition: width 0.42s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow {\n appearance: none;\n -webkit-appearance: none;\n display: grid;\n width: 44px;\n height: 40px;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.18);\n border-radius: 999px;\n background: transparent;\n color: var(--vr-navy);\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s var(--vr-ease),\n color 0.22s ease,\n border-color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow-icon {\n display: block;\n width: 20px;\n height: 20px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.45;\n stroke-linecap: round;\n stroke-linejoin: round;\n pointer-events: none;\n transition: transform 0.28s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow:not(:disabled):active {\n transform: scale(0.95);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow:disabled {\n cursor: default;\n opacity: 0.32;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n \/* Fechamento *\/\n #vartelli-infinity-royal-ultimate .vr-close-card {\n padding: 50px 22px;\n border: 0;\n border-radius: 0;\n background: var(--vr-soft);\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card .vr-eyebrow {\n justify-content: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-close-card .vr-section-text {\n margin-right: auto;\n margin-left: auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card .vr-section-text {\n max-width: 500px;\n margin-top: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button {\n width: auto;\n min-width: 250px;\n margin: 28px auto 0;\n padding: 16px 27px;\n border-radius: 0;\n background: var(--vr-navy);\n font-size: 9.5px;\n font-weight: 600;\n letter-spacing: 0.18em;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-support {\n margin-top: 13px;\n color: #7b7e81;\n font-size: 8.5px;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n transform: translateY(7px);\n transition:\n opacity 0.62s ease,\n transform 0.72s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready\n .vr-life-card.vr-animate,\n #vartelli-infinity-royal-ultimate.vr-js-ready\n .vr-life-card.vr-animate.is-visible {\n opacity: 1;\n transform: none;\n transition: none;\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 30px;\n padding-left: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 56px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 560px;\n font-size: clamp(58px, 5.8vw, 78px);\n line-height: 0.94;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(41px, 4.1vw, 56px);\n line-height: 0.98;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);\n gap: clamp(58px, 7vw, 96px);\n padding-top: 46px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-specs {\n display: flex;\n gap: 14px 34px;\n margin-top: 36px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec {\n padding: 0;\n border-right: 0;\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-spec:last-child {\n border-right: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(580px, 56vw, 700px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n width: 100%;\n max-width: none;\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n width: 50px;\n height: 42px;\n flex-basis: 50px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:not(:disabled):hover {\n border-color: var(--vr-navy);\n background: var(--vr-navy);\n color: #fff;\n transform: none;\n box-shadow: none;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-prev:not(:disabled):hover\n .vr-arrow-icon {\n transform: translateX(-1px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-next:not(:disabled):hover\n .vr-arrow-icon {\n transform: translateX(1px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n display: grid;\n grid-template-columns: minmax(0, 1.3fr) minmax(310px, 0.7fr);\n align-items: stretch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n width: 100%;\n height: 620px;\n aspect-ratio: auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 5vw, 64px);\n border-left: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: clamp(32px, 3vw, 42px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n grid-template-columns: minmax(0, 1fr) 50px 50px;\n padding: 18px 22px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 18px 22px 22px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);\n min-height: 630px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n min-height: 630px;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.01);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: clamp(54px, 6vw, 76px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(54vw, 640px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-carousel {\n max-width: 1120px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n grid-template-columns: none;\n gap: 0;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-viewport {\n width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n display: grid;\n flex: 0 0 100%;\n grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);\n align-items: stretch;\n width: 100%;\n min-width: 100%;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: min(58vw, 650px);\n aspect-ratio: auto;\n object-position: center 22%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n display: flex;\n min-height: 0;\n flex-direction: column;\n justify-content: flex-end;\n padding: clamp(42px, 5vw, 68px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: clamp(22px, 2.2vw, 28px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-controls {\n grid-template-columns: auto minmax(80px, 1fr) 50px 50px;\n margin-top: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow {\n width: 50px;\n height: 42px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-arrow:not(:disabled):hover {\n border-color: var(--vr-navy);\n background: var(--vr-navy);\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-life-prev:not(:disabled):hover\n .vr-life-arrow-icon {\n transform: translateX(-1px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-life-next:not(:disabled):hover\n .vr-life-arrow-icon {\n transform: translateX(1px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-close-card {\n padding: 82px 32px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-cta-button:hover {\n transform: translateY(-1px);\n background: #14283a;\n box-shadow: none;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 38px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 30px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv id=\"vartelli-infinity-royal-ultimate\"\u003e\n\u003csection class=\"vr-section vr-hero\"\u003e\n\u003cdiv class=\"vr-hero-copy vr-animate\"\u003e\n\u003cp class=\"vr-eyebrow\"\u003eInfinity Royal \/ Automatic\u003c\/p\u003e\n\u003ch2 class=\"vr-title\"\u003eO tempo, revelado.\u003c\/h2\u003e\n\u003cp class=\"vr-subtitle\"\u003eMovimento automático, arquitetura skeleton e caixa octogonal de 40 mm. Mecânica e design, reduzidos ao essencial.\u003c\/p\u003e\n\u003cdiv class=\"vr-hero-specs\" aria-label=\"Principais características do Infinity Royal\"\u003e\n\u003cspan class=\"vr-hero-spec\"\u003eAutomático\u003c\/span\u003e\n\u003cspan class=\"vr-hero-spec\"\u003eSafira\u003c\/span\u003e\n\u003cspan class=\"vr-hero-spec\"\u003e40 mm\u003c\/span\u003e\n\u003cspan class=\"vr-hero-spec\"\u003e3 ATM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-hero-media vr-animate\"\u003e\n\u003cimg class=\"vr-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Model_presenting_watch_2K_202608181027.webp?v=1787059709\" alt=\"Homem usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"vr-hero-badge\"\u003e\n\u003cspan class=\"vr-hero-dot\"\u003e\u003c\/span\u003e Movimento automático\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vr-section vr-details\"\u003e\n\u003cdiv class=\"vr-section-head vr-animate\"\u003e\n\u003cp class=\"vr-eyebrow\"\u003e01 \/ Arquitetura\u003c\/p\u003e\n\u003ch2 class=\"vr-section-title\"\u003eForma. Função. Equilíbrio.\u003c\/h2\u003e\n\u003cp class=\"vr-section-text\"\u003eCinco detalhes. Uma única assinatura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-detail-card vr-animate\"\u003e\n\u003cdiv id=\"vr-detail-stage\" class=\"vr-detail-stage\" role=\"region\" aria-label=\"Detalhes do relógio Infinity Royal\" aria-roledescription=\"carrossel\" tabindex=\"0\"\u003e\n\u003carticle class=\"vr-detail-panel is-active\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Photographing_watch_in_studio_2K_202608112211.webp?v=1786497148\" alt=\"Relógio Vartelli Infinity Royal fotografado em estúdio\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-detail-content\"\u003e\n\u003cp class=\"vr-detail-meta\"\u003e01 \/ Movimento automático\u003c\/p\u003e\n\u003ch3 class=\"vr-detail-title\"\u003eMovimento que se revela.\u003c\/h3\u003e\n\u003cp class=\"vr-detail-text\"\u003eO calibre automático é alimentado pelo movimento do pulso, dispensando bateria. No mostrador skeleton, cada engrenagem se torna parte do design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-detail-panel\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Macro_photograph_of_watch_dial_202608112201.webp?v=1786496884\" alt=\"Detalhe macro do mostrador do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-detail-content\"\u003e\n\u003cp class=\"vr-detail-meta\"\u003e02 \/ Vidro de safira\u003c\/p\u003e\n\u003ch3 class=\"vr-detail-title\"\u003eClareza que permanece.\u003c\/h3\u003e\n\u003cp class=\"vr-detail-text\"\u003eO vidro de safira oferece alta resistência a riscos e preserva a nitidez do mostrador. Proteção premium para acompanhar o uso diário.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-detail-panel\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Watch_bracelet_macro_photography__2K_202608112206.webp?v=1786496883\" alt=\"Detalhe macro da pulseira do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-detail-content\"\u003e\n\u003cp class=\"vr-detail-meta\"\u003e03 \/ Pulseira em aço\u003c\/p\u003e\n\u003ch3 class=\"vr-detail-title\"\u003eAço em continuidade.\u003c\/h3\u003e\n\u003cp class=\"vr-detail-text\"\u003eA pulseira em aço combina elos articulados, acabamento polido e integração precisa com a caixa. Estrutura, conforto e presença em cada ângulo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-detail-panel\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Macro_product_photograph_of_watch_202608112202.webp?v=1786496883\" alt=\"Detalhe macro da caixa do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-detail-content\"\u003e\n\u003cp class=\"vr-detail-meta\"\u003e04 \/ Caixa de 40 mm\u003c\/p\u003e\n\u003ch3 class=\"vr-detail-title\"\u003ePresença na medida certa.\u003c\/h3\u003e\n\u003cp class=\"vr-detail-text\"\u003eA caixa octogonal de 40 mm equilibra proporção e impacto visual. A resistência à água de 3 ATM protege contra os respingos da rotina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-detail-panel\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_61.webp?v=1782046263\" alt=\"Pulseira integrada do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-detail-content\"\u003e\n\u003cp class=\"vr-detail-meta\"\u003e05 \/ Design integrado\u003c\/p\u003e\n\u003ch3 class=\"vr-detail-title\"\u003eUma linha, sem interrupções.\u003c\/h3\u003e\n\u003cp class=\"vr-detail-text\"\u003eA integração entre caixa e pulseira cria uma linha contínua, do mostrador ao fecho. Um desenho coeso, confortável e imediatamente reconhecível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-detail-controls\"\u003e\n\u003cbutton class=\"vr-arrow vr-prev\" type=\"button\" aria-label=\"Ver foto anterior\" aria-controls=\"vr-detail-stage\"\u003e\n\u003csvg class=\"vr-arrow-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n\u003cpath d=\"M19 12H5m5-5-5 5 5 5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv class=\"vr-control-copy\" aria-live=\"polite\"\u003e\n\u003cspan class=\"vr-counter\"\u003e01 \/ 05\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"vr-arrow vr-next\" type=\"button\" aria-label=\"Ver próxima foto\" aria-controls=\"vr-detail-stage\"\u003e\n\u003csvg class=\"vr-arrow-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n\u003cpath d=\"M5 12h14m-5-5 5 5-5 5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-progress\" role=\"progressbar\" aria-label=\"Progresso dos detalhes\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vr-section\"\u003e\n\u003carticle class=\"vr-mechanism vr-animate\"\u003e\n\u003cdiv class=\"vr-mechanism-media\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Macro_photograph_of_watch_wrist_202608112217.webp?v=1786497443\" alt=\"Relógio Vartelli Infinity Royal em detalhe no pulso\" loading=\"lazy\" decoding=\"async\"\u003e \u003cspan class=\"vr-mechanism-badge\"\u003eMovimento automático\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-mechanism-copy\"\u003e\n\u003cp class=\"vr-eyebrow\"\u003e02 \/ Movimento\u003c\/p\u003e\n\u003ch2 class=\"vr-section-title\"\u003eMovido pelo seu ritmo.\u003c\/h2\u003e\n\u003cp class=\"vr-mechanism-text\"\u003eO rotor converte o movimento natural do pulso em energia para o calibre. Sem bateria — apenas mecânica em movimento.\u003c\/p\u003e\n\u003cdiv class=\"vr-mechanism-points\"\u003e\n\u003cspan class=\"vr-mechanism-point\"\u003eRotor automático\u003c\/span\u003e \u003cspan class=\"vr-mechanism-point\"\u003eCalibre aparente\u003c\/span\u003e \u003cspan class=\"vr-mechanism-point\"\u003eSem troca de bateria\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003csection class=\"vr-section vr-lume-section\"\u003e\n\u003cdiv class=\"vr-section-head vr-animate\"\u003e\n\u003cp class=\"vr-eyebrow\"\u003e03 \/ Vartelli Lume\u003c\/p\u003e\n\u003ch2 class=\"vr-section-title\"\u003eA leitura permanece.\u003c\/h2\u003e\n\u003cp class=\"vr-section-text\"\u003eApós a exposição à luz, os ponteiros emitem um brilho sutil quando o ambiente escurece.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"vr-lume-figure vr-animate\"\u003e\n\u003cdiv class=\"vr-compare\"\u003e\n\u003cdiv class=\"vr-compare-layer vr-compare-after\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_dial_with_green_lumines__202608032003.webp?v=1785798261\" alt=\"Ponteiros luminescentes do Infinity Royal brilhando no escuro\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"vr-compare-layer vr-compare-before\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_watch_macro_shot_2K_202608032001.webp?v=1785798239\" alt=\"Mostrador do Infinity Royal sob luz ambiente\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\u003c\/div\u003e\n\u003cspan class=\"vr-compare-label vr-compare-label-before\"\u003e Luz \u003c\/span\u003e \u003cspan class=\"vr-compare-label vr-compare-label-after\"\u003e Escuro \u003c\/span\u003e \u003cinput class=\"vr-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Comparar o mostrador sob a luz e no escuro\"\u003e \u003cspan class=\"vr-compare-divider\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cfigcaption class=\"vr-lume-caption\"\u003eDeslize para revelar.\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/section\u003e\n\u003csection class=\"vr-section vr-lifestyle\"\u003e\n\u003cdiv class=\"vr-section-head vr-animate\"\u003e\n\u003cp class=\"vr-eyebrow\"\u003e04 \/ Presença\u003c\/p\u003e\n\u003ch2 class=\"vr-section-title\"\u003eUm relógio. Diferentes códigos.\u003c\/h2\u003e\n\u003cp class=\"vr-section-text\"\u003eDo essencial à alfaiataria, o Infinity Royal mantém a mesma assinatura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-life-carousel\" role=\"region\" aria-label=\"Infinity Royal em diferentes ocasiões\" aria-roledescription=\"carrossel\"\u003e\n\u003cdiv class=\"vr-life-viewport\" tabindex=\"0\"\u003e\n\u003cdiv id=\"vr-life-track\" class=\"vr-life-track\"\u003e\n\u003carticle class=\"vr-life-card\" aria-hidden=\"false\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Man_crossing_arms_wearing_watch_202608191120.webp?v=1787186704\" alt=\"Homem de braços cruzados usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-life-copy\"\u003e\n\u003ch3 class=\"vr-card-title\"\u003eAssinatura.\u003c\/h3\u003e\n\u003cp class=\"vr-card-text\"\u003eGeometria marcante para uma presença que se reconhece.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-life-card vr-life-card--macro\" aria-hidden=\"true\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Vartelli_watch_macro_advertising__2K_202608191113_1.webp?v=1787186703\" alt=\"Fotografia macro publicitária do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-life-copy\"\u003e\n\u003ch3 class=\"vr-card-title\"\u003eEm detalhe.\u003c\/h3\u003e\n\u003cp class=\"vr-card-text\"\u003eMecânica, proporção e acabamento sob uma nova perspectiva.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-life-card\" aria-hidden=\"true\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Man_posing_with_watch_2K_202608120756.webp?v=1786532257\" alt=\"Homem usando o relógio Vartelli Infinity Royal em uma composição casual elegante\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-life-copy\"\u003e\n\u003ch3 class=\"vr-card-title\"\u003eEssencial.\u003c\/h3\u003e\n\u003cp class=\"vr-card-text\"\u003eO detalhe que eleva o essencial.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vr-life-card\" aria-hidden=\"true\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Man_sitting_on_studio_bench_202608191113.webp?v=1787186704\" alt=\"Homem sentado em banco de estúdio usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n\u003cdiv class=\"vr-life-copy\"\u003e\n\u003ch3 class=\"vr-card-title\"\u003ePresença.\u003c\/h3\u003e\n\u003cp class=\"vr-card-text\"\u003eUma assinatura precisa, do estúdio à rotina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vr-life-controls\"\u003e\n\u003cspan class=\"vr-life-counter\" aria-live=\"polite\"\u003e01 \/ 04\u003c\/span\u003e\n\u003cdiv class=\"vr-life-progress\" role=\"progressbar\" aria-label=\"Progresso do carrossel\" aria-valuemin=\"1\" aria-valuemax=\"4\" aria-valuenow=\"1\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cbutton class=\"vr-life-arrow vr-life-prev\" type=\"button\" aria-label=\"Ver foto anterior\" aria-controls=\"vr-life-track\"\u003e\n\u003csvg class=\"vr-life-arrow-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n\u003cpath d=\"M19 12H5m5-5-5 5 5 5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cbutton class=\"vr-life-arrow vr-life-next\" type=\"button\" aria-label=\"Ver próxima foto\" aria-controls=\"vr-life-track\"\u003e\n\u003csvg class=\"vr-life-arrow-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n\u003cpath d=\"M5 12h14m-5-5 5 5-5 5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n (() =\u003e {\n const initVartelliInfinity = () =\u003e {\n const root = document.getElementById(\"vartelli-infinity-royal-ultimate\");\n if (!root || root.dataset.vrInitialized === \"true\") return;\n\n root.dataset.vrInitialized = \"true\";\n\n \/* Carrossel de detalhes: setas, teclado e gesto horizontal. *\/\n const stage = root.querySelector(\".vr-detail-stage\");\n const panels = Array.from(root.querySelectorAll(\".vr-detail-panel\"));\n const previousButton = root.querySelector(\".vr-prev\");\n const nextButton = root.querySelector(\".vr-next\");\n const counter = root.querySelector(\".vr-counter\");\n const progress = root.querySelector(\".vr-progress\");\n const progressBar = progress?.querySelector(\"span\");\n const reduceMotionQuery = window.matchMedia(\n \"(prefers-reduced-motion: reduce)\"\n );\n let currentIndex = Math.max(\n 0,\n panels.findIndex((panel) =\u003e panel.classList.contains(\"is-active\"))\n );\n let pointerStartX = null;\n let pointerStartY = null;\n let isTransitioning = false;\n let transitionTimer = null;\n\n \/* Pré-carrega todas as fotos originais para manter a troca fluida. *\/\n const preloadDetailImages = () =\u003e {\n panels.forEach((panel) =\u003e {\n const sourceImage = panel.querySelector(\"img\");\n const source = sourceImage?.currentSrc || sourceImage?.src;\n if (!source) return;\n\n const preloadedImage = new Image();\n preloadedImage.src = source;\n });\n };\n\n if (\"requestIdleCallback\" in window) {\n window.requestIdleCallback(preloadDetailImages, { timeout: 1200 });\n } else {\n window.setTimeout(preloadDetailImages, 250);\n }\n\n const updateIndicators = () =\u003e {\n const currentNumber = currentIndex + 1;\n if (counter) {\n counter.textContent = `${String(currentNumber).padStart(2, \"0\")} \/ ${String(\n panels.length\n ).padStart(2, \"0\")}`;\n }\n if (progressBar) {\n progressBar.style.width = `${(currentNumber \/ panels.length) * 100}%`;\n }\n if (progress) {\n progress.setAttribute(\"aria-valuemax\", String(panels.length));\n progress.setAttribute(\"aria-valuenow\", String(currentNumber));\n }\n };\n\n const synchronizePanels = () =\u003e {\n panels.forEach((panel, index) =\u003e {\n const isActive = index === currentIndex;\n panel.classList.toggle(\"is-active\", isActive);\n panel.classList.remove(\"is-entering\", \"is-leaving\");\n panel.setAttribute(\"aria-hidden\", String(!isActive));\n panel.setAttribute(\"aria-label\", `${index + 1} de ${panels.length}`);\n });\n };\n\n const setNavigationLocked = (locked) =\u003e {\n isTransitioning = locked;\n [previousButton, nextButton].forEach((button) =\u003e {\n if (button) button.disabled = locked;\n });\n stage?.setAttribute(\"aria-busy\", String(locked));\n };\n\n const clearTransitionState = () =\u003e {\n stage?.classList.remove(\"is-next\", \"is-prev\", \"is-back\");\n panels.forEach((panel) =\u003e\n panel.classList.remove(\"is-entering\", \"is-leaving\")\n );\n };\n\n const showPanel = (requestedIndex, direction = 1, immediate = false) =\u003e {\n if (!panels.length) return;\n\n const nextIndex =\n (requestedIndex + panels.length) % panels.length;\n if (!immediate \u0026\u0026 (isTransitioning || nextIndex === currentIndex)) return;\n\n const previousPanel = panels[currentIndex];\n const nextPanel = panels[nextIndex];\n\n if (\n immediate ||\n reduceMotionQuery.matches ||\n previousPanel === nextPanel\n ) {\n if (transitionTimer) window.clearTimeout(transitionTimer);\n transitionTimer = null;\n clearTransitionState();\n currentIndex = nextIndex;\n synchronizePanels();\n updateIndicators();\n setNavigationLocked(false);\n return;\n }\n\n clearTransitionState();\n stage?.classList.add(direction \u003c 0 ? \"is-prev\" : \"is-next\");\n previousPanel.classList.add(\"is-leaving\");\n nextPanel.classList.add(\"is-active\", \"is-entering\");\n previousPanel.setAttribute(\"aria-hidden\", \"true\");\n nextPanel.setAttribute(\"aria-hidden\", \"false\");\n\n currentIndex = nextIndex;\n updateIndicators();\n setNavigationLocked(true);\n\n let transitionFinished = false;\n const finishTransition = () =\u003e {\n if (transitionFinished) return;\n transitionFinished = true;\n if (transitionTimer) window.clearTimeout(transitionTimer);\n transitionTimer = null;\n\n clearTransitionState();\n synchronizePanels();\n setNavigationLocked(false);\n };\n\n nextPanel.addEventListener(\"animationend\", finishTransition, {\n once: true,\n });\n transitionTimer = window.setTimeout(finishTransition, 720);\n };\n\n previousButton?.addEventListener(\"click\", () =\u003e\n showPanel(currentIndex - 1, -1)\n );\n nextButton?.addEventListener(\"click\", () =\u003e\n showPanel(currentIndex + 1, 1)\n );\n\n stage?.addEventListener(\"keydown\", (event) =\u003e {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n showPanel(currentIndex - 1, -1);\n }\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n showPanel(currentIndex + 1, 1);\n }\n });\n\n stage?.addEventListener(\"pointerdown\", (event) =\u003e {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n pointerStartX = event.clientX;\n pointerStartY = event.clientY;\n if (stage.setPointerCapture) {\n stage.setPointerCapture(event.pointerId);\n }\n });\n\n stage?.addEventListener(\"pointerup\", (event) =\u003e {\n if (pointerStartX === null || pointerStartY === null) return;\n const distanceX = event.clientX - pointerStartX;\n const distanceY = event.clientY - pointerStartY;\n pointerStartX = null;\n pointerStartY = null;\n\n if (stage.hasPointerCapture?.(event.pointerId)) {\n stage.releasePointerCapture(event.pointerId);\n }\n\n if (\n Math.abs(distanceX) \u003c 38 ||\n Math.abs(distanceX) \u003c= Math.abs(distanceY) * 1.15\n ) {\n return;\n }\n\n showPanel(\n currentIndex + (distanceX \u003c 0 ? 1 : -1),\n distanceX \u003c 0 ? 1 : -1\n );\n });\n\n stage?.addEventListener(\"pointercancel\", () =\u003e {\n pointerStartX = null;\n pointerStartY = null;\n });\n\n showPanel(currentIndex, 1, true);\n\n \/* Carrossel Presença: manual, circular e sem movimento automático. *\/\n const lifeViewport = root.querySelector(\".vr-life-viewport\");\n const lifeTrack = root.querySelector(\".vr-life-track\");\n const lifeCards = Array.from(root.querySelectorAll(\".vr-life-card\"));\n const lifePreviousButton = root.querySelector(\".vr-life-prev\");\n const lifeNextButton = root.querySelector(\".vr-life-next\");\n const lifeCounter = root.querySelector(\".vr-life-counter\");\n const lifeProgress = root.querySelector(\".vr-life-progress\");\n const lifeProgressBar = lifeProgress?.querySelector(\"span\");\n let lifeIndex = 0;\n let lifePointerStartX = null;\n let lifePointerStartY = null;\n let lifeResizeFrame = null;\n\n const updateLifeCarousel = (requestedIndex, immediate = false) =\u003e {\n if (!lifeTrack || !lifeCards.length) return;\n\n lifeIndex = Math.min(\n Math.max(requestedIndex, 0),\n lifeCards.length - 1\n );\n\n if (immediate || reduceMotionQuery.matches) {\n lifeTrack.style.transition = \"none\";\n }\n\n const slideOffset = Math.max(lifeCards[lifeIndex].offsetLeft, 0);\n lifeTrack.style.transform = `translate3d(-${slideOffset}px, 0, 0)`;\n\n lifeCards.forEach((card, index) =\u003e {\n const isActive = index === lifeIndex;\n card.setAttribute(\"aria-hidden\", String(!isActive));\n card.setAttribute(\"aria-label\", `${index + 1} de ${lifeCards.length}`);\n });\n\n const currentNumber = lifeIndex + 1;\n if (lifeCounter) {\n lifeCounter.textContent = `${String(currentNumber).padStart(2, \"0\")} \/ ${String(\n lifeCards.length\n ).padStart(2, \"0\")}`;\n }\n if (lifeProgressBar) {\n lifeProgressBar.style.width = `${\n (currentNumber \/ lifeCards.length) * 100\n }%`;\n }\n if (lifeProgress) {\n lifeProgress.setAttribute(\"aria-valuemax\", String(lifeCards.length));\n lifeProgress.setAttribute(\"aria-valuenow\", String(currentNumber));\n }\n if (lifePreviousButton) {\n lifePreviousButton.disabled = lifeIndex === 0;\n }\n if (lifeNextButton) {\n lifeNextButton.disabled = lifeIndex === lifeCards.length - 1;\n }\n\n if (immediate || reduceMotionQuery.matches) {\n lifeTrack.getBoundingClientRect();\n lifeTrack.style.transition = \"\";\n }\n };\n\n lifePreviousButton?.addEventListener(\"click\", () =\u003e\n updateLifeCarousel(lifeIndex - 1)\n );\n lifeNextButton?.addEventListener(\"click\", () =\u003e\n updateLifeCarousel(lifeIndex + 1)\n );\n\n lifeViewport?.addEventListener(\"keydown\", (event) =\u003e {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n updateLifeCarousel(lifeIndex - 1);\n }\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n updateLifeCarousel(lifeIndex + 1);\n }\n });\n\n lifeViewport?.addEventListener(\"pointerdown\", (event) =\u003e {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n lifePointerStartX = event.clientX;\n lifePointerStartY = event.clientY;\n lifeViewport.setPointerCapture?.(event.pointerId);\n });\n\n lifeViewport?.addEventListener(\"pointerup\", (event) =\u003e {\n if (lifePointerStartX === null || lifePointerStartY === null) return;\n\n const distanceX = event.clientX - lifePointerStartX;\n const distanceY = event.clientY - lifePointerStartY;\n lifePointerStartX = null;\n lifePointerStartY = null;\n\n if (lifeViewport.hasPointerCapture?.(event.pointerId)) {\n lifeViewport.releasePointerCapture(event.pointerId);\n }\n\n if (\n Math.abs(distanceX) \u003c 38 ||\n Math.abs(distanceX) \u003c= Math.abs(distanceY) * 1.15\n ) {\n return;\n }\n\n updateLifeCarousel(lifeIndex + (distanceX \u003c 0 ? 1 : -1));\n });\n\n lifeViewport?.addEventListener(\"pointercancel\", () =\u003e {\n lifePointerStartX = null;\n lifePointerStartY = null;\n });\n\n const realignLifeCarousel = () =\u003e {\n if (lifeResizeFrame !== null) {\n window.cancelAnimationFrame(lifeResizeFrame);\n }\n lifeResizeFrame = window.requestAnimationFrame(() =\u003e {\n lifeResizeFrame = null;\n updateLifeCarousel(lifeIndex, true);\n });\n };\n\n if (lifeViewport \u0026\u0026 lifeTrack \u0026\u0026 lifeCards.length) {\n window.addEventListener(\"resize\", realignLifeCarousel, {\n passive: true,\n });\n }\n\n updateLifeCarousel(0, true);\n\n \/* Comparador Vartelli Lume. *\/\n root.querySelectorAll(\".vr-compare\").forEach((compare) =\u003e {\n const range = compare.querySelector(\".vr-compare-range\");\n if (!range) return;\n\n const updateComparison = () =\u003e {\n compare.style.setProperty(\"--vr-lume-position\", `${range.value}%`);\n range.setAttribute(\"aria-valuenow\", range.value);\n };\n\n range.addEventListener(\"input\", updateComparison);\n range.addEventListener(\"change\", updateComparison);\n updateComparison();\n });\n\n \/* Entrada suave das seções; o conteúdo continua visível sem suporte. *\/\n const animatedItems = Array.from(root.querySelectorAll(\".vr-animate\"));\n\n if (\"IntersectionObserver\" in window \u0026\u0026 animatedItems.length) {\n const observer = new IntersectionObserver(\n (entries) =\u003e {\n entries.forEach((entry) =\u003e {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n observer.unobserve(entry.target);\n });\n },\n { threshold: 0.08, rootMargin: \"0px 0px -24px\" }\n );\n\n root.classList.add(\"vr-js-ready\");\n animatedItems.forEach((item) =\u003e observer.observe(item));\n } else {\n animatedItems.forEach((item) =\u003e item.classList.add(\"is-visible\"));\n }\n };\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initVartelliInfinity, {\n once: true,\n });\n } else {\n initVartelliInfinity();\n }\n })();\n\u003c\/script\u003e","brand":"VARTELLI","offers":[{"title":"Prata Royal","offer_id":54142853153078,"sku":"14:201447598#M270-6","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":54142853284150,"sku":"14:29#M270-4","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":54142853251382,"sku":"14:175#M270-5","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Carbono","offer_id":54143207080246,"sku":"14:200005100#M270-8","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":54142853022006,"sku":"14:200005100#M270-1","price":357.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/relogio-vartelli-infinity-royal-prata-azul-destaque.png?v=1785841864"},{"product_id":"relogio-vartelli-infinity-royal-copia-1","title":"Relógio Masculino Vartelli Infinity Dourado","description":"\u003cstyle\u003e\n \/* =========================================================\n VARTELLI · INFINITY ROYAL\n Bloco otimizado para página de produto Shopify\n Mobile first · leve · acessível · orientado à conversão\n ========================================================= *\/\n\n #vartelli-infinity-royal-premium,\n #vartelli-infinity-royal-clean,\n #vartelli-infinity-royal-final,\n #vartelli-infinity-royal-final-v2,\n #vartelli-infinity-royal-final-v3,\n #vartelli-infinity-royal-final-v4 {\n display: none !important;\n }\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #0b0b0b;\n --vr-muted: #5f6368;\n --vr-navy: #0c1824;\n --vr-metal: #9a7b50;\n --vr-soft: #f5f5f3;\n --vr-paper: #ffffff;\n --vr-line: rgba(12, 24, 36, 0.11);\n --vr-shadow: 0 18px 48px rgba(12, 24, 36, 0.08);\n --vr-radius: 22px;\n --vr-ease: cubic-bezier(0.22, 1, 0.36, 1);\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n padding: 0 12px;\n container-name: vartelli-copy;\n container-type: inline-size;\n overflow: hidden;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif\n );\n line-height: 1.55;\n box-sizing: border-box;\n }\n\n .vartelli-copy-host {\n width: 100%;\n min-width: 0;\n clear: both;\n }\n\n .product__description.vr-description-relocated {\n min-height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n box-sizing: border-box;\n }\n\n #vartelli-infinity-royal-ultimate img {\n display: block;\n width: 100%;\n max-width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate button {\n font: inherit;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 34px 0;\n border-bottom: 1px solid var(--vr-line);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 9px;\n color: #765d3b;\n font-size: 10px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.75px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n content: \"\";\n width: 20px;\n height: 1px;\n flex: 0 0 20px;\n background: currentColor;\n opacity: 0.75;\n }\n\n #vartelli-infinity-royal-ultimate h2,\n #vartelli-infinity-royal-ultimate h3,\n #vartelli-infinity-royal-ultimate p {\n text-transform: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title,\n #vartelli-infinity-royal-ultimate .vr-final-title {\n margin: 0;\n color: var(--vr-ink);\n font-weight: 650;\n letter-spacing: -0.035em;\n text-wrap: balance;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 650px;\n font-size: clamp(31px, 9.2vw, 42px);\n line-height: 1.02;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 700px;\n font-size: clamp(25px, 7.2vw, 32px);\n line-height: 1.07;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin: 0;\n color: var(--vr-muted);\n font-size: 14.2px;\n line-height: 1.62;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 650px;\n margin-top: 9px;\n }\n\n \/* HERO *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n display: grid;\n gap: 23px;\n padding-top: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-copy {\n min-width: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 610px;\n margin-top: 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n position: relative;\n overflow: hidden;\n border-radius: var(--vr-radius);\n background: var(--vr-soft);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 55% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(330px, 103vw, 445px);\n object-fit: cover;\n object-position: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n position: absolute;\n right: 12px;\n bottom: 12px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 999px;\n background: rgba(9, 9, 9, 0.68);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.75px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.15);\n }\n\n \/* CARROSSEL DE DETALHES *\/\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n overflow: hidden;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background: var(--vr-paper);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n display: grid;\n position: relative;\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n grid-area: 1 \/ 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateX(18px);\n transition:\n opacity 0.35s ease,\n transform 0.48s var(--vr-ease),\n visibility 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage.is-back .vr-detail-panel {\n transform: translateX(-18px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: clamp(255px, 72vw, 340px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 17px 16px 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin: 0 0 5px;\n color: #765d3b;\n font-size: 9.5px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.45px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 21px;\n line-height: 1.09;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin-top: 7px;\n font-size: 13.2px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 5px 8px;\n border: 1px solid rgba(154, 123, 80, 0.18);\n border-radius: 999px;\n background: rgba(154, 123, 80, 0.07);\n color: #54442f;\n font-size: 10.4px;\n line-height: 1.2;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 0 16px 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 37px;\n height: 37px;\n flex: 0 0 37px;\n display: grid;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 50%;\n background: #fff;\n color: var(--vr-navy);\n font-size: 20px;\n line-height: 1;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s ease,\n color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:active {\n transform: scale(0.94);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible,\n #vartelli-infinity-royal-ultimate .vr-buy-button:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n min-width: 0;\n flex: 1;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n display: block;\n margin-bottom: 2px;\n color: var(--vr-ink);\n font-size: 10.4px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.35px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n display: block;\n color: #7a7f84;\n font-size: 10.2px;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 2px;\n margin: 0 16px 17px;\n overflow: hidden;\n border-radius: 999px;\n background: #eae8e4;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n display: block;\n width: 20%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, #765d3b, #c1a375);\n transition: width 0.4s var(--vr-ease);\n }\n\n \/* BENEFÍCIOS EM USO · HORIZONTAL NO CELULAR *\/\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n gap: 11px;\n overflow-x: auto;\n padding-bottom: 4px;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track::-webkit-scrollbar {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex: 0 0 84%;\n overflow: hidden;\n scroll-snap-align: start;\n border: 1px solid var(--vr-line);\n border-radius: 18px;\n background: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: clamp(225px, 64vw, 295px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n padding: 17px 15px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: 21px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n margin-top: 7px;\n font-size: 13.1px;\n line-height: 1.5;\n }\n\n \/* MOVIMENTO AUTOMÁTICO · BLOCO DE DESTAQUE *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n overflow: hidden;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(193, 163, 117, 0.2),\n transparent 37%\n ),\n var(--vr-navy);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media {\n position: relative;\n overflow: hidden;\n background: #09131d;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media::after {\n content: \"\";\n position: absolute;\n inset: 58% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(4, 9, 14, 0.48));\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: clamp(275px, 77vw, 370px);\n object-fit: cover;\n object-position: center;\n transition: transform 0.85s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n position: absolute;\n left: 13px;\n bottom: 13px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 11px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 999px;\n background: rgba(7, 14, 21, 0.7);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.14);\n animation: vrMechanismPulse 2.2s ease-in-out infinite;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 25px 20px 27px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-section-title {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 610px;\n margin: 11px 0 0;\n color: #cbd3da;\n font-size: 13.8px;\n line-height: 1.6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n position: relative;\n padding: 7px 10px 7px 24px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.06);\n color: #f1f3f5;\n font-size: 10.5px;\n font-weight: 600;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: #d8b881;\n font-weight: 850;\n }\n\n \/* VARTELLI LUME · COMPARADOR ANTES E DEPOIS *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #356d42;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-figure {\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n --vr-lume-position: 50%;\n position: relative;\n isolation: isolate;\n width: 100%;\n height: clamp(285px, 78vw, 390px);\n overflow: hidden;\n border: 1px solid rgba(12, 24, 36, 0.12);\n border-radius: var(--vr-radius);\n background: #061009;\n box-shadow: var(--vr-shadow);\n touch-action: pan-y;\n user-select: none;\n -webkit-user-select: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer {\n position: absolute;\n inset: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-after {\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-before {\n z-index: 2;\n clip-path: inset(0 calc(100% - var(--vr-lume-position)) 0 0);\n will-change: clip-path;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n position: absolute;\n top: 12px;\n z-index: 4;\n padding: 7px 9px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 999px;\n background: rgba(6, 10, 8, 0.66);\n color: #fff;\n font-size: 8.8px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-range {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n inset: 0;\n z-index: 8;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: ew-resize;\n touch-action: pan-y;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n position: absolute;\n top: 0;\n bottom: 0;\n left: var(--vr-lume-position);\n z-index: 5;\n width: 2px;\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 0 18px rgba(0, 0, 0, 0.28);\n transform: translateX(-50%);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n content: \"↔\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255, 255, 255, 0.55);\n border-radius: 50%;\n background: #fff;\n color: #07100a;\n font-size: 17px;\n font-weight: 750;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n transform: translate(-50%, -50%);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-compare-range:focus-visible\n + .vr-compare-divider::after {\n outline: 3px solid #77c98a;\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 12px;\n color: #6d7479;\n font-size: 11.2px;\n line-height: 1.4;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n content: \"\";\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #72d68b;\n box-shadow: 0 0 0 4px rgba(114, 214, 139, 0.12);\n }\n\n @keyframes vrMechanismPulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.65;\n transform: scale(0.74);\n }\n }\n\n \/* SEGURANÇA E SUPORTE · ENCERRAMENTO *\/\n #vartelli-infinity-royal-ultimate .vr-final {\n position: relative;\n overflow: hidden;\n padding: 29px 20px;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 92% 4%,\n rgba(193, 163, 117, 0.22),\n transparent 34%\n ),\n var(--vr-navy);\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final::after {\n content: \"V\";\n position: absolute;\n right: -10px;\n bottom: -56px;\n color: rgba(255, 255, 255, 0.035);\n font-family: Georgia, serif;\n font-size: 210px;\n line-height: 1;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final \u003e * {\n position: relative;\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n max-width: 620px;\n color: #fff;\n font-size: clamp(26px, 7.5vw, 34px);\n line-height: 1.06;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n max-width: 620px;\n margin: 10px 0 0;\n color: #d6dce1;\n font-size: 13.8px;\n line-height: 1.58;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n display: grid;\n gap: 9px;\n margin-top: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item {\n min-width: 0;\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n gap: 10px;\n align-items: start;\n padding: 12px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 13px;\n background: rgba(255, 255, 255, 0.055);\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-icon {\n width: 28px;\n height: 28px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: rgba(209, 184, 136, 0.16);\n color: #d1b888;\n font-size: 13px;\n font-weight: 800;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong,\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n display: block;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong {\n color: #ffffff;\n font-size: 11.7px;\n line-height: 1.35;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n margin-top: 3px;\n color: #b8c2ca;\n font-size: 10.6px;\n line-height: 1.45;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-action {\n margin-top: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n min-height: 51px;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n padding: 12px 13px 12px 18px;\n border: 1px solid #fff;\n border-radius: 999px;\n background: #fff;\n color: var(--vr-navy);\n font-size: 12.8px;\n font-weight: 800;\n cursor: pointer;\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button:active {\n transform: scale(0.985);\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-icon {\n width: 29px;\n height: 29px;\n flex: 0 0 29px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--vr-navy);\n color: #fff;\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n margin: 9px 0 0;\n color: #9eabb6;\n font-size: 10.3px;\n line-height: 1.4;\n text-align: center;\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n \/* ANIMAÇÃO SUAVE, SEM ATRASAR A LEITURA *\/\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.58s ease,\n transform 0.68s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate.is-visible {\n opacity: 1;\n transform: none;\n }\n\n @container vartelli-copy (min-width: 600px) {\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex-basis: 48%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n width: auto;\n min-width: 285px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n width: 285px;\n }\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 60px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: clamp(44px, 5.1vw, 62px);\n line-height: 0.99;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(34px, 3.6vw, 43px);\n line-height: 1.03;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n align-items: center;\n gap: clamp(38px, 5vw, 68px);\n padding-top: 52px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(500px, 52vw, 650px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n max-width: 840px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: min(49vw, 500px);\n aspect-ratio: 16 \/ 10;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 24px 27px 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 670px;\n font-size: 14.3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n padding: 0 27px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 0 27px 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: 100%;\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 4.4vw, 56px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.025);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-section-head {\n max-width: 760px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(52vw, 560px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n top: 16px;\n padding: 8px 11px;\n font-size: 9.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 46px;\n height: 46px;\n font-size: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n margin-top: 14px;\n font-size: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n min-width: 0;\n transition:\n transform 0.35s var(--vr-ease),\n box-shadow 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: 310px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mobile-life-hint {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final {\n padding: 48px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n font-size: 42px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n font-size: 15px;\n }\n }\n\n @media (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 20px;\n padding-left: 20px;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n font-size: 9.7px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vartelli-infinity-royal-ultimate\"\u003e\n \u003csection class=\"vr-section vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-copy vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVartelli · Infinity Royal\u003c\/p\u003e\n \u003ch2 class=\"vr-title\"\u003eEngenharia à vista. Presença no pulso.\u003c\/h2\u003e\n \u003cp class=\"vr-subtitle\"\u003e\n O mostrador skeleton revela o movimento automático. A caixa octogonal\n de 40 mm e o aço integrado completam um design marcante, sem excessos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-hero-media vr-animate\"\u003e\n \u003cimg class=\"vr-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/4-elementor-io-optimized_7cff5f64-3b18-4593-82f7-8c2b1bee54a5.webp?v=1784061458\" alt=\"Homem usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-hero-badge\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"vr-hero-dot\"\u003e\u003c\/span\u003e\n Construção aberta\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-details\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eConheça cada detalhe\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eO que diferencia o Infinity Royal.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-card vr-animate\"\u003e\n \u003cdiv class=\"vr-detail-stage\" tabindex=\"0\" role=\"region\" aria-label=\"Galeria de detalhes do relógio\"\u003e\n \u003carticle class=\"vr-detail-panel is-active\" aria-hidden=\"false\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_62.webp?v=1782046265\" alt=\"Mostrador skeleton do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e01 · Mostrador\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eO mecanismo faz parte do design.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A abertura cria profundidade e permite acompanhar o calibre em ação.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eSkeleton\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eProfundidade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/ChatGPT-Image-21-de-jun.-de-2026_-10_16_00.webp?v=1782047896\" alt=\"Relógio automático Vartelli Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e02 · No pulso\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003ePresença bem proporcionada.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A caixa de 40 mm equilibra impacto visual, conforto e firmeza no\n pulso.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eConforto\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEquilíbrio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_63.webp?v=1782046264\" alt=\"Acabamento e vidro do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e03 · Acabamento\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eBrilho na medida certa.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O aço combina reflexos discretos e linhas definidas, valorizando\n a geometria da peça.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eAço\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003ePrecisão\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_60.webp?v=1782003497\" alt=\"Caixa octogonal de 40 milímetros do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e04 · Caixa\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eGeometria que foge do óbvio.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O formato octogonal rompe com o tradicional e muda a leitura do\n relógio de frente ou de perfil.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eOctogonal\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eAssinatura\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_61.webp?v=1782046263\" alt=\"Pulseira integrada em aço do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e05 · Pulseira\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eIntegração de ponta a ponta.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A pulseira acompanha as linhas da caixa e forma um conjunto\n coeso, firme e fácil de combinar.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eVersatilidade\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEncaixe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-controls\"\u003e\n \u003cbutton class=\"vr-arrow vr-prev\" type=\"button\" aria-label=\"Ver detalhe anterior\"\u003e\n ‹\n \u003c\/button\u003e\n \u003cdiv class=\"vr-control-copy\"\u003e\n \u003cspan class=\"vr-counter\" aria-live=\"polite\"\u003e01 \/ 05\u003c\/span\u003e\n \u003cspan class=\"vr-control-hint\"\u003eDeslize ou use as setas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vr-arrow vr-next\" type=\"button\" aria-label=\"Ver próximo detalhe\"\u003e\n ›\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-progress\" role=\"progressbar\" aria-label=\"Progresso da galeria\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003carticle class=\"vr-mechanism vr-animate\"\u003e\n \u003cdiv class=\"vr-mechanism-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/image-_49.webp?v=1782049873\" alt=\"Detalhe do mecanismo do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cspan class=\"vr-mechanism-badge\"\u003eCalibre automático\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-mechanism-copy\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eMovimento mecânico\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eAutomático. Sem depender de bateria.\u003c\/h2\u003e\n \u003cp class=\"vr-mechanism-text\"\u003e\n O rotor aproveita os movimentos naturais do braço para dar corda ao\n mecanismo. Pelo mostrador aberto, você acompanha o funcionamento em\n tempo real.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-mechanism-points\" aria-label=\"Destaques do movimento\"\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCarga automática\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCalibre visível\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eSem bateria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lume-section\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eTecnologia Vartelli Lume\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eMais visibilidade quando a luz diminui.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Os ponteiros absorvem luz e liberam um brilho suave no escuro,\n facilitando a leitura das horas em ambientes com pouca iluminação.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cfigure class=\"vr-lume-figure vr-animate\"\u003e\n \u003cdiv class=\"vr-compare\" data-vr-compare aria-label=\"Comparação do relógio na luz e no escuro\"\u003e\n \u003cdiv class=\"vr-compare-layer vr-compare-after\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_dial_with_green_lumines__202608032003.webp?v=1785798261\" alt=\"Ponteiros luminescentes do Infinity Royal brilhando no escuro\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-compare-layer vr-compare-before\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_watch_macro_shot_2K_202608032001.webp?v=1785798239\" alt=\"Mostrador do Infinity Royal sob luz ambiente\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"vr-compare-label vr-compare-label-before\"\u003e\n Antes · Luz ambiente\n \u003c\/span\u003e\n \u003cspan class=\"vr-compare-label vr-compare-label-after\"\u003e\n Depois · No escuro\n \u003c\/span\u003e\n\n \u003cinput class=\"vr-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Arraste para comparar o relógio na luz e no escuro\"\u003e\n \u003cspan class=\"vr-compare-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cfigcaption class=\"vr-lume-caption\"\u003e\n Arraste o divisor e veja a mudança.\n \u003c\/figcaption\u003e\n \u003c\/figure\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lifestyle\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVersatilidade no visual\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eUm relógio, diferentes ocasiões.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Do casual à alfaiataria, o Infinity Royal acompanha diferentes\n combinações sem perder sua identidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-life-track\" aria-label=\"Benefícios do Infinity Royal no visual\"\u003e\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/5-elementor-io-optimized_bdc9842b-d5e1-4f34-84dc-3623425cc0b1.webp?v=1784061458\" alt=\"Infinity Royal usado com camisa branca em um ambiente casual elegante\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eEleva o básico.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Com peças casuais, adiciona presença sem deixar o visual carregado.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/6-elementor-io-optimized_612b7408-5de8-4f10-8e16-6e50a03b7a0a.webp?v=1784061458\" alt=\"Close do relógio Infinity Royal sob o punho da camisa\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePresença sem exagero.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n O acabamento transita do trabalho a ocasiões especiais com\n naturalidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/7-elementor-io-optimized_dd4075b7-6395-4bce-a2f2-20f282641408.webp?v=1784061458\" alt=\"Homem exibindo o mostrador do Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eUm design que se diferencia.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Linhas angulares e mostrador aberto criam uma estética reconhecível\n de longe e interessante de perto.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-mobile-hint vr-mobile-life-hint\"\u003eDeslize para ver mais\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003cdiv class=\"vr-final vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eCompra com tranquilidade\u003c\/p\u003e\n \u003ch2 class=\"vr-final-title\"\u003e\n Você não compra apenas um relógio. Compra com suporte Vartelli.\n \u003c\/h2\u003e\n \u003cp class=\"vr-final-text\"\u003e\n Segurança e acompanhamento para você escolher com confiança.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vr-trust-grid\" role=\"list\" aria-label=\"Segurança e suporte da Vartelli\"\u003e\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003ePagamento protegido\u003c\/strong\u003e\n \u003csmall\u003eSeus dados são processados em ambiente seguro.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAcompanhamento do pedido\u003c\/strong\u003e\n \u003csmall\u003eConsulte o andamento da entrega com facilidade.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAtendimento Vartelli\u003c\/strong\u003e\n \u003csmall\u003eSuporte antes e depois da sua compra.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-final-action\"\u003e\n \u003cbutton class=\"vr-buy-button\" type=\"button\"\u003e\n \u003cspan\u003eEscolher minha cor\u003c\/span\u003e\n \u003cspan class=\"vr-buy-icon\" aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function () {\n \"use strict\";\n\n function formatCounter(index, total) {\n return (\n String(index + 1).padStart(2, \"0\") +\n \" \/ \" +\n String(total).padStart(2, \"0\")\n );\n }\n\n function initSlider(root) {\n var stage = root.querySelector(\".vr-detail-stage\");\n var panels = stage\n ? Array.prototype.slice.call(stage.querySelectorAll(\".vr-detail-panel\"))\n : [];\n var previous = root.querySelector(\".vr-prev\");\n var next = root.querySelector(\".vr-next\");\n var counter = root.querySelector(\".vr-counter\");\n var progress = root.querySelector(\".vr-progress\");\n var progressBar = progress ? progress.querySelector(\"span\") : null;\n\n if (!stage || !panels.length || !previous || !next) return;\n if (stage.dataset.sliderReady === \"true\") return;\n stage.dataset.sliderReady = \"true\";\n\n var index = 0;\n var startX = null;\n var startY = null;\n var pointerId = null;\n var directionTimer = null;\n\n function show(newIndex, direction) {\n index = (newIndex + panels.length) % panels.length;\n\n if (directionTimer) window.clearTimeout(directionTimer);\n stage.classList.toggle(\"is-back\", direction \u003c 0);\n\n panels.forEach(function (panel, panelIndex) {\n var active = panelIndex === index;\n panel.classList.toggle(\"is-active\", active);\n panel.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n\n if (counter) counter.textContent = formatCounter(index, panels.length);\n\n if (progress) {\n progress.setAttribute(\"aria-valuenow\", String(index + 1));\n }\n\n if (progressBar) {\n progressBar.style.width = ((index + 1) \/ panels.length) * 100 + \"%\";\n }\n\n directionTimer = window.setTimeout(function () {\n stage.classList.remove(\"is-back\");\n }, 500);\n }\n\n function goPrevious(event) {\n if (event) event.preventDefault();\n show(index - 1, -1);\n }\n\n function goNext(event) {\n if (event) event.preventDefault();\n show(index + 1, 1);\n }\n\n previous.addEventListener(\"click\", goPrevious);\n next.addEventListener(\"click\", goNext);\n\n stage.addEventListener(\"keydown\", function (event) {\n if (event.key === \"ArrowLeft\") goPrevious(event);\n if (event.key === \"ArrowRight\") goNext(event);\n });\n\n stage.addEventListener(\n \"pointerdown\",\n function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n pointerId = event.pointerId;\n startX = event.clientX;\n startY = event.clientY;\n },\n { passive: true },\n );\n\n stage.addEventListener(\n \"pointerup\",\n function (event) {\n if (startX === null || startY === null) return;\n if (pointerId !== null \u0026\u0026 pointerId !== event.pointerId) return;\n\n var distanceX = startX - event.clientX;\n var distanceY = startY - event.clientY;\n\n startX = null;\n startY = null;\n pointerId = null;\n\n if (\n Math.abs(distanceX) \u003e= 38 \u0026\u0026\n Math.abs(distanceX) \u003e Math.abs(distanceY) * 1.15\n ) {\n if (distanceX \u003e 0) goNext(event);\n else goPrevious(event);\n }\n },\n { passive: false },\n );\n\n stage.addEventListener(\"pointercancel\", function () {\n startX = null;\n startY = null;\n pointerId = null;\n });\n\n stage.querySelectorAll(\"img\").forEach(function (image) {\n image.addEventListener(\"dragstart\", function (event) {\n event.preventDefault();\n });\n });\n\n show(0, 0);\n }\n\n function initReveal(root) {\n var targets = root.querySelectorAll(\".vr-animate\");\n var reducedMotion =\n window.matchMedia \u0026\u0026\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n root.classList.add(\"vr-js-ready\");\n\n if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n targets.forEach(function (target) {\n target.classList.add(\"is-visible\");\n });\n return;\n }\n\n var observer = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n observer.unobserve(entry.target);\n });\n },\n {\n threshold: 0.08,\n rootMargin: \"0px 0px -6% 0px\",\n },\n );\n\n targets.forEach(function (target) {\n observer.observe(target);\n });\n }\n\n function initComparison(root) {\n var comparisons = root.querySelectorAll(\"[data-vr-compare]\");\n\n comparisons.forEach(function (comparison) {\n var range = comparison.querySelector(\".vr-compare-range\");\n\n if (!range || comparison.dataset.compareReady === \"true\") return;\n comparison.dataset.compareReady = \"true\";\n var dragging = false;\n var activePointerId = null;\n\n function update() {\n comparison.style.setProperty(\"--vr-lume-position\", range.value + \"%\");\n }\n\n function updateFromPointer(event) {\n var bounds = comparison.getBoundingClientRect();\n if (!bounds.width) return;\n\n var value = ((event.clientX - bounds.left) \/ bounds.width) * 100;\n value = Math.max(0, Math.min(100, value));\n range.value = String(Math.round(value));\n update();\n }\n\n comparison.addEventListener(\"pointerdown\", function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n\n dragging = true;\n activePointerId = event.pointerId;\n updateFromPointer(event);\n\n if (comparison.setPointerCapture) {\n comparison.setPointerCapture(event.pointerId);\n }\n });\n\n comparison.addEventListener(\"pointermove\", function (event) {\n if (!dragging || event.pointerId !== activePointerId) return;\n updateFromPointer(event);\n });\n\n function stopDragging(event) {\n if (\n activePointerId !== null \u0026\u0026\n event.pointerId !== undefined \u0026\u0026\n event.pointerId !== activePointerId\n ) {\n return;\n }\n\n dragging = false;\n activePointerId = null;\n }\n\n comparison.addEventListener(\"pointerup\", stopDragging);\n comparison.addEventListener(\"pointercancel\", stopDragging);\n comparison.addEventListener(\"lostpointercapture\", stopDragging);\n\n range.addEventListener(\"input\", update);\n range.addEventListener(\"change\", update);\n update();\n });\n }\n\n function initBuyButton(root) {\n var button = root.querySelector(\".vr-buy-button\");\n if (!button || button.dataset.buyReady === \"true\") return;\n button.dataset.buyReady = \"true\";\n\n button.addEventListener(\"click\", function () {\n var target =\n document.querySelector(\".product-form__submit\") ||\n document.querySelector('button[name=\"add\"]') ||\n document.querySelector('form[action*=\"\/cart\/add\"]') ||\n document.querySelector(\"[data-product-form]\");\n\n if (!target) {\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n return;\n }\n\n var destination =\n target.closest(\".product__info-container\") ||\n target.closest(\".product\") ||\n target;\n\n destination.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n window.setTimeout(function () {\n if (target.focus) target.focus({ preventScroll: true });\n }, 650);\n });\n }\n\n function mountFullWidth(root) {\n if (!root || root.closest(\".vartelli-copy-host\")) return root;\n\n var productInfo = root.closest(\".product__info-container\");\n var productSection = root.closest(\".shopify-section\");\n\n if (!productInfo || !productSection || !productSection.parentNode) {\n return root;\n }\n\n var description = root.closest(\".product__description\");\n var host = document.querySelector(\n '.vartelli-copy-host[data-vr-copy-host=\"infinity-royal\"]',\n );\n\n if (!host) {\n host = document.createElement(\"div\");\n host.className = \"vartelli-copy-host\";\n host.setAttribute(\"data-vr-copy-host\", \"infinity-royal\");\n }\n\n var previousRoot = host.querySelector(\n \"#vartelli-infinity-royal-ultimate\",\n );\n\n if (previousRoot \u0026\u0026 previousRoot !== root) {\n previousRoot.remove();\n }\n\n if (host.previousElementSibling !== productSection) {\n productSection.insertAdjacentElement(\"afterend\", host);\n }\n\n host.appendChild(root);\n\n if (description) {\n description.classList.add(\"vr-description-relocated\");\n }\n\n return root;\n }\n\n function init(scope) {\n var root =\n scope \u0026\u0026\n scope.matches \u0026\u0026\n scope.matches(\"#vartelli-infinity-royal-ultimate\")\n ? scope\n : scope \u0026\u0026 scope.querySelector\n ? scope.querySelector(\"#vartelli-infinity-royal-ultimate\")\n : document.querySelector(\"#vartelli-infinity-royal-ultimate\");\n\n if (!root) return;\n\n root = mountFullWidth(root);\n\n if (root.dataset.vartelliReady === \"true\") return;\n root.dataset.vartelliReady = \"true\";\n\n initSlider(root);\n initComparison(root);\n initReveal(root);\n initBuyButton(root);\n }\n\n function start() {\n init(document);\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n } else {\n start();\n }\n\n if (!window.__vartelliInfinityRoyalSectionEvents) {\n window.__vartelliInfinityRoyalSectionEvents = true;\n document.addEventListener(\"shopify:section:load\", function (event) {\n init(event.target || document);\n });\n document.addEventListener(\"shopify:section:select\", function (event) {\n init(event.target || document);\n });\n }\n })();\n\u003c\/script\u003e\n","brand":"VARTELLI","offers":[{"title":"Dourado","offer_id":54142879433014,"sku":"14:200005100#M270-1","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Royal","offer_id":54142879465782,"sku":"14:201447598#M270-6","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":54142879498550,"sku":"14:175#M270-5","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":54142879531318,"sku":"14:29#M270-4","price":357.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/S74e82fcc2a4349d897cdd601d3bb8c7c5_529c6af4-4dc3-46ff-a21f-f129e88178ce.webp?v=1782151474"},{"product_id":"relogio-vartelli-infinity-preto","title":"Relógio Masculino Vartelli Infinity Preto","description":"\u003cstyle\u003e\n \/* =========================================================\n VARTELLI · INFINITY ROYAL\n Bloco otimizado para página de produto Shopify\n Mobile first · leve · acessível · orientado à conversão\n ========================================================= *\/\n\n #vartelli-infinity-royal-premium,\n #vartelli-infinity-royal-clean,\n #vartelli-infinity-royal-final,\n #vartelli-infinity-royal-final-v2,\n #vartelli-infinity-royal-final-v3,\n #vartelli-infinity-royal-final-v4 {\n display: none !important;\n }\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #0b0b0b;\n --vr-muted: #5f6368;\n --vr-navy: #0c1824;\n --vr-metal: #9a7b50;\n --vr-soft: #f5f5f3;\n --vr-paper: #ffffff;\n --vr-line: rgba(12, 24, 36, 0.11);\n --vr-shadow: 0 18px 48px rgba(12, 24, 36, 0.08);\n --vr-radius: 22px;\n --vr-ease: cubic-bezier(0.22, 1, 0.36, 1);\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n padding: 0 12px;\n container-name: vartelli-copy;\n container-type: inline-size;\n overflow: hidden;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif\n );\n line-height: 1.55;\n box-sizing: border-box;\n }\n\n .vartelli-copy-host {\n width: 100%;\n min-width: 0;\n clear: both;\n }\n\n .product__description.vr-description-relocated {\n min-height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n box-sizing: border-box;\n }\n\n #vartelli-infinity-royal-ultimate img {\n display: block;\n width: 100%;\n max-width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate button {\n font: inherit;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 34px 0;\n border-bottom: 1px solid var(--vr-line);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 9px;\n color: #765d3b;\n font-size: 10px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.75px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n content: \"\";\n width: 20px;\n height: 1px;\n flex: 0 0 20px;\n background: currentColor;\n opacity: 0.75;\n }\n\n #vartelli-infinity-royal-ultimate h2,\n #vartelli-infinity-royal-ultimate h3,\n #vartelli-infinity-royal-ultimate p {\n text-transform: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title,\n #vartelli-infinity-royal-ultimate .vr-final-title {\n margin: 0;\n color: var(--vr-ink);\n font-weight: 650;\n letter-spacing: -0.035em;\n text-wrap: balance;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 650px;\n font-size: clamp(31px, 9.2vw, 42px);\n line-height: 1.02;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 700px;\n font-size: clamp(25px, 7.2vw, 32px);\n line-height: 1.07;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin: 0;\n color: var(--vr-muted);\n font-size: 14.2px;\n line-height: 1.62;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 650px;\n margin-top: 9px;\n }\n\n \/* HERO *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n display: grid;\n gap: 23px;\n padding-top: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-copy {\n min-width: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 610px;\n margin-top: 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n position: relative;\n overflow: hidden;\n border-radius: var(--vr-radius);\n background: var(--vr-soft);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 55% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(330px, 103vw, 445px);\n object-fit: cover;\n object-position: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n position: absolute;\n right: 12px;\n bottom: 12px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 999px;\n background: rgba(9, 9, 9, 0.68);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.75px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.15);\n }\n\n \/* CARROSSEL DE DETALHES *\/\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n overflow: hidden;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background: var(--vr-paper);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n display: grid;\n position: relative;\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n grid-area: 1 \/ 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateX(18px);\n transition:\n opacity 0.35s ease,\n transform 0.48s var(--vr-ease),\n visibility 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage.is-back .vr-detail-panel {\n transform: translateX(-18px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: clamp(255px, 72vw, 340px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 17px 16px 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin: 0 0 5px;\n color: #765d3b;\n font-size: 9.5px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.45px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 21px;\n line-height: 1.09;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin-top: 7px;\n font-size: 13.2px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 5px 8px;\n border: 1px solid rgba(154, 123, 80, 0.18);\n border-radius: 999px;\n background: rgba(154, 123, 80, 0.07);\n color: #54442f;\n font-size: 10.4px;\n line-height: 1.2;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 0 16px 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 37px;\n height: 37px;\n flex: 0 0 37px;\n display: grid;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 50%;\n background: #fff;\n color: var(--vr-navy);\n font-size: 20px;\n line-height: 1;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s ease,\n color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:active {\n transform: scale(0.94);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible,\n #vartelli-infinity-royal-ultimate .vr-buy-button:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n min-width: 0;\n flex: 1;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n display: block;\n margin-bottom: 2px;\n color: var(--vr-ink);\n font-size: 10.4px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.35px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n display: block;\n color: #7a7f84;\n font-size: 10.2px;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 2px;\n margin: 0 16px 17px;\n overflow: hidden;\n border-radius: 999px;\n background: #eae8e4;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n display: block;\n width: 20%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, #765d3b, #c1a375);\n transition: width 0.4s var(--vr-ease);\n }\n\n \/* BENEFÍCIOS EM USO · HORIZONTAL NO CELULAR *\/\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n gap: 11px;\n overflow-x: auto;\n padding-bottom: 4px;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track::-webkit-scrollbar {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex: 0 0 84%;\n overflow: hidden;\n scroll-snap-align: start;\n border: 1px solid var(--vr-line);\n border-radius: 18px;\n background: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: clamp(225px, 64vw, 295px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n padding: 17px 15px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: 21px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n margin-top: 7px;\n font-size: 13.1px;\n line-height: 1.5;\n }\n\n \/* MOVIMENTO AUTOMÁTICO · BLOCO DE DESTAQUE *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n overflow: hidden;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(193, 163, 117, 0.2),\n transparent 37%\n ),\n var(--vr-navy);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media {\n position: relative;\n overflow: hidden;\n background: #09131d;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media::after {\n content: \"\";\n position: absolute;\n inset: 58% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(4, 9, 14, 0.48));\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: clamp(275px, 77vw, 370px);\n object-fit: cover;\n object-position: center;\n transition: transform 0.85s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n position: absolute;\n left: 13px;\n bottom: 13px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 11px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 999px;\n background: rgba(7, 14, 21, 0.7);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.14);\n animation: vrMechanismPulse 2.2s ease-in-out infinite;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 25px 20px 27px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-section-title {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 610px;\n margin: 11px 0 0;\n color: #cbd3da;\n font-size: 13.8px;\n line-height: 1.6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n position: relative;\n padding: 7px 10px 7px 24px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.06);\n color: #f1f3f5;\n font-size: 10.5px;\n font-weight: 600;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: #d8b881;\n font-weight: 850;\n }\n\n \/* VARTELLI LUME · COMPARADOR ANTES E DEPOIS *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #356d42;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-figure {\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n --vr-lume-position: 50%;\n position: relative;\n isolation: isolate;\n width: 100%;\n height: clamp(285px, 78vw, 390px);\n overflow: hidden;\n border: 1px solid rgba(12, 24, 36, 0.12);\n border-radius: var(--vr-radius);\n background: #061009;\n box-shadow: var(--vr-shadow);\n touch-action: pan-y;\n user-select: none;\n -webkit-user-select: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer {\n position: absolute;\n inset: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-after {\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-before {\n z-index: 2;\n clip-path: inset(0 calc(100% - var(--vr-lume-position)) 0 0);\n will-change: clip-path;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n position: absolute;\n top: 12px;\n z-index: 4;\n padding: 7px 9px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 999px;\n background: rgba(6, 10, 8, 0.66);\n color: #fff;\n font-size: 8.8px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-range {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n inset: 0;\n z-index: 8;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: ew-resize;\n touch-action: pan-y;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n position: absolute;\n top: 0;\n bottom: 0;\n left: var(--vr-lume-position);\n z-index: 5;\n width: 2px;\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 0 18px rgba(0, 0, 0, 0.28);\n transform: translateX(-50%);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n content: \"↔\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255, 255, 255, 0.55);\n border-radius: 50%;\n background: #fff;\n color: #07100a;\n font-size: 17px;\n font-weight: 750;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n transform: translate(-50%, -50%);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-compare-range:focus-visible\n + .vr-compare-divider::after {\n outline: 3px solid #77c98a;\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 12px;\n color: #6d7479;\n font-size: 11.2px;\n line-height: 1.4;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n content: \"\";\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #72d68b;\n box-shadow: 0 0 0 4px rgba(114, 214, 139, 0.12);\n }\n\n @keyframes vrMechanismPulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.65;\n transform: scale(0.74);\n }\n }\n\n \/* SEGURANÇA E SUPORTE · ENCERRAMENTO *\/\n #vartelli-infinity-royal-ultimate .vr-final {\n position: relative;\n overflow: hidden;\n padding: 29px 20px;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 92% 4%,\n rgba(193, 163, 117, 0.22),\n transparent 34%\n ),\n var(--vr-navy);\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final::after {\n content: \"V\";\n position: absolute;\n right: -10px;\n bottom: -56px;\n color: rgba(255, 255, 255, 0.035);\n font-family: Georgia, serif;\n font-size: 210px;\n line-height: 1;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final \u003e * {\n position: relative;\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n max-width: 620px;\n color: #fff;\n font-size: clamp(26px, 7.5vw, 34px);\n line-height: 1.06;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n max-width: 620px;\n margin: 10px 0 0;\n color: #d6dce1;\n font-size: 13.8px;\n line-height: 1.58;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n display: grid;\n gap: 9px;\n margin-top: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item {\n min-width: 0;\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n gap: 10px;\n align-items: start;\n padding: 12px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 13px;\n background: rgba(255, 255, 255, 0.055);\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-icon {\n width: 28px;\n height: 28px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: rgba(209, 184, 136, 0.16);\n color: #d1b888;\n font-size: 13px;\n font-weight: 800;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong,\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n display: block;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong {\n color: #ffffff;\n font-size: 11.7px;\n line-height: 1.35;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n margin-top: 3px;\n color: #b8c2ca;\n font-size: 10.6px;\n line-height: 1.45;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-action {\n margin-top: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n min-height: 51px;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n padding: 12px 13px 12px 18px;\n border: 1px solid #fff;\n border-radius: 999px;\n background: #fff;\n color: var(--vr-navy);\n font-size: 12.8px;\n font-weight: 800;\n cursor: pointer;\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button:active {\n transform: scale(0.985);\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-icon {\n width: 29px;\n height: 29px;\n flex: 0 0 29px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--vr-navy);\n color: #fff;\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n margin: 9px 0 0;\n color: #9eabb6;\n font-size: 10.3px;\n line-height: 1.4;\n text-align: center;\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n \/* ANIMAÇÃO SUAVE, SEM ATRASAR A LEITURA *\/\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.58s ease,\n transform 0.68s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate.is-visible {\n opacity: 1;\n transform: none;\n }\n\n @container vartelli-copy (min-width: 600px) {\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex-basis: 48%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n width: auto;\n min-width: 285px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n width: 285px;\n }\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 60px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: clamp(44px, 5.1vw, 62px);\n line-height: 0.99;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(34px, 3.6vw, 43px);\n line-height: 1.03;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n align-items: center;\n gap: clamp(38px, 5vw, 68px);\n padding-top: 52px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(500px, 52vw, 650px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n max-width: 840px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: min(49vw, 500px);\n aspect-ratio: 16 \/ 10;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 24px 27px 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 670px;\n font-size: 14.3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n padding: 0 27px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 0 27px 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: 100%;\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 4.4vw, 56px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.025);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-section-head {\n max-width: 760px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(52vw, 560px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n top: 16px;\n padding: 8px 11px;\n font-size: 9.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 46px;\n height: 46px;\n font-size: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n margin-top: 14px;\n font-size: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n min-width: 0;\n transition:\n transform 0.35s var(--vr-ease),\n box-shadow 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: 310px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mobile-life-hint {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final {\n padding: 48px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n font-size: 42px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n font-size: 15px;\n }\n }\n\n @media (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 20px;\n padding-left: 20px;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n font-size: 9.7px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vartelli-infinity-royal-ultimate\"\u003e\n \u003csection class=\"vr-section vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-copy vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVartelli · Infinity Royal\u003c\/p\u003e\n \u003ch2 class=\"vr-title\"\u003eEngenharia à vista. Presença no pulso.\u003c\/h2\u003e\n \u003cp class=\"vr-subtitle\"\u003e\n O mostrador skeleton revela o movimento automático. A caixa octogonal\n de 40 mm e o aço integrado completam um design marcante, sem excessos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-hero-media vr-animate\"\u003e\n \u003cimg class=\"vr-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/4-elementor-io-optimized_7cff5f64-3b18-4593-82f7-8c2b1bee54a5.webp?v=1784061458\" alt=\"Homem usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-hero-badge\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"vr-hero-dot\"\u003e\u003c\/span\u003e\n Construção aberta\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-details\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eConheça cada detalhe\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eO que diferencia o Infinity Royal.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-card vr-animate\"\u003e\n \u003cdiv class=\"vr-detail-stage\" tabindex=\"0\" role=\"region\" aria-label=\"Galeria de detalhes do relógio\"\u003e\n \u003carticle class=\"vr-detail-panel is-active\" aria-hidden=\"false\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_62.webp?v=1782046265\" alt=\"Mostrador skeleton do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e01 · Mostrador\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eO mecanismo faz parte do design.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A abertura cria profundidade e permite acompanhar o calibre em ação.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eSkeleton\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eProfundidade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/ChatGPT-Image-21-de-jun.-de-2026_-10_16_00.webp?v=1782047896\" alt=\"Relógio automático Vartelli Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e02 · No pulso\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003ePresença bem proporcionada.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A caixa de 40 mm equilibra impacto visual, conforto e firmeza no\n pulso.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eConforto\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEquilíbrio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_63.webp?v=1782046264\" alt=\"Acabamento e vidro do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e03 · Acabamento\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eBrilho na medida certa.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O aço combina reflexos discretos e linhas definidas, valorizando\n a geometria da peça.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eAço\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003ePrecisão\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_60.webp?v=1782003497\" alt=\"Caixa octogonal de 40 milímetros do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e04 · Caixa\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eGeometria que foge do óbvio.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O formato octogonal rompe com o tradicional e muda a leitura do\n relógio de frente ou de perfil.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eOctogonal\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eAssinatura\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_61.webp?v=1782046263\" alt=\"Pulseira integrada em aço do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e05 · Pulseira\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eIntegração de ponta a ponta.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A pulseira acompanha as linhas da caixa e forma um conjunto\n coeso, firme e fácil de combinar.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eVersatilidade\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEncaixe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-controls\"\u003e\n \u003cbutton class=\"vr-arrow vr-prev\" type=\"button\" aria-label=\"Ver detalhe anterior\"\u003e\n ‹\n \u003c\/button\u003e\n \u003cdiv class=\"vr-control-copy\"\u003e\n \u003cspan class=\"vr-counter\" aria-live=\"polite\"\u003e01 \/ 05\u003c\/span\u003e\n \u003cspan class=\"vr-control-hint\"\u003eDeslize ou use as setas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vr-arrow vr-next\" type=\"button\" aria-label=\"Ver próximo detalhe\"\u003e\n ›\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-progress\" role=\"progressbar\" aria-label=\"Progresso da galeria\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003carticle class=\"vr-mechanism vr-animate\"\u003e\n \u003cdiv class=\"vr-mechanism-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/image-_49.webp?v=1782049873\" alt=\"Detalhe do mecanismo do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cspan class=\"vr-mechanism-badge\"\u003eCalibre automático\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-mechanism-copy\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eMovimento mecânico\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eAutomático. Sem depender de bateria.\u003c\/h2\u003e\n \u003cp class=\"vr-mechanism-text\"\u003e\n O rotor aproveita os movimentos naturais do braço para dar corda ao\n mecanismo. Pelo mostrador aberto, você acompanha o funcionamento em\n tempo real.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-mechanism-points\" aria-label=\"Destaques do movimento\"\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCarga automática\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCalibre visível\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eSem bateria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lume-section\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eTecnologia Vartelli Lume\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eMais visibilidade quando a luz diminui.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Os ponteiros absorvem luz e liberam um brilho suave no escuro,\n facilitando a leitura das horas em ambientes com pouca iluminação.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cfigure class=\"vr-lume-figure vr-animate\"\u003e\n \u003cdiv class=\"vr-compare\" data-vr-compare aria-label=\"Comparação do relógio na luz e no escuro\"\u003e\n \u003cdiv class=\"vr-compare-layer vr-compare-after\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_dial_with_green_lumines__202608032003.webp?v=1785798261\" alt=\"Ponteiros luminescentes do Infinity Royal brilhando no escuro\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-compare-layer vr-compare-before\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_watch_macro_shot_2K_202608032001.webp?v=1785798239\" alt=\"Mostrador do Infinity Royal sob luz ambiente\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"vr-compare-label vr-compare-label-before\"\u003e\n Antes · Luz ambiente\n \u003c\/span\u003e\n \u003cspan class=\"vr-compare-label vr-compare-label-after\"\u003e\n Depois · No escuro\n \u003c\/span\u003e\n\n \u003cinput class=\"vr-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Arraste para comparar o relógio na luz e no escuro\"\u003e\n \u003cspan class=\"vr-compare-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cfigcaption class=\"vr-lume-caption\"\u003e\n Arraste o divisor e veja a mudança.\n \u003c\/figcaption\u003e\n \u003c\/figure\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lifestyle\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVersatilidade no visual\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eUm relógio, diferentes ocasiões.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Do casual à alfaiataria, o Infinity Royal acompanha diferentes\n combinações sem perder sua identidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-life-track\" aria-label=\"Benefícios do Infinity Royal no visual\"\u003e\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/5-elementor-io-optimized_bdc9842b-d5e1-4f34-84dc-3623425cc0b1.webp?v=1784061458\" alt=\"Infinity Royal usado com camisa branca em um ambiente casual elegante\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eEleva o básico.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Com peças casuais, adiciona presença sem deixar o visual carregado.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/6-elementor-io-optimized_612b7408-5de8-4f10-8e16-6e50a03b7a0a.webp?v=1784061458\" alt=\"Close do relógio Infinity Royal sob o punho da camisa\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePresença sem exagero.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n O acabamento transita do trabalho a ocasiões especiais com\n naturalidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/7-elementor-io-optimized_dd4075b7-6395-4bce-a2f2-20f282641408.webp?v=1784061458\" alt=\"Homem exibindo o mostrador do Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eUm design que se diferencia.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Linhas angulares e mostrador aberto criam uma estética reconhecível\n de longe e interessante de perto.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-mobile-hint vr-mobile-life-hint\"\u003eDeslize para ver mais\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003cdiv class=\"vr-final vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eCompra com tranquilidade\u003c\/p\u003e\n \u003ch2 class=\"vr-final-title\"\u003e\n Você não compra apenas um relógio. Compra com suporte Vartelli.\n \u003c\/h2\u003e\n \u003cp class=\"vr-final-text\"\u003e\n Segurança e acompanhamento para você escolher com confiança.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vr-trust-grid\" role=\"list\" aria-label=\"Segurança e suporte da Vartelli\"\u003e\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003ePagamento protegido\u003c\/strong\u003e\n \u003csmall\u003eSeus dados são processados em ambiente seguro.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAcompanhamento do pedido\u003c\/strong\u003e\n \u003csmall\u003eConsulte o andamento da entrega com facilidade.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAtendimento Vartelli\u003c\/strong\u003e\n \u003csmall\u003eSuporte antes e depois da sua compra.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-final-action\"\u003e\n \u003cbutton class=\"vr-buy-button\" type=\"button\"\u003e\n \u003cspan\u003eEscolher minha cor\u003c\/span\u003e\n \u003cspan class=\"vr-buy-icon\" aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function () {\n \"use strict\";\n\n function formatCounter(index, total) {\n return (\n String(index + 1).padStart(2, \"0\") +\n \" \/ \" +\n String(total).padStart(2, \"0\")\n );\n }\n\n function initSlider(root) {\n var stage = root.querySelector(\".vr-detail-stage\");\n var panels = stage\n ? Array.prototype.slice.call(stage.querySelectorAll(\".vr-detail-panel\"))\n : [];\n var previous = root.querySelector(\".vr-prev\");\n var next = root.querySelector(\".vr-next\");\n var counter = root.querySelector(\".vr-counter\");\n var progress = root.querySelector(\".vr-progress\");\n var progressBar = progress ? progress.querySelector(\"span\") : null;\n\n if (!stage || !panels.length || !previous || !next) return;\n if (stage.dataset.sliderReady === \"true\") return;\n stage.dataset.sliderReady = \"true\";\n\n var index = 0;\n var startX = null;\n var startY = null;\n var pointerId = null;\n var directionTimer = null;\n\n function show(newIndex, direction) {\n index = (newIndex + panels.length) % panels.length;\n\n if (directionTimer) window.clearTimeout(directionTimer);\n stage.classList.toggle(\"is-back\", direction \u003c 0);\n\n panels.forEach(function (panel, panelIndex) {\n var active = panelIndex === index;\n panel.classList.toggle(\"is-active\", active);\n panel.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n\n if (counter) counter.textContent = formatCounter(index, panels.length);\n\n if (progress) {\n progress.setAttribute(\"aria-valuenow\", String(index + 1));\n }\n\n if (progressBar) {\n progressBar.style.width = ((index + 1) \/ panels.length) * 100 + \"%\";\n }\n\n directionTimer = window.setTimeout(function () {\n stage.classList.remove(\"is-back\");\n }, 500);\n }\n\n function goPrevious(event) {\n if (event) event.preventDefault();\n show(index - 1, -1);\n }\n\n function goNext(event) {\n if (event) event.preventDefault();\n show(index + 1, 1);\n }\n\n previous.addEventListener(\"click\", goPrevious);\n next.addEventListener(\"click\", goNext);\n\n stage.addEventListener(\"keydown\", function (event) {\n if (event.key === \"ArrowLeft\") goPrevious(event);\n if (event.key === \"ArrowRight\") goNext(event);\n });\n\n stage.addEventListener(\n \"pointerdown\",\n function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n pointerId = event.pointerId;\n startX = event.clientX;\n startY = event.clientY;\n },\n { passive: true },\n );\n\n stage.addEventListener(\n \"pointerup\",\n function (event) {\n if (startX === null || startY === null) return;\n if (pointerId !== null \u0026\u0026 pointerId !== event.pointerId) return;\n\n var distanceX = startX - event.clientX;\n var distanceY = startY - event.clientY;\n\n startX = null;\n startY = null;\n pointerId = null;\n\n if (\n Math.abs(distanceX) \u003e= 38 \u0026\u0026\n Math.abs(distanceX) \u003e Math.abs(distanceY) * 1.15\n ) {\n if (distanceX \u003e 0) goNext(event);\n else goPrevious(event);\n }\n },\n { passive: false },\n );\n\n stage.addEventListener(\"pointercancel\", function () {\n startX = null;\n startY = null;\n pointerId = null;\n });\n\n stage.querySelectorAll(\"img\").forEach(function (image) {\n image.addEventListener(\"dragstart\", function (event) {\n event.preventDefault();\n });\n });\n\n show(0, 0);\n }\n\n function initReveal(root) {\n var targets = root.querySelectorAll(\".vr-animate\");\n var reducedMotion =\n window.matchMedia \u0026\u0026\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n root.classList.add(\"vr-js-ready\");\n\n if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n targets.forEach(function (target) {\n target.classList.add(\"is-visible\");\n });\n return;\n }\n\n var observer = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n observer.unobserve(entry.target);\n });\n },\n {\n threshold: 0.08,\n rootMargin: \"0px 0px -6% 0px\",\n },\n );\n\n targets.forEach(function (target) {\n observer.observe(target);\n });\n }\n\n function initComparison(root) {\n var comparisons = root.querySelectorAll(\"[data-vr-compare]\");\n\n comparisons.forEach(function (comparison) {\n var range = comparison.querySelector(\".vr-compare-range\");\n\n if (!range || comparison.dataset.compareReady === \"true\") return;\n comparison.dataset.compareReady = \"true\";\n var dragging = false;\n var activePointerId = null;\n\n function update() {\n comparison.style.setProperty(\"--vr-lume-position\", range.value + \"%\");\n }\n\n function updateFromPointer(event) {\n var bounds = comparison.getBoundingClientRect();\n if (!bounds.width) return;\n\n var value = ((event.clientX - bounds.left) \/ bounds.width) * 100;\n value = Math.max(0, Math.min(100, value));\n range.value = String(Math.round(value));\n update();\n }\n\n comparison.addEventListener(\"pointerdown\", function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n\n dragging = true;\n activePointerId = event.pointerId;\n updateFromPointer(event);\n\n if (comparison.setPointerCapture) {\n comparison.setPointerCapture(event.pointerId);\n }\n });\n\n comparison.addEventListener(\"pointermove\", function (event) {\n if (!dragging || event.pointerId !== activePointerId) return;\n updateFromPointer(event);\n });\n\n function stopDragging(event) {\n if (\n activePointerId !== null \u0026\u0026\n event.pointerId !== undefined \u0026\u0026\n event.pointerId !== activePointerId\n ) {\n return;\n }\n\n dragging = false;\n activePointerId = null;\n }\n\n comparison.addEventListener(\"pointerup\", stopDragging);\n comparison.addEventListener(\"pointercancel\", stopDragging);\n comparison.addEventListener(\"lostpointercapture\", stopDragging);\n\n range.addEventListener(\"input\", update);\n range.addEventListener(\"change\", update);\n update();\n });\n }\n\n function initBuyButton(root) {\n var button = root.querySelector(\".vr-buy-button\");\n if (!button || button.dataset.buyReady === \"true\") return;\n button.dataset.buyReady = \"true\";\n\n button.addEventListener(\"click\", function () {\n var target =\n document.querySelector(\".product-form__submit\") ||\n document.querySelector('button[name=\"add\"]') ||\n document.querySelector('form[action*=\"\/cart\/add\"]') ||\n document.querySelector(\"[data-product-form]\");\n\n if (!target) {\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n return;\n }\n\n var destination =\n target.closest(\".product__info-container\") ||\n target.closest(\".product\") ||\n target;\n\n destination.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n window.setTimeout(function () {\n if (target.focus) target.focus({ preventScroll: true });\n }, 650);\n });\n }\n\n function mountFullWidth(root) {\n if (!root || root.closest(\".vartelli-copy-host\")) return root;\n\n var productInfo = root.closest(\".product__info-container\");\n var productSection = root.closest(\".shopify-section\");\n\n if (!productInfo || !productSection || !productSection.parentNode) {\n return root;\n }\n\n var description = root.closest(\".product__description\");\n var host = document.querySelector(\n '.vartelli-copy-host[data-vr-copy-host=\"infinity-royal\"]',\n );\n\n if (!host) {\n host = document.createElement(\"div\");\n host.className = \"vartelli-copy-host\";\n host.setAttribute(\"data-vr-copy-host\", \"infinity-royal\");\n }\n\n var previousRoot = host.querySelector(\n \"#vartelli-infinity-royal-ultimate\",\n );\n\n if (previousRoot \u0026\u0026 previousRoot !== root) {\n previousRoot.remove();\n }\n\n if (host.previousElementSibling !== productSection) {\n productSection.insertAdjacentElement(\"afterend\", host);\n }\n\n host.appendChild(root);\n\n if (description) {\n description.classList.add(\"vr-description-relocated\");\n }\n\n return root;\n }\n\n function init(scope) {\n var root =\n scope \u0026\u0026\n scope.matches \u0026\u0026\n scope.matches(\"#vartelli-infinity-royal-ultimate\")\n ? scope\n : scope \u0026\u0026 scope.querySelector\n ? scope.querySelector(\"#vartelli-infinity-royal-ultimate\")\n : document.querySelector(\"#vartelli-infinity-royal-ultimate\");\n\n if (!root) return;\n\n root = mountFullWidth(root);\n\n if (root.dataset.vartelliReady === \"true\") return;\n root.dataset.vartelliReady = \"true\";\n\n initSlider(root);\n initComparison(root);\n initReveal(root);\n initBuyButton(root);\n }\n\n function start() {\n init(document);\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n } else {\n start();\n }\n\n if (!window.__vartelliInfinityRoyalSectionEvents) {\n window.__vartelliInfinityRoyalSectionEvents = true;\n document.addEventListener(\"shopify:section:load\", function (event) {\n init(event.target || document);\n });\n document.addEventListener(\"shopify:section:select\", function (event) {\n init(event.target || document);\n });\n }\n })();\n\u003c\/script\u003e\n","brand":"VARTELLI","offers":[{"title":"Preto","offer_id":54142881005878,"sku":"14:175#M270-5","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":54142880940342,"sku":"14:200005100#M270-1","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Royal","offer_id":54142880973110,"sku":"14:201447598#M270-6","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":54142881038646,"sku":"14:29#M270-4","price":357.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/ChatGPTImage24dejul.de2026_10_34_14.png?v=1784900065"},{"product_id":"relogio-vartelli-infinity-prata-neve","title":"Relógio Masculino Vartelli Infinity Prata Neve","description":"\u003cstyle\u003e\n \/* =========================================================\n VARTELLI · INFINITY ROYAL\n Bloco otimizado para página de produto Shopify\n Mobile first · leve · acessível · orientado à conversão\n ========================================================= *\/\n\n #vartelli-infinity-royal-premium,\n #vartelli-infinity-royal-clean,\n #vartelli-infinity-royal-final,\n #vartelli-infinity-royal-final-v2,\n #vartelli-infinity-royal-final-v3,\n #vartelli-infinity-royal-final-v4 {\n display: none !important;\n }\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #0b0b0b;\n --vr-muted: #5f6368;\n --vr-navy: #0c1824;\n --vr-metal: #9a7b50;\n --vr-soft: #f5f5f3;\n --vr-paper: #ffffff;\n --vr-line: rgba(12, 24, 36, 0.11);\n --vr-shadow: 0 18px 48px rgba(12, 24, 36, 0.08);\n --vr-radius: 22px;\n --vr-ease: cubic-bezier(0.22, 1, 0.36, 1);\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n padding: 0 12px;\n container-name: vartelli-copy;\n container-type: inline-size;\n overflow: hidden;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif\n );\n line-height: 1.55;\n box-sizing: border-box;\n }\n\n .vartelli-copy-host {\n width: 100%;\n min-width: 0;\n clear: both;\n }\n\n .product__description.vr-description-relocated {\n min-height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n box-sizing: border-box;\n }\n\n #vartelli-infinity-royal-ultimate img {\n display: block;\n width: 100%;\n max-width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate button {\n font: inherit;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 34px 0;\n border-bottom: 1px solid var(--vr-line);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 9px;\n color: #765d3b;\n font-size: 10px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.75px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n content: \"\";\n width: 20px;\n height: 1px;\n flex: 0 0 20px;\n background: currentColor;\n opacity: 0.75;\n }\n\n #vartelli-infinity-royal-ultimate h2,\n #vartelli-infinity-royal-ultimate h3,\n #vartelli-infinity-royal-ultimate p {\n text-transform: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title,\n #vartelli-infinity-royal-ultimate .vr-final-title {\n margin: 0;\n color: var(--vr-ink);\n font-weight: 650;\n letter-spacing: -0.035em;\n text-wrap: balance;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 650px;\n font-size: clamp(31px, 9.2vw, 42px);\n line-height: 1.02;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 700px;\n font-size: clamp(25px, 7.2vw, 32px);\n line-height: 1.07;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin: 0;\n color: var(--vr-muted);\n font-size: 14.2px;\n line-height: 1.62;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 650px;\n margin-top: 9px;\n }\n\n \/* HERO *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n display: grid;\n gap: 23px;\n padding-top: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-copy {\n min-width: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 610px;\n margin-top: 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n position: relative;\n overflow: hidden;\n border-radius: var(--vr-radius);\n background: var(--vr-soft);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 55% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(330px, 103vw, 445px);\n object-fit: cover;\n object-position: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n position: absolute;\n right: 12px;\n bottom: 12px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 999px;\n background: rgba(9, 9, 9, 0.68);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.75px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.15);\n }\n\n \/* CARROSSEL DE DETALHES *\/\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n overflow: hidden;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background: var(--vr-paper);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n display: grid;\n position: relative;\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n grid-area: 1 \/ 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateX(18px);\n transition:\n opacity 0.35s ease,\n transform 0.48s var(--vr-ease),\n visibility 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage.is-back .vr-detail-panel {\n transform: translateX(-18px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: clamp(255px, 72vw, 340px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 17px 16px 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin: 0 0 5px;\n color: #765d3b;\n font-size: 9.5px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.45px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 21px;\n line-height: 1.09;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin-top: 7px;\n font-size: 13.2px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 5px 8px;\n border: 1px solid rgba(154, 123, 80, 0.18);\n border-radius: 999px;\n background: rgba(154, 123, 80, 0.07);\n color: #54442f;\n font-size: 10.4px;\n line-height: 1.2;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 0 16px 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 37px;\n height: 37px;\n flex: 0 0 37px;\n display: grid;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 50%;\n background: #fff;\n color: var(--vr-navy);\n font-size: 20px;\n line-height: 1;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s ease,\n color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:active {\n transform: scale(0.94);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible,\n #vartelli-infinity-royal-ultimate .vr-buy-button:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n min-width: 0;\n flex: 1;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n display: block;\n margin-bottom: 2px;\n color: var(--vr-ink);\n font-size: 10.4px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.35px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n display: block;\n color: #7a7f84;\n font-size: 10.2px;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 2px;\n margin: 0 16px 17px;\n overflow: hidden;\n border-radius: 999px;\n background: #eae8e4;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n display: block;\n width: 20%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, #765d3b, #c1a375);\n transition: width 0.4s var(--vr-ease);\n }\n\n \/* BENEFÍCIOS EM USO · HORIZONTAL NO CELULAR *\/\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n gap: 11px;\n overflow-x: auto;\n padding-bottom: 4px;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track::-webkit-scrollbar {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex: 0 0 84%;\n overflow: hidden;\n scroll-snap-align: start;\n border: 1px solid var(--vr-line);\n border-radius: 18px;\n background: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: clamp(225px, 64vw, 295px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n padding: 17px 15px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: 21px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n margin-top: 7px;\n font-size: 13.1px;\n line-height: 1.5;\n }\n\n \/* MOVIMENTO AUTOMÁTICO · BLOCO DE DESTAQUE *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n overflow: hidden;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(193, 163, 117, 0.2),\n transparent 37%\n ),\n var(--vr-navy);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media {\n position: relative;\n overflow: hidden;\n background: #09131d;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media::after {\n content: \"\";\n position: absolute;\n inset: 58% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(4, 9, 14, 0.48));\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: clamp(275px, 77vw, 370px);\n object-fit: cover;\n object-position: center;\n transition: transform 0.85s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n position: absolute;\n left: 13px;\n bottom: 13px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 11px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 999px;\n background: rgba(7, 14, 21, 0.7);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.14);\n animation: vrMechanismPulse 2.2s ease-in-out infinite;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 25px 20px 27px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-section-title {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 610px;\n margin: 11px 0 0;\n color: #cbd3da;\n font-size: 13.8px;\n line-height: 1.6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n position: relative;\n padding: 7px 10px 7px 24px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.06);\n color: #f1f3f5;\n font-size: 10.5px;\n font-weight: 600;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: #d8b881;\n font-weight: 850;\n }\n\n \/* VARTELLI LUME · COMPARADOR ANTES E DEPOIS *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #356d42;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-figure {\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n --vr-lume-position: 50%;\n position: relative;\n isolation: isolate;\n width: 100%;\n height: clamp(285px, 78vw, 390px);\n overflow: hidden;\n border: 1px solid rgba(12, 24, 36, 0.12);\n border-radius: var(--vr-radius);\n background: #061009;\n box-shadow: var(--vr-shadow);\n touch-action: pan-y;\n user-select: none;\n -webkit-user-select: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer {\n position: absolute;\n inset: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-after {\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-before {\n z-index: 2;\n clip-path: inset(0 calc(100% - var(--vr-lume-position)) 0 0);\n will-change: clip-path;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n position: absolute;\n top: 12px;\n z-index: 4;\n padding: 7px 9px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 999px;\n background: rgba(6, 10, 8, 0.66);\n color: #fff;\n font-size: 8.8px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-range {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n inset: 0;\n z-index: 8;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: ew-resize;\n touch-action: pan-y;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n position: absolute;\n top: 0;\n bottom: 0;\n left: var(--vr-lume-position);\n z-index: 5;\n width: 2px;\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 0 18px rgba(0, 0, 0, 0.28);\n transform: translateX(-50%);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n content: \"↔\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255, 255, 255, 0.55);\n border-radius: 50%;\n background: #fff;\n color: #07100a;\n font-size: 17px;\n font-weight: 750;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n transform: translate(-50%, -50%);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-compare-range:focus-visible\n + .vr-compare-divider::after {\n outline: 3px solid #77c98a;\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 12px;\n color: #6d7479;\n font-size: 11.2px;\n line-height: 1.4;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n content: \"\";\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #72d68b;\n box-shadow: 0 0 0 4px rgba(114, 214, 139, 0.12);\n }\n\n @keyframes vrMechanismPulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.65;\n transform: scale(0.74);\n }\n }\n\n \/* SEGURANÇA E SUPORTE · ENCERRAMENTO *\/\n #vartelli-infinity-royal-ultimate .vr-final {\n position: relative;\n overflow: hidden;\n padding: 29px 20px;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 92% 4%,\n rgba(193, 163, 117, 0.22),\n transparent 34%\n ),\n var(--vr-navy);\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final::after {\n content: \"V\";\n position: absolute;\n right: -10px;\n bottom: -56px;\n color: rgba(255, 255, 255, 0.035);\n font-family: Georgia, serif;\n font-size: 210px;\n line-height: 1;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final \u003e * {\n position: relative;\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n max-width: 620px;\n color: #fff;\n font-size: clamp(26px, 7.5vw, 34px);\n line-height: 1.06;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n max-width: 620px;\n margin: 10px 0 0;\n color: #d6dce1;\n font-size: 13.8px;\n line-height: 1.58;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n display: grid;\n gap: 9px;\n margin-top: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item {\n min-width: 0;\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n gap: 10px;\n align-items: start;\n padding: 12px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 13px;\n background: rgba(255, 255, 255, 0.055);\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-icon {\n width: 28px;\n height: 28px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: rgba(209, 184, 136, 0.16);\n color: #d1b888;\n font-size: 13px;\n font-weight: 800;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong,\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n display: block;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong {\n color: #ffffff;\n font-size: 11.7px;\n line-height: 1.35;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n margin-top: 3px;\n color: #b8c2ca;\n font-size: 10.6px;\n line-height: 1.45;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-action {\n margin-top: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n min-height: 51px;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n padding: 12px 13px 12px 18px;\n border: 1px solid #fff;\n border-radius: 999px;\n background: #fff;\n color: var(--vr-navy);\n font-size: 12.8px;\n font-weight: 800;\n cursor: pointer;\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button:active {\n transform: scale(0.985);\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-icon {\n width: 29px;\n height: 29px;\n flex: 0 0 29px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--vr-navy);\n color: #fff;\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n margin: 9px 0 0;\n color: #9eabb6;\n font-size: 10.3px;\n line-height: 1.4;\n text-align: center;\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n \/* ANIMAÇÃO SUAVE, SEM ATRASAR A LEITURA *\/\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.58s ease,\n transform 0.68s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate.is-visible {\n opacity: 1;\n transform: none;\n }\n\n @container vartelli-copy (min-width: 600px) {\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex-basis: 48%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n width: auto;\n min-width: 285px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n width: 285px;\n }\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 60px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: clamp(44px, 5.1vw, 62px);\n line-height: 0.99;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(34px, 3.6vw, 43px);\n line-height: 1.03;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n align-items: center;\n gap: clamp(38px, 5vw, 68px);\n padding-top: 52px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(500px, 52vw, 650px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n max-width: 840px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: min(49vw, 500px);\n aspect-ratio: 16 \/ 10;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 24px 27px 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 670px;\n font-size: 14.3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n padding: 0 27px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 0 27px 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: 100%;\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 4.4vw, 56px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.025);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-section-head {\n max-width: 760px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(52vw, 560px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n top: 16px;\n padding: 8px 11px;\n font-size: 9.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 46px;\n height: 46px;\n font-size: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n margin-top: 14px;\n font-size: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n min-width: 0;\n transition:\n transform 0.35s var(--vr-ease),\n box-shadow 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: 310px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mobile-life-hint {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final {\n padding: 48px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n font-size: 42px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n font-size: 15px;\n }\n }\n\n @media (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 20px;\n padding-left: 20px;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n font-size: 9.7px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vartelli-infinity-royal-ultimate\"\u003e\n \u003csection class=\"vr-section vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-copy vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVartelli · Infinity Royal\u003c\/p\u003e\n \u003ch2 class=\"vr-title\"\u003eEngenharia à vista. Presença no pulso.\u003c\/h2\u003e\n \u003cp class=\"vr-subtitle\"\u003e\n O mostrador skeleton revela o movimento automático. A caixa octogonal\n de 40 mm e o aço integrado completam um design marcante, sem excessos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-hero-media vr-animate\"\u003e\n \u003cimg class=\"vr-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/4-elementor-io-optimized_7cff5f64-3b18-4593-82f7-8c2b1bee54a5.webp?v=1784061458\" alt=\"Homem usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-hero-badge\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"vr-hero-dot\"\u003e\u003c\/span\u003e\n Construção aberta\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-details\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eConheça cada detalhe\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eO que diferencia o Infinity Royal.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-card vr-animate\"\u003e\n \u003cdiv class=\"vr-detail-stage\" tabindex=\"0\" role=\"region\" aria-label=\"Galeria de detalhes do relógio\"\u003e\n \u003carticle class=\"vr-detail-panel is-active\" aria-hidden=\"false\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_62.webp?v=1782046265\" alt=\"Mostrador skeleton do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e01 · Mostrador\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eO mecanismo faz parte do design.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A abertura cria profundidade e permite acompanhar o calibre em ação.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eSkeleton\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eProfundidade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/ChatGPT-Image-21-de-jun.-de-2026_-10_16_00.webp?v=1782047896\" alt=\"Relógio automático Vartelli Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e02 · No pulso\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003ePresença bem proporcionada.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A caixa de 40 mm equilibra impacto visual, conforto e firmeza no\n pulso.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eConforto\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEquilíbrio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_63.webp?v=1782046264\" alt=\"Acabamento e vidro do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e03 · Acabamento\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eBrilho na medida certa.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O aço combina reflexos discretos e linhas definidas, valorizando\n a geometria da peça.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eAço\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003ePrecisão\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_60.webp?v=1782003497\" alt=\"Caixa octogonal de 40 milímetros do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e04 · Caixa\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eGeometria que foge do óbvio.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O formato octogonal rompe com o tradicional e muda a leitura do\n relógio de frente ou de perfil.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eOctogonal\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eAssinatura\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_61.webp?v=1782046263\" alt=\"Pulseira integrada em aço do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e05 · Pulseira\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eIntegração de ponta a ponta.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A pulseira acompanha as linhas da caixa e forma um conjunto\n coeso, firme e fácil de combinar.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eVersatilidade\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEncaixe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-controls\"\u003e\n \u003cbutton class=\"vr-arrow vr-prev\" type=\"button\" aria-label=\"Ver detalhe anterior\"\u003e\n ‹\n \u003c\/button\u003e\n \u003cdiv class=\"vr-control-copy\"\u003e\n \u003cspan class=\"vr-counter\" aria-live=\"polite\"\u003e01 \/ 05\u003c\/span\u003e\n \u003cspan class=\"vr-control-hint\"\u003eDeslize ou use as setas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vr-arrow vr-next\" type=\"button\" aria-label=\"Ver próximo detalhe\"\u003e\n ›\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-progress\" role=\"progressbar\" aria-label=\"Progresso da galeria\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003carticle class=\"vr-mechanism vr-animate\"\u003e\n \u003cdiv class=\"vr-mechanism-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/image-_49.webp?v=1782049873\" alt=\"Detalhe do mecanismo do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cspan class=\"vr-mechanism-badge\"\u003eCalibre automático\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-mechanism-copy\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eMovimento mecânico\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eAutomático. Sem depender de bateria.\u003c\/h2\u003e\n \u003cp class=\"vr-mechanism-text\"\u003e\n O rotor aproveita os movimentos naturais do braço para dar corda ao\n mecanismo. Pelo mostrador aberto, você acompanha o funcionamento em\n tempo real.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-mechanism-points\" aria-label=\"Destaques do movimento\"\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCarga automática\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCalibre visível\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eSem bateria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lume-section\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eTecnologia Vartelli Lume\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eMais visibilidade quando a luz diminui.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Os ponteiros absorvem luz e liberam um brilho suave no escuro,\n facilitando a leitura das horas em ambientes com pouca iluminação.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cfigure class=\"vr-lume-figure vr-animate\"\u003e\n \u003cdiv class=\"vr-compare\" data-vr-compare aria-label=\"Comparação do relógio na luz e no escuro\"\u003e\n \u003cdiv class=\"vr-compare-layer vr-compare-after\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_dial_with_green_lumines__202608032003.webp?v=1785798261\" alt=\"Ponteiros luminescentes do Infinity Royal brilhando no escuro\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-compare-layer vr-compare-before\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_watch_macro_shot_2K_202608032001.webp?v=1785798239\" alt=\"Mostrador do Infinity Royal sob luz ambiente\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"vr-compare-label vr-compare-label-before\"\u003e\n Antes · Luz ambiente\n \u003c\/span\u003e\n \u003cspan class=\"vr-compare-label vr-compare-label-after\"\u003e\n Depois · No escuro\n \u003c\/span\u003e\n\n \u003cinput class=\"vr-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Arraste para comparar o relógio na luz e no escuro\"\u003e\n \u003cspan class=\"vr-compare-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cfigcaption class=\"vr-lume-caption\"\u003e\n Arraste o divisor e veja a mudança.\n \u003c\/figcaption\u003e\n \u003c\/figure\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lifestyle\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVersatilidade no visual\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eUm relógio, diferentes ocasiões.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Do casual à alfaiataria, o Infinity Royal acompanha diferentes\n combinações sem perder sua identidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-life-track\" aria-label=\"Benefícios do Infinity Royal no visual\"\u003e\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/5-elementor-io-optimized_bdc9842b-d5e1-4f34-84dc-3623425cc0b1.webp?v=1784061458\" alt=\"Infinity Royal usado com camisa branca em um ambiente casual elegante\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eEleva o básico.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Com peças casuais, adiciona presença sem deixar o visual carregado.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/6-elementor-io-optimized_612b7408-5de8-4f10-8e16-6e50a03b7a0a.webp?v=1784061458\" alt=\"Close do relógio Infinity Royal sob o punho da camisa\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePresença sem exagero.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n O acabamento transita do trabalho a ocasiões especiais com\n naturalidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/7-elementor-io-optimized_dd4075b7-6395-4bce-a2f2-20f282641408.webp?v=1784061458\" alt=\"Homem exibindo o mostrador do Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eUm design que se diferencia.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Linhas angulares e mostrador aberto criam uma estética reconhecível\n de longe e interessante de perto.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-mobile-hint vr-mobile-life-hint\"\u003eDeslize para ver mais\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003cdiv class=\"vr-final vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eCompra com tranquilidade\u003c\/p\u003e\n \u003ch2 class=\"vr-final-title\"\u003e\n Você não compra apenas um relógio. Compra com suporte Vartelli.\n \u003c\/h2\u003e\n \u003cp class=\"vr-final-text\"\u003e\n Segurança e acompanhamento para você escolher com confiança.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vr-trust-grid\" role=\"list\" aria-label=\"Segurança e suporte da Vartelli\"\u003e\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003ePagamento protegido\u003c\/strong\u003e\n \u003csmall\u003eSeus dados são processados em ambiente seguro.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAcompanhamento do pedido\u003c\/strong\u003e\n \u003csmall\u003eConsulte o andamento da entrega com facilidade.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAtendimento Vartelli\u003c\/strong\u003e\n \u003csmall\u003eSuporte antes e depois da sua compra.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-final-action\"\u003e\n \u003cbutton class=\"vr-buy-button\" type=\"button\"\u003e\n \u003cspan\u003eEscolher minha cor\u003c\/span\u003e\n \u003cspan class=\"vr-buy-icon\" aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function () {\n \"use strict\";\n\n function formatCounter(index, total) {\n return (\n String(index + 1).padStart(2, \"0\") +\n \" \/ \" +\n String(total).padStart(2, \"0\")\n );\n }\n\n function initSlider(root) {\n var stage = root.querySelector(\".vr-detail-stage\");\n var panels = stage\n ? Array.prototype.slice.call(stage.querySelectorAll(\".vr-detail-panel\"))\n : [];\n var previous = root.querySelector(\".vr-prev\");\n var next = root.querySelector(\".vr-next\");\n var counter = root.querySelector(\".vr-counter\");\n var progress = root.querySelector(\".vr-progress\");\n var progressBar = progress ? progress.querySelector(\"span\") : null;\n\n if (!stage || !panels.length || !previous || !next) return;\n if (stage.dataset.sliderReady === \"true\") return;\n stage.dataset.sliderReady = \"true\";\n\n var index = 0;\n var startX = null;\n var startY = null;\n var pointerId = null;\n var directionTimer = null;\n\n function show(newIndex, direction) {\n index = (newIndex + panels.length) % panels.length;\n\n if (directionTimer) window.clearTimeout(directionTimer);\n stage.classList.toggle(\"is-back\", direction \u003c 0);\n\n panels.forEach(function (panel, panelIndex) {\n var active = panelIndex === index;\n panel.classList.toggle(\"is-active\", active);\n panel.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n\n if (counter) counter.textContent = formatCounter(index, panels.length);\n\n if (progress) {\n progress.setAttribute(\"aria-valuenow\", String(index + 1));\n }\n\n if (progressBar) {\n progressBar.style.width = ((index + 1) \/ panels.length) * 100 + \"%\";\n }\n\n directionTimer = window.setTimeout(function () {\n stage.classList.remove(\"is-back\");\n }, 500);\n }\n\n function goPrevious(event) {\n if (event) event.preventDefault();\n show(index - 1, -1);\n }\n\n function goNext(event) {\n if (event) event.preventDefault();\n show(index + 1, 1);\n }\n\n previous.addEventListener(\"click\", goPrevious);\n next.addEventListener(\"click\", goNext);\n\n stage.addEventListener(\"keydown\", function (event) {\n if (event.key === \"ArrowLeft\") goPrevious(event);\n if (event.key === \"ArrowRight\") goNext(event);\n });\n\n stage.addEventListener(\n \"pointerdown\",\n function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n pointerId = event.pointerId;\n startX = event.clientX;\n startY = event.clientY;\n },\n { passive: true },\n );\n\n stage.addEventListener(\n \"pointerup\",\n function (event) {\n if (startX === null || startY === null) return;\n if (pointerId !== null \u0026\u0026 pointerId !== event.pointerId) return;\n\n var distanceX = startX - event.clientX;\n var distanceY = startY - event.clientY;\n\n startX = null;\n startY = null;\n pointerId = null;\n\n if (\n Math.abs(distanceX) \u003e= 38 \u0026\u0026\n Math.abs(distanceX) \u003e Math.abs(distanceY) * 1.15\n ) {\n if (distanceX \u003e 0) goNext(event);\n else goPrevious(event);\n }\n },\n { passive: false },\n );\n\n stage.addEventListener(\"pointercancel\", function () {\n startX = null;\n startY = null;\n pointerId = null;\n });\n\n stage.querySelectorAll(\"img\").forEach(function (image) {\n image.addEventListener(\"dragstart\", function (event) {\n event.preventDefault();\n });\n });\n\n show(0, 0);\n }\n\n function initReveal(root) {\n var targets = root.querySelectorAll(\".vr-animate\");\n var reducedMotion =\n window.matchMedia \u0026\u0026\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n root.classList.add(\"vr-js-ready\");\n\n if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n targets.forEach(function (target) {\n target.classList.add(\"is-visible\");\n });\n return;\n }\n\n var observer = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n observer.unobserve(entry.target);\n });\n },\n {\n threshold: 0.08,\n rootMargin: \"0px 0px -6% 0px\",\n },\n );\n\n targets.forEach(function (target) {\n observer.observe(target);\n });\n }\n\n function initComparison(root) {\n var comparisons = root.querySelectorAll(\"[data-vr-compare]\");\n\n comparisons.forEach(function (comparison) {\n var range = comparison.querySelector(\".vr-compare-range\");\n\n if (!range || comparison.dataset.compareReady === \"true\") return;\n comparison.dataset.compareReady = \"true\";\n var dragging = false;\n var activePointerId = null;\n\n function update() {\n comparison.style.setProperty(\"--vr-lume-position\", range.value + \"%\");\n }\n\n function updateFromPointer(event) {\n var bounds = comparison.getBoundingClientRect();\n if (!bounds.width) return;\n\n var value = ((event.clientX - bounds.left) \/ bounds.width) * 100;\n value = Math.max(0, Math.min(100, value));\n range.value = String(Math.round(value));\n update();\n }\n\n comparison.addEventListener(\"pointerdown\", function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n\n dragging = true;\n activePointerId = event.pointerId;\n updateFromPointer(event);\n\n if (comparison.setPointerCapture) {\n comparison.setPointerCapture(event.pointerId);\n }\n });\n\n comparison.addEventListener(\"pointermove\", function (event) {\n if (!dragging || event.pointerId !== activePointerId) return;\n updateFromPointer(event);\n });\n\n function stopDragging(event) {\n if (\n activePointerId !== null \u0026\u0026\n event.pointerId !== undefined \u0026\u0026\n event.pointerId !== activePointerId\n ) {\n return;\n }\n\n dragging = false;\n activePointerId = null;\n }\n\n comparison.addEventListener(\"pointerup\", stopDragging);\n comparison.addEventListener(\"pointercancel\", stopDragging);\n comparison.addEventListener(\"lostpointercapture\", stopDragging);\n\n range.addEventListener(\"input\", update);\n range.addEventListener(\"change\", update);\n update();\n });\n }\n\n function initBuyButton(root) {\n var button = root.querySelector(\".vr-buy-button\");\n if (!button || button.dataset.buyReady === \"true\") return;\n button.dataset.buyReady = \"true\";\n\n button.addEventListener(\"click\", function () {\n var target =\n document.querySelector(\".product-form__submit\") ||\n document.querySelector('button[name=\"add\"]') ||\n document.querySelector('form[action*=\"\/cart\/add\"]') ||\n document.querySelector(\"[data-product-form]\");\n\n if (!target) {\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n return;\n }\n\n var destination =\n target.closest(\".product__info-container\") ||\n target.closest(\".product\") ||\n target;\n\n destination.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n window.setTimeout(function () {\n if (target.focus) target.focus({ preventScroll: true });\n }, 650);\n });\n }\n\n function mountFullWidth(root) {\n if (!root || root.closest(\".vartelli-copy-host\")) return root;\n\n var productInfo = root.closest(\".product__info-container\");\n var productSection = root.closest(\".shopify-section\");\n\n if (!productInfo || !productSection || !productSection.parentNode) {\n return root;\n }\n\n var description = root.closest(\".product__description\");\n var host = document.querySelector(\n '.vartelli-copy-host[data-vr-copy-host=\"infinity-royal\"]',\n );\n\n if (!host) {\n host = document.createElement(\"div\");\n host.className = \"vartelli-copy-host\";\n host.setAttribute(\"data-vr-copy-host\", \"infinity-royal\");\n }\n\n var previousRoot = host.querySelector(\n \"#vartelli-infinity-royal-ultimate\",\n );\n\n if (previousRoot \u0026\u0026 previousRoot !== root) {\n previousRoot.remove();\n }\n\n if (host.previousElementSibling !== productSection) {\n productSection.insertAdjacentElement(\"afterend\", host);\n }\n\n host.appendChild(root);\n\n if (description) {\n description.classList.add(\"vr-description-relocated\");\n }\n\n return root;\n }\n\n function init(scope) {\n var root =\n scope \u0026\u0026\n scope.matches \u0026\u0026\n scope.matches(\"#vartelli-infinity-royal-ultimate\")\n ? scope\n : scope \u0026\u0026 scope.querySelector\n ? scope.querySelector(\"#vartelli-infinity-royal-ultimate\")\n : document.querySelector(\"#vartelli-infinity-royal-ultimate\");\n\n if (!root) return;\n\n root = mountFullWidth(root);\n\n if (root.dataset.vartelliReady === \"true\") return;\n root.dataset.vartelliReady = \"true\";\n\n initSlider(root);\n initComparison(root);\n initReveal(root);\n initBuyButton(root);\n }\n\n function start() {\n init(document);\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n } else {\n start();\n }\n\n if (!window.__vartelliInfinityRoyalSectionEvents) {\n window.__vartelliInfinityRoyalSectionEvents = true;\n document.addEventListener(\"shopify:section:load\", function (event) {\n init(event.target || document);\n });\n document.addEventListener(\"shopify:section:select\", function (event) {\n init(event.target || document);\n });\n }\n })();\n\u003c\/script\u003e\n","brand":"VARTELLI","offers":[{"title":"Prata Neve","offer_id":54142881857846,"sku":"14:29#M270-4","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":54142881759542,"sku":"14:175#M270-5","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":54142881792310,"sku":"14:200005100#M270-1","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Royal","offer_id":54142881825078,"sku":"14:201447598#M270-6","price":357.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Sf3111f90b09e4b5e8fa49a9168934054f_4b8b5a8d-050c-403f-86f7-f214101d0a52.webp?v=1782151474"},{"product_id":"relogio-vartelli-infinity-prata-carbono","title":"Relógio Masculino Vartelli Infinity Prata Carbono","description":"\u003cstyle\u003e\n \/* =========================================================\n VARTELLI · INFINITY ROYAL\n Bloco otimizado para página de produto Shopify\n Mobile first · leve · acessível · orientado à conversão\n ========================================================= *\/\n\n #vartelli-infinity-royal-premium,\n #vartelli-infinity-royal-clean,\n #vartelli-infinity-royal-final,\n #vartelli-infinity-royal-final-v2,\n #vartelli-infinity-royal-final-v3,\n #vartelli-infinity-royal-final-v4 {\n display: none !important;\n }\n\n #vartelli-infinity-royal-ultimate {\n --vr-ink: #0b0b0b;\n --vr-muted: #5f6368;\n --vr-navy: #0c1824;\n --vr-metal: #9a7b50;\n --vr-soft: #f5f5f3;\n --vr-paper: #ffffff;\n --vr-line: rgba(12, 24, 36, 0.11);\n --vr-shadow: 0 18px 48px rgba(12, 24, 36, 0.08);\n --vr-radius: 22px;\n --vr-ease: cubic-bezier(0.22, 1, 0.36, 1);\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n padding: 0 12px;\n container-name: vartelli-copy;\n container-type: inline-size;\n overflow: hidden;\n color: var(--vr-ink);\n font-family: var(\n --font-body-family,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif\n );\n line-height: 1.55;\n box-sizing: border-box;\n }\n\n .vartelli-copy-host {\n width: 100%;\n min-width: 0;\n clear: both;\n }\n\n .product__description.vr-description-relocated {\n min-height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n box-sizing: border-box;\n }\n\n #vartelli-infinity-royal-ultimate img {\n display: block;\n width: 100%;\n max-width: 100%;\n }\n\n #vartelli-infinity-royal-ultimate button {\n font: inherit;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 34px 0;\n border-bottom: 1px solid var(--vr-line);\n }\n\n #vartelli-infinity-royal-ultimate .vr-section:last-child {\n border-bottom: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 9px;\n color: #765d3b;\n font-size: 10px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.75px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-eyebrow::before {\n content: \"\";\n width: 20px;\n height: 1px;\n flex: 0 0 20px;\n background: currentColor;\n opacity: 0.75;\n }\n\n #vartelli-infinity-royal-ultimate h2,\n #vartelli-infinity-royal-ultimate h3,\n #vartelli-infinity-royal-ultimate p {\n text-transform: none !important;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title,\n #vartelli-infinity-royal-ultimate .vr-section-title,\n #vartelli-infinity-royal-ultimate .vr-card-title,\n #vartelli-infinity-royal-ultimate .vr-detail-title,\n #vartelli-infinity-royal-ultimate .vr-final-title {\n margin: 0;\n color: var(--vr-ink);\n font-weight: 650;\n letter-spacing: -0.035em;\n text-wrap: balance;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n max-width: 650px;\n font-size: clamp(31px, 9.2vw, 42px);\n line-height: 1.02;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n max-width: 700px;\n font-size: clamp(25px, 7.2vw, 32px);\n line-height: 1.07;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text,\n #vartelli-infinity-royal-ultimate .vr-card-text,\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin: 0;\n color: var(--vr-muted);\n font-size: 14.2px;\n line-height: 1.62;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head {\n margin-bottom: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-head .vr-section-text {\n max-width: 650px;\n margin-top: 9px;\n }\n\n \/* HERO *\/\n #vartelli-infinity-royal-ultimate .vr-hero {\n display: grid;\n gap: 23px;\n padding-top: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-copy {\n min-width: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle {\n max-width: 610px;\n margin-top: 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media {\n position: relative;\n overflow: hidden;\n border-radius: var(--vr-radius);\n background: var(--vr-soft);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 55% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.28));\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(330px, 103vw, 445px);\n object-fit: cover;\n object-position: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-badge {\n position: absolute;\n right: 12px;\n bottom: 12px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 999px;\n background: rgba(9, 9, 9, 0.68);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.75px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.15);\n }\n\n \/* CARROSSEL DE DETALHES *\/\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n overflow: hidden;\n border: 1px solid var(--vr-line);\n border-radius: var(--vr-radius);\n background: var(--vr-paper);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage {\n display: grid;\n position: relative;\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage:active {\n cursor: grabbing;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel {\n grid-area: 1 \/ 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: translateX(18px);\n transition:\n opacity 0.35s ease,\n transform 0.48s var(--vr-ease),\n visibility 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-stage.is-back .vr-detail-panel {\n transform: translateX(-18px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel.is-active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(0);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: clamp(255px, 72vw, 340px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 17px 16px 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-meta {\n margin: 0 0 5px;\n color: #765d3b;\n font-size: 9.5px;\n font-weight: 750;\n line-height: 1.3;\n letter-spacing: 1.45px;\n text-transform: uppercase;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 21px;\n line-height: 1.09;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n margin-top: 7px;\n font-size: 13.2px;\n line-height: 1.5;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 11px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-tag {\n padding: 5px 8px;\n border: 1px solid rgba(154, 123, 80, 0.18);\n border-radius: 999px;\n background: rgba(154, 123, 80, 0.07);\n color: #54442f;\n font-size: 10.4px;\n line-height: 1.2;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 0 16px 13px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow {\n appearance: none;\n -webkit-appearance: none;\n width: 37px;\n height: 37px;\n flex: 0 0 37px;\n display: grid;\n place-items: center;\n padding: 0;\n border: 1px solid rgba(12, 24, 36, 0.16);\n border-radius: 50%;\n background: #fff;\n color: var(--vr-navy);\n font-size: 20px;\n line-height: 1;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition:\n transform 0.22s ease,\n color 0.22s ease,\n background 0.22s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:active {\n transform: scale(0.94);\n }\n\n #vartelli-infinity-royal-ultimate .vr-arrow:focus-visible,\n #vartelli-infinity-royal-ultimate .vr-buy-button:focus-visible {\n outline: 2px solid var(--vr-navy);\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-copy {\n min-width: 0;\n flex: 1;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-counter {\n display: block;\n margin-bottom: 2px;\n color: var(--vr-ink);\n font-size: 10.4px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 1.35px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n display: block;\n color: #7a7f84;\n font-size: 10.2px;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n height: 2px;\n margin: 0 16px 17px;\n overflow: hidden;\n border-radius: 999px;\n background: #eae8e4;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress span {\n display: block;\n width: 20%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, #765d3b, #c1a375);\n transition: width 0.4s var(--vr-ease);\n }\n\n \/* BENEFÍCIOS EM USO · HORIZONTAL NO CELULAR *\/\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: flex;\n gap: 11px;\n overflow-x: auto;\n padding-bottom: 4px;\n scroll-snap-type: x mandatory;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track::-webkit-scrollbar {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex: 0 0 84%;\n overflow: hidden;\n scroll-snap-align: start;\n border: 1px solid var(--vr-line);\n border-radius: 18px;\n background: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: clamp(225px, 64vw, 295px);\n object-fit: cover;\n object-position: center;\n background: var(--vr-soft);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-copy {\n padding: 17px 15px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-title {\n font-size: 21px;\n line-height: 1.08;\n }\n\n #vartelli-infinity-royal-ultimate .vr-card-text {\n margin-top: 7px;\n font-size: 13.1px;\n line-height: 1.5;\n }\n\n \/* MOVIMENTO AUTOMÁTICO · BLOCO DE DESTAQUE *\/\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n overflow: hidden;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(193, 163, 117, 0.2),\n transparent 37%\n ),\n var(--vr-navy);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media {\n position: relative;\n overflow: hidden;\n background: #09131d;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media::after {\n content: \"\";\n position: absolute;\n inset: 58% 0 0;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, rgba(4, 9, 14, 0.48));\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: clamp(275px, 77vw, 370px);\n object-fit: cover;\n object-position: center;\n transition: transform 0.85s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge {\n position: absolute;\n left: 13px;\n bottom: 13px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 11px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 999px;\n background: rgba(7, 14, 21, 0.7);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-badge::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #d8b881;\n box-shadow: 0 0 0 4px rgba(216, 184, 129, 0.14);\n animation: vrMechanismPulse 2.2s ease-in-out infinite;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n padding: 25px 20px 27px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism .vr-section-title {\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n max-width: 610px;\n margin: 11px 0 0;\n color: #cbd3da;\n font-size: 13.8px;\n line-height: 1.6;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-points {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n margin-top: 17px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point {\n position: relative;\n padding: 7px 10px 7px 24px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.06);\n color: #f1f3f5;\n font-size: 10.5px;\n font-weight: 600;\n line-height: 1.25;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-point::before {\n content: \"✓\";\n position: absolute;\n left: 9px;\n color: #d8b881;\n font-weight: 850;\n }\n\n \/* VARTELLI LUME · COMPARADOR ANTES E DEPOIS *\/\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-eyebrow {\n color: #356d42;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-figure {\n margin: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n --vr-lume-position: 50%;\n position: relative;\n isolation: isolate;\n width: 100%;\n height: clamp(285px, 78vw, 390px);\n overflow: hidden;\n border: 1px solid rgba(12, 24, 36, 0.12);\n border-radius: var(--vr-radius);\n background: #061009;\n box-shadow: var(--vr-shadow);\n touch-action: pan-y;\n user-select: none;\n -webkit-user-select: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer {\n position: absolute;\n inset: 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-layer img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-after {\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-before {\n z-index: 2;\n clip-path: inset(0 calc(100% - var(--vr-lume-position)) 0 0);\n will-change: clip-path;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n position: absolute;\n top: 12px;\n z-index: 4;\n padding: 7px 9px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 999px;\n background: rgba(6, 10, 8, 0.66);\n color: #fff;\n font-size: 8.8px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-range {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n inset: 0;\n z-index: 8;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: ew-resize;\n touch-action: pan-y;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider {\n position: absolute;\n top: 0;\n bottom: 0;\n left: var(--vr-lume-position);\n z-index: 5;\n width: 2px;\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 0 18px rgba(0, 0, 0, 0.28);\n transform: translateX(-50%);\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n content: \"↔\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255, 255, 255, 0.55);\n border-radius: 50%;\n background: #fff;\n color: #07100a;\n font-size: 17px;\n font-weight: 750;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n transform: translate(-50%, -50%);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-compare-range:focus-visible\n + .vr-compare-divider::after {\n outline: 3px solid #77c98a;\n outline-offset: 3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 12px;\n color: #6d7479;\n font-size: 11.2px;\n line-height: 1.4;\n text-align: center;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption::before {\n content: \"\";\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #72d68b;\n box-shadow: 0 0 0 4px rgba(114, 214, 139, 0.12);\n }\n\n @keyframes vrMechanismPulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.65;\n transform: scale(0.74);\n }\n }\n\n \/* SEGURANÇA E SUPORTE · ENCERRAMENTO *\/\n #vartelli-infinity-royal-ultimate .vr-final {\n position: relative;\n overflow: hidden;\n padding: 29px 20px;\n border-radius: var(--vr-radius);\n background:\n radial-gradient(\n circle at 92% 4%,\n rgba(193, 163, 117, 0.22),\n transparent 34%\n ),\n var(--vr-navy);\n color: #fff;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final::after {\n content: \"V\";\n position: absolute;\n right: -10px;\n bottom: -56px;\n color: rgba(255, 255, 255, 0.035);\n font-family: Georgia, serif;\n font-size: 210px;\n line-height: 1;\n pointer-events: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final \u003e * {\n position: relative;\n z-index: 1;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final .vr-eyebrow {\n color: #d1b888;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n max-width: 620px;\n color: #fff;\n font-size: clamp(26px, 7.5vw, 34px);\n line-height: 1.06;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n max-width: 620px;\n margin: 10px 0 0;\n color: #d6dce1;\n font-size: 13.8px;\n line-height: 1.58;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n display: grid;\n gap: 9px;\n margin-top: 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item {\n min-width: 0;\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n gap: 10px;\n align-items: start;\n padding: 12px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 13px;\n background: rgba(255, 255, 255, 0.055);\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-icon {\n width: 28px;\n height: 28px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: rgba(209, 184, 136, 0.16);\n color: #d1b888;\n font-size: 13px;\n font-weight: 800;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong,\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n display: block;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item strong {\n color: #ffffff;\n font-size: 11.7px;\n line-height: 1.35;\n }\n\n #vartelli-infinity-royal-ultimate .vr-trust-item small {\n margin-top: 3px;\n color: #b8c2ca;\n font-size: 10.6px;\n line-height: 1.45;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-action {\n margin-top: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n min-height: 51px;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n padding: 12px 13px 12px 18px;\n border: 1px solid #fff;\n border-radius: 999px;\n background: #fff;\n color: var(--vr-navy);\n font-size: 12.8px;\n font-weight: 800;\n cursor: pointer;\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button:active {\n transform: scale(0.985);\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-icon {\n width: 29px;\n height: 29px;\n flex: 0 0 29px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--vr-navy);\n color: #fff;\n font-size: 14px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n margin: 9px 0 0;\n color: #9eabb6;\n font-size: 10.3px;\n line-height: 1.4;\n text-align: center;\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-trust-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n \/* ANIMAÇÃO SUAVE, SEM ATRASAR A LEITURA *\/\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.58s ease,\n transform 0.68s var(--vr-ease);\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate.is-visible {\n opacity: 1;\n transform: none;\n }\n\n @container vartelli-copy (min-width: 600px) {\n #vartelli-infinity-royal-ultimate .vr-life-card {\n flex-basis: 48%;\n }\n\n #vartelli-infinity-royal-ultimate .vr-buy-button {\n width: auto;\n min-width: 285px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-note {\n width: 285px;\n }\n }\n\n @container vartelli-copy (min-width: 769px) {\n #vartelli-infinity-royal-ultimate .vr-section {\n padding: 60px 0;\n }\n\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: clamp(44px, 5.1vw, 62px);\n line-height: 0.99;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: clamp(34px, 3.6vw, 43px);\n line-height: 1.03;\n }\n\n #vartelli-infinity-royal-ultimate .vr-subtitle,\n #vartelli-infinity-royal-ultimate .vr-section-text {\n font-size: 15px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero {\n grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\n align-items: center;\n gap: clamp(38px, 5vw, 68px);\n padding-top: 52px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-hero-img {\n height: clamp(500px, 52vw, 650px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-card {\n max-width: 840px;\n margin: 0 auto;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-panel img {\n height: min(49vw, 500px);\n aspect-ratio: 16 \/ 10;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-content {\n padding: 24px 27px 21px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-title {\n font-size: 29px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-text {\n max-width: 670px;\n font-size: 14.3px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-detail-controls {\n padding: 0 27px 18px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-progress {\n margin: 0 27px 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-media img {\n height: 100%;\n min-height: 510px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-copy {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: clamp(38px, 4.4vw, 56px);\n }\n\n #vartelli-infinity-royal-ultimate\n .vr-mechanism:hover\n .vr-mechanism-media\n img {\n transform: scale(1.025);\n }\n\n #vartelli-infinity-royal-ultimate .vr-mechanism-text {\n font-size: 14.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-section .vr-section-head {\n max-width: 760px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare {\n height: min(52vw, 560px);\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label {\n top: 16px;\n padding: 8px 11px;\n font-size: 9.5px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-before {\n left: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-label-after {\n right: 16px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-compare-divider::after {\n width: 46px;\n height: 46px;\n font-size: 19px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-lume-caption {\n margin-top: 14px;\n font-size: 12px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n overflow: visible;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card {\n min-width: 0;\n transition:\n transform 0.35s var(--vr-ease),\n box-shadow 0.35s ease;\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vr-shadow);\n }\n\n #vartelli-infinity-royal-ultimate .vr-life-card img {\n height: 310px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-mobile-life-hint {\n display: none;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final {\n padding: 48px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-title {\n font-size: 42px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-final-text {\n font-size: 15px;\n }\n }\n\n @media (min-width: 769px) {\n #vartelli-infinity-royal-ultimate {\n padding-right: 20px;\n padding-left: 20px;\n }\n }\n\n @media (max-width: 370px) {\n #vartelli-infinity-royal-ultimate .vr-title {\n font-size: 30px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-section-title {\n font-size: 24px;\n }\n\n #vartelli-infinity-royal-ultimate .vr-control-hint {\n font-size: 9.7px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #vartelli-infinity-royal-ultimate *,\n #vartelli-infinity-royal-ultimate *::before,\n #vartelli-infinity-royal-ultimate *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n }\n\n #vartelli-infinity-royal-ultimate.vr-js-ready .vr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vartelli-infinity-royal-ultimate\"\u003e\n \u003csection class=\"vr-section vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-copy vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVartelli · Infinity Royal\u003c\/p\u003e\n \u003ch2 class=\"vr-title\"\u003eEngenharia à vista. Presença no pulso.\u003c\/h2\u003e\n \u003cp class=\"vr-subtitle\"\u003e\n O mostrador skeleton revela o movimento automático. A caixa octogonal\n de 40 mm e o aço integrado completam um design marcante, sem excessos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-hero-media vr-animate\"\u003e\n \u003cimg class=\"vr-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/4-elementor-io-optimized_7cff5f64-3b18-4593-82f7-8c2b1bee54a5.webp?v=1784061458\" alt=\"Homem usando o relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-hero-badge\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"vr-hero-dot\"\u003e\u003c\/span\u003e\n Construção aberta\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-details\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eConheça cada detalhe\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eO que diferencia o Infinity Royal.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-card vr-animate\"\u003e\n \u003cdiv class=\"vr-detail-stage\" tabindex=\"0\" role=\"region\" aria-label=\"Galeria de detalhes do relógio\"\u003e\n \u003carticle class=\"vr-detail-panel is-active\" aria-hidden=\"false\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_62.webp?v=1782046265\" alt=\"Mostrador skeleton do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e01 · Mostrador\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eO mecanismo faz parte do design.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A abertura cria profundidade e permite acompanhar o calibre em ação.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eSkeleton\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eProfundidade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/ChatGPT-Image-21-de-jun.-de-2026_-10_16_00.webp?v=1782047896\" alt=\"Relógio automático Vartelli Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e02 · No pulso\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003ePresença bem proporcionada.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A caixa de 40 mm equilibra impacto visual, conforto e firmeza no\n pulso.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eConforto\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEquilíbrio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_63.webp?v=1782046264\" alt=\"Acabamento e vidro do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e03 · Acabamento\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eBrilho na medida certa.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O aço combina reflexos discretos e linhas definidas, valorizando\n a geometria da peça.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eAço\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003ePrecisão\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_60.webp?v=1782003497\" alt=\"Caixa octogonal de 40 milímetros do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e04 · Caixa\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eGeometria que foge do óbvio.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n O formato octogonal rompe com o tradicional e muda a leitura do\n relógio de frente ou de perfil.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eOctogonal\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eAssinatura\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-detail-panel\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_61.webp?v=1782046263\" alt=\"Pulseira integrada em aço do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003cdiv class=\"vr-detail-content\"\u003e\n \u003cp class=\"vr-detail-meta\"\u003e05 · Pulseira\u003c\/p\u003e\n \u003ch3 class=\"vr-detail-title\"\u003eIntegração de ponta a ponta.\u003c\/h3\u003e\n \u003cp class=\"vr-detail-text\"\u003e\n A pulseira acompanha as linhas da caixa e forma um conjunto\n coeso, firme e fácil de combinar.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-tags\"\u003e\n \u003cspan class=\"vr-tag\"\u003eVersatilidade\u003c\/span\u003e\n \u003cspan class=\"vr-tag\"\u003eEncaixe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-detail-controls\"\u003e\n \u003cbutton class=\"vr-arrow vr-prev\" type=\"button\" aria-label=\"Ver detalhe anterior\"\u003e\n ‹\n \u003c\/button\u003e\n \u003cdiv class=\"vr-control-copy\"\u003e\n \u003cspan class=\"vr-counter\" aria-live=\"polite\"\u003e01 \/ 05\u003c\/span\u003e\n \u003cspan class=\"vr-control-hint\"\u003eDeslize ou use as setas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"vr-arrow vr-next\" type=\"button\" aria-label=\"Ver próximo detalhe\"\u003e\n ›\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-progress\" role=\"progressbar\" aria-label=\"Progresso da galeria\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003carticle class=\"vr-mechanism vr-animate\"\u003e\n \u003cdiv class=\"vr-mechanism-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/image-_49.webp?v=1782049873\" alt=\"Detalhe do mecanismo do relógio Vartelli Infinity Royal\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cspan class=\"vr-mechanism-badge\"\u003eCalibre automático\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-mechanism-copy\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eMovimento mecânico\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eAutomático. Sem depender de bateria.\u003c\/h2\u003e\n \u003cp class=\"vr-mechanism-text\"\u003e\n O rotor aproveita os movimentos naturais do braço para dar corda ao\n mecanismo. Pelo mostrador aberto, você acompanha o funcionamento em\n tempo real.\n \u003c\/p\u003e\n \u003cdiv class=\"vr-mechanism-points\" aria-label=\"Destaques do movimento\"\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCarga automática\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eCalibre visível\u003c\/span\u003e\n \u003cspan class=\"vr-mechanism-point\"\u003eSem bateria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lume-section\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eTecnologia Vartelli Lume\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eMais visibilidade quando a luz diminui.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Os ponteiros absorvem luz e liberam um brilho suave no escuro,\n facilitando a leitura das horas em ambientes com pouca iluminação.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cfigure class=\"vr-lume-figure vr-animate\"\u003e\n \u003cdiv class=\"vr-compare\" data-vr-compare aria-label=\"Comparação do relógio na luz e no escuro\"\u003e\n \u003cdiv class=\"vr-compare-layer vr-compare-after\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_dial_with_green_lumines__202608032003.webp?v=1785798261\" alt=\"Ponteiros luminescentes do Infinity Royal brilhando no escuro\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-compare-layer vr-compare-before\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Skeleton_watch_macro_shot_2K_202608032001.webp?v=1785798239\" alt=\"Mostrador do Infinity Royal sob luz ambiente\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"vr-compare-label vr-compare-label-before\"\u003e\n Antes · Luz ambiente\n \u003c\/span\u003e\n \u003cspan class=\"vr-compare-label vr-compare-label-after\"\u003e\n Depois · No escuro\n \u003c\/span\u003e\n\n \u003cinput class=\"vr-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Arraste para comparar o relógio na luz e no escuro\"\u003e\n \u003cspan class=\"vr-compare-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cfigcaption class=\"vr-lume-caption\"\u003e\n Arraste o divisor e veja a mudança.\n \u003c\/figcaption\u003e\n \u003c\/figure\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section vr-lifestyle\"\u003e\n \u003cdiv class=\"vr-section-head vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eVersatilidade no visual\u003c\/p\u003e\n \u003ch2 class=\"vr-section-title\"\u003eUm relógio, diferentes ocasiões.\u003c\/h2\u003e\n \u003cp class=\"vr-section-text\"\u003e\n Do casual à alfaiataria, o Infinity Royal acompanha diferentes\n combinações sem perder sua identidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-life-track\" aria-label=\"Benefícios do Infinity Royal no visual\"\u003e\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/5-elementor-io-optimized_bdc9842b-d5e1-4f34-84dc-3623425cc0b1.webp?v=1784061458\" alt=\"Infinity Royal usado com camisa branca em um ambiente casual elegante\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eEleva o básico.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Com peças casuais, adiciona presença sem deixar o visual carregado.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/6-elementor-io-optimized_612b7408-5de8-4f10-8e16-6e50a03b7a0a.webp?v=1784061458\" alt=\"Close do relógio Infinity Royal sob o punho da camisa\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePresença sem exagero.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n O acabamento transita do trabalho a ocasiões especiais com\n naturalidade.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"vr-life-card vr-animate\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/7-elementor-io-optimized_dd4075b7-6395-4bce-a2f2-20f282641408.webp?v=1784061458\" alt=\"Homem exibindo o mostrador do Infinity Royal no pulso\" loading=\"lazy\" decoding=\"async\"\u003e\n \u003cdiv class=\"vr-life-copy\"\u003e\n \u003ch3 class=\"vr-card-title\"\u003eUm design que se diferencia.\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e\n Linhas angulares e mostrador aberto criam uma estética reconhecível\n de longe e interessante de perto.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-mobile-hint vr-mobile-life-hint\"\u003eDeslize para ver mais\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003cdiv class=\"vr-final vr-animate\"\u003e\n \u003cp class=\"vr-eyebrow\"\u003eCompra com tranquilidade\u003c\/p\u003e\n \u003ch2 class=\"vr-final-title\"\u003e\n Você não compra apenas um relógio. Compra com suporte Vartelli.\n \u003c\/h2\u003e\n \u003cp class=\"vr-final-text\"\u003e\n Segurança e acompanhamento para você escolher com confiança.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vr-trust-grid\" role=\"list\" aria-label=\"Segurança e suporte da Vartelli\"\u003e\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003ePagamento protegido\u003c\/strong\u003e\n \u003csmall\u003eSeus dados são processados em ambiente seguro.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAcompanhamento do pedido\u003c\/strong\u003e\n \u003csmall\u003eConsulte o andamento da entrega com facilidade.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-trust-item\" role=\"listitem\"\u003e\n \u003cspan class=\"vr-trust-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e\n \u003cstrong\u003eAtendimento Vartelli\u003c\/strong\u003e\n \u003csmall\u003eSuporte antes e depois da sua compra.\u003c\/small\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vr-final-action\"\u003e\n \u003cbutton class=\"vr-buy-button\" type=\"button\"\u003e\n \u003cspan\u003eEscolher minha cor\u003c\/span\u003e\n \u003cspan class=\"vr-buy-icon\" aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function () {\n \"use strict\";\n\n function formatCounter(index, total) {\n return (\n String(index + 1).padStart(2, \"0\") +\n \" \/ \" +\n String(total).padStart(2, \"0\")\n );\n }\n\n function initSlider(root) {\n var stage = root.querySelector(\".vr-detail-stage\");\n var panels = stage\n ? Array.prototype.slice.call(stage.querySelectorAll(\".vr-detail-panel\"))\n : [];\n var previous = root.querySelector(\".vr-prev\");\n var next = root.querySelector(\".vr-next\");\n var counter = root.querySelector(\".vr-counter\");\n var progress = root.querySelector(\".vr-progress\");\n var progressBar = progress ? progress.querySelector(\"span\") : null;\n\n if (!stage || !panels.length || !previous || !next) return;\n if (stage.dataset.sliderReady === \"true\") return;\n stage.dataset.sliderReady = \"true\";\n\n var index = 0;\n var startX = null;\n var startY = null;\n var pointerId = null;\n var directionTimer = null;\n\n function show(newIndex, direction) {\n index = (newIndex + panels.length) % panels.length;\n\n if (directionTimer) window.clearTimeout(directionTimer);\n stage.classList.toggle(\"is-back\", direction \u003c 0);\n\n panels.forEach(function (panel, panelIndex) {\n var active = panelIndex === index;\n panel.classList.toggle(\"is-active\", active);\n panel.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n\n if (counter) counter.textContent = formatCounter(index, panels.length);\n\n if (progress) {\n progress.setAttribute(\"aria-valuenow\", String(index + 1));\n }\n\n if (progressBar) {\n progressBar.style.width = ((index + 1) \/ panels.length) * 100 + \"%\";\n }\n\n directionTimer = window.setTimeout(function () {\n stage.classList.remove(\"is-back\");\n }, 500);\n }\n\n function goPrevious(event) {\n if (event) event.preventDefault();\n show(index - 1, -1);\n }\n\n function goNext(event) {\n if (event) event.preventDefault();\n show(index + 1, 1);\n }\n\n previous.addEventListener(\"click\", goPrevious);\n next.addEventListener(\"click\", goNext);\n\n stage.addEventListener(\"keydown\", function (event) {\n if (event.key === \"ArrowLeft\") goPrevious(event);\n if (event.key === \"ArrowRight\") goNext(event);\n });\n\n stage.addEventListener(\n \"pointerdown\",\n function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n pointerId = event.pointerId;\n startX = event.clientX;\n startY = event.clientY;\n },\n { passive: true },\n );\n\n stage.addEventListener(\n \"pointerup\",\n function (event) {\n if (startX === null || startY === null) return;\n if (pointerId !== null \u0026\u0026 pointerId !== event.pointerId) return;\n\n var distanceX = startX - event.clientX;\n var distanceY = startY - event.clientY;\n\n startX = null;\n startY = null;\n pointerId = null;\n\n if (\n Math.abs(distanceX) \u003e= 38 \u0026\u0026\n Math.abs(distanceX) \u003e Math.abs(distanceY) * 1.15\n ) {\n if (distanceX \u003e 0) goNext(event);\n else goPrevious(event);\n }\n },\n { passive: false },\n );\n\n stage.addEventListener(\"pointercancel\", function () {\n startX = null;\n startY = null;\n pointerId = null;\n });\n\n stage.querySelectorAll(\"img\").forEach(function (image) {\n image.addEventListener(\"dragstart\", function (event) {\n event.preventDefault();\n });\n });\n\n show(0, 0);\n }\n\n function initReveal(root) {\n var targets = root.querySelectorAll(\".vr-animate\");\n var reducedMotion =\n window.matchMedia \u0026\u0026\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n root.classList.add(\"vr-js-ready\");\n\n if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n targets.forEach(function (target) {\n target.classList.add(\"is-visible\");\n });\n return;\n }\n\n var observer = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n observer.unobserve(entry.target);\n });\n },\n {\n threshold: 0.08,\n rootMargin: \"0px 0px -6% 0px\",\n },\n );\n\n targets.forEach(function (target) {\n observer.observe(target);\n });\n }\n\n function initComparison(root) {\n var comparisons = root.querySelectorAll(\"[data-vr-compare]\");\n\n comparisons.forEach(function (comparison) {\n var range = comparison.querySelector(\".vr-compare-range\");\n\n if (!range || comparison.dataset.compareReady === \"true\") return;\n comparison.dataset.compareReady = \"true\";\n var dragging = false;\n var activePointerId = null;\n\n function update() {\n comparison.style.setProperty(\"--vr-lume-position\", range.value + \"%\");\n }\n\n function updateFromPointer(event) {\n var bounds = comparison.getBoundingClientRect();\n if (!bounds.width) return;\n\n var value = ((event.clientX - bounds.left) \/ bounds.width) * 100;\n value = Math.max(0, Math.min(100, value));\n range.value = String(Math.round(value));\n update();\n }\n\n comparison.addEventListener(\"pointerdown\", function (event) {\n if (event.pointerType === \"mouse\" \u0026\u0026 event.button !== 0) return;\n\n dragging = true;\n activePointerId = event.pointerId;\n updateFromPointer(event);\n\n if (comparison.setPointerCapture) {\n comparison.setPointerCapture(event.pointerId);\n }\n });\n\n comparison.addEventListener(\"pointermove\", function (event) {\n if (!dragging || event.pointerId !== activePointerId) return;\n updateFromPointer(event);\n });\n\n function stopDragging(event) {\n if (\n activePointerId !== null \u0026\u0026\n event.pointerId !== undefined \u0026\u0026\n event.pointerId !== activePointerId\n ) {\n return;\n }\n\n dragging = false;\n activePointerId = null;\n }\n\n comparison.addEventListener(\"pointerup\", stopDragging);\n comparison.addEventListener(\"pointercancel\", stopDragging);\n comparison.addEventListener(\"lostpointercapture\", stopDragging);\n\n range.addEventListener(\"input\", update);\n range.addEventListener(\"change\", update);\n update();\n });\n }\n\n function initBuyButton(root) {\n var button = root.querySelector(\".vr-buy-button\");\n if (!button || button.dataset.buyReady === \"true\") return;\n button.dataset.buyReady = \"true\";\n\n button.addEventListener(\"click\", function () {\n var target =\n document.querySelector(\".product-form__submit\") ||\n document.querySelector('button[name=\"add\"]') ||\n document.querySelector('form[action*=\"\/cart\/add\"]') ||\n document.querySelector(\"[data-product-form]\");\n\n if (!target) {\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n return;\n }\n\n var destination =\n target.closest(\".product__info-container\") ||\n target.closest(\".product\") ||\n target;\n\n destination.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n window.setTimeout(function () {\n if (target.focus) target.focus({ preventScroll: true });\n }, 650);\n });\n }\n\n function mountFullWidth(root) {\n if (!root || root.closest(\".vartelli-copy-host\")) return root;\n\n var productInfo = root.closest(\".product__info-container\");\n var productSection = root.closest(\".shopify-section\");\n\n if (!productInfo || !productSection || !productSection.parentNode) {\n return root;\n }\n\n var description = root.closest(\".product__description\");\n var host = document.querySelector(\n '.vartelli-copy-host[data-vr-copy-host=\"infinity-royal\"]',\n );\n\n if (!host) {\n host = document.createElement(\"div\");\n host.className = \"vartelli-copy-host\";\n host.setAttribute(\"data-vr-copy-host\", \"infinity-royal\");\n }\n\n var previousRoot = host.querySelector(\n \"#vartelli-infinity-royal-ultimate\",\n );\n\n if (previousRoot \u0026\u0026 previousRoot !== root) {\n previousRoot.remove();\n }\n\n if (host.previousElementSibling !== productSection) {\n productSection.insertAdjacentElement(\"afterend\", host);\n }\n\n host.appendChild(root);\n\n if (description) {\n description.classList.add(\"vr-description-relocated\");\n }\n\n return root;\n }\n\n function init(scope) {\n var root =\n scope \u0026\u0026\n scope.matches \u0026\u0026\n scope.matches(\"#vartelli-infinity-royal-ultimate\")\n ? scope\n : scope \u0026\u0026 scope.querySelector\n ? scope.querySelector(\"#vartelli-infinity-royal-ultimate\")\n : document.querySelector(\"#vartelli-infinity-royal-ultimate\");\n\n if (!root) return;\n\n root = mountFullWidth(root);\n\n if (root.dataset.vartelliReady === \"true\") return;\n root.dataset.vartelliReady = \"true\";\n\n initSlider(root);\n initComparison(root);\n initReveal(root);\n initBuyButton(root);\n }\n\n function start() {\n init(document);\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n } else {\n start();\n }\n\n if (!window.__vartelliInfinityRoyalSectionEvents) {\n window.__vartelliInfinityRoyalSectionEvents = true;\n document.addEventListener(\"shopify:section:load\", function (event) {\n init(event.target || document);\n });\n document.addEventListener(\"shopify:section:select\", function (event) {\n init(event.target || document);\n });\n }\n })();\n\u003c\/script\u003e\n","brand":"VARTELLI","offers":[{"title":"Prata Carbono","offer_id":54148669571382,"sku":"14:200005100#M270-8","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Royal","offer_id":54148669538614,"sku":"14:201447598#M270-6","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Prata Neve","offer_id":54148669604150,"sku":"14:29#M270-4","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":54148669636918,"sku":"14:175#M270-5","price":357.9,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":54148669669686,"sku":"14:200005100#M270-1","price":357.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/cor_prata_carbono.png?v=1787098491"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/collections\/ChatGPT_Image_25_de_ago._de_2026_23_03_59_1.png?v=1787709880","url":"https:\/\/vartelli.com\/collections\/relogios-masculinos.oembed?page=2","provider":"VARTELLI","version":"1.0","type":"link"}