{"title":"MoonSwatch","description":"\u003cp\u003eThe Bioceramic collaboration between Omega and Swatch. Speedmaster icons reimagined in colors and materials for everyday wear.\u003c\/p\u003e","products":[{"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":50768069165253,"sku":"37","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_moe_lava_1080x1470_e461b203-c025-431f-a2a2-1df1c8636263.png?v=1792588349"},{"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":50768069198021,"sku":"38","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_moe_polar_1080x1470_dd552b6b-bf28-416e-a865-783c0ed7c5f8.png?v=1792588350"},{"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":50768069820613,"sku":"39","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_moe_desert_1080x1470_v2.png?v=1792588351"},{"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":50768069853381,"sku":"40","price":90.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_960x960x2.png?v=1792588352"},{"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":50768069886149,"sku":"41","price":96.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_1080x1181_94a40f37-16d1-42cd-877a-f730cce9ca8e.png?v=1792588353"},{"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":50768069918917,"sku":"42","price":92.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_mte_1080x1470_b35138d7-3703-468b-b7a5-c401243f4099.png?v=1792588354"},{"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":50768070934725,"sku":"44","price":94.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/pluto_image1_1080x1290_m.png?v=1792588356"},{"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":50768070967493,"sku":"45","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/neptune_image1_1080x1290_m.png?v=1792588358"},{"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":50768071033029,"sku":"46","price":93.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/uranus_image1_1080x1290_m.png?v=1792588358"},{"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":50768071262405,"sku":"47","price":97.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/saturn_image1_1080x1290_m.png?v=1792588359"},{"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":50768071327941,"sku":"48","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/jupiter_image1_1080x1290_m.png?v=1792588360"},{"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":50768072016069,"sku":"49","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/mars_image1_1080x1290_m.png?v=1792588361"},{"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":50768072638661,"sku":"50","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/moon_image1_1080x1290_m.png?v=1792588364"},{"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":50768072671429,"sku":"51","price":90.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/earth_image1_1080x1290_m.png?v=1792588364"},{"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":50768073031877,"sku":"52","price":96.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/venus_image1_1080x1290_m.png?v=1792588365"},{"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":50768073064645,"sku":"53","price":92.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/mercury_image1_1080x1290_m.png?v=1792588366"},{"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":50768073687237,"sku":"54","price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/sun_image1_1080x1290_m.png?v=1792588367"},{"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":50768073720005,"sku":"55","price":94.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/1_m_mtemg_sept.png?v=1792588368"}],"url":"https:\/\/valmerehours.com\/collections\/moonswatch.oembed","provider":"Valmere","version":"1.0","type":"link"}