<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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/05q2yyufo5n5rkt7iohm6okw8w8g?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/h9d5ysiaqngmb28rfftfj8a6xwco?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ujy9hs6rmhm5rfogf1y13bh03y4v?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/h503imxd3klsc8e5qsm0h69h3fqq?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/kx25bmgcfufiwqx2ecuox6vrty69?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/xk60xkdguutqhr9kywbtponbn2hj?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/rpqulrh0m8tmkf4rvq2aw79dt6r5?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/uir9tkr9xryp7ntekjhx74wfwgwc?_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 8 de HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/2wx5ai5zlczhi7859sni69lv26jb?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/05q2yyufo5n5rkt7iohm6okw8w8g?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/h9d5ysiaqngmb28rfftfj8a6xwco?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ujy9hs6rmhm5rfogf1y13bh03y4v?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/h503imxd3klsc8e5qsm0h69h3fqq?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/kx25bmgcfufiwqx2ecuox6vrty69?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/xk60xkdguutqhr9kywbtponbn2hj?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/rpqulrh0m8tmkf4rvq2aw79dt6r5?_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 HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/uir9tkr9xryp7ntekjhx74wfwgwc?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="8"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 8 de HAF 700 WHITE" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/2wx5ai5zlczhi7859sni69lv26jb?_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-80229" class="text-xl text-blue-900 font-medium">HAF 700 WHITE</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="80229">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-80229" 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-80229" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: H700-WGNN-S00</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-80229" 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-80229" 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-80229" 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":"H700-WGNN-S00","item_name":"HAF 700 WHITE","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="80229" 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;H700-WGNN-S00&quot;,&quot;item_name&quot;:&quot;HAF 700 WHITE&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="kQcju8F2A5y6VITOvX5iCaDrzjP9PPtCxj3RqSQ5Depz4Z19T2pd9hALn61u0t1jilYpEXfv_TpxkVdwpAPaGQ" autocomplete="off" />
        <input value="80229" 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="2qobVh1xng4bIJs0M0BdF7Ptd-In5zY38GW2FCeUYluWccqaMgQjX24QLiyt9XbXCm0c9P8AX7Ks447qwHIuLg" autocomplete="off" />
        <input value="80229" 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="3dIlS6hLa62fJbaNGIYq_ZuETZrqTm-HY5dkWdgEULkUzsuIQLJtcPFLpSukvZl-iVz7UPipQAUrppQiWs_Zyg" autocomplete="off" />
        <input value="80229" 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-80229" class="text-xl text-blue-900 font-medium">HAF 700 WHITE</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="80229">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-80229" 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-80229" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: H700-WGNN-S00</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-80229" 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-80229" 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-80229" 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":"H700-WGNN-S00","item_name":"HAF 700 WHITE","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="80229" 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;H700-WGNN-S00&quot;,&quot;item_name&quot;:&quot;HAF 700 WHITE&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="kQcju8F2A5y6VITOvX5iCaDrzjP9PPtCxj3RqSQ5Depz4Z19T2pd9hALn61u0t1jilYpEXfv_TpxkVdwpAPaGQ" autocomplete="off" />
        <input value="80229" 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="2qobVh1xng4bIJs0M0BdF7Ptd-In5zY38GW2FCeUYluWccqaMgQjX24QLiyt9XbXCm0c9P8AX7Ks447qwHIuLg" autocomplete="off" />
        <input value="80229" 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="3dIlS6hLa62fJbaNGIYq_ZuETZrqTm-HY5dkWdgEULkUzsuIQLJtcPFLpSukvZl-iVz7UPipQAUrppQiWs_Zyg" autocomplete="off" />
        <input value="80229" 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><strong>Cooler Master HAF 700 White Full Tower</strong> es una carcasa diseñada para aquellos entusiastas de los juegos y la personalización. Con un elegante acabado en blanco, esta torre de gran tamaño no solo ofrece un aspecto moderno, sino que también proporciona un amplio espacio para componentes de alto rendimiento. Fabricada con materiales de alta calidad, incluyendo acero, plástico y vidrio templado, garantiza durabilidad y un diseño atractivo que resalta cualquier configuración de PC.</p>

