<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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/1ehx07x802qh450q77sci50pif98?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/dw9ubuwxlwtk5zrr5lhwcerrbcg7?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ya6hrq450nnimzqf5d014phhn1e4?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/x59y7e40yj30uuudwkf8dkl12r1j?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/2l380co6udqoog0rdl6y86ij60jp?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/zht3loxdhi9a0556yw8puy4n2mp0?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/e711yv4bqlfv3a1vhf6lstpwfuld?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/g9ja86bgzfyuh1y3cbtzli7zujpn?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/66lri6d4rvhq0daoovcbaye74sgk?_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 9 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/30xu0mcm2rsnwwls75o92heepol2?_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 10 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/wgbbb6euhrykxlfzkvuv5mx0qxp1?_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 11 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/69y78uwzfxuyl6zgyam8t2s6jv4e?_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 12 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/wvl6sx9l431s4b1jd3vpo3z4kmp2?_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 13 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/tq1hyf65qgg9x6k3y8ivcsj2v8s1?_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 14 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/hf0olcvf90r8ln3lj3mlw7n6rxni?_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 15 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/xgd0bmg89pxy44fpqthoj9f4c120?_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 16 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/o1f5py6r564hzg9uxscj60x2i421?_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 17 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ehsk22vc1igfers4s58jtbsqgpe5?_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 18 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/tdofkwblh8atkvhvgkkmad4xvhwo?_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 19 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ri06crg3rcm0pmujo262nqz7vaw0?_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 20 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ir7y5frcv3x6w8kb43uw8y5tf5d5?_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 21 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/3azu7c0m9p9pzk1uxbgim2w40p9y?_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 22 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/xmsfp5gjcg7vcgdb5sipgsddi8ke?_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 23 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/vo9gg41nzkz68cgwj2qrw64bnerz?_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 24 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/khuv6uksd4awixmcw4ef2uwil2ce?_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 25 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/6ozj9m5uhyr8juc15yr8fvccfut9?_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 26 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/8mxrgwg6xyouokt0ku90ccl444xj?_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 27 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/w2bp8kma5s5jgrk8163l0qja51rn?_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 28 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/edzs8bwuwqhvzsnrkh4jsdd7c99y?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/1ehx07x802qh450q77sci50pif98?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/dw9ubuwxlwtk5zrr5lhwcerrbcg7?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ya6hrq450nnimzqf5d014phhn1e4?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/x59y7e40yj30uuudwkf8dkl12r1j?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/2l380co6udqoog0rdl6y86ij60jp?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/zht3loxdhi9a0556yw8puy4n2mp0?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/e711yv4bqlfv3a1vhf6lstpwfuld?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/g9ja86bgzfyuh1y3cbtzli7zujpn?_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 Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/66lri6d4rvhq0daoovcbaye74sgk?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="9"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 9 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/30xu0mcm2rsnwwls75o92heepol2?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="10"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 10 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/wgbbb6euhrykxlfzkvuv5mx0qxp1?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="11"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 11 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/69y78uwzfxuyl6zgyam8t2s6jv4e?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="12"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 12 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/wvl6sx9l431s4b1jd3vpo3z4kmp2?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="13"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 13 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/tq1hyf65qgg9x6k3y8ivcsj2v8s1?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="14"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 14 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/hf0olcvf90r8ln3lj3mlw7n6rxni?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="15"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 15 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/xgd0bmg89pxy44fpqthoj9f4c120?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="16"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 16 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/o1f5py6r564hzg9uxscj60x2i421?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="17"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 17 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ehsk22vc1igfers4s58jtbsqgpe5?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="18"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 18 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/tdofkwblh8atkvhvgkkmad4xvhwo?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="19"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 19 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ri06crg3rcm0pmujo262nqz7vaw0?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="20"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 20 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ir7y5frcv3x6w8kb43uw8y5tf5d5?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="21"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 21 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/3azu7c0m9p9pzk1uxbgim2w40p9y?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="22"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 22 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/xmsfp5gjcg7vcgdb5sipgsddi8ke?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="23"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 23 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/vo9gg41nzkz68cgwj2qrw64bnerz?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="24"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 24 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/khuv6uksd4awixmcw4ef2uwil2ce?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="25"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 25 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/6ozj9m5uhyr8juc15yr8fvccfut9?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="26"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 26 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/8mxrgwg6xyouokt0ku90ccl444xj?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="27"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 27 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/w2bp8kma5s5jgrk8163l0qja51rn?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="28"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 28 de Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/edzs8bwuwqhvzsnrkh4jsdd7c99y?_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-14240" class="text-xl text-blue-900 font-medium">Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="14240">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-14240" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/APC">APC</a>
    <h2 id="sku-14240" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: AR3100</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-14240" 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-14240" 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-14240" 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":"AR3100","item_name":"Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro","affiliation":"tecnomas.cl","index":0,"item_brand":"APC","item_category":"Servidores","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="14240" 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;AR3100&quot;,&quot;item_name&quot;:&quot;Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APC&quot;,&quot;item_category&quot;:&quot;Servidores&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="eFLYR0ftwV96peEbp6K9QYb-Nb7hqTY4gnAl0EGdo_LVE375gV2tdO-RnS15WuHtSoQhrwkr8KdBttbMoeO9aA" autocomplete="off" />
        <input value="14240" 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="deSK_H1av-MNTNeH57K6TiXOXHtoEhA8RWWp4Y8_NOdIGsK8croo8mDmC5FYkw-sKXjL1IzsMASO_r7cls7QqQ" autocomplete="off" />
        <input value="14240" 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="-5mljjw48fhy4qVn83Z5Hh0mYz-ctte4ou60xYEDrIq6mKQlWJ4I8_ccormGr49QOblouxvxIGF09wMSTuUOBA" autocomplete="off" />
        <input value="14240" 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-14240" class="text-xl text-blue-900 font-medium">Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="14240">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-14240" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/APC">APC</a>
    <h2 id="sku-14240" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: AR3100</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-14240" 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-14240" 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-14240" 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":"AR3100","item_name":"Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro","affiliation":"tecnomas.cl","index":0,"item_brand":"APC","item_category":"Servidores","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="14240" 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;AR3100&quot;,&quot;item_name&quot;:&quot;Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APC&quot;,&quot;item_category&quot;:&quot;Servidores&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="eFLYR0ftwV96peEbp6K9QYb-Nb7hqTY4gnAl0EGdo_LVE375gV2tdO-RnS15WuHtSoQhrwkr8KdBttbMoeO9aA" autocomplete="off" />
        <input value="14240" 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="deSK_H1av-MNTNeH57K6TiXOXHtoEhA8RWWp4Y8_NOdIGsK8croo8mDmC5FYkw-sKXjL1IzsMASO_r7cls7QqQ" autocomplete="off" />
        <input value="14240" 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="-5mljjw48fhy4qVn83Z5Hh0mYz-ctte4ou60xYEDrIq6mKQlWJ4I8_ccormGr49QOblouxvxIGF09wMSTuUOBA" autocomplete="off" />
        <input value="14240" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-specs"><template>
  <div id="product-specs">
    <div class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
      <p class="text-blue-900 text-2xl mb-4 font-medium">Especificaciones</p>
      <div class="flex flex-col divide-y">
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Capacidad de Almacenamiento</p>
            <p class="text-gray-600">1 TB</p>
          </div>
      </div>
    </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-description"><template>
  <div id="product-description" class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
  <p class="text-blue-900 text-2xl mb-4 font-medium">Descripción</p>
  <div class="trix-content">
  <p>El <strong>Rack de Servidor APC AR3100 NetShelter SX</strong> es una solución de almacenamiento robusta y eficiente, diseñada para satisfacer las necesidades de centros de datos y entornos de servidores de baja a media densidad. Con una altura de <strong>42U</strong>, este rack permite una fácil instalación y acceso a los equipos, optimizando el espacio disponible en su infraestructura tecnológica.</p>

