<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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/k8whqge0ci7mm8y6o90upp18ka3d?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/2ioja4zzn7fcga7y1k7owym0upz2?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/8kzc0vp8oyaxm4hu5ooucl0kv0bn?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/7ql6c6d21j1hfs22sepcpuqyjw7n?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/3ihregtbwegd2vayaski7zvd1bnv?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 5 de Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/qxka1qlbe5yqi7hg5yjk3yo0v319?_a=BACCd2Ev" />
              </div>
            </div>
            <div class="swiper-slide select-none w-full h-full flex">
              <div class="swiper-zoom-container w-full h-full cursor-zoom-in"
                   data-action="click->image-selector#toggleZoom mousemove->image-selector#moveZoom">
                <img class="object-contain flex w-full h-full px-6 lg:px-12 transition-transform duration-200 ease-out" alt="Imagen 6 de Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/g45ildw7yx2hfr8rcxomiazx5m2b?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/k8whqge0ci7mm8y6o90upp18ka3d?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/2ioja4zzn7fcga7y1k7owym0upz2?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/8kzc0vp8oyaxm4hu5ooucl0kv0bn?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/7ql6c6d21j1hfs22sepcpuqyjw7n?_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 Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/3ihregtbwegd2vayaski7zvd1bnv?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="5"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 5 de Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/qxka1qlbe5yqi7hg5yjk3yo0v319?_a=BACCd2Ev" />
        </button>
        <button
          data-action="image-selector#selectImage"
          data-idx="6"
          class="rounded border bg-white p-2 w-16 h-16 mt-4 mr-4 "
        >
          <img class="object-contain aspect-square" alt="Thumbnail 6 de Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/g45ildw7yx2hfr8rcxomiazx5m2b?_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-500" class="text-xl text-blue-900 font-medium">Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="500">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-500" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/AOC">AOC</a>
    <h2 id="sku-500" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: C24G2</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>
              19/5
        </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-500" class=" text-2xl text-sky-500">
          $ 131.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-500" class="text-gray-500 text-md">$ 135.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-500" 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":"C24G2","item_name":"Monitor Gamer Curvo AOC C24G2 23.6\" FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz","affiliation":"tecnomas.cl","index":0,"item_brand":"AOC","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":131990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 131990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="500" data-analytics-environment-value="production" data-analytics-product-price-value="131990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;C24G2&quot;,&quot;item_name&quot;:&quot;Monitor Gamer Curvo AOC C24G2 23.6\&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;AOC&quot;,&quot;item_category&quot;:&quot;Monitores&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:131990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aEwc2DGNy0tArbfXoLPjXKqP6NAUY47LnZmv5W0ZiWO5zy5cglziaehCFYY9IgmEHKOwmqCt58Hr_U8Z40Z9SA" autocomplete="off" />
        <input value="500" 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="pCW3BE1V2LA8ctL32trnTqpalUpza13-mYChuLMjy8RYJn9BPjKjLk47h1UqJLWZuCvi4lPoxsSeZg88JOeuPg" autocomplete="off" />
        <input value="500" 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="mN-qxFQB2dnWNdXQopIAtbk-1BwyRYOmNjCj9a-gCKz9IZnGPL5PrrQsR9NfuL63Kz7hd49DIYyWCaFq4VOnZw" autocomplete="off" />
        <input value="500" 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-500" class="text-xl text-blue-900 font-medium">Monitor Gamer Curvo AOC C24G2 23.6&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="500">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-500" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/AOC">AOC</a>
    <h2 id="sku-500" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: C24G2</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>
              19/5
        </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-500" class=" text-2xl text-sky-500">
          $ 131.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-500" class="text-gray-500 text-md">$ 135.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-500" 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":"C24G2","item_name":"Monitor Gamer Curvo AOC C24G2 23.6\" FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz","affiliation":"tecnomas.cl","index":0,"item_brand":"AOC","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":131990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 131990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="500" data-analytics-environment-value="production" data-analytics-product-price-value="131990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;C24G2&quot;,&quot;item_name&quot;:&quot;Monitor Gamer Curvo AOC C24G2 23.6\&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;AOC&quot;,&quot;item_category&quot;:&quot;Monitores&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:131990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aEwc2DGNy0tArbfXoLPjXKqP6NAUY47LnZmv5W0ZiWO5zy5cglziaehCFYY9IgmEHKOwmqCt58Hr_U8Z40Z9SA" autocomplete="off" />
        <input value="500" 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="pCW3BE1V2LA8ctL32trnTqpalUpza13-mYChuLMjy8RYJn9BPjKjLk47h1UqJLWZuCvi4lPoxsSeZg88JOeuPg" autocomplete="off" />
        <input value="500" 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="mN-qxFQB2dnWNdXQopIAtbk-1BwyRYOmNjCj9a-gCKz9IZnGPL5PrrQsR9NfuL63Kz7hd49DIYyWCaFq4VOnZw" autocomplete="off" />
        <input value="500" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-specs"><template>
  <div id="product-specs">
    <div class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
      <p class="text-blue-900 text-2xl mb-4 font-medium">Especificaciones</p>
      <div class="flex flex-col divide-y">
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Curvatura</p>
            <p class="text-gray-600">Curvo</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Frecuencia de Refresco de Pantalla</p>
            <p class="text-gray-600">165 Hz</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Resolución</p>
            <p class="text-gray-600">Full HD (1920x1080)</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tamaño de pantalla (&quot;)</p>
            <p class="text-gray-600">23.6</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de Panel</p>
            <p class="text-gray-600">VA</p>
          </div>
      </div>
    </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-description"><template>
  <div id="product-description" class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
  <p class="text-blue-900 text-2xl mb-4 font-medium">Descripción</p>
  <div class="trix-content">
  <p>Descubre el <strong>Monitor Gamer Curvo AOC C24G2</strong>, una impresionante pantalla de 23.6 pulgadas que redefine tu experiencia de juego y trabajo. Con una resolución Full HD de <strong>1920 x 1080 píxeles</strong>, este monitor ofrece imágenes nítidas y vibrantes que te sumergirán en cada partida o proyecto. Su diseño curvo, con una clasificación de curvatura de <strong>1500R</strong>, proporciona un campo de visión envolvente, permitiéndote disfrutar de una experiencia visual más inmersiva.</p>

