{"id":9,"date":"2026-04-30T15:16:10","date_gmt":"2026-04-30T18:16:10","guid":{"rendered":"http:\/\/vidaativacomartrite.com.br\/?page_id=9"},"modified":"2026-06-15T18:33:56","modified_gmt":"2026-06-15T21:33:56","slug":"9-2","status":"publish","type":"page","link":"https:\/\/vidaativacomartrite.com.br\/","title":{"rendered":"VIDA ATIVA COM ARTRITE"},"content":{"rendered":"\n<style>\n\/* FOR\u00c7AR LANDING PAGE EM TELA CHEIA NO WORDPRESS *\/\n.entry-content,\n.wp-block-post-content,\n.wp-block-html,\n.wp-site-blocks main,\nmain,\n.page,\n.site-content {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.wp-block-html {\n  width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n}\n\n.hero,\n.video-section,\n.pain,\n.before-after,\n.promise,\n.how,\n.metodo-diagrama,\n.for-whom,\n.product,\n.offer,\n.guarantee,\n.authority,\n.testimonials,\n.objections,\n.faq,\n.final-cta,\nfooter {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n}\n\n\/* esconder cabe\u00e7alho\/t\u00edtulo do tema, se quiser landing limpa *\/\nheader,\n.wp-block-template-part,\n.wp-block-post-title,\n.entry-title {\n  display: none !important;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap')\n\n\nbody, html { margin: 0 !important; padding: 0 !important; overflow-x: hidden; }\n    :root {\n      --verde-petroleo: #1F4E5F;\n      --verde-acinzentado: #2F5D62;\n      --bege: #F2E8DC;\n      --off-white: #F7F5F2;\n      --dourado: #C9B79C;\n      --dourado-escuro: #A8906F;\n      --texto-escuro: #2A2A2A;\n      --texto-medio: #4A4A4A;\n      --texto-claro: #F7F5F2;\n      --sombra: 0 8px 40px rgba(31,78,95,0.10);\n      --sombra-card: 0 4px 24px rgba(31,78,95,0.08);\n      --radius: 2px;\n      --radius-card: 8px;\n      --transition: 0.35s cubic-bezier(0.4,0,0.2,1);\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html { scroll-behavior: smooth; font-size: 16px; }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background: var(--off-white);\n      color: var(--texto-escuro);\n      line-height: 1.7;\n      overflow-x: hidden;\n    }\n<!-- \u2550\u2550\u2550\u2550 FONTES \u2550\u2550\u2550\u2550 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;800&#038;family=Jost:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* \u2550\u2550\u2550\u2550 JOURNEY \u2550\u2550\u2550\u2550 *\/\n\n.journey {\n  background: #EFEBE3;\n  padding: 88px 40px 80px;\n  font-family: 'Jost', sans-serif;\n}\n\n.journey .container {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.journey .section-eyebrow {\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #B89A6A;\n  font-weight: 500;\n  margin-bottom: 18px;\n}\n\n.journey .section-header {\n  text-align: center;\n  margin-bottom: 52px;\n}\n\n.journey .section-header h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.55rem;\n  font-weight: 800;\n  color: #1E1C18;\n  line-height: 1.18;\n  margin: 0 auto 22px;\n  max-width: 640px;\n}\n\n.journey .divider {\n  width: 52px;\n  height: 1.5px;\n  background: #B89A6A;\n  margin: 0 auto 28px;\n}\n\n.journey__subtitle {\n  font-size: 1.05rem;\n  font-weight: 300;\n  color: #4A4438;\n  line-height: 1.75;\n  max-width: 520px;\n  margin: 0 auto;\n}\n\n.journey__grid {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr;\n  gap: 22px;\n  align-items: stretch;\n  margin-bottom: 56px;\n}\n\n.journey__main-image {\n  border-radius: 22px;\n  overflow: hidden;\n  height: 620px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\n}\n.journey__main-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: 58% center;\n  display: block;\n}\n.journey__mosaic {\n  display: grid;\n  grid-template-rows: repeat(3, 1fr);\n  gap: 22px;\n  height: 620px;\n}\n\n.journey__small {\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.06);\n}\n\n.journey__small img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.journey__text {\n  max-width: 900px;\n  margin: 90px auto 0;\n  text-align: center;\n}\n\n.journey__text p {\n  font-size: 1.05rem;\n  font-weight: 300;\n  line-height: 1.75;\n  color: #4A4438;\n  margin-bottom: 24px;\n  text-align: center;\n}\n\n.journey__text p:first-child {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.55rem;\n  font-weight: 700;\n  color: #1E1C18;\n  font-style: italic;\n  margin-bottom: 34px;\n  text-align: center;\n}\n.journey__grid {\n  margin-bottom: 90px;\n}\n\n.journey__main-image,\n.journey__small {\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2550\u2550\u2550\u2550 RESPONSIVO \u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 768px) {\n\n  .journey {\n    padding: 64px 24px 56px;\n  }\n\n  .journey .section-header h2 {\n    font-size: 1.9rem;\n  }\n\n  .journey__grid {\n    grid-template-columns: 1fr;\n    height: auto;\n    margin-bottom: 40px;\n  }\n\n.journey__main-image {\n  height: 420px;\n}\n\n.journey__main-image img {\n  object-position: 62% center;\n}\n\n .journey__mosaic {\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: none;\n  height: 140px;\n  gap: 12px;\n}\n  }\n\n    \/* \u2500\u2500 TEXTURE OVERLAY \u2500\u2500 *\/\n    body::before {\n      content: '';\n      position: fixed;\n      inset: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.035'\/%3E%3C\/svg%3E\");\n      pointer-events: none;\n      z-index: 999;\n      opacity: 0.6;\n    }\n\n    \/* \u2500\u2500 TYPOGRAPHY \u2500\u2500 *\/\n    h1, h2, h3, h4 {\n      font-family: 'Playfair Display', serif;\n      line-height: 1.25;\n      letter-spacing: -0.01em;\n    }\n\n    h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 700; }\n    h2 { font-size: clamp(1.6rem, 3.5vw, 2.5rem); font-weight: 600; }\n    h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); font-weight: 600; }\n\n    p { font-size: clamp(0.95rem, 1.5vw, 1.05rem); color: var(--texto-medio); }\n\n    .serif-italic { font-family: 'Playfair Display', serif; font-style: italic; }\n    .montserrat-semi { font-family: 'Montserrat', sans-serif; font-weight: 600; }\n    .dourado { color: var(--dourado-escuro); }\n    .verde { color: var(--verde-petroleo); }\n\n    \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n    .container { max-width: 860px; margin: 0 auto; padding: 0 24px; }\n    .container--wide { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n\n    section { padding: 96px 0; }\n    section.compact { padding: 64px 0; }\n\n    \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n    .divider {\n      width: 60px; height: 2px;\n      background: var(--dourado);\n      margin: 24px auto;\n    }\n    .divider--left { margin: 24px 0; }\n\n    \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n    .btn {\n      display: inline-block;\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 700;\n      font-size: 0.9rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      text-decoration: none;\n      padding: 18px 44px;\n      border-radius: var(--radius);\n      transition: all var(--transition);\n      cursor: pointer;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .btn::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: rgba(255,255,255,0.08);\n      opacity: 0;\n      transition: opacity var(--transition);\n    }\n    .btn:hover::after { opacity: 1; }\n\n    .btn--primary {\n      background: var(--verde-petroleo);\n      color: var(--off-white);\n      box-shadow: 0 4px 20px rgba(31,78,95,0.3);\n    }\n    .btn--primary:hover {\n      background: var(--verde-acinzentado);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(31,78,95,0.35);\n    }\n\n    .btn--gold {\n      background: var(--dourado);\n      color: var(--verde-petroleo);\n      box-shadow: 0 4px 20px rgba(201,183,156,0.35);\n    }\n    .btn--gold:hover {\n      background: var(--dourado-escuro);\n      color: #fff;\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(201,183,156,0.45);\n    }\n\n    .btn--outline {\n      background: transparent;\n      color: var(--off-white);\n      border: 1.5px solid var(--dourado);\n    }\n    .btn--outline:hover {\n      background: var(--dourado);\n      color: var(--verde-petroleo);\n    }\n\n    .btn--large { padding: 22px 56px; font-size: 1rem; }\n    .btn--full { width: 100%; text-align: center; }\n\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(30px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to   { opacity: 1; }\n    }\n    @keyframes shimmer {\n      0%   { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n.fade-up {\n      opacity: 0;\n      animation: fadeInUp 0.7s ease forwards;\n    }\n    .delay-1 { animation-delay: 0.15s; }\n    .delay-2 { animation-delay: 0.3s; }\n    .delay-3 { animation-delay: 0.45s; }\n    .delay-4 { animation-delay: 0.6s; }\n\n    .reveal {\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n    .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SECTIONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .hero {\n      background: var(--verde-petroleo);\n      background-image:\n        radial-gradient(ellipse at 70% 30%, rgba(47,93,98,0.6) 0%, transparent 60%),\n        radial-gradient(ellipse at 20% 80%, rgba(201,183,156,0.08) 0%, transparent 50%);\n      color: var(--off-white);\n      padding: 0;\n      min-height: 100svh;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .hero__inner {\n      padding: 96px 24px;\n      max-width: 860px;\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    .hero__eyebrow {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.75rem;\n      font-weight: 600;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--dourado);\n      margin-bottom: 28px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .hero__eyebrow::before {\n      content: '';\n      display: inline-block;\n      width: 32px;\n      height: 1px;\n      background: var(--dourado);\n    }\n\n    .hero h1 {\n      color: var(--off-white);\n      margin-bottom: 32px;\n    }\n    .hero h1 em {\n      font-style: italic;\n      color: var(--dourado);\n    }\n\n    .hero__sub {\n      font-size: clamp(1rem, 2vw, 1.2rem);\n      color: rgba(247,245,242,0.8);\n      max-width: 640px;\n      margin-bottom: 48px;\n      font-weight: 300;\n    }\n\n\n    .hero__tagline {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px 16px;\n      margin-bottom: 32px;\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.85rem;\n      font-weight: 600;\n      letter-spacing: 0.08em;\n      color: var(--dourado);\n    }\n    .hero__tagline-dot {\n      color: var(--dourado);\n      font-size: 0.6rem;\n      opacity: 0.5;\n    }\n\n    .hero__badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(201,183,156,0.12);\n      border: 1px solid rgba(201,183,156,0.25);\n      padding: 10px 20px;\n      border-radius: 40px;\n      font-size: 0.8rem;\n      color: var(--dourado);\n      font-weight: 500;\n      margin-bottom: 56px;\n    }\n\n    \/* \u2500\u2500 VIDEO \u2500\u2500 *\/\n    .video-section { background: var(--bege); }\n\n    .video-wrapper {\n      max-width: 800px;\n      margin: 40px auto 0;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.12);\n    }\n\n    .video-placeholder {\n      background: var(--verde-petroleo);\n      aspect-ratio: 16\/9;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n    }\n\n    .video-placeholder__icon {\n      width: 72px;\n      height: 72px;\n      border-radius: 50%;\n      border: 2px solid var(--dourado);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.6rem;\n      color: var(--dourado);\n      padding-left: 4px;\n      transition: all var(--transition);\n    }\n\n    .video-placeholder__label {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 600;\n      font-size: 0.9rem;\n      color: rgba(247,245,242,0.9);\n      letter-spacing: 0.05em;\n    }\n\n    .video-placeholder__sub {\n      font-size: 0.75rem;\n      color: rgba(247,245,242,0.4);\n      font-family: 'Montserrat', sans-serif;\n    }\n\n    \/* \u2500\u2500 PAIN SECTION (feels) \u2500\u2500 *\/\n    .pain { background: var(--off-white); }\n\n    .pain__grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n    }\n\n    .pain__item {\n      background: #fff;\n      border-left: 3px solid var(--dourado);\n      padding: 20px 24px;\n      border-radius: 0 var(--radius-card) var(--radius-card) 0;\n      box-shadow: var(--sombra-card);\n      font-size: 0.95rem;\n      color: var(--texto-medio);\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n    }\n    .pain__item::before {\n      content: '\u2726';\n      color: var(--dourado);\n      font-size: 0.75rem;\n      margin-top: 3px;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 BEFORE \/ AFTER \u2500\u2500 *\/\n    .before-after {\n      background: var(--off-white);\n    }\n    .ba-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n      margin-top: 56px;\n    }\n    .ba-card {\n      background: #fff;\n      padding: 36px 32px;\n      border-radius: 12px;\n      box-shadow: var(--sombra-card);\n      border-top: 4px solid var(--dourado);\n    }\n    .ba-card--before {\n      border-top-color: rgba(31,78,95,0.25);\n      opacity: 0.85;\n    }\n    .ba-card--after {\n      border-top-color: var(--dourado);\n      background: var(--verde-petroleo);\n      box-shadow: 0 12px 48px rgba(31,78,95,0.25);\n      color: var(--off-white);\n    }\n    .ba-card--after .ba-label {\n      color: var(--dourado);\n    }\n    .ba-card--after h3 {\n      color: var(--off-white) !important;\n    }\n    .ba-card--after li {\n      color: rgba(247,245,242,0.9) !important;\n      border-bottom-color: rgba(255,255,255,0.08);\n    }\n    .ba-card--after li::before {\n      content: \"\u2713\";\n      color: var(--dourado);\n    }\n    .ba-card--before li::before {\n      content: \"\u2715\";\n      color: rgba(31,78,95,0.3);\n    }\n    .ba-label {\n      display: inline-block;\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 700;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--dourado-escuro);\n      margin-bottom: 16px;\n    }\n    .ba-card h3 {\n      color: var(--verde-petroleo);\n      margin-bottom: 24px;\n    }\n    .ba-card ul {\n      list-style: none;\n    }\n    .ba-card li {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(31,78,95,0.08);\n      color: var(--texto-medio);\n      font-size: 0.95rem;\n    }\n    .ba-card li::before {\n      content: \"\u2713\";\n      color: var(--dourado-escuro);\n      font-weight: 700;\n      margin-right: 10px;\n    }\n    .ba-quote {\n      margin: 48px auto 0;\n      max-width: 720px;\n      text-align: center;\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.3rem, 3vw, 2rem);\n      font-style: italic;\n      color: var(--verde-petroleo);\n    }\n    @media (max-width: 768px) {\n      .ba-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* \u2500\u2500 PROMISE \u2500\u2500 *\/\n    .promise { background: var(--bege); }\n\n    .promise__lead {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.3rem, 2.5vw, 1.9rem);\n      font-style: italic;\n      color: var(--verde-petroleo);\n      text-align: center;\n      max-width: 680px;\n      margin: 0 auto 56px;\n    }\n\n    .promise__list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n      max-width: 620px;\n      margin: 0 auto 56px;\n    }\n\n    .promise__item {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 18px 24px;\n      background: #fff;\n      border-radius: var(--radius-card);\n      box-shadow: var(--sombra-card);\n    }\n\n    .promise__icon {\n      width: 36px;\n      height: 36px;\n      background: var(--verde-petroleo);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      color: var(--dourado);\n      font-size: 0.85rem;\n    }\n\n    .promise__text {\n      font-size: 0.95rem;\n      color: var(--texto-medio);\n      font-weight: 400;\n      align-self: center;\n    }\n\n    .cta-center { text-align: center; }\n\n    \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n    .how { background: var(--verde-petroleo); color: var(--off-white); }\n    .how h2 { color: var(--off-white); }\n    .how .section-sub { color: rgba(247,245,242,0.7); }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      margin-top: 64px;\n      position: relative;\n    }\n\n    .steps::before {\n      content: '';\n      position: absolute;\n      top: 48px;\n      left: 12.5%;\n      right: 12.5%;\n      height: 1px;\n      background: linear-gradient(to right, transparent, var(--dourado), var(--dourado), transparent);\n      opacity: 0.4;\n    }\n\n    .step {\n      text-align: center;\n      padding: 0 20px;\n      position: relative;\n    }\n\n    .step__num {\n      width: 56px;\n      height: 56px;\n      border-radius: 50%;\n      background: var(--dourado);\n      color: var(--verde-petroleo);\n      font-family: 'Playfair Display', serif;\n      font-size: 1.4rem;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 24px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .step__title {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 600;\n      font-size: 0.85rem;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--dourado);\n      margin-bottom: 12px;\n    }\n\n    .step__desc {\n      font-size: 0.875rem;\n      color: rgba(247,245,242,0.7);\n      line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 DIAGRAMA \u2500\u2500 *\/\n    .metodo-diagrama { background: var(--bege); }\n\n    .diagrama-wrapper {\n      position: relative;\n      width: 340px;\n      height: 340px;\n      margin: 56px auto 0;\n    }\n\n    .diagrama-line {\n      position: absolute;\n      background: rgba(31,78,95,0.12);\n      z-index: 0;\n    }\n    .diagrama-line--v {\n      width: 1px;\n      height: 100%;\n      left: 50%;\n      top: 0;\n      transform: translateX(-50%);\n    }\n    .diagrama-line--h {\n      height: 1px;\n      width: 100%;\n      top: 50%;\n      left: 0;\n      transform: translateY(-50%);\n    }\n\n    .diagrama-item {\n      position: absolute;\n      width: 110px;\n      height: 110px;\n      border-radius: 50%;\n      background: #fff;\n      border: 2px solid var(--dourado);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n      box-shadow: var(--sombra-card);\n    }\n\n    .diagrama-item span {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--verde-petroleo);\n      text-align: center;\n    }\n\n    .diagrama-top    { top: 0;    left: 50%; transform: translateX(-50%); }\n    .diagrama-bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\n    .diagrama-left   { left: 0;  top: 50%;  transform: translateY(-50%); }\n    .diagrama-right  { right: 0; top: 50%;  transform: translateY(-50%); }\n\n    .diagrama-center {\n      position: absolute;\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      background: var(--verde-petroleo);\n      border: 3px solid var(--dourado);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 2;\n      box-shadow: 0 8px 32px rgba(31,78,95,0.25);\n    }\n\n    .diagrama-center span {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--dourado);\n      text-align: center;\n    }\n\n    .diagrama-legenda {\n      text-align: center;\n      font-family: 'Playfair Display', serif;\n      font-style: italic;\n      font-size: 1.05rem;\n      color: var(--verde-petroleo);\n      margin-top: 48px;\n      max-width: 480px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    @media (max-width: 480px) {\n      .diagrama-wrapper { width: 280px; height: 280px; }\n      .diagrama-item { width: 88px; height: 88px; }\n      .diagrama-center { width: 96px; height: 96px; }\n    }\n\n    \/* \u2500\u2500 FOR WHOM \u2500\u2500 *\/\n    .for-whom { background: var(--off-white); }\n\n    .for-whom__cols {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 48px;\n      align-items: center;\n      margin-top: 48px;\n    }\n\n    .for-whom__img {\n      background: var(--bege);\n      border-radius: var(--radius-card);\n      aspect-ratio: 4\/5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--dourado-escuro);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.8rem;\n      font-weight: 500;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      border: 1px dashed var(--dourado);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .for-whom__list { list-style: none; }\n    .for-whom__list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 16px 0;\n      border-bottom: 1px solid rgba(31,78,95,0.08);\n      font-size: 0.95rem;\n      color: var(--texto-medio);\n    }\n    .for-whom__list li:last-child { border-bottom: none; }\n    .for-whom__list li span.check {\n      color: var(--verde-petroleo);\n      font-size: 1rem;\n      margin-top: 1px;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 PRODUCT \u2500\u2500 *\/\n    .product { background: var(--bege); }\n\n    .product__card {\n      background: #fff;\n      border-radius: 12px;\n      box-shadow: var(--sombra);\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: 1fr 1.4fr;\n      margin-top: 48px;\n    }\n\n    .product__visual {\n      background: var(--verde-petroleo);\n      background-image: radial-gradient(ellipse at 30% 70%, rgba(47,93,98,0.8) 0%, transparent 60%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 48px 32px;\n      gap: 16px;\n    }\n\n    .ebook-cover {\n      width: 160px;\n      height: 220px;\n      border-radius: 4px 8px 8px 4px;\n      box-shadow: 8px 8px 32px rgba(0,0,0,0.45), -3px 0 10px rgba(0,0,0,0.2);\n      overflow: hidden;\n      position: relative;\n      flex-shrink: 0;\n    }\n    .ebook-cover img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center top;\n      display: block;\n    }\n    .ebook-cover__title { display: none; }\n    .ebook-cover__leaf { display: none; }\n    .ebook-cover__author { display: none; }\n\n    .product__label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 600;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--dourado);\n      margin-top: 16px;\n    }\n\n    .product__info { padding: 48px 40px; }\n\n    .product__tag {\n      display: inline-block;\n      background: rgba(31,78,95,0.07);\n      color: var(--verde-petroleo);\n      font-size: 0.7rem;\n      font-weight: 600;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      padding: 6px 14px;\n      border-radius: 40px;\n      margin-bottom: 24px;\n    }\n\n    .product__features {\n      list-style: none;\n      margin: 24px 0;\n    }\n    .product__features li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(31,78,95,0.06);\n      font-size: 0.9rem;\n      color: var(--texto-medio);\n    }\n    .product__features li:last-child { border-bottom: none; }\n    .product__features .feat-icon { color: var(--verde-petroleo); font-size: 0.9rem; }\n\n    \/* \u2500\u2500 OFFER \u2500\u2500 *\/\n    .offer { background: var(--verde-petroleo); color: var(--off-white); }\n    .offer h2 { color: var(--off-white); }\n\n    .offer__inner {\n      max-width: 700px;\n      margin: 0 auto;\n    }\n\n    .offer__main {\n      background: rgba(255,255,255,0.04);\n      border: 1px solid rgba(201,183,156,0.2);\n      border-radius: 12px;\n      padding: 48px;\n      margin-top: 48px;\n      text-align: center;\n    }\n\n    .offer__product-name {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: var(--off-white);\n      margin-bottom: 32px;\n    }\n\n    .offer__bonuses {\n      text-align: left;\n      margin-bottom: 40px;\n    }\n\n    .offer__bonuses-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 600;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--dourado);\n      margin-bottom: 16px;\n    }\n\n    .bonus-list { list-style: none; }\n    .bonus-list li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 0;\n      font-size: 0.9rem;\n      color: rgba(247,245,242,0.85);\n      border-bottom: 1px solid rgba(201,183,156,0.1);\n    }\n    .bonus-list li:last-child { border-bottom: none; }\n    .bonus-list .gift { color: var(--dourado); font-size: 1rem; }\n    .bonus-list .gift-check {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 22px;\n      height: 22px;\n      border: 1.5px solid var(--dourado);\n      border-radius: 50%;\n      color: var(--dourado);\n      font-size: 0.75rem;\n      font-weight: 700;\n      flex-shrink: 0;\n      font-family: 'Montserrat', sans-serif;\n    }\n\n    .offer__price-block { margin-bottom: 36px; }\n\n    .price-was {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1rem;\n      color: rgba(247,245,242,0.45);\n      text-decoration: line-through;\n      margin-bottom: 4px;\n    }\n\n    .price-now {\n      display: flex;\n      align-items: flex-end;\n      justify-content: center;\n      gap: 8px;\n    }\n    .price-currency {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.2rem;\n      font-weight: 500;\n      color: var(--dourado);\n      margin-bottom: 8px;\n    }\n    .price-amount {\n      font-family: 'Playfair Display', serif;\n      font-size: 4rem;\n      font-weight: 700;\n      color: var(--dourado);\n      line-height: 1;\n    }\n    .price-cents {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.2rem;\n      font-weight: 500;\n      color: var(--dourado);\n      margin-bottom: 8px;\n    }\n\n    .price-installment {\n      font-size: 0.82rem;\n      color: rgba(247,245,242,0.5);\n      margin-top: 8px;\n    }\n\n    \/* \u2500\u2500 GUARANTEE \u2500\u2500 *\/\n    .guarantee { background: var(--off-white); }\n\n    .guarantee__box {\n      display: flex;\n      align-items: center;\n      gap: 40px;\n      background: #fff;\n      border-radius: 12px;\n      padding: 48px;\n      box-shadow: var(--sombra);\n      margin-top: 48px;\n    }\n\n    .guarantee__badge {\n      width: 110px;\n      height: 110px;\n      border-radius: 50%;\n      background: var(--verde-petroleo);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      text-align: center;\n      padding: 16px;\n      box-shadow: 0 4px 20px rgba(31,78,95,0.2);\n    }\n    .guarantee__badge .g-num {\n      font-family: 'Playfair Display', serif;\n      font-size: 2.2rem;\n      font-weight: 700;\n      color: var(--dourado);\n      line-height: 1;\n    }\n    .guarantee__badge .g-label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.55rem;\n      font-weight: 600;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: rgba(247,245,242,0.8);\n      line-height: 1.3;\n    }\n\n    .guarantee__text h3 { margin-bottom: 12px; }\n    .guarantee__text p { font-size: 0.95rem; }\n\n    \/* \u2500\u2500 AUTHORITY \u2500\u2500 *\/\n    .authority { background: var(--bege); }\n\n    .authority__cols {\n      display: grid;\n      grid-template-columns: 1fr 1.6fr;\n      gap: 64px;\n      align-items: center;\n      margin-top: 48px;\n    }\n\n    .authority__img {\n      background: var(--off-white);\n      border-radius: var(--radius-card);\n      aspect-ratio: 3\/4;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--dourado-escuro);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.75rem;\n      font-weight: 500;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      border: 1px dashed var(--dourado);\n      text-align: center;\n      padding: 24px;\n    }\n\n    .authority__name {\n      font-family: 'Playfair Display', serif;\n      font-size: 2rem;\n      font-weight: 700;\n      color: var(--verde-petroleo);\n      margin-bottom: 4px;\n    }\n\n    .authority__role {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.75rem;\n      font-weight: 600;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--dourado-escuro);\n      margin-bottom: 28px;\n    }\n\n    .authority__bio {\n      font-size: 1rem;\n      color: var(--texto-medio);\n      margin-bottom: 24px;\n    }\n\n    .authority__facts {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    .authority__facts li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      font-size: 0.9rem;\n      color: var(--texto-medio);\n    }\n    .authority__quote {\n      margin-top: 28px;\n      border-left: 3px solid var(--dourado);\n      padding: 20px 24px;\n      background: rgba(201,183,156,0.12);\n      border-radius: 0 var(--radius-card) var(--radius-card) 0;\n      font-family: 'Playfair Display', serif;\n      font-style: italic;\n      font-size: 1.15rem;\n      color: var(--verde-petroleo);\n      line-height: 1.5;\n    }\n    .authority__quote cite {\n      display: block;\n      margin-top: 12px;\n      font-family: 'Montserrat', sans-serif;\n      font-style: normal;\n      font-size: 0.75rem;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--dourado-escuro);\n    }\n\n    .authority__facts li::before {\n      content: '\u25c6';\n      color: var(--dourado);\n      font-size: 0.6rem;\n      margin-top: 5px;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n    .testimonials { background: var(--off-white); }\n\n    .testimonials__grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-top: 48px;\n    }\n\n    .testimonial-card {\n      background: #fff;\n      border-radius: var(--radius-card);\n      padding: 32px 28px;\n      box-shadow: var(--sombra-card);\n      position: relative;\n    }\n    .testimonial-card::before {\n      content: '\"';\n      font-family: 'Playfair Display', serif;\n      font-size: 5rem;\n      color: var(--dourado);\n      opacity: 0.15;\n      position: absolute;\n      top: -12px;\n      left: 20px;\n      line-height: 1;\n    }\n\n    .testimonial-card__screenshot {\n      width: 100%;\n      border-radius: 6px;\n      overflow: hidden;\n      margin-bottom: 16px;\n      border: 1px solid rgba(31,78,95,0.08);\n    }\n    .testimonial-card__screenshot img {\n      width: 100%;\n      display: block;\n      object-fit: cover;\n    }\n    .testimonial-card__header {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 0;\n    }\n\n    .testimonial-card__avatar {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      background: var(--dourado);\n      color: #fff;\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 700;\n      font-size: 1rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .testimonial-card__meta { flex: 1; }\n\n    .testimonial-card__source {\n      font-size: 0.72rem;\n      color: var(--dourado-escuro);\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 500;\n      margin-top: 2px;\n    }\n\n    .testimonial-card__platform {\n      color: var(--dourado);\n      opacity: 0.6;\n    }\n\n    .testimonial-card__divider {\n      height: 1px;\n      background: rgba(31,78,95,0.07);\n      margin: 16px 0;\n    }\n\n    .testimonial-card__stars {\n      margin-top: 16px;\n      color: var(--dourado);\n      font-size: 0.85rem;\n      letter-spacing: 2px;\n    }\n\n    .testimonial-card__img {\n      width: 56px;\n      height: 56px;\n      border-radius: 50%;\n      background: var(--bege);\n      border: 2px dashed var(--dourado);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.55rem;\n      color: var(--dourado-escuro);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      text-align: center;\n      margin-bottom: 16px;\n    }\n\n    .testimonial-card__text {\n      font-size: 0.9rem;\n      color: var(--texto-medio);\n      font-style: italic;\n      margin-bottom: 20px;\n      line-height: 1.7;\n    }\n\n    .testimonial-card__name {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 600;\n      font-size: 0.82rem;\n      color: var(--verde-petroleo);\n    }\n\n    \/* \u2500\u2500 OBJECTIONS \u2500\u2500 *\/\n    .objections { background: var(--verde-petroleo); color: var(--off-white); }\n    .objections h2 { color: var(--off-white); }\n\n    .obj-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n      margin-top: 48px;\n    }\n\n    .obj-card {\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(201,183,156,0.15);\n      border-radius: var(--radius-card);\n      padding: 32px 28px;\n    }\n\n    .obj-card__q {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.05rem;\n      font-style: italic;\n      color: var(--dourado);\n      margin-bottom: 16px;\n      line-height: 1.4;\n    }\n\n    .obj-card__a {\n      font-size: 0.9rem;\n      color: rgba(247,245,242,0.8);\n      line-height: 1.7;\n    }\n\n    \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n    .faq { background: var(--bege); }\n\n    .faq__list {\n      margin-top: 48px;\n      max-width: 680px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .faq-item {\n      border-bottom: 1px solid rgba(31,78,95,0.12);\n      overflow: hidden;\n    }\n\n    .faq-item:first-child { border-top: 1px solid rgba(31,78,95,0.12); }\n\n    .faq__q {\n      width: 100%;\n      background: none;\n      border: none;\n      text-align: left;\n      cursor: pointer;\n      padding: 24px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      font-family: 'Playfair Display', serif;\n      font-size: 1.05rem;\n      font-weight: 600;\n      color: var(--verde-petroleo);\n      transition: color var(--transition);\n    }\n    .faq__q:hover { color: var(--verde-acinzentado); }\n\n    .faq__icon {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      border: 1.5px solid var(--dourado);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--dourado);\n      font-size: 1.1rem;\n      flex-shrink: 0;\n      transition: transform var(--transition), background var(--transition);\n      font-family: monospace;\n      line-height: 1;\n    }\n\n    .faq-item.open .faq__icon {\n      transform: rotate(45deg);\n      background: var(--verde-petroleo);\n      color: var(--off-white);\n      border-color: var(--verde-petroleo);\n    }\n\n    .faq__a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }\n    .faq-item.open .faq__a {\n      max-height: 300px;\n    }\n\n    .faq__a-inner {\n      padding: 0 0 24px;\n      font-size: 0.95rem;\n      color: var(--texto-medio);\n      line-height: 1.75;\n    }\n\n    \/* \u2500\u2500 FINAL CTA \u2500\u2500 *\/\n    .final-cta {\n      background: var(--off-white);\n      text-align: center;\n    }\n\n    .final-cta__quote {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.5rem, 3vw, 2.2rem);\n      font-style: italic;\n      color: var(--verde-petroleo);\n      max-width: 600px;\n      margin: 0 auto 48px;\n      line-height: 1.4;\n    }\n\n    \/* \u2500\u2500 COUNTDOWN \u2500\u2500 *\/\n    .countdown-bar {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: var(--verde-petroleo);\n      border-top: 2px solid var(--dourado);\n      z-index: 1000;\n      padding: 14px 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 -4px 24px rgba(0,0,0,0.15);\n    }\n\n    .countdown-bar__text {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.8rem;\n      font-weight: 500;\n      color: rgba(247,245,242,0.8);\n      letter-spacing: 0.05em;\n    }\n\n    .countdown-timer {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .countdown-block {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      background: rgba(255,255,255,0.07);\n      border: 1px solid rgba(201,183,156,0.2);\n      border-radius: 6px;\n      padding: 6px 12px;\n      min-width: 52px;\n    }\n\n    .countdown-block__num {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.3rem;\n      font-weight: 700;\n      color: var(--dourado);\n      line-height: 1;\n    }\n\n    .countdown-block__label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.55rem;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: rgba(247,245,242,0.45);\n      margin-top: 3px;\n    }\n\n    .countdown-sep {\n      font-size: 1.2rem;\n      color: var(--dourado);\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n\n    .countdown-bar__cta {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.75rem;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      background: var(--dourado);\n      color: var(--verde-petroleo);\n      padding: 10px 22px;\n      border-radius: 2px;\n      text-decoration: none;\n      transition: all var(--transition);\n      white-space: nowrap;\n    }\n    .countdown-bar__cta:hover {\n      background: var(--dourado-escuro);\n      color: #fff;\n    }\n\n    \/* push page content above sticky bar *\/\n    body { padding-bottom: 72px; }\n    footer {\n      background: var(--verde-petroleo);\n      color: rgba(247,245,242,0.5);\n      text-align: center;\n      padding: 32px 24px;\n      font-size: 0.78rem;\n      letter-spacing: 0.05em;\n    }\n    footer a {\n      color: var(--dourado);\n      text-decoration: none;\n    }\n\n    \/* \u2500\u2500 SECTION HEADER \u2500\u2500 *\/\n    .section-header { text-align: center; margin-bottom: 0; }\n    .section-header h2 { margin-bottom: 16px; }\n    .section-eyebrow {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 600;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--dourado-escuro);\n      margin-bottom: 12px;\n      display: block;\n    }\n    .section-eyebrow--light { color: var(--dourado); }\n    .section-sub {\n      font-size: 1rem;\n      color: var(--texto-medio);\n      max-width: 560px;\n      margin: 0 auto;\n    }\n\n    \/* \u2500\u2500 QUOTE BLOCK \u2500\u2500 *\/\n    .quote-block {\n      border-left: 3px solid var(--dourado);\n      padding: 24px 32px;\n      background: rgba(201,183,156,0.08);\n      border-radius: 0 var(--radius-card) var(--radius-card) 0;\n      margin: 48px 0;\n    }\n    .quote-block p {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.2rem;\n      font-style: italic;\n      color: var(--verde-petroleo);\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 768px) {\n      section { padding: 72px 0; }\n\n      .pain__grid { grid-template-columns: 1fr; }\n\n      .steps {\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n      }\n      .steps::before { display: none; }\n\n      .for-whom__cols { grid-template-columns: 1fr; }\n      .for-whom__img { aspect-ratio: 16\/9; }\n\n      .product__card { grid-template-columns: 1fr; }\n      .product__visual { padding: 40px; }\n\n      .authority__cols { grid-template-columns: 1fr; }\n      .authority__img { aspect-ratio: 16\/9; }\n\n      .testimonials__grid { grid-template-columns: 1fr; }\n\n      .obj-grid { grid-template-columns: 1fr; }\n\n      .guarantee__box {\n        flex-direction: column;\n        text-align: center;\n        padding: 40px 28px;\n      }\n\n      .offer__main { padding: 32px 24px; }\n    }\n\n    @media (max-width: 480px) {\n      .steps { grid-template-columns: 1fr; }\n      .btn--large { padding: 18px 32px; font-size: 0.85rem; }\n    }\n  <\/style>\n<!-- Google tag (gtag.js) -->\n<script async=\"\" src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18172989946\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'AW-18172989946');\n<\/script>\n\n\n<!-- HERO -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"hero__inner\">\n    <div class=\"hero__eyebrow fade-up\">M\u00e9todo Vida Ativa<\/div>\n\n    <h1 class=\"fade-up delay-1\">\n        Como voltei a treinar, reduzi minhas crises e recuperei minha qualidade de vida <em>convivendo com artrite reumatoide.<\/em>\n    <\/h1>\n\n    <p class=\"hero__sub fade-up delay-3\">\n      Um m\u00e9todo pr\u00e1tico para quem quer reduzir crises, recuperar disposi\u00e7\u00e3o e voltar a ter uma vida mais ativa convivendo com artrite reumatoide.\n    <\/p>\n\n    <div class=\"hero__badge fade-up delay-4\">\n      <span><\/span> Acesso imediato \u00b7 Ebook digital\n    <\/div>\n\n    <div class=\"fade-up\" style=\"animation-delay:0.75s\">\n      <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"btn btn--gold btn--large\">\n        Quero acessar o M\u00e9todo Vida Ativa\n      <\/a>\n    <\/div>\n\n<div style=\"text-align:center; margin-top:20px; margin-left:-160px;\">\n  <p style=\"\n    color:#F5F1EA;\n    font-size:1.1rem;\n    margin-bottom:10px;\n  \">\n     Oferta de lan\u00e7amento\n  <\/p>\n\n<p style=\"font-size: 3rem; font-weight: 700; color: #D9C6A5;\">\nR$47\n<\/p>\n\n<\/div>\n<\/div><\/section>\n  <!-- \u2550\u2550\u2550\u2550 VIDEO \u2550\u2550\u2550\u2550 -->\n  <section class=\"video-section compact\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Assista antes de continuar<\/span>\n        <h2>Como eu consegui reduzir a inflama\u00e7\u00e3o e voltei a ter uma vida ativa<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n      <div class=\"video-wrapper reveal\">\n        <div style=\"\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n  overflow: hidden;\n  border-radius: 16px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n  max-width: 800px;\n  margin: 0 auto;\n  background: #000;\n\">\n<div class=\"video-placeholder\" onclick=\"this.innerHTML='&lt;iframe src=&quot;https:\/\/www.youtube.com\/embed\/vBHgT33kHq4?autoplay=1&amp;playsinline=1&amp;controls=1&amp;rel=0&amp;modestbranding=1&quot; title=&quot;V\u00eddeo Vida Ativa com Artrite&quot; style=&quot;position:absolute;top:0;left:0;width:100%;height:100%;border:0;&quot; allow=&quot;autoplay; encrypted-media&quot; allowfullscreen&gt;&lt;\/iframe&gt;'\">\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/vBHgT33kHq4\/maxresdefault.jpg\" alt=\"V\u00eddeo Vida Ativa com Artrite\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0;\">\n  <div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,0.92);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 8px 25px rgba(0,0,0,0.25);cursor:pointer;\">\n    \u25b6\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div><\/div><\/section>\n\n<!-- \u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550 -->\n  <section class=\"testimonials\">\n    <div class=\"container--wide\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Relatos reais<\/span>\n        <h2>Mensagens de quem se identificou com essa jornada<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"testimonials__grid\">\n\n        <!-- D\u00e9borah -->\n        <div class=\"testimonial-card reveal\">\n          <div class=\"testimonial-card__header\">\n            <div class=\"testimonial-card__avatar\">D<\/div>\n            <div class=\"testimonial-card__meta\">\n              <div class=\"testimonial-card__name\">@soudeborahh<\/div>\n              <div class=\"testimonial-card__source\">Instagram \u00b7 Direct<\/div>\n            <\/div>\n            <div class=\"testimonial-card__platform\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"testimonial-card__divider\"><\/div>\n          <p class=\"testimonial-card__text\">Boa tarde, vim atrav\u00e9s do YouTube, tenho artrite e me senti incentivada a melhorar meu estilo de vida atrav\u00e9s do seu relato.<\/p>\n          <div class=\"testimonial-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n\n        <!-- Caroline Grassi -->\n        <div class=\"testimonial-card reveal delay-1\">\n          <div class=\"testimonial-card__header\">\n            <div class=\"testimonial-card__avatar\" style=\"background:#E8452C;\">C<\/div>\n            <div class=\"testimonial-card__meta\">\n              <div class=\"testimonial-card__name\">Caroline Grassi<\/div>\n              <div class=\"testimonial-card__source\">YouTube \u00b7 Coment\u00e1rio<\/div>\n            <\/div>\n            <div class=\"testimonial-card__platform\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23 7s-.3-2-1.2-2.8c-1.1-1.2-2.4-1.2-3-1.3C16.2 2.8 12 2.8 12 2.8s-4.2 0-6.8.1c-.6.1-1.9.1-3 1.3C1.3 5 1 7 1 7S.7 9.1.7 11.3v2c0 2.1.3 4.3.3 4.3s.3 2 1.2 2.8c1.1 1.2 2.6 1.1 3.3 1.2C7.5 21.8 12 21.8 12 21.8s4.2 0 6.8-.2c.6-.1 1.9-.1 3-1.3.9-.8 1.2-2.8 1.2-2.8s.3-2.1.3-4.3v-2C23.3 9.1 23 7 23 7zM9.7 15.5V8.3l8.1 3.6-8.1 3.6z\"><\/path><\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"testimonial-card__divider\"><\/div>\n          <p class=\"testimonial-card__text\">Oi Tamara, obrigada por compartilhar a sua experi\u00eancia. N\u00e3o \u00e9 f\u00e1cil ter um diagn\u00f3stico como esse e v\u00eddeos como o teu ajudam muito!<\/p>\n          <div class=\"testimonial-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n\n        <!-- Maria Mendes -->\n        <div class=\"testimonial-card reveal delay-2\">\n          <div class=\"testimonial-card__header\">\n            <div class=\"testimonial-card__avatar\" style=\"background:#1F4E5F;\">M<\/div>\n            <div class=\"testimonial-card__meta\">\n              <div class=\"testimonial-card__name\">Maria Mendes Carreira<\/div>\n              <div class=\"testimonial-card__source\">Instagram \u00b7 Direct<\/div>\n            <\/div>\n            <div class=\"testimonial-card__platform\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"testimonial-card__divider\"><\/div>\n          <p class=\"testimonial-card__text\">Ol\u00e1 boa noite, acabei de assistir voc\u00ea falando de artrite. Acho que foi um milagre porque sofro muito e nunca consegui um tratamento que funcionasse.<\/p>\n          <div class=\"testimonial-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<!-- \u2550\u2550\u2550\u2550 JOURNEY \/ STORY \u2550\u2550\u2550\u2550 -->\n\n<section class=\"journey\">\n\n  <div class=\"container\">\n\n    <!-- HEADER -->\n\n    <div class=\"section-header\">\n\n      <span class=\"section-eyebrow\">\n        Minha jornada\n      <\/span>\n\n      <h2>\n        O que mudou na minha rela\u00e7\u00e3o com a artrite\n      <\/h2>\n\n      <div class=\"divider\"><\/div>\n\n      <p class=\"journey__subtitle\">\n        A mudan\u00e7a come\u00e7ou quando eu parei de apenas reagir \u00e0 dor e comecei a entender meu corpo de forma consciente.\n      <\/p>\n\n    <\/div>\n\n    <!-- GRID DE IMAGENS -->\n\n    <div class=\"journey__grid\">\n\n      <!-- FOTO PRINCIPAL -->\n\n      <div class=\"journey__main-image\">\n\n        <img decoding=\"async\" src=\" https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/05\/baixa.jpeg\">\n\n      <\/div>\n\n      <!-- MOSAICO -->\n\n      <div class=\"journey__mosaic\">\n\n        <div class=\"journey__small\">\n\n          <img decoding=\"async\" src=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/06\/pedraok.jpeg\">\n\n        <\/div>\n\n        <div class=\"journey__small\">\n\n          <img decoding=\"async\" src=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/06\/forcaok.jpg\">\n\n        <\/div>\n\n        <div class=\"journey__small\">\n\n          <img decoding=\"async\" src=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/06\/meditacaook.jpg\">\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- TEXO -->\n\n    <div class=\"journey__text\">\n\n      <p>\n        Nada mudou de forma instant\u00e2nea.\n      <\/p>\n\n      <p>\n        Foi um processo de anos aprendendo a entender meu corpo,\n        respeitar meus limites e fazer pequenas mudan\u00e7as com const\u00e2ncia.\n      <\/p>\n\n      <p>\n        Hoje eu consigo viver uma rotina ativa sem deixar\n        a artrite definir quem eu sou.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 PAIN \u2550\u2550\u2550\u2550 -->\n  <section class=\"pain\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Voc\u00ea se identifica?<\/span>\n        <h2>Se voc\u00ea sente que\u2026<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n      <div class=\"pain__grid\">\n        <div class=\"pain__item reveal\">A dor virou parte da sua rotina<\/div>\n        <div class=\"pain__item reveal\">Seu corpo n\u00e3o responde mais como antes<\/div>\n        <div class=\"pain__item reveal\">Voc\u00ea j\u00e1 tentou de tudo\u2026 e nada resolve de verdade<\/div>\n        <div class=\"pain__item reveal\">Existe medo de piorar com o tempo<\/div>\n        <div class=\"pain__item reveal\" style=\"grid-column: 1 \/ -1;\">\n          E, no fundo, voc\u00ea s\u00f3 quer voltar a viver normalmente\n        <\/div>\n      <\/div>\n\n      <div class=\"quote-block reveal\">\n        <p>Ent\u00e3o voc\u00ea precisa ver isso.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 ANTES E DEPOIS \u2550\u2550\u2550\u2550 -->\n<section class=\"before-after\">\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <span class=\"section-eyebrow\">A transforma\u00e7\u00e3o<\/span>\n      <h2>Antes de entender meu corpo, eu vivia no ciclo da dor<\/h2>\n      <div class=\"divider\"><\/div>\n      <p class=\"section-sub\">\n        A mudan\u00e7a come\u00e7ou quando eu parei de apenas reagir \u00e0 dor e comecei a ajustar minha rotina de forma consciente.\n      <\/p>\n    <\/div>\n    <div class=\"ba-grid reveal\">\n      <div class=\"ba-card ba-card--before\">\n        <span class=\"ba-label\">Antes<\/span>\n        <h3>Quando a artrite comandava minha rotina<\/h3>\n        <ul>\n          <li>Dor constante e sensa\u00e7\u00e3o de corpo travado<\/li>\n          <li>Medo de piorar ao me movimentar<\/li>\n          <li>Cansa\u00e7o, inseguran\u00e7a e falta de controle<\/li>\n          <li>Rotina sempre adaptada \u00e0 dor<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ba-card ba-card--after\">\n        <span class=\"ba-label\">Depois<\/span>\n        <h3>Quando eu aprendi a cuidar do corpo de outro jeito<\/h3>\n        <ul>\n          <li>Mais consci\u00eancia sobre o que inflama meu corpo<\/li>\n          <li>Movimento com mais seguran\u00e7a e menos medo<\/li>\n          <li>Mais leveza, energia e autonomia<\/li>\n          <li>Uma rotina ativa constru\u00edda com consist\u00eancia<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"ba-quote reveal\">\n      \"Eu n\u00e3o eliminei a artrite \u2014 eu aprendi a n\u00e3o deixar ela controlar minha vida.\"\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 PROMISE \u2550\u2550\u2550\u2550 -->\n  <section class=\"promise\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">O que voc\u00ea vai descobrir<\/span>\n        <h2>O que ningu\u00e9m te explica direito<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <p class=\"promise__lead reveal\">\n        Informa\u00e7\u00e3o pr\u00e1tica que transforma o modo como voc\u00ea vive com artrite.\n      <\/p>\n\n      <div class=\"promise__list\">\n        <div class=\"promise__item reveal\">\n          <div class=\"promise__icon\">1<\/div>\n          <span class=\"promise__text\">Como reduzir inflama\u00e7\u00e3o sem radicalismos imposs\u00edveis<\/span>\n        <\/div>\n        <div class=\"promise__item reveal\">\n          <div class=\"promise__icon\">2<\/div>\n          <span class=\"promise__text\">O erro comum que piora a dor \u2014 mesmo tentando se cuidar<\/span>\n        <\/div>\n        <div class=\"promise__item reveal\">\n          <div class=\"promise__icon\">3<\/div>\n          <span class=\"promise__text\">Como voltar a se movimentar sem agravar a doen\u00e7a<\/span>\n        <\/div>\n        <div class=\"promise__item reveal\">\n          <div class=\"promise__icon\">4<\/div>\n          <span class=\"promise__text\">O que realmente impacta a artrite (e ningu\u00e9m te explica direito)<\/span>\n        <\/div>\n        <div class=\"promise__item reveal\">\n          <div class=\"promise__icon\">5<\/div>\n          <span class=\"promise__text\">Como pequenas mudan\u00e7as podem transformar seu corpo<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cta-center reveal\">\n        <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"btn btn--primary btn--large\">QUERO ACESSAR O M\u00c9TODO VIDA ATIVA<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 HOW IT WORKS \u2550\u2550\u2550\u2550 -->\n  <section class=\"how\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow section-eyebrow--light\">M\u00e9todo estruturado<\/span>\n        <h2>Como funciona<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"steps\">\n        <div class=\"step reveal\">\n          <div class=\"step__num\">1<\/div>\n          <div class=\"step__title\">Reduzir inflama\u00e7\u00e3o<\/div>\n          <p class=\"step__desc\">Estrat\u00e9gias simples e aplic\u00e1veis para diminuir a inflama\u00e7\u00e3o no dia a dia<\/p>\n        <\/div>\n        <div class=\"step reveal delay-1\">\n          <div class=\"step__num\">2<\/div>\n          <div class=\"step__title\">Reequilibrar o corpo<\/div>\n          <p class=\"step__desc\">Reconectar-se com o pr\u00f3prio corpo e restaurar o equil\u00edbrio interno<\/p>\n        <\/div>\n        <div class=\"step reveal delay-2\">\n          <div class=\"step__num\">3<\/div>\n          <div class=\"step__title\">Destravar o movimento<\/div>\n          <p class=\"step__desc\">Retomar a mobilidade com seguran\u00e7a, sem medo de piorar<\/p>\n        <\/div>\n        <div class=\"step reveal delay-3\">\n          <div class=\"step__num\">4<\/div>\n          <div class=\"step__title\">Fortalecer corpo e mente<\/div>\n          <p class=\"step__desc\">Construir uma base s\u00f3lida para uma vida ativa e com controle<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 DIAGRAMA M\u00c9TODO VIDA ATIVA \u2550\u2550\u2550\u2550 -->\n  <section class=\"metodo-diagrama\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Como o m\u00e9todo funciona<\/span>\n        <h2>O que realmente impacta a inflama\u00e7\u00e3o<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n      <div class=\"diagrama-wrapper reveal\">\n        <div class=\"diagrama-item diagrama-top\">\n          <span>MENTE<\/span>\n        <\/div>\n        <div class=\"diagrama-item diagrama-left\">\n          <span>ALIMENTA\u00c7\u00c3O<\/span>\n        <\/div>\n        <div class=\"diagrama-item diagrama-right\">\n          <span>MOVIMENTO<\/span>\n        <\/div>\n        <div class=\"diagrama-item diagrama-bottom\">\n          <span>ROTINA<\/span>\n        <\/div>\n        <div class=\"diagrama-center\">\n          <span>INFLAMA\u00c7\u00c3O<\/span>\n        <\/div>\n        <!-- connecting lines -->\n        <div class=\"diagrama-line diagrama-line--v\"><\/div>\n        <div class=\"diagrama-line diagrama-line--h\"><\/div>\n      <\/div>\n      <p class=\"diagrama-legenda reveal\">\n        Quando voc\u00ea ajusta esses pilares, seu corpo come\u00e7a a responder de forma diferente.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FOR WHOM \u2550\u2550\u2550\u2550 -->\n  <section class=\"for-whom\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Identifica\u00e7\u00e3o<\/span>\n        <h2>Para quem \u00e9 este m\u00e9todo<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"for-whom__cols\">\n        <div class=\"for-whom__img reveal\" style=\"padding:0; border:none; overflow:hidden; background:transparent;\">\n        \n<img decoding=\"async\" src=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-30-de-abr.-de-2026-17_57_47.png\" alt=\"Tamara Justen\" style=\"width:100%;\nheight:100%;\nobject-fit:cover;\nobject-position:center top;\nborder-radius:8px;\ndisplay:block;\" loading=\"lazy\">\n\n        <\/div>\n        <div class=\"reveal\">\n          <ul class=\"for-whom__list\">\n            <li><span class=\"check\">\u2713<\/span> Mulheres de 35 a 60 anos<\/li>\n            <li><span class=\"check\">\u2713<\/span> Que convivem com dor constante<\/li>\n            <li><span class=\"check\">\u2713<\/span> Que j\u00e1 tentaram tratamentos convencionais<\/li>\n            <li><span class=\"check\">\u2713<\/span> Que t\u00eam medo de piorar com o tempo<\/li>\n            <li><span class=\"check\">\u2713<\/span> Que querem voltar a viver normalmente<\/li>\n          <\/ul>\n          <br>\n          <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"btn btn--primary\">Quero acessar o m\u00e9todo vida ativa <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 PRODUCT \u2550\u2550\u2550\u2550 -->\n  <section class=\"product\">\n    <div class=\"container--wide\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">O produto<\/span>\n        <h2>O que voc\u00ea vai receber<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"product__card reveal\">\n        <div class=\"product__visual\">\n          <div class=\"ebook-cover\">\n            <img decoding=\"async\" src=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/06\/CAPA-baixaok.jpg\" alt=\"Tamara Justen\" style=\"width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:8px;display:block;\" loading=\"lazy\">\n\n          <\/div>\n          <div class=\"product__label\">Ebook digital<\/div>\n        <\/div>\n        <div class=\"product__info\">\n          <span class=\"product__tag\">Acesso imediato<\/span>\n          <h3 style=\"color: var(--verde-petroleo); margin-bottom: 8px;\">Ebook Vida Ativa com Artrite<\/h3>\n          <p style=\"font-size:0.9rem;\">M\u00e9todo estruturado em 4 pilares com conte\u00fado pr\u00e1tico e aplic\u00e1vel.<\/p>\n          <ul class=\"product__features\">\n            <li><span class=\"feat-icon\">\u25c6<\/span> Ebook digital com acesso imediato<\/li>\n            <li><span class=\"feat-icon\">\u25c6<\/span> Conte\u00fado pr\u00e1tico e aplic\u00e1vel<\/li>\n            <li><span class=\"feat-icon\">\u25c6<\/span> M\u00e9todo estruturado em 4 pilares<\/li>\n            <li><span class=\"feat-icon\">\u2713<\/span> <strong>B\u00f4nus:<\/strong> Checklist para reduzir inflama\u00e7\u00e3o<\/li>\n            <li><span class=\"feat-icon\">\u2713<\/span> <strong>B\u00f4nus:<\/strong> Plano simples de rotina aplic\u00e1vel no dia a dia<\/li>\n            <li><span class=\"feat-icon\">\u2713<\/span> <strong>B\u00f4nus:<\/strong> Guia pr\u00e1tico de regula\u00e7\u00e3o emocional<\/li>\n            <li><span class=\"feat-icon\">\u2713<\/span> <strong>B\u00f4nus:<\/strong> Guia de m\u00e9dicos do protocolo de Coimbra<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 OFFER \u2550\u2550\u2550\u2550 -->\n  <section class=\"offer\" id=\"checkout\">\n    <div class=\"container\">\n      <div class=\"offer__inner\">\n        <div class=\"section-header reveal\">\n          <span class=\"section-eyebrow section-eyebrow--light\">Oferta especial<\/span>\n          <h2>Invista na sua sa\u00fade hoje<\/h2>\n          <div class=\"divider\"><\/div>\n        <\/div>\n\n        <div class=\"offer__main reveal\">\n          <div class=\"offer__product-name\">Ebook Vida Ativa com Artrite<\/div>\n\n          <div class=\"offer__bonuses\">\n            <div class=\"offer__bonuses-title\">Incluso: 4 b\u00f4nus exclusivos<\/div>\n            <ul class=\"bonus-list\">\n              <li><span class=\"gift-check\">\u2713<\/span> Checklist para reduzir inflama\u00e7\u00e3o<\/li>\n              <li><span class=\"gift-check\">\u2713<\/span> Plano simples de rotina aplic\u00e1vel no dia a dia<\/li>\n              <li><span class=\"gift-check\">\u2713<\/span> Guia pr\u00e1tico de regula\u00e7\u00e3o emocional<\/li>\n              <li><span class=\"gift-check\">\u2713<\/span> Guia de m\u00e9dicos do protocolo de Coimbra<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"offer__price-block\">\n            <div class=\"price-was\">De R$ 97,00<\/div>\n            <div class=\"price-now\">\n              <span class=\"price-currency\">R$<\/span>\n              <span class=\"price-amount\">47<\/span>\n              <span class=\"price-cents\">,00<\/span>\n            <\/div>\n            <div class=\"price-installment\">pagamento \u00fanico \u00b7 acesso imediado<\/div>\n          <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550 COUNTDOWN BAR \u2550\u2550\u2550\u2550 -->\n  <div class=\"countdown-bar\" id=\"countdownBar\">\n    <span class=\"countdown-bar__text\">\u26a1 Oferta especial expira em:<\/span>\n    <div class=\"countdown-timer\">\n      <div class=\"countdown-block\">\n        <span class=\"countdown-block__num\" id=\"cd-min\">15<\/span>\n        <span class=\"countdown-block__label\">min<\/span>\n      <\/div>\n      <span class=\"countdown-sep\">:<\/span>\n      <div class=\"countdown-block\">\n        <span class=\"countdown-block__num\" id=\"cd-sec\">00<\/span>\n        <span class=\"countdown-block__label\">seg<\/span>\n      <\/div>\n    <\/div>\n    <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"countdown-bar__cta\">Garantir agora<\/a>\n  <\/div>\n\n\n          <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"btn btn--gold btn--large btn--full\">\n            Quero acessar o m\u00e9todo vida ativa \n          <\/a>\n\n          <p style=\"margin-top: 20px; font-size: 0.78rem; color: rgba(247,245,242,0.45); letter-spacing: 0.05em;\">\n            \ud83d\udd12 Compra 100% segura \u00b7 Pagamento criptografado\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 GUARANTEE \u2550\u2550\u2550\u2550 -->\n  <section class=\"guarantee compact\">\n    <div class=\"container\">\n      <div class=\"guarantee__box reveal\">\n        <div class=\"guarantee__badge\">\n          <div class=\"g-num\">7<\/div>\n          <div class=\"g-label\">dias de<br>garantia<\/div>\n        <\/div>\n        <div class=\"guarantee__text\">\n          <h3 style=\"color: var(--verde-petroleo);\">Garantia total de 7 dias<\/h3>\n          <div class=\"divider--left divider\"><\/div>\n          <p>Se por qualquer motivo voc\u00ea n\u00e3o ficar satisfeita, basta nos enviar um e-mail em at\u00e9 7 dias ap\u00f3s a compra e devolveremos 100% do seu investimento. Sem perguntas, sem burocracia. <strong>Voc\u00ea n\u00e3o corre nenhum risco.<\/strong><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 AUTHORITY \u2550\u2550\u2550\u2550 -->\n  <section class=\"authority\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Quem criou<\/span>\n        <h2>Experi\u00eancia real, resultado real<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"authority__cols\">\n        <div class=\"authority__img reveal\" style=\"padding:0; border:none; overflow:hidden; background:transparent;\">\n <img\nsrc=\"https:\/\/vidaativacomartrite.com.br\/wp-content\/uploads\/2026\/04\/image-4.jpg\"\nalt=\"Tamara Justen\"\nstyle=\"width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:8px;display:block;\"\nloading=\"lazy\">\n        <\/div>\n        <div class=\"reveal\">\n          <div class=\"authority__name\">Tamara Justen<\/div>\n          <div class=\"authority__role\">Criadora do m\u00e9todo \u00b7 Vida Ativa com Artrite<\/div>\n          <ul class=\"authority__facts\">\n            <li>Convive com artrite reumatoide h\u00e1 anos<\/li>\n            <li>J\u00e1 utilizou tratamentos tradicionais e vivenciou seus limites<\/li>\n            <li>Hoje vive ativa e com controle da inflama\u00e7\u00e3o<\/li>\n          <\/ul>\n          <br>\n          <blockquote class=\"authority__quote\">\n            \"Eu n\u00e3o voltei a ser quem eu era \u2014 eu me tornei melhor do que antes.\"\n\n          <\/blockquote>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 OBJECTIONS \u2550\u2550\u2550\u2550 -->\n  <section class=\"objections\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow section-eyebrow--light\">Suas d\u00favidas respondidas<\/span>\n        <h2>Eu entendo o seu receio<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"obj-grid\">\n        <div class=\"obj-card reveal\">\n          <div class=\"obj-card__q\">\"Isso n\u00e3o funciona pra mim\"<\/div>\n          <p class=\"obj-card__a\">O m\u00e9todo foi constru\u00eddo a partir de uma experi\u00eancia real com artrite reumatoide. N\u00e3o \u00e9 teoria \u2014 s\u00e3o estrat\u00e9gias que foram testadas e funcionam para quem convive com a condi\u00e7\u00e3o no dia a dia. O conte\u00fado \u00e9 pr\u00e1tico, direto e aplic\u00e1vel \u00e0 sua realidade.<\/p>\n        <\/div>\n        <div class=\"obj-card reveal delay-1\">\n          <div class=\"obj-card__q\">\"J\u00e1 tentei de tudo\"<\/div>\n          <p class=\"obj-card__a\">Provavelmente voc\u00ea ainda n\u00e3o teve acesso a informa\u00e7\u00e3o estruturada e integrada. Este m\u00e9todo re\u00fane os 4 pilares que realmente impactam a artrite \u2014 de forma simples, sem radicalismos e sem exigir perfei\u00e7\u00e3o.<\/p>\n        <\/div>\n        <div class=\"obj-card reveal delay-2\">\n          <div class=\"obj-card__q\">\"Tenho medo de piorar\"<\/div>\n          <p class=\"obj-card__a\">Esse medo \u00e9 completamente compreens\u00edvel. Por isso o m\u00e9todo \u00e9 cuidadosamente estruturado para que voc\u00ea avance no seu ritmo, sem for\u00e7ar o corpo al\u00e9m dos seus limites. Voc\u00ea vai aprender exatamente o que fazer \u2014 e o que evitar.<\/p>\n        <\/div>\n        <div class=\"obj-card reveal delay-3\">\n          <div class=\"obj-card__q\">\"Isso \u00e9 seguro?\"<\/div>\n          <p class=\"obj-card__a\">Sim. O conte\u00fado foi criado com base em experi\u00eancia vivida e n\u00e3o substitui acompanhamento m\u00e9dico. O ebook \u00e9 um complemento \u2014 uma fonte de informa\u00e7\u00e3o pr\u00e1tica para que voc\u00ea fa\u00e7a escolhas mais conscientes junto ao seu tratamento.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550 -->\n  <section class=\"faq\">\n    <div class=\"container\">\n      <div class=\"section-header reveal\">\n        <span class=\"section-eyebrow\">Perguntas frequentes<\/span>\n        <h2>Ainda tem d\u00favidas?<\/h2>\n        <div class=\"divider\"><\/div>\n      <\/div>\n\n      <div class=\"faq__list\">\n        <div class=\"faq-item reveal\">\n          <button class=\"faq__q\" aria-expanded=\"false\">\n            Funciona para qualquer pessoa com artrite?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__a\" role=\"region\">\n            <div class=\"faq__a-inner\">O m\u00e9todo foi criado especialmente para mulheres que convivem com artrite e querem retomar o controle do pr\u00f3prio corpo. As estrat\u00e9gias s\u00e3o adapt\u00e1veis ao seu n\u00edvel de limita\u00e7\u00e3o e ao seu ritmo \u2014 voc\u00ea n\u00e3o precisa estar em plena forma para come\u00e7ar.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq__q\" aria-expanded=\"false\">\n            Preciso parar de tomar os meus rem\u00e9dios?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__a\" role=\"region\">\n            <div class=\"faq__a-inner\">N\u00e3o. O ebook \u00e9 um complemento ao seu tratamento, n\u00e3o um substituto. Qualquer mudan\u00e7a na medica\u00e7\u00e3o deve ser discutida com o seu m\u00e9dico. O objetivo \u00e9 que voc\u00ea tenha mais informa\u00e7\u00e3o para tomar decis\u00f5es mais conscientes sobre a sua sa\u00fade.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq__q\" aria-expanded=\"false\">\n            Quanto tempo leva para ver resultados?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__a\" role=\"region\">\n            <div class=\"faq__a-inner\">Cada corpo responde de um jeito. Algumas mulheres percebem mudan\u00e7as nas primeiras semanas de aplica\u00e7\u00e3o consistente. O importante \u00e9 que voc\u00ea avance no seu ritmo, sem press\u00e3o. O m\u00e9todo foi desenhado para ser sustent\u00e1vel a longo prazo.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq__q\" aria-expanded=\"false\">\n            Precisa fazer tudo perfeito para funcionar?\n            <span class=\"faq__icon\">+<\/span>\n          <\/button>\n          <div class=\"faq__a\" role=\"region\">\n            <div class=\"faq__a-inner\">Absolutamente n\u00e3o. A proposta do m\u00e9todo \u00e9 justamente o oposto: pequenas mudan\u00e7as consistentes, sem radicalismos. Voc\u00ea n\u00e3o precisa ser perfeita \u2014 precisa ser constante. O m\u00e9todo foi pensado para caber na sua vida real.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550\u2550 -->\n  <section class=\"final-cta\">\n    <div class=\"container\">\n      <div class=\"reveal\">\n        <span class=\"section-eyebrow\" style=\"display:block; text-align:center;\">Sua decis\u00e3o<\/span>\n        <p class=\"final-cta__quote\">\n          \"Voc\u00ea merece mais do que apenas conviver com a dor.<br>Voc\u00ea merece viver.\"\n        <\/p>\n        <div class=\"divider\"><\/div>\n        <br>\n        <a href=\"https:\/\/pay.hotmart.com\/P105537478K\" target=\"_blank\" class=\"btn btn--primary btn--large\">Quero acessar o m\u00e9todo vida ativa <\/a>\n        <br><br>\n        <p style=\"font-size: 0.8rem; color: var(--dourado-escuro);\">\n          \u2726 7 dias de garantia \u00b7 Acesso imediato \u00b7 Sem risco\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550 -->\n  <footer>\n    <p style=\"color: rgba(247,245,242,0.5);\">\u00a9 2024 Vida Ativa com Artrite \u2014 Tamara Justen. Todos os direitos reservados.<\/p>\n    <p style=\"margin-top: 8px;\">\n      <a href=\"#\">Pol\u00edtica de Privacidade<\/a> &nbsp;\u00b7&nbsp; <a href=\"#\">Termos de Uso<\/a>\n    <\/p>\n  <\/footer>\n\n  <script>\n    \/\/ \u2500\u2500 Scroll reveal \u2500\u2500\n    const reveals = document.querySelectorAll('.reveal');\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    reveals.forEach(el => observer.observe(el));\n\n    \/\/ \u2500\u2500 FAQ accordion \u2500\u2500\n    document.querySelectorAll('.faq__q').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const item = btn.closest('.faq-item');\n        const isOpen = item.classList.contains('open');\n        document.querySelectorAll('.faq-item.open').forEach(openItem => {\n          openItem.classList.remove('open');\n          openItem.querySelector('.faq__q').setAttribute('aria-expanded', 'false');\n        });\n        if (!isOpen) {\n          item.classList.add('open');\n          btn.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n\n    \/\/ \u2500\u2500 Smooth scroll \u2500\u2500\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n      anchor.addEventListener('click', function(e) {\n        const target = document.querySelector(this.getAttribute('href'));\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n\n    \/\/ \u2500\u2500 Video autoplay on scroll \u2500\u2500\n    const siteVideo = document.getElementById('siteVideo');\n    if (siteVideo) {\n      const vidObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            siteVideo.play().catch(() => {});\n          } else {\n            siteVideo.pause();\n          }\n        });\n      }, { threshold: 0.5 });\n      vidObserver.observe(siteVideo);\n    }\n\n    \/\/ \u2500\u2500 Countdown Timer (10 min, resets on expire) \u2500\u2500\n    function startCountdown(durationSeconds) {\n      let remaining = durationSeconds;\n      const minEl = document.getElementById('cd-min');\n      const secEl = document.getElementById('cd-sec');\n\n      function tick() {\n        const m = Math.floor(remaining \/ 60);\n        const s = remaining % 60;\n        minEl.textContent = String(m).padStart(2, '0');\n        secEl.textContent = String(s).padStart(2, '0');\n        if (remaining <= 0) {\n          remaining = durationSeconds; \/\/ reset\n        } else {\n          remaining--;\n        }\n      }\n      tick();\n      setInterval(tick, 1000);\n    }\n\n    startCountdown(15 * 60); \/\/ 15 minutes\n  <\/script>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>M\u00e9todo Vida Ativa Como voltei a treinar, reduzi minhas crises e recuperei minha qualidade de vida convivendo com artrite reumatoide. Um m\u00e9todo pr\u00e1tico para quem quer reduzir crises, recuperar disposi\u00e7\u00e3o e voltar a ter uma vida mais ativa convivendo com artrite reumatoide. Acesso imediato \u00b7 Ebook digital Quero acessar o M\u00e9todo Vida Ativa Oferta de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":64,"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/vidaativacomartrite.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}