<p>Con unas dimensiones de <strong>600 mm de ancho</strong> y <strong>1070 mm de profundidad</strong>, el APC AR3100 se adapta perfectamente a las configuraciones estándar de 19 pulgadas, garantizando compatibilidad con una amplia gama de equipos. Su diseño negro elegante no solo es estéticamente agradable, sino que también se integra sin esfuerzo en cualquier entorno profesional.</p>

<p>Este rack está construido con materiales de alta calidad, incluyendo paneles laterales de <strong>18 gauge</strong> y una puerta frontal de <strong>16 gauge</strong>, lo que proporciona una resistencia excepcional y seguridad para sus equipos. Además, cuenta con cerraduras en las puertas delantera y trasera, así como en los paneles laterales, asegurando que su infraestructura esté protegida contra accesos no autorizados.</p>

<p>El APC AR3100 no solo es robusto, sino que también es altamente funcional. Su capacidad de carga estática alcanza hasta <strong>1700.97 kg</strong>, mientras que la carga dinámica soporta hasta <strong>1020.58 kg</strong>, lo que lo convierte en una opción ideal para alojar servidores y equipos de red pesados. Las patas ajustables y las ruedas pivotantes facilitan el movimiento y la nivelación del rack, permitiendo una instalación rápida y eficiente.</p>

