<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 Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/dmegk1w9f78q09rxcgoamsetei68?_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 Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/hm0dgq2pmz0hj3drjwyz4k6jcr69?_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 Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/dmegk1w9f78q09rxcgoamsetei68?_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 Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/hm0dgq2pmz0hj3drjwyz4k6jcr69?_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-146893" class="text-xl text-blue-900 font-medium">Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="146893">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-146893" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/ZKTECO">ZKTECO</a>
    <h2 id="sku-146893" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: CMP200-4,5-D</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>
              Lunes
        </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-146893" class=" text-2xl text-sky-500">
          $ 359.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-146893" class="text-gray-500 text-md">$ 368.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-146893" class="text-orange-700 align-middle">
          Solo 4 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="4" 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":"CMP200-4,5-D","item_name":"Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts","affiliation":"tecnomas.cl","index":0,"item_brand":"ZKTECO","item_category":"Control de Acceso","item_category2":{"id":65,"name":"Seguridad","parent_category_id":null,"created_at":"2023-08-21T12:17:17.155-04:00","updated_at":"2026-04-30T14:34:16.165-04:00","slug":null,"google_category_id":null,"minimum_product_price":"10000.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=\"M23 7l-7 5 7 5V7z\"/\u003e\n  \u003crect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":359990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 359990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="146893" data-analytics-environment-value="production" data-analytics-product-price-value="359990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;CMP200-4,5-D&quot;,&quot;item_name&quot;:&quot;Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;ZKTECO&quot;,&quot;item_category&quot;:&quot;Control de Acceso&quot;,&quot;item_category2&quot;:{&quot;id&quot;:65,&quot;name&quot;:&quot;Seguridad&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-08-21T12:17:17.155-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-30T14:34:16.165-04:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;10000.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;M23 7l-7 5 7 5V7z\&quot;/\u003e\n  \u003crect x=\&quot;1\&quot; y=\&quot;5\&quot; width=\&quot;15\&quot; height=\&quot;14\&quot; rx=\&quot;2\&quot; ry=\&quot;2\&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;:359990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h2eL5VDNNithGa4H7wHGEWou6WNrgLftyLqupEPdwT7VBwb-j1u4M5eDoIyeUxIF3Yi8U6VTcbAHlAwBLqDXIA" autocomplete="off" />
        <input value="146893" 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="6xnoKlxfn1V5tTb8FGpexXCn-DlejbPniZcG4-9FqoazYMJyOHSKR_Gs52uxz8L0wiXn6gRK-Ri41M2Fm-Otkg" autocomplete="off" />
        <input value="146893" 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="RZzmlaHVF9VJmZTO3LBPV7xPsY41FrmNT_TsXWfafPXwBLtkG-pZyMiFWtkyzBMU8wujTGvjK2-oILpJLPQBfA" autocomplete="off" />
        <input value="146893" 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-146893" class="text-xl text-blue-900 font-medium">Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="146893">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-146893" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/ZKTECO">ZKTECO</a>
    <h2 id="sku-146893" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: CMP200-4,5-D</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>
              Lunes
        </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-146893" class=" text-2xl text-sky-500">
          $ 359.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-146893" class="text-gray-500 text-md">$ 368.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-146893" class="text-orange-700 align-middle">
          Solo 4 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="4" 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":"CMP200-4,5-D","item_name":"Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts","affiliation":"tecnomas.cl","index":0,"item_brand":"ZKTECO","item_category":"Control de Acceso","item_category2":{"id":65,"name":"Seguridad","parent_category_id":null,"created_at":"2023-08-21T12:17:17.155-04:00","updated_at":"2026-04-30T14:34:16.165-04:00","slug":null,"google_category_id":null,"minimum_product_price":"10000.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=\"M23 7l-7 5 7 5V7z\"/\u003e\n  \u003crect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":359990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 359990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="146893" data-analytics-environment-value="production" data-analytics-product-price-value="359990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;CMP200-4,5-D&quot;,&quot;item_name&quot;:&quot;Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;ZKTECO&quot;,&quot;item_category&quot;:&quot;Control de Acceso&quot;,&quot;item_category2&quot;:{&quot;id&quot;:65,&quot;name&quot;:&quot;Seguridad&quot;,&quot;parent_category_id&quot;:null,&quot;created_at&quot;:&quot;2023-08-21T12:17:17.155-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-30T14:34:16.165-04:00&quot;,&quot;slug&quot;:null,&quot;google_category_id&quot;:null,&quot;minimum_product_price&quot;:&quot;10000.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;M23 7l-7 5 7 5V7z\&quot;/\u003e\n  \u003crect x=\&quot;1\&quot; y=\&quot;5\&quot; width=\&quot;15\&quot; height=\&quot;14\&quot; rx=\&quot;2\&quot; ry=\&quot;2\&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;:359990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h2eL5VDNNithGa4H7wHGEWou6WNrgLftyLqupEPdwT7VBwb-j1u4M5eDoIyeUxIF3Yi8U6VTcbAHlAwBLqDXIA" autocomplete="off" />
        <input value="146893" 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="6xnoKlxfn1V5tTb8FGpexXCn-DlejbPniZcG4-9FqoazYMJyOHSKR_Gs52uxz8L0wiXn6gRK-Ri41M2Fm-Otkg" autocomplete="off" />
        <input value="146893" 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="RZzmlaHVF9VJmZTO3LBPV7xPsY41FrmNT_TsXWfafPXwBLtkG-pZyMiFWtkyzBMU8wujTGvjK2-oILpJLPQBfA" autocomplete="off" />
        <input value="146893" 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>Barrera vehicular CMP200-4,5-D de ZKTeco</strong> es la solución perfecta para el control de acceso en estacionamientos, tanto públicos como privados. Este modelo, diseñado por ZKTeco, combina un estilo elegante con un motor robusto, garantizando un servicio confiable y de alta disponibilidad a un precio competitivo en el mercado. La barrera está equipada con un brazo telescópico de aluminio que permite ajustar su longitud de manera sencilla, facilitando el transporte y la instalación, lo que se traduce en una reducción de costos y tiempos.</p>

