<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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/o21j76nghzxg6sgfga3qg52fg67p?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/da6xlrb60pd9i2i0mlaiq6xtfz86?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/20ilgxdz1ei7cm4dgsedxz30w6me?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/vc230xm86l1466ezl00btbyp07ks?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ysvtw0u5pl02oensq1kqmrfe0vnt?_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 5 de Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/zegsnsp2ramkr0y7o9cizze7dtt4?_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 6 de Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/cggha649yu1no5gqefv86hi5xhca?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/o21j76nghzxg6sgfga3qg52fg67p?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/da6xlrb60pd9i2i0mlaiq6xtfz86?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/20ilgxdz1ei7cm4dgsedxz30w6me?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/vc230xm86l1466ezl00btbyp07ks?_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 Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ysvtw0u5pl02oensq1kqmrfe0vnt?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="5"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 5 de Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/zegsnsp2ramkr0y7o9cizze7dtt4?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="6"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 6 de Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/cggha649yu1no5gqefv86hi5xhca?_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-10881" class="text-xl text-blue-900 font-medium">Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="10881">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-10881" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/COOLER MASTER">COOLER MASTER</a>
    <h2 id="sku-10881" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: RR-H412-20PK-R2</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>
  </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-10881" class=" text-2xl text-sky-500">
          $ 999.999.999
        </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-10881" class="text-gray-500 text-md">$ 1.024.380.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-red-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-10881" class="text-red-700 align-middle">
          Agotado
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-red-500 h-2" style="width: 3%;">
        </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="0" 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":"RR-H412-20PK-R2","item_name":"Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes","affiliation":"tecnomas.cl","index":0,"item_brand":"COOLER MASTER","item_category":"Componentes de Computador","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 999999999,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="10881" data-analytics-environment-value="production" data-analytics-product-price-value="999999999" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;RR-H412-20PK-R2&quot;,&quot;item_name&quot;:&quot;Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;COOLER MASTER&quot;,&quot;item_category&quot;:&quot;Componentes de Computador&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:999999999,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLtTc-zFk-zsunfalQvGbFxjEuPUe8D2TD6WEeUTvUqRsOsOXlhLmM1LQQpaCfqkfvU_xK4FkrCc0as84Y4Ckg" autocomplete="off" />
        <input value="10881" 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" />
          <div
  data-controller="tippy"
  data-tippy-content-value='
            <p>No Disponible</p>
'
  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="w-full">
                  <input type="submit" name="commit" value="Agregar al carro" disabled="disabled" class="flex flex-row items-center justify-center rounded bg-neutral-400 text-white w-full py-3" data-disable-with="Agregar al carro" />

  </button>
</div>
</form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_wAheVyfuF03vIMKFrtqMSNFF8T4I0bf8Ccew2NUnm2qcBmCRnM36-QHS07X9rGMM-CezsMfsFYNS7CowpJ2Q" autocomplete="off" />
        <input value="10881" 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" />
          <div
  data-controller="tippy"
  data-tippy-content-value='
            <p>No Disponible</p>
'
  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="w-full">
                  <input type="submit" name="commit" value="Comprar ahora" disabled="disabled" class="flex flex-row items-center justify-center rounded bg-neutral-400 text-white w-full py-3" data-disable-with="Comprar ahora" />

  </button>
</div>
</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="THcJXI9qvVWEFBFsvh5RMZI0kWItRSE5Juzzk3zYXjuPnNqfrcJtz2QqHbwUrRUVm7EyipVlKp4r6pKA9zjYZg" autocomplete="off" />
        <input value="10881" 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-10881" class="text-xl text-blue-900 font-medium">Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="10881">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-10881" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/COOLER MASTER">COOLER MASTER</a>
    <h2 id="sku-10881" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: RR-H412-20PK-R2</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>
  </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-10881" class=" text-2xl text-sky-500">
          $ 999.999.999
        </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-10881" class="text-gray-500 text-md">$ 1.024.380.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-red-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-10881" class="text-red-700 align-middle">
          Agotado
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-red-500 h-2" style="width: 3%;">
        </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="0" 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":"RR-H412-20PK-R2","item_name":"Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes","affiliation":"tecnomas.cl","index":0,"item_brand":"COOLER MASTER","item_category":"Componentes de Computador","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 999999999,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="10881" data-analytics-environment-value="production" data-analytics-product-price-value="999999999" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;RR-H412-20PK-R2&quot;,&quot;item_name&quot;:&quot;Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;COOLER MASTER&quot;,&quot;item_category&quot;:&quot;Componentes de Computador&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:999999999,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLtTc-zFk-zsunfalQvGbFxjEuPUe8D2TD6WEeUTvUqRsOsOXlhLmM1LQQpaCfqkfvU_xK4FkrCc0as84Y4Ckg" autocomplete="off" />
        <input value="10881" 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" />
          <div
  data-controller="tippy"
  data-tippy-content-value='
            <p>No Disponible</p>
'
  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="w-full">
                  <input type="submit" name="commit" value="Agregar al carro" disabled="disabled" class="flex flex-row items-center justify-center rounded bg-neutral-400 text-white w-full py-3" data-disable-with="Agregar al carro" />

  </button>
</div>
</form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_wAheVyfuF03vIMKFrtqMSNFF8T4I0bf8Ccew2NUnm2qcBmCRnM36-QHS07X9rGMM-CezsMfsFYNS7CowpJ2Q" autocomplete="off" />
        <input value="10881" 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" />
          <div
  data-controller="tippy"
  data-tippy-content-value='
            <p>No Disponible</p>
