<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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/i0sbpi95ze6c4w8xwlrpjyhzzx6r?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/40tjio34s3761mwgmh38rzd6gcmn?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/cfu7ijxizy7vnapqsjd242tp7xm2?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/t0xwvejwr8sifmwknh7cychd5gtf?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/frf0wosnot73pwr8b20ck8kjx75m?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/q67qaqkh1b0glpm7tbhlfp6kxve3?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/m5ein0onve3gscjt8s29ve4m6f30?_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 7 de Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/aqwzcfg5f4js9xx4rv5jycx2nvwm?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/i0sbpi95ze6c4w8xwlrpjyhzzx6r?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/40tjio34s3761mwgmh38rzd6gcmn?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/cfu7ijxizy7vnapqsjd242tp7xm2?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/t0xwvejwr8sifmwknh7cychd5gtf?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/frf0wosnot73pwr8b20ck8kjx75m?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/q67qaqkh1b0glpm7tbhlfp6kxve3?_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 Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/m5ein0onve3gscjt8s29ve4m6f30?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="7"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 7 de Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/aqwzcfg5f4js9xx4rv5jycx2nvwm?_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-39827" class="text-xl text-blue-900 font-medium">Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="39827">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-39827" 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-39827" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: RR-212S-20PC-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-39827" 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-39827" 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-39827" 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-212S-20PC-R2","item_name":"Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro","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="39827" 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-212S-20PC-R2&quot;,&quot;item_name&quot;:&quot;Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro&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="hAtpQyfCoJE2gaTBvKaNKwQTLw1P-ozC_NJ2JRcyWY0yjPBuO6k8yeif4yMPLVSreIc9TT_Obokimhxkf3qyGw" autocomplete="off" />
        <input value="39827" 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="BXO8rQ0YKHb4EoFhZCaRoWrzdTU254h9atbACqkXV-ugiVQwGCvf7-wml8cyz_Q4V3MtPD3N1em4baIi8Kl-hA" autocomplete="off" />
        <input value="39827" 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="CTC9Lyg8MYM3cfucx1W2SfblxltiZMMTV0yoyqi9plqlNsIDiZpIXlmEIVHCGXZw6IHif23Gm53POJuIBclp3w" autocomplete="off" />
        <input value="39827" 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-39827" class="text-xl text-blue-900 font-medium">Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="39827">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-39827" 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-39827" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: RR-212S-20PC-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-39827" 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-39827" 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-39827" 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-212S-20PC-R2","item_name":"Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro","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="39827" 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-212S-20PC-R2&quot;,&quot;item_name&quot;:&quot;Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro&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="hAtpQyfCoJE2gaTBvKaNKwQTLw1P-ozC_NJ2JRcyWY0yjPBuO6k8yeif4yMPLVSreIc9TT_Obokimhxkf3qyGw" autocomplete="off" />
        <input value="39827" 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="BXO8rQ0YKHb4EoFhZCaRoWrzdTU254h9atbACqkXV-ugiVQwGCvf7-wml8cyz_Q4V3MtPD3N1em4baIi8Kl-hA" autocomplete="off" />
        <input value="39827" 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="CTC9Lyg8MYM3cfucx1W2SfblxltiZMMTV0yoyqi9plqlNsIDiZpIXlmEIVHCGXZw6IHif23Gm53POJuIBclp3w" autocomplete="off" />
        <input value="39827" 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">
  <p>El <strong>Cooler Master Hyper 212 RGB</strong> es un disipador de CPU que combina un rendimiento excepcional con un diseño elegante y moderno. Este enfriador es compatible tanto con procesadores Intel como AMD, lo que lo convierte en una opción versátil para cualquier entusiasta de la informática. Con un diámetro de ventilador de <strong>12 cm</strong>, este modelo está diseñado para ofrecer un flujo de aire óptimo y una refrigeración eficiente, asegurando que tu procesador funcione a temperaturas ideales incluso bajo cargas pesadas.</p>

<p>Una de las características más destacadas del Hyper 212 RGB es su capacidad de rotación, que varía entre <strong>650 RPM</strong> y <strong>2000 RPM</strong>. Esto permite que el ventilador se ajuste automáticamente a las necesidades de refrigeración del sistema, manteniendo un nivel de ruido mínimo de <strong>8 dB</strong> en baja velocidad y alcanzando hasta <strong>30 dB</strong> en alta velocidad. Con un flujo de aire máximo de <strong>59 cfm</strong> y una presión máxima de aire de <strong>2,1 mmH2O</strong>, este enfriador es capaz de manejar incluso las tareas más exigentes.</p>

<p>El diseño del Cooler Master Hyper 212 RGB no solo es funcional, sino también estéticamente atractivo. Su color negro y las aletas de aluminio no solo contribuyen a su durabilidad, sino que también le dan un toque moderno. Además, cuenta con <strong>iluminación LED RGB</strong> que permite personalizar la apariencia del sistema, creando un ambiente visualmente impactante. La iluminación es de color <strong>multi</strong>, lo que significa que puedes elegir entre una variedad de colores y efectos para adaptarse a tu estilo personal.</p>