<p>Una de las características más destacadas de la <strong>barrera CMP200</strong> es su <strong>elegancia y funcionalidad</strong>. El gabinete cuenta con una iluminación sofisticada que actúa como semáforo, indicando claramente el estado de apertura de la barrera. Además, la precisión en el diseño es notable, ya que el motor y el mecanismo son fabricados utilizando moldes de alta precisión, asegurando que cada unidad mantenga los estándares de calidad más altos.</p>

<p>La <strong>electrónica inteligente</strong> de la barrera CMP200 es otro de sus puntos fuertes. En caso de un impacto, el sistema desactiva automáticamente el motor, evitando daños mayores. Esto es especialmente útil en entornos de alto tráfico donde los accidentes pueden ocurrir. La instalación de la barrera es un proceso sencillo, gracias a su diseño que permite ajustes manuales sin necesidad de cortes, adaptándose fácilmente al lugar de instalación.</p>

<p>La <strong>versatilidad y flexibilidad</strong> de la barrera CMP200 son impresionantes. Si aún no ha decidido la ubicación de la barrera, no hay problema. El motor está diseñado para cambiar la dirección del giro durante la instalación, lo que permite una mayor adaptabilidad a diferentes configuraciones de estacionamiento.</p>

<p>En cuanto a las especificaciones técnicas, la barrera cuenta con un <strong>brazo telescópico recto</strong> de hasta 4.5 metros, con un tiempo de apertura y cierre de solo 3 segundos. Su fuente de alimentación es de AC110V/60Hz y tiene un consumo de energía de 100W. La distancia de control remoto es de hasta 30 metros, lo que proporciona comodidad y facilidad de uso. La barrera opera en un rango de temperatura de -25°C a +75°C y puede funcionar en condiciones de humedad de hasta el 90%.</p>

<p>Las dimensiones de la barrera son 350 mm de profundidad, 280 mm de ancho y 1010 mm de altura, con un peso neto de 45 kg. Además, incluye características de seguridad como límites de apertura y cierre electrónicos, entradas para accesorios de seguridad como detectores vehiculares y sensores infrarrojos, así como un sistema de protección del motor que regula el tiempo de funcionamiento en situaciones extraordinarias.</p>

<p>La barrera CMP200 también viene con dos controles remotos, permitiendo un alcance de hasta 30 metros en línea de vista, lo que facilita su operación. Con todas estas características, la barrera CMP200-4,5-D de ZKTeco se posiciona como una opción ideal para quienes buscan un sistema de control de acceso eficiente, seguro y fácil de instalar.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> ZK Teco</li>
    <li><strong>Modelo:</strong> CMP200-4,5-D</li>
    <li><strong>Categoría:</strong> Control de acceso</li>
    <li><strong>Tipo de Brazo:</strong> telescópico recto</li>
    <li><strong>Largo de Brazo:</strong> 4.5m</li>
    <li><strong>Tiempo de Apertura / Cierre:</strong> 3s</li>
    <li><strong>Distancia de Control Remoto:</strong> 30m</li>
    <li><strong>Fuente de Alimentación:</strong> AC110V/60Hz</li>
    <li><strong>Consumo de Energía:</strong> 100W</li>
    <li><strong>Temperatura de Operación:</strong> -25°C ~ +75°C</li>
    <li><strong>Humedad de Operación:</strong> 90%</li>
    <li><strong>Material:</strong> Aleación de aluminio</li>
    <li><strong>Dimensiones:</strong> 350 (D)*280(W)*1010 (H) mm</li>
    <li><strong>Peso Neto:</strong> 45 Kg</li>
    <li><strong>Peso Bruto:</strong> 47 Kg</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: 359990,
          items: [{"item_id":"CMP200-4,5-D","item_name":"Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts","affiliation":"tecnomas.cl","index":0,"item_brand":"ZKTECO","item_category":"Control de Acceso","item_category2":{"id":65,"name":"Seguridad","parent_category_id":null,"created_at":"2023-08-21T12:17:17.155-04:00","updated_at":"2026-04-30T14:34:16.165-04:00","slug":null,"google_category_id":null,"minimum_product_price":"10000.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=\"M23 7l-7 5 7 5V7z\"/\u003e\n  \u003crect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"/\u003e\n\u003c/svg\u003e\n"},"item_category3":null,"item_category4":null,"item_category5":null,"price":359990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/cmp200-4-5-d-barrera-vehicular-der-con-pluma-telescopica-de-4-5-metros-cuerpo-color-gris-con-indi");
      document.title = "[CMP200-4,5-D] Barrera vehicular der. ZKTeco CMP200-4,5-D con pluma telescopica de 4.5mts | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>