{"title":"Bioceramic MoonSwatch Collection","description":"\u003cp\u003e\u003cspan\u003eO que impulsiona esta coleção é a fusão do material biocerâmico mais inovador da Swatch com os principais elementos de design do OMEGA Speedmaster Moonwatch. A caixa assimétrica, o icônico detalhe \"ponto sobre noventa\" na luneta com escala taquimétrica e os distintos submostradores Speedmaster.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"moonswatch-mission-to-earthphase","title":"MoonSwatch MISSION TO EARTHPHASE GOLD","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO EARTHPHASE\u003c\/h2\u003e\n \u003cp\u003eEste cronógrafo em Polimérico Premium azul-marinho apresenta caixa, coroa, botões e bracelete de borracha a condizer. O mostrador opalino branco traz marcadores e ponteiros revestidos com Super-LumiNova® Classe A (emissão verde).\u003c\/p\u003e\n\u003c!-- ========= VÍDEO FULLSCREEN ========= --\u003e\n\u003cdiv style=\"margin:0; padding:0;\"\u003e\n \u003cvideo autoplay muted loop playsinline style=\"width:100vw; height:100vh; object-fit:cover; display:block; margin:0; padding:0; position:relative; left:50%; transform:translateX(-50%);\"\u003e\n \n \u003c!-- Vídeo Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/37de8ead53514a5eb24b3f1ef15bba70.mp4\" type=\"video\/mp4\"\u003e\n \n \u003c!-- Vídeo Mobile --\u003e\n \u003csource media=\"(max-width: 900px)\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/37de8ead53514a5eb24b3f1ef15bba70.mp4\" type=\"video\/mp4\"\u003e\n \n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003ePor baixo do indicador das fases da terra, encontra-se uma ilustração do Snoopy e do Woodstock em equipamento espacial completo a olhar para a Terra a partir da Lua. Uma frase oculta, revelada apenas sob luz UV, remete para o espírito pioneiro do modelo Moonwatch e para aqueles que se atrevem a imaginar coisas diferentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_mtemg_sept.png?v=1757948540\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_mtemg_sept.png?v=1757948538\" alt=\"MoonSwatch MISSION TO EARTHPHASE\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste cronógrafo apresenta uma caixa, coroa e botões em Polimérico Premium azul-marinho, juntamente com uma bracelete de borracha em azul-marinho a condizer e uma presilha em Bioceramic. Apresenta um mostrador opalino branco com marcadores das horas revestidos com Super-LumiNova® de Classe A (emissão verde).\u003c\/p\u003e\n \u003cp\u003eNa posição das 10 horas, o indicador das fases da terra mostra a Terra com oceanos que brilham a azul sob luz UV. Por baixo do indicador das fases da terra encontra-se uma ilustração do Snoopy e do Woodstock na Lua, maravilhados com o espetáculo encantador da Terra.\u003c\/p\u003e\n \u003cp\u003eA ilustração apresenta uma frase que só aparece sob luz UV. No submostrador da posição das 2 horas, temos um indicador de fases da lua com duas luas cheias radiantes, ambas revestidas com o Moonshine™ Gold da OMEGA. Uma das luas foi concebida no estilo caraterístico do universo Snoopy e a outra foi reimaginada com um inesperado design de pipocas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eIndicador das fases da terra, ilustração do Snoopy e do Woodstock, frase oculta, revelada sob luz UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,30 mm\u003c\/dd\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e140 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42178600763490,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_mtemg_sept.png?v=1757950596"},{"product_id":"moonswatch-mission-to-the-sun","title":"MoonSwatch MISSION TO THE SUN","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO THE SUN\u003c\/h2\u003e\n \u003cp\u003eEste relógio, edição limitada, em amarelo-sol brilhante, possui um sofisticado mostrador dourado com efeito escovado e uma pulseira branca de VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são na cor laranja.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/sun_image2_1920x930_d.webp?v=1758034034\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/sun_image2_1080x1335_m.png?v=1758033969\" alt=\"MoonSwatch MISSION TO THE SUN\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste relógio, edição limitada, em amarelo-sol brilhante, possui um sofisticado mostrador dourado com efeito escovado e uma pulseira branca de VELCRO®.\u003c\/p\u003e\n \u003cp\u003eO ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são na cor laranja. Os ponteiros de hora e minuto, os marcadores de hora, os submostradores e a luneta são na cor branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundos do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro. .\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAmarelo-sol brilhante, pulseira branca de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAmarelo\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181416976482,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/sun_image1_1080x1290_m.png?v=1758034427"},{"product_id":"moonswatch-mission-to-mercury","title":"MoonSwatch MISSION TO MERCURY","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO MERCURY\u003c\/h2\u003e\n \u003cp\u003eCom sua cor cinza profundo intenso e pulseira de VELCRO® cinza metálico, este relógio edição limitada é sinônimo de sucesso. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são brancos.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs submostradores e a luneta são pretos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image2_1920x930_d_v2-1.avif?v=1758035578\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mercury_image2_1080x1335_m.png?v=1758034648\" alt=\"MoonSwatch MISSION TO MERCURY\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eCom sua cor cinza profundo intenso e pulseira de VELCRO® cinza metálico, este relógio edição limitada é sinônimo de sucesso. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são brancos.\u003c\/p\u003e\n \u003cp\u003eOs submostradores e a luneta são pretos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n \u003cp\u003eO icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundos do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eCinza profundo intenso, pulseira de VELCRO® cinza metálico, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinza profundo\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181427167330,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mercury_image1_1080x1290_m.png?v=1758035800"},{"product_id":"moonswatch-mission-to-venus","title":"MoonSwatch MISSION TO VENUS","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO VENUS\u003c\/h2\u003e\n \u003cp\u003eA pulseira branca de VELCRO® deste modelo edição limitada contrasta perfeitamente com o rosa pastel atalcado. Os submostradores ovais, adornados com detalhes em formato de diamante nas bordas, e a luneta bicolor em rosa e branco adicionam um toque de elegância.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs ponteiros de horas, minutos, segundos do cronógrafo e os ponteiros do submostrador são em rosa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/venus_image2_1920x930_d.avif?v=1758036010\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/venus_image2_1080x1335_m.png?v=1758036036\" alt=\"MoonSwatch MISSION TO VENUS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eA pulseira branca de VELCRO® deste modelo edição limitada contrasta perfeitamente com o rosa pastel atalcado. Os submostradores ovais, adornados com detalhes em formato de diamante nas bordas, e a luneta bicolor em rosa e branco adicionam um toque de elegância.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros de horas, minutos, segundos do cronógrafo e os ponteiros do submostrador são em rosa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de horas, minutos e segundos do cronógrafo, bem como os marcadores de horas, ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eRosa pastel atalcado, pulseira de VELCRO® branca, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eRosa pastel atalcado\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181435228258,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/venus_image1_1080x1290_m.png?v=1758036344"},{"product_id":"moonswatch-mission-on-earth","title":"MoonSwatch MISSION ON EARTH","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION ON EARTH\u003c\/h2\u003e\n \u003cp\u003eOs amantes da Mãe Natureza vão adorar este relógio verde-terra, edição limitada, com pulseira de VELCRO® azul-marinho. Os ponteiros de segundos e os ponteiros do submostrador do cronógrafo são marrons.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs ponteiros de horas e minutos, os marcadores de horas e os submostradores são brancos, assim como a escala taquimétrica na luneta azul. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/earth_image2_1920x930_d.jpg?v=1758036513\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/earth_image2_1080x1335_m.png?v=1758036537\" alt=\"MoonSwatch MISSION ON EARTH\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eOs amantes da Mãe Natureza vão adorar este relógio verde-terra, edição limitada, com pulseira de VELCRO® azul-marinho. Os ponteiros de segundos e os ponteiros do submostrador do cronógrafo são marrons.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros de horas e minutos, os marcadores de horas e os submostradores são brancos, assim como a escala taquimétrica na luneta azul. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de horas, minutos e segundos do cronógrafo, bem como os marcadores de horas, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eVerde-terra, pulseira de VELCRO® azul-marinho, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVerde-terra\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181443977314,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/earth_image1_1080x1290_m.png?v=1758036945"},{"product_id":"moonswatch-mission-to-the-moon","title":"MoonSwatch MISSION TO THE MOON","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO THE MOON\u003c\/h2\u003e\n \u003cp\u003eEste relógio cinza aço edição limitada vem com uma pulseira preta de VELCRO®. Todos os ponteiros e a escala taquimétrica são brancos, assim como no Moonwatch original. A luneta é preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/moon_image2_1920x930_d.avif?v=1758043982\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/moon_image2_1080x1335_m.png?v=1758044010\" alt=\"MoonSwatch MISSION TO THE MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste relógio cinza aço edição limitada vem com uma pulseira preta de VELCRO®. Todos os ponteiros e a escala taquimétrica são brancos, assim como no Moonwatch original. A luneta é preta.\u003c\/p\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003ecinza aço, pulseira de VELCRO® preta, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVerde-terra\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181677940834,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/moon_image1_1080x1290_m.png?v=1758044331"},{"product_id":"moonswatch-mission-to-mars","title":"MoonSwatch MISSION TO MARS","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO MARS\u003c\/h2\u003e\n \u003cp\u003eNeste relógio edição limitada, tons de vermelho intenso contrastam com o mostrador branco brilhante e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo é vermelho, enquanto os ponteiros dos submostradores às 10 e 2 horas ostentam ponteiros vermelhos exclusivos em um formato lúdico de nave espacial, uma homenagem especial ao OMEGA Speedmaster Alaska II.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eO ponteiro do submostrador às 6 horas é preto, enquanto os ponteiros das horas e dos minutos são bicolores: branco e preto. A luneta é branca e ostenta uma escala taquimétrica preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mars_image2_1920x930_d.jpg?v=1758044521\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mars_image2_1080x1335_m.png?v=1758044550\" alt=\"MoonSwatch MISSION TO MARS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eNeste relógio edição limitada, tons de vermelho intenso contrastam com o mostrador branco brilhante e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo é vermelho, enquanto os ponteiros dos submostradores às 10 e 2 horas ostentam ponteiros vermelhos exclusivos em um formato lúdico de nave espacial, uma homenagem especial ao OMEGA Speedmaster Alaska II.\u003c\/p\u003e\n \u003cp\u003eO ponteiro do submostrador às 6 horas é preto, enquanto os ponteiros das horas e dos minutos são bicolores: branco e preto. A luneta é branca e ostenta uma escala taquimétrica preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n \u003cp\u003eO padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única de biocerâmica são comuns a todos os modelos. Os ponteiros das horas, minutos e segundos do cronógrafo, assim como os ponteiros dos submostradores às 10 e 2 horas e os marcadores de hora ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eVermelho intenso, pulseira de VELCRO® Branca, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVermelho intenso\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181705924706,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mars_image1_1080x1290_m.png?v=1758044832"},{"product_id":"moonswatch-mission-to-jupiter","title":"MoonSwatch MISSION TO JUPITER","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO JUPITER\u003c\/h2\u003e\n \u003cp\u003eOs tons de bege deste relógio edição limitada são perfeitamente compensados por uma pulseira preta de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são em laranja, em homenagem ao OMEGA Speedmaster Ultraman.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eO ponteiro do submostrador às 6 horas é em marrom. Uma escala taquimétrica bege escura com detalhes em laranja adorna o aro bege claro. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/jupiter_image2_1920x930_d.avif?v=1758045077\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/jupiter_image2_1080x1335_m.png?v=1758045098\" alt=\"MoonSwatch MISSION TO JUPITER\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eOs tons de bege deste relógio edição limitada são perfeitamente compensados por uma pulseira preta de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são em laranja, em homenagem ao OMEGA Speedmaster Ultraman.\u003c\/p\u003e\n \u003cp\u003eO ponteiro do submostrador às 6 horas é em marrom. Uma escala taquimétrica bege escura com detalhes em laranja adorna o aro bege claro. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única de biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, apresentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBege, pulseira de VELCRO® Bege, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181714378850,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/jupiter_image1_1080x1290_m.png?v=1758045263"},{"product_id":"moonswatch-mission-to-saturn","title":"MoonSwatch MISSION TO SATURN","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO SATURN\u003c\/h2\u003e\n \u003cp\u003eNeste modelo edição limitada, tons de bege arenoso e frio contrastam perfeitamente com o mostrador marrom e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são verdes.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eO submostrador de segundos às 6 horas representa os anéis de Saturno. Uma escala taquimétrica branca adorna uma luneta marrom. Os ponteiros das horas e minutos, bem como os marcadores de horas e a escala taquimétrica, são brancos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/saturn_image2_1920x930_d.avif?v=1758045484\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/saturn_image2_1080x1335_m.png?v=1758045508\" alt=\"MoonSwatch MISSION TO SATURN\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eNeste modelo edição limitada, tons de bege arenoso e frio contrastam perfeitamente com o mostrador marrom e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são verdes.\u003c\/p\u003e\n \u003cp\u003eO submostrador de segundos às 6 horas representa os anéis de Saturno. Uma escala taquimétrica branca adorna uma luneta marrom. Os ponteiros das horas e minutos, bem como os marcadores de horas e a escala taquimétrica, são brancos.\u003c\/p\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, apresentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBege Arenoso, pulseira de VELCRO® Marrom, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ebiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege Arenoso\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181719523426,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/saturn_image1_1080x1290_m.png?v=1758045729"},{"product_id":"moonswatch-mission-to-uranus","title":"MoonSwatch MISSION TO URANUS","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO URANUS\u003c\/h2\u003e\n \u003cp\u003eAzul pastel encontra uma pulseira de VELCRO® branca brilhante neste modelo edição limitada. Todos os ponteiros são brancos. Uma escala taquimétrica preta adorna uma luneta branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/uranus_image2_1920x930_d.avif?v=1758046038\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/uranus_image2_1080x1335_m.png?v=1758046061\" alt=\"MoonSwatch MISSION TO URANUS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAzul pastel encontra uma pulseira de VELCRO® branca brilhante neste modelo não limitado. Todos os ponteiros são brancos. Uma escala taquimétrica preta adorna uma luneta branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAzul pastel, pulseira de VELCRO® Branca, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul pastel\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181728010338,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/uranus_image1_1080x1290_m.png?v=1758046223"},{"product_id":"moonswatch-mission-to-neptune","title":"MoonSwatch MISSION TO NEPTUNE","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO NEPTUNE\u003c\/h2\u003e\n \u003cp\u003eEste modelo edição limitada combina tons profundos de azul-marinho com o tom preto da pulseira de VELCRO®. Para contraste, todos os ponteiros e marcadores de hora são brancos. Uma escala taquimétrica branca adorna um aro azul.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/neptune_image2_1920x930_d.avif?v=1758046356\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/neptune_image2_1080x1335_m.png?v=1758046380\" alt=\"MoonSwatch MISSION TO NEPTUNE\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste modelo edição limitada combina tons profundos de azul-marinho com o tom preto da pulseira de VELCRO®. Para contraste, todos os ponteiros e marcadores de hora são brancos. Uma escala taquimétrica branca adorna um aro azul.\u003c\/p\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAzul-marinho, pulseira de VELCRO® preta, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul-marinho\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181742461026,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/neptune_image1_1080x1290_m.png?v=1758046652"},{"product_id":"moonswatch-mission-to-pluto","title":"MoonSwatch MISSION TO PLUTO","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO PLUTO\u003c\/h2\u003e\n \u003cp\u003eNeste relógio edição limitada, tons de cinza claro contrastam com a pulseira de VELCRO® cinza escuro. O cronógrafo apresenta um mostrador em tom casca de ovo com ponteiros de horas e minutos em dois tons de preto e branco, um ponteiro de segundos do cronógrafo preto e submostradores e luneta bordô.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs ponteiros do submostrador às 10 e 2 horas são pretos, enquanto o ponteiro do submostrador às 6 horas e a escala taquimétrica são brancos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image2_1920x930_d_v2.webp?v=1758046782\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image2_1080x1335_m.png?v=1758046906\" alt=\"MoonSwatch MISSION TO PLUTO\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eNeste relógio edição limitada, tons de cinza claro contrastam com a pulseira de VELCRO® cinza escuro. O cronógrafo apresenta um mostrador em tom casca de ovo com ponteiros de horas e minutos em dois tons de preto e branco, um ponteiro de segundos do cronógrafo preto e submostradores e luneta bordô.\u003c\/p\u003e\n \u003cp\u003eOs ponteiros do submostrador às 10 e 2 horas são pretos, enquanto o ponteiro do submostrador às 6 horas e a escala taquimétrica são brancos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBege e bordô, pulseira de VELCRO® cinza escuro, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege e Bordô\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42181747998818,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image1_1080x1290_m.png?v=1758047017"},{"product_id":"moonswatch-1965","title":"MoonSwatch 1965","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch 1965\u003c\/h2\u003e\n \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento, bem como uma bracelete de VELCRO® em cinzento com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador branco e uma luneta em Polimérico Premium preto com uma escala taquimétrica branca.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ae2f7ec1cd1d461ca3d37d0a876a3d3a.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eEste relógio apresenta dois contadores únicos nas posições das 10 e das 2 horas. O primeiro indica o número 19 (normalmente 60) no topo, enquanto o outro apresenta o número 65 (normalmente 10), uma referência ao ano de 1965. Estes contadores foram calibrados para totalizar 19 horas (contador na posição das 10 horas) e 65 minutos (contador na posição das 2 horas), o que torna a leitura do cronógrafo um pouco diferente da dos cronógrafos típicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_ms1965_v3.webp?v=1758997240\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_ms1965_v3.png?v=1758997222\" alt=\"MoonSwatch 1965\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento, bem como uma bracelete de VELCRO® em cinzento com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador branco e uma luneta em Polimérico Premium preto com uma escala taquimétrica branca.\u003c\/p\u003e\n \u003cp\u003eEste relógio apresenta dois contadores únicos nas posições das 10 e das 2 horas. O primeiro indica o número 19 (normalmente 60) no topo, enquanto o outro apresenta o número 65 (normalmente 10), uma referência ao ano de 1965. Estes contadores foram calibrados para totalizar 19 horas (contador na posição das 10 horas) e 65 minutos (contador na posição das 2 horas), o que torna a leitura do cronógrafo um pouco diferente da dos cronógrafos típicos.\u003c\/p\u003e\n \u003cp\u003eOs números 19, 65 e 60 (no contador da posição das 6 horas) brilham a azul sob luz UV, prestando homenagem ao OMEGA Speedmaster e à qualificação de voo que recebeu da NASA, há 60 anos, em 1965. Na tampa da pilha encontra-se uma imagem da Lua. Os mostradores de todos os relógios desta coleção apresentam a marca OMEGA X Swatch, o icónico logótipo Speedmaster e o logótipo MoonSwatch. Também comuns a todos os modelos são a construção em vidro de origem biológica em forma de caixa, o \"S\" gravado no centro do vidro que faz referência ao logótipo da Swatch, o padrão circular fino e sofisticado no anel exterior do mostrador e os mostradores secundários embutidos, a construção vincada e suave das asas e, claro, a sensação única do Bioceramic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eCinzento, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42208741687394,"sku":null,"price":680.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_ms1965_v3.png?v=1758997695"},{"product_id":"moonswatch-mission-to-earthphase-gray","title":"MoonSwatch MISSION TO EARTHPHASE","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO EARTHPHASE\u003c\/h2\u003e\n \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento-claro, bem como uma bracelete de VELCRO® preta com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador cinzento com uma textura granulada que se assemelha à superfície lunar.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d7d52a3c652f46f5b93282e9bcf1158e.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eEste relógio tem uma escala taquimétrica num tom preto elegante com marcadores numa cor em cinzento-claro recentemente criada. Para celebrar a Lua e a Terra, tem uma função de fases da lua e uma função patenteada de fases da terra. Duas luas de grandes dimensões com Super-LumiNova® (emissão branca) podem ser vistas no disco das fases da lua, que roda no submostrador situado na posição das 2 horas. A função de fases da terra localizada no submostrador na posição das 10 horas é colorida. Para dar um toque de outro mundo, os oceanos são revestidos com tinta UV, que emite um brilho azul visível sob luz UV.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_mte_1920x1370_e2e21e7d-1a09-4af7-b0aa-6efc39dc9dae.webp?v=1758998015\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_mte_1080x1000_116b263b-5e65-459f-90f7-22ddafd5c692.png?v=1758998041\" alt=\"MoonSwatch MISSION TO EARTHPHASE\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento-claro, bem como uma bracelete de VELCRO® preta com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador cinzento com uma textura granulada que se assemelha à superfície lunar. Este relógio tem uma escala taquimétrica num tom preto elegante com marcadores numa cor em cinzento-claro recentemente criada.\u003c\/p\u003e\n \u003cp\u003ePara celebrar a Lua e a Terra, tem uma função de fases da lua e uma função patenteada de fases da terra. Duas luas de grandes dimensões com Super-LumiNova® (emissão branca) podem ser vistas no disco das fases da lua, que roda no submostrador situado na posição das 2 horas. A função de fases da terra localizada no submostrador na posição das 10 horas é colorida. Para dar um toque de outro mundo, os oceanos são revestidos com tinta UV, que emite um brilho azul visível sob luz UV.\u003c\/p\u003e\n \u003cp\u003eNa tampa da pilha encontra-se uma imagem da Lua, com a pegada de Neil Armstrong, o primeiro homem a pisar a Lua. Os mostradores de todos os relógios desta coleção apresentam a marca OMEGA X Swatch, o icónico logótipo Speedmaster e o logótipo MoonSwatch. Também comuns a todos os modelos são a construção em vidro de origem biológica em forma de caixa, o \"S\" gravado no centro do vidro que faz referência ao logótipo da Swatch, o padrão circular fino e sofisticado no anel exterior do mostrador e os submostradores embutidos, a construção vincada e suave das asas e, claro, a sensação única do Polimérico Premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003ecinzento-claro, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinzento Claro\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42208764919906,"sku":null,"price":580.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_mte_1080x1470_b35138d7-3703-468b-b7a5-c401243f4099.png?v=1758998040"},{"product_id":"moonswatch-mission-to-the-moonphase-full-moon","title":"MoonSwatch MISSION TO THE MOONPHASE FULL MOON","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO THE MOONPHASE FULL MOON\u003c\/h2\u003e\n \u003cp\u003eFazendo referência à lua cheia, este modelo edição limitada ostenta um esquema de cores totalmente branco. Apresenta caixa, coroa e botões em Polimérico Premium, além de pulseira em VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são pretos.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/68fb6a4182e84449a35aec5f3f9374a8.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs submostradores e a luneta são brancos. Este modelo se destaca pela função de fases da lua, indiscutivelmente a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador posicionado às 2 horas. Sob luz ultravioleta, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_1920x1370_9080a9eb-6a51-4fb4-b344-2ccc860c3ce5.png?v=1759241686\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_1080x1200_14e89ed9-3473-427c-9180-4e51451277cc.png?v=1759241686\" alt=\"MoonSwatch MISSION TO THE MOONPHASE FULL MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eFazendo referência à lua cheia, este modelo edição limitada ostenta um esquema de cores totalmente branco. Apresenta caixa, coroa e botões em Biocerâmica, além de pulseira em VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são pretos.\u003c\/p\u003e\n \u003cp\u003eOs submostradores e a luneta são brancos. Este modelo se destaca pela função de fases da lua, indiscutivelmente a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador posicionado às 2 horas. Sob luz ultravioleta, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado no centro do vidro em referência ao logotipo da Swatch, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção das asas afiadas e suaves, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os índices, os ponteiros das horas e minutos e o ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® de grau A para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBranco, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213102288994,"sku":null,"price":880.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_1080x1181_94a40f37-16d1-42cd-877a-f730cce9ca8e.png?v=1759258273"},{"product_id":"moonswatch-mission-to-the-moonphase-new-moon","title":"MoonSwatch MISSION TO THE MOONPHASE NEW MOON","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION TO THE MOONPHASE NEW MOON\u003c\/h2\u003e\n \u003cp\u003eApropriadamente chamado de \"NEW MOON\", este modelo edição limitada ostenta um elegante esquema de cores totalmente preto. Apresenta uma caixa, coroa e botões em Biocerâmica, bem como uma pulseira de VELCRO®. O ponteiro dos segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são em branco.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5fa5d3d0a1b1445fb5e1ab44a29138d5.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs submostradores e a luneta são em preto. Este modelo destaca-se pela sua função de fases da lua preta, sem dúvida a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador ajustado às 2 horas. \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_1920x1370_v2.png?v=1759244624\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_1080x1200x2.png?v=1759244625\" alt=\"MoonSwatch MISSION TO THE MOONPHASE NEW MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eApropriadamente chamado de \"LUA NOVA\", este modelo edição limitada ostenta um elegante esquema de cores totalmente preto. Apresenta uma caixa, coroa e botões em Biocerâmica, bem como uma pulseira de VELCRO®. O ponteiro dos segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são em branco. Os submostradores e a luneta são em preto.\u003c\/p\u003e\n \u003cp\u003eEste modelo destaca-se pela sua função de fases da lua preta, sem dúvida a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador ajustado às 2 horas. Sob luz UV, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo.\u003c\/p\u003e\n \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado no centro do vidro em referência ao logotipo da Swatch, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção das asas afiadas e suaves, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os índices, os ponteiros das horas e minutos e o ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® de grau A para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003ePreto, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213199773794,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_960x960x2.png?v=1759258189"},{"product_id":"moonswatch-mission-on-earth-desert","title":"MoonSwatch MISSION ON EARTH DESERT","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION ON EARTH DESERT\u003c\/h2\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica na cor areia e uma pulseira de VELCRO® cinza (taupe) com pesponto contrastante na cor areia. Apresenta um mostrador cinza (taupe) com ponteiros na cor areia. Os submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6acaae75d40149eca6b785627fa3ecc2.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eA luneta cinza (taupe) é adornada com uma escala taquimétrica na cor areia. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única em Biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_moe_desert_1920x1371_v3.png?v=1759245870\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_moe_desert_1080x1200_v3.png?v=1759245870\" alt=\"MoonSwatch MISSION ON EARTH DESERT\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica na cor areia e uma pulseira de VELCRO® cinza (taupe) com pesponto contrastante na cor areia. Apresenta um mostrador cinza (taupe) com ponteiros na cor areia. Os submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III.\u003c\/p\u003e\n \u003cp\u003eA luneta cinza (taupe) é adornada com uma escala taquimétrica na cor areia. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única em Biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n \u003cp\u003eO ponteiro das horas e os marcadores, o ponteiro dos minutos e a ponta do ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAreia, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAreia\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213251547234,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_desert_1080x1470_v2.png?v=1759246279"},{"product_id":"moonswatch-mission-on-earth-polar-lights","title":"MoonSwatch MISSION ON EARTH POLAR LIGHTS","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION ON EARTH POLAR LIGHTS\u003c\/h2\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica turquesa e uma pulseira de VELCRO® azul com pespontos turquesa contrastantes. Apresenta um mostrador azul-escuro com pequenos brilhos prateados inspirados nos mostradores de vidro aventurina. O layout desses flocos é diferente em cada modelo, tornando o mostrador de cada relógio único. Todos os ponteiros são em turquesa\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a6ffa343130348bf85fb1ece1a4ee169.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs submostradores recuados apresentam anéis brancos, bem como algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro azul é adornado com uma escala taquimétrica turquesa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_moe_polar_1920x1371_v2.webp?v=1759246461\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_moe_polar_1080x1200_1893152d-f72a-4f6f-a144-f85563df5777.png?v=1759246444\" alt=\"MoonSwatch MISSION ON EARTH POLAR LIGHTS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica turquesa e uma pulseira de VELCRO® azul com pespontos turquesa contrastantes. Apresenta um mostrador azul-escuro com pequenos brilhos prateados inspirados nos mostradores de vidro aventurina. O layout desses flocos é diferente em cada modelo, tornando o mostrador de cada relógio único. Todos os ponteiros são em turquesa.\u003c\/p\u003e\n \u003cp\u003eOs submostradores recuados apresentam anéis brancos, bem como algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro azul é adornado com uma escala taquimétrica turquesa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. O ponteiro das horas e os marcadores, o ponteiro dos minutos, bem como a ponta do ponteiro dos segundos do cronógrafo, ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eTurquesa, pulseira de VELCRO® Azul, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul e Turquesa\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213263671394,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_polar_1080x1470_dd552b6b-bf28-416e-a865-783c0ed7c5f8.png?v=1759247159"},{"product_id":"moonswatch-mission-on-earth-lava","title":"MoonSwatch MISSION ON EARTH LAVA","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eMoonSwatch MISSION ON EARTH LAVA\u003c\/h2\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica laranja vibrante, e uma pulseira preta de VELCRO® com pespontos contrastantes em laranja. Apresenta um mostrador preto com ponteiros e marcadores de hora laranja. O ponteiro dos segundos do cronógrafo é laranja, em homenagem à cor e ao formato do modelo OMEGA Speedmaster Moonwatch \"Ultraman\" de 1968.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ea68689f7c4b42fb828c6c545ec94ab8.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n margin: -20;\n padding: -20;\n}\n\n.video-container video {\n width: -50vw;\n height: -50vh;\n object-fit: cover;\n display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eOs submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro preto é adornado com uma escala taquimétrica branca e a palavra \"TACHYMÈTRE\" escrita em laranja. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_d_moe_lp_1920x750_v2.png?v=1759247370\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"hhttps:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_omegaxswatch_moe_lp_v3.jpg?v=1759247327\" alt=\"MoonSwatch MISSION ON EARTH LAVA\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica laranja vibrante, e uma pulseira preta de VELCRO® com pespontos contrastantes em laranja. Apresenta um mostrador preto com ponteiros e marcadores de hora laranja. O ponteiro dos segundos do cronógrafo é laranja, em homenagem à cor e ao formato do modelo OMEGA Speedmaster Moonwatch \"Ultraman\" de 1968.\u003c\/p\u003e\n \u003cp\u003eOs submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro preto é adornado com uma escala taquimétrica branca e a palavra \"TACHYMÈTRE\" escrita em laranja. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os ponteiros de hora e minuto, bem como os marcadores de hora, ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro. \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eLaranja Vibrante, pulseira de VELCRO® Preta, vidro de origem biológica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eLaranja e Preto\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213274976354,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_lava_1080x1470_e461b203-c025-431f-a2a2-1df1c8636263.png?v=1759258084"},{"product_id":"pulseira-mission-strap-inspired-by-moonswatch-20mm","title":"Pulseira Mission Strap Inspired by MoonSwatch 20mm","description":"\u003ch2 style=\"text-align: center;\" data-start=\"367\" data-end=\"557\"\u003e\n\u003cstrong data-start=\"367\" data-end=\"406\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\" data-start=\"367\" data-end=\"557\"\u003e\n\u003cstrong data-start=\"367\" data-end=\"406\"\u003eEleve o estilo da sua missão lunar\u003c\/strong\u003e\u003cbr data-start=\"406\" data-end=\"409\"\u003e\n\u003c\/h2\u003e\n\u003cp data-start=\"367\" data-end=\"557\"\u003eInspirada na coleção icônica \u003cstrong data-start=\"438\" data-end=\"452\"\u003eMoonSwatch\u003c\/strong\u003e, a \u003cstrong data-start=\"456\" data-end=\"473\"\u003eMission Strap\u003c\/strong\u003e foi criada para quem valoriza \u003cstrong data-start=\"504\" data-end=\"540\"\u003edesign, conforto e autenticidade\u003c\/strong\u003e em cada detalhe.\u003c\/p\u003e\n\u003cp data-start=\"559\" data-end=\"923\"\u003eFeita em \u003cstrong data-start=\"568\" data-end=\"602\"\u003esilicone de alta qualidade\u003c\/strong\u003e, essa pulseira oferece o equilíbrio perfeito entre \u003cstrong data-start=\"654\" data-end=\"681\"\u003eresistência e elegância\u003c\/strong\u003e, ideal para uso diário ou aventuras mais intensas.\u003cbr\u003e\u003c\/p\u003e\n\u003cp data-start=\"559\" data-end=\"923\"\u003eO encaixe curvo de precisão garante um ajuste perfeito ao seu relógio, proporcionando uma aparência integrada e sofisticada, como se tivesse saído direto da fábrica da Swatch x Omega.\u003c\/p\u003e\n\u003ch3\u003eEspecificações:\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eMaterial: Silicone\u003cbr\u003eComprimento: 20cm\u003cbr\u003e\u003c\/span\u003eEspessura: 3mm\u003cbr\u003eLargura: 20mm\u003cbr\u003e\u003cspan\u003eFecho: Fivela de pino\u003cbr\u003e\u003cbr\u003e\u003cem\u003eObs.: A venda é \u003cstrong data-start=\"706\" data-end=\"729\"\u003esomente da pulseira,\u003c\/strong\u003e os relógios aparecem nas fotos \u003cstrong data-start=\"760\" data-end=\"788\"\u003eapenas para demonstração\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Se06d379158e64c2494bbc18cfa6efdafY.webp?v=1762005821\"\u003e\u003c\/em\u003e\u003c\/span\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/S82c5daad4fb54e12832f433c51922bca1.jpg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/S6ed4ca8663304392ab23f3a0743ba30eI.jpg\"\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sbdc4ec91c5dc48c5b359c01487d397f1I.jpg\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Aristocrat","offers":[{"title":"Preto e Prata","offer_id":42284616679522,"sku":"200000049:200966040#Light brown white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Preta","offer_id":42284616745058,"sku":"200000049:201009050#Khaki white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Marinho","offer_id":42284616613986,"sku":"200000049:100013775#Pink white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Royal","offer_id":42284616777826,"sku":"200000049:1202#Royal blue;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Celeste","offer_id":42284616646754,"sku":"200000049:200003699#Cyan white line;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":42284616417378,"sku":"200000049:100010417#Dark Brown;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Vermelha","offer_id":42284616482914,"sku":"200000049:3348727#Red white line;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Laranja","offer_id":42284617203810,"sku":"200000049:366#Orange orange;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro","offer_id":42284616515682,"sku":"200000049:16146268#Dark blue white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza Claro","offer_id":42284616450146,"sku":"200000049:202135821#Dark Green;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":false},{"title":"Branca","offer_id":42284616548450,"sku":"200000049:76119733#Light grey white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Bege","offer_id":42284616712290,"sku":"200000049:1954454310#Baby blue white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Pulseira_Mission_Strap_Inspired_by_MoonSwatch_20mm_-_Preto.jpg?v=1762005990"},{"product_id":"mission-to-the-moon-1969","title":"MISSION TO THE MOON 1969","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eUma Edição Limitada Inspirada na Conquista da Lua\u003c\/h2\u003e\n \u003cp\u003eEste cronógrafo de edição limitada e numerado apresenta uma caixa de Bioceramic em preto mate, combinada com uma bracelete em borracha preta a condizer com fecho de VELCRO®, rebordo dourado com uma textura inspirada na lua.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/SSX01B700_li3_ec001.png?v=1789410996\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/SSX01B700_li3_ec001.png?v=1789410996\" alt=\"MISSION TO THE MOON 1969\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003c!-- DESCRIÇÃO --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eO MISSION TO THE MOON 1969 apresenta detalhes adicionais que remetem para o Speedmaster de 1969, bem como para outros modelos comemorativos. Do mostrador com acabamento acetinado vertical e da luneta de Bioceramic em preto com taquímetro dourado, até aos índices biselados dourados com verniz preto, ao logótipo OMEGA e à tipografia próprios da época, o design deste cronógrafo está inequivocamente enraizado no seu legado lunar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eQuartzo, 3 Bar, Edição Especial.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13.25 mm\u003c\/dd\u003e\n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42.00 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eCerâmica\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eDourado\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eMaterial de origem biológica\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- BRACELETE (duas colunas) --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n \u003cpicture\u003e\n \u003c!-- Desktop --\u003e\n \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/SSX01B700_li1_ec001.png?v=1789410995\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/SSX01B700_li1_ec001.png?v=1789410995\" alt=\"MISSION TO THE MOON 1969\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"MoonSwatch","offers":[{"title":"Default Title","offer_id":43332751622242,"sku":null,"price":740.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/SSX01B700_sa200_er003.png?v=1789410995"}],"url":"https:\/\/www.aristocrat.com.br\/collections\/bioceramic-moonswatch-collection.oembed?page=3","provider":"Aristocrat","version":"1.0","type":"link"}