<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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ld52pngr0n2p8bi7243q5d07gi05?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/q7g9gvpuptxw2zmety1yhr7qukti?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/qiput9llz4wgauzbwxzezhxru9tk?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/o1dmtcyvmgh9m2djsc95gpgh413c?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ld52pngr0n2p8bi7243q5d07gi05?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/q7g9gvpuptxw2zmety1yhr7qukti?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/qiput9llz4wgauzbwxzezhxru9tk?_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 Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/o1dmtcyvmgh9m2djsc95gpgh413c?_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-155099" class="text-xl text-blue-900 font-medium">Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="155099">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-155099" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/GIGABYTE">GIGABYTE</a>
    <h2 id="sku-155099" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: B760M D3HP DDR5</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
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              Viernes
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  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="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>
  
  <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-155099" class=" text-2xl text-sky-500">
          $ 161.990
        </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-155099" class="text-gray-500 text-md">$ 165.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-orange-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-155099" class="text-orange-700 align-middle">
          Solo 5 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-orange-500 h-2" style="width: 22%;">
        </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="5" 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":"B760M D3HP DDR5","item_name":"Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX","affiliation":"tecnomas.cl","index":0,"item_brand":"GIGABYTE","item_category":"Placas Madre","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":161990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 161990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="155099" data-analytics-environment-value="production" data-analytics-product-price-value="161990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;B760M D3HP DDR5&quot;,&quot;item_name&quot;:&quot;Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;GIGABYTE&quot;,&quot;item_category&quot;:&quot;Placas Madre&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;:161990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2z4gLrCZVeJlgKxDRTyLmWWRD_l_L8Vfh4Vjp8gtccBpd8ZqMkf5qD8fivj76J5TMYZGnS790-8zrnFwlz9c1Q" autocomplete="off" />
        <input value="155099" 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" />
          <button name="button" type="submit" class="add-to-cart-button cursor-pointer flex flex-row items-center justify-center rounded bg-sky-500 text-white w-full py-3 hover:bg-sky-400">
            <div class="show-when-enabled">
              Agregar al carro
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aPPWA-QkftgWp5Bi4b7IG5rIDE1V6BzBUONO8SUpSyKHGQjxfWIvWEFKnaLhPhBvFFF73dzvkxEONfuAeRIJAQ" autocomplete="off" />
        <input value="155099" 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" />
          <button name="button" type="submit" class="purchase-now-button cursor-pointer flex flex-row items-center justify-center rounded bg-blue-900 text-white w-full py-3 hover:bg-blue-700 duration-200">
            <div class="show-when-enabled">
              Comprar ahora
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></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="cDDV1lnQBzDxmJSDUQVdkbsjkW73Ac22OfDdD3si4VGZ6oTbIxejIl_8IcDdGlkgsx3uL-er0hbSvqxhyzCU4Q" autocomplete="off" />
        <input value="155099" 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-155099" class="text-xl text-blue-900 font-medium">Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="155099">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-155099" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/GIGABYTE">GIGABYTE</a>
    <h2 id="sku-155099" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: B760M D3HP DDR5</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
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              Viernes
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  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="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>
  
  <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-155099" class=" text-2xl text-sky-500">
          $ 161.990
        </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-155099" class="text-gray-500 text-md">$ 165.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-orange-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-155099" class="text-orange-700 align-middle">
          Solo 5 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-orange-500 h-2" style="width: 22%;">
        </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="5" 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":"B760M D3HP DDR5","item_name":"Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX","affiliation":"tecnomas.cl","index":0,"item_brand":"GIGABYTE","item_category":"Placas Madre","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":161990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 161990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="155099" data-analytics-environment-value="production" data-analytics-product-price-value="161990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;B760M D3HP DDR5&quot;,&quot;item_name&quot;:&quot;Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;GIGABYTE&quot;,&quot;item_category&quot;:&quot;Placas Madre&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;:161990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2z4gLrCZVeJlgKxDRTyLmWWRD_l_L8Vfh4Vjp8gtccBpd8ZqMkf5qD8fivj76J5TMYZGnS790-8zrnFwlz9c1Q" autocomplete="off" />
        <input value="155099" 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" />
          <button name="button" type="submit" class="add-to-cart-button cursor-pointer flex flex-row items-center justify-center rounded bg-sky-500 text-white w-full py-3 hover:bg-sky-400">
            <div class="show-when-enabled">
              Agregar al carro
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></form>
      <form action="/iniciar-compra-rapida" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aPPWA-QkftgWp5Bi4b7IG5rIDE1V6BzBUONO8SUpSyKHGQjxfWIvWEFKnaLhPhBvFFF73dzvkxEONfuAeRIJAQ" autocomplete="off" />
        <input value="155099" 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" />
          <button name="button" type="submit" class="purchase-now-button cursor-pointer flex flex-row items-center justify-center rounded bg-blue-900 text-white w-full py-3 hover:bg-blue-700 duration-200">
            <div class="show-when-enabled">
              Comprar ahora
            </div>
            <div class="show-when-disabled my-0.5">
              <div class="flex items-center space-x-2">
  <div></div>
  <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
  </svg>
