{"product_id":"sindolart-classic-x3","title":"Sindolart Classic X3","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --primary-blue: #0b3c7d;\n      --secondary-blue: #002b66;\n      --accent-red: #d91c1c;\n      --accent-red-hover: #b81616;\n      --light-bg: #f5f7fa;\n      --card-bg: #ffffff;\n      --text-dark: #222222;\n      --text-muted: #666666;\n      --white: #ffffff;\n      --border-color: #e1e8ed;\n      --shadow-sm: 0 2px 8px rgba(11, 60, 125, 0.06);\n      --shadow-md: 0 10px 30px rgba(11, 60, 125, 0.08);\n      --shadow-lg: 0 20px 45px rgba(11, 60, 125, 0.12);\n      --shadow-hover: 0 18px 38px rgba(11, 60, 125, 0.16);\n    }\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    body {\n      font-family: 'Montserrat', sans-serif;\n      color: var(--text-dark);\n      background-color: var(--white);\n      line-height: 1.5;\n      -webkit-font-smoothing: antialiased;\n    }\n    a {\n      text-decoration: none;\n      color: inherit;\n    }\n    .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n    .logo {\n      font-weight: 900;\n      font-size: 26px;\n      font-style: italic;\n      color: var(--accent-red);\n      letter-spacing: 0.3px;\n    }\n    .logo span {\n      color: var(--primary-blue);\n    }\n    \/* Breadcrumb *\/\n    .breadcrumb-nav {\n      padding: 18px 0;\n      background-color: #fafbfc;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n    .breadcrumb-nav a {\n      color: var(--text-muted);\n      transition: color 0.25s ease;\n    }\n    .breadcrumb-nav a:hover {\n      color: var(--primary-blue);\n    }\n    .breadcrumb-nav span {\n      margin: 0 5px;\n    }\n    \/* ============================================================\n       FONDO DEL HERO — editá esta línea para cambiar el fondo.\n       Opción A (gradiente\/color): dejá el valor como está.\n       Opción B (imagen): reemplazá por, por ejemplo:\n         background: url('https:\/\/sindolart.com\/wp-content\/uploads\/2026\/08\/TU-IMAGEN.png') center \/ cover no-repeat;\n       ============================================================ *\/\n    .product-hero {\n      padding: 60px 0 70px;\n      background: url('https:\/\/sindolart.com\/wp-content\/uploads\/2026\/08\/fondo_sindolart.png') center \/ cover no-repeat;\n      position: relative;\n    }\n    .product-hero-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: center;\n    }\n    .product-title {\n      font-size: 42px;\n      font-weight: 900;\n      font-style: italic;\n      line-height: 1;\n      color: var(--accent-red);\n      margin-bottom: 6px;\n    }\n    .product-title span {\n      color: var(--primary-blue);\n    }\n    \/* Logo del producto en el hero (reemplaza al título de texto) *\/\n    .product-logo-hero {\n      max-width: 320px;\n      width: 100%;\n      height: auto;\n      margin-bottom: 16px;\n    }\n    .subtitle-tag {\n      color: var(--primary-blue);\n      font-size: 24px;\n      font-weight: 900;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n      display: block;\n      line-height: 1.25;\n    }\n    .tag-red {\n      color: var(--accent-red);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n      display: block;\n    }\n    .product-description {\n      color: var(--text-muted);\n      font-size: 14.5px;\n      margin-bottom: 28px;\n    }\n    .checklist {\n      list-style: none;\n      margin-bottom: 32px;\n    }\n    .checklist li {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 13px;\n      font-weight: 700;\n      margin-bottom: 12px;\n      color: var(--text-dark);\n      transition: transform 0.25s ease, color 0.25s ease;\n    }\n    .checklist li:hover {\n      transform: translateX(4px);\n      color: var(--primary-blue);\n    }\n    .checklist li svg {\n      color: var(--primary-blue);\n      flex-shrink: 0;\n    }\n    .btn-add-cart {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background-color: var(--primary-blue);\n      color: var(--white);\n      padding: 16px 38px;\n      border-radius: 30px;\n      font-weight: 800;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border: none;\n      cursor: pointer;\n      margin-bottom: 38px;\n      box-shadow: 0 8px 20px rgba(11, 60, 125, 0.25);\n      transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .btn-add-cart:hover {\n      background-color: var(--secondary-blue);\n      transform: translateY(-3px);\n      box-shadow: 0 14px 28px rgba(11, 60, 125, 0.35);\n    }\n    .btn-add-cart:active {\n      transform: translateY(-1px);\n    }\n    .product-features-mini {\n      display: flex;\n      gap: 24px;\n    }\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      width: 112px;\n    }\n    .icon-circle {\n      width: 54px;\n      height: 54px;\n      border-radius: 50%;\n      border: 1.5px solid var(--primary-blue);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 12px;\n      color: var(--primary-blue);\n      background: var(--white);\n      font-size: 20px;\n      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n                  box-shadow 0.3s ease,\n                  background-color 0.3s ease,\n                  border-color 0.3s ease;\n    }\n    .feature-item:hover .icon-circle {\n      transform: translateY(-4px) scale(1.08) rotate(-4deg);\n      background-color: var(--primary-blue);\n      border-color: var(--primary-blue);\n      box-shadow: 0 10px 22px rgba(11, 60, 125, 0.3);\n    }\n    .icon-circle .icon-mask {\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      background-color: var(--accent-red);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n      -webkit-mask-position: center;\n      mask-position: center;\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      transition: background-color 0.3s ease;\n    }\n    .feature-item:hover .icon-circle .icon-mask {\n      background-color: var(--white);\n    }\n    .feature-item p {\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      color: var(--text-dark);\n      line-height: 1.3;\n      transition: color 0.25s ease;\n    }\n    .feature-item:hover p {\n      color: var(--primary-blue);\n    }\n    .product-image-container {\n      text-align: center;\n      position: relative;\n    }\n    .product-image-container img {\n      max-width: 100%;\n      height: auto;\n      filter: drop-shadow(0 30px 40px rgba(11, 60, 125, 0.18));\n      transition: transform 0.4s ease;\n    }\n    .product-image-container:hover img {\n      transform: translateY(-6px);\n    }\n    \/* Benefits Section *\/\n    .benefits-section {\n      padding: 90px 0;\n      background-color: var(--light-bg);\n      text-align: center;\n    }\n    .section-title {\n      font-size: 28px;\n      font-weight: 900;\n      text-transform: uppercase;\n      color: var(--text-dark);\n      margin-bottom: 12px;\n      letter-spacing: -0.3px;\n    }\n    .section-title span {\n      color: var(--primary-blue);\n    }\n    .title-divider {\n      width: 50px;\n      height: 3px;\n      background-color: var(--accent-red);\n      margin: 0 auto 44px;\n      border-radius: 2px;\n    }\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 26px;\n    }\n    .benefit-card {\n      background: var(--white);\n      border-radius: 16px;\n      padding: 36px 24px;\n      text-align: center;\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--border-color);\n      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n      cursor: default;\n    }\n    .benefit-card:hover {\n      transform: translateY(-8px);\n      box-shadow: var(--shadow-hover);\n      border-color: transparent;\n    }\n    .benefit-icon {\n      width: 56px;\n      height: 56px;\n      border-radius: 50%;\n      border: 1.5px solid var(--primary-blue);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 22px;\n      color: var(--primary-blue);\n      font-size: 22px;\n      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n                  background-color 0.3s ease,\n                  box-shadow 0.3s ease;\n    }\n    .benefit-card:hover .benefit-icon {\n      transform: rotate(12deg) scale(1.1);\n      background-color: var(--primary-blue);\n      box-shadow: 0 10px 22px rgba(11, 60, 125, 0.3);\n    }\n    .benefit-icon .icon-mask {\n      width: 42px;\n      height: 42px;\n      flex-shrink: 0;\n      background-color: var(--accent-red);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n      -webkit-mask-position: center;\n      mask-position: center;\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      transition: background-color 0.3s ease;\n    }\n    .benefit-card:hover .benefit-icon .icon-mask {\n      background-color: var(--white);\n    }\n    .benefit-card h4 {\n      font-size: 13px;\n      font-weight: 800;\n      text-transform: uppercase;\n      color: var(--primary-blue);\n      margin-bottom: 10px;\n    }\n    .benefit-card p {\n      font-size: 12px;\n      color: var(--text-muted);\n      line-height: 1.5;\n    }\n    \/* Ingredients Section *\/\n    .ingredients-section {\n      padding: 90px 0;\n      background: var(--white);\n    }\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n    }\n    .ingredients-list {\n      list-style: none;\n    }\n    .ingredient-item {\n      margin-bottom: 20px;\n      padding: 10px 12px;\n      border-radius: 10px;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n    .ingredient-item:hover {\n      background-color: var(--light-bg);\n      transform: translateX(6px);\n    }\n    .ingredient-item h5 {\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      color: var(--primary-blue);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .ingredient-item h5::before {\n      content: \"•\";\n      color: var(--accent-red);\n      font-size: 18px;\n    }\n    .ingredient-item p {\n      font-size: 12px;\n      color: var(--text-muted);\n      padding-left: 16px;\n    }\n    \/* ============================================================\n       Foto de ingredientes con líneas guía (mismo sistema que\n       PreEntreno y Kids, para que quede todo parejo). CÓMO AJUSTAR:\n       cada .callout tiene un \"left\" en % del ancho de la foto —\n       movelo hasta que el punto quede sobre el ingrediente real.\n       IMPORTANTE: la altura de .callout debe ser igual al padding de\n       .ingredient-photo-wrap. Si cambiás uno, cambiá el otro.\n       ============================================================ *\/\n    .ingredient-photo-wrap {\n      position: relative;\n      padding: 88px 10px;\n    }\n    .ingredient-photo-wrap img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 0;\n      box-shadow: none;\n      filter: none;\n    }\n    .callout {\n      position: absolute;\n      height: 88px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 150px;\n      transform: translateX(-50%);\n      pointer-events: none;\n    }\n    .callout-top {\n      top: 0;\n      justify-content: flex-start;\n    }\n    .callout-bottom {\n      bottom: 0;\n      justify-content: flex-end;\n      flex-direction: column-reverse;\n    }\n    .callout-label {\n      text-align: center;\n      flex-shrink: 0;\n    }\n    .callout-label h6 {\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      color: var(--primary-blue);\n      margin-bottom: 3px;\n    }\n    .callout-label p {\n      font-size: 10px;\n      color: var(--text-muted);\n      line-height: 1.4;\n    }\n    .callout-line {\n      flex: 1 1 auto;\n      width: 1px;\n      min-height: 8px;\n      background-color: var(--primary-blue);\n      opacity: 0.55;\n      margin: 6px 0;\n    }\n    .callout-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background-color: var(--accent-red);\n      box-shadow: 0 0 0 4px rgba(217, 28, 28, 0.15);\n      flex-shrink: 0;\n    }\n    @media (max-width: 900px) {\n      .ingredient-photo-wrap { display: none; }\n    }\n    \/* ============================================================\n       Imagen de ingredientes con etiquetas (línea punteada + nombre)\n       — sistema anterior, ya no se usa en esta sección pero se deja\n       la clase por si se reutiliza en otra parte.\n       ============================================================ *\/\n    .ingredients-figure {\n      position: relative;\n      width: 100%;\n      max-width: 520px;\n      margin: 0 auto;\n    }\n    .ingredients-figure .ingredients-img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 0;\n      box-shadow: none;\n      mix-blend-mode: multiply;   \/* elimina el fondo blanco de la imagen *\/\n    }\n    .ing-label {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      z-index: 2;\n    }\n    .ing-label .chip {\n      font-size: 10.5px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      color: var(--primary-blue);\n      background: rgba(255, 255, 255, 0.9);\n      padding: 5px 11px;\n      border-radius: 20px;\n      box-shadow: 0 3px 10px rgba(11, 60, 125, 0.14);\n      white-space: nowrap;\n    }\n    .ing-label .lead {\n      width: 34px;\n      border-top: 2px dotted var(--primary-blue);\n      opacity: 0.75;\n      flex-shrink: 0;\n    }\n    .ing-label .dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      background: var(--accent-red);\n      box-shadow: 0 0 0 3px rgba(217, 28, 28, 0.18);\n      flex-shrink: 0;\n    }\n    \/* Etiquetas del lado izquierdo: nombre → línea → punto (hacia la imagen) *\/\n    .ing-label.left { left: 0; flex-direction: row; }\n    \/* Etiquetas del lado derecho: punto → línea → nombre *\/\n    .ing-label.right { right: 0; flex-direction: row; }\n    @media (max-width: 900px) {\n      .ing-label .lead { width: 20px; }\n      .ing-label .chip { font-size: 9.5px; padding: 4px 8px; }\n    }\n    \/* Usage \u0026 Target Section *\/\n    .usage-target-section {\n      padding: 90px 0;\n      background-color: var(--light-bg);\n    }\n    .usage-target-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n    }\n    .steps-container {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 34px;\n      gap: 12px;\n    }\n    .step-box {\n      text-align: center;\n      flex: 1;\n      padding: 14px 8px;\n      border-radius: 12px;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n    .step-box:hover {\n      background-color: var(--white);\n      transform: translateY(-4px);\n      box-shadow: var(--shadow-sm);\n    }\n    .step-circle {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      background: var(--primary-blue);\n      color: var(--white);\n      font-weight: 800;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 12px;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .step-box:hover .step-circle {\n      transform: scale(1.1);\n      box-shadow: 0 8px 18px rgba(11, 60, 125, 0.3);\n    }\n    .step-box h5 {\n      font-size: 12px;\n      font-weight: 800;\n      color: var(--primary-blue);\n      text-transform: uppercase;\n      margin-bottom: 4px;\n    }\n    .step-box p {\n      font-size: 11px;\n      color: var(--text-muted);\n    }\n    .recommendation-box {\n      background: var(--white);\n      border-radius: 12px;\n      padding: 18px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin-top: 34px;\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--border-color);\n      transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;\n    }\n    .recommendation-box:hover {\n      box-shadow: var(--shadow-md);\n      transform: translateY(-2px);\n      border-color: transparent;\n    }\n    .recommendation-box p {\n      font-size: 11.5px;\n      color: var(--text-muted);\n    }\n    .recommendation-box strong {\n      color: var(--primary-blue);\n      display: block;\n      text-transform: uppercase;\n    }\n    .target-list {\n      list-style: none;\n      margin-top: 28px;\n      margin-bottom: 25px;\n    }\n    .target-list li {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 13px;\n      font-weight: 700;\n      margin-bottom: 14px;\n      padding: 8px 10px;\n      border-radius: 8px;\n      transition: background-color 0.25s ease, transform 0.25s ease;\n    }\n    .target-list li:hover {\n      background-color: var(--white);\n      transform: translateX(6px);\n      box-shadow: var(--shadow-sm);\n    }\n    .box-image-container {\n      text-align: center;\n      margin-top: 20px;\n    }\n    .box-image-container img {\n      max-width: 80%;\n      height: auto;\n      border-radius: 0;\n      box-shadow: none;\n      mix-blend-mode: multiply;   \/* elimina el fondo blanco de la imagen *\/\n      transition: transform 0.4s ease;\n    }\n    .box-image-container:hover img {\n      transform: translateY(-5px);\n    }\n    \/* Product Specs Bar *\/\n    .specs-bar {\n      padding: 44px 0;\n      background: var(--white);\n      border-top: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n    .specs-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n    .spec-item {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      justify-content: center;\n      padding: 10px;\n      border-radius: 10px;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n    .spec-item:hover {\n      background-color: var(--light-bg);\n      transform: translateY(-3px);\n    }\n    .spec-icon {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      border: 1.5px solid var(--primary-blue);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n                  background-color 0.3s ease;\n    }\n    .spec-item:hover .spec-icon {\n      transform: rotate(8deg) scale(1.08);\n      background-color: var(--primary-blue);\n    }\n    .spec-icon .icon-mask {\n      width: 46px;\n      height: 46px;\n      flex-shrink: 0;\n      background-color: var(--accent-red);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n      -webkit-mask-position: center;\n      mask-position: center;\n      -webkit-mask-size: contain;\n      mask-size: contain;\n      transition: background-color 0.3s ease;\n    }\n    .spec-item:hover .spec-icon .icon-mask {\n      background-color: var(--white);\n    }\n    .spec-text h6 {\n      font-size: 16px;\n      font-weight: 900;\n      color: var(--primary-blue);\n    }\n    .spec-text p {\n      font-size: 10px;\n      font-weight: 800;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n    \/* Value Bar *\/\n    .value-bar {\n      background-color: var(--accent-red);\n      color: var(--white);\n      padding: 34px 0;\n      box-shadow: inset 0 8px 18px rgba(0, 0, 0, 0.08);\n    }\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n      text-align: center;\n    }\n    .value-item {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      padding: 10px;\n      border-radius: 10px;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n    .value-item:hover {\n      background-color: rgba(255, 255, 255, 0.12);\n      transform: translateY(-3px);\n    }\n    .value-item svg {\n      width: 32px;\n      height: 32px;\n      stroke: var(--white);\n      flex-shrink: 0;\n      transition: transform 0.3s ease;\n    }\n    .value-item:hover svg {\n      transform: scale(1.15) rotate(-6deg);\n    }\n    .value-item span {\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      text-align: left;\n      line-height: 1.3;\n    }\n    \/* Footer (igual al home) *\/\n    footer {\n      background-color: #f7f9fc;\n      padding: 70px 0 24px;\n      font-size: 13px;\n      color: var(--text-muted);\n    }\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1.5fr 1.5fr;\n      gap: 48px;\n      margin-bottom: 44px;\n    }\n    .footer-col h5 {\n      color: var(--text-dark);\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n      letter-spacing: 0.5px;\n    }\n    .footer-links {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    .footer-links a {\n      transition: color 0.25s ease, padding-left 0.25s ease;\n    }\n    .footer-links a:hover {\n      color: var(--primary-blue);\n      padding-left: 4px;\n    }\n    .footer-contact-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 12px;\n      transition: color 0.25s ease, transform 0.25s ease;\n    }\n    .footer-contact-item:hover {\n      color: var(--primary-blue);\n      transform: translateX(3px);\n    }\n    .copyright-bar {\n      border-top: 1px solid #e1e8ed;\n      padding-top: 22px;\n      display: flex;\n      justify-content: space-between;\n      font-size: 11px;\n    }\n    \/* ============ Cuadro de Contacto ============ *\/\n    .contact-section {\n      padding: 100px 0;\n      background-color: var(--light-bg);\n      text-align: center;\n    }\n    .contact-eyebrow {\n      color: var(--accent-red);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n      display: block;\n    }\n    .contact-section .section-desc {\n      margin: 0 auto;\n      max-width: 520px;\n      font-size: 14px;\n      color: var(--text-muted);\n    }\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 0.85fr 1.15fr;\n      gap: 40px;\n      align-items: stretch;\n      margin-top: 40px;\n      text-align: left;\n    }\n    .contact-info {\n      background: linear-gradient(160deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\n      border-radius: 20px;\n      padding: 44px 38px;\n      color: var(--white);\n      box-shadow: var(--shadow-lg);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n    .contact-info h3 {\n      font-size: 22px;\n      font-weight: 900;\n      text-transform: uppercase;\n      margin-bottom: 10px;\n      line-height: 1.25;\n      color: var(--white);\n    }\n    .contact-info \u003e div \u003e p {\n      font-size: 13.5px;\n      color: rgba(255, 255, 255, 0.8);\n      margin-bottom: 34px;\n      max-width: 320px;\n    }\n    .contact-info-list {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-bottom: 34px;\n    }\n    .contact-info-item {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      transition: transform 0.25s ease;\n    }\n    .contact-info-item:hover { transform: translateX(6px); }\n    .contact-info-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.12);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: background-color 0.25s ease, transform 0.25s ease;\n    }\n    .contact-info-item:hover .contact-info-icon {\n      background: rgba(255, 255, 255, 0.22);\n      transform: scale(1.08);\n    }\n    .contact-info-text .label {\n      font-size: 10.5px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.6px;\n      color: rgba(255, 255, 255, 0.6);\n      margin-bottom: 2px;\n    }\n    .contact-info-text .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--white);\n    }\n    .contact-social { display: flex; gap: 12px; }\n    .contact-social a {\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.12);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.25s ease, transform 0.25s ease;\n    }\n    .contact-social a:hover {\n      background: var(--accent-red);\n      transform: translateY(-3px);\n    }\n    .contact-form-card {\n      background: var(--white);\n      border-radius: 20px;\n      padding: 44px;\n      box-shadow: var(--shadow-lg);\n      transition: box-shadow 0.35s ease;\n    }\n    .contact-form-card:hover { box-shadow: 0 26px 55px rgba(11, 60, 125, 0.16); }\n    .contact-form-card h4 {\n      font-size: 20px;\n      font-weight: 900;\n      text-transform: uppercase;\n      color: var(--text-dark);\n      margin-bottom: 6px;\n    }\n    .contact-form-card \u003e p {\n      font-size: 13px;\n      color: var(--text-muted);\n      margin-bottom: 28px;\n    }\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 18px;\n      margin-bottom: 18px;\n    }\n    .form-field { display: flex; flex-direction: column; gap: 6px; }\n    .form-field.full { margin-bottom: 18px; }\n    .form-field label {\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      color: var(--text-dark);\n    }\n    .form-field input,\n    .form-field select,\n    .form-field textarea {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 13.5px;\n      color: var(--text-dark);\n      background: var(--light-bg);\n      border: 1.5px solid transparent;\n      border-radius: 10px;\n      padding: 13px 16px;\n      outline: none;\n      transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;\n    }\n    .form-field textarea { resize: vertical; min-height: 110px; }\n    .form-field input:focus,\n    .form-field select:focus,\n    .form-field textarea:focus {\n      border-color: var(--primary-blue);\n      background: var(--white);\n      box-shadow: 0 0 0 4px rgba(11, 60, 125, 0.1);\n    }\n    .contact-submit {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      width: 100%;\n      background-color: var(--primary-blue);\n      color: var(--white);\n      padding: 15px 30px;\n      border-radius: 30px;\n      font-weight: 700;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border: none;\n      cursor: pointer;\n      margin-top: 6px;\n      box-shadow: 0 8px 20px rgba(11, 60, 125, 0.25);\n      transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .contact-submit:hover {\n      background-color: var(--secondary-blue);\n      transform: translateY(-3px);\n      box-shadow: 0 14px 28px rgba(11, 60, 125, 0.35);\n    }\n    @media (max-width: 900px) {\n      .contact-grid { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 560px) {\n      .form-row { grid-template-columns: 1fr; }\n      .contact-info, .contact-form-card { padding: 30px 22px; }\n    }\n    \/* ============================================================\n       Responsivo — tablets (≤900px)\n       ============================================================ *\/\n    @media (max-width: 900px) {\n      .product-hero-grid,\n      .benefits-grid,\n      .ingredients-grid,\n      .usage-target-grid,\n      .specs-grid,\n      .value-grid,\n      .footer-grid {\n        grid-template-columns: 1fr;\n      }\n      .container { padding: 0 20px; }\n      \/* --- Hero de producto --- *\/\n      .product-hero { padding: 50px 0 60px; text-align: center; }\n      .product-hero-grid { gap: 36px; }\n      .product-image-container { order: -1; }\n      .product-logo-hero { margin-left: auto; margin-right: auto; }\n      .subtitle-tag { font-size: 20px; }\n      .product-description { margin-left: auto; margin-right: auto; max-width: 480px; }\n      .checklist { display: inline-block; text-align: left; margin-left: auto; margin-right: auto; }\n      .btn-add-cart { width: 100%; justify-content: center; }\n      .product-features-mini {\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 18px;\n      }\n      \/* --- Beneficios --- *\/\n      .benefits-grid { gap: 20px; }\n      \/* --- Ingredientes: al ocultarse la foto con líneas guía,\n             centramos la lista para que no quede pegada a la izquierda --- *\/\n      .ingredients-list { max-width: 420px; margin: 0 auto; text-align: left; }\n      \/* --- Modo de uso \/ Para quién es --- *\/\n      .usage-target-grid { gap: 40px; text-align: center; }\n      .steps-container { flex-wrap: wrap; }\n      .step-box { flex: 1 1 30%; min-width: 90px; }\n      .recommendation-box { text-align: left; }\n      .target-list { max-width: 420px; margin: 28px auto 0; text-align: left; }\n      .box-image-container img { max-width: 60%; }\n      \/* --- Specs --- *\/\n      .specs-grid { gap: 18px; }\n      .spec-item { justify-content: center; text-align: left; }\n      \/* --- Barra de valores --- *\/\n      .value-grid { gap: 16px; }\n      .value-item { justify-content: center; text-align: left; }\n      \/* --- Footer --- *\/\n      .footer-grid { gap: 30px; text-align: center; }\n      .footer-grid \u003e div:first-child p { margin-left: auto; margin-right: auto; }\n      .footer-contact-item { justify-content: center; }\n      .copyright-bar { flex-direction: column; gap: 6px; text-align: center; }\n    }\n    \/* ============================================================\n       Responsivo — celulares (≤560px)\n       ============================================================ *\/\n    @media (max-width: 560px) {\n      .container { padding: 0 16px; }\n      .breadcrumb-nav { font-size: 11px; text-align: center; }\n      .product-hero { padding: 40px 0 46px; }\n      .product-logo-hero { max-width: 240px; }\n      .subtitle-tag { font-size: 17px; }\n      .tag-red { font-size: 11px; letter-spacing: 1.2px; }\n      .product-description { font-size: 13.5px; }\n      .feature-item { width: 92px; }\n      .feature-item p { font-size: 10px; }\n      .icon-circle { width: 46px; height: 46px; font-size: 17px; }\n      .icon-circle .icon-mask { width: 32px; height: 32px; }\n      .section-title { font-size: 22px; }\n      .benefits-grid { grid-template-columns: 1fr 1fr; }\n      .benefit-card { padding: 26px 16px; }\n      .steps-container { flex-direction: column; gap: 10px; }\n      .step-box { width: 100%; }\n      .specs-grid { grid-template-columns: 1fr; }\n      .spec-item { justify-content: center; text-align: left; max-width: 320px; margin: 0 auto; }\n      .value-grid { grid-template-columns: 1fr; }\n      .value-item { justify-content: center; max-width: 280px; margin: 0 auto; }\n      .footer-grid { grid-template-columns: 1fr; }\n    }\n  \u003c\/style\u003e\n\u003c!-- Breadcrumb --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Product Hero Section --\u003e\n\u003csection class=\"product-hero\" data-ve-id=\"ve3\" data-ve-bg-url=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1038\/8999\/4097\/files\/portada_hero_sindoalrt.png?v=1788208979\" data-ve-bg-zoom=\"100\" data-ve-bg-pos-x=\"50\" data-ve-bg-pos-y=\"50\"\u003e\n\u003cdiv class=\"container product-hero-grid\" data-ve-id=\"ve2\"\u003e\n\u003cdiv\u003e\n\u003c!-- LOGO DEL HERO: reemplazá el src por el logo real del producto --\u003e \u003cimg class=\"product-logo-hero\" src=\"https:\/\/sindolart.com\/wp-content\/uploads\/2026\/08\/logo-sindolart-envase.png\" alt=\"SÍNDOLART\"\u003e\n\u003cdiv class=\"subtitle-tag\"\u003eALIVIO DEL DOLOR.\u003cbr\u003e\u003cspan style=\"color: var(--primary-blue);\"\u003eMÁS MOVIMIENTO.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tag-red\"\u003eTU ALIADO EN EL DÍA A DÍA\u003c\/span\u003e\n\u003cp class=\"product-description\"\u003eFórmula combinada que ayuda a reducir la inflamación y el dolor en músculos y articulaciones, para que puedas seguir con tu vida sin límites.\u003c\/p\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Alivio efectivo y duradero\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Acción antiinflamatoria\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Fácil aplicación en spray\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Uso diario y en molestias agudas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- data-product-id: reemplazá el \"0\" por el ID real del producto\n             en WooCommerce (Productos → editar producto, aparece en la URL\n             o en la columna ID del listado). --\u003e\n\u003cdiv class=\"product-features-mini\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"icon-circle\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/natural_icon_f6d05d44-ae55-4f3d-ad32-3983f76c09f9.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003eFÓRMULA CON EXTRACTOS NATURALES\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"icon-circle\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/alivio_rapido_icon_9297097f-61a3-43ef-9039-7a922caf7724.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003eALIVIO RÁPIDO Y EFECTIVO\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"icon-circle\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/movimiento_icon_e83713c2-de39-42dc-96b8-b60577bc87df.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003eACOMPAÑA TU MOVIMIENTO\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-image-container\" data-ve-id=\"ve1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Benefits Section --\u003e\n\u003csection class=\"benefits-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title\"\u003eBENEFICIOS \u003cspan\u003ePRINCIPALES\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"title-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/alivio_icon_8cd8ba8b-241e-418a-aba2-2298ab7dd899.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eALIVIO EFECTIVO\u003c\/h4\u003e\n\u003cp\u003eAyuda a reducir el dolor artrítico, articular, muscular y reumático.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/reduc_infla_icon_85d94810-c939-42a2-a2e2-759ef82365f6.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eACCIÓN ANTIINFLAMATORIA\u003c\/h4\u003e\n\u003cp\u003eSus ingredientes trabajan en conjunto para disminuir la inflamación y la molestia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/mejora_movil_icon_6b25af76-3aa7-48cc-835e-1dc4a550f6c4.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eMEJORA LA MOVILIDAD\u003c\/h4\u003e\n\u003cp\u003eFavorece la recuperación y te permite mantener tu ritmo en el día a día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/natural_icon_f6d05d44-ae55-4f3d-ad32-3983f76c09f9.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eFÓRMULA NATURAL\u003c\/h4\u003e\n\u003cp\u003eCombinación de extractos naturales con propiedades terapéuticas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003csection class=\"ingredients-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title\"\u003eINGREDIENTES \u003cspan\u003eACTIVOS\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"title-divider\" style=\"margin: 0 0 44px 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cul class=\"ingredients-list\"\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eSALICILATO DE METILO\u003c\/h5\u003e\n\u003cp\u003eAnalgésico y antiinflamatorio que ayuda a reducir el dolor muscular y articular.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eMENTOL\u003c\/h5\u003e\n\u003cp\u003eProporciona una sensación de frescura y alivio inmediato.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eEUCALIPTOL\u003c\/h5\u003e\n\u003cp\u003eCon efecto antiinflamatorio, antibacteriano y analgésico.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eALCANFOR\u003c\/h5\u003e\n\u003cp\u003eEstimula la circulación local y proporciona una sensación de alivio.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eÁRNICA\u003c\/h5\u003e\n\u003cp\u003eConocida por sus propiedades cicatrizantes y antiinflamatorias.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"ingredient-item\"\u003e\n\u003ch5\u003eCALÉNDULA\u003c\/h5\u003e\n\u003cp\u003eCalma, desinflama y promueve la regeneración de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!--\n          Foto con líneas guía tipo infografía (mismo sistema que\n          PreEntreno y Kids). En celular se oculta y queda la lista\n          de la izquierda como respaldo. Ajustá \"left\" de cada\n          .callout (en %) para que el punto quede sobre el ingrediente\n          real en la foto.\n        --\u003e\n\u003cdiv class=\"ingredient-photo-wrap\"\u003e\n\u003c!-- Fila superior --\u003e\n\u003cdiv class=\"callout callout-top\" style=\"left: 20%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eEucaliptol\u003c\/h6\u003e\n\u003cp\u003eAntiinflamatorio, antibacteriano y analgésico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout callout-top\" style=\"left: 50%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eMentol\u003c\/h6\u003e\n\u003cp\u003eFrescura y alivio inmediato.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout callout-top\" style=\"left: 80%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eSalicilato de Metilo\u003c\/h6\u003e\n\u003cp\u003eAnalgésico y antiinflamatorio para el dolor muscular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/sindolart.com\/wp-content\/uploads\/2026\/08\/composicion_sindolart_clasic-e1786230196458.png\" alt=\"Ingredientes Activos SÍNDOLART\"\u003e \u003c!-- Fila inferior --\u003e\n\u003cdiv class=\"callout callout-bottom\" style=\"left: 25%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eCaléndula\u003c\/h6\u003e\n\u003cp\u003eCalma, desinflama y regenera la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout callout-bottom\" style=\"left: 50%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eÁrnica\u003c\/h6\u003e\n\u003cp\u003eCicatrizante y antiinflamatoria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout callout-bottom\" style=\"left: 78%;\"\u003e\n\u003cdiv class=\"callout-label\"\u003e\n\u003ch6\u003eAlcanfor\u003c\/h6\u003e\n\u003cp\u003eEstimula la circulación y da alivio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"callout-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"callout-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Usage \u0026 Target Section --\u003e\n\u003csection class=\"usage-target-section\"\u003e\n\u003cdiv class=\"container usage-target-grid\"\u003e\n\u003c!-- Left column: How to use --\u003e\n\u003cdiv\u003e\n\u003ch2 class=\"section-title\"\u003eMODO \u003cspan\u003eDE USO\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-box\"\u003e\n\u003cdiv class=\"step-circle\"\u003e1\u003c\/div\u003e\n\u003ch5\u003eAPLICA\u003c\/h5\u003e\n\u003cp\u003eRocía sobre la zona deseada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-box\"\u003e\n\u003cdiv class=\"step-circle\"\u003e2\u003c\/div\u003e\n\u003ch5\u003eDEJA ACTUAR\u003c\/h5\u003e\n\u003cp\u003ePermite que los ingredientes naturales actúen sobre el dolor e inflamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-box\"\u003e\n\u003cdiv class=\"step-circle\"\u003e3\u003c\/div\u003e\n\u003ch5\u003eSIENTE EL ALIVIO\u003c\/h5\u003e\n\u003cp\u003eDisfruta de mayor bienestar y movilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"recommendation-box\"\u003e\n\u003cdiv style=\"font-size: 24px;\"\u003e🕒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRECOMENDADO\u003c\/strong\u003e\n\u003cp\u003ePara uso diario o en molestias agudas. Antes y después de la actividad física o cuando sientas dolor o inflamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Right column: Who is it for --\u003e\n\u003cdiv\u003e\n\u003ch2 class=\"section-title\"\u003e¿PARA \u003cspan\u003eQUIÉN ES?\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cul class=\"target-list\"\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#0b3c7d\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Personas con dolor articular o muscular\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#0b3c7d\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Personas con dolor reumático o artrítico\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#0b3c7d\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Adultos activos que buscan alivio en su día a día\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#0b3c7d\" stroke-width=\"3\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 13l4 4L19 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Quienes necesitan apoyo en lesiones y sobrecarga muscular\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"box-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1038\/8999\/4097\/files\/Sindolart_classic_x3_wooc.png?v=1788201516\" alt=\"Caja SÍNDOLART 3 unidades\" class=\"\" data-ve-id=\"ve4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Specs Bar --\u003e\n\u003csection class=\"specs-bar\"\u003e\n\u003cdiv class=\"container specs-grid\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/spray_icon_88f1abcb-88b9-4104-917b-f12ed2292f6f.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003ch6\u003e60ml\u003c\/h6\u003e\n\u003cp\u003eCONTENIDO NETO\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/empaque_icon_a101cb71-93aa-4ba2-a725-eb171d897a97.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003ch6\u003e3\u003c\/h6\u003e\n\u003cp\u003ePRESENTACIÓN\u003cbr\u003eCaja con 3 unidades\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\n\u003cspan class=\"icon-mask\" style=\"mask-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/8936\/3365\/files\/comodo_icon_9f39b14d-8246-4267-bbf8-ece4c365a790.svg?v=1787876315') !important;\" role=\"img\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003ch6\u003eSPRAY\u003c\/h6\u003e\n\u003cp\u003eFácil aplicación y absorción rápida\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Value Bar --\u003e\n\u003cdiv class=\"value-bar\"\u003e\n\u003cdiv class=\"container value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v18m9-9H3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eIngredientes\u003cbr\u003eNaturales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eCalidad\u003cbr\u003eGarantizada\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eInnovación\u003cbr\u003eConstante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eEnfocados en\u003cbr\u003etu Bienestar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cuadro de Contacto --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Footer --\u003e","brand":"Sindolart","offers":[{"title":"Default Title","offer_id":54037372371244,"sku":null,"price":799.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0935\/5739\/1660\/files\/Sindolart_classic_x3_wooc.png?v=1788810234","url":"https:\/\/sindolart.mx\/products\/sindolart-classic-x3","provider":"Sindolart","version":"1.0","type":"link"}