{"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","url":"https:\/\/vartelli.com\/products\/relogio-masculino-automatico-vartelli-infinity-royal","provider":"VARTELLI","version":"1.0","type":"link"}