{"product_id":"t-h-carrera-x-porsche-44-mm","title":"T. H. Carrera x Porsche 44 mm","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\u003eTAG Heuer Carrera x Porsche\u003c\/h2\u003e\n  \u003cp\u003eUma autêntica aliança entre dois ícones do design, da qualidade e dainovação para criar esta edição especial TAG Heuer Carrera Porsche\u003c\/p\u003e\n\u003c\/div\u003e\n\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\/27f13e3cd4a94789b24e49d7286b63d1.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\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eUm design esportivo repleto de referências a duas das marcas de luxo mais icônicas e dinâmicas do mundo, mantendo a excelência de ambas sem comprometer a essência de nenhuma, com detalhes em vermelho vibrante e o movimento Quartzo internamente pulsando em seu interior.\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\/CBN2A1F.png?v=1773260603\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBN2A1F.png?v=1773260603\" alt=\"TAG Heuer Carrera x Porsche 44 mm\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\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\u003eUma autêntica aliança entre dois ícones do design, da qualidade e dainovação para criar esta edição especial TAG Heuer Carrera Porsche. Um design esportivo repleto de referências a duas das marcas de luxo mais icônicas e dinâmicas do mundo, mantendo a excelência de ambas sem comprometer a essência de nenhuma, com detalhes em vermelho vibrante e o movimento Quartzo internamente pulsando em seu interior.\u003c\/p\u003e\n        \u003cp\u003eO efeito de asfalto do mostrador, criado especialmente para este relógio, expressa perfeitamente a paixão pelas pistas, enquanto os numerais arábicos remetem aos painéis de instrumentos de um autêntico Porsche.\u003c\/p\u003e\n        \u003cp\u003eO TAG Heuer Carrera Porsche com caixa de 44 mm vem com uma luxuosa e macia pulseira em couro, com costuras inovadoras que remetem ao interior do Porsche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eQuartzo, 44mm, Aço\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        \n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço finamento escovado\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinza\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 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\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eCouro\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Tag Heuer","offers":[{"title":"Default Title","offer_id":42619870249058,"sku":null,"price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Principal_393be1fa-89ea-4a7e-b9ed-492aa1565c5d.png?v=1773260932","url":"https:\/\/www.aristocrat.com.br\/products\/t-h-carrera-x-porsche-44-mm","provider":"Aristocrat","version":"1.0","type":"link"}