<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 Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/n9qs2htobce35m1ptb3shg0ay5ys?_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 Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/n9qs2htobce35m1ptb3shg0ay5ys?_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-115078" class="text-xl text-blue-900 font-medium">MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="115078">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-115078" 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-115078" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MC6L4CI/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>
              Miércoles
        </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 class="flex justify-start my-1">
        <div class="flex justify-start">
          <div
            class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-1 rounded bg-red-500"
          >
             <span class="font-semibold">
              <span class="font-medium">Ahorras $ 27.000</span>
            </span>
          </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">Opciones</p>
          <div class="flex flex-wrap gap-2">

                <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"
                  >
                    13.6&quot;, RAM 16GB, SSD 256GB, Midnight
                  </span>
                </div>

                <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/macbook-air-13-6-m4-10c-gpu-10c-16-ram-512gb-medianoche">13.6&quot;, RAM 16GB, SSD 512GB, Midnight</a>

                <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"
                  >
                    13.6&quot;, RAM 16GB, SSD 512GB, Silver
                  </span>
                </div>

                <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"
                  >
                    13.6&quot;, RAM 24GB, SSD 512GB, Midnight
                  </span>
                </div>

                <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/apple-macbook-air-13-early-2025-apple-silicon-m4-10-core-gpu-24-gb-512-gb-ssd-silver-mc654ci-a">13.6&quot;, RAM 24GB, SSD 512GB, Silver</a>

                <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">
                  15.3&quot;, RAM 24GB, SSD 512GB, Midnight
                </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-115078" class=" text-2xl text-red-500">
          $ 1.902.990
        </span>
          <span class="ml-2 text-xs text-gray-400 line-through">
            $ 1.929.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-115078" class="text-gray-500 text-md">$ 1.949.990</span>
          <span class="ml-2 text-xs text-gray-400 line-through">
            $ 1.977.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-115078" class="text-orange-700 align-middle">
          Solo 8 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="8" 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":"MC6L4CI/A","item_name":"MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1902990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1902990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="115078" data-analytics-environment-value="production" data-analytics-product-price-value="1902990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;MC6L4CI/A&quot;,&quot;item_name&quot;:&quot;MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche&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;:1902990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q1DfVIO0rxetzwUJZ5jV9o9tm0b2koAueF9E7JaC0haXEsO3ekBycGWZrHuswVEvs5vHkT6ncdMk_Aj8AGLWkQ" autocomplete="off" />
        <input value="115078" 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="iIo9P6zUDkO4cz1YRH1lvXIEI7yFWtcD8L7NsBbhgrmrIrdR0OQpWmpmDPbPxJrLx6aQgby24a4FkPa09DipUQ" autocomplete="off" />
        <input value="115078" 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="utoTLScS8HzgIyS13AO9Hf3nUUtwc2rk93vROEJNPbUHKxdoz7VfIkxk4d8hCMoPC81z3CdeH_shMmP6rc2_Bw" autocomplete="off" />
        <input value="115078" 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-115078" class="text-xl text-blue-900 font-medium">MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="115078">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-115078" 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-115078" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: MC6L4CI/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>
              Miércoles
        </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 class="flex justify-start my-1">
        <div class="flex justify-start">
          <div
            class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-1 rounded bg-red-500"
          >
             <span class="font-semibold">
              <span class="font-medium">Ahorras $ 27.000</span>
            </span>
          </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">Opciones</p>
          <div class="flex flex-wrap gap-2">

                <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"
                  >
                    13.6&quot;, RAM 16GB, SSD 256GB, Midnight
                  </span>
                </div>

                <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/macbook-air-13-6-m4-10c-gpu-10c-16-ram-512gb-medianoche">13.6&quot;, RAM 16GB, SSD 512GB, Midnight</a>

                <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"
                  >
                    13.6&quot;, RAM 16GB, SSD 512GB, Silver
                  </span>
                </div>

                <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"
                  >
                    13.6&quot;, RAM 24GB, SSD 512GB, Midnight
                  </span>
                </div>

                <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/apple-macbook-air-13-early-2025-apple-silicon-m4-10-core-gpu-24-gb-512-gb-ssd-silver-mc654ci-a">13.6&quot;, RAM 24GB, SSD 512GB, Silver</a>

                <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">
                  15.3&quot;, RAM 24GB, SSD 512GB, Midnight
                </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-115078" class=" text-2xl text-red-500">
          $ 1.902.990
        </span>
          <span class="ml-2 text-xs text-gray-400 line-through">
            $ 1.929.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-115078" class="text-gray-500 text-md">$ 1.949.990</span>
          <span class="ml-2 text-xs text-gray-400 line-through">
            $ 1.977.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-115078" class="text-orange-700 align-middle">
          Solo 8 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="8" 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":"MC6L4CI/A","item_name":"MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1902990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1902990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="115078" data-analytics-environment-value="production" data-analytics-product-price-value="1902990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;MC6L4CI/A&quot;,&quot;item_name&quot;:&quot;MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche&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;:1902990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q1DfVIO0rxetzwUJZ5jV9o9tm0b2koAueF9E7JaC0haXEsO3ekBycGWZrHuswVEvs5vHkT6ncdMk_Aj8AGLWkQ" autocomplete="off" />
        <input value="115078" 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="iIo9P6zUDkO4cz1YRH1lvXIEI7yFWtcD8L7NsBbhgrmrIrdR0OQpWmpmDPbPxJrLx6aQgby24a4FkPa09DipUQ" autocomplete="off" />
        <input value="115078" 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="utoTLScS8HzgIyS13AO9Hf3nUUtwc2rk93vROEJNPbUHKxdoz7VfIkxk4d8hCMoPC81z3CdeH_shMmP6rc2_Bw" autocomplete="off" />
        <input value="115078" 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">24 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">m4</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">Full HD (1920x1080)</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">1</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 Air 15</strong>, un dispositivo que combina elegancia y potencia en un diseño ultradelgado. Equipado con el <strong>chip Apple M4</strong>, este portátil cuenta con una <strong>CPU de 10 núcleos</strong> que incluye 4 núcleos de rendimiento y 6 de eficiencia, lo que garantiza un rendimiento excepcional en todas tus tareas diarias. La <strong>GPU de 10 núcleos</strong> permite disfrutar de gráficos impresionantes, ideal para diseñadores, creadores de contenido y gamers ocasionales.</p>