'
  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="w-full">
                  <input type="submit" name="commit" value="Comprar ahora" disabled="disabled" class="flex flex-row items-center justify-center rounded bg-neutral-400 text-white w-full py-3" data-disable-with="Comprar ahora" />

  </button>
</div>
</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="THcJXI9qvVWEFBFsvh5RMZI0kWItRSE5Juzzk3zYXjuPnNqfrcJtz2QqHbwUrRUVm7EyipVlKp4r6pKA9zjYZg" autocomplete="off" />
        <input value="10881" 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>

</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">
  El disipador de CPU Cooler Master Air Cooler Hyper H412R es una solución de refrigeración eficiente para tu procesador. Con 4 heatpipes, este disipador es adecuado para una amplia gama de sockets de procesador, incluyendo Intel y AMD.<br><br>El Hyper H412R cuenta con un ventilador de 9,2 cm de diámetro que ofrece una velocidad de rotación ajustable de 600 a 2000 RPM, lo que te permite controlar la temperatura de tu CPU de manera efectiva. Además, el ventilador tiene un bajo nivel de ruido de 29,4 dB en su máxima velocidad.<br><br>Con un máximo flujo de aire de 34,1 cfm y una presión máxima de aire de 1,79 mmH2O, este disipador garantiza una excelente disipación del calor. Además, es compatible con la modulación por ancho de pulsos (PWM), lo que te permite ajustar la velocidad del ventilador según las necesidades de refrigeración de tu CPU.<br><br>El Cooler Master Hyper H412R tiene un diseño compacto y ligero, con dimensiones de 83,4 mm de ancho, 102 mm de profundidad y 136 mm de altura. El disipador de calor está hecho de aluminio y cuenta con 4 tubos de calor de 6 mm de diámetro para una mayor eficiencia en la disipación del calor.<br><br>Este disipador de CPU viene en color negro y tiene un consumo energético de 2,4 W. Viene con un conector de ventilador de 4 pines y tiene un tiempo medio hasta fallo (MTTF) de 40000 horas, lo que garantiza su durabilidad y rendimiento a largo plazo.<br><br>En resumen, el Cooler Master Air Cooler Hyper H412R es una excelente opción para mantener tu procesador refrigerado y funcionando de manera óptima. Con su diseño eficiente y su rendimiento confiable, este disipador es perfecto para cualquier entusiasta de la informática.<br><br><b>Características:</b><br><br><b>- Marca:</b>  Cooler Master<br><b>- Número de parte:</b>  RR-H412-20PK-R2<br><b>- Adecuado para:</b>  Procesador<br><b>- Tipo:</b>  Set de refrigeración<br><b>- Sockets de procesador soportados:</b>  2066, 2011-3, 2011, 1151, 1150, 1155, 1156, 1366, 775, 1151-V2, FCLGA1151, AM4, AM3+, AM3, AM2+, AM2, FM2+, FM2, FM1<br><b>- Es refrigeración líquida:</b>  No<br><b>- Diámetro de ventilador:</b>  9,2 cm<br><b>- Velocidad de rotación (mín.):</b>  600 RPM<br><b>- Velocidad de rotación (máx.):</b>  2000 RPM<br><b>- Nivel de ruido (alta velocidad):</b>  29,4 dB<br><b>- Máximo flujo de aire:</b>  34,1 cfm<br><b>- Presión máxima de aire:</b>  1,79 mmH2O<br><b>- Compatible con modulación por ancho de pulsos (PWM):</b>  Sí<br><b>- Material de las aletas:</b>  Aluminio<br><b>- Número de ventiladores:</b>  1 Ventilador(es)<br><b>- Número de aspas del ventilador:</b>  7<br><b>- Diámetro de tubo disipador de calor:</b>  6 mm<br><b>- Número de tubos disipadores de calor:</b>  4<br><b>- Conector de ventilador:</b>  4 pines<br><b>- Tiempo medio hasta fallo (MTTF):</b>  40000 h<br><b>- Color del producto:</b>  Negro<br><b>- Consumo energético:</b>  2,4 W<br><b>- Voltaje de salida:</b>  12 V<br><b>- Intensidad nominal:</b>  0,2 A<br><b>- Corriente de seguridad:</b>  0,4 Ah<br><b>- Ancho:</b>  83,4 mm<br><b>- Profundidad:</b>  2,5 cm<br><b>- Altura:</b>  136 mm<br><b>- Peso:</b>  500 g<br><b>- Dimensiones del ventilador (A x A x P):</b>  92 x 92 x 25 mm<br><b>- Dimensiones disipador de calor (W x D x H):</b>  63,5 x 90 x 136 mm<br><b>- Peso del disipador de calor:</b>  358 g<br><b>- Ancho del paquete:</b>  380 mm<br><b>- Profundidad del paquete:</b>  413 mm<br><b>- Altura del paquete:</b>  50 mm<br><b>- Peso del paquete:</b>  620 g
</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: 999999999,
          items: [{"item_id":"RR-H412-20PK-R2","item_name":"Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes","affiliation":"tecnomas.cl","index":0,"item_brand":"COOLER MASTER","item_category":"Componentes de Computador","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/air-cooler-hyper-h412r");
      document.title = "[RR-H412-20PK-R2] Disipador CPU Cooler Master Air Cooler Hyper H412R,  4 Heatpipes | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>