<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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/gbxbhdv6q4wnmru9uvr6nom2m2oa?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/484kd4kqkyqsahqzue6bvc7ovm1g?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/f43mnptnc3t5787fpbyidyihn8qn?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/30fhst3o96jl4for4jh566rnbvyz?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/92j84bt9eprlx3abecfn7oq4nty6?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/6v63c7duwu8p5diwzefgogsjfm4v?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/cdo8opp7bt3w1dl98xvmi3sjxzvy?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/1bcy5595fvkh394o9yhvzymcvkxl?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 8 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/qpiv68ro4svff72dbs8idaocitxb?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 9 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/awesmrudmwzzlkeu4iijyjgy0oiz?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 10 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/16qfdg5iout1djh9r9n3sesff4iu?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 11 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/m1o1tamrezsiqlr4luuzj67yiutd?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/gbxbhdv6q4wnmru9uvr6nom2m2oa?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/484kd4kqkyqsahqzue6bvc7ovm1g?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/f43mnptnc3t5787fpbyidyihn8qn?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/30fhst3o96jl4for4jh566rnbvyz?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/92j84bt9eprlx3abecfn7oq4nty6?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/6v63c7duwu8p5diwzefgogsjfm4v?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/cdo8opp7bt3w1dl98xvmi3sjxzvy?_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 MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/1bcy5595fvkh394o9yhvzymcvkxl?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="8"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 8 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/qpiv68ro4svff72dbs8idaocitxb?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="9"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 9 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/awesmrudmwzzlkeu4iijyjgy0oiz?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="10"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 10 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/16qfdg5iout1djh9r9n3sesff4iu?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="11"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 11 de MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/m1o1tamrezsiqlr4luuzj67yiutd?_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-152307" class="text-xl text-blue-900 font-medium">MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="152307">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-152307" 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-152307" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MHFC4CI/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
          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>
              22/4
        </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-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">Color</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">
                  Plata
                </span>

                <div
                  data-controller="tippy"
                  data-tippy-content-value="Sin stock disponible"
                  data-tippy-trigger-value="mouseenter focus"
                  data-tippy-placement-value="top"
                >
                  <span
                    class="px-3 py-1.5 text-sm border border-gray-200 text-gray-400 rounded cursor-not-allowed line-through inline-block"
                    data-tippy-target="button"
                  >
                    Indigo
                  </span>
                </div>

                  <div
                    data-controller="tippy"
                    data-tippy-content-value="Sin stock de esta configuración.
Al seleccionar esta opción, se ajustarán otras opciones a la primera configuración disponible"
                    data-tippy-trigger-value="mouseenter focus"
                    data-tippy-placement-value="top"
                  >
                    <a data-turbo-stream="true" data-tippy-target="button" class="px-3 py-1.5 text-sm border border-dashed border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors inline-block" href="/producto/apple-macbook-neo-early-2026-apple-silicon-a18-5-core-gpu-8-gb-256-gb-ssd-citrus-mhfd4ci-a">Citrus</a>
                  </div>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                  <div
                    data-controller="tippy"
                    data-tippy-content-value="Sin stock de esta configuración.
Al seleccionar esta opción, se ajustarán otras opciones a la primera configuración disponible"
                    data-tippy-trigger-value="mouseenter focus"
                    data-tippy-placement-value="top"
                  >
                    <a data-turbo-stream="true" data-tippy-target="button" class="px-3 py-1.5 text-sm border border-dashed border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors inline-block" href="/producto/apple-macbook-neo-early-2026-apple-silicon-a18-5-core-gpu-8-gb-256-gb-ssd-citrus-mhfd4ci-a">256 GB</a>
                  </div>

                <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">
                  512 GB
                </span>
          </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-152307" class=" text-2xl text-sky-500">
          $ 757.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-152307" class="text-gray-500 text-md">$ 776.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-152307" 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":"MHFC4CI/A","item_name":"MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":757990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 757990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="152307" data-analytics-environment-value="production" data-analytics-product-price-value="757990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;MHFC4CI/A&quot;,&quot;item_name&quot;:&quot;MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APPLE&quot;,&quot;item_category&quot;:&quot;Notebooks&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:757990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cIywYxxjrbOVr5Ov1dtpt7JkNjp5K7j9XKDXTTDVPxs93nF0zxQ2P0QGP0iCgepdqx0o7oCFnFSxU6R_6q-gZw" autocomplete="off" />
        <input value="152307" 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="sKmuKrv02mqaes4DBkS4XJUwbQTlkHf2qo-ET_7mrJsdcWyU4T8ZqkXgrfhYAELZySxagquyrDLdBGLwliJH-A" autocomplete="off" />
        <input value="152307" 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="qBh3UavmTDlpsJDJUdHe4H-hgElOdZN5m4HHQFW0DCUcXJ59U0qygrtioKOFq2GNwRKo6u7Q7VzO0PeA88DvVw" autocomplete="off" />
        <input value="152307" 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-152307" class="text-xl text-blue-900 font-medium">MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="152307">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-152307" 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-152307" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MHFC4CI/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
          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>
              22/4
        </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-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">Color</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">
                  Plata
                </span>

                <div
                  data-controller="tippy"
                  data-tippy-content-value="Sin stock disponible"
                  data-tippy-trigger-value="mouseenter focus"
                  data-tippy-placement-value="top"
                >
                  <span
                    class="px-3 py-1.5 text-sm border border-gray-200 text-gray-400 rounded cursor-not-allowed line-through inline-block"
                    data-tippy-target="button"
                  >
                    Indigo
                  </span>
                </div>

                  <div
                    data-controller="tippy"
                    data-tippy-content-value="Sin stock de esta configuración.