<p>En términos de sostenibilidad, el rack cumple con las normativas <strong>RoHS</strong> y está diseñado para minimizar su huella de carbono, con un total de <strong>439 kg CO2 eq.</strong>. Esto refleja el compromiso de APC con el medio ambiente y la sostenibilidad en la fabricación de sus productos.</p>

<p>El rack también incluye características adicionales como un sistema de gestión de cables, que ayuda a mantener el orden y la organización dentro del gabinete, y una profundidad de instalación ajustable que varía entre <strong>191 mm y 915 mm</strong>, permitiendo una flexibilidad adicional en la configuración de su equipo.</p>

<p>Con una garantía de <strong>5 años</strong> para reparación o sustitución, el APC AR3100 es una inversión segura para cualquier empresa que busque un rack de servidor confiable y duradero. Su diseño inteligente y su construcción robusta lo convierten en una opción preferida para profesionales de TI que buscan optimizar su espacio de trabajo y proteger sus activos tecnológicos.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> APC</li>
    <li><strong>Modelo:</strong> AR3100</li>
    <li><strong>Tipo de producto:</strong> Rack</li>
    <li><strong>Altura (unidades de bastidor):</strong> 42U</li>
    <li><strong>Altura máxima:</strong> 1991mm</li>
    <li><strong>Anchura máxima:</strong> 600mm</li>
    <li><strong>Profundidad máxima:</strong> 1070mm</li>
    <li><strong>Peso neto:</strong> 125.09kg</li>
    <li><strong>Peso de envío:</strong> 144.55kg</li>
    <li><strong>Color:</strong> Negro</li>
    <li><strong>Profundidad máxima de instalación:</strong> 915.0mm</li>
    <li><strong>Profundidad mínima de instalación:</strong> 191.0mm</li>
    <li><strong>Weight Capacity (static load):</strong> 1700.97kg</li>
    <li><strong>Weight Capacity (dynamic load):</strong> 1020.58kg</li>
    <li><strong>Front Door:</strong> 16.0calibre</li>
    <li><strong>Vertical Posts:</strong> 16.0calibre</li>
    <li><strong>Rear Door:</strong> 18.0calibre</li>
    <li><strong>Roof:</strong> 18.0calibre</li>
    <li><strong>Side Panels:</strong> 18.0calibre</li>
    <li><strong>Unidades en Palet:</strong> 1.0</li>
    <li><strong>Protection Class:</strong> IP20</li>
    <li><strong>Aceptaciones:</strong> EIA-310E, UL 2416, UL 60950-1</li>
    <li><strong>RoHS:</strong> Conforme</li>
    <li><strong>Paneles laterales incluidos:</strong> Sí</li>
    <li><strong>Bloqueo del teclado:</strong> Sí</li>
    <li><strong>Puerta trasera con cerradura:</strong> Sí</li>
    <li><strong>Puerta delantera con cerradura:</strong> Sí</li>
    <li><strong>Panel lateral con cerradura:</strong> Sí</li>
    <li><strong>Patas ajustables:</strong> Sí</li>
    <li><strong>Ruedas pivotantes:</strong> Sí</li>
    <li><strong>Periodo de garantía:</strong> 5 años</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":"AR3100","item_name":"Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro","affiliation":"tecnomas.cl","index":0,"item_brand":"APC","item_category":"Servidores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/rack-de-servidor-apc-ar3100-netshelter-sx-42u-600mm-x-1070mm-c-laterales-negro");
      document.title = "[AR3100] Rack de Servidor APC AR3100 NetShelter SX 42U 600mm x 1070mm c/Laterales Negro | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>