<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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ekdabqy2qbgyvve130tf60bs9i53?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/o6np8widn01ff1hdnvw3drz43o10?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/57kq821ab397yxexxecknhdc3q92?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/klny0yxjt3i7538oihla3ailwq9w?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_2048/ftlc7is7alswkfyajlgbr2gw0sp1?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ekdabqy2qbgyvve130tf60bs9i53?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/o6np8widn01ff1hdnvw3drz43o10?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/57kq821ab397yxexxecknhdc3q92?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/klny0yxjt3i7538oihla3ailwq9w?_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 Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H" src="https://res.cloudinary.com/djx6viedj/image/upload/t_trimmed_square_128/ftlc7is7alswkfyajlgbr2gw0sp1?_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-151211" class="text-xl text-blue-900 font-medium">Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="151211">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-151211" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/HP">HP</a>
    <h2 id="sku-151211" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: TM-B9TW9LA-16GB-4TB</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-teal-600"
      >
        <span class="font-bold">Mejorado</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto nuevo, mantiene garantía de marca. Caja pudo haber sido abierta para instalar componentes adicionales. Toda modificación es realizada por un equipo técnico certificado.
'
  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>
              Jueves
        </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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad RAM</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-8gb-ssd-4tb-15-6-w11h">8 GB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  16 GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-24gb-ssd-4tb-15-6-w11h">24 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-32gb-ssd-4tb-15-6-w11h">32 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-64gb-ssd-4tb-15-6-w11h">64 GB</a>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad de Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-512gb-15-6-w11h">512 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-1tb-15-6-w11h">1 TB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-2tb-15-6-w11h">2 TB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  4 TB
                </span>
          </div>
        </div>
    </div>

  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-151211" class=" text-2xl text-sky-500">
          $ 1.069.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-151211" class="text-gray-500 text-md">$ 1.096.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-151211" class="text-orange-700 align-middle">
          Solo 9 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="9" 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":"TM-B9TW9LA-16GB-4TB","item_name":"Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6' W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1069990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1069990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="151211" data-analytics-environment-value="production" data-analytics-product-price-value="1069990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;TM-B9TW9LA-16GB-4TB&quot;,&quot;item_name&quot;:&quot;Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6' W11H&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;HP&quot;,&quot;item_category&quot;:&quot;Notebooks&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:1069990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DuQ80QPd9J1Zr_5-lro--xOx0slx33Yx4DYwalTxxy6sjD_4unzFShkJ5JleacboK-4zrUbW21-H_SpAv7iXHw" autocomplete="off" />
        <input value="151211" 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="G2qLUswyPpc7GKUnN60CK924-FHmfI-mcaPhrNIJupAgKxUPXhf5DZAk5Udbo6V80LHHYFTK3c3X8AVBfPKuRA" autocomplete="off" />
        <input value="151211" 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="d15S0J2aRrj0zIPKJsjZHHQek9FIxtA0l-TpAOqFtq2Kjxog1Bh_byJtwGXTyalqPltfYoTPqqvWUeDHDqcnPA" autocomplete="off" />
        <input value="151211" 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-151211" class="text-xl text-blue-900 font-medium">Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6&#39; W11H</h1>
  <div
    class="flex h-10 items-center"
    data-bv-show="rating_summary"
    data-bv-product-id="151211">
  </div>
  <div class="flex flex-wrap items-center text-xs">
    <a id="brand-151211" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-700 hover:text-sky-500" href="/productos/marcas/HP">HP</a>
    <h2 id="sku-151211" class="border rounded mr-3 my-1 px-2 py-1 text-zinc-600">SKU: TM-B9TW9LA-16GB-4TB</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-teal-600"
      >
        <span class="font-bold">Mejorado</span>
        <div class="flex items-center pt-1">
          <div
  data-controller="tippy"
  data-tippy-content-value='
            Producto nuevo, mantiene garantía de marca. Caja pudo haber sido abierta para instalar componentes adicionales. Toda modificación es realizada por un equipo técnico certificado.
