<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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/bc8o0v1bz8p7h2f3v04qlzigwg3k?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/els9yt3j5klnujjrqh3qoz3qloa4?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/novc0i3oxovwaw7rsowzm3cae3fk?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/6embdnp8xh6z8owl4kvvx638vvws?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/80won8plwxj3jfs5wy4ywcn07fjt?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/bc8o0v1bz8p7h2f3v04qlzigwg3k?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/els9yt3j5klnujjrqh3qoz3qloa4?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/novc0i3oxovwaw7rsowzm3cae3fk?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/6embdnp8xh6z8owl4kvvx638vvws?_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 Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/80won8plwxj3jfs5wy4ywcn07fjt?_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-129161" class="text-xl text-blue-900 font-medium">Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="129161">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-129161" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/HP">HP</a>
    <h2 id="sku-129161" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: TM-B9DU9AT-2T</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-teal-600"
      >
        <span class="font-bold">Mejorado</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto nuevo, mantiene garantía de marca. Caja pudo haber sido abierta para instalar componentes adicionales. Toda modificación es realizada por un equipo técnico certificado.
'
  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>
              Lunes
        </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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad RAM</p>
          <div class="flex flex-wrap gap-2">

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  16 GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-32gb-ssd-2tb-23-8-w11h">32 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-5-i5-1334u-ram-64gb-ssd-2tb-23-8-w11h">64 GB</a>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad de Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/hp-proone-240-g10-b9du9at">512 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-16gb-ssd-1tb-23-8-w11h">1 TB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  2 TB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-16gb-ssd-4tb-23-8-w11h">4 TB</a>
          </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-129161" class=" text-2xl text-sky-500">
          $ 1.074.990
        </span>
        <span class="text-gray-400 text-xs ml-2 mb-1">Precio Transferencia</span>
      </div>
        <div class="flex flex-wrap items-end mt-2">
          <span id="webpay-price-129161" class="text-gray-500 text-md">$ 1.101.990</span>
          <span class="text-gray-400 text-xs font-light ml-2 mb-0.5">Precio Normal</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-129161" 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="37" 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":"TM-B9DU9AT-2T","item_name":"Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\" W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"All in One (AIO)","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1074990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1074990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="129161" data-analytics-environment-value="production" data-analytics-product-price-value="1074990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;TM-B9DU9AT-2T&quot;,&quot;item_name&quot;:&quot;Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\&quot; W11H&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;HP&quot;,&quot;item_category&quot;:&quot;All in One (AIO)&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:1074990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAvvOYG3cxEL1XfM9w_h8IaC_1_K0MAYL1JRMPTxQIoHALvExaF6ZdOFXwrg_JCG32Cxizpl9aJHehyMRglUzQ" autocomplete="off" />
        <input value="129161" 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="u5wytMaPvmNM8ACIGnXrN7R51VmlbG29cI4vjK4Arx5wVX294fG4bFtPoME71whiXzCNCyLLDMhlQGiyHypaYw" autocomplete="off" />
        <input value="129161" 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="9dXNfmzp0EE90cltYEVB7wrIQu8qX9iCQpbYy6dxzNnK71QNSjW7VHJXN3xOTg3d406T3kHMh3q6k6od-2YbAg" autocomplete="off" />
        <input value="129161" 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-129161" class="text-xl text-blue-900 font-medium">Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8&quot; W11H</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="129161">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-129161" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/HP">HP</a>
    <h2 id="sku-129161" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: TM-B9DU9AT-2T</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-teal-600"
      >
        <span class="font-bold">Mejorado</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto nuevo, mantiene garantía de marca. Caja pudo haber sido abierta para instalar componentes adicionales. Toda modificación es realizada por un equipo técnico certificado.