Al seleccionar esta opción, se ajustarán otras opciones a la primera configuración disponible"
                    data-tippy-trigger-value="mouseenter focus"
                    data-tippy-placement-value="top"
                  >
                    <a data-turbo-stream="true" data-tippy-target="button" class="px-3 py-1.5 text-sm border border-dashed border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors inline-block" href="/producto/apple-macbook-neo-early-2026-apple-silicon-a18-5-core-gpu-8-gb-256-gb-ssd-citrus-mhfd4ci-a">Citrus</a>
                  </div>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                  <div
                    data-controller="tippy"
                    data-tippy-content-value="Sin stock de esta configuración.
Al seleccionar esta opción, se ajustarán otras opciones a la primera configuración disponible"
                    data-tippy-trigger-value="mouseenter focus"
                    data-tippy-placement-value="top"
                  >
                    <a data-turbo-stream="true" data-tippy-target="button" class="px-3 py-1.5 text-sm border border-dashed border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors inline-block" href="/producto/apple-macbook-neo-early-2026-apple-silicon-a18-5-core-gpu-8-gb-256-gb-ssd-citrus-mhfd4ci-a">256 GB</a>
                  </div>

                <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">
                  512 GB
                </span>
          </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-152307" class=" text-2xl text-sky-500">
          $ 757.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-152307" class="text-gray-500 text-md">$ 776.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-152307" 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":"MHFC4CI/A","item_name":"MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":757990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 757990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="152307" data-analytics-environment-value="production" data-analytics-product-price-value="757990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;MHFC4CI/A&quot;,&quot;item_name&quot;:&quot;MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;APPLE&quot;,&quot;item_category&quot;:&quot;Notebooks&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:757990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cIywYxxjrbOVr5Ov1dtpt7JkNjp5K7j9XKDXTTDVPxs93nF0zxQ2P0QGP0iCgepdqx0o7oCFnFSxU6R_6q-gZw" autocomplete="off" />
        <input value="152307" 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="sKmuKrv02mqaes4DBkS4XJUwbQTlkHf2qo-ET_7mrJsdcWyU4T8ZqkXgrfhYAELZySxagquyrDLdBGLwliJH-A" autocomplete="off" />
        <input value="152307" 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="qBh3UavmTDlpsJDJUdHe4H-hgElOdZN5m4HHQFW0DCUcXJ59U0qygrtioKOFq2GNwRKo6u7Q7VzO0PeA88DvVw" autocomplete="off" />
        <input value="152307" 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">8 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">512 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">m2 Pro</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Resolución</p>
            <p class="text-gray-600">2K (2560x1440)</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">Tamaño de pantalla (&quot;)</p>
            <p class="text-gray-600">13</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de tarjeta de video</p>
            <p class="text-gray-600">Integrada</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>Descubre el <strong>Apple MacBook Neo 13</strong>, un dispositivo que combina elegancia y potencia en un diseño compacto. Con un grosor de solo <strong>13 mm</strong> y un peso de <strong>1.23 kg</strong>, este portátil es ideal para quienes buscan un equipo ligero y fácil de transportar, sin sacrificar el rendimiento. Su acabado en <strong>plata</strong> le otorga un toque moderno y sofisticado, perfecto para cualquier entorno, ya sea profesional o personal.</p>

<p>En el corazón del MacBook Neo se encuentra el <strong>chip A18 Pro</strong> de Apple, que cuenta con un <strong>CPU de 6 núcleos</strong> (2 de rendimiento y 4 de eficiencia) y una <strong>GPU de 5 núcleos</strong> que permite un trazado de rayos acelerado por hardware. Esta combinación no solo proporciona un rendimiento excepcional, sino que también optimiza la eficiencia energética, permitiendo que el dispositivo funcione de manera fluida durante largas horas.</p>