'
  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>
              Jueves
        </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-4 pt-4">
      <p class="text-lg text-blue-900 font-medium mb-3">Opciones disponibles</p>

        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad RAM</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-8gb-ssd-4tb-15-6-w11h">8 GB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  16 GB
                </span>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-24gb-ssd-4tb-15-6-w11h">24 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-32gb-ssd-4tb-15-6-w11h">32 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-64gb-ssd-4tb-15-6-w11h">64 GB</a>
          </div>
        </div>
        <div class="mb-4">
          <p class="text-sm text-gray-600 font-medium mb-2">Capacidad de Almacenamiento</p>
          <div class="flex flex-wrap gap-2">

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-512gb-15-6-w11h">512 GB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-1tb-15-6-w11h">1 TB</a>

                <a data-turbo-stream="true" class="px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded hover:border-sky-400 hover:text-sky-600 transition-colors" href="/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-2tb-15-6-w11h">2 TB</a>

                <span class="px-3 py-1.5 text-sm border-2 border-sky-500 bg-sky-50 text-sky-700 rounded cursor-default font-medium">
                  4 TB
                </span>
          </div>
        </div>
    </div>

  <div class="border-t mt-3 pt-4 flex">
    <div class="flex-col">
      <p class="text-lg text-blue-900 font-medium">Precio:</p>
      <p class="text-xs text-gray-400">IVA Incluido</p>
    </div>
    <div class="flex flex-col ml-12">
      <div class="flex flex-wrap items-end">
        <span id="wire-transfer-price-151211" class=" text-2xl text-sky-500">
          $ 1.069.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-151211" class="text-gray-500 text-md">$ 1.096.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-151211" class="text-orange-700 align-middle">
          Solo 9 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="9" 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":"TM-B9TW9LA-16GB-4TB","item_name":"Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6' W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1069990,"quantity":1};
              item['quantity'] = quantity;
              dataLayer.push({ecommerce: null});
              dataLayer.push({
                  event: "add_to_cart",
                  ecommerce: {
                      currency: "CLP",
                      value: quantity * 1069990,
                      items: [
                          item
                      ]
                  }
              });
          }
      </script>
      <form data-controller="analytics" data-analytics-product-id-value="151211" data-analytics-environment-value="production" data-analytics-product-price-value="1069990" data-action="analytics#addToCart" data-analytics-google-product-value="{&quot;item_id&quot;:&quot;TM-B9TW9LA-16GB-4TB&quot;,&quot;item_name&quot;:&quot;Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6' W11H&quot;,&quot;affiliation&quot;:&quot;tecnomas.cl&quot;,&quot;index&quot;:0,&quot;item_brand&quot;:&quot;HP&quot;,&quot;item_category&quot;:&quot;Notebooks&quot;,&quot;item_category2&quot;:null,&quot;item_category3&quot;:null,&quot;item_category4&quot;:null,&quot;item_category5&quot;:null,&quot;price&quot;:1069990,&quot;quantity&quot;:1}" onsubmit="return addToCart();" action="/add-to-cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DuQ80QPd9J1Zr_5-lro--xOx0slx33Yx4DYwalTxxy6sjD_4unzFShkJ5JleacboK-4zrUbW21-H_SpAv7iXHw" autocomplete="off" />
        <input value="151211" 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="G2qLUswyPpc7GKUnN60CK924-FHmfI-mcaPhrNIJupAgKxUPXhf5DZAk5Udbo6V80LHHYFTK3c3X8AVBfPKuRA" autocomplete="off" />
        <input value="151211" 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="d15S0J2aRrj0zIPKJsjZHHQek9FIxtA0l-TpAOqFtq2Kjxog1Bh_byJtwGXTyalqPltfYoTPqqvWUeDHDqcnPA" autocomplete="off" />
        <input value="151211" autocomplete="off" type="hidden" name="product_id" id="product_id" />
        <input value="1" data-number-input-target="hiddenFieldThree" autocomplete="off" type="hidden" name="quantity" id="quantity" />
        <button name="button" type="submit" class="text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center justify-center cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-4 h-4 mr-1.5">
  <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625zM7.5 15a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5A.75.75 0 017.5 15zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H8.25z" clip-rule="evenodd"></path>
  <path d="M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z"></path>
</svg>

          Cotización express