<p>La <strong>pantalla Liquid Retina de 15.3 pulgadas</strong> ofrece una resolución nativa de <strong>2880 x 1864</strong> píxeles, brindando imágenes nítidas y vibrantes con un brillo de <strong>500 nits</strong>. Gracias a su amplia gama de colores (P3) y la tecnología <strong>True Tone</strong>, cada visualización se adapta perfectamente a tu entorno, haciendo que tus fotos, videos y presentaciones cobren vida.</p>

<p>Con <strong>24 GB de memoria RAM unificada</strong> y un <strong>almacenamiento SSD de 512 GB</strong>, el MacBook Air 15 asegura un rendimiento fluido y rápido, permitiéndote ejecutar múltiples aplicaciones sin esfuerzo. Ya sea que estés trabajando en un proyecto complejo o disfrutando de tus series favoritas, la experiencia será siempre ágil y sin interrupciones.</p>

<p>El sistema de audio de <strong>cuatro bocinas</strong> ofrece un sonido envolvente, compatible con <strong>Dolby Atmos</strong>, lo que transforma tu experiencia multimedia. Además, la <strong>cámara web de 12 MP</strong> con tecnología Center Stage te permite mantenerte en el centro de la acción durante videollamadas, mientras que el sistema de micrófonos con tecnología beamforming asegura que tu voz se escuche clara y nítida.</p>

<p>El <strong>teclado Magic Keyboard</strong> retroiluminado, junto con el <strong>trackpad Force Touch</strong>, proporciona una experiencia de escritura y navegación precisa y cómoda. Con la conectividad de <strong>Wi-Fi 6E</strong> y <strong>Bluetooth 5.3</strong>, estarás siempre conectado, ya sea en casa o en movimiento.</p>

<p>En términos de conectividad, el MacBook Air 15 incluye <strong>dos puertos Thunderbolt 4</strong> que permiten la carga rápida y la conexión a dispositivos externos, así como una entrada de <strong>3.5 mm</strong> para auriculares. Su diseño elegante en color <strong>Medianoche</strong> no solo es atractivo, sino que también es funcional, con un grosor de solo <strong>1.15 cm</strong> y un peso de <strong>1.51 kg</strong>, lo que lo convierte en un compañero ideal para llevar a cualquier lugar.</p>

<p>Con una garantía de <strong>1 año</strong> y el sistema operativo <strong>macOS Sequoia</strong>, el Apple MacBook Air 15 es la elección perfecta para quienes buscan un equilibrio entre estilo, rendimiento y portabilidad. No esperes más para experimentar la potencia y la belleza de este excepcional portátil de Apple.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> Apple</li>
    <li><strong>Modelo:</strong> MX2T3Z1FP/241TB</li>
    <li><strong>Procesador:</strong> Apple M4 chip de Apple, CPU de 10 núcleos (4 de rendimiento y 6 de eficiencia), GPU de 10 núcleos</li>
    <li><strong>RAM:</strong> 24 GB</li>
    <li><strong>Almacenamiento:</strong> 512 GB SSD</li>
    <li><strong>Pantalla:</strong> 15.3 pulgadas Liquid Retina, resolución 2880 x 1864, brillo de 500 nits</li>
    <li><strong>Tarjeta Gráfica:</strong> M4 10-Core GPU (Integrada)</li>
    <li><strong>Audio:</strong> Sistema de sonido de cuatro bocinas, compatible con audio espacial</li>
    <li><strong>Teclado:</strong> Magic Keyboard retroiluminado con Touch ID</li>
    <li><strong>Cámara web:</strong> 12MP Center Stage, grabación de video HD 1080p</li>
    <li><strong>Conectividad:</strong> Wi-Fi 6E, Bluetooth 5.3</li>
    <li><strong>Puertos:</strong> 2x Thunderbolt 4, entrada de 3.5 mm para audífonos</li>
    <li><strong>Color:</strong> Medianoche</li>
    <li><strong>Dimensiones:</strong> 34.04 cm x 23.76 cm x 1.15 cm</li>
    <li><strong>Peso:</strong> 1.51 kg</li>
    <li><strong>Sistema Operativo:</strong> macOS Sequoia</li>
    <li><strong>Garantía:</strong> 1 Año</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: 1902990,
          items: [{"item_id":"MC6L4CI/A","item_name":"MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche","affiliation":"tecnomas.cl","index":0,"item_brand":"APPLE","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1902990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/apple-macbook-air-15-early-2025-apple-silicon-m4-10-core-gpu-24-gb-512-gb-ssd-midnight-mc6l4ci-a");
      document.title = "[MC6L4CI/A] MacBook Air 15.3/ M4 10C/ GPU 10C/ 24 RAM/ 512GB medianoche | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>