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

              </p>

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

    <div class="flex justify-start my-1 mr-3">
        <div
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              Viernes
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                    <p data-tippy-target="button">
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

                </p>

  </button>
</div>
          </div>
        </div>
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-147096" class=" text-2xl text-sky-500">
          $ 83.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-147096" class="text-gray-500 text-md">$ 86.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-emerald-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-147096" class="text-emerald-700 align-middle">
          Disponible, más de 20 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-emerald-500 h-2" style="width: 67%;">
        </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="42" 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":"PG9312","item_name":"PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi","affiliation":"tecnomas.cl","index":0,"item_brand":"DSC","item_category":"Alarmas y Seguridad","item_category2":{"id":79,"name":"Smart Home","parent_category_id":null,"created_at":"2023-08-21T12:17:17.194-04:00","updated_at":"2023-08-21T12:17:17.194-04:00","slug":null,"google_category_id":null,"minimum_product_price":"0.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=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/\u003e\n  \u003cpath d=\"M9 14a3 3 0 0 1 6 0\"/\u003e\n  \u003cpath d=\"M12 17h.01\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":83990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 83990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="147096" data-analytics-environment-value="production" data-analytics-product-price-value="83990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;PG9312&quot;,&quot;item_name&quot;:&quot;PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;DSC&quot;,&quot;item_category&quot;:&quot;Alarmas y Seguridad&quot;,&quot;item_category2&quot;:{&quot;id&quot;:79,&quot;name&quot;:&quot;Smart Home&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-08-21T12:17:17.194-04:00&quot;,&quot;updated_at&quot;:&quot;2023-08-21T12:17:17.194-04:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;0.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;m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\&quot;/\u003e\n  \u003cpath d=\&quot;M9 14a3 3 0 0 1 6 0\&quot;/\u003e\n  \u003cpath d=\&quot;M12 17h.01\&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;:83990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kcuose4EpVBJCKWDPqIErKpeDQlfc8f3eSw0YhWOvrY1GyCBNKI61OJcXa0pvggBF3SGZbni7KAsWnUNtuqHdg" autocomplete="off" />
        <input value="147096" 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="wFdlFe_nm9kLLS7GCV0W0Lhjx2G2T9TIxCn44T8FeYxovo0XppXe75kTZcxdsKMOR-5X-CUez-b7KpH266_XGA" autocomplete="off" />
        <input value="147096" 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="5IB9OOzajZoVyJYyQDKvV_B2L3m_7tVL75Tz8vCso7o5hdl_eqVWq-llOpQWztpHa78V-BI0B0KAl7oBIJhuKw" autocomplete="off" />
        <input value="147096" 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-147096" class="text-xl text-blue-900 font-medium">PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="147096">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-147096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/DSC">DSC</a>
    <h2 id="sku-147096" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: PG9312</h2>
    <div
      class="flex justify-start mr-3 my-1"
    >
      <div
        class="items-center text-white text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-emerald-500"
      >
        <span class="font-bold">Nuevo</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto Nuevo Sellado en Caja
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                  <p
                data-tippy-target="button"
              >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-white-500 w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

              </p>

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

    <div class="flex justify-start my-1 mr-3">
        <div
          class="items-center text-xs align-text-bottom width-fit flex space-x-1 px-2 py-0 rounded bg-violet-700 text-white"
        >
        <span class="font-semibold">
          <span class="font-medium">Recíbelo</span>
          <u>
              GRATIS
          </u>
            <span class="font-medium">el</span>
              Viernes
        </span>
          <div class="flex items-center pt-1">
            <div
  data-controller="tippy"
  data-tippy-content-value='
              Plazo y costo de despacho calculado para comunas cubiertas por nuestra política de despacho Gratis.
              Tiempos
              y costos de despacho a otras comunas podría variar.
              <br>
              <a target=”_blank” rel="noreferrer noopener" class="underline text-blue-500  hover:text-blue-700" href="https://ayuda.tecnomas.cl/es/articles/7173092-despacho-gratis-en-santiago">Ver
                comunas con despacho gratis</a>
'
  data-tippy-show-on-create-value="false"
  data-tippy-trigger-value="mouseenter focus"
  data-tippy-placement-value="bottom"