<p>El AOC C24G2 no solo destaca por su estética, sino también por su rendimiento. Con un tiempo de respuesta de <strong>1 ms</strong> y una tasa de refresco de hasta <strong>165 Hz</strong>, este monitor está diseñado para eliminar el desenfoque de movimiento y ofrecerte una jugabilidad fluida y sin interrupciones. Ya sea que estés jugando a los títulos más exigentes o trabajando en tareas de alta demanda, este monitor se adapta a tus necesidades.</p>

<p>La pantalla VA del AOC C24G2 proporciona un contraste típico de <strong>3000:1</strong> y una relación de contraste dinámico de <strong>80000000:1</strong>, lo que significa que podrás disfrutar de negros profundos y colores vibrantes. Con un brillo típico de <strong>250 cd/m²</strong> y una cobertura del <strong>120%</strong> del espacio de color sRGB, cada imagen cobra vida con una claridad impresionante y una gama de colores rica y precisa.</p>

<p>En términos de conectividad, el AOC C24G2 está equipado con múltiples opciones, incluyendo <strong>2 puertos HDMI</strong> (versión 1.4), <strong>1 puerto DisplayPort</strong> (versión 1.2) y una salida de auriculares, lo que te permite conectar fácilmente tus dispositivos y disfrutar de una experiencia multimedia completa. Además, su soporte VESA de <strong>100 x 100 mm</strong> te permite montarlo en la pared o en un soporte ajustable, optimizando tu espacio de trabajo o juego.</p>

<p>La ergonomía también es una prioridad en el diseño del AOC C24G2. Con ajustes de altura de hasta <strong>13 cm</strong>, inclinación de <strong>-5 a 23 grados</strong> y un rango de giro de <strong>-30 a 30 grados</strong>, puedes personalizar la posición de la pantalla para que se adapte perfectamente a tu entorno. Esto no solo mejora la comodidad, sino que también ayuda a reducir la fatiga visual durante largas sesiones de uso.</p>

<p>Con un consumo energético típico de <strong>21 W</strong> y una clasificación de eficiencia energética de clase <strong>G</strong>, el AOC C24G2 es una opción responsable para aquellos que buscan un monitor potente sin comprometer el consumo de energía. Su diseño elegante en color negro se integra perfectamente en cualquier configuración, ya sea en casa o en la oficina.</p>

