{"id":793,"date":"2026-04-04T16:15:46","date_gmt":"2026-04-04T16:15:46","guid":{"rendered":"https:\/\/iszbjg1yp8.onrocket.site\/?page_id=793"},"modified":"2026-04-04T17:54:45","modified_gmt":"2026-04-04T17:54:45","slug":"calculadora-de-boligrafo","status":"publish","type":"page","link":"https:\/\/azentraresearchlabs.com\/es\/pen-click-calculator\/","title":{"rendered":"Calculadora de Bol\u00edgrafo Clic"},"content":{"rendered":"<div class=\"wp-block-wd-section color-scheme-light wd-00a649e0\">\n<div class=\"wp-block-wd-infobox wd-hover-parent wd-align wd-icon-top wd-97c1e16c\">\n<div class=\"wp-block-wd-icon wd-da2fe74c\"><img loading=\"lazy\" decoding=\"async\" width=\"569\" height=\"568\" class=\"wp-image-121\" src=\"https:\/\/azentraresearchlabs.com\/wp-content\/uploads\/2026\/03\/Azentra-White-Logo-Transparent.png\" alt=\"\" srcset=\"https:\/\/azentraresearchlabs.com\/wp-content\/uploads\/2026\/03\/Azentra-White-Logo-Transparent.png 569w, https:\/\/azentraresearchlabs.com\/wp-content\/uploads\/2026\/03\/Azentra-White-Logo-Transparent-150x150.png 150w, https:\/\/azentraresearchlabs.com\/wp-content\/uploads\/2026\/03\/Azentra-White-Logo-Transparent-300x300.png 300w\" sizes=\"auto, (max-width: 569px) 100vw, 569px\" \/><\/div>\n\n\n\n<div class=\"wp-block-wd-container wd-dir-col wd-d783ab75\">\n<h1 class=\"wp-block-wd-title title wd-6385af35\">Calculadora de Bol\u00edgrafo Clic<\/h1>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-wd-paragraph wd-04b46947\">Esta Calculadora de Clics de Bol\u00edgrafo est\u00e1 dise\u00f1ada para soportar conversiones de medidas sencillas dentro de entornos de investigaci\u00f3n estructurados. Al introducir el contenido total de un bol\u00edgrafo y un valor de medida seleccionado, la herramienta proporciona un n\u00famero estimado de clics basado en suposiciones estandarizadas.<\/p>\n\n\n\n<div class=\"wp-block-wd-row wd-929e44dd\">\n<div class=\"wp-block-wd-column wd-align-is-lg-center wd-aa0326e0\">\n<style>\n.calculator-container {\n  display: flex;\n  gap: 40px;\n  align-items: center;\n  background: #f3f4f6;\n  padding: 30px;\n  max-width: 900px;\n}\n\n\/* LEFT SIDE *\/\n.calculator-left {\n  flex: 1;\n}\n\n.calculator-left label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 500;\n  color: #444;\n}\n\n\/* INPUT *\/\n.input-group {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.input-group input {\n  width: 100%;\n  padding: 14px 55px 14px 14px;\n  border: 1px solid #dcdfe3;\n  font-size: 16px;\n  background: #fff;\n}\n\n.input-group span {\n  position: absolute;\n  right: 15px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #777;\n  margin-top: 13px;\n}\n\n\/* RESULT BOX *\/\n.result-box {\n  background: #e6e8eb;\n  padding: 10px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.result-label {\n  font-size: 14px;\n  color: #444;\n}\n\n.result-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: #2d2d2d;\n}\n\n\/* RIGHT SIDE *\/\n.calculator-right {\n  flex: 0 0 auto;\n}\n\n.pen-wrapper {\n  position: relative;\n}\n\n.pen-wrapper img {\n  max-width: 200px;\n}\n\n\/* PEN DISPLAY *\/\n#penDisplay {\n  position: absolute;\n  top: 73%;\n  left: 52%;\n  transform: translate(-50%, -50%);\n  \n  font-size: 14px;\n  font-weight: 700;\n  color: #222;\n\n  min-width: 42px;\n  text-align: center;\n}\n\n\/* \ud83d\udd25 MOBILE FIX (side-by-side layout) *\/\n@media (max-width: 768px) {\n  .calculator-container {\n    flex-direction: row;\n    align-items: center;\n    gap: 15px;\n  }\n\n  .calculator-left {\n    flex: 1;\n  }\n\n  .calculator-right {\n    width: 120px;\n  }\n\n  .pen-wrapper img {\n    max-width: 100%;\n  }\n\n  #penDisplay {\n    font-size: 14px;\n    padding: 4px 8px;\n  }\n\n  .result-value {\n    font-size: 16px;\n  }\n\n  .input-group input {\n    font-size: 14px;\n    padding: 10px 45px 10px 10px;\n  }\n}\n<\/style>\n\n<div class=\"calculator-container\">\n\n  <!-- LEFT -->\n  <div class=\"calculator-left\">\n\n    <div class=\"input-group\">\n      <label>Dosis total en la pluma<\/label>\n      <input type=\"number\" id=\"totalMg\" value=\"5\">\n      <span>mg<\/span>\n    <\/div>\n\n    <div class=\"input-group\">\n      <label>Dosis deseada<\/label>\n      <input type=\"number\" id=\"desiredMcg\" value=\"500\">\n      <span>mcg<\/span>\n    <\/div>\n\n    <div class=\"result-box\">\n      <div class=\"result-label\">N\u00famero de clics<\/div>\n      <div class=\"result-value\" id=\"result\">30<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- RIGHT -->\n  <div class=\"calculator-right\">\n    <div class=\"pen-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/azentraresearchlabs.com\/wp-content\/uploads\/2026\/04\/Pen-Click-Calculator.webp\" alt=\"Bol\u00edgrafo\">\n      <div id=\"penDisplay\">30<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nlet currentValue = 0;\n\nfunction animateValue(start, end, duration) {\n  let startTime = null;\n\n  function animation(currentTime) {\n    if (!startTime) startTime = currentTime;\n    const progress = Math.min((currentTime - startTime) \/ duration, 1);\n\n    const value = Math.floor(progress * (end - start) + start);\n\n    document.getElementById(\"result\").innerText = value;\n    document.getElementById(\"penDisplay\").innerText = value;\n\n    if (progress < 1) {\n      requestAnimationFrame(animation);\n    }\n  }\n\n  requestAnimationFrame(animation);\n}\n\nfunction calculateClicks() {\n  const totalMg = parseFloat(document.getElementById(\"totalMg\").value);\n  const desiredMcg = parseFloat(document.getElementById(\"desiredMcg\").value);\n\n  let clicks = 0;\n\n  if (totalMg > 0 && desiredMcg > 0) {\n    const totalMcg = totalMg * 1000;\n    clicks = desiredMcg \/ (totalMcg \/ 300);\n  }\n\n  let rounded = Math.round(clicks);\n\n  \/\/ Handle NaN \/ Infinity \/ negative\n  if (!isFinite(rounded) || isNaN(rounded) || rounded < 0) {\n    rounded = 0;\n  }\n\n  animateValue(currentValue, rounded, 300);\n  currentValue = rounded;\n}\n\ndocument.getElementById(\"totalMg\").addEventListener(\"input\", calculateClicks);\ndocument.getElementById(\"desiredMcg\").addEventListener(\"input\", calculateClicks);\n\n\/\/ initial load\ncalculateClicks();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-wd-paragraph wd-d67f180c\">Esta calculadora est\u00e1 destinada \u00fanicamente a fines informativos y de referencia. Admite la coherencia en los c\u00e1lculos relacionados con las proporciones de soluciones y las unidades de medida, pero no reemplaza el juicio profesional, los protocolos de laboratorio o los procedimientos de investigaci\u00f3n controlada.<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":23,"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":823,"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/pages\/793\/revisions\/823"}],"wp:attachment":[{"href":"https:\/\/azentraresearchlabs.com\/es\/wp-json\/wp\/v2\/media?parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}