{"product_id":"3x2-herbalpatch-parche-dolor-de-espalda-y-cuello","title":"3x2 HYLLIS HerbalPatch - Parche Dolor De Espalda Y Cuello","description":"\u003ch1 class=\"kc-h1\" style=\"text-align: center;\"\u003eHerbalPatch™ —\u003cspan style=\"color: rgb(75, 149, 65);\"\u003e \u003cem\u003eAlivio para Espalda y Cuello\u003c\/em\u003e \u003c\/span\u003edesde la Primera Aplicación\u003c\/h1\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(118, 178, 151);\"\u003eParche herbal con efecto calor · 3 cajas (30 parches) · Hasta 8 horas de alivio\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(91, 178, 185);\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/8471\/9022\/files\/Gemini_Generated_Image_65twdr65twdr65tw.png?v=1784580462\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  \/* ==========================================\n     1. OCULTAR MENÚ SUPERIOR (DEJAR SOLO LOGO)\n     ========================================== *\/\n  header nav,\n  header ul,\n  .header nav,\n  .header ul,\n  .site-nav,\n  .site-navigation,\n  .header__inline-menu,\n  .header__menu-item,\n  .menu-drawer-container,\n  .header-drawer,\n  .header__icons,\n  .header__icon-list,\n  details-modal.header__search,\n  .header__search,\n  .header-nav {\n      display: none !important;\n  }\n  \n  \/* Centrar la cabecera *\/\n  header, \n  .header, \n  .header-wrapper header {\n      justify-content: center !important;\n      display: flex !important;\n  }\n\n  \/* Proteger el logo *\/\n  header h1,\n  .header__heading,\n  .header__logo,\n  .header__heading-link,\n  header a[href=\"\/\"] {\n      display: block !important;\n      visibility: visible !important;\n      opacity: 1 !important;\n      pointer-events: auto !important;\n      margin: 0 auto !important; \n  }\n  \n  \/* Bloquear \"También te podría interesar\" *\/\n  .product-recommendations, \n  .related-products,\n  .complementary-products,\n  .product-up-sell,\n  [data-product-recommendations] {\n      display: none !important;\n  }\n  \n  \/* ==========================================\n     2. BLOQUEO SÚPER AGRESIVO DE RESEÑAS NATIVAS\n     ========================================== *\/\n  .spr-badge,\n  .spr-container,\n  .spr-reviews,\n  #shopify-product-reviews,\n  .jdgm-widget,\n  .jdgm-rev-widg,\n  .stamped-main-widget,\n  .yotpo,\n  .product__info-container .rating,\n  .rating-wrapper,\n  div[data-section-type=\"product-reviews\"],\n  div[class*=\"product-reviews\"] {\n      display: none !important;\n      opacity: 0 !important;\n      visibility: hidden !important;\n      height: 0px !important;\n      width: 0px !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      position: absolute !important;\n      z-index: -9999 !important;\n  }\n\n  \/* ==========================================\n     3. TUS ESTRELLAS AMARILLAS BLINDADAS (4.9 - 234)\n     ========================================== *\/\n  #estrellas-nuevas.custom-review-stars {\n      display: flex !important; \n      align-items: center !important; \n      margin-bottom: 20px !important;\n      margin-top: 15px !important;\n      visibility: visible !important;\n      opacity: 1 !important;\n  }\n  .custom-review-stars .stars {\n      color: #FFB300 !important; \n      font-size: 1rem !important; \n      letter-spacing: 2px !important;\n  }\n  .custom-review-stars .score {\n      font-weight: 700 !important; \n      margin-left: 8px !important; \n      font-size: 0.9rem !important; \n      color: #333 !important;\n  }\n  .custom-review-stars .count {\n      color: #666 !important; \n      font-size: 0.85rem !important; \n      margin-left: 5px !important; \n      text-decoration: underline !important;\n  }\n\n  \/* ==========================================\n     4. ESTILOS DEL SLIDER ANTES Y DESPUÉS\n     ========================================== *\/\n  .ba-section {\n      max-width: 800px;\n      margin: 40px auto;\n      padding: 0 15px;\n      text-align: center;\n      font-family: inherit;\n  }\n  .ba-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: #111;\n      margin-bottom: 20px;\n      line-height: 1.2;\n  }\n  .ba-container {\n      position: relative;\n      width: 100%;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n      line-height: 0;\n  }\n  .ba-img-background {\n      width: 100%;\n      display: block;\n      pointer-events: none;\n  }\n  .ba-img-foreground {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n      pointer-events: none;\n  }\n  .ba-slider-input {\n      position: absolute;\n      -webkit-appearance: none;\n      appearance: none;\n      width: 100%;\n      height: 100%;\n      background: transparent;\n      outline: none;\n      margin: 0;\n      top: 0;\n      left: 0;\n      cursor: ew-resize;\n      z-index: 6;\n  }\n  .ba-slider-input::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 4px;\n      height: 100vh;\n      background: transparent;\n      cursor: ew-resize;\n  }\n  .ba-slider-input::-moz-range-thumb {\n      width: 4px;\n      height: 100vh;\n      background: transparent;\n      cursor: ew-resize;\n      border: none;\n  }\n  \n  .ba-slider-line {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      width: 3px;\n      background: #ffffff;\n      transform: translateX(-50%);\n      pointer-events: none;\n      z-index: 4;\n      box-shadow: 0 0 6px rgba(0,0,0,0.3);\n  }\n\n  .ba-slider-btn {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 44px;\n      height: 44px;\n      background: #ffffff;\n      border-radius: 50%;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n      pointer-events: none;\n      z-index: 5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 3px solid #275631;\n  }\n  .ba-slider-btn::after {\n      content: '◂ ▸';\n      font-weight: bold;\n      color: #275631;\n      font-size: 16px;\n  }\n  .ba-labels {\n      position: absolute;\n      top: 15px;\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      padding: 0 15px;\n      box-sizing: border-box;\n      pointer-events: none;\n      z-index: 3;\n  }\n  .ba-label {\n      background: rgba(0,0,0,0.6);\n      color: #fff;\n      padding: 4px 10px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-weight: bold;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n  }\n\n  \/* ==========================================\n     5. ESTILOS DE LA SECCIÓN DE RESULTADOS (%)\n     ========================================== *\/\n  .results-section {\n      background-color: #f9f9f9; \n      padding: 30px 20px;\n      border-radius: 12px;\n      margin: 30px 0;\n      text-align: center;\n      font-family: inherit;\n  }\n  .results-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: #111;\n      margin-bottom: 25px;\n      line-height: 1.2;\n  }\n  .results-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n  }\n  @media (min-width: 768px) {\n      .results-grid {\n          flex-direction: row;\n          justify-content: space-between;\n      }\n  }\n  .result-item {\n      background: #ffffff;\n      padding: 25px 20px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.04);\n      border: 1px solid #eee;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      text-align: left;\n  }\n  .result-percentage {\n      font-size: 2.8rem;\n      font-weight: 800;\n      color: #275631; \n      margin-bottom: 10px;\n      line-height: 1;\n  }\n  .result-text {\n      font-size: 0.95rem;\n      color: #444;\n      line-height: 1.5;\n      margin-bottom: 15px;\n      flex-grow: 1;\n  }\n  .progress-bar-container {\n      background: #e6e6e6;\n      border-radius: 20px;\n      height: 8px;\n      width: 100%;\n      overflow: hidden;\n  }\n  .progress-bar-fill {\n      background: #275631;\n      height: 100%;\n      border-radius: 20px;\n  }\n\n  \/* ==========================================\n     6. ESTILOS DE PREGUNTAS FRECUENTES\n     ========================================== *\/\n  .faq-section-custom {\n      max-width: 800px;\n      margin: 40px auto 10px auto !important;\n      padding: 0 15px 30px 15px !important; \n      font-family: inherit;\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n      clear: both !important; \n  }\n  .faq-title-custom {\n      text-align: left;\n      font-size: 24px;\n      font-weight: bold;\n      margin-bottom: 25px;\n      color: #1a1a1a;\n  }\n  .faq-item-custom {\n      border-bottom: 1px solid #e5e5e5;\n      overflow: visible !important;\n  }\n  .faq-item-custom:last-child {\n      border-bottom: none; \n      padding-bottom: 30px !important; \n  }\n  .faq-item-custom details {\n      width: 100%;\n      height: auto !important;\n      overflow: visible !important;\n  }\n  .faq-item-custom summary {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 600;\n      font-size: 16px;\n      cursor: pointer;\n      padding: 18px 0;\n      color: #333;\n      list-style: none;\n  }\n  .faq-item-custom summary::-webkit-details-marker {\n      display: none;\n  }\n  .faq-item-custom summary::after {\n      content: '+';\n      font-size: 24px;\n      font-weight: 300;\n      color: #275631;\n      transition: transform 0.3s ease;\n  }\n  .faq-item-custom details[open] summary::after {\n      content: '−';\n      transform: rotate(180deg);\n  }\n  .faq-content-custom {\n      padding: 5px 0 20px 0 !important;\n      font-size: 15px;\n      color: #555;\n      line-height: 1.6 !important;\n      display: block !important;\n      height: auto !important;\n      overflow: visible !important;\n  }\n\n  \/* ==========================================\n     7. ESTILOS DEL SLIDER Y FORMULARIO DE COMENTARIOS\n     ========================================== *\/\n  .comments-section-container {\n      max-width: 800px;\n      margin: 0 auto 50px auto;\n      padding: 0 15px;\n      font-family: inherit;\n  }\n  .comments-title {\n      text-align: center;\n      font-size: 24px;\n      font-weight: bold;\n      margin-bottom: 20px;\n      color: #1a1a1a;\n  }\n  .testimonial-slider {\n      position: relative;\n      background: #ffffff;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n      border: 1px solid #eaeaea;\n      overflow: hidden;\n      text-align: center;\n      padding: 30px 40px;\n      margin-bottom: 30px;\n  }\n  .slide { display: none; animation: fade-in 0.6s ease-in-out; }\n  .slide.active { display: block; }\n  .slide-text { font-size: 1rem; color: #444; margin: 15px 0; font-style: italic; line-height: 1.5; }\n  .slide-author { font-weight: 700; color: #275631; font-size: 0.95rem; }\n  \n  \/* ESTRELLITAS PEQUEÑAS EN EL SLIDER *\/\n  .testimonial-slider .slide span[style*=\"color: #FFB300\"] {\n      font-size: 0.85rem !important; \n      letter-spacing: 1px !important;\n  }\n\n  .slider-btn {\n      position: absolute; top: 50%; transform: translateY(-50%);\n      background: rgba(39, 86, 49, 0.1); color: #275631;\n      border: none; width: 36px; height: 36px; border-radius: 50%;\n      cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center;\n      transition: background 0.3s, color 0.3s; z-index: 10;\n  }\n  .slider-btn:hover { background: #275631; color: #ffffff; }\n  .slider-btn.prev { left: 10px; }\n  .slider-btn.next { right: 10px; }\n  \n  \/* Formulario Falso *\/\n  .fake-comment-form {\n      background: #f9f9f9;\n      padding: 25px;\n      border-radius: 12px;\n      border: 1px solid #eaeaea;\n      text-align: left;\n  }\n  .fake-comment-form h3 {\n      font-size: 18px;\n      margin-bottom: 15px;\n      color: #1a1a1a;\n      font-weight: 600;\n  }\n  .fake-comment-form input, .fake-comment-form textarea {\n      width: 100%;\n      padding: 12px 15px;\n      margin-bottom: 15px;\n      border: 1px solid #ddd;\n      border-radius: 6px;\n      font-family: inherit;\n      box-sizing: border-box;\n      font-size: 14px;\n  }\n  .fake-comment-form button {\n      background-color: #275631;\n      color: #fff;\n      border: none;\n      padding: 14px 25px;\n      font-size: 16px;\n      font-weight: bold;\n      border-radius: 6px;\n      cursor: pointer;\n      width: 100%;\n      transition: background 0.3s;\n  }\n  .fake-comment-form button:hover {\n      background-color: #1a3c22;\n  }\n  #dummy-success-msg {\n      display: none;\n      background: #e8f5e9;\n      color: #2e7d32;\n      padding: 15px;\n      border-radius: 8px;\n      text-align: center;\n      font-weight: 600;\n      border: 1px solid #c8e6c9;\n  }\n\n  @keyframes fade-in {\n      from { opacity: 0; transform: translateY(5px); }\n      to { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================\n     INICIO DE LA ESTRUCTURA VISUAL (HTML)\n     ========================================== --\u003e\n\n\u003c!-- 1. ESTRELLAS DE VALORACIÓN AMARILLAS (NUESTRAS) --\u003e\n\u003cdiv class=\"custom-review-stars\" id=\"estrellas-nuevas\"\u003e\n   \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n   \u003cspan class=\"score\"\u003e4.9\u003c\/span\u003e\n   \u003cspan class=\"count\"\u003e(234 valoraciones)\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- 2. SLIDER DE ANTES Y DESPUÉS --\u003e\n\u003cdiv class=\"ba-section\"\u003e\n    \u003ch2 class=\"ba-title\"\u003eMira la diferencia en acción\u003c\/h2\u003e\n    \u003cdiv class=\"ba-container\"\u003e\n        \u003cdiv class=\"ba-labels\"\u003e\n            \u003cspan class=\"ba-label\"\u003eAntes\u003c\/span\u003e\n            \u003cspan class=\"ba-label\"\u003eDespués\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/8471\/9022\/files\/WhatsApp_Image_2026-07-21_at_4.55.56_PM.jpg?v=1784667434\" alt=\"Resultado Después\" class=\"ba-img-background\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/8471\/9022\/files\/333.jpg?v=1784667434\" alt=\"Estado Antes\" class=\"ba-img-foreground\" id=\"ba-foreground\"\u003e\n        \u003cinput type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"ba-slider-input\" id=\"ba-slider\"\u003e\n        \u003cdiv class=\"ba-slider-line\" id=\"ba-line\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ba-slider-btn\" id=\"ba-btn\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 3. SECCIÓN DE PORCENTAJES DE RESULTADOS --\u003e\n\u003cdiv class=\"results-section\"\u003e\n    \u003ch2 class=\"results-title\"\u003eResultados probados por nuestros clientes\u003c\/h2\u003e\n    \u003cdiv class=\"results-grid\"\u003e\n        \u003cdiv class=\"result-item\"\u003e\n            \u003cdiv class=\"result-percentage\"\u003e97%\u003c\/div\u003e\n            \u003cdiv class=\"result-text\"\u003eSintió un rápido alivio de la tensión en la espalda y cuello tras el primer parche.\u003c\/div\u003e\n            \u003cdiv class=\"progress-bar-container\"\u003e\n                \u003cdiv class=\"progress-bar-fill\" style=\"width: 97%;\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item\"\u003e\n            \u003cdiv class=\"result-percentage\"\u003e94%\u003c\/div\u003e\n            \u003cdiv class=\"result-text\"\u003eNotó una reducción profunda del dolor muscular diario, mejorando su movilidad.\u003c\/div\u003e\n            \u003cdiv class=\"progress-bar-container\"\u003e\n                \u003cdiv class=\"progress-bar-fill\" style=\"width: 94%;\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item\"\u003e\n            \u003cdiv class=\"result-percentage\"\u003e98%\u003c\/div\u003e\n            \u003cdiv class=\"result-text\"\u003eAfirma que los parches son cómodos, no irritan la piel y se usan perfecto bajo la ropa.\u003c\/div\u003e\n            \u003cdiv class=\"progress-bar-container\"\u003e\n                \u003cdiv class=\"progress-bar-fill\" style=\"width: 98%;\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 4. SECCIÓN DE PREGUNTAS FRECUENTES --\u003e\n\u003cdiv class=\"faq-section-custom\"\u003e\n  \u003ch2 class=\"faq-title-custom\"\u003ePreguntas Frecuentes\u003c\/h2\u003e\n  \u003cdiv class=\"faq-item-custom\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003e¿Cuántos parches incluye mi compra?\u003c\/summary\u003e\n      \u003cdiv class=\"faq-content-custom\"\u003eCada caja contiene 10 parches. Con la promoción especial 3x2 recibes 30 parches en total. Esto equivale a un mes completo de alivio continuo, siguiendo la aplicación recomendada de 1 parche diario.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"faq-item-custom\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003e¿En cuánto tiempo comenzaré a sentir alivio?\u003c\/summary\u003e\n      \u003cdiv class=\"faq-content-custom\"\u003eLa gran mayoría de las personas siente alivio desde la primera aplicación. A los pocos minutos experimentarás una sensación de calor suave, y la zona se sentirá mucho más relajada con el uso regular.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"faq-item-custom\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003e¿Cuál es la forma correcta de aplicarlos?\u003c\/summary\u003e\n      \u003cdiv class=\"faq-content-custom\"\u003eAplica el parche directamente sobre la piel limpia y seca, justo en la zona de dolor. Déjalo actuar entre 6 y 8 horas. Para obtener los mejores resultados, se recomienda utilizar 1 parche al día.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"faq-item-custom\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003e¿Existen contraindicaciones o efectos secundarios?\u003c\/summary\u003e\n      \u003cdiv class=\"faq-content-custom\"\u003eEs un producto de uso externo formulado con extractos herbales seguros. Solo debes evitar aplicarlo sobre heridas abiertas o piel irritada. Si estás embarazada, en periodo de lactancia o tienes alergias cutáneas, te sugerimos consultar con tu médico.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"faq-item-custom\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003e¿Cómo funciona el envío y cuáles son los métodos de pago?\u003c\/summary\u003e\n      \u003cdiv class=\"faq-content-custom\"\u003eEn Suplementa Chile el envío es totalmente gratis a todo el país y demora entre 24 y 72 horas hábiles. Para tu mayor tranquilidad, pagas en efectivo o con tarjeta directamente al courier cuando el pedido llega a tu casa. Además, te enviamos todo el seguimiento por WhatsApp.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5. SECCIÓN DE COMENTARIOS Y FORMULARIO --\u003e\n\u003cdiv class=\"comments-section-container\"\u003e\n    \u003ch2 class=\"comments-title\"\u003eComentarios Destacados\u003c\/h2\u003e\n    \n    \u003cdiv class=\"testimonial-slider\"\u003e\n        \u003cbutton class=\"slider-btn prev\" onclick=\"moveSlide(-1)\"\u003e❮\u003c\/button\u003e\n        \u003cbutton class=\"slider-btn next\" onclick=\"moveSlide(1)\"\u003e❯\u003c\/button\u003e\n        \n        \u003cdiv class=\"slide active\"\u003e\n            \u003cspan style=\"color: #FFB300;\"\u003e★★★★★\u003c\/span\u003e\n            \u003cp class=\"slide-text\"\u003e\"me contactaron por whatsapp apenas compre y llegaron al dia siguiente\"\u003c\/p\u003e\n            \u003cp class=\"slide-author\"\u003eCarmen Andrade\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"slide\"\u003e\n            \u003cspan style=\"color: #FFB300;\"\u003e★★★★★\u003c\/span\u003e\n            \u003cp class=\"slide-text\"\u003e\"llegaron en 2 dias a la region de los lagos y con envio gratis\"\u003c\/p\u003e\n            \u003cp class=\"slide-author\"\u003eMonica Cifuentes\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"slide\"\u003e\n            \u003cspan style=\"color: #FFB300;\"\u003e★★★★★\u003c\/span\u003e\n            \u003cp class=\"slide-text\"\u003e\"he probado varios parches y estos son los que mejor me han funcionado\"\u003c\/p\u003e\n            \u003cp class=\"slide-author\"\u003eCarlos Repudio\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"slide\"\u003e\n            \u003cspan style=\"color: #FFB300;\"\u003e★★★★★\u003c\/span\u003e\n            \u003cp class=\"slide-text\"\u003e\"los compre para mi papa, le hago masajes yo misma y luego le pongo un parchecito, son una maravilla\"\u003c\/p\u003e\n            \u003cp class=\"slide-author\"\u003eClaudia Riquelme\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"slide\"\u003e\n            \u003cspan style=\"color: #FFB300;\"\u003e★★★★\u003cspan style=\"color: #e5e5e5;\"\u003e★\u003c\/span\u003e\u003c\/span\u003e\n            \u003cp class=\"slide-text\"\u003e\"venian 2 cajas, pero ya me enviaron 2 más de regalo por el inconveniente, gracias.\"\u003c\/p\u003e\n            \u003cp class=\"slide-author\"\u003eJose Luis\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fake-comment-form\"\u003e\n        \u003ch3\u003eDeja tu comentario\u003c\/h3\u003e\n        \u003cform id=\"dummy-form\"\u003e\n            \u003cinput type=\"text\" placeholder=\"Nombre y apellido\" required\u003e\n            \u003cinput type=\"email\" placeholder=\"Correo electrónico\" required\u003e\n            \u003ctextarea placeholder=\"Escribe tu comentario aquí...\" rows=\"3\" required\u003e\u003c\/textarea\u003e\n            \u003cbutton type=\"submit\"\u003eComentar\u003c\/button\u003e\n        \u003c\/form\u003e\n        \u003cp id=\"dummy-success-msg\"\u003e¡Gracias! Tu comentario ha sido enviado y está pendiente de moderación.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================\n     SCRIPT JS DE CONTROL Y PROTECCIÓN\n     ========================================== --\u003e\n\u003cscript\u003e\n    \/\/ 1. SLIDERS INTERACTIVOS\n    const baSlider = document.getElementById('ba-slider');\n    const baForeground = document.getElementById('ba-foreground');\n    const baBtn = document.getElementById('ba-btn');\n    const baLine = document.getElementById('ba-line');\n\n    if(baSlider \u0026\u0026 baForeground \u0026\u0026 baBtn \u0026\u0026 baLine) {\n        baSlider.addEventListener('input', function(e) {\n            const sliderPos = e.target.value;\n            baForeground.style.clipPath = `polygon(0 0, ${sliderPos}% 0, ${sliderPos}% 100%, 0 100%)`;\n            baBtn.style.left = `${sliderPos}%`;\n            baLine.style.left = `${sliderPos}%`;\n        });\n    }\n\n    let currentSlide = 0;\n    const slides = document.querySelectorAll('.slide');\n    let slideInterval;\n\n    function showSlide(index) {\n        slides.forEach(slide =\u003e slide.classList.remove('active'));\n        if (index \u003e= slides.length) currentSlide = 0;\n        if (index \u003c 0) currentSlide = slides.length - 1;\n        slides[currentSlide].classList.add('active');\n    }\n\n    function moveSlide(n) {\n        currentSlide += n;\n        showSlide(currentSlide);\n        resetInterval(); \n    }\n\n    function autoPlay() {\n        currentSlide++;\n        showSlide(currentSlide);\n    }\n\n    function resetInterval() {\n        clearInterval(slideInterval);\n        slideInterval = setInterval(autoPlay, 5000); \n    }\n\n    if(slides.length \u003e 0) {\n        slideInterval = setInterval(autoPlay, 5000);\n    }\n\n    const dummyForm = document.getElementById('dummy-form');\n    if(dummyForm) {\n        dummyForm.addEventListener('submit', function(e) {\n            e.preventDefault(); \n            this.style.display = 'none'; \n            document.getElementById('dummy-success-msg').style.display = 'block'; \n        });\n    }\n\n    \/\/ 2. POSICIONAMIENTO BLINDADO DE ESTRELLAS Y ELIMINACIÓN DE COMENTARIOS INFERIORES\n    function organizarElementos() {\n        const estrellasNuevas = document.getElementById('estrellas-nuevas');\n        \n        if (estrellasNuevas) {\n            \/\/ A. BUSCAR EL PUNTO EXACTO PARA INSERTAR (Lista de clientes o unidades)\n            let elementoReferencia = null;\n            let insertarAntes = false; \/\/ Flag: false = insertar después, true = insertar antes\n            \n            \/\/ Buscamos todos los textos dentro de la info del producto para encontrar la lista\n            const todosLosTextos = document.querySelectorAll('.product__info-container span, .product__info-container p, .product__info-container li, .product__info-container div');\n            \n            for (let el of todosLosTextos) {\n                const txt = (el.innerText || '').toLowerCase().trim();\n                \/\/ Si encontramos la línea de los 1300 clientes o las unidades disponibles\n                if (txt.includes('1300 clientes satisfechos') || txt.includes('unidades disponibles')) {\n                    \/\/ Tomamos el contenedor padre (el ítem de la lista \u003cli\u003e o el div flex)\n                    elementoReferencia = el.closest('li') || el.closest('.product-block') || el;\n                    insertarAntes = false; \/\/ Queremos que las estrellas vayan DESPUÉS de este texto\n                }\n            }\n\n            \/\/ B. FALLBACK DE SEGURIDAD (Si no encuentra el texto, busca el botón negro de compra)\n            if (!elementoReferencia) {\n                elementoReferencia = document.querySelector('form[action*=\"\/cart\/add\"], product-form');\n                if (elementoReferencia) {\n                    insertarAntes = true; \/\/ Queremos que vaya ANTES del botón\n                }\n            }\n\n            \/\/ C. MOVER LAS ESTRELLAS A LA POSICIÓN ENCONTRADA\n            if (elementoReferencia \u0026\u0026 elementoReferencia.parentNode) {\n                if (insertarAntes) {\n                    \/\/ Insertar justo encima del botón\n                    if (estrellasNuevas.nextElementSibling !== elementoReferencia) {\n                        elementoReferencia.parentNode.insertBefore(estrellasNuevas, elementoReferencia);\n                    }\n                } else {\n                    \/\/ Insertar justo debajo del texto de 1300 clientes o unidades\n                    if (estrellasNuevas.previousElementSibling !== elementoReferencia) {\n                        elementoReferencia.parentNode.insertBefore(estrellasNuevas, elementoReferencia.nextSibling);\n                    }\n                }\n            }\n        }\n\n        \/\/ D. CAZAR Y DESTRUIR LOS COMENTARIOS NATIVOS DEL FINAL SIN ROMPER LA PÁGINA\n        document.querySelectorAll('span, p, h2, h3, a, div').forEach(el =\u003e {\n            \/\/ REGLA DE ORO: Si el elemento está dentro de nuestras estrellas o comentarios, ignóralo\n            if (el.id === 'estrellas-nuevas' || el.closest('#estrellas-nuevas') || el.closest('.comments-section-container')) {\n                return; \n            }\n\n            const texto = (el.innerText || '').trim().toLowerCase();\n            \n            \/\/ Eliminar texto nativo de 0 reseñas\n            if (texto === '0 reseñas' || texto === '0 resenas' || texto === '0 reviews') {\n                el.style.setProperty('display', 'none', 'important');\n            }\n            \n            \/\/ Detectar los títulos del bloque nativo del final\n            if (texto === 'comentarios de los clientes' || texto === 'aún no hay comentarios' || texto === 'escriba un comentario') {\n                el.style.setProperty('display', 'none', 'important');\n                \n                \/\/ Si encontramos el título del cuadro vacío del final, ocultamos toda su sección\n                const bloquePadre = el.closest('.shopify-section, section, div[class*=\"review\"]');\n                \n                \/\/ Verificamos que el bloque no sea el principal del producto para no dejar pantalla blanca\n                if (bloquePadre \u0026\u0026 !bloquePadre.querySelector('h1') \u0026\u0026 !bloquePadre.classList.contains('comments-section-container')) {\n                    bloquePadre.style.setProperty('display', 'none', 'important');\n                    bloquePadre.style.setProperty('height', '0', 'important');\n                    bloquePadre.style.setProperty('overflow', 'hidden', 'important');\n                    bloquePadre.style.setProperty('margin', '0', 'important');\n                    bloquePadre.style.setProperty('padding', '0', 'important');\n                }\n            }\n        });\n    }\n\n    \/\/ Ejecutar constantemente para asegurar la posición sin parpadeos\n    setInterval(organizarElementos, 300);\n\u003c\/script\u003e","brand":"suplementa","offers":[{"title":"Default Title","offer_id":48117750988974,"sku":null,"price":22650.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/8471\/9022\/files\/Gemini_Generated_Image_6g8rd56g8rd56g8r.jpg?v=1784668647","url":"https:\/\/suplementachile.cl\/products\/3x2-herbalpatch-parche-dolor-de-espalda-y-cuello","provider":"suplementa","version":"1.0","type":"link"}