<p>En resumen, el <strong>Monitor Gamer Curvo AOC C24G2</strong> es la elección ideal para gamers y profesionales que buscan un equilibrio entre rendimiento, calidad de imagen y ergonomía. Con su impresionante tecnología y diseño, este monitor no solo mejora tu experiencia visual, sino que también se convierte en una herramienta esencial para cualquier espacio de trabajo o entretenimiento.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> AOC</li>
    <li><strong>Modelo:</strong> C24G2</li>
    <li><strong>Diagonal de pantalla:</strong> 59,9 cm (23.6")</li>
    <li><strong>Resolución de pantalla:</strong> 1920 x 1080 Pixeles</li>
    <li><strong>Tipo HD:</strong> Full HD</li>
    <li><strong>Tipo de pantalla:</strong> VA</li>
    <li><strong>Forma de la pantalla:</strong> Curvo</li>
    <li><strong>Clasificación de curvatura de la pantalla:</strong> 1500R</li>
    <li><strong>Tiempo de respuesta:</strong> 1 ms</li>
    <li><strong>Máxima velocidad de actualización:</strong> 165 Hz</li>
    <li><strong>Brillo de pantalla (típico):</strong> 250 cd / m²</li>
    <li><strong>Razón de contraste (típica):</strong> 3000:1</li>
    <li><strong>Relación de aspecto:</strong> 16:9</li>
    <li><strong>Ángulo de visión horizontal:</strong> 178°</li>
    <li><strong>Ángulo de visión vertical:</strong> 178°</li>
    <li><strong>Cantidad de colores de la pantalla:</strong> 16.78 millones de colores</li>
    <li><strong>Gama de colores estándar:</strong> sRGB</li>
    <li><strong>Cobertura sRGB (típica):</strong> 120%</li>
    <li><strong>Cobertura NTSC (típica):</strong> 99%</li>
    <li><strong>HDMI:</strong> Sí</li>
    <li><strong>Número de puertos HDMI:</strong> 2</li>
    <li><strong>Cantidad de puertos VGA (D-Sub):</strong> 1</li>
    <li><strong>Cantidad de DisplayPorts:</strong> 1</li>
    <li><strong>Salida de auriculares:</strong> Sí</li>
    <li><strong>HDCP:</strong> Sí</li>
    <li><strong>Soporte VESA:</strong> Sí</li>
    <li><strong>Interfaz para montaje en panel:</strong> 100 x 100 mm</li>
    <li><strong>Ajustes de altura:</strong> Sí</li>
    <li><strong>Altura ajustable (máx):</strong> 13 cm</li>
    <li><strong>Giratorio:</strong> Sí</li>
    <li><strong>Rango de ángulo de inclinación:</strong> -5 - 23°</li>
    <li><strong>Rango de ángulo de giro:</strong> -30 - 30°</li>
    <li><strong>Clase de eficiencia energética (SDR):</strong> G</li>
    <li><strong>Consumo energético (típico):</strong> 21 W</li>
    <li><strong>Tensión de entrada AC:</strong> 100 - 240 V</li>
    <li><strong>Frecuencia de entrada AC:</strong> 50 - 60 Hz</li>
    <li><strong>Corriente de entrada:</strong> 1.5 A</li>
    <li><strong>Posicionamiento de mercado:</strong> Hogar</li>
    <li><strong>Color del producto:</strong> Negro</li>
    <li><strong>Peso (con soporte):</strong> 4,35 kg</li>
    <li><strong>Peso (sin base):</strong> 2,99 kg</li>
    <li><strong>Dimensiones (con soporte):</strong> 536,1 mm x 227,4 mm x 505,3 mm</li>
    <li><strong>Dimensiones (sin base):</strong> 536,1 mm x 68,5 mm x 321 mm</li>
    <li><strong>Garantía:</strong> 1 Año Panel / 3 Años Repuestos (ROM)</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: 131990,
          items: [{"item_id":"C24G2","item_name":"Monitor Gamer Curvo AOC C24G2 23.6\" FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz","affiliation":"tecnomas.cl","index":0,"item_brand":"AOC","item_category":"Monitores","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":131990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/monitor-gamer-curvo-aoc-c24g2-23-6-fhd-1920-1080-led-va-dp-2-hdmi-vga-1ms-165hz");
      document.title = "[C24G2] Monitor Gamer Curvo AOC C24G2 23.6\&quot; FHD 1920*1080 LED VA DP 2*HDMI VGA 1ms 144Hz | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>