</div>
            </div>
</button></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="cDDV1lnQBzDxmJSDUQVdkbsjkW73Ac22OfDdD3si4VGZ6oTbIxejIl_8IcDdGlkgsx3uL-er0hbSvqxhyzCU4Q" autocomplete="off" />
        <input value="155099" 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>La <strong>Tarjeta Madre Gigabyte B760M D3HP</strong> es una opción excepcional para aquellos que buscan construir un sistema potente y versátil. Diseñada con el <strong>socket LGA 1700</strong>, esta placa base es compatible con los procesadores de <strong>13ª y 14ª generación de Intel</strong>, incluyendo las series Core™, Pentium® Gold y Celeron®. Esto garantiza un rendimiento óptimo y una amplia gama de opciones de actualización para los entusiastas de la tecnología.</p>

<p>Con un <strong>chipset Intel® B760 Express</strong>, la B760M D3HP ofrece un soporte robusto para la memoria DDR5, permitiendo hasta <strong>256 GB</strong> de RAM a través de sus <strong>cuatro zócalos DIMM</strong>. Esto no solo proporciona una capacidad de memoria impresionante, sino que también admite velocidades de reloj de hasta <strong>5600 MHz</strong>, lo que resulta en un rendimiento fluido y eficiente para tareas intensivas y juegos.</p>

<p>En términos de almacenamiento, esta placa madre está equipada con <strong>dos conectores M.2</strong> y <strong>cuatro conectores SATA de 6 Gb/s</strong>, lo que permite una configuración de almacenamiento flexible y rápida. Además, la compatibilidad con <strong>RAID 0, 1, 5 y 10</strong> proporciona opciones avanzadas para la gestión de datos y la redundancia, asegurando que tus archivos estén siempre protegidos.</p>

<p>La B760M D3HP también destaca en el apartado gráfico, ofreciendo múltiples salidas de video: un puerto D-Sub, un puerto HDMI y un DisplayPort, todos capaces de soportar resoluciones de hasta <strong>4096 x 2304 píxeles</strong>. Esto la convierte en una excelente opción para quienes buscan una experiencia visual de alta calidad, ya sea para juegos, edición de video o trabajo de diseño gráfico.</p>

<p>En cuanto a conectividad, la placa madre incluye un total de <strong>seis puertos USB 3.2 Gen 1</strong>, junto con <strong>dos puertos USB 2.0</strong>, lo que permite conectar una variedad de dispositivos y periféricos sin problemas. Además, cuenta con un puerto Ethernet Gigabit para una conexión a Internet rápida y estable, ideal para juegos en línea y streaming.</p>

<p>El diseño de la B760M D3HP también se ha pensado para facilitar la refrigeración y el mantenimiento. Con <strong>tres cabezales de ventilador de sistema</strong> y un cabezal de ventilador de CPU, los usuarios pueden gestionar la temperatura de su sistema de manera efectiva. Además, la placa madre incluye conectores para tiras LED RGB, permitiendo personalizar la estética de tu PC.</p>