</button></form>    </div>
  </div>
</div></div>
</template></turbo-stream><turbo-stream action="replace" target="product-specs"><template>
  <div id="product-specs">
    <div class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
      <p class="text-blue-900 text-2xl mb-4 font-medium">Especificaciones</p>
      <div class="flex flex-col divide-y">
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Capacidad RAM</p>
            <p class="text-gray-600">16 GB</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Capacidad de Almacenamiento</p>
            <p class="text-gray-600">4 TB</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Procesador</p>
            <p class="text-gray-600">i5</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Resolución</p>
            <p class="text-gray-600">Full HD (1920x1080)</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Sistema Operativo</p>
            <p class="text-gray-600">Windows 10 Home</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">15.6</p>
          </div>
          <div class="flex justify-between items-center p-4">
            <p class="text-gray-600 font-medium">Tipo de tarjeta de video</p>
            <p class="text-gray-600">Integrada</p>
          </div>
      </div>
    </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="product-description"><template>
  <div id="product-description" class="rounded border bg-white px-6 md:px-12 py-3 md:py-4 lg:py-8">
  <p class="text-blue-900 text-2xl mb-4 font-medium">Descripción</p>
  <div class="trix-content">
  <p><strong>Notebook HP 15-FD0252LA</strong> es la elección perfecta para quienes buscan un equilibrio entre rendimiento y portabilidad. Equipado con un potente <strong>procesador Intel® Core™ i5-1334U</strong>, este dispositivo cuenta con 10 núcleos que permiten una multitarea fluida y eficiente. Con una frecuencia turbo máxima de <strong>4.60 GHz</strong> en el Performance-core y <strong>3.40 GHz</strong> en el Efficient-core, podrás ejecutar aplicaciones exigentes y realizar tareas cotidianas sin esfuerzo.</p>

<p>La <strong>memoria RAM de 16GB DDR4</strong> a 3200 MT/s garantiza un rendimiento ágil, permitiendo que múltiples aplicaciones se ejecuten simultáneamente sin comprometer la velocidad. Además, su <strong>almacenamiento SSD de 4TB</strong> PCIe® NVMe™ M.2 proporciona un espacio amplio y rápido para almacenar todos tus archivos, documentos y multimedia, asegurando tiempos de carga y acceso ultrarrápidos.</p>

<p>La <strong>pantalla FHD de 15.6 pulgadas</strong> con tecnología IPS y un brillo de <strong>250 nits</strong> ofrece imágenes nítidas y colores vibrantes, ideal para trabajar, ver películas o jugar. Con una resolución de <strong>1920 x 1080</strong>, disfrutarás de una experiencia visual envolvente, mientras que su diseño antirreflejante te permitirá usarla en diversas condiciones de luz.</p>

<p>En cuanto a la conectividad, la <strong>Notebook HP 15-FD0252LA</strong> está equipada con una tarjeta inalámbrica Realtek Wi-Fi 6 y Bluetooth® 5.4, asegurando conexiones rápidas y estables. Dispone de múltiples puertos, incluyendo <strong>1 USB Tipo-C</strong>, <strong>2 USB Tipo-A</strong>, un conector inteligente de CA y un puerto HDMI 1.4b, lo que te permitirá conectar diversos dispositivos y periféricos con facilidad.</p>

<p>El diseño del teclado es otro punto a destacar; cuenta con un <strong>teclado gris suave de tamaño completo</strong> que incluye un teclado numérico, facilitando la escritura y la entrada de datos. Además, la <strong>cámara web HD 720p</strong> y los dos altavoces integrados aseguran que tus videollamadas y sesiones de entretenimiento sean de alta calidad.</p>

<p>Con un peso de solo <strong>1.59 kg</strong>, esta notebook es extremadamente portátil, lo que la convierte en una opción ideal para estudiantes y profesionales en movimiento. Su batería de polímero de ion de litio de 3 celdas proporciona una duración adecuada para que puedas trabajar o disfrutar de tus contenidos sin preocuparte por la carga constante.</p>

