{"product_id":"relogio-masculino-vartelli-torino","title":"Relógio Masculino Vartelli Torino","description":"\u003cstyle\u003e\n  \/* VARTELLI — COPY VERTICAL PREMIUM \/ MOBILE FIRST\n     Cole tudo em uma seção \"Liquid personalizado\". *\/\n\n  .vt-presence,\n  .vt-presence * { box-sizing: border-box; }\n\n  .vt-presence {\n    --black: #07090a;\n    --deep: #0c1824;\n    --white: #ffffff;\n    --off: #f4f4f1;\n    --ink: #141618;\n    --muted: #62676b;\n    --line: #dedfdb;\n    --green: #86ff8d;\n    width: 100%;\n    min-width: 0;\n    max-width: 1120px;\n    margin: 0 auto;\n    overflow: hidden;\n    color: var(--ink);\n    background: var(--white);\n    font-family: inherit;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n    container: vt-presence \/ inline-size;\n    isolation: isolate;\n  }\n\n  .vt-presence h2,\n  .vt-presence h3,\n  .vt-presence p {\n    margin: 0;\n    text-align: left !important;\n    word-spacing: -.018em !important;\n  }\n\n  .vt-presence .vt-story-point h3,\n  .vt-presence .vt-card h3,\n  .vt-presence summary {\n    letter-spacing: -.018em !important;\n    word-spacing: -.018em !important;\n    text-align: left !important;\n  }\n\n  .vt-presence button { font: inherit; }\n\n  .vt-presence img {\n    display: block;\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n    border: 0;\n    object-fit: cover;\n  }\n\n  .vt-presence .vt-wrap {\n    width: calc(100% - 30px);\n    margin-inline: auto;\n  }\n\n  .vt-presence .vt-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 9px;\n    line-height: 1.25;\n    font-weight: 700;\n    letter-spacing: .012em !important;\n    word-spacing: -.01em !important;\n    text-transform: uppercase;\n  }\n\n  .vt-presence .vt-eyebrow::before {\n    content: \"\";\n    width: 16px;\n    height: 1px;\n    flex: 0 0 auto;\n    background: currentColor;\n    opacity: .58;\n  }\n\n  .vt-presence .vt-title-xl,\n  .vt-presence .vt-title-lg,\n  .vt-presence .vt-title-md {\n    max-width: 100%;\n    font-weight: 600;\n    word-spacing: -.035em !important;\n    text-wrap: balance;\n  }\n\n  .vt-presence .vt-title-xl {\n    font-size: clamp(31px, 8.8vw, 37px);\n    line-height: 1.02;\n    letter-spacing: -.042em !important;\n  }\n\n  .vt-presence .vt-title-lg {\n    font-size: clamp(27px, 7.7vw, 32px);\n    line-height: 1.05;\n    letter-spacing: -.038em !important;\n  }\n\n  .vt-presence .vt-title-md {\n    font-size: clamp(25px, 7vw, 29px);\n    line-height: 1.07;\n    letter-spacing: -.036em !important;\n  }\n\n  .vt-presence .vt-copy {\n    color: var(--muted);\n    font-size: 14.5px;\n    line-height: 1.5;\n    letter-spacing: -.012em !important;\n    word-spacing: -.018em !important;\n  }\n\n  \/* Impede o tema da Shopify de deixar textos escuros sobre fundo preto. *\/\n  .vt-presence .vt-hero .vt-title-xl,\n  .vt-presence .vt-lume .vt-title-lg,\n  .vt-presence .vt-editorial .vt-title-md,\n  .vt-presence .vt-close .vt-title-xl {\n    color: #ffffff !important;\n  }\n\n  .vt-presence .vt-hero .vt-copy,\n  .vt-presence .vt-lume .vt-copy,\n  .vt-presence .vt-editorial .vt-copy,\n  .vt-presence .vt-close .vt-copy {\n    color: rgba(255,255,255,.74) !important;\n  }\n\n  \/* 01 — abertura: curta, vertical e sem botão *\/\n  .vt-presence .vt-hero {\n    padding: 28px 0 12px;\n    color: var(--white);\n    background:\n      radial-gradient(circle at 82% 18%, rgba(255,255,255,.08), transparent 31%),\n      linear-gradient(145deg, #111416 0%, var(--black) 58%, var(--deep) 100%);\n  }\n\n  .vt-presence .vt-hero-grid { display: grid; gap: 18px; }\n\n  .vt-presence .vt-hero .vt-eyebrow {\n    margin-bottom: 10px;\n    color: rgba(255,255,255,.65);\n  }\n\n  .vt-presence .vt-hero .vt-copy { margin-top: 11px; }\n\n  .vt-presence .vt-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 5px;\n    margin-top: 14px;\n    padding-top: 11px;\n    border-top: 1px solid rgba(255,255,255,.12);\n  }\n\n  .vt-presence .vt-benefit {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: rgba(255,255,255,.7);\n    font-size: 8px;\n    line-height: 1.25;\n  }\n\n  .vt-presence .vt-benefit-dot {\n    width: 4px;\n    height: 4px;\n    flex: 0 0 auto;\n    border-radius: 50%;\n    background: currentColor;\n  }\n\n  .vt-presence .vt-hero-media,\n  .vt-presence .vt-story-media,\n  .vt-presence .vt-lume-media,\n  .vt-presence .vt-square-media,\n  .vt-presence .vt-editorial-media {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .vt-presence .vt-hero-media {\n    aspect-ratio: 4 \/ 5;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 16px 16px 7px 7px;\n    background: #16191c;\n  }\n\n  .vt-presence .vt-hero-media img { object-position: 48% 50%; }\n\n  .vt-presence .vt-hero-media::after,\n  .vt-presence .vt-square-media::after,\n  .vt-presence .vt-editorial-media::after {\n    content: \"\";\n    position: absolute;\n    inset: auto 0 0;\n    height: 34%;\n    pointer-events: none;\n    background: linear-gradient(to top, rgba(0,0,0,.52), transparent);\n  }\n\n  .vt-presence .vt-hero-caption {\n    position: absolute;\n    z-index: 2;\n    right: 13px;\n    bottom: 12px;\n    left: 13px;\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    color: rgba(255,255,255,.82);\n    font-size: 7.5px;\n    line-height: 1.3;\n    letter-spacing: .02em !important;\n    text-transform: uppercase;\n  }\n\n  \/* Ritmo vertical constante entre todas as etapas *\/\n  .vt-presence .vt-statement,\n  .vt-presence .vt-story,\n  .vt-presence .vt-lume,\n  .vt-presence .vt-visuals,\n  .vt-presence .vt-why,\n  .vt-presence .vt-faq { padding: 42px 0; }\n\n  \/* 02 — ponte *\/\n  .vt-presence .vt-statement {\n    padding-top: 36px;\n    padding-bottom: 36px;\n    background: var(--off);\n  }\n\n  .vt-presence .vt-statement .vt-eyebrow {\n    margin-bottom: 10px;\n    color: #686d70;\n  }\n\n  .vt-presence .vt-statement .vt-title-lg { color: #999da0; }\n\n  .vt-presence .vt-statement strong {\n    color: var(--ink);\n    font-weight: 600;\n  }\n\n  \/* 03 — produto e acabamento *\/\n  .vt-presence .vt-story { background: var(--white); }\n\n  .vt-presence .vt-story-grid { display: grid; gap: 18px; }\n\n  .vt-presence .vt-story-media {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 14px;\n    background: #e9e9e6;\n  }\n\n  .vt-presence .vt-story-media img { object-position: center; }\n\n  .vt-presence .vt-story-copy .vt-eyebrow {\n    margin-bottom: 10px;\n    color: #73777b;\n  }\n\n  .vt-presence .vt-story-copy \u003e .vt-copy { margin-top: 10px; }\n\n  .vt-presence .vt-story-points {\n    margin-top: 16px;\n    border-top: 1px solid var(--line);\n  }\n\n  .vt-presence .vt-story-point {\n    display: grid;\n    grid-template-columns: 28px 1fr;\n    gap: 10px;\n    align-items: start;\n    padding: 11px 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .vt-presence .vt-story-index {\n    display: grid;\n    width: 24px;\n    height: 24px;\n    place-items: center;\n    border: 1px solid #c9cbc7;\n    border-radius: 50%;\n    color: #74787b;\n    font-size: 8px;\n  }\n\n  .vt-presence .vt-story-point h3 {\n    margin-bottom: 3px;\n    color: var(--ink);\n    font-size: 14px;\n    line-height: 1.25;\n    font-weight: 700;\n  }\n\n  .vt-presence .vt-story-point p {\n    color: #666b6f;\n    font-size: 12.5px;\n    line-height: 1.42;\n  }\n\n  \/* 04 — efeito no escuro *\/\n  .vt-presence .vt-lume {\n    color: var(--white);\n    background:\n      radial-gradient(circle at 72% 38%, rgba(85,255,121,.14), transparent 32%),\n      #040706;\n  }\n\n  .vt-presence .vt-lume-grid { display: grid; gap: 18px; }\n\n  .vt-presence .vt-lume-copy .vt-eyebrow {\n    margin-bottom: 10px;\n    color: var(--green);\n  }\n\n  .vt-presence .vt-lume-copy .vt-copy { margin-top: 10px; }\n\n  .vt-presence .vt-lume-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 13px;\n    padding: 8px 10px;\n    border: 1px solid rgba(134,255,141,.25);\n    border-radius: 999px;\n    color: #caffcd;\n    background: rgba(134,255,141,.07);\n    font-size: 8.5px;\n    line-height: 1.2;\n    letter-spacing: .025em !important;\n    text-transform: uppercase;\n  }\n\n  .vt-presence .vt-lume-chip i {\n    width: 7px;\n    height: 7px;\n    flex: 0 0 auto;\n    border-radius: 50%;\n    background: var(--green);\n    box-shadow: 0 0 14px rgba(134,255,141,.9);\n  }\n\n  .vt-presence .vt-lume-media {\n    aspect-ratio: 1 \/ 1;\n    border: 1px solid rgba(134,255,141,.16);\n    border-radius: 14px;\n    background: #071009;\n    box-shadow: 0 22px 58px rgba(0,0,0,.42);\n  }\n\n  .vt-presence .vt-lume-label {\n    position: absolute;\n    left: 12px;\n    bottom: 12px;\n    padding: 6px 8px;\n    border: 1px solid rgba(134,255,141,.22);\n    border-radius: 999px;\n    color: #caffcd;\n    background: rgba(0,0,0,.48);\n    backdrop-filter: blur(10px);\n    font-size: 7.5px;\n    letter-spacing: .025em !important;\n    text-transform: uppercase;\n  }\n\n  \/* 05 — galeria: uma imagem vertical + duas compactas *\/\n  .vt-presence .vt-visuals { background: var(--off); }\n\n  .vt-presence .vt-visuals-head { margin-bottom: 16px; }\n\n  .vt-presence .vt-visuals-head .vt-eyebrow {\n    margin-bottom: 10px;\n    color: #73777b;\n  }\n\n  .vt-presence .vt-visuals-head .vt-copy { margin-top: 9px; }\n\n  .vt-presence .vt-photo-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 6px;\n  }\n\n  .vt-presence .vt-square-media {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 10px;\n    background: #e9e9e6;\n  }\n\n  .vt-presence .vt-square-media:first-child {\n    grid-column: 1 \/ -1;\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .vt-presence .vt-square-media:first-child img { object-position: center 38%; }\n\n  .vt-presence .vt-square-media::after {\n    height: 22%;\n    opacity: .35;\n  }\n\n  \/* 06 — valor percebido *\/\n  .vt-presence .vt-why {\n    padding-top: 34px;\n    padding-bottom: 34px;\n    background: var(--white);\n  }\n\n  .vt-presence .vt-why-head { margin-bottom: 13px; }\n\n  .vt-presence .vt-why-head .vt-eyebrow {\n    margin-bottom: 10px;\n    color: #74787b;\n  }\n\n  .vt-presence .vt-why-grid {\n    display: grid;\n    gap: 0;\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n  }\n\n  .vt-presence .vt-card {\n    display: grid;\n    grid-template-columns: 28px 1fr;\n    gap: 9px;\n    align-items: start;\n    padding: 13px 0;\n    border: 0;\n    border-bottom: 1px solid var(--line);\n    border-radius: 0;\n    background: transparent;\n  }\n\n  .vt-presence .vt-card:last-child { border-bottom: 0; }\n\n  .vt-presence .vt-card-num {\n    margin: 3px 0 0;\n    color: #8c9092;\n    font-size: 8px;\n    line-height: 1.2;\n    letter-spacing: .025em !important;\n  }\n\n  .vt-presence .vt-card h3 {\n    margin-bottom: 3px;\n    color: var(--ink);\n    font-size: 17px;\n    line-height: 1.08;\n    letter-spacing: -.02em;\n    font-weight: 600;\n  }\n\n  .vt-presence .vt-card p {\n    color: #666b6f;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  \/* 07 — conclusão visual *\/\n  .vt-presence .vt-editorial {\n    padding: 0 0 40px;\n    background: var(--white);\n  }\n\n  .vt-presence .vt-editorial-media {\n    aspect-ratio: 4 \/ 5;\n    border-radius: 15px;\n    background: #101315;\n  }\n\n  .vt-presence .vt-editorial-media::after {\n    inset: 0;\n    height: 100%;\n    background: linear-gradient(180deg, transparent 28%, rgba(3,5,6,.84) 100%);\n  }\n\n  .vt-presence .vt-editorial-copy {\n    position: absolute;\n    z-index: 2;\n    right: 18px;\n    bottom: 18px;\n    left: 18px;\n  }\n\n  .vt-presence .vt-editorial .vt-eyebrow {\n    margin-bottom: 8px;\n    color: rgba(255,255,255,.7);\n  }\n\n  .vt-presence .vt-editorial .vt-copy {\n    margin-top: 8px;\n    font-size: 13px;\n    line-height: 1.42;\n  }\n\n  \/* 08 — primeiro e único CTA *\/\n  .vt-presence .vt-close {\n    padding: 48px 0;\n    color: var(--white);\n    background:\n      radial-gradient(circle at 82% 24%, rgba(255,255,255,.08), transparent 32%),\n      linear-gradient(145deg, #101315, #050607 60%, var(--deep));\n  }\n\n  .vt-presence .vt-close .vt-eyebrow {\n    margin-bottom: 10px;\n    color: rgba(255,255,255,.62);\n  }\n\n  .vt-presence .vt-close .vt-copy { margin-top: 10px; }\n\n  .vt-presence .vt-btn {\n    display: inline-flex;\n    width: 100%;\n    min-height: 49px;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    margin-top: 16px;\n    padding-inline: 16px;\n    border: 0;\n    border-radius: 999px;\n    color: var(--black);\n    background: var(--white);\n    cursor: pointer;\n    font-size: 10.5px;\n    font-weight: 800;\n    letter-spacing: .015em !important;\n    text-transform: uppercase;\n  }\n\n  .vt-presence .vt-btn svg { width: 15px; height: 15px; }\n\n  .vt-presence .vt-microcopy {\n    margin-top: 8px;\n    color: rgba(255,255,255,.46);\n    text-align: center;\n    font-size: 9px;\n    letter-spacing: 0 !important;\n  }\n\n  \/* 09 — FAQ compacto *\/\n  .vt-presence .vt-faq { background: var(--white); }\n\n  .vt-presence .vt-faq-grid { display: grid; gap: 14px; }\n\n  .vt-presence .vt-faq-head .vt-eyebrow {\n    margin-bottom: 10px;\n    color: #74787b;\n  }\n\n  .vt-presence .vt-faq-list { border-top: 1px solid var(--line); }\n\n  .vt-presence details { border-bottom: 1px solid var(--line); }\n\n  .vt-presence summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 14px 0;\n    color: var(--ink);\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    line-height: 1.35;\n    font-weight: 650;\n  }\n\n  .vt-presence summary::-webkit-details-marker { display: none; }\n\n  .vt-presence summary::after {\n    content: \"+\";\n    display: grid;\n    width: 24px;\n    height: 24px;\n    flex: 0 0 auto;\n    place-items: center;\n    border: 1px solid #cfd1cd;\n    border-radius: 50%;\n    font-size: 13px;\n    line-height: 1;\n  }\n\n  .vt-presence details[open] summary::after { content: \"−\"; }\n\n  .vt-presence .vt-answer {\n    padding: 0 2px 14px 0;\n    color: #686d70;\n    font-size: 12.5px;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 370px) {\n    .vt-presence .vt-wrap { width: calc(100% - 24px); }\n    .vt-presence .vt-title-xl { font-size: 30px; }\n    .vt-presence .vt-title-lg { font-size: 26px; }\n    .vt-presence .vt-title-md { font-size: 24px; }\n    .vt-presence .vt-copy { font-size: 14px; }\n  }\n\n  \/* Tablet e desktop: responde à largura real da seção no Dawn. *\/\n  @container vt-presence (min-width: 760px) {\n    .vt-presence .vt-wrap {\n      width: calc(100% - clamp(48px, 7cqw, 76px));\n      max-width: 1040px;\n    }\n\n    .vt-presence .vt-eyebrow {\n      gap: 8px;\n      font-size: 11px;\n      letter-spacing: .02em !important;\n    }\n\n    .vt-presence .vt-eyebrow::before { width: 22px; }\n\n    .vt-presence .vt-title-xl {\n      max-width: 13ch;\n      font-size: clamp(40px, 5.2cqw, 58px);\n      line-height: 1.01;\n      letter-spacing: -.042em !important;\n    }\n\n    .vt-presence .vt-title-lg {\n      font-size: clamp(34px, 4.1cqw, 46px);\n      line-height: 1.04;\n      letter-spacing: -.038em !important;\n    }\n\n    .vt-presence .vt-title-md {\n      font-size: clamp(28px, 3.25cqw, 36px);\n      line-height: 1.06;\n      letter-spacing: -.036em !important;\n    }\n\n    .vt-presence .vt-copy {\n      font-size: clamp(15px, 1.55cqw, 17px);\n      line-height: 1.58;\n    }\n\n    .vt-presence .vt-hero { padding: clamp(54px, 6cqw, 70px) 0 46px; }\n\n    .vt-presence .vt-hero-grid {\n      grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);\n      gap: clamp(32px, 5cqw, 56px);\n      align-items: center;\n    }\n\n    .vt-presence .vt-hero-copy,\n    .vt-presence .vt-story-copy,\n    .vt-presence .vt-lume-copy,\n    .vt-presence .vt-faq-head,\n    .vt-presence .vt-faq-list { min-width: 0; }\n\n    .vt-presence .vt-hero .vt-eyebrow { margin-bottom: 16px; }\n    .vt-presence .vt-hero .vt-copy { max-width: 560px; margin-top: 16px; }\n\n    .vt-presence .vt-benefits {\n      gap: 9px;\n      margin-top: 21px;\n      padding-top: 16px;\n    }\n\n    .vt-presence .vt-benefit {\n      gap: 7px;\n      font-size: 10px;\n      letter-spacing: .015em;\n      text-transform: uppercase;\n    }\n\n    .vt-presence .vt-hero-media {\n      aspect-ratio: 4 \/ 5;\n      border-radius: 22px 22px 9px 9px;\n    }\n\n    .vt-presence .vt-hero-caption {\n      right: 22px;\n      bottom: 20px;\n      left: 22px;\n      font-size: 10px;\n      letter-spacing: .02em !important;\n    }\n\n    .vt-presence .vt-statement,\n    .vt-presence .vt-story,\n    .vt-presence .vt-lume,\n    .vt-presence .vt-visuals,\n    .vt-presence .vt-why,\n    .vt-presence .vt-faq { padding: clamp(58px, 7cqw, 78px) 0; }\n\n    .vt-presence .vt-statement { padding: clamp(48px, 5cqw, 62px) 0; }\n    .vt-presence .vt-why { padding: clamp(50px, 6cqw, 68px) 0; }\n\n    .vt-presence .vt-statement-inner { max-width: 940px; }\n    .vt-presence .vt-statement .vt-eyebrow { margin-bottom: 17px; }\n\n    .vt-presence .vt-story-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      gap: clamp(34px, 5.5cqw, 62px);\n      align-items: center;\n    }\n\n    .vt-presence .vt-story-media { border-radius: 18px; }\n    .vt-presence .vt-story-copy .vt-eyebrow { margin-bottom: 14px; }\n    .vt-presence .vt-story-copy \u003e .vt-copy { max-width: 510px; margin-top: 14px; }\n    .vt-presence .vt-story-points { margin-top: 22px; }\n\n    .vt-presence .vt-story-point {\n      grid-template-columns: 32px 1fr;\n      gap: 13px;\n      padding: 17px 0;\n    }\n\n    .vt-presence .vt-story-index { width: 27px; height: 27px; font-size: 9px; }\n    .vt-presence .vt-story-point h3 { font-size: 15px; }\n    .vt-presence .vt-story-point p { font-size: 13px; line-height: 1.5; }\n\n    .vt-presence .vt-lume-grid {\n      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n      gap: clamp(34px, 5.5cqw, 62px);\n      align-items: center;\n    }\n\n    .vt-presence .vt-lume-copy .vt-eyebrow { margin-bottom: 14px; }\n    .vt-presence .vt-lume-copy .vt-copy { max-width: 470px; margin-top: 14px; }\n    .vt-presence .vt-lume-chip { margin-top: 17px; padding: 10px 13px; font-size: 10px; }\n    .vt-presence .vt-lume-media { border-radius: 24px; }\n\n    .vt-presence .vt-visuals-head {\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: clamp(24px, 4cqw, 42px);\n      align-items: end;\n      margin-bottom: 26px;\n    }\n\n    .vt-presence .vt-visuals-head .vt-copy { max-width: 430px; margin-top: 0; }\n\n    .vt-presence .vt-photo-grid {\n      grid-template-columns: 1.2fr .8fr;\n      grid-template-rows: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    .vt-presence .vt-square-media {\n      min-height: 0;\n      aspect-ratio: 4 \/ 3;\n      border-radius: 14px;\n    }\n\n    .vt-presence .vt-square-media:first-child {\n      grid-column: auto;\n      grid-row: 1 \/ 3;\n      aspect-ratio: 4 \/ 5;\n    }\n\n    .vt-presence .vt-why-head { max-width: 720px; margin-bottom: 24px; }\n    .vt-presence .vt-why-head .vt-eyebrow { margin-bottom: 14px; }\n\n    .vt-presence .vt-why-grid {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      border: 0;\n    }\n\n    .vt-presence .vt-card {\n      display: flex;\n      min-height: 180px;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 20px;\n      border: 1px solid #e2e3df;\n      border-radius: 18px;\n      background: #fafaf8;\n    }\n\n    .vt-presence .vt-card:last-child { border: 1px solid #e2e3df; }\n\n    .vt-presence .vt-card-num { margin: 0; font-size: 9px; }\n\n    .vt-presence .vt-card h3 {\n      margin-bottom: 6px;\n      font-size: clamp(20px, 1.8vw, 25px);\n    }\n\n    .vt-presence .vt-card p { font-size: 13px; line-height: 1.52; }\n\n    .vt-presence .vt-editorial { padding: 0 0 clamp(58px, 7cqw, 78px); }\n\n    .vt-presence .vt-editorial-media {\n      height: clamp(440px, 54cqw, 600px);\n      min-height: 0;\n      aspect-ratio: auto;\n      border-radius: 22px;\n    }\n\n    .vt-presence .vt-editorial-copy {\n      right: 42px;\n      bottom: 40px;\n      left: 42px;\n      max-width: 640px;\n    }\n\n    .vt-presence .vt-editorial .vt-eyebrow { margin-bottom: 12px; }\n    .vt-presence .vt-editorial .vt-copy { max-width: 470px; margin-top: 11px; }\n\n    .vt-presence .vt-close { padding: clamp(60px, 7cqw, 82px) 0; }\n    .vt-presence .vt-close-inner { max-width: 820px; }\n    .vt-presence .vt-close .vt-eyebrow { margin-bottom: 14px; }\n    .vt-presence .vt-close .vt-copy { max-width: 570px; margin-top: 15px; }\n\n    .vt-presence .vt-btn {\n      width: auto;\n      min-height: 52px;\n      margin-top: 22px;\n      padding-inline: 23px;\n      font-size: 12px;\n      letter-spacing: .015em !important;\n      transition: transform .22s ease, opacity .22s ease;\n    }\n\n    .vt-presence .vt-btn:hover { transform: translateY(-2px); }\n\n    .vt-presence .vt-microcopy {\n      margin-top: 13px;\n      text-align: left;\n      font-size: 10px;\n    }\n\n    .vt-presence .vt-faq-grid {\n      grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);\n      gap: clamp(34px, 6cqw, 64px);\n      align-items: start;\n    }\n\n    .vt-presence .vt-faq-head .vt-eyebrow { margin-bottom: 13px; }\n\n    .vt-presence summary {\n      gap: 18px;\n      padding: 20px 0;\n      font-size: 15px;\n    }\n\n    .vt-presence summary::after { width: 27px; height: 27px; font-size: 14px; }\n\n    .vt-presence .vt-answer {\n      padding: 0 42px 20px 0;\n      font-size: 13px;\n      line-height: 1.58;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .vt-presence *,\n    .vt-presence *::before,\n    .vt-presence *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"vt-presence\" aria-label=\"Conheça o relógio Vartelli\"\u003e\n\n  \u003c!-- 01 — ABERTURA: SEM BOTÃO --\u003e\n  \u003csection class=\"vt-hero\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-hero-grid\"\u003e\n        \u003cdiv class=\"vt-hero-copy\"\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003e01 • A primeira impressão\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-xl\"\u003eNão é sobre ver as horas.\u003cbr\u003eÉ sobre ser notado.\u003c\/h2\u003e\n          \u003cp class=\"vt-copy\"\u003eUm relógio que transforma o pulso no ponto mais marcante do visual — com elegância e sem excessos.\u003c\/p\u003e\n\n          \u003cdiv class=\"vt-benefits\" aria-label=\"Destaques do relógio\"\u003e\n            \u003cdiv class=\"vt-benefit\"\u003e\n\u003cspan class=\"vt-benefit-dot\"\u003e\u003c\/span\u003ePresença visual\u003c\/div\u003e\n            \u003cdiv class=\"vt-benefit\"\u003e\n\u003cspan class=\"vt-benefit-dot\"\u003e\u003c\/span\u003eDesign premium\u003c\/div\u003e\n            \u003cdiv class=\"vt-benefit\"\u003e\n\u003cspan class=\"vt-benefit-dot\"\u003e\u003c\/span\u003eBrilho no escuro\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vt-hero-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Generate_realistic_watch_adverti__2K_20260915110244.webp?v=1789481014\" alt=\"Relógio masculino Vartelli no pulso\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\"\u003e\n          \u003cdiv class=\"vt-hero-caption\"\u003e\n\u003cspan\u003eVartelli\u003c\/span\u003e\u003cspan\u003eO detalhe que muda tudo.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 02 — TRANSIÇÃO --\u003e\n  \u003csection class=\"vt-statement\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-statement-inner\"\u003e\n        \u003cdiv class=\"vt-eyebrow\"\u003eDa primeira impressão ao detalhe\u003c\/div\u003e\n        \u003ch2 class=\"vt-title-lg\"\u003eChama atenção de longe.\u003cbr\u003e\u003cstrong\u003eE dá motivos para olhar de perto.\u003c\/strong\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 03 — DESIGN --\u003e\n  \u003csection class=\"vt-story\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-story-grid\"\u003e\n        \u003cdiv class=\"vt-story-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Produza_fotografia_de_relogio_co__2K_20260915103840.webp?v=1789479566\" alt=\"Close da caixa, mostrador e pulseira do relógio Vartelli\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vt-story-copy\"\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003e02 • O olhar se aproxima\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-md\"\u003eDe longe, presença. De perto, cada linha confirma a escolha.\u003c\/h2\u003e\n          \u003cp class=\"vt-copy\"\u003eProporções marcantes, contraste equilibrado e acabamento visual pensado para prender o olhar.\u003c\/p\u003e\n\n          \u003cdiv class=\"vt-story-points\"\u003e\n            \u003cdiv class=\"vt-story-point\"\u003e\n              \u003cdiv class=\"vt-story-index\"\u003e01\u003c\/div\u003e\n              \u003cdiv\u003e\n\u003ch3\u003ePresença na medida\u003c\/h3\u003e\n\u003cp\u003eMarcante sem perder a elegância.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"vt-story-point\"\u003e\n              \u003cdiv class=\"vt-story-index\"\u003e02\u003c\/div\u003e\n              \u003cdiv\u003e\n\u003ch3\u003eImpacto imediato\u003c\/h3\u003e\n\u003cp\u003eEleva até uma combinação simples.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"vt-story-point\"\u003e\n              \u003cdiv class=\"vt-story-index\"\u003e03\u003c\/div\u003e\n              \u003cdiv\u003e\n\u003ch3\u003eFeito para ser observado\u003c\/h3\u003e\n\u003cp\u003eQuanto mais perto, mais ele revela.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 04 — EFEITO VERDE --\u003e\n  \u003csection class=\"vt-lume\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-lume-grid\"\u003e\n        \u003cdiv class=\"vt-lume-copy\"\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003e03 • Quando a luz apaga\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-lg\"\u003eEle revela o detalhe que ninguém esperava.\u003c\/h2\u003e\n          \u003cp class=\"vt-copy\"\u003eO efeito verde transforma o relógio à noite e cria uma segunda personalidade no seu pulso.\u003c\/p\u003e\n          \u003cdiv class=\"vt-lume-chip\"\u003e\n\u003ci\u003e\u003c\/i\u003eEfeito verde no escuro\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vt-lume-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Luxury_watch_glowing_in_dark_2K_20260915104313.webp?v=1789479844\" alt=\"Relógio Vartelli com efeito verde no escuro\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cdiv class=\"vt-lume-label\"\u003eDetalhe noturno\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 05 — CONTEXTO DE USO --\u003e\n  \u003csection class=\"vt-visuals\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-visuals-head\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003e04 • No seu estilo\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-md\"\u003eA mesma peça. Uma presença diferente em cada ocasião.\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vt-copy\"\u003eDo básico ao alinhado, ele completa o visual sem exigir que você mude seu jeito de vestir.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vt-photo-grid\"\u003e\n        \u003cdiv class=\"vt-square-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design_sem_nome_75.webp?v=1789481791\" alt=\"Relógio Vartelli em visual masculino minimalista\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"vt-square-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Design-sem-nome-_74.webp?v=1789480884\" alt=\"Detalhe lateral do relógio Vartelli no pulso\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"vt-square-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Man_wearing_luxury_watch_2K_20260915105514_1.webp?v=1789480884\" alt=\"Relógio Vartelli em ambiente premium\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 06 — VALOR PERCEBIDO --\u003e\n  \u003csection class=\"vt-why\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-why-head\"\u003e\n        \u003cdiv class=\"vt-eyebrow\"\u003e05 • O que ele comunica\u003c\/div\u003e\n        \u003ch2 class=\"vt-title-md\"\u003eMais presença. Sem exagero.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vt-why-grid\"\u003e\n        \u003carticle class=\"vt-card\"\u003e\u003cdiv class=\"vt-card-num\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eEleva o visual.\u003c\/h3\u003e\n\u003cp\u003eFaz o básico parecer mais pensado.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n        \u003carticle class=\"vt-card\"\u003e\u003cdiv class=\"vt-card-num\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMostra cuidado.\u003c\/h3\u003e\n\u003cp\u003eUm detalhe que revela atenção.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n        \u003carticle class=\"vt-card\"\u003e\u003cdiv class=\"vt-card-num\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFica na memória.\u003c\/h3\u003e\n\u003cp\u003ePresença sem precisar exagerar.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 07 — CONCLUSÃO VISUAL --\u003e\n  \u003csection class=\"vt-editorial\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-editorial-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Model_wearing_luxury_watch_portrait_2K_20260915101919.webp?v=1789478860\" alt=\"Relógio Vartelli em fotografia editorial\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cdiv class=\"vt-editorial-copy\"\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003e06 • Duas personalidades\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-md\"\u003eSofisticado durante o dia. Inconfundível quando a luz apaga.\u003c\/h2\u003e\n          \u003cp class=\"vt-copy\"\u003eDuas atmosferas. Um relógio que continua surpreendendo.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 08 — PRIMEIRO E ÚNICO CTA --\u003e\n  \u003csection class=\"vt-close\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-close-inner\"\u003e\n        \u003cdiv class=\"vt-eyebrow\"\u003eAgora é com você\u003c\/div\u003e\n        \u003ch2 class=\"vt-title-xl\"\u003eO detalhe que muda tudo.\u003c\/h2\u003e\n        \u003cp class=\"vt-copy\"\u003eSe ele fez você olhar duas vezes, imagine no seu pulso.\u003c\/p\u003e\n\n        \u003cbutton class=\"vt-btn\" type=\"button\" data-vt-buy\u003e\n          Escolher meu Vartelli\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 12h14M14 7l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"vt-microcopy\"\u003ePresença que se veste.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 09 — FAQ --\u003e\n  \u003csection class=\"vt-faq\"\u003e\n    \u003cdiv class=\"vt-wrap\"\u003e\n      \u003cdiv class=\"vt-faq-grid\"\u003e\n        \u003cdiv class=\"vt-faq-head\"\u003e\n          \u003cdiv class=\"vt-eyebrow\"\u003eAntes de finalizar\u003c\/div\u003e\n          \u003ch2 class=\"vt-title-md\"\u003eTudo que você precisa saber.\u003c\/h2\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vt-faq-list\"\u003e\n          \u003cdetails\u003e\u003csummary\u003eComo funciona o efeito verde no escuro?\u003c\/summary\u003e\u003cdiv class=\"vt-answer\"\u003eDepois de receber luz, o efeito luminoso aparece no escuro. Ele fica mais intenso no início, diminui gradualmente e pode ser reativado com uma nova exposição à luz.\u003c\/div\u003e\u003c\/details\u003e\n          \u003cdetails\u003e\u003csummary\u003eComo saber se ficará bom no meu pulso?\u003c\/summary\u003e\u003cdiv class=\"vt-answer\"\u003eConfira as medidas na ficha técnica e compare com um relógio que você já usa. O desenho tem presença, então ele foi pensado para aparecer no pulso.\u003c\/div\u003e\u003c\/details\u003e\n          \u003cdetails\u003e\u003csummary\u003eQual é a resistência à água?\u003c\/summary\u003e\u003cdiv class=\"vt-answer\"\u003eO relógio possui resistência de 3 ATM, adequada para respingos leves e chuva. Não é indicado para banho, piscina, natação ou submersão.\u003c\/div\u003e\u003c\/details\u003e\n          \u003cdetails\u003e\u003csummary\u003eQual é o prazo de entrega?\u003c\/summary\u003e\u003cdiv class=\"vt-answer\"\u003eO prazo estimado é de 6 a 12 dias úteis após a confirmação do pagamento. Você poderá acompanhar o envio pelo código de rastreio.\u003c\/div\u003e\u003c\/details\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  (function () {\n    var root = document.querySelector('.vt-presence');\n    if (!root) return;\n    var button = root.querySelector('[data-vt-buy]');\n    if (!button) return;\n\n    button.addEventListener('click', function () {\n      var selectors = [\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '[id*=\"ProductInfo\"]',\n        '.product__info-container'\n      ];\n      var target = null;\n\n      for (var i = 0; i \u003c selectors.length; i++) {\n        target = document.querySelector(selectors[i]);\n        if (target) break;\n      }\n\n      if (target) {\n        target.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      } else {\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      }\n    });\n  })();\n\u003c\/script\u003e","brand":"VARTELLI","offers":[{"title":"Preto \/ Prata","offer_id":54558205313334,"sku":"14:350686#Black Silver","price":290.0,"currency_code":"BRL","in_stock":true},{"title":"Branco \/ Prata","offer_id":54558205280566,"sku":"14:100005979#White Silver","price":290.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":54558205215030,"sku":"14:200000080#Silver Black","price":290.0,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ Dourado","offer_id":54558205247798,"sku":"14:100013777#Black Gold","price":290.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/8380\/2678\/files\/Produza_fotografia_de_relogio_co__2K_20260915103840.jpg?v=1789489819","url":"https:\/\/vartelli.com\/products\/relogio-masculino-vartelli-torino","provider":"VARTELLI","version":"1.0","type":"link"}