<p>El <strong>HAF 700</strong> es compatible con una variedad de formatos de placa madre, incluyendo ATX, EATX, micro ATX y Mini-ITX, lo que lo convierte en una opción versátil para diferentes configuraciones. Con un total de <strong>9 bahías de 3,5"</strong> y <strong>9 bahías de 2,5"</strong>, tendrás suficiente espacio para almacenar múltiples unidades de almacenamiento, asegurando que puedas expandir tu sistema según sea necesario. Además, cuenta con <strong>8 ranuras de expansión</strong> para tarjetas gráficas, permitiendo la instalación de componentes de alto rendimiento.</p>

<p>La ventilación es clave en cualquier sistema de juegos, y el <strong>HAF 700</strong> no decepciona. Viene equipado con <strong>2 ventiladores frontales de 200 mm</strong> y tiene capacidad para instalar hasta <strong>6 ventiladores superiores</strong>, <strong>4 laterales</strong> y <strong>2 traseros</strong>, lo que asegura un flujo de aire óptimo. También es compatible con sistemas de refrigeración líquida, permitiendo la instalación de radiadores de hasta <strong>480 mm</strong> en la parte lateral y <strong>420 mm</strong> en la parte superior, lo que proporciona opciones avanzadas de enfriamiento para los componentes más exigentes.</p>

<p>La estética del <strong>HAF 700</strong> se complementa con una <strong>iluminación RGB programable</strong>, que se puede personalizar para adaptarse a tu estilo. La iluminación se encuentra en los ventiladores del gabinete, creando un ambiente visualmente atractivo. Además, la carcasa cuenta con un panel lateral de vidrio templado que permite mostrar el interior de tu PC, resaltando la iluminación y los componentes elegidos.</p>

<p>La gestión de cables es otra característica destacada, con un diseño que facilita el orden y la organización de los cables, lo que no solo mejora la estética, sino que también optimiza el flujo de aire dentro de la carcasa. Con un filtro antipolvo incorporado, el <strong>HAF 700</strong> ayuda a mantener el interior limpio y libre de obstrucciones, prolongando la vida útil de tus componentes.</p>

<p>Con dimensiones de <strong>291 mm de ancho</strong>, <strong>666 mm de profundidad</strong> y <strong>626 mm de altura</strong>, y un peso de <strong>19,9 kg</strong>, esta torre es robusta y espaciosa, ideal para aquellos que buscan construir un sistema potente y bien ventilado. La ubicación de la fuente de alimentación en la parte inferior y la inclusión de múltiples puertos USB, incluyendo <strong>4 puertos USB 3.2 Gen 2</strong> y <strong>1 puerto USB tipo C</strong>, aseguran que tendrás todas las conexiones necesarias al alcance de tu mano.</p>

