<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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/w0vqibxwk4vklmu3h2ffh67rqzkx?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/5hfk151y6f864w6s9p6754c7zqjl?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/i9ll1lohy043z5l5kui4yrjhnjiy?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/z7i4xk843xmfzlaosxa4y018pseu?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/w0vqibxwk4vklmu3h2ffh67rqzkx?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/5hfk151y6f864w6s9p6754c7zqjl?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/i9ll1lohy043z5l5kui4yrjhnjiy?_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 Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/z7i4xk843xmfzlaosxa4y018pseu?_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-26473" class="text-xl text-blue-900 font-medium">Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="26473">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-26473" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/XPG">XPG</a>
    <h2 id="sku-26473" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: VALORMESHMT-WHCWW</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-26473" 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-26473" 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-26473" 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":"VALORMESHMT-WHCWW","item_name":"Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco","affiliation":"tecnomas.cl","index":0,"item_brand":"XPG","item_category":"Gabinetes","item_category2":{"id":17,"name":"Componentes de Computador","parent_category_id":null,"created_at":"2023-04-06T17:36:52.596-04:00","updated_at":"2026-03-17T11:49:49.101-03:00","slug":null,"google_category_id":null,"minimum_product_price":"1000.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/\u003e\n  \u003crect x=\"9\" y=\"9\" width=\"6\" height=\"6\"/\u003e\n  \u003cpath d=\"M9 1v3\"/\u003e\n  \u003cpath d=\"M15 1v3\"/\u003e\n  \u003cpath d=\"M9 20v3\"/\u003e\n  \u003cpath d=\"M15 20v3\"/\u003e\n  \u003cpath d=\"M20 9h3\"/\u003e\n  \u003cpath d=\"M20 14h3\"/\u003e\n  \u003cpath d=\"M1 9h3\"/\u003e\n  \u003cpath d=\"M1 14h3\"/\u003e\n\u003c/svg\u003e\n"},"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="26473" 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;VALORMESHMT-WHCWW&quot;,&quot;item_name&quot;:&quot;Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;XPG&quot;,&quot;item_category&quot;:&quot;Gabinetes&quot;,&quot;item_category2&quot;:{&quot;id&quot;:17,&quot;name&quot;:&quot;Componentes de Computador&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.596-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-17T11:49:49.101-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;1000.0&quot;,&quot;autogenerate_specs&quot;:false,&quot;minimum_product_creation_margin&quot;:7,&quot;icon_svg&quot;:&quot;\u003csvg class=\&quot;icon\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;1.5\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot;\u003e\n  \u003crect x=\&quot;4\&quot; y=\&quot;4\&quot; width=\&quot;16\&quot; height=\&quot;16\&quot; rx=\&quot;2\&quot;/\u003e\n  \u003crect x=\&quot;9\&quot; y=\&quot;9\&quot; width=\&quot;6\&quot; height=\&quot;6\&quot;/\u003e\n  \u003cpath d=\&quot;M9 1v3\&quot;/\u003e\n  \u003cpath d=\&quot;M15 1v3\&quot;/\u003e\n  \u003cpath d=\&quot;M9 20v3\&quot;/\u003e\n  \u003cpath d=\&quot;M15 20v3\&quot;/\u003e\n  \u003cpath d=\&quot;M20 9h3\&quot;/\u003e\n  \u003cpath d=\&quot;M20 14h3\&quot;/\u003e\n  \u003cpath d=\&quot;M1 9h3\&quot;/\u003e\n  \u003cpath d=\&quot;M1 14h3\&quot;/\u003e\n\u003c/svg\u003e\n&quot;},&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="0dtvESiNqmSQYedTXQ_CoVa1y2McUZ2s0-NWrg5NbBJwWVDSyX_fRRx20VbJrX8Zp0EawoXcQ08B4pcBDZRang" autocomplete="off" />
        <input value="26473" 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="fSv1ucCPT80KemRkxxOP8EtuRdy1-C66hhouE4Wfa85rv6GUam0LZ6VGCKx6PwuiV-Op1M85d1MqaKUe95opmg" autocomplete="off" />
        <input value="26473" 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="e_H9zMB2Q9OYcDkowhIhPgy9JOmvZLySwyDeaVyFgHgXr6Mw-rcyi_3bz5TxgHInK1QhPQ2RjyrO_XXFdBW8ZA" autocomplete="off" />
        <input value="26473" 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-26473" class="text-xl text-blue-900 font-medium">Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="26473">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-26473" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/XPG">XPG</a>
    <h2 id="sku-26473" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: VALORMESHMT-WHCWW</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-26473" 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-26473" 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-26473" 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":"VALORMESHMT-WHCWW","item_name":"Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco","affiliation":"tecnomas.cl","index":0,"item_brand":"XPG","item_category":"Gabinetes","item_category2":{"id":17,"name":"Componentes de Computador","parent_category_id":null,"created_at":"2023-04-06T17:36:52.596-04:00","updated_at":"2026-03-17T11:49:49.101-03:00","slug":null,"google_category_id":null,"minimum_product_price":"1000.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/\u003e\n  \u003crect x=\"9\" y=\"9\" width=\"6\" height=\"6\"/\u003e\n  \u003cpath d=\"M9 1v3\"/\u003e\n  \u003cpath d=\"M15 1v3\"/\u003e\n  \u003cpath d=\"M9 20v3\"/\u003e\n  \u003cpath d=\"M15 20v3\"/\u003e\n  \u003cpath d=\"M20 9h3\"/\u003e\n  \u003cpath d=\"M20 14h3\"/\u003e\n  \u003cpath d=\"M1 9h3\"/\u003e\n  \u003cpath d=\"M1 14h3\"/\u003e\n\u003c/svg\u003e\n"},"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="26473" 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;VALORMESHMT-WHCWW&quot;,&quot;item_name&quot;:&quot;Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;XPG&quot;,&quot;item_category&quot;:&quot;Gabinetes&quot;,&quot;item_category2&quot;:{&quot;id&quot;:17,&quot;name&quot;:&quot;Componentes de Computador&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.596-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-17T11:49:49.101-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;1000.0&quot;,&quot;autogenerate_specs&quot;:false,&quot;minimum_product_creation_margin&quot;:7,&quot;icon_svg&quot;:&quot;\u003csvg class=\&quot;icon\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;1.5\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot;\u003e\n  \u003crect x=\&quot;4\&quot; y=\&quot;4\&quot; width=\&quot;16\&quot; height=\&quot;16\&quot; rx=\&quot;2\&quot;/\u003e\n  \u003crect x=\&quot;9\&quot; y=\&quot;9\&quot; width=\&quot;6\&quot; height=\&quot;6\&quot;/\u003e\n  \u003cpath d=\&quot;M9 1v3\&quot;/\u003e\n  \u003cpath d=\&quot;M15 1v3\&quot;/\u003e\n  \u003cpath d=\&quot;M9 20v3\&quot;/\u003e\n  \u003cpath d=\&quot;M15 20v3\&quot;/\u003e\n  \u003cpath d=\&quot;M20 9h3\&quot;/\u003e\n  \u003cpath d=\&quot;M20 14h3\&quot;/\u003e\n  \u003cpath d=\&quot;M1 9h3\&quot;/\u003e\n  \u003cpath d=\&quot;M1 14h3\&quot;/\u003e\n\u003c/svg\u003e\n&quot;},&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="0dtvESiNqmSQYedTXQ_CoVa1y2McUZ2s0-NWrg5NbBJwWVDSyX_fRRx20VbJrX8Zp0EawoXcQ08B4pcBDZRang" autocomplete="off" />
        <input value="26473" 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="fSv1ucCPT80KemRkxxOP8EtuRdy1-C66hhouE4Wfa85rv6GUam0LZ6VGCKx6PwuiV-Op1M85d1MqaKUe95opmg" autocomplete="off" />
        <input value="26473" 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="e_H9zMB2Q9OYcDkowhIhPgy9JOmvZLySwyDeaVyFgHgXr6Mw-rcyi_3bz5TxgHInK1QhPQ2RjyrO_XXFdBW8ZA" autocomplete="off" />
        <input value="26473" 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>Descubre el Gabinete XPG Valor Air Mesh en un elegante color blanco</strong>, diseñado para ofrecer un rendimiento excepcional y una estética moderna. Este gabinete de tipo torre midi es ideal para aquellos que buscan un equilibrio entre funcionalidad y estilo. Con un tamaño máximo de placa madre compatible con ATX, micro ATX y Mini-ITX, el Valor Air Mesh se adapta a diversas configuraciones de hardware, permitiendo a los usuarios personalizar su sistema según sus necesidades.</p>