>
  <button data-tippy-target="button" aria-label="Button with popup" class="">
                    <p data-tippy-target="button">
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path>
</svg>

                </p>

  </button>
</div>
          </div>
        </div>
    </div>
  </div>
  
  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-147096" class=" text-2xl text-sky-500">
          $ 83.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-147096" class="text-gray-500 text-md">$ 86.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-emerald-700 h-2 w-2 animate-pulse"></div>
        </div>
        <p id="stock-147096" class="text-emerald-700 align-middle">
          Disponible, más de 20 unidades
        </p>
      </div>
      <div class="flex w-full bg-gray-300 rounded-full h-2">
        <div class="rounded-full bg-emerald-500 h-2" style="width: 67%;">
        </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="42" 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":"PG9312","item_name":"PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi","affiliation":"tecnomas.cl","index":0,"item_brand":"DSC","item_category":"Alarmas y Seguridad","item_category2":{"id":79,"name":"Smart Home","parent_category_id":null,"created_at":"2023-08-21T12:17:17.194-04:00","updated_at":"2023-08-21T12:17:17.194-04:00","slug":null,"google_category_id":null,"minimum_product_price":"0.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=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/\u003e\n  \u003cpath d=\"M9 14a3 3 0 0 1 6 0\"/\u003e\n  \u003cpath d=\"M12 17h.01\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":83990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 83990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="147096" data-analytics-environment-value="production" data-analytics-product-price-value="83990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;PG9312&quot;,&quot;item_name&quot;:&quot;PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;DSC&quot;,&quot;item_category&quot;:&quot;Alarmas y Seguridad&quot;,&quot;item_category2&quot;:{&quot;id&quot;:79,&quot;name&quot;:&quot;Smart Home&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-08-21T12:17:17.194-04:00&quot;,&quot;updated_at&quot;:&quot;2023-08-21T12:17:17.194-04:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;0.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;m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\&quot;/\u003e\n  \u003cpath d=\&quot;M9 14a3 3 0 0 1 6 0\&quot;/\u003e\n  \u003cpath d=\&quot;M12 17h.01\&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;:83990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kcuose4EpVBJCKWDPqIErKpeDQlfc8f3eSw0YhWOvrY1GyCBNKI61OJcXa0pvggBF3SGZbni7KAsWnUNtuqHdg" autocomplete="off" />
        <input value="147096" 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="wFdlFe_nm9kLLS7GCV0W0Lhjx2G2T9TIxCn44T8FeYxovo0XppXe75kTZcxdsKMOR-5X-CUez-b7KpH266_XGA" autocomplete="off" />
        <input value="147096" 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="5IB9OOzajZoVyJYyQDKvV_B2L3m_7tVL75Tz8vCso7o5hdl_eqVWq-llOpQWztpHa78V-BI0B0KAl7oBIJhuKw" autocomplete="off" />
        <input value="147096" 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 Contacto Magnético Exterior Inalámbrico PowerG, diseñado para ofrecer una solución de seguridad robusta y confiable en entornos de alto tráfico. Este dispositivo es ideal para la protección de ventanas, puertas y portones, garantizando un rendimiento excepcional incluso en condiciones climáticas severas.</strong></p>

<p><strong>Con una duración de batería de hasta 5 años bajo condiciones de uso típicas, este contacto magnético se destaca por su eficiencia y fiabilidad. Su entrada auxiliar permite la conexión de un contacto cableado estándar, brindando flexibilidad en su instalación y uso.</strong></p>

<p><strong>El PowerG Wireless Outdoor Magnetic Contact cuenta con una clasificación IP66, lo que asegura su funcionamiento en condiciones extremas, ya sea en ambientes polvorientos o expuestos a la lluvia. Además, su diseño resistente a manipulaciones garantiza que el dispositivo se mantenga seguro y operativo, incluso ante intentos de sabotaje.</strong></p>

<p><strong>Equipado con tecnología inalámbrica de vanguardia, este detector de contacto ofrece comunicación bidireccional, lo que significa que puede enviar y recibir información de manera eficiente, asegurando una seguridad avanzada en todo momento. La tecnología PowerG es reconocida por su capacidad de eliminar los inconvenientes de los sistemas de seguridad cableados, proporcionando una instalación rápida y sin complicaciones.</strong></p>