<p>La <strong>compatibilidad con Windows 10 y 11</strong> asegura que puedas disfrutar de las últimas características y actualizaciones del sistema operativo, mientras que su BIOS UEFI AMI proporciona una interfaz intuitiva para la configuración y el ajuste del sistema. Con un peso de <strong>720 g</strong> y dimensiones de <strong>24,4 cm x 24,4 cm</strong>, esta placa madre se adapta perfectamente a cualquier chasis micro ATX.</p>

<p>En resumen, la <strong>Tarjeta Madre Gigabyte B760M D3HP</strong> es una opción robusta y versátil para quienes buscan construir un sistema de alto rendimiento. Con su amplia compatibilidad de procesadores, soporte para memoria DDR5, opciones de almacenamiento avanzadas y múltiples salidas de video, esta placa base es ideal tanto para gamers como para profesionales que requieren un rendimiento excepcional en sus tareas diarias.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> Gigabyte</li>
    <li><strong>Modelo:</strong> B760M D3HP</li>
    <li><strong>Factor de Forma:</strong> Micro ATX</li>
    <li><strong>Enchufe del procesador:</strong> LGA 1700</li>
    <li><strong>Chipset:</strong> Intel B760 Express</li>
    <li><strong>Procesadores Compatibles:</strong> Intel® Core™, Pentium® Gold y Celeron® de 14.ª, 13.ª y 12.ª generación</li>
    <li><strong>Memoria:</strong> 4 zócalos DIMM DDR5, hasta 256 GB</li>
    <li><strong>Velocidad de reloj de la memoria soportada (máx.):</strong> 5600 MHz</li>
    <li><strong>Compatibilidad con ECC:</strong> Sí</li>
    <li><strong>Almacenamiento:</strong> 2x M.2, 4x SATA de 6 Gb/s</li>
    <li><strong>Compatibilidad con RAID:</strong> Sí</li>
    <li><strong>Gráficos Integrados:</strong> 1 puerto D-Sub, 1 puerto HDMI, 1 DisplayPort</li>
    <li><strong>Resolución máxima:</strong> 4096 x 2304 Pixeles</li>
    <li><strong>USB:</strong> 1 puerto USB Type-C, 5 puertos USB 3.2 Gen 1, 2 puertos USB 2.0</li>
    <li><strong>Audio:</strong> CODEC de audio Realtek®, audio de alta definición de 7.1 canales</li>
    <li><strong>LAN:</strong> Chip LAN Realtek® GbE (1 Gbps/100 Mbps/10 Mbps)</li>
    <li><strong>Conectores Internos:</strong> 1 conector de alimentación principal ATX de 24 pines, 1 conector de alimentación ATX de 12 V y 8 pines, 1 cabezal de ventilador de CPU, 3 cabezales de ventilador de sistema</li>
    <li><strong>Dimensiones:</strong> 24,4 cm x 24,4 cm</li>
    <li><strong>Peso:</strong> 720 g</li>
    <li><strong>Compatibilidad con Sistemas Operativos:</strong> Windows 10, Windows 11</li>
    <li><strong>BIOS:</strong> 128 Mbit flash, UEFI AMI</li>
    <li><strong>Período de garantía:</strong> 3 Año(s)</li>
    <li><strong>Pilas incluidas:</strong> Sí</li>
    <li><strong>Tornillos incluidos:</strong> Sí</li>
    <li><strong>Software incluido:</strong> Norton Internet Security</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: 161990,
          items: [{"item_id":"B760M D3HP DDR5","item_name":"Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX","affiliation":"tecnomas.cl","index":0,"item_brand":"GIGABYTE","item_category":"Placas Madre","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":161990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/b760m-d3hp");
      document.title = "[B760M D3HP DDR5] Tarjeta Madre Gigabyte B760M D3HP LGA1700 Sup 13/14°G 4*DDR5 M.2 DP HDMI mATX | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>