<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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/axzeoutfxuzabex12q4eq4tpcoex?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/je6d4ax9eo1u5unsbrtsz8av9uaa?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/8sd9djdyrvk74nhyh7mohfyhwnjc?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/4olmiqxmz6m4am6wu3lohpfknlhl?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/fckahped7as7s2f12tia4h81avd0?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/u80t83zx5sc9ev4q4hwby4mdl0gi?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/23n6mbgd2pjobqc51gqgjmmdpqxa?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/pr3o4ranxk7e6zl4f9ockitiefp2?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/axzeoutfxuzabex12q4eq4tpcoex?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/je6d4ax9eo1u5unsbrtsz8av9uaa?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/8sd9djdyrvk74nhyh7mohfyhwnjc?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/4olmiqxmz6m4am6wu3lohpfknlhl?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/fckahped7as7s2f12tia4h81avd0?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/u80t83zx5sc9ev4q4hwby4mdl0gi?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/23n6mbgd2pjobqc51gqgjmmdpqxa?_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 MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/pr3o4ranxk7e6zl4f9ockitiefp2?_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-103517" class="text-xl text-blue-900 font-medium">MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="103517">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-103517" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/APPLE">APPLE</a>
    <h2 id="sku-103517" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MU9D3CI/A</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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  256GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/mac-mini-m4-10c-gpu-10c-16gb-ram-512gb">512GB</a>
          </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-103517" 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-103517" 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-103517" 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":"MU9D3CI/A","item_name":"MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"PC Oficina","item_category2":{"id":28,"name":"Desktop","parent_category_id":null,"created_at":"2023-04-06T17:36:52.702-04:00","updated_at":"2026-03-02T10:25:00.771-03:00","slug":null,"google_category_id":1429,"minimum_product_price":"100000.0","autogenerate_specs":true,"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=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/\u003e\n  \u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/\u003e\n  \u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/\u003e\n  \u003cline x1=\"6\" y1=\"10\" x2=\"18\" y2=\"10\"/\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="103517" 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;MU9D3CI/A&quot;,&quot;item_name&quot;:&quot;MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APPLE&quot;,&quot;item_category&quot;:&quot;PC Oficina&quot;,&quot;item_category2&quot;:{&quot;id&quot;:28,&quot;name&quot;:&quot;Desktop&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.702-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-02T10:25:00.771-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:1429,&quot;minimum_product_price&quot;:&quot;100000.0&quot;,&quot;autogenerate_specs&quot;:true,&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;2\&quot; y=\&quot;3\&quot; width=\&quot;20\&quot; height=\&quot;14\&quot; rx=\&quot;2\&quot;/\u003e\n  \u003cline x1=\&quot;8\&quot; y1=\&quot;21\&quot; x2=\&quot;16\&quot; y2=\&quot;21\&quot;/\u003e\n  \u003cline x1=\&quot;12\&quot; y1=\&quot;17\&quot; x2=\&quot;12\&quot; y2=\&quot;21\&quot;/\u003e\n  \u003cline x1=\&quot;6\&quot; y1=\&quot;10\&quot; x2=\&quot;18\&quot; y2=\&quot;10\&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="hMn7lYsHaHG7O4v5nKf2z1JUyhTbUAkpkNNOcuXgxL9YkRfudv3rV0WUJGdvMJcjIRMnjj3bPUNfNlaJnO33ug" autocomplete="off" />
        <input value="103517" 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="tKt6JUddPFd1r1AhdCEzg7e1KGrbOIO5nLcg8FZgVGlsItETXtFlOPjclddsAl2-ZhAa7lDOFzPXu98kq25oUA" autocomplete="off" />
        <input value="103517" 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="d4hTR9J4chirUAGgpOIs1f7yUNf8RGcyRg--bj5KWQpp1NA_UtQKY5uPjYiQgeQKvUK73VkRhLEJqG9kjUKICw" autocomplete="off" />
        <input value="103517" 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-103517" class="text-xl text-blue-900 font-medium">MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="103517">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-103517" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/APPLE">APPLE</a>
    <h2 id="sku-103517" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MU9D3CI/A</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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  256GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/mac-mini-m4-10c-gpu-10c-16gb-ram-512gb">512GB</a>
          </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-103517" 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-103517" 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-103517" 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":"MU9D3CI/A","item_name":"MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"PC Oficina","item_category2":{"id":28,"name":"Desktop","parent_category_id":null,"created_at":"2023-04-06T17:36:52.702-04:00","updated_at":"2026-03-02T10:25:00.771-03:00","slug":null,"google_category_id":1429,"minimum_product_price":"100000.0","autogenerate_specs":true,"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=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/\u003e\n  \u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/\u003e\n  \u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/\u003e\n  \u003cline x1=\"6\" y1=\"10\" x2=\"18\" y2=\"10\"/\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="103517" 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;MU9D3CI/A&quot;,&quot;item_name&quot;:&quot;MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APPLE&quot;,&quot;item_category&quot;:&quot;PC Oficina&quot;,&quot;item_category2&quot;:{&quot;id&quot;:28,&quot;name&quot;:&quot;Desktop&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.702-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-02T10:25:00.771-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:1429,&quot;minimum_product_price&quot;:&quot;100000.0&quot;,&quot;autogenerate_specs&quot;:true,&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;2\&quot; y=\&quot;3\&quot; width=\&quot;20\&quot; height=\&quot;14\&quot; rx=\&quot;2\&quot;/\u003e\n  \u003cline x1=\&quot;8\&quot; y1=\&quot;21\&quot; x2=\&quot;16\&quot; y2=\&quot;21\&quot;/\u003e\n  \u003cline x1=\&quot;12\&quot; y1=\&quot;17\&quot; x2=\&quot;12\&quot; y2=\&quot;21\&quot;/\u003e\n  \u003cline x1=\&quot;6\&quot; y1=\&quot;10\&quot; x2=\&quot;18\&quot; y2=\&quot;10\&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="hMn7lYsHaHG7O4v5nKf2z1JUyhTbUAkpkNNOcuXgxL9YkRfudv3rV0WUJGdvMJcjIRMnjj3bPUNfNlaJnO33ug" autocomplete="off" />
        <input value="103517" 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="tKt6JUddPFd1r1AhdCEzg7e1KGrbOIO5nLcg8FZgVGlsItETXtFlOPjclddsAl2-ZhAa7lDOFzPXu98kq25oUA" autocomplete="off" />
        <input value="103517" 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="d4hTR9J4chirUAGgpOIs1f7yUNf8RGcyRg--bj5KWQpp1NA_UtQKY5uPjYiQgeQKvUK73VkRhLEJqG9kjUKICw" autocomplete="off" />
        <input value="103517" 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 RAM</p>
            <p class="text-gray-600">16 GB</p>
          </div>
          <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">256 GB</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Procesador</p>
            <p class="text-gray-600">m4</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Sistema Operativo</p>
            <p class="text-gray-600"> macOS</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de almacenamiento</p>
            <p class="text-gray-600">SSD</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><strong>Descubre el poder y la versatilidad del Mac mini M4 de Apple</strong>, un dispositivo que redefine la experiencia de computación en un formato compacto y elegante. Equipado con el innovador chip M4 de Apple, este ordenador de sobremesa cuenta con una CPU de 10 núcleos, que incluye 4 núcleos de rendimiento y 6 de eficiencia, lo que garantiza un rendimiento excepcional en todas tus tareas diarias, desde la edición de video hasta el diseño gráfico.</p>