<p>En resumen, el <strong>Cooler Master HAF 700 White</strong> es una opción excepcional para los gamers y entusiastas de la PC que buscan una carcasa que combine funcionalidad, estética y capacidad de expansión. Con su diseño inteligente y características avanzadas, es la base perfecta para construir un sistema de alto rendimiento que no solo se vea bien, sino que también funcione de manera óptima.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Material:</strong> Red, Plástico, Acero, Vidrio templado</li>
    <li><strong>Factor de forma:</strong> Full Tower</li>
    <li><strong>Tipo:</strong> PC</li>
    <li><strong>Color del producto:</strong> Blanco</li>
    <li><strong>Factores de forma de tarjeta madre soportados:</strong> ATX, EATX, micro ATX, Mini-ITX, SSI CEB, SSI EEB</li>
    <li><strong>Cantidad de bahías de 3,5":</strong> 9</li>
    <li><strong>Cantidad de bahías de 2,5":</strong> 9</li>
    <li><strong>Número de bahías internas de 3,5":</strong> 9</li>
    <li><strong>Cantidad de unidades de almacenamiento compatibles:</strong> 9</li>
    <li><strong>Cantidad de ranuras de expansión:</strong> 8</li>
    <li><strong>Ventana lateral:</strong> Sí</li>
    <li><strong>Adecuado para:</strong> Juegos</li>
    <li><strong>Iluminación:</strong> Sí</li>
    <li><strong>Color de iluminación:</strong> Multi</li>
    <li><strong>Ubicación de la iluminación:</strong> Ventiladores de gabinete</li>
    <li><strong>Panel(es) de vidrio templado:</strong> Sí</li>
    <li><strong>Filtro antipolvo:</strong> Sí</li>
    <li><strong>Gestión de cables:</strong> Sí</li>
    <li><strong>Botón de encendido/apagado:</strong> Sí</li>
    <li><strong>Indicadores LED:</strong> Sí</li>
    <li><strong>Altura máxima del enfriador del CPU:</strong> 16,6 cm</li>
    <li><strong>Longitud máxima de la tarjeta gráfica:</strong> 49 cm</li>
    <li><strong>Longitud máxima de PSU:</strong> 20 cm</li>
    <li><strong>Fuente de alimentación incluida:</strong> No</li>
    <li><strong>Ubicación de fuente de alimentación:</strong> Inferior</li>
    <li><strong>Factores de forma de la fuente de alimentación compatible:</strong> ATX</li>
    <li><strong>Entrada de audio:</strong> Sí</li>
    <li><strong>Salida de audio:</strong> Sí</li>
    <li><strong>Cantidad de puertos tipo C USB 3.2 Gen 2 (3.1 Gen 2):</strong> 4</li>
    <li><strong>Cantidad de puertos tipo A USB 3.2 Gen 2 (3.1 Gen 2):</strong> 1</li>
    <li><strong>Cantidad de puertos ARGB:</strong> 1</li>
    <li><strong>Ventiladores frontales instalados:</strong> 2x 200 mm</li>
    <li><strong>Cantidad de ventiladores frontales admitida (máx.):</strong> 2</li>
    <li><strong>Diámetros de ventiladores frontales admitidos:</strong> 200 mm</li>
    <li><strong>Cantidad (máx.) de ventiladores laterales admitidos:</strong> 4</li>
    <li><strong>Diámetros de ventiladores laterales admitidos:</strong> 120,140 mm</li>
    <li><strong>Ventiladores traseros instalados:</strong> 2x 120 mm</li>
    <li><strong>Cantidad (máx.) de ventiladores traseros admitidos:</strong> 2</li>
    <li><strong>Diámetros de ventiladores traseros admitidos:</strong> 120 mm</li>
    <li><strong>Cantidad (máx.) de ventiladores superiores admitidos:</strong> 6</li>
    <li><strong>Diámetros de ventiladores superiores admitidos:</strong> 120,140,200 mm</li>
    <li><strong>Ventiladores inferiores instalados:</strong> 1x 120 mm</li>
    <li><strong>Cantidad (máx.) de ventiladores inferiores admitidos:</strong> 3</li>
    <li><strong>Diámetros de ventiladores inferiores admitidos:</strong> 120,140 mm</li>
    <li><strong>Capacidad de enfriamiento líquido:</strong> Sí</li>
    <li><strong>Tamaños de radiador lateral admitidos:</strong> 420,480 mm</li>
    <li><strong>Tamaños de ventilador del radiador inferior admitidos:</strong> 360,420 mm</li>
    <li><strong>Tamaños de coolers traseros compatibles:</strong> 240 mm</li>
    <li><strong>Tamaños de coolers superiores compatibles:</strong> 360,420 mm</li>
    <li><strong>Tamaños de disco duro compatibles:</strong> 2.5,3.5"</li>
    <li><strong>Carcasa combinada para HDD/SSD:</strong> Sí</li>
    <li><strong>Ancho:</strong> 291 mm</li>
    <li><strong>Profundidad:</strong> 666 mm</li>
    <li><strong>Altura:</strong> 626 mm</li>
    <li><strong>Peso:</strong> 19,9 kg</li>
    <li><strong>Ancho del paquete:</strong> 399 mm</li>
    <li><strong>Profundidad del paquete:</strong> 780 mm</li>
    <li><strong>Altura del paquete:</strong> 725 mm</li>
    <li><strong>Peso del paquete:</strong> 24,5 kg</li>
    <li><strong>Nombre del producto:</strong> HAF 700 - White</li>
    <li><strong>Número de parte:</strong> H700-WGNN-S00</li>
    <li><strong>Nombre de la marca:</strong> Cooler Master</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":"H700-WGNN-S00","item_name":"HAF 700 WHITE","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/haf-700-white");
      document.title = "[H700-WGNN-S00] HAF 700 WHITE | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>