<p>La memoria unificada de <strong>8 GB</strong> y el almacenamiento SSD de <strong>512 GB</strong> aseguran que puedas manejar múltiples aplicaciones y archivos sin problemas. La pantalla Liquid Retina de <strong>13.0 pulgadas</strong> ofrece una resolución nativa de <strong>2408 x 1506</strong> píxeles, brindando imágenes nítidas y colores vibrantes, ideal para trabajar en diseño gráfico, edición de video o simplemente disfrutar de tus series y películas favoritas.</p>

<p>El sistema de sonido de dos bocinas, compatible con <strong>Audio Espacial</strong>, transforma tu experiencia auditiva, permitiendo disfrutar de música y videos con una calidad de sonido envolvente. Además, la cámara FaceTime HD de <strong>1080p</strong> y el sistema de micrófonos con tecnología beamforming aseguran que tus videollamadas sean claras y nítidas, perfectas para reuniones de trabajo o charlas con amigos.</p>

<p>La conectividad no se queda atrás, ya que el MacBook Neo incluye <strong>Wi-Fi 6E</strong> y Bluetooth 6, garantizando una conexión rápida y estable. Con un puerto USB 3 (USB-C) que admite carga y DisplayPort, así como un puerto USB 2 (USB-C) para carga adicional, tendrás todo lo que necesitas para conectar tus dispositivos y accesorios.</p>

<p>El teclado Magic Keyboard, que incluye <strong>Touch ID</strong>, proporciona una experiencia de escritura cómoda y segura, mientras que el trackpad Multi-Touch permite un control preciso del cursor y es compatible con gestos intuitivos. Todo esto se complementa con el sistema operativo <strong>macOS Tahoe</strong>, que ofrece una interfaz fluida y una amplia gama de aplicaciones para potenciar tu productividad.</p>

<p>En resumen, el <strong>Apple MacBook Neo 13</strong> es la elección perfecta para quienes buscan un portátil potente, ligero y elegante. Con su impresionante rendimiento, pantalla de alta calidad y características avanzadas, este dispositivo está diseñado para satisfacer las necesidades de los usuarios más exigentes.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> Apple</li>
    <li><strong>Modelo:</strong> MacBook Neo 13</li>
    <li><strong>Procesador:</strong> A18 Pro (6-Core CPU / 5-Core GPU)</li>
    <li><strong>RAM:</strong> 8 GB UMA</li>
    <li><strong>Almacenamiento:</strong> SSD 512 GB</li>
    <li><strong>Pantalla:</strong> 13.0 pulgadas Liquid Retina, 2408 x 1506</li>
    <li><strong>Tarjeta Gráfica:</strong> A18 5-Core GPU (Integrada)</li>
    <li><strong>Conectividad:</strong> Wi-Fi 6E (802.11ax), Bluetooth 6</li>
    <li><strong>Puertos:</strong> 1x USB 10Gbps Type-C, 1x USB 2.0 Type-C</li>
    <li><strong>Teclado:</strong> Magic Keyboard con Touch ID</li>
    <li><strong>Cámara web:</strong> FaceTime HD 1080p</li>
    <li><strong>Dimensiones:</strong> 298 x 206 x 13 mm</li>
    <li><strong>Peso:</strong> 1230 g</li>
    <li><strong>Color:</strong> Plata</li>
    <li><strong>Sistema Operativo:</strong> macOS Tahoe</li>
    <li><strong>Batería:</strong> 36500 mWh</li>
    <li><strong>Garantía:</strong> 1 año</li>
    <li><strong>Part Number:</strong> MHFC4CI/A</li>
    <li><strong>Score General:</strong> 221</li>
    <li><strong>Score Juegos:</strong> 70</li>
    <li><strong>Score Movilidad:</strong> 715</li>
    <li><strong>¿Tiene lector de huellas?</strong> Sí</li>
    <li><strong>¿Es pantalla táctil?</strong> No</li>
    <li><strong>¿Es pantalla rotativa?</strong> No</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: 757990,
          items: [{"item_id":"MHFC4CI/A","item_name":"MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":757990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/apple-macbook-neo-early-2026-apple-silicon-a18-5-core-gpu-8-gb-512-gb-ssd-silver-mhfc4ci-a");
      document.title = "[MHFC4CI/A] MacBook Neo 13/ A18 6C/ GPU 5C/ 8 RAM/ 512GB touch ID plata | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>