<p>El <strong>panel lateral de vidrio templado de 3 mm</strong> no solo proporciona una vista clara de los componentes internos, sino que también añade un toque de sofisticación a tu setup. La gestión de cables está optimizada, lo que facilita mantener un interior ordenado y limpio, mejorando la circulación del aire y la refrigeración de los componentes. Además, cuenta con un botón de encendido y un botón de reinicio, ubicados de manera accesible en la parte frontal del gabinete.</p>

<p>En cuanto a la conectividad, el XPG Valor Air Mesh incluye <strong>dos puertos USB 3.2 Gen 1</strong> y un conector de audio/micrófono de 3,5 mm, permitiendo una fácil conexión de dispositivos externos. La ubicación de la fuente de poder es inferior, lo que contribuye a un mejor flujo de aire y a una distribución equilibrada del peso. Aunque el gabinete no incluye fuente de poder, su diseño permite instalar una PSU de hasta 180 mm de longitud, brindando flexibilidad en la elección de la fuente adecuada para tu sistema.</p>

<p>La ventilación es una de las características más destacadas de este gabinete. Viene equipado con <strong>tres ventiladores de 120 mm en la parte frontal</strong> y uno en la parte trasera, asegurando un flujo de aire óptimo para mantener tus componentes frescos durante largas sesiones de uso. Además, el gabinete admite la instalación de hasta tres ventiladores frontales adicionales y dos en la parte superior, así como la posibilidad de integrar sistemas de refrigeración líquida con radiadores de hasta 360 mm en la parte frontal.</p>