<p>La <strong>GPU de 10 núcleos</strong> integrada ofrece un trazado de rayos acelerado por hardware, lo que permite disfrutar de gráficos impresionantes y una experiencia visual fluida. Con un Neural Engine de 16 núcleos, el Mac mini M4 es capaz de realizar tareas de aprendizaje automático con una velocidad y eficiencia sin precedentes, lo que lo convierte en una herramienta ideal para desarrolladores y creativos.</p>

<p>Con <strong>16 GB de memoria unificada</strong>, este dispositivo asegura que puedas ejecutar múltiples aplicaciones sin esfuerzo, mientras que el <strong>almacenamiento SSD de 256 GB</strong> proporciona un acceso rápido a tus archivos y programas. La combinación de estas características hace que el Mac mini M4 sea perfecto para quienes buscan un rendimiento potente en un tamaño reducido.</p>

<p>La compatibilidad con monitores es otra de las grandes ventajas de este modelo. El Mac mini M4 admite hasta tres monitores simultáneamente, permitiendo configuraciones versátiles para cualquier entorno de trabajo. Puedes conectar dos monitores con resolución de hasta 6K a 60 Hz a través de Thunderbolt y un monitor adicional con resolución de hasta 5K a 60 Hz o 4K a 60 Hz a través de HDMI. Esto significa que puedes disfrutar de una experiencia de visualización inmersiva y productiva, ideal para multitareas.</p>