<p><strong>La tolerancia a espacios amplios reduce las falsas alarmas causadas por el viento o por animales que puedan golpear las puertas y cercas exteriores. Esto lo convierte en una opción ideal para quienes buscan un sistema de seguridad que funcione de manera efectiva en diversas condiciones.</strong></p>

<p><strong>Con un rango de transmisión que permite la comunicación confiable hasta 2 km (1.24 millas) en línea de vista, el PowerG Wireless Outdoor Magnetic Contact es perfecto para grandes propiedades, minimizando la necesidad de repetidores adicionales. Su instalación simplificada, junto con indicadores LED de calidad de enlace, facilita la prueba del dispositivo en la ubicación seleccionada sin necesidad de regresar al panel de control.</strong></p>

<p><strong>Este dispositivo no solo es compatible con una variedad de sistemas de seguridad, como PowerSeries Neo, Power Series Pro y Qolsys IQ Panel 2 Plus, sino que también cuenta con características avanzadas como diagnóstico remoto y pruebas en tiempo real, lo que reduce significativamente los costos de mantenimiento.</strong></p>

<p><strong>Con la confianza de Johnson Controls, un líder global en tecnología diversificada y soluciones industriales, el Contacto Magnético Exterior Inalámbrico PowerG es la elección perfecta para quienes buscan una solución de seguridad integral y de alta calidad. Asegúrate de proteger tu hogar o negocio con la tecnología más avanzada y confiable del mercado.</strong></p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Tipo de producto:</strong> Contacto Magnético Exterior Inalambrico</li>
    <li><strong>Uso:</strong> Rudo</li>
    <li><strong>Conexión:</strong> Inalambrico con entrada Auxiliar</li>
    <li><strong>Duración de la batería:</strong> 5 años (con uso típico)</li>
    <li><strong>Clasificación IP:</strong> IP66 (a prueba de polvo y agua)</li>
    <li><strong>Temperatura de operación:</strong> -40°C a 66°C (-40°F a 151°F)</li>
    <li><strong>Peso:</strong> 154 g (5.4 oz)</li>
    <li><strong>Dimensiones:</strong> 105 x 52 x 35 mm (4.12 x 2 x 1.37 in)</li>
    <li><strong>Frecuencia:</strong> USA: 912-919 MHz, Europa y resto del mundo: 433-434 MHz, 868-869 MHz</li>
    <li><strong>Tipo de batería:</strong> Dos baterías de litio de 1.5 V</li>
    <li><strong>Ambiente de operación:</strong> Exteriores</li>
    <li><strong>Resistencia a sabotaje:</strong> Sí</li>
    <li><strong>Tecnología de comunicación:</strong> PowerG (tecnología inalámbrica de última generación)</li>
    <li><strong>Soporte para anti-masking:</strong> Sí</li>
    <li><strong>Instalación rápida:</strong> Sí</li>
    <li><strong>Tolerancia de separación:</strong> Amplia</li>
    <li><strong>Compatibilidad:</strong> PGx312, MC-312, BW-312</li>
    <li><strong>Aprobaciones:</strong> FCC/IC, UL/ULC, CE, EN</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: 83990,
          items: [{"item_id":"PG9312","item_name":"PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi","affiliation":"tecnomas.cl","index":0,"item_brand":"DSC","item_category":"Alarmas y Seguridad","item_category2":{"id":79,"name":"Smart Home","parent_category_id":null,"created_at":"2023-08-21T12:17:17.194-04:00","updated_at":"2023-08-21T12:17:17.194-04:00","slug":null,"google_category_id":null,"minimum_product_price":"0.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=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/\u003e\n  \u003cpath d=\"M9 14a3 3 0 0 1 6 0\"/\u003e\n  \u003cpath d=\"M12 17h.01\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":83990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/pg9312-contacto-magnetico-exterior-uso-rudo-inalambrico-powerg-con-entrada-auxiliar-compatible-con");
      document.title = "[PG9312] PG9312. Contacto Magnetico Exterior uso rudo Inalambrico PowerG con entrada Auxi | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>