'
  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>
              Lunes
        </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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad RAM</p>
          <div class="flex flex-wrap gap-2">

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  16 GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-32gb-ssd-2tb-23-8-w11h">32 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-5-i5-1334u-ram-64gb-ssd-2tb-23-8-w11h">64 GB</a>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad de Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/hp-proone-240-g10-b9du9at">512 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-16gb-ssd-1tb-23-8-w11h">1 TB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  2 TB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-16gb-ssd-4tb-23-8-w11h">4 TB</a>
          </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-129161" class=" text-2xl text-sky-500">
          $ 1.074.990
        </span>
        <span class="text-gray-400 text-xs ml-2 mb-1">Precio Transferencia</span>
      </div>
        <div class="flex flex-wrap items-end mt-2">
          <span id="webpay-price-129161" class="text-gray-500 text-md">$ 1.101.990</span>
          <span class="text-gray-400 text-xs font-light ml-2 mb-0.5">Precio Normal</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-129161" 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="37" 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":"TM-B9DU9AT-2T","item_name":"Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\" W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"All in One (AIO)","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1074990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1074990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="129161" data-analytics-environment-value="production" data-analytics-product-price-value="1074990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;TM-B9DU9AT-2T&quot;,&quot;item_name&quot;:&quot;Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\&quot; W11H&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;HP&quot;,&quot;item_category&quot;:&quot;All in One (AIO)&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:1074990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAvvOYG3cxEL1XfM9w_h8IaC_1_K0MAYL1JRMPTxQIoHALvExaF6ZdOFXwrg_JCG32Cxizpl9aJHehyMRglUzQ" autocomplete="off" />
        <input value="129161" 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="u5wytMaPvmNM8ACIGnXrN7R51VmlbG29cI4vjK4Arx5wVX294fG4bFtPoME71whiXzCNCyLLDMhlQGiyHypaYw" autocomplete="off" />
        <input value="129161" 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="9dXNfmzp0EE90cltYEVB7wrIQu8qX9iCQpbYy6dxzNnK71QNSjW7VHJXN3xOTg3d406T3kHMh3q6k6od-2YbAg" autocomplete="off" />
        <input value="129161" 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">Capacidad RAM</p>
            <p class="text-gray-600">16 GB</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Capacidad de Almacenamiento</p>
            <p class="text-gray-600">2 TB</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Procesador</p>
            <p class="text-gray-600">i5</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">Sistema Operativo</p>
            <p class="text-gray-600">Windows 11 Home</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">23.8</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de almacenamiento</p>
            <p class="text-gray-600">SSD</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">
  <div><strong>Descubre el poder y la elegancia del Computador HP AIO ProOne 240 G10</strong>, un equipo diseñado para satisfacer las necesidades de los usuarios más exigentes. Con un factor de forma Todo en Uno (AIO), este computador combina un diseño moderno y funcional con un rendimiento excepcional, ideal para el hogar o la oficina.</div><div>En el corazón de este dispositivo se encuentra el <strong>Procesador Intel® Core™ i5-1334U</strong>, que cuenta con 10 núcleos (2 P-Core y 8 E-Core) y una impresionante frecuencia turbo máxima de hasta <strong>4.60 GHz</strong>. Esto garantiza que puedas realizar múltiples tareas sin esfuerzo, desde la edición de documentos hasta la ejecución de aplicaciones más pesadas, todo con una fluidez sorprendente.</div><div>La memoria RAM de <strong>16 GB DDR4-3200</strong> asegura un rendimiento ágil y eficiente, permitiendo que el sistema operativo y las aplicaciones se ejecuten sin problemas. Además, el <strong>almacenamiento SSD PCIe® NVMe™ de 2 TB</strong> proporciona un amplio espacio para tus archivos, programas y multimedia, además de ofrecer velocidades de carga y transferencia de datos que superan a los discos duros tradicionales.</div><div>La pantalla de <strong>23.8 pulgadas</strong> con resolución FHD (1920 x 1080) y tecnología IPS ofrece colores vibrantes y ángulos de visión amplios, ideal para disfrutar de tus películas, juegos y trabajos gráficos. Su diseño de micro-biselado en tres lados y el acabado anti-reflejo aseguran que puedas trabajar cómodamente en cualquier entorno.</div><div>El HP AIO ProOne 240 G10 también incluye una <strong>cámara web de 5 MP</strong> con micrófonos digitales de matriz doble, perfecta para videoconferencias y reuniones virtuales. La conectividad no es un problema, ya que cuenta con una tarjeta inalámbrica Realtek Wi-Fi 6 y Bluetooth® 5.3, asegurando que estés siempre conectado.</div><div>En cuanto a puertos, este modelo ofrece una variedad de opciones, incluyendo <strong>1 USB Type-C</strong>, <strong>2 USB Type-A</strong> y <strong>1 HDMI</strong>, lo que te permite conectar fácilmente tus dispositivos y periféricos. Su diseño compacto, con dimensiones de <strong>54,06 x 18,37 x 41,9 cm</strong> y un peso de <strong>5,37 kg</strong>, lo hace fácil de ubicar en cualquier espacio de trabajo.</div><div>El HP AIO ProOne 240 G10 viene con <strong>Microsoft Windows® 11 Home</strong> preinstalado, brindándote acceso a las últimas características y mejoras en seguridad. Además, incluye un teclado y un mouse HP 125 con cable, asegurando que tengas todo lo necesario para comenzar a trabajar de inmediato.</div><div>Con una garantía de <strong>1 año</strong> y un compromiso con la sostenibilidad, este computador no solo es una inversión en tecnología, sino también en un futuro más ecológico. El HP AIO ProOne 240 G10 es la elección perfecta para quienes buscan un equilibrio entre rendimiento, diseño y responsabilidad ambiental.</div><div><br><br><strong>Características:</strong><br><br></div><div>&nbsp;</div><ul><li><strong>Marca:</strong> Hewlett Packard</li></ul><div>&nbsp;</div><ul><li><strong>Modelo:</strong> ProOne 240 G10</li></ul><div>&nbsp;</div><ul><li><strong>Factor de Forma:</strong> Computador Todo en Uno, AIO</li></ul><div>&nbsp;</div><ul><li><strong>Procesador:</strong> Procesador Intel® Core™ i5-1334U, 13GTh, 10 Núcleos (2x P-Core, 8x E-Core), 12 MB Intel® Smart Cache</li></ul><div>&nbsp;</div><ul><li><strong>Frecuencia CPU:</strong> Frecuencia turbo máxima del Performance-core 4.60 GHz, Frecuencia turbo máxima de Efficient-core 3.40 GHz</li></ul><div>&nbsp;</div><ul><li><strong>RAM:</strong> 16 GB DDR4-3200 MB/s (1 x 16 GB), 2 SODIMM</li></ul><div>&nbsp;</div><ul><li><strong>Almacenamiento:</strong> Unidad SSD PCIe® NVMe™ 2 TB</li></ul><div>&nbsp;</div><ul><li><strong>Pantalla:</strong> 23.8" diagonal, FHD (1920 x 1080), IPS, three-sided micro-edge, anti-glare, 250 nits, 72% NTSC</li></ul><div>&nbsp;</div><ul><li><strong>Tarjeta Gráfica:</strong> Integrado</li></ul><div>&nbsp;</div><ul><li><strong>Unidad Óptica:</strong> No incluye Unidad óptica</li></ul><div>&nbsp;</div><ul><li><strong>Cámara Web:</strong> Cámara de 5 MP (extraíble) con micrófonos digitales de matriz doble integrado</li></ul><div>&nbsp;</div><ul><li><strong>Conectividad:</strong> Tarjeta inalámbrica Realtek Wi-Fi 6 RTL8852BE (2x2) y Bluetooth® 5.3</li></ul><div>&nbsp;</div><ul><li><strong>Puertos:</strong> Parte posterior 1 USB Type-C® con velocidad de señalización de 5 Gb/s, 2 USB Type-A con velocidad de señalización de 5 Gb/s, 2 USB 2.0 Type-A, 1 HDMI, 1 combinación de audífonos/micrófono, 1 RJ-45, conector de alimentación</li></ul><div>&nbsp;</div><ul><li><strong>Fuente de Alimentación:</strong> Adaptador de alimentación externa de 90 W</li></ul><div>&nbsp;</div><ul><li><strong>Dimensiones:</strong> 54,06 x 18,37 x 41,9 cm</li></ul><div>&nbsp;</div><ul><li><strong>Peso:</strong> 5,37 kg</li></ul><div>&nbsp;</div><ul><li><strong>Garantía:</strong> 1 año</li></ul><div>&nbsp;</div><ul><li><strong>Sistema Operativo:</strong> Microsoft Windows® 11 Home 64-bit Edition</li></ul><div>&nbsp;</div><ul><li><strong>Otros:</strong> Teclado: Teclado HP USB 125 con cable, Dispositivo apuntador: Mouse HP 125 con cable, Audio: Códec Realtek ALC3274, altavoz interno de alto rendimiento, combinación de conector de micrófono y auriculares, puertos traseros de entrada y salida de línea (3,5 mm), Etiquetas ecológicas: Registro EPEAT®, Especificaciones de impacto sustentable: Bajo halógeno</li></ul><div>&nbsp;</div>
</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: 1074990,
          items: [{"item_id":"TM-B9DU9AT-2T","item_name":"Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\" W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"All in One (AIO)","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1074990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/computador-hp-aio-proone-240-g10-i5-1334u-ram-16gb-ssd-2tb-23-8-w11h");
      document.title = "[TM-B9DU9AT-2T] Computador HP AIO ProOne 240 G10 I5-1334U RAM 16GB SSD 2TB 23.8\&quot; W11H | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>