<p>En cuanto a la conectividad, el Mac mini M4 no se queda atrás. Con <strong>Wi-Fi 6E</strong> y <strong>Bluetooth 5.3</strong>, disfrutarás de una conexión rápida y estable. Además, cuenta con un puerto Gigabit Ethernet y múltiples puertos Thunderbolt 4, que permiten transferencias de datos ultrarrápidas y la conexión de dispositivos externos de manera sencilla.</p>

<p>El diseño del Mac mini M4 es igualmente impresionante. Con un acabado en plata y dimensiones compactas de 5 cm de alto, 12.7 cm de ancho y 12.7 cm de profundidad, este dispositivo no solo es potente, sino que también se adapta perfectamente a cualquier espacio de trabajo. Su peso de solo 0.67 kg lo hace fácil de transportar, lo que lo convierte en una opción ideal para quienes necesitan un ordenador potente en movimiento.</p>

<p>Con una garantía de 1 año y el sistema operativo <strong>macOS</strong>, el Mac mini M4 de Apple es la elección perfecta para quienes buscan un equilibrio entre rendimiento, diseño y funcionalidad. No esperes más para llevar tu productividad al siguiente nivel con este excepcional ordenador de sobremesa.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> Apple</li>
    <li><strong>Modelo:</strong> Mac mini M4</li>
    <li><strong>Procesador:</strong> Chip M4 de Apple CPU de 10 núcleos con 4 núcleos de rendimiento y 6 de eficiencia, GPU de 10 núcleos, Trazado de rayos acelerado por hardware, Neural Engine de 16 núcleos, 120 GB/s de ancho de banda de memoria</li>
    <li><strong>RAM:</strong> Memoria unificada de 16 GB</li>
    <li><strong>Almacenamiento:</strong> SSD de 256 GB</li>
    <li><strong>Compatibilidad con monitores:</strong> Admite hasta tres monitores simultáneamente: dos monitores con resolución hasta 6K a 60 Hz a través de Thunderbolt y un monitor con resolución hasta 5K a 60 Hz a través de Thunderbolt o resolución 4K a 60 Hz a través de HDMI. Hasta dos monitores: un monitor con resolución hasta 5K a 60 Hz a través de Thunderbolt y un monitor con resolución hasta 8K a 60 Hz o resolución 4K a 240 Hz a través de Thunderbolt o HDMI. Salida de video digital Thunderbolt 4. Compatibilidad con salida DisplayPort 1.4 nativa a través de USB-C</li>
    <li><strong>Tarjeta Gráfica:</strong> GPU de 10 núcleos (Integrada)</li>
    <li><strong>Audio:</strong> Bocina integrada, Entrada de 3.5 mm para audífonos con compatibilidad avanzada para audífonos de alta impedancia, Puerto HDMI compatible con salida de audio multicanal</li>
    <li><strong>Comunicación:</strong> Wi-Fi 6E (802.11ax), Bluetooth 5.3, Ethernet Gigabit Ethernet 10/100/1000BASE-T (conector RJ-45)</li>
    <li><strong>Puertos:</strong> Parte frontal: Dos puertos USB-C compatibles con USB 3 (hasta 10 Gb/s), Entrada de 3.5 mm para audífonos. Parte posterior: Puerto Gigabit Ethernet, Puerto HDMI, Tres puertos Thunderbolt 4 (USB-C) compatibles con: Thunderbolt 4 (hasta 40 Gb/s), USB 4 (hasta 40 Gb/s), DisplayPort</li>
    <li><strong>Color:</strong> Plata</li>
    <li><strong>Dimensiones:</strong> Alto: 5 cm, Ancho: 12.7 cm, Profundidad: 12.7 cm</li>
    <li><strong>Peso:</strong> 0.67 kg</li>
    <li><strong>Garantía:</strong> 1 año</li>
    <li><strong>Sistema Operativo:</strong> macOS</li>
    <li><strong>Otros:</strong> NA</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":"MU9D3CI/A","item_name":"MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"PC Oficina","item_category2":{"id":28,"name":"Desktop","parent_category_id":null,"created_at":"2023-04-06T17:36:52.702-04:00","updated_at":"2026-03-02T10:25:00.771-03:00","slug":null,"google_category_id":1429,"minimum_product_price":"100000.0","autogenerate_specs":true,"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=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/\u003e\n  \u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/\u003e\n  \u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/\u003e\n  \u003cline x1=\"6\" y1=\"10\" x2=\"18\" y2=\"10\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/mac-mini-m4-10c-gpu-10c-16gb-ram-256gb");
      document.title = "[MU9D3CI/A] MU9D3CI/A Mac mini M4 10C/ GPU 10C/ 16GB RAM/ 256GB | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>