{"product_id":"oculos-trancoso","title":"Óculos Trancoso - Sol","description":"\u003c!-- ===== VIA ÓCULOS · TRANCOSO · COPY PDP ===== --\u003e\n\u003cdiv class=\"vo-trc\" id=\"voTrc\"\u003e\n\u003cstyle\u003e\n.vo-trc{--ink:#111;--mut:#6b6b6b;--line:#e6e6e6;--soft:#f6f6f4;--bg:#fff;color:var(--ink);font-family:inherit;max-width:760px;margin:0 auto;padding:8px 0 24px;line-height:1.55}\n.vo-trc *{box-sizing:border-box}\n.vo-trc h2,.vo-trc h3{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.15}\n.vo-trc p{margin:0}\n.vo-trc-sec{padding:40px 16px;border-bottom:1px solid var(--line)}\n.vo-trc-sec:last-child{border-bottom:0}\n.vo-trc-eye{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}\n.vo-trc-h{font-size:clamp(24px,5.4vw,34px)}\n.vo-trc-sub{color:var(--mut);margin-top:10px;font-size:15px}\n.vo-trc.js .vo-trc-rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}\n.vo-trc.js .vo-trc-rv.is-in{opacity:1;transform:none}\n.vo-trc-d1{transition-delay:.1s!important}.vo-trc-d2{transition-delay:.2s!important}.vo-trc-d3{transition-delay:.3s!important}\n\n\/* HERO *\/\n.vo-trc-hero{text-align:center}\n.vo-trc-stage{position:relative;background:var(--soft);border-radius:18px;margin:26px 0 18px;padding:34px 16px 26px;overflow:hidden}\n.vo-trc-sun{position:absolute;top:-60px;right:-60px;width:180px;height:180px;animation:vo-trc-spin 40s linear infinite;opacity:.5}\n@keyframes vo-trc-spin{to{transform:rotate(360deg)}}\n.vo-trc-glass{width:100%;max-width:440px;height:auto;display:block;margin:0 auto;animation:vo-trc-float 5s ease-in-out infinite}\n@keyframes vo-trc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n.vo-trc-frame{fill:none;stroke-width:7;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .5s}\n.vo-trc-rv.is-in .vo-trc-frame,.vo-trc:not(.js) .vo-trc-frame{animation:vo-trc-draw 1.8s ease forwards}\n@keyframes vo-trc-draw{to{stroke-dashoffset:0}}\n.vo-trc-lens{transition:fill .5s;opacity:.88}\n.vo-trc-shine{fill:#fff;opacity:.35;animation:vo-trc-shine 3.6s ease-in-out infinite}\n@keyframes vo-trc-shine{0%,60%{transform:translateX(-120px)}100%{transform:translateX(320px)}}\n.vo-trc-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}\n.vo-trc-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px 8px 8px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink);transition:border-color .25s,transform .25s}\n.vo-trc-chip:hover{transform:translateY(-2px)}\n.vo-trc-chip.is-on{border-color:var(--ink)}\n.vo-trc-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}\n.vo-trc-mood{margin-top:14px;font-size:14px;color:var(--mut);min-height:44px;transition:opacity .3s}\n\n\/* CARDS *\/\n.vo-trc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}\n@media(max-width:560px){.vo-trc-grid{grid-template-columns:1fr}}\n.vo-trc-card{border:1px solid var(--line);border-radius:14px;padding:18px}\n.vo-trc-card svg{width:34px;height:34px;margin-bottom:10px}\n.vo-trc-card h3{font-size:16px;margin-bottom:6px}\n.vo-trc-card p{font-size:14px;color:var(--mut)}\n.vo-trc-ic{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n\n\/* SEM x COM *\/\n.vo-trc-tog{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;margin-top:22px}\n.vo-trc-tog button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;cursor:pointer;color:var(--mut);transition:all .3s}\n.vo-trc-tog button.is-on{background:var(--ink);color:#fff}\n.vo-trc-panel{display:none;margin-top:18px;list-style:none;padding:0}\n.vo-trc-panel.is-on{display:block;animation:vo-trc-fade .45s ease}\n@keyframes vo-trc-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.vo-trc-panel li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}\n.vo-trc-panel li:last-child{border-bottom:0}\n.vo-trc-mk{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}\n.vo-trc-sem .vo-trc-mk{background:var(--soft);color:var(--mut)}\n.vo-trc-com .vo-trc-mk{background:var(--ink);color:#fff}\n\n\/* ROSTO *\/\n.vo-trc-faces{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}\n.vo-trc-face{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 4px 8px;cursor:pointer;font:inherit;font-size:11px;color:var(--ink);transition:border-color .25s,background .25s}\n.vo-trc-face svg{width:34px;height:42px;display:block;margin:0 auto 6px}\n.vo-trc-face.is-on{border-color:var(--ink);background:var(--soft)}\n.vo-trc-face path,.vo-trc-face ellipse,.vo-trc-face rect{fill:none;stroke:var(--ink);stroke-width:1.5}\n.vo-trc-res{margin-top:14px;background:var(--soft);border-radius:14px;padding:16px 18px;font-size:14px;min-height:76px}\n.vo-trc-res strong{display:block;font-size:15px;margin-bottom:4px}\n.vo-trc-bar{height:6px;background:#e3e3e0;border-radius:6px;margin-top:10px;overflow:hidden}\n.vo-trc-bar i{display:block;height:100%;background:var(--ink);border-radius:6px;width:0;transition:width .7s cubic-bezier(.2,.7,.2,1)}\n\n\/* LOOKS *\/\n.vo-trc-tabs{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}\n.vo-trc-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}\n.vo-trc-tab.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}\n.vo-trc-look{display:none;margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:18px;gap:16px;align-items:center}\n.vo-trc-look.is-on{display:flex;animation:vo-trc-fade .45s ease}\n.vo-trc-look svg{flex:0 0 56px;height:56px}\n.vo-trc-look h3{font-size:16px;margin-bottom:4px}\n.vo-trc-look p{font-size:14px;color:var(--mut)}\n\n\/* FAQ *\/\n.vo-trc-faq{margin-top:20px}\n.vo-trc-q{border-bottom:1px solid var(--line)}\n.vo-trc-q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:16px 0;font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;color:var(--ink)}\n.vo-trc-q button span{flex:0 0 18px;height:18px;position:relative}\n.vo-trc-q button span:before,.vo-trc-q button span:after{content:\"\";position:absolute;left:3px;right:3px;top:8px;height:1.6px;background:var(--ink);transition:transform .3s}\n.vo-trc-q button span:after{transform:rotate(90deg)}\n.vo-trc-q.is-on button span:after{transform:rotate(0)}\n.vo-trc-a{max-height:0;overflow:hidden;transition:max-height .4s ease}\n.vo-trc-a p{padding:0 0 16px;font-size:14px;color:var(--mut)}\n\n\/* FECHAMENTO *\/\n.vo-trc-end{text-align:center;background:var(--ink);color:#fff;border-radius:18px;margin:32px 16px 0;padding:40px 22px}\n.vo-trc-end .vo-trc-eye{color:#9a9a9a}\n.vo-trc-end .vo-trc-sub{color:#bdbdbd}\n.vo-trc-cta{margin-top:22px;display:inline-block;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:14px 28px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .25s}\n.vo-trc-cta:hover{transform:translateY(-2px)}\n@media(prefers-reduced-motion:reduce){.vo-trc *{animation:none!important;transition:none!important}.vo-trc-frame{stroke-dashoffset:0}}\n\u003c\/style\u003e\n\n\u003csvg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"\u003e\n  \u003cdefs\u003e\n    \u003cpattern id=\"voTrcTort\" width=\"22\" height=\"22\" patternunits=\"userSpaceOnUse\"\u003e\n      \u003crect width=\"22\" height=\"22\" fill=\"#7a4a24\"\u003e\u003c\/rect\u003e\n      \u003ccircle cx=\"5\" cy=\"6\" r=\"4\" fill=\"#3b2110\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"16\" cy=\"15\" r=\"5\" fill=\"#2a170b\"\u003e\u003c\/circle\u003e\n      \u003ccircle cx=\"17\" cy=\"4\" r=\"2.5\" fill=\"#a8723c\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6\" cy=\"17\" r=\"2\" fill=\"#b98448\"\u003e\u003c\/circle\u003e\n    \u003c\/pattern\u003e\n    \u003cclippath id=\"voTrcClipL\"\u003e\u003cpath d=\"M14 34 C44 42 100 38 142 50 C140 72 118 86 88 86 C52 86 26 66 14 34 Z\"\u003e\u003c\/path\u003e\u003c\/clippath\u003e\n  \u003c\/defs\u003e\n\u003c\/svg\u003e\n\n\u003c!-- 1. HERO --\u003e\n\u003csection class=\"vo-trc-sec vo-trc-hero\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003eVia Óculos · Cat-eye slim\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003eO detalhe que muda o rosto inteiro.\u003c\/h2\u003e\n    \u003cp class=\"vo-trc-sub\"\u003eLente fina, ponta levantada e um ar retrô que nunca sai de cena. O TRANCOSO é aquele óculos que faz alguém perguntar: \"onde você comprou?\".\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"vo-trc-stage vo-trc-rv vo-trc-d1\"\u003e\n    \u003csvg class=\"vo-trc-sun\" viewbox=\"0 0 100 100\" aria-hidden=\"true\"\u003e\u003cg stroke=\"#111\" stroke-width=\".6\" fill=\"none\"\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"16\"\u003e\u003c\/circle\u003e\u003cpath d=\"M50 4v14M50 82v14M4 50h14M82 50h14M17 17l10 10M73 73l10 10M17 83l10-10M73 27l10-10\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e\n    \u003csvg class=\"vo-trc-glass\" viewbox=\"0 0 320 110\" role=\"img\" aria-label=\"Ilustração do óculos TRANCOSO\"\u003e\n      \u003cg id=\"voTrcLensL\"\u003e\n        \u003cpath class=\"vo-trc-lens\" d=\"M14 34 C44 42 100 38 142 50 C140 72 118 86 88 86 C52 86 26 66 14 34 Z\" fill=\"#5a3a22\"\u003e\u003c\/path\u003e\n        \u003cg clip-path=\"url(#voTrcClipL)\"\u003e\u003crect class=\"vo-trc-shine\" x=\"0\" y=\"20\" width=\"26\" height=\"80\" transform=\"skewX(-20)\"\u003e\u003c\/rect\u003e\u003c\/g\u003e\n      \u003c\/g\u003e\n      \u003cuse href=\"#voTrcLensL\" transform=\"translate(320,0) scale(-1,1)\"\u003e\u003c\/use\u003e\n      \u003cpath class=\"vo-trc-frame\" pathlength=\"1\" stroke=\"#ece6da\" d=\"M14 34 C44 42 100 38 142 50 C140 72 118 86 88 86 C52 86 26 66 14 34 Z\"\u003e\u003c\/path\u003e\n      \u003cpath class=\"vo-trc-frame\" pathlength=\"1\" stroke=\"#ece6da\" d=\"M306 34 C276 42 220 38 178 50 C180 72 202 86 232 86 C268 86 294 66 306 34 Z\"\u003e\u003c\/path\u003e\n      \u003cpath class=\"vo-trc-frame\" pathlength=\"1\" stroke=\"#ece6da\" d=\"M142 50 Q160 40 178 50\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n    \u003cdiv class=\"vo-trc-chips\" role=\"group\" aria-label=\"Escolha a cor\"\u003e\n      \u003cbutton class=\"vo-trc-chip is-on\" data-frame=\"#ece6da\" data-lens=\"#5a3a22\" data-mood=\"Areia: armação off-white com lente marrom. Clara, solar, cara de férias — ilumina o rosto e combina com pele bronzeada.\"\u003e\u003cspan class=\"vo-trc-dot\" style=\"background:#ece6da\"\u003e\u003c\/span\u003eAreia\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-chip\" data-frame=\"#141414\" data-lens=\"#2b2b2b\" data-mood=\"Noite: preto total com lente escura. O clássico que vai do jeans ao vestido de festa sem pensar duas vezes.\"\u003e\u003cspan class=\"vo-trc-dot\" style=\"background:#141414\"\u003e\u003c\/span\u003eNoite\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-chip\" data-frame=\"url(#voTrcTort)\" data-lens=\"#6b4320\" data-mood=\"Havana: tartaruga com lente âmbar. Quente, vintage, sofisticado — o mais 'cinema anos 60' dos três.\"\u003e\u003cspan class=\"vo-trc-dot\" style=\"background:radial-gradient(circle at 30% 30%,#a8723c 0 25%,#3b2110 26% 45%,#7a4a24 46%)\"\u003e\u003c\/span\u003eHavana\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"vo-trc-mood\" id=\"voTrcMood\"\u003eAreia: armação off-white com lente marrom. Clara, solar, cara de férias — ilumina o rosto e combina com pele bronzeada.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 2. POR QUE É BOM --\u003e\n\u003csection class=\"vo-trc-sec\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003ePor que é bom\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003ePequeno no tamanho. Grande no efeito.\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"vo-trc-grid\"\u003e\n    \u003cdiv class=\"vo-trc-card vo-trc-rv vo-trc-d1\"\u003e\n      \u003csvg viewbox=\"0 0 34 34\" class=\"vo-trc-ic\"\u003e\u003cpath d=\"M4 22c6-10 20-12 26-14\"\u003e\u003c\/path\u003e\u003cpath d=\"M24 6l6 2-2 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003ch3\u003eLevanta o olhar\u003c\/h3\u003e\n      \u003cp\u003eA ponta em gatinho puxa a linha dos olhos pra cima. Efeito de rosto mais desperto e definido, sem maquiagem.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-card vo-trc-rv vo-trc-d2\"\u003e\n      \u003csvg viewbox=\"0 0 34 34\" class=\"vo-trc-ic\"\u003e\u003ccircle cx=\"17\" cy=\"17\" r=\"6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M17 3v4M17 27v4M3 17h4M27 17h4M7 7l3 3M24 24l3 3M7 27l3-3M24 10l3-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003ch3\u003eProteção UV400\u003c\/h3\u003e\n      \u003cp\u003eLente que bloqueia os raios UVA e UVB. Estilo no rosto, cuidado com os olhos.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-card vo-trc-rv vo-trc-d1\"\u003e\n      \u003csvg viewbox=\"0 0 34 34\" class=\"vo-trc-ic\"\u003e\u003cpath d=\"M6 20c4-6 18-6 22 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 26h14\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"9\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      \u003ch3\u003eLeve o dia inteiro\u003c\/h3\u003e\n      \u003cp\u003eArmação fina que não pesa no nariz nem marca o rosto. Você esquece que está usando.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-card vo-trc-rv vo-trc-d2\"\u003e\n      \u003csvg viewbox=\"0 0 34 34\" class=\"vo-trc-ic\"\u003e\u003crect x=\"5\" y=\"8\" width=\"10\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"19\" y=\"8\" width=\"10\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M15 17h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003ch3\u003eCombina com tudo\u003c\/h3\u003e\n      \u003cp\u003eDo biquíni ao blazer. Um acessório que transforma um look básico em look pensado.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 3. SEM x COM --\u003e\n\u003csection class=\"vo-trc-sec\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003eA diferença\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003eComo é sem. O que muda com.\u003c\/h2\u003e\n    \u003cdiv class=\"vo-trc-tog\" role=\"tablist\"\u003e\n      \u003cbutton class=\"is-on\" data-p=\"sem\"\u003eSem o TRANCOSO\u003c\/button\u003e\n      \u003cbutton data-p=\"com\"\u003eCom o TRANCOSO\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cul class=\"vo-trc-panel vo-trc-sem is-on\" data-panel=\"sem\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e–\u003c\/span\u003eAquele óculos genérico que deixa todo look igual.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e–\u003c\/span\u003eOlhos apertados no sol, rugas de expressão trabalhando.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e–\u003c\/span\u003eFoto boa só quando o ângulo ajuda.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e–\u003c\/span\u003eLook certinho, mas sem aquele toque que chama atenção.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cul class=\"vo-trc-panel vo-trc-com\" data-panel=\"com\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e✓\u003c\/span\u003eUm formato com personalidade, que vira sua assinatura.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e✓\u003c\/span\u003eOlhos protegidos e relaxados, mesmo no sol forte.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e✓\u003c\/span\u003eFoto boa de qualquer ângulo — o óculos faz metade do trabalho.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"vo-trc-mk\"\u003e✓\u003c\/span\u003eO básico vira look. E alguém sempre pergunta de onde é.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 4. FORMATO DE ROSTO --\u003e\n\u003csection class=\"vo-trc-sec\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003eSerá que fica bom em mim?\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003eToque no formato do seu rosto.\u003c\/h2\u003e\n    \u003cdiv class=\"vo-trc-faces\" role=\"group\" aria-label=\"Formato do rosto\"\u003e\n      \u003cbutton class=\"vo-trc-face\" data-fit=\"95\" data-t=\"Oval — combina perfeitamente\" data-d=\"Rosto oval aceita quase tudo, e o cat-eye slim valoriza ainda mais o equilíbrio natural das suas proporções.\"\u003e\u003csvg viewbox=\"0 0 34 42\"\u003e\u003cellipse cx=\"17\" cy=\"21\" rx=\"12\" ry=\"18\"\u003e\u003c\/ellipse\u003e\u003c\/svg\u003eOval\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-face\" data-fit=\"90\" data-t=\"Redondo — ótima escolha\" data-d=\"As pontas levantadas criam ângulos e alongam o rosto. É um dos formatos que mais se beneficiam do gatinho.\"\u003e\u003csvg viewbox=\"0 0 34 42\"\u003e\u003cellipse cx=\"17\" cy=\"21\" rx=\"14\" ry=\"15\"\u003e\u003c\/ellipse\u003e\u003c\/svg\u003eRedondo\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-face\" data-fit=\"85\" data-t=\"Quadrado — combina muito\" data-d=\"As curvas da lente suavizam o maxilar marcado, e a ponta levantada equilibra a linha da mandíbula.\"\u003e\u003csvg viewbox=\"0 0 34 42\"\u003e\u003crect x=\"4\" y=\"5\" width=\"26\" height=\"32\" rx=\"6\"\u003e\u003c\/rect\u003e\u003c\/svg\u003eQuadrado\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-face\" data-fit=\"88\" data-t=\"Coração — combina muito\" data-d=\"A armação fina não pesa na testa e destaca os olhos, que já são o ponto forte desse formato.\"\u003e\u003csvg viewbox=\"0 0 34 42\"\u003e\u003cpath d=\"M4 8c0-3 26-3 26 0 0 14-7 26-13 30C11 34 4 22 4 8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eCoração\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-face\" data-fit=\"92\" data-t=\"Losango — ótima escolha\" data-d=\"A linha superior do gatinho acompanha as maçãs do rosto e deixa o olhar em evidência.\"\u003e\u003csvg viewbox=\"0 0 34 42\"\u003e\u003cpath d=\"M17 3l13 18-13 18L4 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eLosango\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-res\" id=\"voTrcRes\" aria-live=\"polite\"\u003e\n      \u003cstrong\u003eEscolha um formato acima\u003c\/strong\u003e\n      Mostramos como o TRANCOSO conversa com o seu rosto.\n      \u003cdiv class=\"vo-trc-bar\"\u003e\u003ci id=\"voTrcBar\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 5. LOOKS --\u003e\n\u003csection class=\"vo-trc-sec\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003eOnde usar\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003eUm óculos, três personagens.\u003c\/h2\u003e\n    \u003cdiv class=\"vo-trc-tabs\"\u003e\n      \u003cbutton class=\"vo-trc-tab is-on\" data-l=\"praia\"\u003ePraia\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-tab\" data-l=\"cidade\"\u003eCidade\u003c\/button\u003e\n      \u003cbutton class=\"vo-trc-tab\" data-l=\"noite\"\u003eFim de tarde\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-look is-on\" data-look=\"praia\"\u003e\n      \u003csvg viewbox=\"0 0 56 56\" class=\"vo-trc-ic\"\u003e\u003ccircle cx=\"40\" cy=\"14\" r=\"6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 38c6-4 10-4 16 0s10 4 16 0 10-4 16 0M4 46c6-4 10-4 16 0s10 4 16 0 10-4 16 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cdiv\u003e\n\u003ch3\u003ePraia e piscina\u003c\/h3\u003e\n\u003cp\u003eVersão Areia com biquíni neutro e chapéu de palha. Cara de Trancoso de verdade, sem sair da cidade.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-look\" data-look=\"cidade\"\u003e\n      \u003csvg viewbox=\"0 0 56 56\" class=\"vo-trc-ic\"\u003e\u003crect x=\"6\" y=\"22\" width=\"12\" height=\"28\"\u003e\u003c\/rect\u003e\u003crect x=\"22\" y=\"10\" width=\"14\" height=\"40\"\u003e\u003c\/rect\u003e\u003crect x=\"40\" y=\"28\" width=\"10\" height=\"22\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n      \u003cdiv\u003e\n\u003ch3\u003eDia a dia na cidade\u003c\/h3\u003e\n\u003cp\u003eVersão Noite com jeans, regata branca e tênis. O básico que parece de editorial.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vo-trc-look\" data-look=\"noite\"\u003e\n      \u003csvg viewbox=\"0 0 56 56\" class=\"vo-trc-ic\"\u003e\u003cpath d=\"M6 40h44\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 40a14 14 0 0 1 28 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M28 14v6M14 22l4 4M42 22l-4 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cdiv\u003e\n\u003ch3\u003eHappy hour e fim de tarde\u003c\/h3\u003e\n\u003cp\u003eVersão Havana com vestido midi ou camisa de linho. Tom quente que combina com a luz dourada do fim do dia.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 6. OBJEÇÕES --\u003e\n\u003csection class=\"vo-trc-sec\"\u003e\n  \u003cdiv class=\"vo-trc-rv\"\u003e\n    \u003cdiv class=\"vo-trc-eye\"\u003eAntes de decidir\u003c\/div\u003e\n    \u003ch2 class=\"vo-trc-h\"\u003eRespostas sinceras.\u003c\/h2\u003e\n    \u003cdiv class=\"vo-trc-faq\"\u003e\n      \u003cdiv class=\"vo-trc-q\"\u003e\n\u003cbutton\u003eLente pequena protege mesmo?\u003cspan\u003e\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"vo-trc-a\"\u003e\u003cp\u003eA lente é UV400 e protege os olhos contra UVA e UVB. Por ser um modelo slim, ela cobre menos a lateral que um óculos grande — é ideal pro dia a dia, passeio e praia. Se você passa horas seguidas no sol forte, vale ter um modelo maior também.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"vo-trc-q\"\u003e\n\u003cbutton\u003eCat-eye não vai sair de moda logo?\u003cspan\u003e\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"vo-trc-a\"\u003e\u003cp\u003eO gatinho está em alta desde os anos 50 e volta em toda década. É um clássico que fica mais na moda a cada temporada — não uma tendência de três meses.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"vo-trc-q\"\u003e\n\u003cbutton\u003eE se não ficar bom em mim?\u003cspan\u003e\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"vo-trc-a\"\u003e\u003cp\u003eVocê tem 7 dias após o recebimento para devolver, garantido pelo Código de Defesa do Consumidor. Comprar online sem provar não é risco aqui.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"vo-trc-q\"\u003e\n\u003cbutton\u003eQual cor eu escolho?\u003cspan\u003e\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"vo-trc-a\"\u003e\u003cp\u003ePele bronzeada ou look claro: Areia. Quer o coringa que combina com tudo: Noite. Gosta de um ar vintage e tons quentes: Havana. Na dúvida, Noite nunca erra.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"vo-trc-q\"\u003e\n\u003cbutton\u003eQuando chega?\u003cspan\u003e\u003c\/span\u003e\u003c\/button\u003e\u003cdiv class=\"vo-trc-a\"\u003e\u003cp\u003eO prazo exato aparece no checkout, de acordo com o seu CEP, e você recebe o código de rastreio para acompanhar cada etapa da entrega.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- 7. FECHAMENTO --\u003e\n\u003cdiv class=\"vo-trc-end vo-trc-rv\"\u003e\n  \u003cdiv class=\"vo-trc-eye\"\u003eTRANCOSO\u003c\/div\u003e\n  \u003ch2 class=\"vo-trc-h\"\u003eNão é só pra ver melhor.\u003cbr\u003eÉ pra ser vista.\u003c\/h2\u003e\n  \u003cp class=\"vo-trc-sub\"\u003eEscolha sua cor e leve o detalhe que transforma qualquer look.\u003c\/p\u003e\n  \u003cbutton class=\"vo-trc-cta\" id=\"voTrcCta\"\u003eEscolher minha cor\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var r=document.getElementById('voTrc'); if(!r) return;\n  r.classList.add('js');\n\n  \/\/ fade-in + subida ao scrollar\n  var els=r.querySelectorAll('.vo-trc-rv');\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},{threshold:.15});\n    els.forEach(function(el){io.observe(el);});\n  } else { els.forEach(function(el){el.classList.add('is-in');}); }\n\n  \/\/ seletor de cor\n  var mood=document.getElementById('voTrcMood');\n  r.querySelectorAll('.vo-trc-chip').forEach(function(c){\n    c.addEventListener('click',function(){\n      r.querySelectorAll('.vo-trc-chip').forEach(function(x){x.classList.remove('is-on');});\n      c.classList.add('is-on');\n      r.querySelectorAll('.vo-trc-frame').forEach(function(f){f.setAttribute('stroke',c.dataset.frame);});\n      r.querySelectorAll('.vo-trc-lens').forEach(function(l){l.setAttribute('fill',c.dataset.lens);});\n      mood.style.opacity=0; setTimeout(function(){mood.textContent=c.dataset.mood;mood.style.opacity=1;},200);\n    });\n  });\n\n  \/\/ sem x com\n  r.querySelectorAll('.vo-trc-tog button').forEach(function(b){\n    b.addEventListener('click',function(){\n      r.querySelectorAll('.vo-trc-tog button').forEach(function(x){x.classList.remove('is-on');});\n      b.classList.add('is-on');\n      r.querySelectorAll('.vo-trc-panel').forEach(function(p){p.classList.toggle('is-on',p.dataset.panel===b.dataset.p);});\n    });\n  });\n\n  \/\/ formato de rosto\n  var res=document.getElementById('voTrcRes');\n  r.querySelectorAll('.vo-trc-face').forEach(function(f){\n    f.addEventListener('click',function(){\n      r.querySelectorAll('.vo-trc-face').forEach(function(x){x.classList.remove('is-on');});\n      f.classList.add('is-on');\n      res.innerHTML='\u003cstrong\u003e'+f.dataset.t+'\u003c\/strong\u003e'+f.dataset.d+'\u003cdiv class=\"vo-trc-bar\"\u003e\u003ci\u003e\u003c\/i\u003e\u003c\/div\u003e';\n      var bar=res.querySelector('i'); requestAnimationFrame(function(){requestAnimationFrame(function(){bar.style.width=f.dataset.fit+'%';});});\n    });\n  });\n\n  \/\/ looks\n  r.querySelectorAll('.vo-trc-tab').forEach(function(t){\n    t.addEventListener('click',function(){\n      r.querySelectorAll('.vo-trc-tab').forEach(function(x){x.classList.remove('is-on');});\n      t.classList.add('is-on');\n      r.querySelectorAll('.vo-trc-look').forEach(function(l){l.classList.toggle('is-on',l.dataset.look===t.dataset.l);});\n    });\n  });\n\n  \/\/ faq\n  r.querySelectorAll('.vo-trc-q').forEach(function(q){\n    var b=q.querySelector('button'),a=q.querySelector('.vo-trc-a');\n    b.addEventListener('click',function(){\n      var on=q.classList.toggle('is-on');\n      a.style.maxHeight=on?a.scrollHeight+'px':'0';\n    });\n  });\n\n  \/\/ CTA leva ao seletor de variantes \/ botão de compra\n  document.getElementById('voTrcCta').addEventListener('click',function(){\n    var t=document.querySelector('variant-selects, variant-radios, .product-form__input, form[action*=\"\/cart\/add\"]');\n    if(t) t.scrollIntoView({behavior:'smooth',block:'center'}); else window.scrollTo({top:0,behavior:'smooth'});\n  });\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- ===== \/VIA ÓCULOS · TRANCOSO ===== --\u003e","brand":"Via Óculos","offers":[{"title":"Trancoso Off-white","offer_id":67628093243447,"sku":"335694","price":179.0,"currency_code":"BRL","in_stock":true},{"title":"Trancoso Púrpura","offer_id":67628093276215,"sku":"335694","price":179.0,"currency_code":"BRL","in_stock":true},{"title":"Trancoso Havana","offer_id":67628093341751,"sku":"335694","price":179.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0621\/1354\/6295\/files\/Direct_Autoral_Via_Oculos_70.png?v=1792241941","url":"https:\/\/viaoculos.com\/products\/oculos-trancoso","provider":"Via Óculos","version":"1.0","type":"link"}