<turbo-stream action="replace" target="product-images"><template>
  <div id="product-images" data-controller="image-selector" class="rounded border bg-white py-4 md:py-8 w-full flex flex-col items-center justify-center">
  <div class="flex flex-row items-center justify-center h-56 sm:h-72 md:h-96 w-full">
    <div data-image-selector-target="mainImage" class="relative swiper flex h-full w-full">
      <div class="swiper-wrapper flex w-full h-full">
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 0 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/5n6hiff1cqo660eeokxyybxg2ym5?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 1 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/sfxuke5be2c549bvffz71ybsasv5?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 2 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/cte03f5pmfmo8veplgn9t341lt37?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 3 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/xvf6u7nnkr103ptfqmcbp2torbgz?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 4 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/3z3scp9guuct5lawvcndvjzqrfzz?_a=BACCd2Ev" />
              </div>
            </div>
      </div>
      <div data-image-selector-target="prev" class="swiper-button-prev bg-zinc-100 text-gray-900 rounded-r-lg -ml-3 opacity-50 hover:opacity-90"></div>
      <div data-image-selector-target="next" class="swiper-button-next bg-gray-100 text-gray-900 rounded-l-lg -mr-3 opacity-50 hover:opacity-90"></div>
    </div>
  </div>
    <div class="flex flex-wrap w-full justify-center items-base px-6 lg:px-12 mt-4" data-image-selector-target="thumbnails">
        <button
          data-action="image-selector#selectImage"
          data-idx="0"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 border-sky-500"
        >
          <img class="object-contain aspect-square" alt="Thumbnail 0 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/5n6hiff1cqo660eeokxyybxg2ym5?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="1"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 1 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/sfxuke5be2c549bvffz71ybsasv5?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="2"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 2 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/cte03f5pmfmo8veplgn9t341lt37?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="3"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 3 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/xvf6u7nnkr103ptfqmcbp2torbgz?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="4"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 4 de Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/3z3scp9guuct5lawvcndvjzqrfzz?_a=BACCd2Ev" />
        </button>
    </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-form-mobile"><template>
  <div id="product-form-mobile" class="md:hidden"><div class="rounded border bg-white md:sticky flex flex-col py-2 md:py-4 px-4 lg:py-0 lg:px-8 lg:pb-4 lg:pt-4" data-controller="sticky-card">
  <h1 id="name-139919" class="text-xl text-blue-900 font-medium">Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="139919">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-139919" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/LG">LG</a>
    <h2 id="sku-139919" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: 22U401A-B</h2>
    <div
      class="flex justify-start mr-3 my-1"
    >
      <div
        class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-emerald-500"
      >
        <span class="font-bold">Nuevo</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto Nuevo Sellado en Caja
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                  <p
                data-tippy-target="button"
              >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-white-500 w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

              </p>

  </button>
</div>
        </div>
      </div>
    </div>

    <div class="flex justify-start my-1 mr-3">
        <div
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              10/4
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                    <p data-tippy-target="button">
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

                </p>

  </button>
