<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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/k7fz5yo45ci32gz4mrh4mr49fajq?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/5jxojkpjtixi9v76ht4ugfnpkx2x?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ztj8mjz0467a941u8bjzqbw4f833?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/01ggffc4m5k69oamw3mecshpiyia?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/h94sdus53c3hkenhxi0sfmmrx2ht?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/k7fz5yo45ci32gz4mrh4mr49fajq?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/5jxojkpjtixi9v76ht4ugfnpkx2x?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ztj8mjz0467a941u8bjzqbw4f833?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/01ggffc4m5k69oamw3mecshpiyia?_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 Logitech - M196 - Mouse - Bluetooth - Rose" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/h94sdus53c3hkenhxi0sfmmrx2ht?_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-110096" class="text-xl text-blue-900 font-medium">Logitech - M196 - Mouse - Bluetooth - Rose</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="110096">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-110096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/LOGITECH">LOGITECH</a>
    <h2 id="sku-110096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: 910-007458</h2>
    <div
      class="flex justify-start mr-3 my-1"
    >
      <div
        class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-emerald-500"
      >
        <span class="font-bold">Nuevo</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto Nuevo Sellado en Caja
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                  <p
                data-tippy-target="button"
              >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-white-500 w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

              </p>

  </button>
</div>
        </div>
      </div>
    </div>

    <div class="flex justify-start my-1 mr-3">
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-110096" 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-110096" 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-110096" 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":"910-007458","item_name":"Logitech - M196 - Mouse - Bluetooth - Rose","affiliation":"tecnomas.cl","index":0,"item_brand":"LOGITECH","item_category":"Teclados y Mouse","item_category2":{"id":1,"name":"Accesorios","parent_category_id":null,"created_at":"2023-04-06T17:36:52.412-04:00","updated_at":"2026-03-20T11:09:17.042-03:00","slug":null,"google_category_id":null,"minimum_product_price":"400.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003cpath d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z\"/\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="110096" 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;910-007458&quot;,&quot;item_name&quot;:&quot;Logitech - M196 - Mouse - Bluetooth - Rose&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;LOGITECH&quot;,&quot;item_category&quot;:&quot;Teclados y Mouse&quot;,&quot;item_category2&quot;:{&quot;id&quot;:1,&quot;name&quot;:&quot;Accesorios&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.412-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-20T11:09:17.042-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;400.0&quot;,&quot;autogenerate_specs&quot;:false,&quot;minimum_product_creation_margin&quot;:7,&quot;icon_svg&quot;:&quot;\u003csvg class=\&quot;icon\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;1.5\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot;\u003e\n  \u003cpath d=\&quot;M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z\&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="O6P1ZjBlJ7y94xyfViUICexVqxtcNph4Ma5TBWIJ1AYCM179tTA23C_hdnkFq_oG98fzFDKJUluqJUfewNk6IA" autocomplete="off" />
        <input value="110096" 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="bl0VBdLCgt79N78VZRCxHNqDuID-R7IQHw3Lmz0ma8_yirae_kuq39Iqdalk-iAT_22PNW8E8I7vrAB2uujrpw" autocomplete="off" />
        <input value="110096" 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="V0GSMJ9Ckcrv2Lyqa0eZGC6PX-7_Miu37QjlAY2I19BaLmSjz3lgW3Mu2dVeS_OT3xUdW8trY4TvvGm2JhMGPg" autocomplete="off" />
        <input value="110096" 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-110096" class="text-xl text-blue-900 font-medium">Logitech - M196 - Mouse - Bluetooth - Rose</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="110096">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-110096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/LOGITECH">LOGITECH</a>
    <h2 id="sku-110096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: 910-007458</h2>
    <div
      class="flex justify-start mr-3 my-1"
    >
      <div
        class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-emerald-500"
      >
        <span class="font-bold">Nuevo</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto Nuevo Sellado en Caja
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                  <p
                data-tippy-target="button"
              >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-white-500 w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

              </p>

  </button>
</div>
        </div>
      </div>
    </div>

    <div class="flex justify-start my-1 mr-3">
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-110096" 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-110096" 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-110096" 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":"910-007458","item_name":"Logitech - M196 - Mouse - Bluetooth - Rose","affiliation":"tecnomas.cl","index":0,"item_brand":"LOGITECH","item_category":"Teclados y Mouse","item_category2":{"id":1,"name":"Accesorios","parent_category_id":null,"created_at":"2023-04-06T17:36:52.412-04:00","updated_at":"2026-03-20T11:09:17.042-03:00","slug":null,"google_category_id":null,"minimum_product_price":"400.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003cpath d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z\"/\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="110096" 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;910-007458&quot;,&quot;item_name&quot;:&quot;Logitech - M196 - Mouse - Bluetooth - Rose&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;LOGITECH&quot;,&quot;item_category&quot;:&quot;Teclados y Mouse&quot;,&quot;item_category2&quot;:{&quot;id&quot;:1,&quot;name&quot;:&quot;Accesorios&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-04-06T17:36:52.412-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-20T11:09:17.042-03:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;400.0&quot;,&quot;autogenerate_specs&quot;:false,&quot;minimum_product_creation_margin&quot;:7,&quot;icon_svg&quot;:&quot;\u003csvg class=\&quot;icon\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;1.5\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot;\u003e\n  \u003cpath d=\&quot;M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z\&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="O6P1ZjBlJ7y94xyfViUICexVqxtcNph4Ma5TBWIJ1AYCM179tTA23C_hdnkFq_oG98fzFDKJUluqJUfewNk6IA" autocomplete="off" />
        <input value="110096" 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="bl0VBdLCgt79N78VZRCxHNqDuID-R7IQHw3Lmz0ma8_yirae_kuq39Iqdalk-iAT_22PNW8E8I7vrAB2uujrpw" autocomplete="off" />
        <input value="110096" 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="V0GSMJ9Ckcrv2Lyqa0eZGC6PX-7_Miu37QjlAY2I19BaLmSjz3lgW3Mu2dVeS_OT3xUdW8trY4TvvGm2JhMGPg" autocomplete="off" />
        <input value="110096" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-specs"><template>
  <div id="product-specs">
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-description"><template>
  <div id="product-description" class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
  <p class="text-blue-900 text-2xl mb-4 font-medium">Descripción</p>
  <div class="trix-content">
  <p><strong>Descubre el Logitech M196, un mouse Bluetooth que combina estilo y funcionalidad en un atractivo color rosa. Este dispositivo es ideal para quienes buscan un periférico práctico y eficiente para sus laptops y tablets. Con su conexión Bluetooth de baja energía, podrás emparejarlo en segundos, eliminando la necesidad de dongles o puertos adicionales, lo que lo convierte en una opción perfecta para quienes valoran la portabilidad y la comodidad.</strong></p>

<p><strong>El Logitech M196 ofrece un alcance inalámbrico de hasta 10 metros, permitiéndote moverte libremente sin restricciones. Su diseño ligero y ambidiestro asegura que sea cómodo tanto para usuarios diestros como zurdos, adaptándose a tus necesidades y preferencias. Con una resolución de 1000 DPI, este mouse proporciona un seguimiento óptico uniforme, ideal para tareas cotidianas y navegación en la web.</strong></p>

<p><strong>La rueda de desplazamiento mecánica de 2D permite un desplazamiento línea por línea, facilitando la navegación precisa a través de documentos y páginas web. Además, el Logitech M196 está fabricado con plástico reciclado, lo que no solo contribuye a la durabilidad del producto, sino que también apoya la sostenibilidad ambiental, un aspecto cada vez más valorado por los consumidores.</strong></p>

<p><strong>Con una duración de batería impresionante de hasta 12 meses, el Logitech M196 incluye una batería AA, lo que significa que podrás disfrutar de un uso prolongado sin la necesidad de reemplazar las pilas con frecuencia. Este mouse es compatible con sistemas operativos Windows y MacOS, lo que lo convierte en una opción versátil para cualquier usuario.</strong></p>

<p><strong>Con dimensiones de 100 mm de largo, 60 mm de ancho y 38 mm de alto, y un peso de solo 76 g, el Logitech M196 es lo suficientemente compacto para llevarlo en tu mochila o maletín. Además, viene con un manual de usuario y cuenta con una garantía de 2 años, asegurando que tu inversión esté protegida.</strong></p>

<p><strong>En resumen, el Logitech M196 es más que un simple mouse; es una herramienta diseñada para mejorar tu experiencia de uso diario, combinando un diseño atractivo con características prácticas y sostenibles. No esperes más para añadir este elegante mouse rosa a tu colección de periféricos y disfrutar de la comodidad que ofrece.</strong></p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> Logitech</li>
    <li><strong>Categoría:</strong> Periféricos</li>
    <li><strong>Descripción:</strong> Logitech - M196 - Mouse - Bluetooth - Rose</li>
    <li><strong>Tipo de conexión:</strong> Bluetooth</li>
    <li><strong>Alcance inalámbrico:</strong> 10 m</li>
    <li><strong>Resolución de movimiento:</strong> 1000 DPI</li>
    <li><strong>Diseño:</strong> Ambidiestro</li>
    <li><strong>Color del producto:</strong> Rosa</li>
    <li><strong>Tipo de batería:</strong> AA</li>
    <li><strong>Duración de batería:</strong> 12 meses</li>
    <li><strong>Pilas incluidas:</strong> Sí</li>
    <li><strong>Compatible con Windows:</strong> Sí</li>
    <li><strong>Compatible con MacOS:</strong> Sí</li>
    <li><strong>Dimensiones (Ancho x Profundidad x Altura):</strong> 60 mm x 38 mm x 100 mm</li>
    <li><strong>Peso:</strong> 76 g</li>
    <li><strong>Cantidad por paquete:</strong> 1 pieza</li>
    <li><strong>Período de garantía:</strong> 2 Año(s)</li>
    <li><strong>Adaptador AC incluido:</strong> No</li>
    <li><strong>Puerto de carga USB tipo C:</strong> No</li>
    <li><strong>Manual de usuario:</strong> Sí</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":"910-007458","item_name":"Logitech - M196 - Mouse - Bluetooth - Rose","affiliation":"tecnomas.cl","index":0,"item_brand":"LOGITECH","item_category":"Teclados y Mouse","item_category2":{"id":1,"name":"Accesorios","parent_category_id":null,"created_at":"2023-04-06T17:36:52.412-04:00","updated_at":"2026-03-20T11:09:17.042-03:00","slug":null,"google_category_id":null,"minimum_product_price":"400.0","autogenerate_specs":false,"minimum_product_creation_margin":7,"icon_svg":"\u003csvg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n  \u003cpath d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.61-1.61a2.404 2.404 0 0 1 1.705-.707c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":999999999,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/logitech-m196-mouse-bluetooth-rose");
      document.title = "[910-007458] Logitech - M196 - Mouse - Bluetooth - Rose | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>