<p>Con unas dimensiones de <strong>46 cm de altura, 21 cm de ancho y 37,1 cm de profundidad</strong>, el XPG Valor Air Mesh es compacto pero espacioso, permitiendo la instalación de tarjetas gráficas de hasta 335 mm de longitud y disipadores de CPU de hasta 166 mm de altura. Esto lo convierte en una opción versátil para gamers y entusiastas del hardware que buscan un gabinete que no solo se vea bien, sino que también ofrezca un rendimiento superior.</p>

<p>En resumen, el Gabinete XPG Valor Air Mesh es una opción excepcional para quienes buscan un equilibrio entre diseño, funcionalidad y rendimiento. Su construcción robusta, junto con características como el panel de vidrio templado y la excelente capacidad de refrigeración, lo convierten en una elección ideal para cualquier configuración de PC moderna.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> XPG</li>
    <li><strong>Modelo:</strong> Valor Air Mesh</li>
    <li><strong>Tipo de Chasis:</strong> Torre</li>
    <li><strong>Color del producto:</strong> Blanco</li>
    <li><strong>Tamaño máximo de placa madre:</strong> ATX</li>
    <li><strong>Bahías 3½ internas:</strong> 2</li>
    <li><strong>Bahías 2½ internas:</strong> 3</li>
    <li><strong>Slots de expansión:</strong> 7</li>
    <li><strong>Ventana lateral:</strong> Sí</li>
    <li><strong>Panel(es) de vidrio templado:</strong> Sí</li>
    <li><strong>Gestión de cables:</strong> Sí</li>
    <li><strong>Botón de restaurar:</strong> Sí</li>
    <li><strong>Botón de encendido/apagado:</strong> Sí</li>
    <li><strong>Altura máxima del enfriador del CPU:</strong> 166 mm</li>
    <li><strong>Longitud máxima de la tarjeta gráfica:</strong> 335 mm (305 mm con ventiladores preinstalados)</li>
    <li><strong>Longitud máxima de PSU:</strong> 180 mm</li>
    <li><strong>Fuente de alimentación incluida:</strong> No</li>
    <li><strong>Puertos:</strong> 2 x USB 3.2 Gen 1</li>
    <li><strong>Combo de salida de auriculares/micrófono del puerto:</strong> Sí</li>
    <li><strong>Ventiladores frontales instalados:</strong> 3 x 120 mm</li>
    <li><strong>Ventiladores traseros instalados:</strong> 1 x 120 mm</li>
    <li><strong>Capacidad de enfriamiento líquido:</strong> Sí</li>
    <li><strong>Tamaños de coolers delanteros compatibles:</strong> 240/280/360 mm</li>
    <li><strong>Tamaños de coolers traseros compatibles:</strong> 120 mm</li>
    <li><strong>Tamaños de coolers superiores compatibles:</strong> 240 mm</li>
    <li><strong>Dimensiones:</strong> 46 x 21 x 37,1 cm</li>
    <li><strong>Peso:</strong> 5,1 kg (con ventiladores), 4,85 kg (sin ventiladores)</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":"VALORMESHMT-WHCWW","item_name":"Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco","affiliation":"tecnomas.cl","index":0,"item_brand":"XPG","item_category":"Gabinetes","item_category2":{"id":17,"name":"Componentes de Computador","parent_category_id":null,"created_at":"2023-04-06T17:36:52.596-04:00","updated_at":"2026-03-17T11:49:49.101-03:00","slug":null,"google_category_id":null,"minimum_product_price":"1000.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/\u003e\n  \u003crect x=\"9\" y=\"9\" width=\"6\" height=\"6\"/\u003e\n  \u003cpath d=\"M9 1v3\"/\u003e\n  \u003cpath d=\"M15 1v3\"/\u003e\n  \u003cpath d=\"M9 20v3\"/\u003e\n  \u003cpath d=\"M15 20v3\"/\u003e\n  \u003cpath d=\"M20 9h3\"/\u003e\n  \u003cpath d=\"M20 14h3\"/\u003e\n  \u003cpath d=\"M1 9h3\"/\u003e\n  \u003cpath d=\"M1 14h3\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/xpg-valor-air-mesh-white-valormeshmt-whcww");
      document.title = "[VALORMESHMT-WHCWW] Gabinete XPG Valor Air Mesh, ATX Vidrio templ. 2*USB3.2 3*FAM120mm, Color Blanco | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>