{"title":"Exclusivos","description":null,"products":[{"product_id":"oculos-de-sol-aviador-unissex-ravel","title":"Óculos de Sol Aviador Unissex UV400 — Ravel","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #eef0f2; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\n .preview-frame { max-width: 900px; margin: 0 auto; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.08); }\n .preview-note { max-width: 900px; margin: 0 auto 16px; padding: 14px 18px; background: #17181a; color: #eef1f3; font-size: 13px; line-height: 1.5; border-radius: 8px; }\n .preview-note code { background: rgba(255,255,255,.12); padding: 1px 5px; border-radius: 3px; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n .rav-ravel {\n --rav-ink: #15161a;\n --rav-ink-soft: #52565c;\n --rav-white: #ffffff;\n --rav-panel: #f6f5f3;\n --rav-line: #e7e4de;\n --rav-graphite: #1f2023;\n --rav-olive: #74815a;\n --rav-olive-deep: #4a5636;\n --rav-sky: #6fa4c4;\n --rav-sky-deep: #2e5570;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--rav-ink);\n background: var(--rav-white);\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px 48px;\n box-sizing: border-box;\n }\n .rav-ravel * { box-sizing: border-box; }\n\n .rav-kicker {\n font-size: 11px;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--rav-ink-soft);\n font-weight: 600;\n margin: 0 0 14px;\n text-align: center;\n }\n .rav-title {\n font-family: Georgia, \"Iowan Old Style\", \"Palatino Linotype\", \"Times New Roman\", serif;\n font-weight: 400;\n font-size: 30px;\n line-height: 1.15;\n letter-spacing: .01em;\n margin: 0 0 12px;\n text-align: center;\n color: var(--rav-ink);\n }\n .rav-subtitle {\n font-size: 15px;\n line-height: 1.5;\n color: var(--rav-ink-soft);\n text-align: center;\n max-width: 500px;\n margin: 0 auto 32px;\n }\n\n .rav-divider {\n width: 44px;\n height: 2px;\n background: var(--rav-ink);\n margin: 0 auto 32px;\n border: none;\n }\n\n .rav-story {\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-width: 640px;\n margin: 0 auto 40px;\n }\n .rav-story p {\n font-size: 15.5px;\n line-height: 1.75;\n color: var(--rav-ink-soft);\n margin: 0;\n }\n .rav-story p:first-child::first-letter {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-size: 42px;\n line-height: .78;\n float: left;\n padding: 4px 8px 0 0;\n color: var(--rav-ink);\n }\n\n \/* --- Variantes de lente: único ponto onde a cor real aparece cheia --- *\/\n .rav-variants { max-width: 640px; margin: 0 auto 44px; }\n .rav-variants-label {\n font-size: 12px;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--rav-ink-soft);\n font-weight: 600;\n margin: 0 0 12px;\n text-align: center;\n }\n .rav-variant-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n .rav-variant-card {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 18px;\n background: var(--rav-panel);\n border: 1px solid var(--rav-line);\n border-radius: 14px;\n transition: box-shadow .35s ease, transform .35s ease;\n }\n .rav-variant-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 22px -12px rgba(21,22,26,.3);\n }\n .rav-variant-swatch {\n position: relative;\n flex: 0 0 46px;\n width: 46px;\n height: 46px;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(21,22,26,.1), 0 6px 12px -8px rgba(21,22,26,.35);\n }\n .rav-variant-swatch::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 50%;\n box-shadow: inset 0 1px 2px rgba(255,255,255,.55);\n }\n .rav-variant-swatch.is-olive { background: var(--rav-olive); }\n .rav-variant-swatch.is-sky { background: linear-gradient(180deg, var(--rav-sky) 0%, #eef3f0 100%); }\n .rav-variant-text { display: flex; flex-direction: column; gap: 2px; }\n .rav-variant-name { font-weight: 700; font-size: 14.5px; color: var(--rav-ink); }\n .rav-variant-desc { font-size: 13.5px; color: var(--rav-ink-soft); line-height: 1.4; }\n\n .rav-specs { max-width: 800px; margin: 0 auto 40px; }\n .rav-specs h3 {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-weight: 400;\n font-size: 20px;\n text-align: center;\n margin: 0 0 24px;\n color: var(--rav-ink);\n }\n .rav-spec-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n \/* --- Cartão neutro. A cor só acende no hover, como fio fino --- *\/\n .rav-spec-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n padding: 16px;\n background: var(--rav-white);\n border: 1px solid var(--rav-line);\n border-radius: 12px;\n transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;\n }\n .rav-spec-item:hover {\n border-color: var(--rav-ink);\n box-shadow: 0 12px 26px -16px rgba(21,22,26,.4);\n transform: translateY(-2px);\n }\n\n .rav-icon-wrap { position: relative; flex: 0 0 auto; width: 44px; height: 44px; }\n .rav-icon-wrap::before {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: 50%;\n background: conic-gradient(from 200deg, var(--rav-olive-deep), var(--rav-sky-deep), var(--rav-olive-deep));\n opacity: 0;\n transition: opacity .4s ease;\n }\n .rav-spec-item:hover .rav-icon-wrap::before { opacity: 1; }\n\n .rav-icon {\n position: relative;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--rav-panel);\n color: var(--rav-ink-soft);\n transition: background .4s ease, color .4s ease;\n }\n .rav-spec-item:hover .rav-icon { background: var(--rav-graphite); color: #fff; }\n .rav-icon svg {\n width: 21px;\n height: 21px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke .4s ease;\n }\n \/* ícone de \"Lentes\" mostra as duas cores reais — informativo, sempre visível *\/\n .rav-icon .rav-lens-olive { fill: var(--rav-olive); stroke: none; }\n .rav-icon .rav-lens-sky { fill: var(--rav-sky); stroke: none; }\n .rav-icon .rav-lens-outline { fill: none; stroke: var(--rav-ink); stroke-width: 1.3; }\n\n .rav-spec-item h4 {\n margin: 0 0 3px;\n font-size: 13.5px;\n letter-spacing: .03em;\n text-transform: uppercase;\n color: var(--rav-ink);\n font-weight: 700;\n }\n .rav-spec-item p {\n margin: 0;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--rav-ink-soft);\n }\n\n .rav-closing { max-width: 560px; margin: 0 auto; text-align: center; padding-top: 8px; }\n .rav-closing p { font-size: 15.5px; line-height: 1.7; color: var(--rav-ink-soft); margin: 0 0 14px; }\n .rav-closing .rav-signoff {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-style: italic;\n font-size: 16.5px;\n color: var(--rav-ink);\n }\n\n \/* Tablet — breakpoint do tema Dawn *\/\n @media screen and (min-width: 750px) {\n .rav-ravel { padding: 56px 32px 64px; }\n .rav-title { font-size: 36px; }\n .rav-subtitle { font-size: 16px; margin-bottom: 40px; }\n .rav-story p { font-size: 16.5px; }\n .rav-variant-row { grid-template-columns: 1fr 1fr; }\n .rav-spec-grid { grid-template-columns: 1fr 1fr; }\n }\n\n \/* Desktop — breakpoint do tema Dawn *\/\n @media screen and (min-width: 990px) {\n .rav-title { font-size: 42px; }\n .rav-story { gap: 18px; }\n .rav-spec-grid { grid-template-columns: 1fr 1fr 1fr; gap: 14px; }\n .rav-icon-wrap { width: 48px; height: 48px; }\n .rav-icon svg { width: 23px; height: 23px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"preview-frame\"\u003e\n\u003cdiv class=\"rav-ravel\"\u003e\n\u003cp class=\"rav-kicker\"\u003e \u003c\/p\u003e\n\u003cp class=\"rav-kicker\"\u003eMODELO Ravel · Tartaruga Clássica\u003c\/p\u003e\n\u003ch2 class=\"rav-title\"\u003eRavel — Aviador Quadrado\u003c\/h2\u003e\n\u003cp class=\"rav-subtitle\"\u003eUma silhueta de piloto, redesenhada com precisão geométrica.\u003c\/p\u003e\n\u003chr class=\"rav-divider\"\u003e\n\u003cdiv class=\"rav-story\"\u003e\n\u003cp\u003eO Ravel parte de uma referência clássica — a armação de dupla ponte, com raízes no desenho aviador — mas troca as curvas tradicionais por um contorno mais quadrado e estrutural. O resultado é uma peça com presença, sem depender de excessos.\u003c\/p\u003e\n\u003cp\u003eA tartaruga clássica, em tons de mel e marrom profundo, cobre toda a armação — do aro às hastes espessas em acetato — criando uma textura que muda sutilmente de tom conforme a luz.\u003c\/p\u003e\n\u003cp\u003eA ponte dupla, com uma barra que atravessa o topo das lentes, reforça a estrutura e assina o desenho: um detalhe técnico que também é estético, herdado dos óculos de piloto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-variants\"\u003e\n\u003cp class=\"rav-variants-label\"\u003eDuas leituras para a mesma armação\u003c\/p\u003e\n\u003cdiv class=\"rav-variant-row\"\u003e\n\u003cdiv class=\"rav-variant-card\"\u003e\n\u003cdiv class=\"rav-variant-swatch is-olive\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rav-variant-text\"\u003e\n\u003cspan class=\"rav-variant-name\"\u003eOlive\u003c\/span\u003e \u003cspan class=\"rav-variant-desc\"\u003eVerde oliva opaco e terroso — discrição com caráter.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-variant-card\"\u003e\n\u003cdiv class=\"rav-variant-swatch is-sky\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rav-variant-text\"\u003e\n\u003cspan class=\"rav-variant-name\"\u003eSky Blue\u003c\/span\u003e \u003cspan class=\"rav-variant-desc\"\u003eDegradê azul-céu translúcido — mais profundo no topo, suave na base.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-specs\"\u003e\n\u003ch3\u003eO que faz o Ravel ser o Ravel\u003c\/h3\u003e\n\u003cdiv class=\"rav-spec-grid\"\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 9h4.5L13 6h4l1.5 3\"\u003e\u003c\/path\u003e\u003cpath d=\"M3.5 9h17\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 9v3.5A3.5 3.5 0 0 0 7.5 16h1A3.5 3.5 0 0 0 12 12.5V11M12 11v1.5A3.5 3.5 0 0 0 15.5 16h1A3.5 3.5 0 0 0 20 12.5V9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFormato\u003c\/h4\u003e\n\u003cp\u003eAviador quadrado, dupla ponte — estrutura geométrica com herança clássica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m12 3 9 5-9 5-9-5 9-5Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 12 9 5 9-5\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 16 9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eMaterial\u003c\/h4\u003e\n\u003cp\u003eAcetato tartaruga premium, hastes espessas e resistentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 8h16M6 8v2M18 8v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"13\" r=\"2.6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 15.6V18\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePonte\u003c\/h4\u003e\n\u003cp\u003eBarra dupla sobre as lentes + ponte keyhole — reforço estrutural visível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath class=\"rav-lens-olive\" d=\"M12 5a7 7 0 0 0 0 14z\"\u003e\u003c\/path\u003e\n \u003cpath class=\"rav-lens-sky\" d=\"M12 5a7 7 0 0 1 0 14z\"\u003e\u003c\/path\u003e\n \u003ccircle class=\"rav-lens-outline\" cx=\"12\" cy=\"12\" r=\"7\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLentes\u003c\/h4\u003e\n\u003cp\u003eDuas opções — Olive (opaca) ou Sky Blue (degradê translúcido).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3\" y=\"10\" width=\"18\" height=\"4\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M4 10V8.5A1.5 1.5 0 0 1 5.5 7h1A1.5 1.5 0 0 1 8 8.5V10M16 10V8.5A1.5 1.5 0 0 1 17.5 7h1A1.5 1.5 0 0 1 20 8.5V10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eHastes\u003c\/h4\u003e\n\u003cp\u003eAcetato espesso, ponta reta — construção robusta, sem perder leveza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-spec-item\"\u003e\n\u003cspan class=\"rav-icon-wrap\"\u003e \u003cspan class=\"rav-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eUso\u003c\/h4\u003e\n\u003cp\u003eVersátil o bastante para o dia a dia, resistente o bastante para acompanhar sem perder identidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rav-closing\"\u003e\n\u003cp\u003eO Ravel não escolhe uma única ocasião — ele se adapta, mantendo sempre a mesma estrutura de caráter.\u003c\/p\u003e\n\u003cp class=\"rav-signoff\"\u003eRavel. Aviador reinventado, em tartaruga clássica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kroma Óculos","offers":[{"title":"Azul","offer_id":45863323500679,"sku":null,"price":189.0,"currency_code":"BRL","in_stock":true},{"title":"Verde","offer_id":45863323533447,"sku":null,"price":189.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direito_autoral_Via_75.png?v=1789529837"},{"product_id":"oculos-de-sol-redondo-unissex-noren","title":"Óculos de Sol Redondo Unissex UV400 — Noren","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #eef0f2; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\n .preview-frame { max-width: 900px; margin: 0 auto; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.08); }\n .preview-note { max-width: 900px; margin: 0 auto 16px; padding: 14px 18px; background: #17181a; color: #eef1f3; font-size: 13px; line-height: 1.5; border-radius: 8px; }\n .preview-note code { background: rgba(255,255,255,.12); padding: 1px 5px; border-radius: 3px; }\n\u003c\/style\u003e\n\u003cdiv class=\"preview-frame\"\u003e\n\u003cdiv class=\"nrn-noren\"\u003e\n\u003cbr\u003e\n\u003cp class=\"nrn-kicker\"\u003eÓCULOS Noren · DEGRADÊ Azul \u0026amp; Rosa\u003c\/p\u003e\n\u003ch2 class=\"nrn-title\"\u003eNoren, em Degradê Azul \u0026amp; Rosa\u003c\/h2\u003e\n\u003cp class=\"nrn-subtitle\"\u003eUma leitura contemporânea do retrô, em tons que se transformam com a luz.\u003c\/p\u003e\n\u003chr class=\"nrn-divider\"\u003e\n\u003cdiv class=\"nrn-story\"\u003e\n\u003cp\u003eO Noren revisita uma linguagem retrô com lentes redondas e discretas — mas a armação em acetato e metal, de traço fino e bem definido, garante uma presença que não deve nada ao passado.\u003c\/p\u003e\n\u003cp\u003eSua assinatura está na lente: um azul profundo que se dissolve, gradualmente, em um rosa suave — uma transição sutil que muda de tom conforme a luz do dia.\u003c\/p\u003e\n\u003cp\u003eA ponte dupla, em metal, traz rebites finos posicionados com precisão — um detalhe que recompensa quem observa de perto, sem pedir atenção à distância.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-swatch-row\"\u003e\n\u003cdiv class=\"nrn-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nrn-swatch-text\"\u003e\n\u003cspan class=\"nrn-swatch-label\"\u003eDegradê Azul \u0026amp; Rosa\u003c\/span\u003e \u003cspan class=\"nrn-swatch-desc\"\u003eLente translúcida, do azul profundo ao rosa suave — o tom muda conforme o ângulo da luz.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-specs\"\u003e\n\u003ch3\u003eO que faz o Noren ser o Noren\u003c\/h3\u003e\n\u003cdiv class=\"nrn-spec-grid\"\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"7\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M11 12h2M2.5 12.5 3 11M21.5 12.5 21 11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFormato\u003c\/h4\u003e\n\u003cp\u003eRedondo e discreto, com raízes no design retrô reinterpretadas com precisão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath class=\"nrn-lens-fill\" d=\"M12 3c3.5 3.6 6 6.9 6 10a6 6 0 1 1-12 0c0-3.1 2.5-6.4 6-10Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLente\u003c\/h4\u003e\n\u003cp\u003eDégradé translúcido, do azul profundo ao rosa suave — o tom muda conforme o ângulo da luz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"6\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.3\" fill=\"currentColor\" stroke=\"none\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePonte\u003c\/h4\u003e\n\u003cp\u003eDupla, em metal, com rebites finos que reforçam a estrutura com discrição.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m12 3 9 5-9 5-9-5 9-5Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 12 9 5 9-5\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 16 9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eArmação\u003c\/h4\u003e\n\u003cp\u003eAcetato e metal em preto — leve ao toque, sólida na construção.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"7\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9 12h6M12 9v6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eAcabamento\u003c\/h4\u003e\n\u003cp\u003eDetalhes metálicos milimetricamente posicionados nas laterais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-spec-item\"\u003e\n\u003cspan class=\"nrn-icon-wrap\"\u003e \u003cspan class=\"nrn-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8L12 3Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eUso\u003c\/h4\u003e\n\u003cp\u003eVersátil o bastante para o dia a dia, particular o bastante para ser notado por quem entende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nrn-closing\"\u003e\n\u003cp\u003eO Noren não busca aprovação — apenas revela o bom gosto de quem já sabe exatamente o que quer.\u003c\/p\u003e\n\u003cp class=\"nrn-signoff\"\u003eDegradê Azul \u0026amp; Rosa. Um clássico revisitado com precisão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .nrn-noren {\n --nrn-ink: #15161a;\n --nrn-ink-soft: #52565c;\n --nrn-muted: #9a9a9a;\n --nrn-white: #ffffff;\n --nrn-panel: #f6f5f3;\n --nrn-line: #e7e4de;\n --nrn-graphite: #1f2023;\n --nrn-blue: #6fa9c4;\n --nrn-blue-deep: #2e4a5c;\n --nrn-rose: #d9a3b3;\n --nrn-rose-deep: #7c4451;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--nrn-ink);\n background: var(--nrn-white);\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px 48px;\n box-sizing: border-box;\n }\n .nrn-noren * { box-sizing: border-box; }\n\n .nrn-kicker {\n font-size: 11px;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--nrn-ink-soft);\n font-weight: 600;\n margin: 0 0 14px;\n text-align: center;\n }\n .nrn-title {\n font-family: Georgia, \"Iowan Old Style\", \"Palatino Linotype\", \"Times New Roman\", serif;\n font-weight: 400;\n font-size: 30px;\n line-height: 1.15;\n letter-spacing: .01em;\n margin: 0 0 12px;\n text-align: center;\n color: var(--nrn-ink);\n }\n .nrn-subtitle {\n font-size: 15px;\n line-height: 1.5;\n color: var(--nrn-ink-soft);\n text-align: center;\n max-width: 480px;\n margin: 0 auto 32px;\n }\n\n .nrn-divider {\n width: 44px;\n height: 2px;\n background: var(--nrn-ink);\n margin: 0 auto 32px;\n border: none;\n }\n\n .nrn-story {\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-width: 640px;\n margin: 0 auto 40px;\n }\n .nrn-story p {\n font-size: 15.5px;\n line-height: 1.75;\n color: var(--nrn-ink-soft);\n margin: 0;\n }\n .nrn-story p:first-child::first-letter {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-size: 42px;\n line-height: .78;\n float: left;\n padding: 4px 8px 0 0;\n color: var(--nrn-ink);\n }\n\n \/* --- Swatch: único ponto onde a cor real aparece cheia (é informativa) --- *\/\n .nrn-swatch-row {\n display: flex;\n align-items: center;\n gap: 18px;\n max-width: 640px;\n margin: 0 auto 44px;\n padding: 18px;\n background: var(--nrn-panel);\n border: 1px solid var(--nrn-line);\n border-radius: 14px;\n }\n .nrn-swatch {\n position: relative;\n flex: 0 0 52px;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: linear-gradient(180deg, var(--nrn-blue) 0%, #f2efe9 52%, var(--nrn-rose) 100%);\n box-shadow: inset 0 0 0 1px rgba(21,22,26,.08), 0 6px 14px -8px rgba(21,22,26,.35);\n transition: transform .35s ease, box-shadow .35s ease;\n }\n .nrn-swatch::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 50%;\n box-shadow: inset 0 1px 2px rgba(255,255,255,.6);\n }\n .nrn-swatch-row:hover .nrn-swatch {\n transform: scale(1.05);\n box-shadow: inset 0 0 0 1px rgba(21,22,26,.1), 0 10px 20px -10px rgba(21,22,26,.45);\n }\n .nrn-swatch-text { display: flex; flex-direction: column; gap: 2px; }\n .nrn-swatch-label { font-weight: 700; font-size: 14.5px; color: var(--nrn-ink); }\n .nrn-swatch-desc { font-size: 13.5px; color: var(--nrn-ink-soft); line-height: 1.4; }\n\n .nrn-specs { max-width: 800px; margin: 0 auto 40px; }\n .nrn-specs h3 {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-weight: 400;\n font-size: 20px;\n text-align: center;\n margin: 0 0 24px;\n color: var(--nrn-ink);\n }\n .nrn-spec-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n \/* --- Cartão: neutro por padrão. A cor só acende no hover, como fio fino --- *\/\n .nrn-spec-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n padding: 16px;\n background: var(--nrn-white);\n border: 1px solid var(--nrn-line);\n border-radius: 12px;\n transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;\n }\n .nrn-spec-item:hover {\n border-color: var(--nrn-ink);\n box-shadow: 0 12px 26px -16px rgba(21,22,26,.4);\n transform: translateY(-2px);\n }\n\n .nrn-icon-wrap {\n position: relative;\n flex: 0 0 auto;\n width: 44px;\n height: 44px;\n }\n \/* anel de degradê — o \"ponto-gatilho\" de cor, invisível até o hover *\/\n .nrn-icon-wrap::before {\n content: \"\";\n position: absolute;\n inset: -3px;\n border-radius: 50%;\n background: conic-gradient(from 200deg, var(--nrn-blue-deep), var(--nrn-rose-deep), var(--nrn-blue-deep));\n opacity: 0;\n transition: opacity .4s ease;\n }\n .nrn-spec-item:hover .nrn-icon-wrap::before { opacity: 1; }\n\n .nrn-icon {\n position: relative;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--nrn-panel);\n color: var(--nrn-ink-soft);\n transition: background .4s ease, color .4s ease;\n }\n .nrn-spec-item:hover .nrn-icon {\n background: var(--nrn-graphite);\n color: #fff;\n }\n .nrn-icon svg {\n width: 21px;\n height: 21px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke .4s ease;\n }\n \/* ícone de \"Lente\" mostra a cor real do produto — informativo, sempre visível *\/\n .nrn-icon .nrn-lens-fill { fill: url(#nrn-lens-grad); stroke: var(--nrn-ink); stroke-width: 1; opacity: .95; }\n\n .nrn-spec-item h4 {\n margin: 0 0 3px;\n font-size: 13.5px;\n letter-spacing: .03em;\n text-transform: uppercase;\n color: var(--nrn-ink);\n font-weight: 700;\n }\n .nrn-spec-item p {\n margin: 0;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--nrn-ink-soft);\n }\n\n .nrn-closing {\n max-width: 560px;\n margin: 0 auto;\n text-align: center;\n padding-top: 8px;\n }\n .nrn-closing p {\n font-size: 15.5px;\n line-height: 1.7;\n color: var(--nrn-ink-soft);\n margin: 0 0 14px;\n }\n .nrn-closing .nrn-signoff {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-style: italic;\n font-size: 16.5px;\n color: var(--nrn-ink);\n }\n\n \/* Tablet — breakpoint do tema Dawn *\/\n @media screen and (min-width: 750px) {\n .nrn-noren { padding: 56px 32px 64px; }\n .nrn-title { font-size: 36px; }\n .nrn-subtitle { font-size: 16px; margin-bottom: 40px; }\n .nrn-story p { font-size: 16.5px; }\n .nrn-spec-grid { grid-template-columns: 1fr 1fr; }\n }\n\n \/* Desktop — breakpoint do tema Dawn *\/\n @media screen and (min-width: 990px) {\n .nrn-title { font-size: 42px; }\n .nrn-story { gap: 18px; }\n .nrn-spec-grid { grid-template-columns: 1fr 1fr 1fr; gap: 14px; }\n .nrn-icon-wrap { width: 48px; height: 48px; }\n .nrn-icon svg { width: 23px; height: 23px; }\n }\n\u003c\/style\u003e","brand":"Kroma Óculos","offers":[{"title":"Sky Fade","offer_id":45863323467911,"sku":"Noren-44172554","price":299.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direito_autoral_Via_69.png?v=1789529837"},{"product_id":"oculos-de-sol-oval-unissex-silver-espelhado","title":"Óculos de Sol Oval Unissex UV400 — Silver Espelhado","description":"\u003cstyle\u003e\n \/* ── Reset \u0026 base ── *\/\n .vo-pdp * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .vo-pdp {\n font-family: 'DM Sans', 'Helvetica Neue', sans-serif;\n color: #111111;\n background: #ffffff;\n width: 100%;\n padding: 32px 0 0;\n border-top: 1px solid #e8e8e8;\n }\n\n \/* ── Section label ── *\/\n .vo-section-label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: #999999;\n margin-bottom: 14px;\n }\n\n \/* ════════════════════════════════\n 1. COPY — DESCRIÇÃO\n ════════════════════════════════ *\/\n .vo-copy {\n padding-bottom: 32px;\n border-bottom: 1px solid #efefef;\n margin-bottom: 32px;\n }\n\n .vo-copy p {\n font-size: 14px;\n font-weight: 400;\n line-height: 1.75;\n color: #333333;\n margin-bottom: 14px;\n }\n\n .vo-copy p:last-child {\n margin-bottom: 0;\n }\n\n .vo-copy strong {\n font-weight: 600;\n color: #111111;\n }\n\n \/* ════════════════════════════════\n 2. FEATURE ICONS\n ════════════════════════════════ *\/\n .vo-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n padding-bottom: 32px;\n border-bottom: 1px solid #efefef;\n margin-bottom: 32px;\n }\n\n .vo-feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 18px 10px;\n border: 1px solid #ebebeb;\n border-radius: 8px;\n transition: border-color 0.2s, background 0.2s;\n }\n\n .vo-feature-item:hover {\n border-color: #111111;\n background: #fafafa;\n }\n\n .vo-feature-item svg {\n width: 32px;\n height: 32px;\n margin-bottom: 10px;\n flex-shrink: 0;\n }\n\n .vo-feature-label {\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n color: #111111;\n line-height: 1.4;\n margin-bottom: 4px;\n }\n\n .vo-feature-sub {\n font-size: 10px;\n color: #888888;\n line-height: 1.4;\n }\n\n \/* ════════════════════════════════\n 3. COMPOSIÇÃO\n ════════════════════════════════ *\/\n .vo-composition {\n padding-bottom: 32px;\n border-bottom: 1px solid #efefef;\n margin-bottom: 32px;\n }\n\n .vo-composition-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n\n .vo-comp-item {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 14px 14px;\n background: #f8f8f8;\n border-radius: 6px;\n }\n\n .vo-comp-icon {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n\n .vo-comp-key {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #888888;\n display: block;\n margin-bottom: 2px;\n }\n\n .vo-comp-val {\n font-size: 12.5px;\n font-weight: 500;\n color: #111111;\n }\n\n \/* ════════════════════════════════\n 4. TRUST — QUEBRA DE OBJEÇÕES\n ════════════════════════════════ *\/\n .vo-trust {\n padding-bottom: 32px;\n border-bottom: 1px solid #efefef;\n margin-bottom: 32px;\n }\n\n .vo-trust-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .vo-trust-row {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 14px 16px;\n border: 1px solid #ebebeb;\n border-radius: 8px;\n }\n\n .vo-trust-row svg {\n width: 22px;\n height: 22px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n\n .vo-trust-row-title {\n font-size: 12.5px;\n font-weight: 600;\n color: #111111;\n display: block;\n margin-bottom: 2px;\n }\n\n .vo-trust-row-desc {\n font-size: 11.5px;\n color: #666666;\n line-height: 1.5;\n }\n\n \/* ════════════════════════════════\n 5. PAGAMENTO\n ════════════════════════════════ *\/\n .vo-payment {\n padding-bottom: 8px;\n }\n\n .vo-payment-methods {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 14px;\n }\n\n .vo-pay-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n padding: 0 10px;\n border: 1px solid #dedede;\n border-radius: 5px;\n background: #fff;\n }\n\n .vo-pay-badge svg {\n height: 18px;\n width: auto;\n }\n\n \/* Pix badge especial *\/\n .vo-pay-pix {\n padding: 0 12px;\n gap: 5px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.06em;\n color: #32bcad;\n border-color: #32bcad22;\n background: #f0fffe;\n }\n\n .vo-pay-pix svg {\n height: 14px;\n }\n\n .vo-payment-note {\n font-size: 11px;\n color: #888888;\n line-height: 1.5;\n }\n\n .vo-payment-note strong {\n color: #333333;\n font-weight: 600;\n }\n\n \/* ════════════════════════════════\n MOBILE\n ════════════════════════════════ *\/\n @media (max-width: 749px) {\n .vo-pdp {\n padding: 24px 0 0;\n }\n\n .vo-features {\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n\n .vo-feature-item {\n padding: 14px 8px;\n }\n\n .vo-feature-item svg {\n width: 28px;\n height: 28px;\n }\n\n .vo-feature-label {\n font-size: 10px;\n }\n\n .vo-composition-grid {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n\n .vo-copy p {\n font-size: 13.5px;\n }\n\n .vo-trust-row {\n padding: 12px 14px;\n }\n\n .vo-pay-badge {\n height: 30px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"vo-pdp\"\u003e\n\u003c!-- ── 1. COPY ── --\u003e\n\u003cdiv class=\"vo-copy\"\u003e\n\u003cp class=\"vo-section-label\"\u003eSobre o produto\u003c\/p\u003e\n\u003cp\u003eDesenvolvido para quem não abre mão de presença no dia a dia. A estrutura em acetato oferece leveza real sem comprometer a rigidez — permanece no rosto como foi projetado, do primeiro uso ao último.\u003c\/p\u003e\n\u003cp\u003eAs lentes em \u003cstrong\u003epolicarbonato\u003c\/strong\u003e garantem proteção UV400, reduzindo o cansaço visual mesmo em exposições prolongadas. Corte preciso, encaixe centrado, sem distorção. Clareza que não cansa.\u003c\/p\u003e\n\u003cp\u003eResistente ao uso contínuo. Dobradiças reforçadas, acabamento que não oxida, peso distribuído para conforto em jornadas longas. \u003cstrong\u003eFeito para ser usado — não guardado.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ── 2. FEATURE ICONS ── --\u003e\n\u003cdiv style=\"margin-bottom: 32px;\" class=\"vo-features\"\u003e\n\u003cp style=\"grid-column: 1\/-1;\" class=\"vo-section-label\"\u003eDiferenciais\u003c\/p\u003e\n\u003c!-- UV400 --\u003e\n\u003cdiv class=\"vo-feature-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\"\u003e\n \u003ccircle stroke-width=\"1.8\" stroke=\"#111\" fill=\"none\" r=\"6\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"6.5\" x2=\"16\" y1=\"3\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"29\" x2=\"16\" y1=\"25.5\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"16\" x2=\"6.5\" y1=\"16\" x1=\"3\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"16\" x2=\"29\" y1=\"16\" x1=\"25.5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"8.9\" x2=\"8.9\" y1=\"6.5\" x1=\"6.5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"25.5\" x2=\"25.5\" y1=\"23.1\" x1=\"23.1\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"8.9\" x2=\"23.1\" y1=\"6.5\" x1=\"25.5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"25.5\" x2=\"6.5\" y1=\"23.1\" x1=\"8.9\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-feature-label\"\u003eUV400\u003c\/span\u003e \u003cspan class=\"vo-feature-sub\"\u003e100% UVA\u003cbr\u003ee UVB bloqueados\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Leveza --\u003e\n\u003cdiv class=\"vo-feature-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"#111\" fill=\"none\" d=\"M16 28 C16 28 6 20 6 13 A10 10 0 0 1 26 13 C26 20 16 28 16 28Z\"\u003e\u003c\/path\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"19\" x2=\"16\" y1=\"13\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"16\" x2=\"19\" y1=\"16\" x1=\"13\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-feature-label\"\u003eLeveza\u003c\/span\u003e \u003cspan class=\"vo-feature-sub\"\u003eEstrutura leve\u003cbr\u003esem perder rigidez\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Durabilidade --\u003e\n\u003cdiv class=\"vo-feature-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"#111\" fill=\"none\" d=\"M16 4L5 8V16C5 22.6 9.8 28.7 16 30C22.2 28.7 27 22.6 27 16V8L16 4Z\"\u003e\u003c\/path\u003e\n \u003cpolyline stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" fill=\"none\" points=\"11,16 14.5,19.5 21,13\"\u003e\u003c\/polyline\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-feature-label\"\u003eDurabilidade\u003c\/span\u003e \u003cspan class=\"vo-feature-sub\"\u003eDobradiças\u003cbr\u003ereforçadas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Uso Diário --\u003e\n\u003cdiv class=\"vo-feature-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\"\u003e\n \n \u003ccircle stroke-width=\"1.8\" stroke=\"#111\" fill=\"none\" r=\"11\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"10\" x2=\"16\" y1=\"16\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"18.5\" x2=\"20.5\" y1=\"16\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003ccircle fill=\"#111\" r=\"1.2\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-feature-label\"\u003eUso Diário\u003c\/span\u003e \u003cspan class=\"vo-feature-sub\"\u003eConforto em\u003cbr\u003ejornadas longas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── 3. COMPOSIÇÃO ── --\u003e\n\u003cdiv class=\"vo-composition\"\u003e\n\u003cp class=\"vo-section-label\"\u003eComposição\u003c\/p\u003e\n\u003cdiv class=\"vo-composition-grid\"\u003e\n\u003c!-- Armação --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003crect stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" rx=\"2\" height=\"4\" width=\"6\" y=\"6\" x=\"1\"\u003e\u003c\/rect\u003e\n \u003crect stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" rx=\"2\" height=\"4\" width=\"6\" y=\"6\" x=\"11\"\u003e\u003c\/rect\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"8\" x2=\"11\" y1=\"8\" x1=\"7\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"12\" x2=\"1\" y1=\"8\" x1=\"1\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"12\" x2=\"17\" y1=\"8\" x1=\"17\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003eArmação\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003e Acetato italiano \/ TR-90 \/ Metal inox\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Lente --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003ccircle stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" r=\"7\" cy=\"9\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003cellipse stroke-width=\"1.1\" stroke=\"#111\" fill=\"none\" ry=\"7\" rx=\"3.5\" cy=\"9\" cx=\"9\"\u003e\u003c\/ellipse\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.1\" stroke=\"#111\" y2=\"9\" x2=\"16\" y1=\"9\" x1=\"2\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003eLente\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003e Policarbonato \/ CR-39 \/ Mineral\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Proteção --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" d=\"M9 2L2 4.5V9C2 13 5.5 16.5 9 17.5C12.5 16.5 16 13 16 9V4.5L9 2Z\"\u003e\u003c\/path\u003e\n \u003cpolyline stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" points=\"6,9 8,11 12,7\"\u003e\u003c\/polyline\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003eProteção\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003eUV400 — UVA e UVB 100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dobradiças --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003crect stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" rx=\"1\" height=\"4\" width=\"6\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e\n \u003crect stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" rx=\"1\" height=\"4\" width=\"6\" y=\"7\" x=\"10\"\u003e\u003c\/rect\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#111\" y2=\"9\" x2=\"10\" y1=\"9\" x1=\"8\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"3\" x2=\"5\" y1=\"7\" x1=\"5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"3\" x2=\"13\" y1=\"7\" x1=\"13\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"15\" x2=\"5\" y1=\"11\" x1=\"5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"15\" x2=\"13\" y1=\"11\" x1=\"13\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003eDobradiças\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003eMola flexível \/ Parafuso duplo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Peso --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" d=\"M3 13 L7 6 L9 4 L11 6 L15 13 Z\"\u003e\u003c\/path\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"13\" x2=\"15\" y1=\"13\" x1=\"3\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"2\" x2=\"9\" y1=\"4\" x1=\"9\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003ePeso\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003e 28g \/ 32g \/ 25g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Acabamento --\u003e\n\u003cdiv class=\"vo-comp-item\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 18 18\" class=\"vo-comp-icon\"\u003e\n \u003cpath fill=\"none\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" d=\"M3 15 Q5 10 9 9 Q13 8 15 3\"\u003e\u003c\/path\u003e\n \u003ccircle stroke-width=\"1.4\" stroke=\"#111\" fill=\"none\" r=\"2\" cy=\"9\" cx=\"9\"\u003e\u003c\/circle\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#111\" y2=\"2\" x2=\"16\" y1=\"4\" x1=\"14\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-comp-key\"\u003eAcabamento\u003c\/span\u003e \u003cspan class=\"vo-comp-val\"\u003eAnti-oxidante, resistente à umidade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── 4. TRUST \/ QUEBRA DE OBJEÇÕES ── --\u003e\n\u003cdiv class=\"vo-trust\"\u003e\n\u003cp class=\"vo-section-label\"\u003ePor que comprar aqui\u003c\/p\u003e\n\u003cdiv class=\"vo-trust-list\"\u003e\n\u003cdiv class=\"vo-trust-row\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 22 22\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" d=\"M11 2L3 5V11C3 16 6.8 20.4 11 22C15.2 20.4 19 16 19 11V5L11 2Z\"\u003e\u003c\/path\u003e\n \u003cpolyline stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" points=\"7.5,11 10,13.5 14.5,9\"\u003e\u003c\/polyline\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-trust-row-title\"\u003eGarantia de entrega\u003c\/span\u003e \u003cspan class=\"vo-trust-row-desc\"\u003eProduto não chegou? Reenviamos sem custo ou devolvemos 100% do valor pago. Sem burocracia.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-trust-row\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 22 22\"\u003e\n \u003crect stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" rx=\"2\" height=\"13\" width=\"18\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" d=\"M7 7V5a4 4 0 018 0v2\"\u003e\u003c\/path\u003e\n \u003ccircle fill=\"#111\" r=\"1.5\" cy=\"13.5\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" y2=\"17\" x2=\"11\" y1=\"15\" x1=\"11\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-trust-row-title\"\u003eCompra 100% segura\u003c\/span\u003e \u003cspan class=\"vo-trust-row-desc\"\u003eSeus dados protegidos por criptografia SSL. Ambiente seguro, pagamento processado com proteção total.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-trust-row\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 22 22\"\u003e\n \u003crect stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" rx=\"1.5\" height=\"10\" width=\"13\" y=\"8\" x=\"1\"\u003e\u003c\/rect\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" d=\"M14 10H18L21 14V18H14V10Z\"\u003e\u003c\/path\u003e\n \u003ccircle stroke-width=\"1.5\" stroke=\"#111\" fill=\"none\" r=\"2\" cy=\"19\" cx=\"5\"\u003e\u003c\/circle\u003e\n \u003ccircle stroke-width=\"1.5\" stroke=\"#111\" fill=\"none\" r=\"2\" cy=\"19\" cx=\"18\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-trust-row-title\"\u003eFrete rastreável\u003c\/span\u003e \u003cspan class=\"vo-trust-row-desc\"\u003eCódigo de rastreio enviado por e-mail. Acompanhe cada etapa do seu pedido em tempo real.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-trust-row\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 22 22\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.6\" stroke=\"#111\" fill=\"none\" d=\"M11 2C6 2 2 6 2 11C2 14.3 3.8 17.2 6.5 18.8L6 20.5L8.5 19.8C9.3 20 10.1 20 11 20C16 20 20 16 20 11C20 6 16 2 11 2Z\"\u003e\u003c\/path\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" y2=\"11\" x2=\"14.5\" y1=\"11\" x1=\"7.5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" y2=\"8\" x2=\"12\" y1=\"8\" x1=\"7.5\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.6\" stroke=\"#111\" y2=\"14\" x2=\"13\" y1=\"14\" x1=\"7.5\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cspan class=\"vo-trust-row-title\"\u003eAtendimento real\u003c\/span\u003e \u003cspan class=\"vo-trust-row-desc\"\u003eDúvida antes ou depois da compra? Nossa equipe responde. Sem robô, sem demora.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── 5. PAGAMENTO ── --\u003e\n\u003cdiv class=\"vo-payment\"\u003e\n\u003cp class=\"vo-section-label\"\u003eFormas de pagamento\u003c\/p\u003e\n\u003cdiv class=\"vo-payment-methods\"\u003e\n\u003c!-- PIX --\u003e\n\u003cdiv class=\"vo-pay-badge vo-pay-pix\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#32bcad\" d=\"M6.5 6.5L12 2L17.5 6.5M17.5 17.5L12 22L6.5 17.5M6.5 6.5L2 12L6.5 17.5M17.5 6.5L22 12L17.5 17.5M6.5 6.5L12 12M17.5 6.5L12 12M6.5 17.5L12 12M17.5 17.5L12 12\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e PIX\u003c\/div\u003e\n\u003c!-- VISA --\u003e\n\u003cdiv title=\"Visa\" class=\"vo-pay-badge\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 50 16\"\u003e\n \u003ctext letter-spacing=\"-0.5\" fill=\"#1a1f71\" font-weight=\"800\" font-size=\"14\" font-family=\"'DM Sans',Arial,sans-serif\" y=\"13\" x=\"0\"\u003eVISA\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- MASTERCARD --\u003e\n\u003cdiv title=\"Mastercard\" class=\"vo-pay-badge\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 38 24\"\u003e\n \u003ccircle fill=\"#EB001B\" r=\"11\" cy=\"12\" cx=\"13\"\u003e\u003c\/circle\u003e\n \u003ccircle fill=\"#F79E1B\" r=\"11\" cy=\"12\" cx=\"25\"\u003e\u003c\/circle\u003e\n \u003cpath fill=\"#FF5F00\" d=\"M19 5.3A11 11 0 0 1 22.9 12 11 11 0 0 1 19 18.7 11 11 0 0 1 15.1 12 11 11 0 0 1 19 5.3Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- AMEX --\u003e\n\u003cdiv title=\"American Express\" class=\"vo-pay-badge\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 50 20\"\u003e\n \u003crect fill=\"#2E77BC\" rx=\"3\" height=\"20\" width=\"50\"\u003e\u003c\/rect\u003e\n \u003ctext letter-spacing=\"0.5\" fill=\"#ffffff\" font-weight=\"800\" font-size=\"9\" font-family=\"'DM Sans',Arial,sans-serif\" y=\"14.5\" x=\"5\"\u003eAMEX\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- ELO --\u003e\n\u003cdiv title=\"Elo\" class=\"vo-pay-badge\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 48 22\"\u003e\n \u003crect fill=\"#ffdd00\" rx=\"3\" height=\"22\" width=\"48\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#000000\" font-weight=\"900\" font-size=\"13\" font-family=\"'DM Sans',Arial,sans-serif\" y=\"16\" x=\"4\"\u003eELO\u003c\/text\u003e\n \u003ccircle fill=\"#F15A22\" r=\"3.2\" cy=\"8\" cx=\"38\"\u003e\u003c\/circle\u003e\n \u003ccircle fill=\"#00A651\" r=\"3.2\" cy=\"15\" cx=\"38\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- HIPERCARD --\u003e\n\u003cdiv title=\"Hipercard\" class=\"vo-pay-badge\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 76 22\"\u003e\n \u003crect fill=\"#B3131A\" rx=\"3\" height=\"22\" width=\"76\"\u003e\u003c\/rect\u003e\n \u003ctext letter-spacing=\"0.3\" fill=\"#ffffff\" font-weight=\"800\" font-size=\"8.5\" font-family=\"'DM Sans',Arial,sans-serif\" y=\"15.5\" x=\"5\"\u003eHIPERCARD\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vo-payment-note\"\u003e\u003cstrong\u003ePix:\u003c\/strong\u003e aprovação instantânea  ·  \u003cstrong\u003eCartão:\u003c\/strong\u003e até 12x  ·  Visa, Master, Elo, Hipercard e Amex aceitos  ·  Ambiente 100% seguro e criptografado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kroma Óculos","offers":[{"title":"Default Title","offer_id":45863323566215,"sku":"4465","price":169.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Autoral_Via_Oculos_1.jpg?v=1789529837"},{"product_id":"oculos-de-sol-redondo-unissex-midnight","title":"Óculos de Sol Redondo Unissex UV400 — Midnight","description":"\u003c!-- ============================================================\n VIA ÓCULOS · MIDNIGHT — Seção de copy para PDP\n HTML + CSS + SVG inline · sem libs, sem imagens externas\n Cole em: Shopify \u003e Seção \"Liquid personalizado\" (Custom Liquid)\n Prefixo de classes: .vo-mid-\n ============================================================ --\u003e\n\u003cstyle\u003e\n .vo-mid {\n --mid-ink: #000000;\n --mid-ink-soft: #1A1A1A;\n --mid-muted: #6E6E6E;\n --mid-line: #E4E4E4;\n --mid-line-strong: #C9C9C9;\n --mid-bg: #FFFFFF;\n --mid-bg-alt: #F5F5F5;\n --mid-radius: 2px;\n --mid-ease: cubic-bezier(.22,.61,.36,1);\n\n container-type: inline-size;\n container-name: mid;\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n padding: 0;\n color: var(--mid-ink);\n background: var(--mid-bg);\n font-family: inherit;\n -webkit-font-smoothing: antialiased;\n line-height: 1.6;\n }\n .vo-mid *, .vo-mid *::before, .vo-mid *::after { box-sizing: border-box; }\n .vo-mid p { margin: 0 0 1em; }\n .vo-mid h2, .vo-mid h3, .vo-mid h4 { margin: 0; font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }\n\n \/* ---------- blocos ---------- *\/\n .vo-mid-block { padding: 40px 20px; border-top: 1px solid var(--mid-line); }\n .vo-mid-block:first-child { border-top: 0; }\n .vo-mid-block--alt { background: var(--mid-bg-alt); }\n .vo-mid-block--ink { background: var(--mid-ink); color: #fff; border-top-color: var(--mid-ink); }\n .vo-mid-inner { max-width: 980px; margin: 0 auto; }\n\n \/* ---------- tipografia ---------- *\/\n .vo-mid-eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 11px; letter-spacing: .18em; text-transform: uppercase;\n color: var(--mid-muted); margin-bottom: 14px; font-weight: 600;\n }\n .vo-mid-block--ink .vo-mid-eyebrow { color: rgba(255,255,255,.62); }\n .vo-mid-eyebrow::before { content: \"\"; width: 22px; height: 1px; background: currentColor; opacity: .55; }\n\n .vo-mid-title { font-size: 24px; margin-bottom: 14px; }\n .vo-mid-title em { font-style: normal; position: relative; white-space: nowrap; }\n .vo-mid-title em::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .7s var(--mid-ease) .25s;\n }\n .vo-mid-reveal.is-in .vo-mid-title em::after { transform: scaleX(1); }\n .vo-mid:not(.vo-mid-js) .vo-mid-title em::after { transform: scaleX(1); }\n\n .vo-mid-lead { font-size: 15px; color: var(--mid-muted); max-width: 62ch; }\n .vo-mid-block--ink .vo-mid-lead { color: rgba(255,255,255,.72); }\n\n \/* ---------- reveal ---------- *\/\n .vo-mid-js .vo-mid-reveal { opacity: 0; transform: translateY(14px); }\n .vo-mid-js .vo-mid-reveal.is-in { opacity: 1; transform: none; transition: opacity .6s var(--mid-ease), transform .6s var(--mid-ease); }\n\n \/* ---------- desenho técnico ---------- *\/\n .vo-mid-spec { display: grid; gap: 22px; align-items: center; }\n .vo-mid-figure {\n position: relative; background: #fff; border: 1px solid var(--mid-line);\n border-radius: var(--mid-radius); padding: 18px; overflow: hidden;\n }\n .vo-mid-figure::after {\n content: \"\"; position: absolute; inset: 0; pointer-events: none;\n background:\n linear-gradient(to right, var(--mid-line) 1px, transparent 1px) 0 0\/28px 28px,\n linear-gradient(to bottom, var(--mid-line) 1px, transparent 1px) 0 0\/28px 28px;\n opacity: .35;\n }\n .vo-mid-figure svg { position: relative; z-index: 1; display: block; width: 100%; height: auto; }\n \/* sem JS o desenho já aparece completo; com JS ele se desenha ao entrar na tela *\/\n .vo-mid-js .vo-mid-draw { stroke-dasharray: 2400; stroke-dashoffset: 2400; }\n .vo-mid-js .vo-mid-figure.is-in .vo-mid-draw { animation: vo-mid-draw 1.9s var(--mid-ease) forwards; }\n @keyframes vo-mid-draw { to { stroke-dashoffset: 0; } }\n\n .vo-mid-specs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mid-line); }\n .vo-mid-specs li {\n display: flex; justify-content: space-between; gap: 16px; align-items: baseline;\n padding: 12px 4px; border-bottom: 1px solid var(--mid-line);\n font-size: 14px; transition: padding-left .3s var(--mid-ease), background .3s var(--mid-ease);\n }\n .vo-mid-specs li:hover { background: var(--mid-bg-alt); padding-left: 12px; }\n .vo-mid-specs dt, .vo-mid-specs .vo-mid-k {\n text-transform: uppercase; letter-spacing: .1em; font-size: 11px; color: var(--mid-muted); font-weight: 600;\n }\n .vo-mid-specs .vo-mid-v { font-weight: 600; letter-spacing: -.01em; }\n\n \/* ---------- grid de benefícios ---------- *\/\n .vo-mid-grid { display: grid; gap: 1px; background: var(--mid-line); border: 1px solid var(--mid-line); }\n .vo-mid-card {\n position: relative; background: #fff; padding: 24px 20px;\n transition: background .35s var(--mid-ease), transform .35s var(--mid-ease);\n }\n .vo-mid-card::before {\n content: \"\"; position: absolute; left: 0; top: 0; width: 100%; height: 2px;\n background: var(--mid-ink); transform: scaleX(0); transform-origin: left;\n transition: transform .45s var(--mid-ease);\n }\n .vo-mid-card:hover { background: #FAFAFA; }\n .vo-mid-card:hover::before { transform: scaleX(1); }\n .vo-mid-ico {\n width: 38px; height: 38px; margin-bottom: 14px; display: block;\n transition: transform .5s var(--mid-ease);\n }\n .vo-mid-card:hover .vo-mid-ico { transform: translateY(-3px) scale(1.06); }\n .vo-mid-ico circle, .vo-mid-ico path, .vo-mid-ico rect, .vo-mid-ico line, .vo-mid-ico polyline, .vo-mid-ico ellipse {\n fill: none; stroke: var(--mid-ink); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;\n }\n .vo-mid-card h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }\n .vo-mid-card p { font-size: 13.5px; color: var(--mid-muted); margin: 0; }\n\n \/* ---------- 2 em 1 ---------- *\/\n .vo-mid-duo { display: grid; gap: 16px; margin-top: 26px; }\n .vo-mid-mode {\n border: 1px solid rgba(255,255,255,.22); border-radius: var(--mid-radius);\n padding: 22px 20px; position: relative; overflow: hidden;\n transition: border-color .4s var(--mid-ease), transform .4s var(--mid-ease);\n }\n .vo-mid-mode::after {\n content: \"\"; position: absolute; inset: 0; background: rgba(255,255,255,.05);\n opacity: 0; transition: opacity .4s var(--mid-ease);\n }\n .vo-mid-mode:hover { border-color: #fff; transform: translateY(-3px); }\n .vo-mid-mode:hover::after { opacity: 1; }\n .vo-mid-mode svg { width: 30px; height: 30px; margin-bottom: 12px; position: relative; z-index: 1; }\n .vo-mid-mode svg * { fill: none; stroke: #fff; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }\n .vo-mid-mode h3 { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; position: relative; z-index: 1; }\n .vo-mid-mode p { font-size: 13.5px; color: rgba(255,255,255,.7); margin: 0; position: relative; z-index: 1; }\n\n \/* ---------- selos \/ badges ---------- *\/\n .vo-mid-badges { display: grid; gap: 1px; background: var(--mid-line); border: 1px solid var(--mid-line); margin-top: 26px; }\n .vo-mid-badge {\n background: #fff; padding: 20px 16px; text-align: center;\n transition: background .35s var(--mid-ease);\n }\n .vo-mid-badge:hover { background: var(--mid-ink); }\n .vo-mid-badge svg { width: 30px; height: 30px; margin: 0 auto 10px; display: block; transition: transform .5s var(--mid-ease); }\n .vo-mid-badge svg * { fill: none; stroke: var(--mid-ink); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke .35s var(--mid-ease); }\n .vo-mid-badge:hover svg { transform: scale(1.1) rotate(-4deg); }\n .vo-mid-badge:hover svg * { stroke: #fff; }\n .vo-mid-badge strong { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; transition: color .35s var(--mid-ease); }\n .vo-mid-badge span { display: block; font-size: 12px; color: var(--mid-muted); margin-top: 4px; transition: color .35s var(--mid-ease); }\n .vo-mid-badge:hover strong { color: #fff; }\n .vo-mid-badge:hover span { color: rgba(255,255,255,.68); }\n\n \/* ---------- para quem ---------- *\/\n .vo-mid-fit { display: grid; gap: 16px; margin-top: 24px; }\n .vo-mid-fit-col { border: 1px solid var(--mid-line); border-radius: var(--mid-radius); padding: 22px 20px; background: #fff; transition: border-color .35s var(--mid-ease); }\n .vo-mid-fit-col:hover { border-color: var(--mid-ink); }\n .vo-mid-fit-col h3 { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; }\n .vo-mid-fit-col ul { list-style: none; margin: 0; padding: 0; }\n .vo-mid-fit-col li {\n display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px;\n padding: 8px 0; color: var(--mid-ink-soft);\n }\n .vo-mid-fit-col li svg { width: 15px; height: 15px; flex: 0 0 15px; margin-top: 4px; }\n .vo-mid-fit-col li svg * { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\n .vo-mid-fit-col--no li { color: var(--mid-muted); }\n\n \/* ---------- FAQ ---------- *\/\n .vo-mid-faq { margin-top: 24px; border-top: 1px solid var(--mid-line); }\n .vo-mid-q { border-bottom: 1px solid var(--mid-line); }\n .vo-mid-q \u003e summary {\n list-style: none; cursor: pointer; padding: 18px 40px 18px 0; position: relative;\n font-size: 14.5px; font-weight: 600; letter-spacing: -.01em;\n transition: padding-left .3s var(--mid-ease), color .3s var(--mid-ease);\n }\n .vo-mid-q \u003e summary::-webkit-details-marker { display: none; }\n .vo-mid-q \u003e summary:hover { padding-left: 10px; }\n .vo-mid-q \u003e summary::after {\n content: \"\"; position: absolute; right: 8px; top: 50%; width: 12px; height: 2px;\n background: var(--mid-ink); transform: translateY(-50%);\n }\n .vo-mid-q \u003e summary::before {\n content: \"\"; position: absolute; right: 13px; top: 50%; width: 2px; height: 12px;\n background: var(--mid-ink); transform: translateY(-50%) scaleY(1);\n transition: transform .35s var(--mid-ease);\n }\n .vo-mid-q[open] \u003e summary::before { transform: translateY(-50%) scaleY(0); }\n .vo-mid-a { padding: 0 30px 20px 0; font-size: 13.5px; color: var(--mid-muted); animation: vo-mid-fade .4s var(--mid-ease); }\n .vo-mid-a p:last-child { margin-bottom: 0; }\n @keyframes vo-mid-fade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }\n\n \/* ---------- responsivo: container queries (com fallback) ---------- *\/\n @container mid (min-width: 560px) {\n .vo-mid-block { padding: 56px 32px; }\n .vo-mid-title { font-size: 30px; }\n .vo-mid-lead { font-size: 16px; }\n .vo-mid-grid { grid-template-columns: repeat(2, 1fr); }\n .vo-mid-badges { grid-template-columns: repeat(2, 1fr); }\n .vo-mid-duo { grid-template-columns: repeat(2, 1fr); }\n .vo-mid-fit { grid-template-columns: repeat(2, 1fr); }\n }\n @container mid (min-width: 840px) {\n .vo-mid-block { padding: 72px 40px; }\n .vo-mid-title { font-size: 36px; }\n .vo-mid-spec { grid-template-columns: 1.05fr .95fr; gap: 48px; }\n .vo-mid-grid { grid-template-columns: repeat(3, 1fr); }\n .vo-mid-badges { grid-template-columns: repeat(4, 1fr); }\n }\n @supports not (container-type: inline-size) {\n @media (min-width: 600px) {\n .vo-mid-block { padding: 56px 32px; }\n .vo-mid-title { font-size: 30px; }\n .vo-mid-grid, .vo-mid-badges, .vo-mid-duo, .vo-mid-fit { grid-template-columns: repeat(2, 1fr); }\n }\n @media (min-width: 900px) {\n .vo-mid-block { padding: 72px 40px; }\n .vo-mid-title { font-size: 36px; }\n .vo-mid-spec { grid-template-columns: 1.05fr .95fr; gap: 48px; }\n .vo-mid-grid { grid-template-columns: repeat(3, 1fr); }\n .vo-mid-badges { grid-template-columns: repeat(4, 1fr); }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .vo-mid *, .vo-mid *::before, .vo-mid *::after { animation: none !important; transition: none !important; }\n .vo-mid-js .vo-mid-draw { stroke-dasharray: none; stroke-dashoffset: 0; }\n .vo-mid-title em::after { transform: scaleX(1) !important; }\n .vo-mid-js .vo-mid-reveal { opacity: 1; transform: none; }\n }\n\u003c\/style\u003e\n\u003csection class=\"vo-mid\"\u003e\u003c!-- 1 · MANIFESTO ------------------------------------------------ --\u003e\n\u003cdiv class=\"vo-mid-block\"\u003e\n\u003cdiv class=\"vo-mid-inner vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eColeção Midnight\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003ePreto no preto.\u003cbr\u003eO resto é \u003cem\u003eruído\u003c\/em\u003e.\u003c\/h2\u003e\n\u003cp class=\"vo-mid-lead\"\u003eTem um tipo de óculos que combina com tudo porque não tenta competir com nada. O Midnight é isso: armação preta, ponte dupla em metal preto, lente degradê fumê. Uma peça inteira na mesma cor — o que sobra é o desenho. Você põe no rosto e ele funciona com terno, camiseta branca, jaqueta de couro e chinelo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2 · DESENHO TÉCNICO + MEDIDAS -------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block vo-mid-block--alt\"\u003e\n\u003cdiv class=\"vo-mid-inner\"\u003e\n\u003cdiv class=\"vo-mid-spec\"\u003e\n\u003cdiv class=\"vo-mid-figure vo-mid-reveal\"\u003e\u003csvg viewbox=\"0 0 460 210\" role=\"img\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"voMidLens\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#000\" stop-opacity=\".55\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#000\" stop-opacity=\".06\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003cpath d=\"M60 78 C50 118 78 158 118 160 C158 162 182 130 178 92 C176 72 160 62 132 60 C104 58 70 62 60 78 Z\" fill=\"url(#voMidLens)\" stroke=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M400 78 C410 118 382 158 342 160 C302 162 278 130 282 92 C284 72 300 62 328 60 C356 58 390 62 400 78 Z\" fill=\"url(#voMidLens)\" stroke=\"none\"\u003e\u003c\/path\u003e\n \u003cg class=\"vo-mid-draw\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \n \u003cpath d=\"M60 78 C50 118 78 158 118 160 C158 162 182 130 178 92 C176 72 160 62 132 60 C104 58 70 62 60 78 Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M70 84 C62 118 86 150 118 152 C150 154 172 128 169 96\" opacity=\".45\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M400 78 C410 118 382 158 342 160 C302 162 278 130 282 92 C284 72 300 62 328 60 C356 58 390 62 400 78 Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M390 84 C398 118 374 150 342 152 C310 154 288 128 291 96\" opacity=\".45\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M178 92 C204 84 256 84 282 92\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M172 68 L288 68\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M178 92 L176 70\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M282 92 L284 70\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M186 96 C182 112 188 130 200 136\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M274 96 C278 112 272 130 260 136\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M60 78 L34 84 L20 92\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M400 78 L426 84 L440 92\"\u003e\u003c\/path\u003e\n \u003crect x=\"24\" y=\"80\" width=\"14\" height=\"12\" rx=\"2\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"422\" y=\"80\" width=\"14\" height=\"12\" rx=\"2\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \n \u003cpath d=\"M60 178 L178 178\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M60 173 L60 183 M178 173 L178 183\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M186 178 L274 178\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M186 173 L186 183 M274 173 L274 183\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003ctext x=\"119\" y=\"196\" text-anchor=\"middle\" font-size=\"11\" fill=\"#6E6E6E\" letter-spacing=\"1.5\" font-family=\"inherit\"\u003eLENTE 49\u003c\/text\u003e\n \u003ctext x=\"230\" y=\"196\" text-anchor=\"middle\" font-size=\"11\" fill=\"#6E6E6E\" letter-spacing=\"1.5\" font-family=\"inherit\"\u003ePONTE 21\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eFicha técnica\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eRedondo, mas com \u003cem\u003eestrutura\u003c\/em\u003e.\u003c\/h2\u003e\n\u003cp class=\"vo-mid-lead\" style=\"margin-bottom: 20px;\"\u003ePonte dupla em metal sobre frente de acetato preto brilhante. O aro redondo suavizado quebra traços marcados — funciona especialmente bem em rosto quadrado, retangular e oval.\u003c\/p\u003e\n\u003cul class=\"vo-mid-specs\"\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003eLargura da lente\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003e49 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003ePonte\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003e21 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003eHaste\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003e145 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003eFrente total\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003e138 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003ePeso\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003e24 g\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003eMaterial\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003eAcetato + metal\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-mid-k\"\u003eLente\u003c\/span\u003e\u003cspan class=\"vo-mid-v\"\u003eDegradê fumê · UV400\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 · BENEFÍCIOS ----------------------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block\"\u003e\n\u003cdiv class=\"vo-mid-inner\"\u003e\n\u003cdiv class=\"vo-mid-reveal\" style=\"margin-bottom: 26px;\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003ePor dentro\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eSeis decisões de projeto que você \u003cem\u003esente\u003c\/em\u003e no uso.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-grid vo-mid-reveal\"\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 3 27 8v8c0 7-4.7 11.4-11 13C9.7 27.4 5 23 5 16V8L16 3Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11.5 16.5 14.8 20 21 13\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eProteção UV400\u003c\/h3\u003e\n\u003cp\u003eBloqueia 100% dos raios UVA e UVB até 400 nm. Lente escura sem esse tratamento é pior que nada — abre a pupila e deixa entrar mais radiação. Aqui o tratamento está.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M16 5a11 11 0 0 1 0 22Z\" fill=\"#000\" stroke=\"none\" opacity=\".82\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5 16h22\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eLente degradê\u003c\/h3\u003e\n\u003cp\u003eEscura em cima, onde bate o sol alto. Mais clara embaixo, onde você olha o painel, o celular e o cardápio. Você não precisa levantar o óculos toda hora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003ccircle cx=\"9\" cy=\"19\" r=\"5.6\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"23\" cy=\"19\" r=\"5.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M14.6 18.4c1-.7 2.8-.7 3.8 0\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 11h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M14.6 18.4 13.8 11M17.4 18.4l.8-7.4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003ePonte dupla\u003c\/h3\u003e\n\u003cp\u003eA barra superior em metal trava a frente e distribui o esforço. É o detalhe que sustenta o formato redondo sem deixar a armação frouxa com o tempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"4\" y=\"10\" width=\"11\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"17\" y=\"10\" width=\"11\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 10V7.5M24 10V7.5M8 22v2.5M24 22v2.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eAcetato + metal\u003c\/h3\u003e\n\u003cp\u003eFrente em acetato rígido — não deforma no calor do carro nem amarela com o tempo — com ponte e hastes em metal preto fosco. Estrutura de ótica, não de quiosque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 5c-3 4-5 6.6-5 9.5a5 5 0 0 0 10 0C21 11.6 19 9 16 5Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 22c2 2 8 2 10 0\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 26c3 2.6 11 2.6 14 0\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003ePlaquetas ajustáveis\u003c\/h3\u003e\n\u003cp\u003eApoio em silicone macio com haste flexível: você ajusta a altura no seu nariz. Não escorrega quando transpira nem marca a pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-card\"\u003e\n\u003csvg class=\"vo-mid-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M25 5c-8 0-14 5-16 12-1 3.5-1.4 6-1.4 8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M25 5c1.5 7-1 13-6.5 15.8-3.6 1.8-7.6 1.5-10.9.2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M22 11 12 18M20.5 16 13.6 20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003e24 g no rosto\u003c\/h3\u003e\n\u003cp\u003eLeve o bastante pra você esquecer que está usando. Sem pressão atrás da orelha depois de quatro horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4 · O DEGRADÊ ----------------------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block vo-mid-block--ink\"\u003e\n\u003cdiv class=\"vo-mid-inner vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eA lente\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eEscura onde \u003cem\u003eprecisa\u003c\/em\u003e. Clara onde atrapalharia.\u003c\/h2\u003e\n\u003cp class=\"vo-mid-lead\"\u003eLente uniforme escura resolve o sol e cria outro problema: você para de enxergar o que está logo abaixo do seu campo de visão. O degradê existe pra isso.\u003c\/p\u003e\n\u003cdiv class=\"vo-mid-duo\"\u003e\n\u003cdiv class=\"vo-mid-mode\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M16 3v3M16 26v3M3 16h3M26 16h3M7 7l2 2M23 23l2 2M25 7l-2 2M9 23l-2 2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eMetade de cima\u003c\/h3\u003e\n\u003cp\u003eDensidade alta contra o sol de meio-dia, o reflexo do asfalto e a claridade do céu aberto. É onde a luz forte entra — e onde a lente é mais escura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-mode\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"10\" y=\"4\" width=\"12\" height=\"22\" rx=\"2.5\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M14 8h4M13.5 22h5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eMetade de baixo\u003c\/h3\u003e\n\u003cp\u003eMais transparente pra você ler o painel do carro, o celular, o cardápio e o rosto de quem está sentado na sua frente sem tirar o óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5 · PARA QUEM É \/ NÃO É -------------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block\"\u003e\n\u003cdiv class=\"vo-mid-inner\"\u003e\n\u003cdiv class=\"vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eHonestidade\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eO Midnight não é pra \u003cem\u003etodo mundo\u003c\/em\u003e.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-fit vo-mid-reveal\"\u003e\n\u003cdiv class=\"vo-mid-fit-col\"\u003e\n\u003ch3\u003eÉ pra você se…\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Quer um óculos que combine com absolutamente todas as suas roupas.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Dirige bastante e cansou de levantar o óculos pra ler o painel.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tem rosto quadrado, retangular ou oval e quer suavizar os traços.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Já cansou de armação de plástico que abre e nunca mais fecha.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-fit-col vo-mid-fit-col--no\"\u003e\n\u003ch3\u003eNão é pra você se…\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Quer lente espelhada ou colorida pra chamar atenção — aqui é o oposto.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Vai usar em esporte de impacto: o desenho é urbano, não esportivo.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tem rosto muito largo: a frente de 138 mm é de tamanho médio.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6 · GARANTIAS \/ SELOS ---------------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block vo-mid-block--alt\"\u003e\n\u003cdiv class=\"vo-mid-inner\"\u003e\n\u003cdiv class=\"vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eSem risco\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eO risco é \u003cem\u003enosso\u003c\/em\u003e, não seu.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-badges vo-mid-reveal\"\u003e\n\u003cdiv class=\"vo-mid-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M4 12h16v10H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 15h5l3 4v3h-8z\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"9\" cy=\"24\" r=\"2.2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"23\" cy=\"24\" r=\"2.2\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e \u003cstrong\u003eEnvio em 48h\u003c\/strong\u003e \u003cspan\u003eDias úteis, com rastreio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M6 12a10 10 0 1 1 1.6 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 26v-7h7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003e7 dias pra trocar\u003c\/strong\u003e \u003cspan\u003eNão serviu? Devolvemos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 4 27 9v8c0 7-4.7 11.3-11 13C9.7 28.3 5 24 5 17V9l11-5Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 12v5M16 20.5v.2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003e30 dias de garantia\u003c\/strong\u003e \u003cspan\u003eContra defeito de fábrica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"5\" y=\"9\" width=\"22\" height=\"15\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M5 14h22\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 19h5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003ePagamento seguro\u003c\/strong\u003e \u003cspan\u003ePix ou cartão parcelado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7 · QUEBRA DE OBJEÇÃO (FAQ) ---------------------------------- --\u003e\n\u003cdiv class=\"vo-mid-block\"\u003e\n\u003cdiv class=\"vo-mid-inner\"\u003e\n\u003cdiv class=\"vo-mid-reveal\"\u003e\n\u003cspan class=\"vo-mid-eyebrow\"\u003eAntes de decidir\u003c\/span\u003e\n\u003ch2 class=\"vo-mid-title\"\u003eAs perguntas que você \u003cem\u003eia fazer\u003c\/em\u003e.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-mid-faq vo-mid-reveal\"\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eA lente degradê escurece o suficiente?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eNa parte de cima, sim — é lá que a lente é densa e é por lá que entra a luz do sol alto e do céu aberto. A base é propositalmente mais clara. Se você procura escuridão uniforme de ponta a ponta, tipo lente de piloto, o degradê vai parecer claro demais na metade de baixo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eÉ polarizada?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eNão. Polarização corta reflexo horizontal (água, capô, asfalto molhado), mas também escurece painel digital de carro, celular e caixa eletrônico — motivo pelo qual muita gente devolve óculos polarizado. O Midnight aposta em UV400 + degradê: protege da radiação e mantém tudo legível. Se o seu uso principal é pesca ou barco, aí polarizado faz mais sentido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eServe pra dirigir?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eÉ onde ele se destaca. O topo escuro corta a claridade do para-brisa e a base clara deixa você ler velocímetro, GPS e painel sem levantar o óculos. Só não use à noite — nenhuma lente escura deve ser usada dirigindo no escuro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eVai servir no meu rosto?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eFrente de 138 mm — tamanho médio, o que atende a maioria dos rostos adultos. O aro redondo suavizado equilibra especialmente rostos quadrados e retangulares. Se o seu óculos atual tem frente entre 132 e 143 mm, o Midnight serve. E se errar: você tem 7 dias pra trocar ou devolver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003ePreto com preto não fica pesado no rosto?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eO que pesa é volume, não cor. Aqui o aro é fino, a ponte é vazada e a peça inteira tem 24 g — o preto monocromático dá presença sem engrossar os traços. Na prática ele afina o rosto, ao contrário de armação larga com haste grossa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eDá pra colocar lente de grau?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003eDá. A armação aceita lente de grau em qualquer ótica — é só levar a receita e pedir a montagem. Vale conferir com o ótico se o seu grau é muito alto, porque lentes muito espessas fogem do desenho fino do aro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-mid-q\"\u003e\n\u003csummary\u003eQuanto tempo demora pra chegar? Vem com estojo?\u003c\/summary\u003e\n\u003cdiv class=\"vo-mid-a\"\u003e\n\u003cp\u003ePostamos em até 24 horas úteis e você recebe o código de rastreio por e-mail e WhatsApp — o prazo exato da sua região aparece no checkout antes de pagar. Vai com estojo rígido, flanela de microfibra e certificado de proteção UV400.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Kroma Óculos","offers":[{"title":"Preto","offer_id":45863323697287,"sku":"3647643","price":289.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direct_Autoral_Via_Oculos_6.png?v=1789529838"},{"product_id":"oculos-de-sol-quadrado-unissex-varen","title":"Óculos de Grau Quadrado Unissex UV400 — Varen","description":"\u003cstyle\u003e\n body { margin: 0; background: #efe9e1; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\n .preview-frame { max-width: 900px; margin: 0 auto; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.08); }\n .preview-note { max-width: 900px; margin: 0 auto 16px; padding: 14px 18px; background: #201510; color: #f3e9d8; font-size: 13px; line-height: 1.5; border-radius: 8px; }\n .preview-note code { background: rgba(255,255,255,.12); padding: 1px 5px; border-radius: 3px; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n .voc-varen {\n --voc-ink: #211509;\n --voc-ink-soft: #4a3a2c;\n --voc-muted: #a3907a;\n --voc-white: #ffffff;\n --voc-cream-2: #f7f2ea;\n --voc-amber: #b6702c;\n --voc-amber-deep: #7a4419;\n --voc-gold: #c9a227;\n --voc-line: #e9e0d2;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--voc-ink);\n background: var(--voc-white);\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px 48px;\n box-sizing: border-box;\n }\n .voc-varen * { box-sizing: border-box; }\n .voc-kicker {\n font-size: 11px;\n letter-spacing: .16em;\n text-transform: uppercase;\n color: var(--voc-amber-deep);\n font-weight: 600;\n margin: 0 0 14px;\n text-align: center;\n }\n .voc-title {\n font-family: Georgia, \"Iowan Old Style\", \"Palatino Linotype\", \"Times New Roman\", serif;\n font-weight: 400;\n font-size: 30px;\n line-height: 1.15;\n letter-spacing: .01em;\n margin: 0 0 12px;\n text-align: center;\n color: var(--voc-ink);\n }\n .voc-subtitle {\n font-size: 15px;\n line-height: 1.5;\n color: var(--voc-ink-soft);\n text-align: center;\n max-width: 480px;\n margin: 0 auto 32px;\n }\n .voc-divider {\n width: 48px;\n height: 2px;\n background: linear-gradient(90deg, var(--voc-amber), var(--voc-gold));\n margin: 0 auto 32px;\n border: none;\n }\n .voc-story {\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-width: 640px;\n margin: 0 auto 40px;\n }\n .voc-story p {\n font-size: 15.5px;\n line-height: 1.75;\n color: var(--voc-ink-soft);\n margin: 0;\n }\n .voc-story p:first-child::first-letter {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-size: 42px;\n line-height: .78;\n float: left;\n padding: 4px 8px 0 0;\n color: var(--voc-amber-deep);\n }\n .voc-swatch-row {\n display: flex;\n align-items: center;\n gap: 18px;\n max-width: 640px;\n margin: 0 auto 44px;\n padding: 18px;\n background: var(--voc-cream-2);\n border: 1px solid var(--voc-line);\n border-radius: 14px;\n }\n .voc-swatch {\n flex: 0 0 56px;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: conic-gradient(from 210deg,\n #3b2415, #7a4419 20%, #b6702c 42%, #d99b4f 58%,\n #7a4419 76%, #2a1a0d 92%, #3b2415);\n border: 3px solid #fff;\n box-shadow: 0 0 0 1px var(--voc-line);\n transition: transform .5s ease;\n }\n .voc-swatch-row:hover .voc-swatch { transform: rotate(90deg); }\n .voc-swatch-text { display: flex; flex-direction: column; gap: 2px; }\n .voc-swatch-label { font-weight: 700; font-size: 14.5px; color: var(--voc-ink); }\n .voc-swatch-desc { font-size: 13.5px; color: var(--voc-ink-soft); line-height: 1.4; }\n .voc-specs { max-width: 800px; margin: 0 auto 40px; }\n .voc-specs h3 {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-weight: 400;\n font-size: 20px;\n text-align: center;\n margin: 0 0 24px;\n color: var(--voc-ink);\n }\n .voc-spec-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n \/* --- Cartão com ícone SVG + hover fade de cor --- *\/\n .voc-spec-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n padding: 16px;\n background: var(--voc-white);\n border: 1px solid var(--voc-line);\n border-radius: 12px;\n transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;\n }\n .voc-spec-item:hover {\n border-color: var(--voc-amber);\n box-shadow: 0 10px 24px -12px rgba(122, 68, 25, .35);\n transform: translateY(-2px);\n }\n .voc-icon {\n flex: 0 0 auto;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--voc-cream-2);\n color: var(--voc-muted);\n transition: background .4s ease, color .4s ease, transform .4s ease;\n }\n .voc-spec-item:hover .voc-icon {\n background: linear-gradient(135deg, var(--voc-amber) 0%, var(--voc-gold) 100%);\n color: #fff;\n transform: scale(1.06);\n }\n .voc-icon svg {\n width: 22px;\n height: 22px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke .4s ease;\n }\n .voc-spec-item h4 {\n margin: 0 0 3px;\n font-size: 13.5px;\n letter-spacing: .02em;\n text-transform: uppercase;\n color: var(--voc-amber-deep);\n font-weight: 700;\n transition: color .35s ease;\n }\n .voc-spec-item:hover h4 { color: var(--voc-ink); }\n .voc-spec-item p {\n margin: 0;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--voc-ink-soft);\n }\n .voc-closing {\n max-width: 560px;\n margin: 0 auto;\n text-align: center;\n padding-top: 8px;\n }\n .voc-closing p {\n font-size: 15.5px;\n line-height: 1.7;\n color: var(--voc-ink-soft);\n margin: 0 0 14px;\n }\n .voc-closing .voc-signoff {\n font-family: Georgia, \"Iowan Old Style\", serif;\n font-style: italic;\n font-size: 16.5px;\n color: var(--voc-ink);\n }\n \/* Tablet — breakpoint do tema Dawn *\/\n @media screen and (min-width: 750px) {\n .voc-varen { padding: 56px 32px 64px; }\n .voc-title { font-size: 36px; }\n .voc-subtitle { font-size: 16px; margin-bottom: 40px; }\n .voc-story p { font-size: 16.5px; }\n .voc-spec-grid { grid-template-columns: 1fr 1fr; }\n }\n \/* Desktop — breakpoint do tema Dawn *\/\n @media screen and (min-width: 990px) {\n .voc-title { font-size: 42px; }\n .voc-story { gap: 18px; }\n .voc-spec-grid { grid-template-columns: 1fr 1fr 1fr; gap: 14px; }\n .voc-icon { width: 48px; height: 48px; }\n .voc-icon svg { width: 24px; height: 24px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"preview-frame\"\u003e\n\u003cdiv class=\"voc-varen\"\u003e\n\u003cp class=\"voc-kicker\"\u003e \u003c\/p\u003e\n\u003cp class=\"voc-kicker\"\u003e \u003c\/p\u003e\n\u003cp class=\"voc-kicker\"\u003eÓCULOS Varen · Amber Havana\u003c\/p\u003e\n\u003ch2 class=\"voc-title\"\u003eVaren, em Amber Havana\u003c\/h2\u003e\n\u003cp class=\"voc-subtitle\"\u003eOnde o clássico da tartaruga ganha profundidade e luz.\u003c\/p\u003e\n\u003chr class=\"voc-divider\"\u003e\n\u003cdiv class=\"voc-story\"\u003e\n\u003cp\u003eExistem armações que se notam de longe, e outras que se revelam aos poucos, na curva do aro, no brilho discreto da ponte, no jeito como a cor muda conforme a luz do dia muda. O Varen é da segunda espécie. Um formato geométrico arredondado, equilibrado entre presença e sobriedade, pensado para quem prefere ser lembrado pelo bom gosto, não pelo exagero.\u003c\/p\u003e\n\u003cp\u003eA cor Amber Havana reúne camadas de mel, âmbar e marrom profundo dissolvidas no acetato, um padrão tartaruga translúcido que nunca se repete exatamente da mesma forma duas vezes. O resultado é a mistura certa entre clássico e atual.\u003c\/p\u003e\n\u003cp\u003eTem gente que já cansou de armação grande que pesa no rosto e machuca atrás da orelha depois de algumas horas. O Varen nasceu para essa desconfiança específica. O acetato é selecionado justamente pelo equilíbrio entre densidade e leveza: firme o suficiente para não parecer frágil, leve o suficiente para sumir do seu radar assim que você coloca. Não é plástico fino que racha no primeiro descuido, é a espessura certa, trabalhada para durar.\u003c\/p\u003e\n\u003cp\u003eOs detalhes ficam no que não grita: pequenos acabamentos dourados nos cantos das hastes e uma ponte dupla em formato chave, que reforça a estrutura sem pesar no rosto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-swatch-row\"\u003e\n\u003cdiv class=\"voc-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"voc-swatch-text\"\u003e\n\u003cspan class=\"voc-swatch-label\"\u003eAmber Havana\u003c\/span\u003e \u003cspan class=\"voc-swatch-desc\"\u003eTartaruga translúcida em tons de mel, âmbar e marrom profundo, única em cada peça.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-specs\"\u003e\n\u003ch3\u003eO que faz o Varen ser o Varen\u003c\/h3\u003e\n\u003cdiv class=\"voc-spec-grid\"\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4h10l3 5-8 11L4 9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 9h16M9.5 4 12 9l-1 11M14.5 4 12 9l1 11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFormato\u003c\/h4\u003e\n\u003cp\u003eGeométrico arredondado e unissex, equilíbrio entre estrutura e leveza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3c3.5 3.6 6 6.9 6 10a6 6 0 1 1-12 0c0-3.1 2.5-6.4 6-10Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eCor\u003c\/h4\u003e\n\u003cp\u003eAmber Havana, padrão tartaruga translúcido em camadas de mel e marrom.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m12 3 9 5-9 5-9-5 9-5Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 12 9 5 9-5\"\u003e\u003c\/path\u003e\u003cpath d=\"m3 16 9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eMaterial\u003c\/h4\u003e\n\u003cp\u003eAcetato premium de alta densidade, com o corpo de uma armação de verdade. Nada de parecer plástico barato: é peso de qualidade, na medida certa para durar anos de uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21c-5 0-8-4-8-9C4 7 8 3 13 3c2 0 4 1 5 2 -1 6-4 10-9 12-1 .4-2 .6-3 .8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 17c3-2 5-5 6-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePeso\u003c\/h4\u003e\n\u003cp\u003eEstrutura pensada para desaparecer no rosto: depois das primeiras horas, você esquece completamente que está usando.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"9\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 13v3M9.5 20l2.5-4 2.5 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePonte\u003c\/h4\u003e\n\u003cp\u003eDupla, em formato chave (keyhole), para mais firmeza sem excesso de peso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eAcabamento\u003c\/h4\u003e\n\u003cp\u003eRebites e detalhes metálicos dourados nos cantos das hastes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-spec-item\"\u003e\n\u003cspan class=\"voc-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eUso\u003c\/h4\u003e\n\u003cp\u003eDa tela do computador ao jantar de sexta, sempre com a mesma naturalidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voc-closing\"\u003e\n\u003cp\u003eTem gente que precisa de um Varen e ainda não sabe disso. É quem abre o armário todos os dias e sente falta de uma peça que resolva o visual sem esforço, quem já se cansou de escolher entre estilo e conforto, quem quer parar de pensar no óculos assim que sai de casa.\u003c\/p\u003e\n\u003cp\u003eO Varen não pede ocasião especial. Ele acompanha quem já sabe o que quer usar e faz isso sem esforço.\u003c\/p\u003e\n\u003cp class=\"voc-signoff\"\u003eAmber Havana. Um clássico, à sua maneira.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kroma Óculos","offers":[{"title":"Amber Havana","offer_id":45863323598983,"sku":"Varen-715426","price":179.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direito_autoral_Via_63.png?v=1789529837"},{"product_id":"oculos-de-sol-quadrado-unissex-noronha","title":"Óculos de Sol Quadrado Unissex UV400 — Noronha","description":"\u003c!-- ============================================================\n VIA ÓCULOS · NORONHA — Seção de copy para PDP\n HTML + CSS + SVG inline · sem libs, sem imagens externas\n Cole em: Shopify \u003e Seção \"Liquid personalizado\" (Custom Liquid)\n Prefixo de classes: .vo-nor-\n ============================================================ --\u003e\n\u003cstyle\u003e\n .vo-nor {\n --nor-ink: #000000;\n --nor-ink-soft: #1A1A1A;\n --nor-muted: #6E6E6E;\n --nor-line: #E4E4E4;\n --nor-line-strong: #C9C9C9;\n --nor-bg: #FFFFFF;\n --nor-bg-alt: #F5F5F5;\n --nor-radius: 2px;\n --nor-ease: cubic-bezier(.22,.61,.36,1);\n\n container-type: inline-size;\n container-name: nor;\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n padding: 0;\n color: var(--nor-ink);\n background: var(--nor-bg);\n font-family: inherit;\n -webkit-font-smoothing: antialiased;\n line-height: 1.6;\n }\n .vo-nor *, .vo-nor *::before, .vo-nor *::after { box-sizing: border-box; }\n .vo-nor p { margin: 0 0 1em; }\n .vo-nor h2, .vo-nor h3, .vo-nor h4 { margin: 0; font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }\n\n \/* ---------- blocos ---------- *\/\n .vo-nor-block { padding: 40px 20px; border-top: 1px solid var(--nor-line); }\n .vo-nor-block:first-child { border-top: 0; }\n .vo-nor-block--alt { background: var(--nor-bg-alt); }\n .vo-nor-block--ink { background: var(--nor-ink); color: #fff; border-top-color: var(--nor-ink); }\n .vo-nor-inner { max-width: 980px; margin: 0 auto; }\n\n \/* ---------- tipografia ---------- *\/\n .vo-nor-eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 11px; letter-spacing: .18em; text-transform: uppercase;\n color: var(--nor-muted); margin-bottom: 14px; font-weight: 600;\n }\n .vo-nor-block--ink .vo-nor-eyebrow { color: rgba(255,255,255,.62); }\n .vo-nor-eyebrow::before { content: \"\"; width: 22px; height: 1px; background: currentColor; opacity: .55; }\n\n .vo-nor-title { font-size: 24px; margin-bottom: 14px; }\n .vo-nor-title em { font-style: normal; position: relative; white-space: nowrap; }\n .vo-nor-title em::after {\n content: \"\"; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .7s var(--nor-ease) .25s;\n }\n .vo-nor-reveal.is-in .vo-nor-title em::after { transform: scaleX(1); }\n .vo-nor:not(.vo-nor-js) .vo-nor-title em::after { transform: scaleX(1); }\n\n .vo-nor-lead { font-size: 15px; color: var(--nor-muted); max-width: 62ch; }\n .vo-nor-block--ink .vo-nor-lead { color: rgba(255,255,255,.72); }\n\n \/* ---------- reveal ---------- *\/\n .vo-nor-js .vo-nor-reveal { opacity: 0; transform: translateY(14px); }\n .vo-nor-js .vo-nor-reveal.is-in { opacity: 1; transform: none; transition: opacity .6s var(--nor-ease), transform .6s var(--nor-ease); }\n\n \/* ---------- desenho técnico ---------- *\/\n .vo-nor-spec { display: grid; gap: 22px; align-items: center; }\n .vo-nor-figure {\n position: relative; background: #fff; border: 1px solid var(--nor-line);\n border-radius: var(--nor-radius); padding: 18px; overflow: hidden;\n }\n .vo-nor-figure::after {\n content: \"\"; position: absolute; inset: 0; pointer-events: none;\n background:\n linear-gradient(to right, var(--nor-line) 1px, transparent 1px) 0 0\/28px 28px,\n linear-gradient(to bottom, var(--nor-line) 1px, transparent 1px) 0 0\/28px 28px;\n opacity: .35;\n }\n .vo-nor-figure svg { position: relative; z-index: 1; display: block; width: 100%; height: auto; }\n \/* sem JS o desenho já aparece completo; com JS ele se desenha ao entrar na tela *\/\n .vo-nor-js .vo-nor-draw { stroke-dasharray: 2400; stroke-dashoffset: 2400; }\n .vo-nor-js .vo-nor-figure.is-in .vo-nor-draw { animation: vo-nor-draw 1.9s var(--nor-ease) forwards; }\n @keyframes vo-nor-draw { to { stroke-dashoffset: 0; } }\n\n .vo-nor-specs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--nor-line); }\n .vo-nor-specs li {\n display: flex; justify-content: space-between; gap: 16px; align-items: baseline;\n padding: 12px 4px; border-bottom: 1px solid var(--nor-line);\n font-size: 14px; transition: padding-left .3s var(--nor-ease), background .3s var(--nor-ease);\n }\n .vo-nor-specs li:hover { background: var(--nor-bg-alt); padding-left: 12px; }\n .vo-nor-specs dt, .vo-nor-specs .vo-nor-k {\n text-transform: uppercase; letter-spacing: .1em; font-size: 11px; color: var(--nor-muted); font-weight: 600;\n }\n .vo-nor-specs .vo-nor-v { font-weight: 600; letter-spacing: -.01em; }\n\n \/* ---------- grid de benefícios ---------- *\/\n .vo-nor-grid { display: grid; gap: 1px; background: var(--nor-line); border: 1px solid var(--nor-line); }\n .vo-nor-card {\n position: relative; background: #fff; padding: 24px 20px;\n transition: background .35s var(--nor-ease), transform .35s var(--nor-ease);\n }\n .vo-nor-card::before {\n content: \"\"; position: absolute; left: 0; top: 0; width: 100%; height: 2px;\n background: var(--nor-ink); transform: scaleX(0); transform-origin: left;\n transition: transform .45s var(--nor-ease);\n }\n .vo-nor-card:hover { background: #FAFAFA; }\n .vo-nor-card:hover::before { transform: scaleX(1); }\n .vo-nor-ico {\n width: 38px; height: 38px; margin-bottom: 14px; display: block;\n transition: transform .5s var(--nor-ease);\n }\n .vo-nor-card:hover .vo-nor-ico { transform: translateY(-3px) scale(1.06); }\n .vo-nor-ico circle, .vo-nor-ico path, .vo-nor-ico rect, .vo-nor-ico line, .vo-nor-ico polyline, .vo-nor-ico ellipse {\n fill: none; stroke: var(--nor-ink); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;\n }\n .vo-nor-card h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }\n .vo-nor-card p { font-size: 13.5px; color: var(--nor-muted); margin: 0; }\n\n \/* ---------- 2 em 1 ---------- *\/\n .vo-nor-duo { display: grid; gap: 16px; margin-top: 26px; }\n .vo-nor-mode {\n border: 1px solid rgba(255,255,255,.22); border-radius: var(--nor-radius);\n padding: 22px 20px; position: relative; overflow: hidden;\n transition: border-color .4s var(--nor-ease), transform .4s var(--nor-ease);\n }\n .vo-nor-mode::after {\n content: \"\"; position: absolute; inset: 0; background: rgba(255,255,255,.05);\n opacity: 0; transition: opacity .4s var(--nor-ease);\n }\n .vo-nor-mode:hover { border-color: #fff; transform: translateY(-3px); }\n .vo-nor-mode:hover::after { opacity: 1; }\n .vo-nor-mode svg { width: 30px; height: 30px; margin-bottom: 12px; position: relative; z-index: 1; }\n .vo-nor-mode svg * { fill: none; stroke: #fff; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }\n .vo-nor-mode h3 { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; position: relative; z-index: 1; }\n .vo-nor-mode p { font-size: 13.5px; color: rgba(255,255,255,.7); margin: 0; position: relative; z-index: 1; }\n\n \/* ---------- selos \/ badges ---------- *\/\n .vo-nor-badges { display: grid; gap: 1px; background: var(--nor-line); border: 1px solid var(--nor-line); margin-top: 26px; }\n .vo-nor-badge {\n background: #fff; padding: 20px 16px; text-align: center;\n transition: background .35s var(--nor-ease);\n }\n .vo-nor-badge:hover { background: var(--nor-ink); }\n .vo-nor-badge svg { width: 30px; height: 30px; margin: 0 auto 10px; display: block; transition: transform .5s var(--nor-ease); }\n .vo-nor-badge svg * { fill: none; stroke: var(--nor-ink); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke .35s var(--nor-ease); }\n .vo-nor-badge:hover svg { transform: scale(1.1) rotate(-4deg); }\n .vo-nor-badge:hover svg * { stroke: #fff; }\n .vo-nor-badge strong { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; transition: color .35s var(--nor-ease); }\n .vo-nor-badge span { display: block; font-size: 12px; color: var(--nor-muted); margin-top: 4px; transition: color .35s var(--nor-ease); }\n .vo-nor-badge:hover strong { color: #fff; }\n .vo-nor-badge:hover span { color: rgba(255,255,255,.68); }\n\n \/* ---------- para quem ---------- *\/\n .vo-nor-fit { display: grid; gap: 16px; margin-top: 24px; }\n .vo-nor-fit-col { border: 1px solid var(--nor-line); border-radius: var(--nor-radius); padding: 22px 20px; background: #fff; transition: border-color .35s var(--nor-ease); }\n .vo-nor-fit-col:hover { border-color: var(--nor-ink); }\n .vo-nor-fit-col h3 { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; }\n .vo-nor-fit-col ul { list-style: none; margin: 0; padding: 0; }\n .vo-nor-fit-col li {\n display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px;\n padding: 8px 0; color: var(--nor-ink-soft);\n }\n .vo-nor-fit-col li svg { width: 15px; height: 15px; flex: 0 0 15px; margin-top: 4px; }\n .vo-nor-fit-col li svg * { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\n .vo-nor-fit-col--no li { color: var(--nor-muted); }\n\n \/* ---------- FAQ ---------- *\/\n .vo-nor-faq { margin-top: 24px; border-top: 1px solid var(--nor-line); }\n .vo-nor-q { border-bottom: 1px solid var(--nor-line); }\n .vo-nor-q \u003e summary {\n list-style: none; cursor: pointer; padding: 18px 40px 18px 0; position: relative;\n font-size: 14.5px; font-weight: 600; letter-spacing: -.01em;\n transition: padding-left .3s var(--nor-ease), color .3s var(--nor-ease);\n }\n .vo-nor-q \u003e summary::-webkit-details-marker { display: none; }\n .vo-nor-q \u003e summary:hover { padding-left: 10px; }\n .vo-nor-q \u003e summary::after {\n content: \"\"; position: absolute; right: 8px; top: 50%; width: 12px; height: 2px;\n background: var(--nor-ink); transform: translateY(-50%);\n }\n .vo-nor-q \u003e summary::before {\n content: \"\"; position: absolute; right: 13px; top: 50%; width: 2px; height: 12px;\n background: var(--nor-ink); transform: translateY(-50%) scaleY(1);\n transition: transform .35s var(--nor-ease);\n }\n .vo-nor-q[open] \u003e summary::before { transform: translateY(-50%) scaleY(0); }\n .vo-nor-a { padding: 0 30px 20px 0; font-size: 13.5px; color: var(--nor-muted); animation: vo-nor-fade .4s var(--nor-ease); }\n .vo-nor-a p:last-child { margin-bottom: 0; }\n @keyframes vo-nor-fade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }\n\n \/* ---------- responsivo: container queries (com fallback) ---------- *\/\n @container nor (min-width: 560px) {\n .vo-nor-block { padding: 56px 32px; }\n .vo-nor-title { font-size: 30px; }\n .vo-nor-lead { font-size: 16px; }\n .vo-nor-grid { grid-template-columns: repeat(2, 1fr); }\n .vo-nor-badges { grid-template-columns: repeat(2, 1fr); }\n .vo-nor-duo { grid-template-columns: repeat(2, 1fr); }\n .vo-nor-fit { grid-template-columns: repeat(2, 1fr); }\n }\n @container nor (min-width: 840px) {\n .vo-nor-block { padding: 72px 40px; }\n .vo-nor-title { font-size: 36px; }\n .vo-nor-spec { grid-template-columns: 1.05fr .95fr; gap: 48px; }\n .vo-nor-grid { grid-template-columns: repeat(3, 1fr); }\n .vo-nor-badges { grid-template-columns: repeat(4, 1fr); }\n }\n @supports not (container-type: inline-size) {\n @media (min-width: 600px) {\n .vo-nor-block { padding: 56px 32px; }\n .vo-nor-title { font-size: 30px; }\n .vo-nor-grid, .vo-nor-badges, .vo-nor-duo, .vo-nor-fit { grid-template-columns: repeat(2, 1fr); }\n }\n @media (min-width: 900px) {\n .vo-nor-block { padding: 72px 40px; }\n .vo-nor-title { font-size: 36px; }\n .vo-nor-spec { grid-template-columns: 1.05fr .95fr; gap: 48px; }\n .vo-nor-grid { grid-template-columns: repeat(3, 1fr); }\n .vo-nor-badges { grid-template-columns: repeat(4, 1fr); }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .vo-nor *, .vo-nor *::before, .vo-nor *::after { animation: none !important; transition: none !important; }\n .vo-nor-js .vo-nor-draw { stroke-dasharray: none; stroke-dashoffset: 0; }\n .vo-nor-title em::after { transform: scaleX(1) !important; }\n .vo-nor-js .vo-nor-reveal { opacity: 1; transform: none; }\n }\n\u003c\/style\u003e\n\u003csection class=\"vo-nor\"\u003e\u003c!-- 1 · MANIFESTO ------------------------------------------------ --\u003e\n\u003cdiv class=\"vo-nor-block\"\u003e\n\u003cdiv class=\"vo-nor-inner vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eColeção Noronha\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eO sol muda o dia inteiro.\u003cbr\u003eA tela, \u003cem\u003enão\u003c\/em\u003e.\u003c\/h2\u003e\n\u003cp class=\"vo-nor-lead\"\u003eVocê troca de óculos quando sai. Depois volta pro computador e passa mais seis horas encarando luz azul sem nenhuma proteção. O Noronha foi desenhado pra resolver os dois lados do mesmo dia: lente âmbar com filtro de luz azul \u003cstrong\u003ee\u003c\/strong\u003e proteção UV400 certificada, na mesma armação. Um óculos. Duas funções. Zero troca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2 · DESENHO TÉCNICO + MEDIDAS -------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block vo-nor-block--alt\"\u003e\n\u003cdiv class=\"vo-nor-inner\"\u003e\n\u003cdiv class=\"vo-nor-spec\"\u003e\n\u003cdiv class=\"vo-nor-figure vo-nor-reveal\"\u003e\u003csvg viewbox=\"0 0 460 210\" role=\"img\"\u003e\n \u003cg class=\"vo-nor-draw\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \n \u003cpath d=\"M60 78 C50 118 78 158 118 160 C158 162 182 130 178 92 C176 72 160 62 132 60 C104 58 70 62 60 78 Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M70 84 C62 118 86 150 118 152 C150 154 172 128 169 96\" opacity=\".45\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M400 78 C410 118 382 158 342 160 C302 162 278 130 282 92 C284 72 300 62 328 60 C356 58 390 62 400 78 Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M390 84 C398 118 374 150 342 152 C310 154 288 128 291 96\" opacity=\".45\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M178 92 C204 84 256 84 282 92\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M172 68 L288 68\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M178 92 L176 70\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M282 92 L284 70\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M186 96 C182 112 188 130 200 136\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M274 96 C278 112 272 130 260 136\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n \n \u003cpath d=\"M60 78 L34 84 L20 92\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M400 78 L426 84 L440 92\"\u003e\u003c\/path\u003e\n \u003crect x=\"24\" y=\"80\" width=\"14\" height=\"12\" rx=\"2\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"422\" y=\"80\" width=\"14\" height=\"12\" rx=\"2\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \n \u003cpath d=\"M60 178 L178 178\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M60 173 L60 183 M178 173 L178 183\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M186 178 L274 178\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M186 173 L186 183 M274 173 L274 183\" stroke-width=\"1\" opacity=\".5\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003ctext x=\"119\" y=\"196\" text-anchor=\"middle\" font-size=\"11\" fill=\"#6E6E6E\" letter-spacing=\"1.5\" font-family=\"inherit\"\u003eLENTE 49\u003c\/text\u003e\n \u003ctext x=\"230\" y=\"196\" text-anchor=\"middle\" font-size=\"11\" fill=\"#6E6E6E\" letter-spacing=\"1.5\" font-family=\"inherit\"\u003ePONTE 21\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eFicha técnica\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eRedondo, mas com \u003cem\u003eestrutura\u003c\/em\u003e.\u003c\/h2\u003e\n\u003cp class=\"vo-nor-lead\" style=\"margin-bottom: 20px;\"\u003ePonte dupla em metal sobre frente de acetato: o desenho que dá presença ao rosto sem pesar. Aro redondo suavizado — funciona em rosto quadrado, retangular e oval.\u003c\/p\u003e\n\u003cul class=\"vo-nor-specs\"\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003eLargura da lente\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003e49 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003ePonte\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003e21 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003eHaste\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003e145 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003eFrente total\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003e138 mm\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003ePeso\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003e24 g\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003eMaterial\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003eAcetato + metal\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"vo-nor-k\"\u003eLente\u003c\/span\u003e\u003cspan class=\"vo-nor-v\"\u003eÂmbar · UV400\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 · BENEFÍCIOS ----------------------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block\"\u003e\n\u003cdiv class=\"vo-nor-inner\"\u003e\n\u003cdiv class=\"vo-nor-reveal\" style=\"margin-bottom: 26px;\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003ePor dentro\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eSeis decisões de projeto que você \u003cem\u003esente\u003c\/em\u003e no uso.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-grid vo-nor-reveal\"\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 3 27 8v8c0 7-4.7 11.4-11 13C9.7 27.4 5 23 5 16V8L16 3Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11.5 16.5 14.8 20 21 13\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eProteção UV400\u003c\/h3\u003e\n\u003cp\u003eBloqueia 100% dos raios UVA e UVB até 400 nm. Não é a cor da lente que protege — é o tratamento. Aqui os dois estão presentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cellipse cx=\"16\" cy=\"16\" rx=\"13\" ry=\"7.5\"\u003e\u003c\/ellipse\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"3.4\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M6 26 26 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eFiltro de luz azul\u003c\/h3\u003e\n\u003cp\u003eA lente âmbar corta a faixa de luz azul-violeta das telas e do LED. Menos ardência no fim do expediente, mais conforto à noite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003ccircle cx=\"9\" cy=\"19\" r=\"5.6\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"23\" cy=\"19\" r=\"5.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M14.6 18.4c1-.7 2.8-.7 3.8 0\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 11h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M14.6 18.4 13.8 11M17.4 18.4l.8-7.4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003ePonte dupla\u003c\/h3\u003e\n\u003cp\u003eA barra superior em metal trava a frente e distribui o esforço. É o detalhe que sustenta o formato redondo sem deixar a armação frouxa com o tempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"4\" y=\"10\" width=\"11\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"17\" y=\"10\" width=\"11\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 10V7.5M24 10V7.5M8 22v2.5M24 22v2.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eAcetato + metal\u003c\/h3\u003e\n\u003cp\u003eFrente em acetato (rígida, não deforma no calor do carro) com hastes e ponte em metal. Combinação de armação premium, não de plástico injetado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 5c-3 4-5 6.6-5 9.5a5 5 0 0 0 10 0C21 11.6 19 9 16 5Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 22c2 2 8 2 10 0\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 26c3 2.6 11 2.6 14 0\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003ePlaquetas ajustáveis\u003c\/h3\u003e\n\u003cp\u003eApoio em silicone macio com haste flexível: você ajusta a altura no seu nariz. Não escorrega quando transpira nem marca a pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-card\"\u003e\n\u003csvg class=\"vo-nor-ico\" viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M25 5c-8 0-14 5-16 12-1 3.5-1.4 6-1.4 8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M25 5c1.5 7-1 13-6.5 15.8-3.6 1.8-7.6 1.5-10.9.2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M22 11 12 18M20.5 16 13.6 20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003e24 g no rosto\u003c\/h3\u003e\n\u003cp\u003eLeve o bastante pra você esquecer que está usando. Sem pressão atrás da orelha depois de quatro horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4 · 2 EM 1 ---------------------------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block vo-nor-block--ink\"\u003e\n\u003cdiv class=\"vo-nor-inner vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eDois usos\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eSai de casa com ele. \u003cem\u003eTrabalha\u003c\/em\u003e com ele.\u003c\/h2\u003e\n\u003cp class=\"vo-nor-lead\"\u003eA lente âmbar é a única que faz sentido nos dois cenários: filtra o azul das telas e ainda aumenta o contraste na luz do dia.\u003c\/p\u003e\n\u003cdiv class=\"vo-nor-duo\"\u003e\n\u003cdiv class=\"vo-nor-mode\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M16 3v3M16 26v3M3 16h3M26 16h3M7 7l2 2M23 23l2 2M25 7l-2 2M9 23l-2 2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eNa rua\u003c\/h3\u003e\n\u003cp\u003eUV400 contra a radiação, âmbar contra o ofuscamento. Realça o contraste em dia nublado, no volante e no fim de tarde — quando lente escura demais atrapalha.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-mode\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"24\" height=\"15\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M12 27h8M16 22v5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12h8M9 16h5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch3\u003eNa tela\u003c\/h3\u003e\n\u003cp\u003eReduz a luz azul-violeta do monitor e do celular. Pra quem passa o dia editando, dirigindo à noite ou fecha o notebook com os olhos secos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5 · PARA QUEM É \/ NÃO É -------------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block\"\u003e\n\u003cdiv class=\"vo-nor-inner\"\u003e\n\u003cdiv class=\"vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eHonestidade\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eO Noronha não é pra \u003cem\u003etodo mundo\u003c\/em\u003e.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-fit vo-nor-reveal\"\u003e\n\u003cdiv class=\"vo-nor-fit-col\"\u003e\n\u003ch3\u003eÉ pra você se…\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Passa horas em tela e quer o mesmo óculos pra sair.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tem rosto quadrado, retangular ou oval e quer suavizar os traços.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Prefere uma armação com desenho autoral a mais um modelo genérico.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M3 8.5 6.3 12 13 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Já cansou de armação de plástico que abre e nunca mais fecha.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-fit-col vo-nor-fit-col--no\"\u003e\n\u003ch3\u003eNão é pra você se…\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Procura lente espelhada bem escura pra praia e sol a pino.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Quer algo totalmente discreto — a ponte dupla chama atenção.\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg viewbox=\"0 0 16 16\"\u003e\u003cpath d=\"M4 4l8 8M12 4l-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tem rosto muito largo: a frente de 138 mm é de tamanho médio.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6 · GARANTIAS \/ SELOS ---------------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block vo-nor-block--alt\"\u003e\n\u003cdiv class=\"vo-nor-inner\"\u003e\n\u003cdiv class=\"vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eSem risco\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eO risco é \u003cem\u003enosso\u003c\/em\u003e, não seu.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-badges vo-nor-reveal\"\u003e\n\u003cdiv class=\"vo-nor-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M4 12h16v10H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 15h5l3 4v3h-8z\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"9\" cy=\"24\" r=\"2.2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"23\" cy=\"24\" r=\"2.2\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e \u003cstrong\u003eEnvio em 48h\u003c\/strong\u003e \u003cspan\u003eDias úteis, com rastreio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M6 12a10 10 0 1 1 1.6 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 26v-7h7\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003e7 dias pra trocar\u003c\/strong\u003e \u003cspan\u003eNão serviu? Devolvemos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003cpath d=\"M16 4 27 9v8c0 7-4.7 11.3-11 13C9.7 28.3 5 24 5 17V9l11-5Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 12v5M16 20.5v.2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003e30 dias de garantia\u003c\/strong\u003e \u003cspan\u003eContra defeito de fábrica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-badge\"\u003e\n\u003csvg viewbox=\"0 0 32 32\"\u003e\n \u003crect x=\"5\" y=\"9\" width=\"22\" height=\"15\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M5 14h22\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 19h5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cstrong\u003ePagamento seguro\u003c\/strong\u003e \u003cspan\u003ePix ou cartão parcelado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7 · QUEBRA DE OBJEÇÃO (FAQ) ---------------------------------- --\u003e\n\u003cdiv class=\"vo-nor-block\"\u003e\n\u003cdiv class=\"vo-nor-inner\"\u003e\n\u003cdiv class=\"vo-nor-reveal\"\u003e\n\u003cspan class=\"vo-nor-eyebrow\"\u003eAntes de decidir\u003c\/span\u003e\n\u003ch2 class=\"vo-nor-title\"\u003eAs perguntas que você \u003cem\u003eia fazer\u003c\/em\u003e.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-nor-faq vo-nor-reveal\"\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eA lente amarela não chama atenção demais?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eEla chama — e essa é a intenção. O âmbar é o que dá personalidade a uma armação preta que, sozinha, seria mais uma. Na prática o tom é quente e fecha bem com preto, branco, jeans e caqui. Se a sua busca é passar despercebido, seja honesto: esse não é o modelo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eLente clara protege do sol de verdade?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eSim. Escuridão e proteção são coisas diferentes: quem barra a radiação é o tratamento UV400, não o tom. Uma lente escura sem tratamento é pior do que não usar nada, porque abre a pupila e deixa entrar mais UV. O Noronha tem UV400 — protege mantendo o contraste alto, que é justamente o que ajuda a enxergar melhor dirigindo e no fim de tarde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eVai servir no meu rosto?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eFrente de 138 mm — tamanho médio, o que atende a maioria dos rostos adultos. O aro redondo suavizado equilibra especialmente rostos quadrados e retangulares. Se o seu óculos atual tem frente entre 132 e 143 mm, o Noronha serve. E se errar: você tem 7 dias pra trocar ou devolver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eDá pra colocar lente de grau?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eDá. A armação aceita lente de grau em qualquer ótica — é só levar a receita e pedir a montagem. O acetato com ponte dupla suporta bem o encaixe. Vale conferir com o ótico se o seu grau é muito alto, porque lentes muito espessas fogem do desenho fino do aro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eÉ frágil? Acetato não quebra fácil?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eAcetato é o oposto de plástico injetado: é rígido, não amarela e não amolece no calor do painel do carro. Somado à ponte e às hastes de metal, a armação tem estrutura de óculos de ótica, não de quiosque. Defeito de fábrica é coberto por 90 dias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\"\u003e\n\u003csummary\u003eQuanto tempo demora pra chegar?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003ePostamos em até 24 horas úteis e você recebe o código de rastreio por e-mail e WhatsApp. O prazo depois disso varia com a sua região — capitais costumam receber mais rápido, e o prazo exato aparece no checkout antes de você pagar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vo-nor-q\" open=\"\"\u003e\n\u003csummary\u003eVem com estojo?\u003c\/summary\u003e\n\u003cdiv class=\"vo-nor-a\"\u003e\n\u003cp\u003eSim: estojo rígido, flanela de microfibra e certificado de proteção UV400. Tudo dentro da embalagem da Via Óculos — pronto pra presentear sem precisar de mais nada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Kroma Óculos","offers":[{"title":"Amarelo","offer_id":45863323664519,"sku":"2353113","price":189.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direct_Autoral_Via_Oculos_1.png?v=1789529838"},{"product_id":"oculos-de-sol-aviador-unissex-uv400","title":"Óculos de Sol Aviador Unissex UV400 — Aureon","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.voa {\n --brown: #6B3825;\n --brown-light: #8f4d33;\n --brown-dim: #f5ede9;\n --amber: #E8A820;\n --amber-dim: #fef8e7;\n --text: #1a1a1a;\n --muted: #6b7280;\n --border: #e5e7eb;\n --bg: #ffffff;\n --radius: 10px;\n font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n color: var(--text);\n background: var(--bg);\n}\n.voa *, .voa *::before, .voa *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.voa__wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n\n\/* HERO *\/\n.voa__hero { background: var(--bg); padding: 64px 0 52px; border-bottom: 1px solid var(--border); }\n.voa__hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n.voa__badge-row { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }\n.voa__badge { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; border: 1.5px solid var(--border); color: var(--muted); }\n.voa__badge--accent { background: var(--brown-dim); border-color: var(--brown); color: var(--brown); }\n.voa__badge--amber { background: var(--amber-dim); border-color: var(--amber); color: #8a5f00; }\n.voa__hero-title { font-size: clamp(38px, 5vw, 62px); font-weight: 800; line-height: 1.0; letter-spacing: -.025em; color: var(--text); margin-bottom: 10px; }\n.voa__hero-title span { color: var(--brown); }\n.voa__hero-sub { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-bottom: 24px; }\n.voa__hero-desc { font-size: 15px; line-height: 1.75; color: var(--muted); font-weight: 400; max-width: 440px; margin-bottom: 32px; }\n.voa__hero-desc strong { color: var(--text); font-weight: 600; }\n.voa__lens-pill { display: inline-flex; align-items: center; gap: 10px; background: var(--amber-dim); border: 1.5px solid var(--amber); border-radius: 8px; padding: 12px 18px; }\n.voa__lens-swatch { width: 28px; height: 28px; border-radius: 50%; background: var(--amber); flex-shrink: 0; box-shadow: 0 2px 8px rgba(232,168,32,.4); }\n.voa__lens-name { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a5f00; display: block; }\n.voa__lens-desc { font-size: 11px; color: #a07820; display: block; font-weight: 500; }\n.voa__hero-card { background: linear-gradient(135deg, #fef8e7 0%, #fdf0cc 100%); border: 1px solid #f0d980; border-radius: 16px; padding: 48px 32px; text-align: center; position: relative; overflow: hidden; }\n.voa__hero-card::before { content: ''; position: absolute; top: -30px; right: -30px; width: 120px; height: 120px; background: radial-gradient(circle, rgba(232,168,32,.25), transparent 70%); border-radius: 50%; }\n.voa__hero-card-name { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #8a5f00; margin-bottom: 16px; display: block; }\n.voa__hero-spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; text-align: left; }\n.voa__hero-spec { background: rgba(255,255,255,.7); border: 1px solid rgba(232,168,32,.3); border-radius: 8px; padding: 12px 14px; }\n.voa__hero-spec-label { font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #a07820; display: block; margin-bottom: 3px; }\n.voa__hero-spec-val { font-size: 12px; font-weight: 600; color: var(--text); display: block; }\n\n\/* DIFERENCIAIS *\/\n.voa__diff { padding: 56px 0; border-bottom: 1px solid var(--border); background: #fafafa; }\n.voa__diff-title { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--brown); text-align: center; margin-bottom: 36px; }\n.voa__diff-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.voa__diff-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 22px; text-align: center; transition: box-shadow .25s, border-color .25s; }\n.voa__diff-card:hover { box-shadow: 0 6px 24px rgba(107,56,37,.08); border-color: var(--brown-dim); }\n.voa__diff-icon { width: 48px; height: 48px; background: var(--brown-dim); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }\n.voa__diff-icon svg { width: 22px; height: 22px; stroke: var(--brown); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.voa__diff-heading { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 8px; letter-spacing: -.01em; }\n.voa__diff-text { font-size: 12.5px; line-height: 1.65; color: var(--muted); font-weight: 400; }\n\n\/* LENTE *\/\n.voa__lens-section { padding: 60px 0; background: var(--bg); border-bottom: 1px solid var(--border); }\n.voa__lens-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n.voa__lens-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--brown); display: block; margin-bottom: 12px; }\n.voa__lens-title { font-size: clamp(26px, 3.5vw, 38px); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: var(--text); margin-bottom: 16px; }\n.voa__lens-title em { font-style: normal; color: var(--brown); }\n.voa__lens-body { font-size: 14px; line-height: 1.75; color: var(--muted); margin-bottom: 28px; }\n.voa__lens-body strong { color: var(--text); font-weight: 600; }\n.voa__use-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.voa__use-item { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 500; color: var(--text); }\n.voa__use-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); flex-shrink: 0; box-shadow: 0 0 0 3px var(--amber-dim); }\n.voa__lens-visual { background: linear-gradient(160deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: 16px; padding: 40px 32px; position: relative; overflow: hidden; }\n.voa__lens-visual::before { content: ''; position: absolute; top: -40px; left: -40px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(232,168,32,.2), transparent 65%); border-radius: 50%; }\n.voa__lens-label { font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.4); display: block; margin-bottom: 24px; }\n.voa__compare-row { display: flex; flex-direction: column; gap: 12px; }\n.voa__compare-item { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; }\n.voa__compare-item--active { background: rgba(232,168,32,.12); border-color: rgba(232,168,32,.35); }\n.voa__compare-check { width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.voa__compare-check--on { background: var(--amber); border-color: var(--amber); }\n.voa__compare-check svg { width: 10px; height: 10px; stroke: #1a1a1a; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\n.voa__compare-text { font-size: 13px; font-weight: 500; color: rgba(255,255,255,.5); }\n.voa__compare-item--active .voa__compare-text { color: #ffe57a; font-weight: 600; }\n\n\/* SPECS *\/\n.voa__specs { padding: 56px 0; background: #fafafa; border-bottom: 1px solid var(--border); }\n.voa__specs-title { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--brown); text-align: center; margin-bottom: 36px; }\n.voa__specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n.voa__spec-row { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; display: flex; align-items: center; gap: 14px; }\n.voa__spec-icon { width: 36px; height: 36px; background: var(--brown-dim); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.voa__spec-icon svg { width: 17px; height: 17px; stroke: var(--brown); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.voa__spec-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); display: block; }\n.voa__spec-val { font-size: 13px; font-weight: 600; color: var(--text); display: block; }\n\n\/* STATEMENT *\/\n.voa__statement { padding: 72px 0; background: var(--bg); text-align: center; }\n.voa__statement-quote { font-size: clamp(22px, 3.5vw, 36px); font-weight: 800; line-height: 1.2; letter-spacing: -.02em; color: var(--text); max-width: 640px; margin: 0 auto 16px; }\n.voa__statement-quote em { font-style: normal; color: var(--brown); }\n.voa__statement-sub { font-size: 13px; color: var(--muted); font-weight: 500; letter-spacing: .04em; }\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n .voa__hero { padding: 44px 0 36px; }\n .voa__hero-inner { grid-template-columns: 1fr; gap: 36px; }\n .voa__hero-visual { display: none; }\n .voa__hero-desc { max-width: 100%; }\n .voa__diff-grid { grid-template-columns: 1fr; gap: 10px; }\n .voa__diff-card { text-align: left; display: flex; gap: 14px; align-items: flex-start; padding: 20px 18px; }\n .voa__diff-icon { margin: 0; flex-shrink: 0; }\n .voa__lens-inner { grid-template-columns: 1fr; gap: 32px; }\n .voa__lens-visual { padding: 28px 20px; }\n .voa__specs-grid { grid-template-columns: 1fr; gap: 10px; }\n .voa__statement { padding: 48px 0; }\n}\n@media (max-width: 480px) {\n .voa__wrap { padding: 0 16px; }\n .voa__hero-title { font-size: 34px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"voa\"\u003e\n\u003cdiv class=\"voa__hero\"\u003e\n\u003cdiv class=\"voa__wrap\"\u003e\n\u003cdiv class=\"voa__hero-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"voa__badge-row\"\u003e\n\u003cspan class=\"voa__badge voa__badge--accent\"\u003eDupla ponte\u003c\/span\u003e \u003cspan class=\"voa__badge voa__badge--amber\"\u003eLente âmbar\u003c\/span\u003e \u003cspan class=\"voa__badge\"\u003eUV400\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"voa__hero-title\"\u003eFeito pra\u003cbr\u003e\u003cspan\u003eser visto.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"voa__hero-desc\"\u003eUm aviador com dupla ponte e lente âmbar que não pede licença pra chamar atenção. \u003cstrong\u003eArmação preta brilhante, lente amarela intensa\u003c\/strong\u003e — o tipo de óculos que define o look, não complementa.\u003c\/p\u003e\n\u003cdiv class=\"voa__lens-pill\"\u003e\n\u003cdiv class=\"voa__lens-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__lens-name\"\u003eÂmbar Intenso\u003c\/span\u003e \u003cspan class=\"voa__lens-desc\"\u003eAlta transmissão de luz · Contraste elevado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-visual\"\u003e\n\u003cdiv class=\"voa__hero-card\"\u003e\n\u003cspan class=\"voa__hero-card-name\"\u003eEspecificações técnicas\u003c\/span\u003e\n\u003cdiv class=\"voa__hero-spec-grid\"\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003eFormato\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eAviador\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003ePonte\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eDupla\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003eArmação\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eAcetato preto\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003eLente\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eÂmbar sólida\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003eProteção\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eUV400\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__hero-spec\"\u003e\n\u003cspan class=\"voa__hero-spec-label\"\u003eGênero\u003c\/span\u003e\u003cspan class=\"voa__hero-spec-val\"\u003eUnissex\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__diff\"\u003e\n\u003cdiv class=\"voa__wrap\"\u003e\n\u003cp class=\"voa__diff-title\"\u003ePor que esse modelo\u003c\/p\u003e\n\u003cdiv class=\"voa__diff-grid\"\u003e\n\u003cdiv class=\"voa__diff-card\"\u003e\n\u003cdiv class=\"voa__diff-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\u003e\u003c\/path\u003e\u003ccircle r=\"3\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"voa__diff-heading\"\u003eVisual que domina\u003c\/p\u003e\n\u003cp class=\"voa__diff-text\"\u003eA dupla ponte é um detalhe de design que separa quem usa óculos de quem usa estilo. Referência direta ao aviador clássico dos anos 70.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__diff-card\"\u003e\n\u003cdiv class=\"voa__diff-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"5\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cline y2=\"3\" x2=\"12\" y1=\"1\" x1=\"12\"\u003e\u003c\/line\u003e\u003cline y2=\"23\" x2=\"12\" y1=\"21\" x1=\"12\"\u003e\u003c\/line\u003e\u003cline y2=\"5.64\" x2=\"5.64\" y1=\"4.22\" x1=\"4.22\"\u003e\u003c\/line\u003e\u003cline y2=\"19.78\" x2=\"19.78\" y1=\"18.36\" x1=\"18.36\"\u003e\u003c\/line\u003e\u003cline y2=\"12\" x2=\"3\" y1=\"12\" x1=\"1\"\u003e\u003c\/line\u003e\u003cline y2=\"12\" x2=\"23\" y1=\"12\" x1=\"21\"\u003e\u003c\/line\u003e\u003cline y2=\"18.36\" x2=\"5.64\" y1=\"19.78\" x1=\"4.22\"\u003e\u003c\/line\u003e\u003cline y2=\"4.22\" x2=\"19.78\" y1=\"5.64\" x1=\"18.36\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"voa__diff-heading\"\u003eÂmbar: mais que estética\u003c\/p\u003e\n\u003cp class=\"voa__diff-text\"\u003eO tom âmbar eleva o contraste visual em dias nublados. Amplamente usado em esportes — aqui com a atitude do dia a dia urbano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__diff-card\"\u003e\n\u003cdiv class=\"voa__diff-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7.5 3v5c0 4.5-3 8.5-7.5 10C4.5 19.5 4.5 15.5 4.5 11V6L12 3z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"voa__diff-heading\"\u003eProteção UV400\u003c\/p\u003e\n\u003cp class=\"voa__diff-text\"\u003eLente de policarbonato com filtro UV400 integrado na massa — bloqueio total de UV-A e UV-B, independente da tonalidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__lens-section\"\u003e\n\u003cdiv class=\"voa__wrap\"\u003e\n\u003cdiv class=\"voa__lens-inner\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__lens-eyebrow\"\u003eTecnologia da lente\u003c\/span\u003e\n\u003ch3 class=\"voa__lens-title\"\u003eÂmbar não é\u003cbr\u003esó \u003cem\u003ecor.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp class=\"voa__lens-body\"\u003eA lente âmbar filtra comprimentos de onda azul e aumenta o contraste percebido. \u003cstrong\u003eVocê enxerga mais nítido em condições de luz variável\u003c\/strong\u003e — neblina, nuvens, entardecer. É o mesmo princípio técnico de óculos usados por pilotos e esportistas, num formato feito pra rua.\u003c\/p\u003e\n\u003cul class=\"voa__use-list\"\u003e\n\u003cli class=\"voa__use-item\"\u003e\n\u003cspan class=\"voa__use-dot\"\u003e\u003c\/span\u003eDias nublados e céu encoberto\u003c\/li\u003e\n\u003cli class=\"voa__use-item\"\u003e\n\u003cspan class=\"voa__use-dot\"\u003e\u003c\/span\u003eDireção no entardecer\u003c\/li\u003e\n\u003cli class=\"voa__use-item\"\u003e\n\u003cspan class=\"voa__use-dot\"\u003e\u003c\/span\u003eAmbientes externos com luz difusa\u003c\/li\u003e\n\u003cli class=\"voa__use-item\"\u003e\n\u003cspan class=\"voa__use-dot\"\u003e\u003c\/span\u003eQuem quer um look inconfundível no sol forte\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__lens-visual\"\u003e\n\u003cspan class=\"voa__lens-label\"\u003eComparativo de lente\u003c\/span\u003e\n\u003cdiv class=\"voa__compare-row\"\u003e\n\u003cdiv class=\"voa__compare-item\"\u003e\n\u003cdiv class=\"voa__compare-check\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cline y2=\"9\" x2=\"5\" y1=\"6\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"3\" x2=\"10\" y1=\"9\" x1=\"5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"voa__compare-text\"\u003eProteção UV-A e UV-B total\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__compare-item voa__compare-item--active\"\u003e\n\u003cdiv class=\"voa__compare-check voa__compare-check--on\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cline y2=\"9\" x2=\"5\" y1=\"6\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"3\" x2=\"10\" y1=\"9\" x1=\"5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"voa__compare-text\"\u003eAumento de contraste em dias nublados\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__compare-item voa__compare-item--active\"\u003e\n\u003cdiv class=\"voa__compare-check voa__compare-check--on\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cline y2=\"9\" x2=\"5\" y1=\"6\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"3\" x2=\"10\" y1=\"9\" x1=\"5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"voa__compare-text\"\u003eFiltro de luz azul natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__compare-item voa__compare-item--active\"\u003e\n\u003cdiv class=\"voa__compare-check voa__compare-check--on\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cline y2=\"9\" x2=\"5\" y1=\"6\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"3\" x2=\"10\" y1=\"9\" x1=\"5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"voa__compare-text\"\u003eVisual único — lente colorida sólida\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__compare-item\"\u003e\n\u003cdiv class=\"voa__compare-check\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan style=\"opacity: .3;\" class=\"voa__compare-text\"\u003eLente fumê padrão\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__specs\"\u003e\n\u003cdiv class=\"voa__wrap\"\u003e\n\u003cp class=\"voa__specs-title\"\u003eComposição \u0026amp; acabamento\u003c\/p\u003e\n\u003cdiv class=\"voa__specs-grid\"\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cline y2=\"12\" x2=\"12\" y1=\"8\" x1=\"12\"\u003e\u003c\/line\u003e\u003cline y2=\"16\" x2=\"12.01\" y1=\"16\" x1=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eArmação\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003eAcetato preto brilhante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\u003e\u003c\/path\u003e\u003ccircle r=\"3\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eLente\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003ePolicarbonato âmbar UV400\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect rx=\"3\" height=\"10\" width=\"20\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e\u003cline y2=\"12\" x2=\"16\" y1=\"12\" x1=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eFormato\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003eAviador dupla ponte\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eGênero\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003eUnissex\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 10H3M16 2v4M8 2v4M3 6h18v16H3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eIncluso\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003eEstojo + flanela microfibra\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__spec-row\"\u003e\n\u003cdiv class=\"voa__spec-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7.5 3v5c0 4.5-3 8.5-7.5 10C4.5 19.5 4.5 15.5 4.5 11V6L12 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"voa__spec-label\"\u003eProteção\u003c\/span\u003e\u003cspan class=\"voa__spec-val\"\u003eUV400 — 100% UV-A e UV-B\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"voa__statement\"\u003e\n\u003cdiv class=\"voa__wrap\"\u003e\n\u003ch3 class=\"voa__statement-quote\"\u003eAlguns óculos protegem.\u003cbr\u003e\u003cem\u003eEsse também impressiona.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp class=\"voa__statement-sub\"\u003eVia Óculos — design com propósito, acabamento sem concessão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kroma Óculos","offers":[{"title":"Preto | Amarelo","offer_id":45863323828359,"sku":"74122NH96","price":169.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direito_autoral_Via_10.png?v=1789529838"},{"product_id":"oculos-de-sol-esportivo-cyber-plantaris-black-x","title":"Óculos de Sol Esportivo Unissex UV400 — Cyber Plantaris Black X","description":"\u003c!-- CYBER BLACK X — Via Óculos PDP — Custom Liquid Section (Dawn) --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.vo-root {\n --vo-black: #0a0a0a;\n --vo-white: #f8f8f6;\n --vo-accent: #005cff;\n --vo-accent2: #00aaff;\n --vo-gray: #6b6b6b;\n --vo-light: #f0f0ee;\n --vo-border: #e2e2de;\n --vo-danger: #e63434;\n --ff-display: 'Bebas Neue', sans-serif;\n --ff-body: 'DM Sans', sans-serif;\n --r-sm: 8px;\n --r-md: 14px;\n font-family: var(--ff-body);\n color: var(--vo-black);\n background: #fff;\n -webkit-font-smoothing: antialiased;\n}\n.vo-root *, .vo-root *::before, .vo-root *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n.vo-root p { line-height: 1.72; }\n\n\/* HERO *\/\n.vo-hero {\n background: var(--vo-black);\n color: var(--vo-white);\n padding: 52px 24px 44px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.vo-hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(0,92,255,.18) 0%, transparent 70%);\n pointer-events: none;\n}\n.vo-tag {\n display: inline-block;\n font-family: var(--ff-body);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--vo-accent2);\n border: 1px solid rgba(0,170,255,.35);\n border-radius: 3px;\n padding: 4px 12px;\n margin-bottom: 20px;\n}\n.vo-hero-title {\n font-family: var(--ff-display);\n font-size: clamp(52px, 14vw, 90px);\n letter-spacing: .06em;\n line-height: .95;\n color: var(--vo-white);\n margin-bottom: 16px;\n}\n.vo-hero-title span { color: var(--vo-accent2); }\n.vo-hero-sub {\n font-family: var(--ff-body);\n font-size: 13px;\n font-weight: 300;\n font-style: italic;\n color: rgba(248,248,246,.6);\n letter-spacing: .06em;\n max-width: 300px;\n margin: 0 auto;\n}\n\n\/* INTRO *\/\n.vo-intro {\n padding: 48px 24px 36px;\n max-width: 680px;\n margin: 0 auto;\n}\n.vo-intro p {\n font-size: 14px;\n font-weight: 300;\n color: #2a2a2a;\n margin-bottom: 18px;\n}\n.vo-intro p:last-child { margin-bottom: 0; }\n.vo-intro strong { font-weight: 500; color: var(--vo-black); }\n\n\/* DIVIDER *\/\n.vo-divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 8px 24px 36px;\n}\n.vo-divider span {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--vo-border);\n display: inline-block;\n}\n.vo-divider span:nth-child(2) {\n background: var(--vo-accent);\n width: 7px; height: 7px;\n}\n\n\/* QUALITY GRID — bg BRANCO, overflow corrigido *\/\n.vo-quality {\n background: #ffffff;\n padding: 44px 24px;\n overflow: hidden;\n}\n.vo-quality-label {\n font-family: var(--ff-body);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--vo-gray);\n text-align: center;\n margin-bottom: 32px;\n}\n.vo-quality-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2px;\n width: 100%;\n max-width: 620px;\n margin: 0 auto;\n}\n.vo-quality-item {\n background: var(--vo-light);\n padding: 24px 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n min-width: 0;\n}\n.vo-quality-item:first-child { border-radius: var(--r-sm) 0 0 0; }\n.vo-quality-item:nth-child(2) { border-radius: 0 var(--r-sm) 0 0; }\n.vo-quality-item:nth-child(5) { border-radius: 0 0 0 var(--r-sm); }\n.vo-quality-item:nth-child(6) { border-radius: 0 0 var(--r-sm) 0; }\n.vo-quality-icon { flex-shrink: 0; }\n.vo-quality-name {\n font-size: 12px;\n font-weight: 500;\n letter-spacing: .04em;\n text-transform: uppercase;\n color: var(--vo-black);\n}\n.vo-quality-desc {\n font-size: 12px;\n font-weight: 300;\n color: var(--vo-gray);\n line-height: 1.5;\n}\n\n\/* BADGE STRIP *\/\n.vo-badges {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--vo-border);\n border-top: 1px solid var(--vo-border);\n border-bottom: 1px solid var(--vo-border);\n}\n.vo-badge {\n background: #fff;\n padding: 16px 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n text-align: center;\n}\n.vo-badge-name {\n font-size: 9px;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--vo-black);\n}\n.vo-badge-sub {\n font-size: 9px;\n font-weight: 300;\n color: var(--vo-gray);\n letter-spacing: .04em;\n}\n\n\/* BUNDLE *\/\n.vo-bundle {\n background: var(--vo-black);\n padding: 52px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.vo-bundle::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(0,92,255,.12) 0%, transparent 70%);\n pointer-events: none;\n}\n.vo-bundle-tag {\n display: inline-block;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--vo-accent2);\n margin-bottom: 20px;\n}\n.vo-bundle-title {\n font-family: var(--ff-display);\n font-size: clamp(36px, 10vw, 58px);\n letter-spacing: .05em;\n color: var(--vo-white);\n line-height: 1;\n margin-bottom: 8px;\n}\n.vo-bundle-subtitle {\n font-size: 13px;\n font-weight: 300;\n font-style: italic;\n color: rgba(248,248,246,.5);\n margin-bottom: 36px;\n}\n.vo-bundle-cards {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n max-width: 420px;\n margin: 0 auto 36px;\n}\n.vo-bundle-card {\n background: #151515;\n border: 1px solid rgba(255,255,255,.08);\n border-radius: var(--r-md);\n padding: 24px 20px;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n}\n.vo-bundle-plus {\n font-family: var(--ff-display);\n font-size: 28px;\n color: var(--vo-accent);\n padding: 0 16px;\n flex-shrink: 0;\n}\n.vo-bundle-card-name {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--vo-white);\n}\n.vo-bundle-card-desc {\n font-size: 11px;\n font-weight: 300;\n color: rgba(248,248,246,.45);\n text-align: center;\n line-height: 1.45;\n}\n.vo-bundle-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(0,92,255,.15);\n border: 1px solid rgba(0,92,255,.3);\n border-radius: 100px;\n padding: 10px 20px;\n font-size: 12px;\n font-weight: 500;\n color: var(--vo-accent2);\n letter-spacing: .06em;\n}\n.vo-bundle-badge svg { flex-shrink: 0; }\n\n\/* OBJECTIONS *\/\n.vo-objections {\n padding: 52px 24px;\n max-width: 680px;\n margin: 0 auto;\n}\n.vo-obj-label {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--vo-gray);\n margin-bottom: 36px;\n text-align: center;\n}\n.vo-obj-block {\n display: flex;\n gap: 20px;\n padding: 28px 0;\n border-bottom: 1px solid var(--vo-border);\n align-items: flex-start;\n}\n.vo-obj-block:last-child { border-bottom: none; }\n.vo-obj-icon {\n width: 48px;\n height: 48px;\n background: var(--vo-light);\n border-radius: var(--r-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.vo-obj-q {\n font-size: 13px;\n font-weight: 500;\n color: var(--vo-black);\n margin-bottom: 8px;\n letter-spacing: .01em;\n}\n.vo-obj-a {\n font-size: 13px;\n font-weight: 300;\n color: #444;\n line-height: 1.65;\n}\n.vo-obj-a strong { font-weight: 500; color: var(--vo-black); }\n\n\/* SPECS — bg BRANCO *\/\n.vo-specs {\n background: #ffffff;\n padding: 44px 24px;\n}\n.vo-specs-label {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--vo-gray);\n text-align: center;\n margin-bottom: 28px;\n}\n.vo-specs-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--vo-border);\n border: 1px solid var(--vo-border);\n border-radius: var(--r-sm);\n overflow: hidden;\n max-width: 560px;\n margin: 0 auto;\n}\n.vo-spec-item {\n background: #fff;\n padding: 16px 18px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.vo-spec-key {\n font-size: 9px;\n font-weight: 500;\n letter-spacing: .16em;\n text-transform: uppercase;\n color: var(--vo-gray);\n}\n.vo-spec-val {\n font-size: 13px;\n font-weight: 400;\n color: var(--vo-black);\n}\n\n\/* SCARCITY *\/\n.vo-scarcity {\n background: #fff;\n border: 1px solid var(--vo-border);\n border-radius: var(--r-md);\n margin: 0 16px;\n overflow: hidden;\n}\n.vo-scarcity-top {\n background: var(--vo-danger);\n padding: 10px 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n.vo-scarcity-top span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: #fff;\n}\n.vo-pulse {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: #fff;\n animation: vopulse 1.4s ease-in-out infinite;\n flex-shrink: 0;\n}\n@keyframes vopulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .4; transform: scale(.7); }\n}\n.vo-scarcity-body {\n padding: 24px 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: center;\n text-align: center;\n}\n.vo-stock-row { width: 100%; }\n.vo-stock-label {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n}\n.vo-stock-label span { font-size: 12px; font-weight: 300; color: var(--vo-gray); }\n.vo-stock-label strong { font-size: 12px; font-weight: 500; color: var(--vo-danger); }\n.vo-stock-bar {\n width: 100%; height: 4px;\n background: var(--vo-border);\n border-radius: 2px;\n overflow: hidden;\n}\n.vo-stock-fill {\n height: 100%; width: 22%;\n background: var(--vo-danger);\n border-radius: 2px;\n}\n.vo-countdown-label {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--vo-gray);\n margin-bottom: 10px;\n}\n.vo-countdown { display: flex; gap: 8px; justify-content: center; }\n.vo-countdown-unit { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.vo-countdown-num {\n font-family: var(--ff-display);\n font-size: 36px;\n letter-spacing: .05em;\n color: var(--vo-black);\n background: var(--vo-light);\n border-radius: var(--r-sm);\n width: 64px; height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--vo-border);\n}\n.vo-countdown-sep {\n font-family: var(--ff-display);\n font-size: 32px;\n color: var(--vo-gray);\n align-self: flex-start;\n margin-top: 8px;\n opacity: .5;\n}\n.vo-countdown-unit span {\n font-size: 9px;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--vo-gray);\n font-weight: 500;\n}\n.vo-viewers {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 300;\n color: var(--vo-gray);\n}\n.vo-viewers-dot {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: #22c55e;\n animation: vopulse 2s ease-in-out infinite;\n flex-shrink: 0;\n}\n\n\/* CLOSING *\/\n.vo-closing {\n padding: 52px 24px 44px;\n text-align: center;\n max-width: 560px;\n margin: 0 auto;\n}\n.vo-closing-title {\n font-family: var(--ff-display);\n font-size: clamp(34px, 9vw, 52px);\n letter-spacing: .06em;\n line-height: 1.05;\n color: var(--vo-black);\n margin-bottom: 16px;\n}\n.vo-closing-tagline {\n font-size: 11px;\n font-weight: 300;\n font-style: italic;\n letter-spacing: .1em;\n color: var(--vo-gray);\n}\n.vo-section { padding: 0 0 20px; }\n\n\/* DESKTOP *\/\n@media (min-width: 768px) {\n .vo-hero { padding: 72px 48px 60px; }\n\n .vo-intro { padding: 64px 48px 48px; }\n .vo-intro p { font-size: 15px; }\n\n \/* QUALITY — grid contido dentro do padding lateral *\/\n .vo-quality { padding: 60px 48px; }\n .vo-quality-grid {\n grid-template-columns: 1fr 1fr 1fr;\n max-width: 100%; \/* nunca ultrapassa o container *\/\n width: 100%;\n }\n .vo-quality-item:first-child { border-radius: var(--r-sm) 0 0 0; }\n .vo-quality-item:nth-child(2) { border-radius: 0; }\n .vo-quality-item:nth-child(3) { border-radius: 0 var(--r-sm) 0 0; }\n .vo-quality-item:nth-child(4) { border-radius: 0 0 0 var(--r-sm); }\n .vo-quality-item:nth-child(5) { border-radius: 0; }\n .vo-quality-item:nth-child(6) { border-radius: 0 0 var(--r-sm) 0; }\n\n .vo-badges { grid-template-columns: 1fr 1fr 1fr 1fr; }\n\n .vo-bundle { padding: 72px 48px; }\n .vo-bundle-cards { max-width: 560px; }\n\n .vo-objections { padding: 64px 48px; }\n .vo-obj-block { gap: 28px; padding: 32px 0; }\n .vo-obj-q { font-size: 14px; }\n .vo-obj-a { font-size: 14px; }\n\n .vo-specs { padding: 60px 48px; }\n .vo-specs-grid { grid-template-columns: 1fr 1fr 1fr; }\n\n .vo-scarcity { margin: 0 48px; }\n\n .vo-closing { padding: 72px 48px 60px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"vo-root\"\u003e\n\u003cdiv class=\"vo-hero\"\u003e\n\u003cdiv class=\"vo-tag\"\u003eVia Óculos — Coleção Tática\u003c\/div\u003e\n\u003ch2 class=\"vo-hero-title\"\u003eCYBER\u003cbr\u003e\u003cspan\u003eBLACK X\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"vo-hero-sub\"\u003eProteção extrema. Design sem precedentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-intro\"\u003e\n\u003cp\u003eO \u003cstrong\u003eCyber Black X\u003c\/strong\u003e foi desenvolvido para quem não aceita a mediocridade nem no detalhe mais simples. Armação em \u003cstrong\u003eTR90\u003c\/strong\u003e — o mesmo polímero termoplástico usado em equipamentos militares — moldada para absorver impactos e retornar à forma original sem deformações. Não é apenas um óculos. É construção.\u003c\/p\u003e\n\u003cp\u003eAs lentes \u003cstrong\u003eUV400 de policarbonato fumê\u003c\/strong\u003e bloqueiam 100% da radiação UVA e UVB, com clareza óptica total em qualquer condição de luz. A geometria oval envolvente reduz a entrada de luz periférica, protegendo os olhos nos ângulos que outros óculos ignoram.\u003c\/p\u003e\n\u003cp\u003eCada par sai com a \u003cstrong\u003ecase rígida premium inclusa\u003c\/strong\u003e — proteção total para guardar, transportar e levar para qualquer situação. Estoque controlado. Sem reposição garantida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-divider\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality\"\u003e\n\u003cp class=\"vo-quality-label\"\u003eEngenharia do produto\u003c\/p\u003e\n\u003cdiv class=\"vo-quality-grid\"\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003cpath d=\"M8 24 C4 20 4 12 8 8\" stroke=\"#005cff\" stroke-width=\"2.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M24 8 C28 12 28 20 24 24\" stroke=\"#005cff\" stroke-width=\"2.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 11 Q16 7 21 11 Q26 15 21 21 Q16 25 11 21 Q6 17 11 11Z\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"3\" fill=\"#005cff\" opacity=\".25\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"16\" cy=\"16\" r=\"1.5\" fill=\"#005cff\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"16\" y=\"30\" text-anchor=\"middle\" font-family=\"DM Sans\" font-size=\"5.5\" font-weight=\"500\" fill=\"#6b6b6b\" letter-spacing=\"1\"\u003eTR90\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eArmação TR90\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003ePolímero militar. Flexível, leve e indeformável sob pressão.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003ccircle cx=\"16\" cy=\"13\" r=\"5\" fill=\"#005cff\" opacity=\".15\" stroke=\"#005cff\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"16\" y1=\"3\" x2=\"16\" y2=\"6\" stroke=\"#005cff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"16\" y1=\"20\" x2=\"16\" y2=\"23\" stroke=\"#005cff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"6\" y1=\"13\" x2=\"9\" y2=\"13\" stroke=\"#005cff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"23\" y1=\"13\" x2=\"26\" y2=\"13\" stroke=\"#005cff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"8.9\" y1=\"5.9\" x2=\"11\" y2=\"8\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"21\" y1=\"18\" x2=\"23.1\" y2=\"20.1\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"23.1\" y1=\"5.9\" x2=\"21\" y2=\"8\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"11\" y1=\"18\" x2=\"8.9\" y2=\"20.1\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cpath d=\"M11 24 L16 22 L21 24 L21 28 Q16 30.5 11 28 Z\" fill=\"#0a0a0a\" opacity=\".9\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13.5 26 L15 27.5 L18.5 24.5\" stroke=\"#fff\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eProteção UV400\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003eBloqueio total de UVA e UVB. 100% certificado.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003crect x=\"5\" y=\"9\" width=\"22\" height=\"14\" rx=\"3\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/rect\u003e\n \u003crect x=\"8\" y=\"12\" width=\"16\" height=\"8\" rx=\"1.5\" fill=\"#005cff\" opacity=\".12\"\u003e\u003c\/rect\u003e\n \u003cline x1=\"8\" y1=\"14\" x2=\"24\" y2=\"14\" stroke=\"#005cff\" stroke-width=\".8\" stroke-dasharray=\"2 2\" opacity=\".6\"\u003e\u003c\/line\u003e\n \u003cline x1=\"8\" y1=\"16\" x2=\"24\" y2=\"16\" stroke=\"#005cff\" stroke-width=\".8\" stroke-dasharray=\"2 2\" opacity=\".4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"8\" y1=\"18\" x2=\"24\" y2=\"18\" stroke=\"#005cff\" stroke-width=\".8\" stroke-dasharray=\"2 2\" opacity=\".2\"\u003e\u003c\/line\u003e\n \u003ctext x=\"16\" y=\"28\" text-anchor=\"middle\" font-family=\"DM Sans\" font-size=\"5\" font-weight=\"500\" fill=\"#6b6b6b\" letter-spacing=\"1\"\u003ePOLICARBONATO\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eLente Fumê\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003ePolicarbonato com clareza óptica e bloqueio solar total.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003cpath d=\"M16 4 L26 8 L26 17 Q26 24 16 28 Q6 24 6 17 L6 8 Z\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 7 L23 10 L23 17 Q23 22 16 25 Q9 22 9 17 L9 10 Z\" fill=\"#005cff\" opacity=\".1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 11 L14.5 17 L17 17 L14 22\" stroke=\"#005cff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eResistência\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003eConstruída para impacto. Sem lascas, sem deformação.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003cpath d=\"M16 26 C16 26 8 20 8 13 C8 9 11.5 6 16 6 C20.5 6 24 9 24 13 C24 20 16 26 16 26Z\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cline x1=\"16\" y1=\"26\" x2=\"16\" y2=\"13\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"\u003e\u003c\/line\u003e\n \u003cpath d=\"M16 13 C14 15 10 16 8 13\" stroke=\"#005cff\" stroke-width=\"1\" opacity=\".5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 13 C18 15 22 16 24 13\" stroke=\"#005cff\" stroke-width=\"1\" opacity=\".5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"16\" cy=\"13\" r=\"2\" fill=\"#005cff\" opacity=\".2\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"16\" cy=\"13\" r=\"1\" fill=\"#005cff\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eUltraleveza\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003eMenos de 28g. Esquece que está usando.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-item\"\u003e\n\u003cdiv class=\"vo-quality-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003cellipse cx=\"10\" cy=\"15\" rx=\"6\" ry=\"5\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"#005cff\" fill-opacity=\".1\"\u003e\u003c\/ellipse\u003e\n \u003cellipse cx=\"22\" cy=\"15\" rx=\"6\" ry=\"5\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"#005cff\" fill-opacity=\".1\"\u003e\u003c\/ellipse\u003e\n \u003cpath d=\"M16 15 Q16 13 16 15\" stroke=\"#0a0a0a\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003cline x1=\"4\" y1=\"13\" x2=\"2\" y2=\"12\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"28\" y1=\"13\" x2=\"30\" y2=\"12\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003ccircle cx=\"16\" cy=\"15\" r=\"1.2\" fill=\"#005cff\" opacity=\".5\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"10\" cy=\"14\" r=\".7\" fill=\"#005cff\" opacity=\".4\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"10\" cy=\"16\" r=\".7\" fill=\"#005cff\" opacity=\".25\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"22\" cy=\"14\" r=\".7\" fill=\"#005cff\" opacity=\".4\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"22\" cy=\"16\" r=\".7\" fill=\"#005cff\" opacity=\".25\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-name\"\u003eDesign Tático\u003c\/div\u003e\n\u003cdiv class=\"vo-quality-desc\"\u003eGeometria oval envolvente. Vents no nariz. Presença imediata.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-badges\"\u003e\n\u003cdiv class=\"vo-badge\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n \u003cpath d=\"M10 2L12.5 7.5H18L13.5 11L15 17L10 13.5L5 17L6.5 11L2 7.5H7.5Z\" stroke=\"#005cff\" stroke-width=\"1.3\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-badge-name\"\u003e100% UV400\u003c\/span\u003e \u003cspan class=\"vo-badge-sub\"\u003eUVA + UVB bloqueados\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-badge\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n \u003crect x=\"3\" y=\"6\" width=\"14\" height=\"9\" rx=\"2\" stroke=\"#0a0a0a\" stroke-width=\"1.3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M10 3 L14 6 H6 Z\" fill=\"#0a0a0a\" stroke=\"#0a0a0a\" stroke-width=\".5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-badge-name\"\u003eCase Inclusa\u003c\/span\u003e \u003cspan class=\"vo-badge-sub\"\u003eProteção total grátis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-badge\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n \u003ccircle cx=\"10\" cy=\"10\" r=\"7.5\" stroke=\"#0a0a0a\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M10 6 L10 10 L13 12\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-badge-name\"\u003eEntrega Rápida\u003c\/span\u003e \u003cspan class=\"vo-badge-sub\"\u003e3–8 dias úteis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-badge\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n \u003cpath d=\"M10 2 L17 5 L17 11 Q17 16 10 18 Q3 16 3 11 L3 5 Z\" stroke=\"#0a0a0a\" stroke-width=\"1.3\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 10 L9 12 L13 8\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-badge-name\"\u003eCompra Segura\u003c\/span\u003e \u003cspan class=\"vo-badge-sub\"\u003ePagamento protegido\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-bundle\"\u003e\n\u003cp class=\"vo-bundle-tag\"\u003e● Oferta exclusiva\u003c\/p\u003e\n\u003ch3 class=\"vo-bundle-title\"\u003eLEVE O KIT\u003cbr\u003eCOMPLETO\u003c\/h3\u003e\n\u003cp class=\"vo-bundle-subtitle\"\u003eCyber Black X + Case Rígida Premium — sem custo adicional.\u003c\/p\u003e\n\u003cdiv class=\"vo-bundle-cards\"\u003e\n\u003cdiv class=\"vo-bundle-card\"\u003e\n\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n \u003cellipse cx=\"13\" cy=\"20\" rx=\"9\" ry=\"7\" stroke=\"#00aaff\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/ellipse\u003e\n \u003cellipse cx=\"27\" cy=\"20\" rx=\"9\" ry=\"7\" stroke=\"#00aaff\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/ellipse\u003e\n \u003cpath d=\"M22 20 Q20 18 18 20\" stroke=\"#00aaff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cline x1=\"4\" y1=\"17\" x2=\"1\" y2=\"16\" stroke=\"#00aaff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"36\" y1=\"17\" x2=\"39\" y2=\"16\" stroke=\"#00aaff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-bundle-card-name\"\u003eCyber Black X\u003c\/span\u003e \u003cspan class=\"vo-bundle-card-desc\"\u003eArmação TR90\u003cbr\u003eLente UV400 fumê\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-bundle-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"vo-bundle-card\"\u003e\n\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n \u003crect x=\"7\" y=\"12\" width=\"26\" height=\"18\" rx=\"4\" stroke=\"#00aaff\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M7 18 H33\" stroke=\"#00aaff\" stroke-width=\"1\" opacity=\".4\"\u003e\u003c\/path\u003e\n \u003crect x=\"13\" y=\"8\" width=\"14\" height=\"5\" rx=\"2\" stroke=\"#00aaff\" stroke-width=\"1.2\" fill=\"none\"\u003e\u003c\/rect\u003e\n \u003ccircle cx=\"20\" cy=\"21\" r=\"2.5\" stroke=\"#00aaff\" stroke-width=\"1.2\" fill=\"none\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"20\" y1=\"23.5\" x2=\"20\" y2=\"26\" stroke=\"#00aaff\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e \u003cspan class=\"vo-bundle-card-name\"\u003eCase Rígida\u003c\/span\u003e \u003cspan class=\"vo-bundle-card-desc\"\u003eProteção total\u003cbr\u003eFecho magnético\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-bundle-badge\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\n \u003cpath d=\"M7 1 L8.8 5.2 H13.2 L9.8 7.9 L11 12.1 L7 9.5 L3 12.1 L4.2 7.9 L.8 5.2 H5.2 Z\" fill=\"#00aaff\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e Case premium inclusa — valor R$49 · hoje grátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-objections\"\u003e\n\u003cp class=\"vo-obj-label\"\u003eSuas dúvidas, respondidas\u003c\/p\u003e\n\u003cdiv class=\"vo-obj-block\"\u003e\n\u003cdiv class=\"vo-obj-icon\"\u003e\u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 26 26\" fill=\"none\"\u003e\n \u003cpath d=\"M6 20 C3 16 3 10 6 6\" stroke=\"#005cff\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M20 6 C23 10 23 16 20 20\" stroke=\"#005cff\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 9 Q13 5 17 9 Q21 13 17 18 Q13 22 9 18 Q5 14 9 9Z\" stroke=\"#0a0a0a\" stroke-width=\"1.3\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003ctext x=\"13\" y=\"14\" text-anchor=\"middle\" font-family=\"DM Sans\" font-size=\"4\" font-weight=\"700\" fill=\"#005cff\"\u003eTR90\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-text\"\u003e\n\u003cp class=\"vo-obj-q\"\u003eA armação vai quebrar com uso intenso?\u003c\/p\u003e\n\u003cp class=\"vo-obj-a\"\u003eA armação é fabricada em \u003cstrong\u003eTR90\u003c\/strong\u003e, um nylon termoplástico com memória de forma desenvolvido originalmente para aplicações militares e esportivas de alta performance. Ele dobra sob pressão extrema e retorna à geometria original sem trincas, sem branqueamento e sem deformação permanente. É 40% mais leve que o acetato convencional e significativamente mais resistente ao impacto do que a maioria dos materiais usados em óculos de moda. O Cyber Black X foi projetado para sobreviver ao uso diário sem tratamentos especiais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-block\"\u003e\n\u003cdiv class=\"vo-obj-icon\"\u003e\u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 26 26\" fill=\"none\"\u003e\n \u003ccircle cx=\"13\" cy=\"10\" r=\"4.5\" stroke=\"#005cff\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"13\" y1=\"2\" x2=\"13\" y2=\"5\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"5\" y1=\"10\" x2=\"8\" y2=\"10\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18\" y1=\"10\" x2=\"21\" y2=\"10\" stroke=\"#005cff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"7.3\" y1=\"4.3\" x2=\"9.4\" y2=\"6.4\" stroke=\"#005cff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"16.6\" y1=\"13.6\" x2=\"18.7\" y2=\"15.7\" stroke=\"#005cff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.7\" y1=\"4.3\" x2=\"16.6\" y2=\"6.4\" stroke=\"#005cff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003cpath d=\"M9 19 L13 17 L17 19 L17 23 Q13 25 9 23 Z\" fill=\"#0a0a0a\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 21.3 L12.3 22.6 L15.2 19.8\" stroke=\"#fff\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-text\"\u003e\n\u003cp class=\"vo-obj-q\"\u003eA lente realmente protege dos raios UV?\u003c\/p\u003e\n\u003cp class=\"vo-obj-a\"\u003eSim. A classificação \u003cstrong\u003eUV400\u003c\/strong\u003e significa que a lente bloqueia 100% da radiação ultravioleta com comprimento de onda de até 400nm — abrangendo completamente UVA e UVB, as duas categorias responsáveis por danos oculares a longo prazo como catarata e degeneração macular. A proteção está incorporada à composição do policarbonato, não é um filme superficial que descasca. Ao contrário de lentes apenas escuras sem certificação UV, o Cyber Black X oferece proteção real — não apenas estética.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-block\"\u003e\n\u003cdiv class=\"vo-obj-icon\"\u003e\u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 26 26\" fill=\"none\"\u003e\n \u003cpath d=\"M13 3 L21 6.5 L21 14 Q21 20 13 23 Q5 20 5 14 L5 6.5 Z\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 6 L18 8.5 L18 14 Q18 18 13 20 Q8 18 8 14 L8 8.5 Z\" fill=\"#005cff\" opacity=\".1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M15 10 L12.2 14.5 L14 14.5 L11.5 19\" stroke=\"#005cff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-text\"\u003e\n\u003cp class=\"vo-obj-q\"\u003eQuanto tempo dura na prática?\u003c\/p\u003e\n\u003cp class=\"vo-obj-a\"\u003eA combinação de armação \u003cstrong\u003eTR90 com lente de policarbonato\u003c\/strong\u003e produz um óculos que resiste ao que a maioria não aguenta: queda no asfalto, compressão na mochila, exposição ao calor intenso do sol brasileiro, contato com suor e bloqueador solar. O policarbonato não risca na mesma facilidade que o CR-39 comum e mantém as propriedades ópticas por anos. Com a case rígida inclusa no kit, você protege o Cyber Black X quando não está usando e garante que chegue intacto em qualquer situação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-block\"\u003e\n\u003cdiv class=\"vo-obj-icon\"\u003e\u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 26 26\" fill=\"none\"\u003e\n \u003crect x=\"5\" y=\"10\" width=\"16\" height=\"12\" rx=\"2.5\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M5 14 H21\" stroke=\"#0a0a0a\" stroke-width=\"1\" opacity=\".3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 7 Q10 4 13 4 Q16 4 16 7\" stroke=\"#0a0a0a\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"13\" cy=\"17\" r=\"2\" stroke=\"#005cff\" stroke-width=\"1.3\" fill=\"none\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"13\" y1=\"19\" x2=\"13\" y2=\"20.5\" stroke=\"#005cff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-obj-text\"\u003e\n\u003cp class=\"vo-obj-q\"\u003eO bundle com a case vale a pena?\u003c\/p\u003e\n\u003cp class=\"vo-obj-a\"\u003eA case rígida tem valor de \u003cstrong\u003eR$49 avulso\u003c\/strong\u003e e está incluída sem custo adicional nessa oferta. Ela é fabricada em ABS rígido com forro interno em veludo, proteção magnética e resistência a compressão. Além de proteger o óculos no transporte, ela aumenta significativamente a vida útil do produto — óculos sem proteção têm riscos nas lentes em média após 3 meses de uso. O bundle atual é uma decisão de lançamento: assim que o estoque dessa leva for esgotado, a case volta a ser comercializada separadamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-specs\"\u003e\n\u003cp class=\"vo-specs-label\"\u003eFicha técnica\u003c\/p\u003e\n\u003cdiv class=\"vo-specs-grid\"\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eMaterial armação\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003eTR90 Nylon Termoplástico\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eMaterial lente\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003ePolicarbonato fumê\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eProteção UV\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003eUV400 — 100% UVA + UVB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003ePeso\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003e~27g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eFormato lente\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003eOval envolvente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eColorway\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003eFull Black \/ Fumê\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eIncluso\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003eCase rígida ABS premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eEntrega\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003e3–8 dias úteis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-spec-item\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cspan class=\"vo-spec-key\"\u003eGarantia\u003c\/span\u003e\u003cspan class=\"vo-spec-val\"\u003e30 dias — defeito de fabricação\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-section\"\u003e\n\u003cdiv style=\"height: 32px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vo-scarcity\"\u003e\n\u003cdiv class=\"vo-scarcity-top\"\u003e\n\u003cdiv class=\"vo-pulse\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan\u003eEstoque crítico — leva de lançamento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-scarcity-body\"\u003e\n\u003cdiv class=\"vo-stock-row\"\u003e\n\u003cdiv class=\"vo-stock-label\"\u003e\n\u003cspan\u003eUnidades disponíveis\u003c\/span\u003e \u003cstrong id=\"vo-stock-count\"\u003eapenas 17 restantes\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-stock-bar\"\u003e\n\u003cdiv class=\"vo-stock-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"vo-countdown-label\"\u003eOferta do bundle encerra em\u003c\/p\u003e\n\u003cdiv class=\"vo-countdown\"\u003e\n\u003cdiv class=\"vo-countdown-unit\"\u003e\n\u003cdiv class=\"vo-countdown-num\" id=\"vo-h\"\u003e10\u003c\/div\u003e\n\u003cspan\u003ehoras\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-countdown-sep\"\u003e:\u003c\/div\u003e\n\u003cdiv class=\"vo-countdown-unit\"\u003e\n\u003cdiv class=\"vo-countdown-num\" id=\"vo-m\"\u003e30\u003c\/div\u003e\n\u003cspan\u003emin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-countdown-sep\"\u003e:\u003c\/div\u003e\n\u003cdiv class=\"vo-countdown-unit\"\u003e\n\u003cdiv class=\"vo-countdown-num\" id=\"vo-s\"\u003e34\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan\u003eseg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-viewers\"\u003e\n\u003cdiv class=\"vo-viewers-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan id=\"vo-viewers-count\"\u003e23 pessoas\u003c\/span\u003e vendo esse produto agora\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"height: 32px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vo-closing\"\u003e\n\u003ch3 class=\"vo-closing-title\"\u003ePROTEÇÃO REAL.\u003cbr\u003eSEM CONCESSÕES.\u003c\/h3\u003e\n\u003cp class=\"vo-closing-tagline\"\u003eProdução limitada — sem garantia de reposição.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Kroma Óculos","offers":[{"title":"Preto","offer_id":45863323893895,"sku":"884714","price":179.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Marketing_Via_10.png?v=1789529839"},{"product_id":"oculos-de-sol-redondo-unissex-solaris-ruby","title":"Óculos de Sol Redondo Unissex UV400 — Solaris Ruby","description":"\u003c!-- ============================================================\n VIA ÓCULOS — RUBY PDP\n Shopify Dawn · Liquid Personalizado\n Fonte: Montserrat · Accent: #C8211E (ruby)\n ============================================================ --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400\u0026display=swap');\n\n :root {\n --via-accent: #C8211E;\n --via-ruby: #A01A17;\n --via-dark: #1A1515;\n --via-body: #3D2E2E;\n --via-muted: #8A7D7D;\n --via-border: #E4DDDD;\n --via-bg: #FFFFFF;\n --via-light: #FAF8F8;\n --via-deep: #F5EEEE;\n }\n\n .via-pdp * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }\n\n .via-pdp {\n font-family: 'Montserrat', sans-serif !important;\n color: var(--via-dark) !important;\n background: var(--via-bg) !important;\n max-width: 780px !important;\n margin: 0 auto !important;\n padding: 0 0 64px !important;\n -webkit-font-smoothing: antialiased !important;\n }\n\n \/* ══════════════════════════\n 1. HEADER\n ══════════════════════════ *\/\n .via-header {\n padding: 40px 0 28px !important;\n border-bottom: 1px solid var(--via-border) !important;\n margin-bottom: 32px !important;\n }\n\n .via-tag {\n display: inline-block !important;\n font-size: 9px !important;\n font-weight: 600 !important;\n letter-spacing: 0.24em !important;\n text-transform: uppercase !important;\n color: var(--via-accent) !important;\n border: 1px solid var(--via-accent) !important;\n padding: 4px 12px !important;\n margin-bottom: 16px !important;\n }\n\n .via-title {\n font-family: 'Montserrat', sans-serif !important;\n font-size: clamp(40px, 8vw, 62px) !important;\n font-weight: 700 !important;\n letter-spacing: -0.01em !important;\n line-height: 1 !important;\n color: var(--via-dark) !important;\n text-transform: uppercase !important;\n margin-bottom: 12px !important;\n display: block !important;\n }\n\n .via-title span {\n color: var(--via-accent) !important;\n }\n\n .via-subtitle {\n font-size: 13px !important;\n font-style: italic !important;\n font-weight: 300 !important;\n color: var(--via-muted) !important;\n line-height: 1.6 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 2. INTRO\n ══════════════════════════ *\/\n .via-intro {\n margin-bottom: 36px !important;\n }\n\n .via-intro p {\n font-size: 13.5px !important;\n font-weight: 300 !important;\n line-height: 1.9 !important;\n color: var(--via-body) !important;\n margin-bottom: 14px !important;\n display: block !important;\n }\n\n .via-intro p:last-child {\n margin-bottom: 0 !important;\n }\n\n \/* ══════════════════════════\n 3. DIVISOR\n ══════════════════════════ *\/\n .via-divider {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n margin: 36px 0 !important;\n }\n\n .via-divider-line {\n flex: 1 !important;\n height: 1px !important;\n background: var(--via-border) !important;\n display: block !important;\n }\n\n .via-divider-dot {\n width: 5px !important;\n height: 5px !important;\n border-radius: 50% !important;\n background: var(--via-accent) !important;\n flex-shrink: 0 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 4. QUALITY GRID\n ══════════════════════════ *\/\n .via-grid {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 1px !important;\n background: var(--via-border) !important;\n border: 1px solid var(--via-border) !important;\n margin-bottom: 36px !important;\n }\n\n .via-grid-item {\n display: flex !important;\n align-items: flex-start !important;\n gap: 14px !important;\n padding: 20px 18px !important;\n background: var(--via-bg) !important;\n }\n\n .via-grid-icon {\n flex-shrink: 0 !important;\n margin-top: 2px !important;\n color: var(--via-accent) !important;\n }\n\n .via-grid-text {\n display: flex !important;\n flex-direction: column !important;\n gap: 4px !important;\n }\n\n .via-grid-name {\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n color: var(--via-dark) !important;\n display: block !important;\n }\n\n .via-grid-desc {\n font-size: 11.5px !important;\n font-weight: 300 !important;\n color: var(--via-muted) !important;\n line-height: 1.55 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 5. BADGE STRIP\n ══════════════════════════ *\/\n .via-badges {\n display: grid !important;\n grid-template-columns: repeat(4, 1fr) !important;\n border: 1px solid var(--via-border) !important;\n border-top: 2px solid var(--via-accent) !important;\n margin-bottom: 36px !important;\n background: var(--via-light) !important;\n }\n\n .via-badge {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n text-align: center !important;\n gap: 6px !important;\n padding: 16px 10px !important;\n border-right: 1px solid var(--via-border) !important;\n }\n\n .via-badge:last-child {\n border-right: none !important;\n }\n\n .via-badge-label {\n font-size: 9px !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n color: var(--via-muted) !important;\n display: block !important;\n line-height: 1.4 !important;\n }\n\n .via-badge-value {\n font-size: 10.5px !important;\n font-weight: 600 !important;\n color: var(--via-dark) !important;\n letter-spacing: 0.02em !important;\n display: block !important;\n line-height: 1.3 !important;\n }\n\n \/* ══════════════════════════\n 6. OBJECTION BREAKERS\n ══════════════════════════ *\/\n .via-obj-grid {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 16px !important;\n margin-bottom: 36px !important;\n }\n\n .via-obj-item {\n background: var(--via-light) !important;\n border: 1px solid var(--via-border) !important;\n border-left: 3px solid var(--via-accent) !important;\n padding: 18px 16px !important;\n }\n\n .via-obj-q {\n font-size: 11.5px !important;\n font-weight: 600 !important;\n color: var(--via-dark) !important;\n margin-bottom: 8px !important;\n display: block !important;\n line-height: 1.4 !important;\n }\n\n .via-obj-a {\n font-size: 11.5px !important;\n font-weight: 300 !important;\n color: var(--via-body) !important;\n line-height: 1.7 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 7. CUIDADOS DIÁRIOS\n ══════════════════════════ *\/\n .via-care {\n background: var(--via-deep) !important;\n border: 1px solid var(--via-border) !important;\n padding: 28px 24px !important;\n margin-bottom: 36px !important;\n }\n\n .via-care-title {\n font-size: 10px !important;\n font-weight: 600 !important;\n letter-spacing: 0.2em !important;\n text-transform: uppercase !important;\n color: var(--via-accent) !important;\n margin-bottom: 20px !important;\n display: block !important;\n }\n\n .via-care-list {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 14px !important;\n list-style: none !important;\n }\n\n .via-care-item {\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n }\n\n .via-care-icon {\n flex-shrink: 0 !important;\n margin-top: 1px !important;\n color: var(--via-accent) !important;\n }\n\n .via-care-text {\n font-size: 11.5px !important;\n font-weight: 300 !important;\n color: var(--via-body) !important;\n line-height: 1.6 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 8. BRINDE FLANELA\n ══════════════════════════ *\/\n .via-gift {\n display: flex !important;\n align-items: center !important;\n gap: 16px !important;\n background: var(--via-dark) !important;\n padding: 20px 22px !important;\n margin-bottom: 36px !important;\n }\n\n .via-gift-icon {\n flex-shrink: 0 !important;\n color: var(--via-accent) !important;\n }\n\n .via-gift-text {\n display: flex !important;\n flex-direction: column !important;\n gap: 3px !important;\n }\n\n .via-gift-label {\n font-size: 9px !important;\n font-weight: 600 !important;\n letter-spacing: 0.2em !important;\n text-transform: uppercase !important;\n color: var(--via-accent) !important;\n display: block !important;\n }\n\n .via-gift-desc {\n font-size: 13px !important;\n font-weight: 500 !important;\n color: #FFFFFF !important;\n line-height: 1.4 !important;\n display: block !important;\n }\n\n .via-gift-sub {\n font-size: 11px !important;\n font-weight: 300 !important;\n color: #9A9090 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 9. SPECS\n ══════════════════════════ *\/\n .via-specs {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 24px !important;\n margin-bottom: 36px !important;\n }\n\n .via-specs h4 {\n font-size: 10px !important;\n font-weight: 600 !important;\n letter-spacing: 0.18em !important;\n text-transform: uppercase !important;\n color: var(--via-accent) !important;\n margin-bottom: 12px !important;\n display: block !important;\n }\n\n .via-specs ul {\n list-style: none !important;\n }\n\n .via-specs ul li {\n font-size: 12px !important;\n font-weight: 300 !important;\n color: var(--via-body) !important;\n padding: 6px 0 !important;\n border-bottom: 1px solid var(--via-border) !important;\n line-height: 1.5 !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n 10. CLOSING\n ══════════════════════════ *\/\n .via-closing {\n text-align: center !important;\n padding: 36px 0 0 !important;\n border-top: 1px solid var(--via-border) !important;\n }\n\n .via-closing-headline {\n font-family: 'Montserrat', sans-serif !important;\n font-size: clamp(26px, 5vw, 38px) !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.04em !important;\n color: var(--via-dark) !important;\n line-height: 1.1 !important;\n margin-bottom: 14px !important;\n display: block !important;\n }\n\n .via-closing-headline span {\n color: var(--via-accent) !important;\n }\n\n .via-closing-tag {\n font-size: 11px !important;\n font-weight: 300 !important;\n font-style: italic !important;\n color: var(--via-muted) !important;\n letter-spacing: 0.03em !important;\n display: block !important;\n }\n\n \/* ══════════════════════════\n MOBILE\n ══════════════════════════ *\/\n @media screen and (max-width: 640px) {\n .via-grid,\n .via-obj-grid,\n .via-specs,\n .via-care-list {\n grid-template-columns: 1fr !important;\n }\n\n .via-badges {\n grid-template-columns: 1fr 1fr !important;\n }\n\n .via-badge:nth-child(2),\n .via-badge:nth-child(4) {\n border-right: none !important;\n }\n\n .via-badge:nth-child(1),\n .via-badge:nth-child(2) {\n border-bottom: 1px solid var(--via-border) !important;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"via-pdp\"\u003e\n\u003c!-- 1. HEADER --\u003e\n\u003cdiv class=\"via-header\"\u003e\n\u003cspan class=\"via-tag\"\u003eÓculos · Solaris Ruby\u003c\/span\u003e \u003cspan class=\"via-title\"\u003eRUBY\u003cspan\u003e.\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"via-subtitle\"\u003eArmação metálica redonda · Lente vermelha UV400 · Para quem não passa despercebido.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 2. INTRO --\u003e\n\u003cdiv class=\"via-intro\"\u003e\n\u003cp\u003ePoucos óculos comunicam tanto com tão pouco. A armação metálica redonda é um dos formatos mais carregados de referência no eyewear — de ícones do rock ao streetwear contemporâneo — e a lente vermelha eleva isso a outro nível. O Ruby não é discreto. Ele é uma escolha consciente.\u003c\/p\u003e\n\u003cp\u003eA lente vermelha em policarbonato não é apenas cor. Ela reduz a intensidade luminosa sem distorcer o campo de visão, filtra comprimentos de onda que causam fadiga em dias de sol intenso e entrega uma percepção de contraste diferente — mais quente, mais presente. Usar o Ruby é enxergar o mundo com outra temperatura.\u003c\/p\u003e\n\u003cp\u003eDo parafuso da charneira ao acabamento matte da haste, cada componente foi escolhido para durar. Este não é um óculos de vitrine. É um óculos de uso real.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. DIVISOR --\u003e\n\u003cdiv class=\"via-divider\"\u003e\n\u003cspan class=\"via-divider-line\"\u003e\u003c\/span\u003e \u003cspan class=\"via-divider-dot\"\u003e\u003c\/span\u003e \u003cspan class=\"via-divider-line\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 4. QUALITY GRID --\u003e\n\u003cdiv class=\"via-grid\"\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" r=\"11\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003ccircle fill=\"none\" stroke-dasharray=\"2.5 2\" stroke-width=\"1.1\" stroke=\"currentColor\" r=\"6\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" d=\"M11 11 Q13 9 16 10\"\u003e\u003c\/path\u003e\n \u003ccircle opacity=\".35\" fill=\"currentColor\" r=\"1.5\" cy=\"11\" cx=\"21\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eLente Vermelha\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003ePolicarbonato com pigmento rubi profundo — visão nítida, cor constante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" r=\"6\" cy=\"16\" cx=\"10\"\u003e\u003c\/circle\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" r=\"6\" cy=\"16\" cx=\"22\"\u003e\u003c\/circle\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"3.5\" stroke=\"currentColor\" y2=\"16\" x2=\"16\" y1=\"16\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"13\" x2=\"1\" y1=\"14\" x1=\"4\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"13\" x2=\"31\" y1=\"14\" x1=\"28\"\u003e\u003c\/line\u003e\n \u003ccircle stroke=\"none\" fill=\"currentColor\" r=\"1.5\" cy=\"14\" cx=\"4\"\u003e\u003c\/circle\u003e\n \u003ccircle stroke=\"none\" fill=\"currentColor\" r=\"1.5\" cy=\"14\" cx=\"28\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eArmação Metálica\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003eLiga de zinco e aço inox com acabamento matte preto — resistente à corrosão\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" r=\"5\" cy=\"14\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"7\" x2=\"16\" y1=\"4\" x1=\"16\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"9\" x2=\"22\" y1=\"7\" x1=\"24\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"14\" x2=\"24\" y1=\"14\" x1=\"27\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"7\" x2=\"10\" y1=\"4\" x1=\"8\"\u003e\u003c\/line\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" y2=\"14\" x2=\"8\" y1=\"14\" x1=\"5\"\u003e\u003c\/line\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" d=\"M10 22 L13 19 L16 22 L19 19 L22 22\"\u003e\u003c\/path\u003e\n \u003cline opacity=\".4\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" y2=\"25\" x2=\"22\" y1=\"25\" x1=\"10\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eProteção UV400\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003eBloqueio total de UVA e UVB — proteção real integrada à lente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" r=\"10\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003ccircle opacity=\".5\" fill=\"none\" stroke-width=\"1.1\" stroke=\"currentColor\" r=\"5\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" d=\"M13 13 Q14.5 11 17 12\"\u003e\u003c\/path\u003e\n \u003cpath opacity=\".35\" stroke-linecap=\"round\" stroke-width=\"1.0\" stroke=\"currentColor\" d=\"M10 10 Q12 8 16 9\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eFormato Redondo\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003eSilhueta icônica que enquadra o rosto com equilíbrio e personalidade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003crect fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" rx=\"1.5\" height=\"6\" width=\"10\" y=\"13\" x=\"5\"\u003e\u003c\/rect\u003e\n \u003crect fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" rx=\"1.5\" height=\"6\" width=\"10\" y=\"13\" x=\"17\"\u003e\u003c\/rect\u003e\n \u003cline stroke-linecap=\"round\" stroke-width=\"2.2\" stroke=\"currentColor\" y2=\"16\" x2=\"17\" y1=\"16\" x1=\"15\"\u003e\u003c\/line\u003e\n \u003ccircle fill=\"none\" stroke-width=\"1.2\" stroke=\"currentColor\" r=\"2\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n \u003cline opacity=\".5\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" y2=\"9\" x2=\"8\" y1=\"13\" x1=\"8\"\u003e\u003c\/line\u003e\n \u003cline opacity=\".5\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"currentColor\" y2=\"9\" x2=\"24\" y1=\"13\" x1=\"24\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eHastes Reforçadas\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003eCharneira com mola integrada — maior durabilidade no uso contínuo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-grid-item\"\u003e\n\u003cdiv class=\"via-grid-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 32 32\" height=\"28\" width=\"28\"\u003e\n \u003cpath fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" d=\"M16 5 C10 5 6 9 6 14 C6 20 16 28 16 28 C16 28 26 20 26 14 C26 9 22 5 16 5Z\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" d=\"M12 14 L15 17 L20 11\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"via-grid-text\"\u003e\n\u003cspan class=\"via-grid-name\"\u003eAcabamento Matte\u003c\/span\u003e \u003cspan class=\"via-grid-desc\"\u003ePintura eletrostática preta matte — não risca, não reflete, não desbota\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. BADGE STRIP --\u003e\n\u003cdiv class=\"via-badges\"\u003e\n\u003cdiv class=\"via-badge\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#C8211E\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003ccircle r=\"9\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12l3 3 5-5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"via-badge-label\"\u003eLente\u003c\/span\u003e \u003cspan class=\"via-badge-value\"\u003ePolicarbonato\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-badge\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#C8211E\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003cpath d=\"M12 3L20 7v6c0 5-4 8-8 9-4-1-8-4-8-9V7z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"via-badge-label\"\u003eProteção\u003c\/span\u003e \u003cspan class=\"via-badge-value\"\u003eUV400\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-badge\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#C8211E\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003crect rx=\"2\" height=\"10\" width=\"14\" y=\"10\" x=\"3\"\u003e\u003c\/rect\u003e\u003cpath d=\"M17 14h2a2 2 0 002-2V8a2 2 0 00-2-2H7\"\u003e\u003c\/path\u003e\n \u003ccircle r=\"2\" cy=\"19\" cx=\"7\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2\" cy=\"19\" cx=\"17\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e \u003cspan class=\"via-badge-label\"\u003eEntrega\u003c\/span\u003e \u003cspan class=\"via-badge-value\"\u003eRastreada\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-badge\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.4\" stroke=\"#C8211E\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"20\" width=\"20\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003cspan class=\"via-badge-label\"\u003eMaterial\u003c\/span\u003e \u003cspan class=\"via-badge-value\"\u003eMetal Inox\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. OBJECTION BREAKERS --\u003e\n\u003cdiv class=\"via-obj-grid\"\u003e\n\u003cdiv class=\"via-obj-item\"\u003e\n\u003cspan class=\"via-obj-q\"\u003eLente vermelha compromete a visão?\u003c\/span\u003e \u003cspan class=\"via-obj-a\"\u003eNão. O policarbonato com pigmento rubi reduz a intensidade luminosa sem distorcer o campo visual. A percepção de contraste muda — fica mais quente — mas a nitidez se mantém. Quem usa, estranha voltar para lente incolor.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-obj-item\"\u003e\n\u003cspan class=\"via-obj-q\"\u003eArmação metálica é frágil?\u003c\/span\u003e \u003cspan class=\"via-obj-a\"\u003eO metal do Ruby é liga de zinco com reforço em aço inox — os mesmos materiais usados em eyewear de alto padrão. As charneiras têm mola integrada, o ponto de maior tensão em qualquer óculos. Não é frágil. É preciso.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-obj-item\"\u003e\n\u003cspan class=\"via-obj-q\"\u003eO formato redondo serve para o meu rosto?\u003c\/span\u003e \u003cspan class=\"via-obj-a\"\u003eA silhueta redonda equilibra rostos angulares e alongados com naturalidade. Para rostos já redondos, o tamanho da lente faz a diferença — o Ruby tem dimensão que proporciona sem exagerar. Funciona na maioria dos tipos de rosto.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"via-obj-item\"\u003e\n\u003cspan class=\"via-obj-q\"\u003eComo garantir que vai durar?\u003c\/span\u003e \u003cspan class=\"via-obj-a\"\u003eCom os cuidados básicos descritos abaixo, o Ruby foi feito para durar anos. O acabamento matte não desbota com uso, as hastes aguentam o dia a dia sem deformar e a lente policarbonato resiste a impactos que quebrariam vidro comum.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CUIDADOS DIÁRIOS --\u003e\n\u003cdiv class=\"via-care\"\u003e\n\u003cspan class=\"via-care-title\"\u003eCuidados Diários\u003c\/span\u003e\n\u003cul class=\"via-care-list\"\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003cpath fill=\"none\" d=\"M11 3 C7 3 4 6 4 10 C4 15 11 20 11 20 C11 20 18 15 18 10 C18 6 15 3 11 3Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 10 L10.5 12.5 L14.5 8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eLimpe as lentes sempre com a flanela inclusa — nunca com papel, camiseta ou tecido áspero\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003crect fill=\"none\" rx=\"2\" height=\"10\" width=\"14\" y=\"8\" x=\"4\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 8 V6 Q8 3 11 3 Q14 3 14 6 V8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eGuarde no estojo quando não estiver em uso — evita arranhões e deformações\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003cpath stroke-linecap=\"round\" d=\"M4 11 Q6 7 11 7 Q16 7 18 11\"\u003e\u003c\/path\u003e\n \u003cpath stroke-linecap=\"round\" d=\"M18 13 Q16 17 11 17 Q6 17 4 13\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"16,7 18,11 14,11\"\u003e\u003c\/polyline\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eEvite deixar sobre superfícies quentes como painel de carro — o metal pode esquentar e deformar as plaquetas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003ccircle r=\"7\" cy=\"11\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cline y2=\"11\" x2=\"11\" y1=\"7\" x1=\"11\"\u003e\u003c\/line\u003e\n \u003cline y2=\"13\" x2=\"14\" y1=\"11\" x1=\"11\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eNão use produtos químicos para limpar — água limpa e flanela são suficientes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003cpath d=\"M4 14 L11 5 L18 14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 14 L7 18 L15 18 L15 14\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eSempre retire o óculos com as duas mãos — evita torção assimétrica da armação\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"via-care-item\"\u003e\n\u003cspan class=\"via-care-icon\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 22 22\" height=\"18\" width=\"18\"\u003e\n \u003ccircle r=\"4\" cy=\"9\" cx=\"11\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M5 19 C5 15.5 7.5 13 11 13 C14.5 13 17 15.5 17 19\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"via-care-text\"\u003eSe sentir folga nas hastes, leve a um óptico para ajuste — não force no próprio\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 8. BRINDE FLANELA --\u003e\n\u003cdiv class=\"via-gift\"\u003e\n\u003cspan class=\"via-gift-icon\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 40 40\" height=\"36\" width=\"36\"\u003e\n \u003crect fill=\"none\" stroke-width=\"1.4\" stroke=\"currentColor\" rx=\"3\" height=\"22\" width=\"28\" y=\"10\" x=\"6\"\u003e\u003c\/rect\u003e\n \u003cpath stroke-width=\"1.3\" stroke=\"currentColor\" d=\"M6 18 L34 18\"\u003e\u003c\/path\u003e\n \u003cpath opacity=\".4\" stroke-width=\"1.2\" stroke=\"currentColor\" d=\"M20 10 L20 32\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" d=\"M20 10 C20 10 16 6 13 8 C10 10 14 14 20 10Z\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-width=\"1.3\" stroke=\"currentColor\" d=\"M20 10 C20 10 24 6 27 8 C30 10 26 14 20 10Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv class=\"via-gift-text\"\u003e\n\u003cspan class=\"via-gift-label\"\u003eBrinde incluso\u003c\/span\u003e \u003cspan class=\"via-gift-desc\"\u003eFlanela de limpeza premium em cada pedido\u003c\/span\u003e \u003cspan class=\"via-gift-sub\"\u003eTecido de microfibra · Não risca · Compatível com lente policarbonato\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. SPECS --\u003e\n\u003cdiv class=\"via-specs\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eComposição\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eArmação em metal — liga de zinco e inox\u003c\/li\u003e\n\u003cli\u003eLente em policarbonato UV400\u003c\/li\u003e\n\u003cli\u003eAcabamento matte preto\u003c\/li\u003e\n\u003cli\u003eCharneira com mola integrada\u003c\/li\u003e\n\u003cli\u003ePlaquetas de silicone ajustáveis\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eEspecificações\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eFormato: Redondo\u003c\/li\u003e\n\u003cli\u003eColorway: Preto Matte · Lente Ruby\u003c\/li\u003e\n\u003cli\u003eLente: Policarbonato · Vermelho sólido\u003c\/li\u003e\n\u003cli\u003eGênero: Unissex\u003c\/li\u003e\n\u003cli\u003eUso: Diário \/ Urbano \/ Outdoor\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10. CLOSING --\u003e\n\u003cdiv class=\"via-closing\"\u003e\n\u003cspan class=\"via-closing-headline\"\u003eQuem nota\u003cbr\u003enão precisa perguntar.\u003cbr\u003e\u003cspan\u003eEles já sabem.\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"via-closing-tag\"\u003eVia Óculos — design com propósito, acabamento sem concessão.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kroma Óculos","offers":[{"title":"Vermelho | Preto","offer_id":45863323926663,"sku":"77156","price":319.97,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Direito_autoral_Via_13.png?v=1789529839"},{"product_id":"oculos-de-sol-esportivo-unissex-oxygen-uv","title":"Óculos de Sol Esportivo Unissex UV400 — Oxygen UV","description":"\u003c!-- ════════════════════════════════════════════════════\n Óculos Oxygen UV400 — Descrição de Produto\n Via Óculos · Shopify · Mobile First\n Versão 2.0 — Com gatilhos de conversão\n════════════════════════════════════════════════════ --\u003e\n\n\u003cstyle\u003e\n .ox { font-family: inherit; color: inherit; }\n\n \/* ── TIPOGRAFIA BASE ── *\/\n .ox-label {\n font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase;\n color: #888; margin: 0 0 12px; font-family: monospace; font-weight: 400;\n display: block;\n }\n .ox-body {\n font-size: 14.5px; font-weight: 300; line-height: 1.9; color: #444;\n margin: 0 0 24px;\n }\n\n \/* ── URGÊNCIA \/ ESTOQUE ── *\/\n .ox-urgency {\n display: flex; align-items: center; gap: 10px;\n background: #fff8f0; border: 1px solid #f5dcc0;\n border-left: 3px solid #e07000;\n padding: 12px 16px; border-radius: 2px; margin-bottom: 22px;\n }\n .ox-urgency svg { flex-shrink: 0; }\n .ox-urgency-text { font-size: 13px; color: #7a3c00; line-height: 1.5; }\n .ox-urgency-text strong { font-weight: 600; }\n\n \/* ── TRUST BADGES ── *\/\n .ox-trust {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 8px; margin-bottom: 26px;\n padding: 18px 0; border-top: 1px solid #ece8e2; border-bottom: 1px solid #ece8e2;\n }\n .ox-badge {\n display: flex; flex-direction: column; align-items: center;\n gap: 7px; text-align: center;\n }\n .ox-badge-label {\n font-size: 10.5px; color: #555; line-height: 1.4; font-weight: 400;\n }\n\n \/* ── DIVISOR ── *\/\n .ox-hr { border: none; border-top: 1px solid #ece8e2; margin: 22px 0; }\n\n \/* ── BENEFÍCIOS COM ÍCONE ── *\/\n .ox-benefits { list-style: none; padding: 0; margin: 0 0 24px; }\n .ox-benefits li {\n display: flex; gap: 12px; font-size: 13.5px; color: #333;\n line-height: 1.65; margin-bottom: 13px; align-items: flex-start;\n }\n .ox-benefits svg { flex-shrink: 0; margin-top: 2px; }\n\n \/* ── DESTAQUE PERFORMANCE ── *\/\n .ox-perf {\n border-left: 3px solid #cc3300; padding: 16px 18px;\n margin-bottom: 24px; background: #fdf5f2;\n }\n .ox-perf p { font-size: 13.5px; color: #444; line-height: 1.9; margin: 0; font-weight: 300; }\n\n \/* ── BLOCO TECNOLOGIA DARK ── *\/\n .ox-tech {\n background: #111; color: #fff; padding: 20px 22px;\n border-radius: 3px; margin-bottom: 24px;\n }\n .ox-tech p { font-size: 13.5px; color: rgba(255,255,255,0.78); line-height: 1.9; margin: 0; font-weight: 300; }\n\n \/* ── GRID SPECS ── *\/\n .ox-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 7px; margin-bottom: 24px;\n }\n .ox-spec { border: 1px solid #ece8e2; border-radius: 2px; padding: 11px 13px; }\n .ox-spec-k {\n font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase;\n color: #999; display: block; margin-bottom: 3px; font-family: monospace;\n }\n .ox-spec-v { font-size: 13px; font-weight: 600; color: #111; display: block; }\n\n \/* ── ONDE USAR ── *\/\n .ox-uso { list-style: none; padding: 0; margin: 0 0 24px; }\n .ox-uso li {\n display: flex; gap: 10px; font-size: 13.5px; color: #444;\n line-height: 1.65; margin-bottom: 10px; align-items: center;\n }\n\n \/* ── GARANTIA DESTACADA ── *\/\n .ox-guarantee {\n display: flex; gap: 16px; align-items: flex-start;\n background: #f5fbf4; border: 1px solid #c3e0be;\n padding: 18px 20px; border-radius: 3px; margin-bottom: 24px;\n }\n .ox-guarantee svg { flex-shrink: 0; margin-top: 2px; }\n .ox-guarantee-text h4 {\n font-size: 13px; font-weight: 600; color: #1a5c14; margin: 0 0 4px;\n }\n .ox-guarantee-text p {\n font-size: 12.5px; color: #3a6635; line-height: 1.6; margin: 0; font-weight: 300;\n }\n\n \/* ── AVALIAÇÕES ── *\/\n .ox-review { padding: 16px 0; border-bottom: 1px solid #ece8e2; }\n .ox-review:first-of-type { border-top: 1px solid #ece8e2; }\n .ox-review-header {\n display: flex; justify-content: space-between;\n align-items: center; margin-bottom: 8px; gap: 12px;\n }\n .ox-review-author {\n font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;\n color: #999; font-family: monospace;\n }\n .ox-review-stars { font-size: 10px; letter-spacing: 3px; color: #cc3300; flex-shrink: 0; }\n .ox-review-text { font-size: 13.5px; font-style: italic; color: #444; line-height: 1.7; font-weight: 300; margin: 0; }\n\n \/* ── MOBILE ── *\/\n @media (max-width: 480px) {\n .ox-grid { grid-template-columns: 1fr; }\n .ox-trust { grid-template-columns: repeat(3, 1fr); gap: 6px; }\n .ox-badge-label { font-size: 9.5px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ox\"\u003e\n\n \u003c!-- ① URGÊNCIA ──────────────────────────────────── --\u003e\n \u003cdiv class=\"ox-urgency\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#e07000\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 7v5l3 3\" stroke=\"#e07000\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cp class=\"ox-urgency-text\"\u003e\n \u003cstrong\u003eRestam poucas unidades em estoque.\u003c\/strong\u003e Produto sem previsão de reposição imediata.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- ② TRUST BADGES ──────────────────────────────── --\u003e\n \u003cdiv class=\"ox-trust\"\u003e\n \u003cdiv class=\"ox-badge\"\u003e\n \u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" stroke=\"#1a5c14\" stroke-width=\"1.8\" fill=\"#e8f5e6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"ox-badge-label\"\u003e7 dias de\u003cbr\u003egarantia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ox-badge\"\u003e\n \u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"#1a4e8c\" stroke-width=\"1.8\" fill=\"#e8f0fb\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"#1a4e8c\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"#1a4e8c\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"ox-badge-label\"\u003eCompra\u003cbr\u003esegura\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ox-badge\"\u003e\n \u003csvg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M5 12l4 4L19 7\" stroke=\"#8c5a00\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#8c5a00\" stroke-width=\"1.8\" fill=\"#fdf3e3\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"ox-badge-label\"\u003eEntrega\u003cbr\u003econfirmada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ③ INTRODUÇÃO ────────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003eSobre o Produto\u003c\/span\u003e\n \u003cp class=\"ox-body\"\u003e\n Desenvolvido para quem leva o treino a sério. O \u003cstrong\u003eOxygen UV400\u003c\/strong\u003e combina\n proteção total contra raios solares, lente espelhada de alta performance e um design\n aerodinâmico que acompanha cada movimento — da largada à chegada, do pedal ao pódio.\n \u003c\/p\u003e\n\n \u003chr class=\"ox-hr\"\u003e\n\n \u003c!-- ④ BENEFÍCIOS — com ícones mata-objeção ─────── --\u003e\n \u003cspan class=\"ox-label\"\u003ePor que o Oxygen?\u003c\/span\u003e\n \u003cul class=\"ox-benefits\"\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003eProteção UV400 bloqueando \u003cstrong\u003e100% dos raios UVA e UVB\u003c\/strong\u003e — sem desculpa para sair sem óculos\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003eLente espelhada que \u003cstrong\u003ereduz reflexos e ofuscamento\u003c\/strong\u003e em asfalto, trilha e pista\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003e\u003cstrong\u003eNão escorrega com suor\u003c\/strong\u003e — ponteiras e nasais em borracha antiderrapante\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003eArmação aerodinâmica que \u003cstrong\u003enão interfere no campo visual\u003c\/strong\u003e — visão ampla 180°\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003eLeveza para \u003cstrong\u003euso prolongado sem pressão\u003c\/strong\u003e ou marcas no nariz\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fdf5f2\" stroke=\"#cc3300\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M8 12l3 3 5-6\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan\u003eDesign unissex compatível com \u003cstrong\u003ecapacetes e bonés\u003c\/strong\u003e de corrida\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003chr class=\"ox-hr\"\u003e\n\n \u003c!-- ⑤ PERFORMANCE ───────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003ePerformance ao Ar Livre\u003c\/span\u003e\n \u003cdiv class=\"ox-perf\"\u003e\n \u003cp\u003e\n Em uma corrida ao sol, cada segundo conta. Com o Oxygen, a lente espelhada\n \u003cstrong\u003eelimina o brilho que distrai\u003c\/strong\u003e e mantém sua visão nítida mesmo em ambientes\n de alta luminosidade. No ciclismo, o formato envolvente protege os olhos do vento\n sem comprometer a aerodinâmica. Para treinos funcionais ao ar livre, o ajuste seguro\n garante que o óculos \u003cstrong\u003enão se mova\u003c\/strong\u003e — mesmo nos movimentos mais intensos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- ⑥ TECNOLOGIA ────────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003eTecnologia das Lentes\u003c\/span\u003e\n \u003cdiv class=\"ox-tech\"\u003e\n \u003cp\u003e\n As lentes com \u003cstrong\u003ecertificação UV400\u003c\/strong\u003e bloqueiam integralmente os raios\n ultravioleta — incluindo UVA e UVB — que causam fadiga visual e danos cumulativos\n aos olhos. O espelhamento externo reduz a claridade em até \u003cstrong\u003e85%\u003c\/strong\u003e em condições\n de alta luminosidade, garantindo contraste preciso e conforto visual mesmo em treinos\n de longa duração sob sol forte.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- ⑦ SPECS ─────────────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003eDetalhes do Produto\u003c\/span\u003e\n \u003cdiv class=\"ox-grid\"\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eLente\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003eUV400 Espelhada\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eArmação\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003ePolicarbonato Leve\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eFormato\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003eShield Aerodinâmico\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eAcabamento\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003eFosco Premium\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eEncaixe\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003eAntiderrapante\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"ox-spec\"\u003e\n\u003cspan class=\"ox-spec-k\"\u003eIncluso\u003c\/span\u003e\u003cspan class=\"ox-spec-v\"\u003eCase + Lenço\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr class=\"ox-hr\"\u003e\n\n \u003c!-- ⑧ ONDE USAR ──────────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003eOnde Usar\u003c\/span\u003e\n \u003cul class=\"ox-uso\"\u003e\n \u003cli\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n Corrida — proteção e visão nítida em qualquer ritmo\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n Ciclismo — firme e aerodinâmico mesmo em alta velocidade\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n Caminhada — leve o suficiente para usar o dia todo\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n Treino funcional ao ar livre — não escorrega em nenhum movimento\n \u003c\/li\u003e\n \u003cli\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#cc3300\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n Lazer — estilo esportivo que funciona além do treino\n \u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003chr class=\"ox-hr\"\u003e\n\n \u003c!-- ⑨ GARANTIA DESTACADA ──────────────────────── --\u003e\n \u003cdiv class=\"ox-guarantee\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M12 2L4 5v6c0 5.25 3.5 10.15 8 11.36C16.5 21.15 20 16.25 20 11V5l-8-3z\" fill=\"#e8f5e6\" stroke=\"#1a5c14\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12l2 2 4-4\" stroke=\"#1a5c14\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"ox-guarantee-text\"\u003e\n \u003ch4\u003eGarantia de 7 dias + Compra 100% segura\u003c\/h4\u003e\n \u003cp\u003eNão ficou satisfeito? Devolvemos sem burocracia. Pagamento processado com criptografia e proteção total dos seus dados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ⑩ AVALIAÇÕES ────────────────────────────────── --\u003e\n \u003cspan class=\"ox-label\"\u003eAvaliações Verificadas\u003c\/span\u003e\n\n \u003cdiv class=\"ox-review\"\u003e\n \u003cdiv class=\"ox-review-header\"\u003e\n \u003cspan class=\"ox-review-author\"\u003eRenata S. · São Paulo, SP\u003c\/span\u003e\n \u003cspan class=\"ox-review-stars\"\u003e★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ox-review-text\"\u003e\"Uso em corridas longas de manhã cedo e na praia. O óculos não se move, o campo visual é enorme e a proteção contra o sol é real.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ox-review\"\u003e\n \u003cdiv class=\"ox-review-header\"\u003e\n \u003cspan class=\"ox-review-author\"\u003eFelipe M. · Curitiba, PR\u003c\/span\u003e\n \u003cspan class=\"ox-review-stars\"\u003e★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ox-review-text\"\u003e\"Uso no ciclismo e a estabilidade é impressionante. A lente espelhada corta o reflexo do asfalto perfeitamente.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ox-review\"\u003e\n \u003cdiv class=\"ox-review-header\"\u003e\n \u003cspan class=\"ox-review-author\"\u003eCamila T. · Florianópolis, SC\u003c\/span\u003e\n \u003cspan class=\"ox-review-stars\"\u003e★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ox-review-text\"\u003e\"Já tive óculos que escorregavam com o suor — esse fica firme. Leve, confortável e protege muito bem em treinos ao ar livre.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ox-review\"\u003e\n \u003cdiv class=\"ox-review-header\"\u003e\n \u003cspan class=\"ox-review-author\"\u003eGabriel A. · Belo Horizonte, MG\u003c\/span\u003e\n \u003cspan class=\"ox-review-stars\"\u003e★★★★★\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ox-review-text\"\u003e\"Design agressivo mas muito confortável. A visão com a lente laranja fica bem mais contrastada. Recomendo para qualquer esporte.\"\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- fim .ox --\u003e","brand":"Kroma Óculos","offers":[{"title":"Vermelho | Preto","offer_id":45863323959431,"sku":"8967","price":179.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/3620\/0839\/files\/Autoral_Via_Oculos_28.jpg?v=1789529839"}],"url":"https:\/\/www.kromaoculos.com\/collections\/exclusivos.oembed","provider":"Kroma Óculos","version":"1.0","type":"link"}