<p>La <strong>Notebook HP 15-FD0252LA</strong> no solo es potente y versátil, sino que también incluye <strong>100 GB de almacenamiento en Dropbox</strong> durante 3 meses, lo que te permite gestionar tus archivos en la nube de manera eficiente. Además, cuenta con características de seguridad como la tecla de silencio del micrófono y el obturador de privacidad de la cámara, asegurando que tu información personal esté protegida.</p>

<p>Con un diseño elegante en <strong>color plateado natural</strong>, esta notebook no solo es funcional, sino que también es un accesorio atractivo para cualquier entorno. Con un año de garantía, puedes estar seguro de que estás invirtiendo en un producto de calidad que te acompañará en tus tareas diarias.</p><br><br><b>Características:</b><br><br><ul>
    <li><strong>Marca:</strong> HP</li>
    <li><strong>Modelo:</strong> 15-FD0252LA</li>
    <li><strong>Procesador:</strong> Intel® Core™ i5-1334U, 13GTh, 10 Núcleos (2x P-Core, 8x E-Core), 12 MB Intel® Smart Cache</li>
    <li><strong>Frecuencia CPU:</strong> Frecuencia turbo máxima del Performance-core 4.60 GHz, Frecuencia turbo máxima de Efficient-core 3.40 GHz</li>
    <li><strong>RAM:</strong> 16GB DDR4-3200 MT/s</li>
    <li><strong>Almacenamiento:</strong> Unidad SSD 4TB PCIe® NVMe™ M.2</li>
    <li><strong>Pantalla:</strong> FHD, IPS, antirreflejante, 39,6 cm (15.6") en diagonal, 250 nits, 62.5 % de sRGB (1920 x 1080)</li>
    <li><strong>Tarjeta Gráfica:</strong> Gráficos Intel® Iris® X</li>
    <li><strong>Audio:</strong> Dos altavoces</li>
    <li><strong>Teclado:</strong> Teclado gris suave de tamaño completo con teclado numérico</li>
    <li><strong>Cámara web:</strong> HD 720p</li>
    <li><strong>Touchpad:</strong> HP Imagepad</li>
    <li><strong>Conectividad:</strong> Tarjeta inalámbrica Realtek Wi-Fi 6 (2x2) y Bluetooth® 5.4</li>
    <li><strong>Puertos:</strong> 1 USB Tipo-C® (5 Gb/s), 2 USB Tipo-A (5 Gb/s), 1 conector inteligente de CA, 1 HDMI 1.4b, 1 combinación de audífonos/micrófono</li>
    <li><strong>Color:</strong> Plateado natural</li>
    <li><strong>Fuente de Alimentación:</strong> Adaptador de CA Smart de 45 W</li>
    <li><strong>Batería:</strong> Polímero de ion de litio de 3 celdas, 41 Wh</li>
    <li><strong>Dimensiones:</strong> 35,98 x 23,6 x 1,86 cm</li>
    <li><strong>Peso:</strong> 1.59 kg</li>
    <li><strong>Garantía:</strong> 1 año de Garantía</li>
    <li><strong>Sistema Operativo:</strong> Microsoft Windows® 10 Home</li>
    <li><strong>Otras Características:</strong> Chipset: SoC integrado Intel®, Servicios en la nube: 100 GB de almacenamiento en Dropbox durante 3 meses, Gestión de seguridad: Tecla de silencio de micrófono; Obturador de privacidad de la cámara; Compatibilidad con Trusted Platform Module (Firmware TPM)</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: 1069990,
          items: [{"item_id":"TM-B9TW9LA-16GB-4TB","item_name":"Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6' W11H","affiliation":"tecnomas.cl","index":0,"item_brand":"HP","item_category":"Notebooks","item_category2":null,"item_category3":null,"item_category4":null,"item_category5":null,"price":1069990,"quantity":1}]
        }
      });
      history.replaceState(history.state, "", "/producto/notebook-hp-15-fd0252la-i5-1334u-ram-16gb-ssd-4tb-15-6-w11h");
      document.title = "[TM-B9TW9LA-16GB-4TB] Notebook HP 15-FD0252LA I5-1334U RAM 16GB SSD 4TB 15.6\&#39; W11H | Tecnomas.cl";
    </script>
  </div>
</template></turbo-stream>