</div>
          </div>
        </div>
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-139919" class=" text-2xl text-sky-500">
          $ 91.990
        </span>
        <span class="text-gray-400 text-xs ml-2 mb-1">Todo medio de pago</span>
      </div>
    </div>
  </div>
  <div class="flex flex-row mt-4">
    <span class="text-lg text-blue-900 font-medium">Stock:</span>
    <div class="flex flex-col mx-14 space-y-1 w-full">
      <div class="flex space-x-2 items-center">
        <div class="h-2 w-2 ml-1 flex items-center ">
          <div class="rounded-full bg-emerald-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-139919" class="text-emerald-700 align-middle">
          Disponible, más de 20 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-emerald-500 h-2" style="width: 67%;">
        </div>
      </div>
    </div>
  </div>

  <div data-controller="number-input">
    <div class="flex flex-row mt-6 items-center">
      <span class="text-lg text-blue-900 font-medium">Cantidad:</span>
      <div class="ml-8 flex flex-row border w-min rounded">
        <button data-number-input-target="decrementButton" data-action="number-input#decrement" class="py-0.5 px-4 text-2xl font-light text-gray-500 cursor-pointer hover:text-black hover:bg-gray-100 duration-200">-</button>
        <input aria-label="Cantidad" data-number-input-target="firstInput" data-action="number-input#change" value="1" type="number" min="1" max="722" class="text-center py-0.5 px-1 text-lg font-light flex w-14 items-center border-x border-y-0 border-gray-200">
        <button data-number-input-target="incrementButton" data-action="number-input#increment" class="py-0.5 px-4 text-2xl font-light text-gray-500 cursor-pointer hover:text-black hover:bg-gray-100 duration-200">+</button>
      </div>
    </div>

    <div class="grid grid-cols-2 space-x-4 mt-6">
      <script>
          function addToCart() {
              window.dataLayer = window.dataLayer || [];
              let quantity = document.querySelector(".hidden #product_quantity").value;
              let item = {"item_id":"22U401A-B","item_name":"Monitor LG 22U401A-B 21.5\" FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)","affiliation":"tecnomas.cl","index":0,"item_brand":"LG","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":91990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 91990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="139919" data-analytics-environment-value="production" data-analytics-product-price-value="91990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;22U401A-B&quot;,&quot;item_name&quot;:&quot;Monitor LG 22U401A-B 21.5\&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;LG&quot;,&quot;item_category&quot;:&quot;Monitores&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:91990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xZuB6KJV8f_2Mx59Ogsq6Ucxx90k8PJDuKq9Tf3rwM1ukPBxTfL0RFgssUz6ci93nLpSrjCoZwWdL1_IHzgYDg" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product[id]" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldOne" data-analytics-target="cartQuantity" autocomplete="off" type="hidden" name="product[quantity]" id="product_quantity" />
          <button name="button" type="submit" class="add-to-cart-button cursor-pointer flex flex-row items-center justify-center rounded bg-sky-500 text-white w-full py-3 hover:bg-sky-400">
            <div class="show-when-enabled">
              Agregar al carro
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dtdWNGvKRN3jiDXqdcQBXa80C0sBJuAomK9NXb5ZbP7TlhUvpguHzQba9g6LsHhln_E_KncuADRp-dwAXUe7qQ" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product[id]" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldTwo" autocomplete="off" type="hidden" name="product[quantity]" id="product_quantity" />
          <button name="button" type="submit" class="purchase-now-button cursor-pointer flex flex-row items-center justify-center rounded bg-blue-900 text-white w-full py-3 hover:bg-blue-700 duration-200">
            <div class="show-when-enabled">
              Comprar ahora
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>    </div>

    <div class="flex justify-center mt-3">
      <form class="inline" action="/cotizacion/express" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="neqJwSiA_M-tdJgcZHWTAEun2sG6yuTqAkUVZusGBWpEUjlWE6k4rsX9zGxkH6X3xqYg7pc6vecVOj5BNLtZDQ" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-form-desktop"><template>
  <div id="product-form-desktop" class="w-full hidden md:flex md:flex-col"><div class="rounded border bg-white md:sticky flex flex-col py-2 md:py-4 px-4 lg:py-0 lg:px-8 lg:pb-4 lg:pt-4" data-controller="sticky-card">
  <h1 id="name-139919" class="text-xl text-blue-900 font-medium">Monitor LG 22U401A-B 21.5&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="139919">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-139919" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/LG">LG</a>
    <h2 id="sku-139919" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: 22U401A-B</h2>
    <div
      class="flex justify-start mr-3 my-1"
    >
      <div
        class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-emerald-500"
      >
        <span class="font-bold">Nuevo</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto Nuevo Sellado en Caja
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                  <p
                data-tippy-target="button"
              >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-white-500 w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

              </p>

  </button>
</div>
        </div>
      </div>
    </div>

    <div class="flex justify-start my-1 mr-3">
        <div
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              10/4
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                    <p data-tippy-target="button">
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

                </p>

  </button>
</div>
          </div>
        </div>
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-139919" class=" text-2xl text-sky-500">
          $ 91.990
        </span>
        <span class="text-gray-400 text-xs ml-2 mb-1">Todo medio de pago</span>
      </div>
    </div>
  </div>
  <div class="flex flex-row mt-4">
    <span class="text-lg text-blue-900 font-medium">Stock:</span>
    <div class="flex flex-col mx-14 space-y-1 w-full">
      <div class="flex space-x-2 items-center">
        <div class="h-2 w-2 ml-1 flex items-center ">
          <div class="rounded-full bg-emerald-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-139919" class="text-emerald-700 align-middle">
          Disponible, más de 20 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-emerald-500 h-2" style="width: 67%;">
        </div>
      </div>
    </div>
  </div>

  <div data-controller="number-input">
    <div class="flex flex-row mt-6 items-center">
      <span class="text-lg text-blue-900 font-medium">Cantidad:</span>
      <div class="ml-8 flex flex-row border w-min rounded">
        <button data-number-input-target="decrementButton" data-action="number-input#decrement" class="py-0.5 px-4 text-2xl font-light text-gray-500 cursor-pointer hover:text-black hover:bg-gray-100 duration-200">-</button>
        <input aria-label="Cantidad" data-number-input-target="firstInput" data-action="number-input#change" value="1" type="number" min="1" max="722" class="text-center py-0.5 px-1 text-lg font-light flex w-14 items-center border-x border-y-0 border-gray-200">
        <button data-number-input-target="incrementButton" data-action="number-input#increment" class="py-0.5 px-4 text-2xl font-light text-gray-500 cursor-pointer hover:text-black hover:bg-gray-100 duration-200">+</button>
      </div>
    </div>

    <div class="grid grid-cols-2 space-x-4 mt-6">
      <script>
          function addToCart() {
              window.dataLayer = window.dataLayer || [];
              let quantity = document.querySelector(".hidden #product_quantity").value;
              let item = {"item_id":"22U401A-B","item_name":"Monitor LG 22U401A-B 21.5\" FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)","affiliation":"tecnomas.cl","index":0,"item_brand":"LG","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":91990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 91990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="139919" data-analytics-environment-value="production" data-analytics-product-price-value="91990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;22U401A-B&quot;,&quot;item_name&quot;:&quot;Monitor LG 22U401A-B 21.5\&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;LG&quot;,&quot;item_category&quot;:&quot;Monitores&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:91990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xZuB6KJV8f_2Mx59Ogsq6Ucxx90k8PJDuKq9Tf3rwM1ukPBxTfL0RFgssUz6ci93nLpSrjCoZwWdL1_IHzgYDg" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product[id]" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldOne" data-analytics-target="cartQuantity" autocomplete="off" type="hidden" name="product[quantity]" id="product_quantity" />
          <button name="button" type="submit" class="add-to-cart-button cursor-pointer flex flex-row items-center justify-center rounded bg-sky-500 text-white w-full py-3 hover:bg-sky-400">
            <div class="show-when-enabled">
              Agregar al carro
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dtdWNGvKRN3jiDXqdcQBXa80C0sBJuAomK9NXb5ZbP7TlhUvpguHzQba9g6LsHhln_E_KncuADRp-dwAXUe7qQ" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product[id]" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldTwo" autocomplete="off" type="hidden" name="product[quantity]" id="product_quantity" />
          <button name="button" type="submit" class="purchase-now-button cursor-pointer flex flex-row items-center justify-center rounded bg-blue-900 text-white w-full py-3 hover:bg-blue-700 duration-200">
            <div class="show-when-enabled">
              Comprar ahora
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>    </div>

    <div class="flex justify-center mt-3">
      <form class="inline" action="/cotizacion/express" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="neqJwSiA_M-tdJgcZHWTAEun2sG6yuTqAkUVZusGBWpEUjlWE6k4rsX9zGxkH6X3xqYg7pc6vecVOj5BNLtZDQ" autocomplete="off" />
        <input value="139919" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-specs"><template>
  <div id="product-specs">
    <div class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
      <p class="text-blue-900 text-2xl mb-4 font-medium">Especificaciones</p>
      <div class="flex flex-col divide-y">
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Curvatura</p>
            <p class="text-gray-600">Plano</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Frecuencia de Refresco de Pantalla</p>
            <p class="text-gray-600">100 Hz</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Resolución</p>
            <p class="text-gray-600">Full HD (1920x1080)</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tamaño de pantalla (&quot;)</p>
            <p class="text-gray-600">21.5</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de Panel</p>
            <p class="text-gray-600">VA</p>
          </div>
      </div>
    </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-description"><template>
  <div id="product-description" class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
  <p class="text-blue-900 text-2xl mb-4 font-medium">Descripción</p>
  <div class="trix-content">
  <p>Descubre el <strong>Monitor LG 22U401A-B</strong>, una impresionante pantalla de <strong>21.5 pulgadas</strong> que ofrece una resolución <strong>Full HD</strong> de <strong>1920 x 1080 píxeles</strong>. Este monitor, con su tecnología de visualización <strong>VA</strong>, proporciona colores vibrantes y un contraste excepcional, ideal para cualquier tarea, ya sea trabajo, entretenimiento o gaming. Su relación de aspecto de <strong>16:9</strong> asegura que puedas disfrutar de tus películas y series favoritas con una experiencia visual envolvente.</p>

<p>Con un brillo típico de <strong>250 cd/m²</strong> y una relación de contraste de <strong>3000:1</strong>, el LG 22U401A-B garantiza imágenes nítidas y claras, incluso en condiciones de luz brillante. Además, su soporte para <strong>HDR10</strong> permite que los detalles más sutiles en las sombras y luces brillantes sean visibles, mejorando aún más tu experiencia visual. La pantalla es antirreflectante, lo que significa que puedes trabajar o jugar durante horas sin preocuparte por los reflejos molestos.</p>

<p>La frecuencia de actualización de <strong>100 Hz</strong> y un tiempo de respuesta de <strong>5 ms (GtG)</strong> aseguran que las imágenes en movimiento se vean suaves y fluidas, lo que es especialmente beneficioso para los gamers. Con un ángulo de visión de <strong>178°</strong> tanto horizontal como vertical, podrás disfrutar de la pantalla desde diferentes posiciones sin perder calidad de imagen.</p>

<p>El diseño del monitor es elegante y moderno, con un acabado en <strong>negro</strong> que se adapta a cualquier entorno. Sus dimensiones son compactas, con un peso de <strong>2.3 kg</strong> con soporte, lo que lo hace fácil de mover y colocar en cualquier espacio de trabajo o entretenimiento. Además, cuenta con soporte VESA, permitiendo un montaje en pared sencillo y eficiente.</p>

<p>En cuanto a conectividad, el LG 22U401A-B está equipado con un puerto <strong>HDMI</strong> y un puerto <strong>VGA</strong>, lo que te permite conectar múltiples dispositivos sin complicaciones. También incluye una salida para auriculares, ideal para aquellos que buscan una experiencia de audio más inmersiva. El monitor viene con los cables necesarios, incluyendo un cable de alimentación y un cable HDMI, para que puedas comenzar a usarlo de inmediato.</p>

<p>Este monitor no solo es funcional, sino que también es eficiente en términos de consumo energético, con un consumo máximo de <strong>13 W</strong> y un modo de reposo que consume menos de <strong>0.5 W</strong>. Esto lo convierte en una opción ecológica y económica para tu hogar o oficina.</p>

<p>En resumen, el <strong>Monitor LG 22U401A-B</strong> es una excelente elección para quienes buscan una pantalla de calidad, con características avanzadas y un diseño atractivo. Ya sea para trabajar, jugar o disfrutar de tus contenidos multimedia, este monitor se adapta a todas tus necesidades, brindando una experiencia visual excepcional.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> LG</li>
    <li><strong>Modelo:</strong> 22U401A-B</li>
    <li><strong>Pulgadas:</strong> 21.5"</li>
    <li><strong>Resolución:</strong> 1920x1080 Full HD</li>
    <li><strong>Tipo de Pantalla:</strong> VA</li>
    <li><strong>Frecuencia de Actualización:</strong> 100 Hz</li>
    <li><strong>Tiempo de Respuesta:</strong> 5 ms (GtG a mayor velocidad)</li>
    <li><strong>Brillo:</strong> 250 cd/m²</li>
    <li><strong>Relación de aspecto:</strong> 16:9</li>
    <li><strong>Contraste:</strong> 3000:1</li>
    <li><strong>HDR:</strong> Sí</li>
    <li><strong>Gama de Color:</strong> sRGB 99% (CIE1931)</li>
    <li><strong>Profundidad de Color:</strong> 16.7M</li>
    <li><strong>Forma de la pantalla:</strong> Plana</li>
    <li><strong>Ángulo de visión horizontal:</strong> 178°</li>
    <li><strong>Ángulo de visión vertical:</strong> 178°</li>
    <li><strong>Puertos:</strong> 1x HDMI, 1x VGA</li>
    <li><strong>Salida para Auriculares:</strong> Sí</li>
    <li><strong>Soporte VESA:</strong> Sí</li>
    <li><strong>Ajustes de inclinación:</strong> Sí</li>
    <li><strong>Rango del ángulo de inclinación:</strong> -5 - 20°</li>
    <li><strong>Consumo de energía (máx.):</strong> 13 W</li>
    <li><strong>Consumo de energía (modo de reposo):</strong> &lt; 0,5 W</li>
    <li><strong>Consumo de energía (típ.):</strong> 13 W</li>
    <li><strong>Consumo de energía (apagado):</strong> &lt; 0,3 W</li>
    <li><strong>Color:</strong> Negro</li>
    <li><strong>Dimensiones con peana:</strong> 492.5 x 378.4 x 200.8 mm</li>
    <li><strong>Dimensiones sin peana:</strong> 492.5 x 284.6 x 50.7 mm</li>
    <li><strong>Peso con Peana:</strong> 2.3 Kg</li>
    <li><strong>Peso sin Peana:</strong> 1.9 Kg</li>
    <li><strong>Cables incluidos:</strong> Corriente alterna, HDMI</li>
    <li><strong>Adaptador de alimentación incluido:</strong> Sí</li>
    <li><strong>Tipo de embalaje:</strong> Caja</li>
    <li><strong>Posicionamiento de mercado:</strong> Consumidor</li>
    <li><strong>Reducción del desenfoque de movimiento:</strong> Sí</li>
    <li><strong>Tecnologías específicas de marca:</strong> Black Stabilizer, Crosshair</li>
    <li><strong>Modos inteligentes:</strong> Ahorro energético</li>
    <li><strong>Cámara incorporada:</strong> No</li>
    <li><strong>Conector USB integrado:</strong> No</li>
</ul>
</div>

</div>

</template></turbo-stream><turbo-stream action="replace" target="product-structured-data"><template>
  <div id="product-structured-data">
    <script>
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({ecommerce: null});
      window.dataLayer.push({
        event: "view_item",
        ecommerce: {
          currency: "CLP",
          value: 91990,
          items: [{"item_id":"22U401A-B","item_name":"Monitor LG 22U401A-B 21.5\" FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG)","affiliation":"tecnomas.cl","index":0,"item_brand":"LG","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":91990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/22u401a-monitor-fhd-21-5-100hz");
      document.title = "[22U401A-B] Monitor LG 22U401A-B 21.5\&quot; FHD 1920*1080 VA HDMI 100Hz HDR10 5 ms (GTG) | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>