<p>En términos de instalación, el Cooler Master Hyper 212 RGB incluye un <strong>kit de montaje</strong> que facilita su colocación en la mayoría de los sockets de procesador, incluyendo LGA 1150, LGA 1151, LGA 1200, LGA 1700, y varios sockets de AMD como AM4 y FM2. Esto asegura que puedas integrarlo fácilmente en tu configuración actual sin complicaciones. Además, el enfriador es compatible con la modulación por ancho de pulso (PWM), lo que permite un control más preciso de la velocidad del ventilador.</p>

<p>Con un consumo energético de solo <strong>1,92 W</strong> y un peso de <strong>920 g</strong>, el Cooler Master Hyper 212 RGB es una opción eficiente y ligera para quienes buscan mejorar la refrigeración de su sistema. Sus dimensiones compactas de <strong>79,6 mm de ancho</strong>, <strong>120 mm de profundidad</strong> y <strong>158,8 mm de altura</strong> lo hacen adecuado para una amplia gama de cajas de PC, asegurando que no ocupe demasiado espacio mientras proporciona un rendimiento superior.</p>

<p>En resumen, el Cooler Master Hyper 212 RGB es un disipador de CPU que combina un rendimiento sobresaliente, un diseño atractivo y una fácil instalación. Con su capacidad de refrigeración, iluminación personalizable y compatibilidad con múltiples sockets, es una elección ideal para cualquier entusiasta de la informática que busque mejorar su sistema.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>MARCA:</strong> COOLER MASTER</li>
    <li><strong>PN:</strong> RR-212S-20PC-R2</li>
    <li><strong>Localización adecuada:</strong> Procesador</li>
    <li><strong>Tipo:</strong> Enfriador</li>
    <li><strong>Diámetro de ventilador:</strong> 12 cm</li>
    <li><strong>Sockets de procesador soportados:</strong> LGA 1150 (Zócalo H3), LGA 1151 (Zócalo H4), LGA 1155 (Socket H2), LGA 1156 (Socket H), LGA 1200 (Socket H5), LGA 1366 (Socket B), LGA 1700, LGA 2011 (Socket R), LGA 2011-v3 (Socket R), LGA 2066, Socket AM2, Socket AM3, Socket AM3+, Zócalo AM4, Socket FM1, Socket FM2, Socket FM2+</li>
    <li><strong>Velocidad de rotación (mín.):</strong> 650 RPM</li>
    <li><strong>Velocidad de rotación (máx.):</strong> 2000 RPM</li>
    <li><strong>Nivel de ruido (baja velocidad):</strong> 8 dB</li>
    <li><strong>Nivel de ruido (alta velocidad):</strong> 30 dB</li>
    <li><strong>Máximo flujo de aire:</strong> 59 cfm</li>
    <li><strong>Presión máxima de aire:</strong> 2,1 mmH2O</li>
    <li><strong>Compatible con modulación por ancho de pulsos (PWM):</strong> Sí</li>
    <li><strong>Tiempo medio de fallo (MTTF) del ventilador:</strong> 160000 h</li>
    <li><strong>Color del producto:</strong> Negro</li>
    <li><strong>Material de las aletas:</strong> Aluminio</li>
    <li><strong>Número de tubos disipadores de calor:</strong> 4</li>
    <li><strong>Iluminación LED:</strong> Sí</li>
    <li><strong>Iluminación de color:</strong> Multi</li>
    <li><strong>Conector de ventilador:</strong> 4 pines</li>
    <li><strong>Consumo energético:</strong> 1,92 W</li>
    <li><strong>Corriente de seguridad:</strong> 0,37 Ah</li>
    <li><strong>Voltaje del ventilador:</strong> 12 V</li>
    <li><strong>Corriente del ventilador:</strong> 0,16 A</li>
    <li><strong>Ancho:</strong> 79,6 mm</li>
    <li><strong>Profundidad:</strong> 120 mm</li>
    <li><strong>Altura:</strong> 158,8 mm</li>
    <li><strong>Peso:</strong> 920 g</li>
    <li><strong>Dimensiones del ventilador (A x A x P):</strong> 120 x 25 x 120 mm</li>
    <li><strong>Ancho del paquete:</strong> 100 mm</li>
    <li><strong>Profundidad del paquete:</strong> 160 mm</li>
    <li><strong>Altura del paquete:</strong> 251 mm</li>
    <li><strong>Peso del paquete:</strong> 1,14 kg</li>
    <li><strong>Kit de montaje:</strong> Sí</li>
    <li><strong>Incluye controlador RGB:</strong> Sí</li>
    <li><strong>País de origen:</strong> China</li>
    <li><strong>Código de Sistema Armomizado (HS):</strong> 84733080</li>
    <li><strong>Ancho de la caja (externa) principal:</strong> 335 mm</li>
    <li><strong>Longitud de la caja principal (externa):</strong> 515 mm</li>
    <li><strong>Alto de la caja (exterior) principal:</strong> 285 mm</li>
    <li><strong>Cantidad por caja principal (externa):</strong> 10 piezas</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: 999999999,
          items: [{"item_id":"RR-212S-20PC-R2","item_name":"Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro","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/hyper-212-rgb-black-edition-for-1700");
      document.title = "[RR-212S-20PC-R2] Disipador CPU Cooler Master Hyper 212 RGB, RGB Intel/AMD 2000RPM 4pin Negro | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>