{"id":2,"date":"2025-09-04T20:23:35","date_gmt":"2025-09-04T20:23:35","guid":{"rendered":"https:\/\/tools.anyservspa.cl\/?page_id=2"},"modified":"2025-09-20T01:12:18","modified_gmt":"2025-09-20T01:12:18","slug":"dosificadora-inyectores","status":"publish","type":"page","link":"https:\/\/tools.anyservspa.cl\/index.php\/dosificadora-inyectores\/","title":{"rendered":"Calculadora de Inyectores para grasa"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Calculadora de Dosificaci\u00f3n de Inyectores<\/title>\n  <style>\n    body {\n      font-family: Arial, sans-serif;\n      margin: 0;\n      padding: 20px;\n      background-color: #f8f9fa;\n      color: #ffffff; \/* Texto blanco *\/\n      font-size: 18px; \/* Texto m\u00e1s grande *\/\n    }\n    .container {\n      max-width: 800px;\n      margin: auto;\n    }\n    label, select, input {\n      display: block;\n      margin: 10px 0;\n      width: 100%;\n      font-size: 18px; \/* M\u00e1s grande *\/\n      color: #ffffff; \/* Blanco *\/\n    }\n    input, select {\n      color: #000; \/* Texto negro dentro de inputs para que se lea bien *\/\n      padding: 8px;\n      border-radius: 5px;\n      border: 1px solid #ccc;\n    }\n    button {\n      background-color: #ff6600;\n      color: white;\n      font-size: 18px; \/* Bot\u00f3n m\u00e1s grande *\/\n      padding: 12px 18px;\n      border: none;\n      border-radius: 5px;\n      cursor: pointer;\n    }\n    button:hover {\n      background-color: #e65c00;\n    }\n    #result {\n      margin-top: 20px;\n      padding: 15px;\n      background: rgba(0,0,0,0.6); \/* Fondo semi-transparente para contraste *\/\n      border-radius: 5px;\n      color: #ffffff; \/* Texto blanco *\/\n      font-size: 18px;\n      box-shadow: 0 0 10px rgba(0,0,0,0.3);\n      position: relative;\n    }\n    #marca-agua {\n      position: absolute;\n      bottom: 5px;\n      right: 10px;\n      font-size: 14px;\n      color: rgba(255,102,0,0.5);\n      transform: rotate(-15deg);\n    }\n    .lubeardo-container {\n      text-align: center;\n      margin-top: 40px;\n      animation: fadeIn 2s ease-in-out;\n    }\n    .lubeardo-container img {\n      max-width: 500px;\n      width: 100%;\n      height: auto;\n    }\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <label for=\"injector\">Tipo de inyector:<\/label>\n    <select id=\"injector\">\n      <option value=\"SL1\">SL1 (m\u00e1x: 6.5 vueltas)<\/option>\n      <option value=\"SL11\">SL11 (m\u00e1x: 12.75 vueltas)<\/option>\n      <option value=\"SLV\">SLV (m\u00e1x: 5 vueltas)<\/option>\n      <option value=\"SLVXL\">SLVXL (m\u00e1x: 20.5 vueltas)<\/option>\n    <\/select>\n\n    <label for=\"vueltas\">Vueltas del perno de regulaci\u00f3n:<\/label>\n    <input type=\"number\" id=\"vueltas\" step=\"0.25\" min=\"0\">\n\n    <label for=\"densidad\">Densidad de la grasa (g\/cm\u00b3):<\/label>\n    <input type=\"number\" id=\"densidad\" step=\"0.01\" value=\"0.9\">\n\n    <label for=\"tiempoTrabajo\">Tiempo de trabajo por ciclo (segundos):<\/label>\n    <input type=\"number\" id=\"tiempoTrabajo\">\n\n    <label for=\"tiempoPausa\">Tiempo de pausa (segundos):<\/label>\n    <input type=\"number\" id=\"tiempoPausa\">\n\n    <button onclick=\"calcularDosificacion()\">Calcular<\/button>\n\n    <div id=\"result\"><\/div>\n  <\/div>\n\n  <div class=\"lubeardo-container\">\n    <img decoding=\"async\" \n      src=\"https:\/\/any-serv.cl\/wp-content\/uploads\/2025\/06\/d0bb5756-194d-4be9-90a2-bcd6d9b954a8.png\" \n      alt=\"Lubeardo comentando sobre los datos\">\n  <\/div>\n\n  <script>\n    const datosInyectores = {\n      SL1:   { salidaMin: 0, salidaMax: 1.31, maxVueltas: 6.5, salidaPorVuelta: 0.2015 },\n      SL11:  { salidaMin: 0.82, salidaMax: 8.19, maxVueltas: 12.75 },\n      SLV:   { salidaMin: 0.25, salidaMax: 1.31, maxVueltas: 5, salidaPorVuelta: 0.229 },\n      SLVXL: { salidaMin: 0.25, salidaMax: 5.00, maxVueltas: 20.5, salidaPorVuelta: 0.229 },\n    };\n\n    function calcularDosificacion() {\n      const tipo = document.getElementById(\"injector\").value;\n      const vueltas = parseFloat(document.getElementById(\"vueltas\").value);\n      const densidad = parseFloat(document.getElementById(\"densidad\").value);\n      const trabajo = parseFloat(document.getElementById(\"tiempoTrabajo\").value);\n      const pausa = parseFloat(document.getElementById(\"tiempoPausa\").value);\n\n      const inj = datosInyectores[tipo];\n\n      if (vueltas > inj.maxVueltas) {\n        document.getElementById(\"result\").innerHTML = `<strong style='color:red'>\u26a0\ufe0f Las vueltas exceden el m\u00e1ximo permitido para ${tipo} (${inj.maxVueltas} vueltas).<\/strong>`;\n        return;\n      }\n\n      let volumen = 0;\n      if (tipo === \"SL11\") {\n        volumen = (vueltas \/ inj.maxVueltas) * (inj.salidaMax - inj.salidaMin) + inj.salidaMin;\n      } else {\n        volumen = vueltas * inj.salidaPorVuelta;\n        if (volumen < inj.salidaMin) volumen = inj.salidaMin;\n        if (volumen > inj.salidaMax) volumen = inj.salidaMax;\n      }\n\n      const gramosPorCiclo = volumen * densidad;\n      const cicloTotal = trabajo + pausa;\n      const ciclosPorHora = cicloTotal > 0 ? 3600 \/ cicloTotal : 0;\n      const gramosPorHora = gramosPorCiclo * ciclosPorHora;\n      const gramosPorDia = gramosPorHora * 24;\n\n      document.getElementById(\"result\").innerHTML = `\n        <strong>Resultado:<\/strong><br>\n        Volumen por ciclo: <strong>${volumen.toFixed(3)} cm\u00b3<\/strong><br>\n        Gramos por ciclo: <strong>${gramosPorCiclo.toFixed(2)} g<\/strong><br>\n        Ciclos por hora: <strong>${ciclosPorHora.toFixed(2)}<\/strong><br>\n        Gramos por hora: <strong>${gramosPorHora.toFixed(2)} g<\/strong><br>\n        Gramos por d\u00eda: <strong>${gramosPorDia.toFixed(2)} g<\/strong>\n        <div id=\"marca-agua\">Any-Serv<\/div>\n      `;\n    }\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!-- Bot\u00f3n Volver (elegante con animaci\u00f3n) -->\r\n<div class=\"as-back-wrap\">\r\n  <button class=\"as-back-btn\" aria-label=\"Volver a la p\u00e1gina anterior\" title=\"Volver\">\r\n    <span class=\"as-icon\" aria-hidden=\"true\">\r\n      <!-- Flecha SVG -->\r\n      <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n        <path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n    <span class=\"as-text\">Volver<\/span>\r\n    <span class=\"as-glow\"><\/span>\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n  .as-back-wrap{\r\n    position: fixed;\r\n    bottom: 22px; left: 22px; \/* c\u00e1mbialo a left si prefieres *\/\r\n    z-index: 9999;\r\n  }\r\n  .as-back-btn{\r\n    --bg: rgba(20,22,27,.75);\r\n    --bg2: rgba(20,22,27,.55);\r\n    --accent: #DE643F; \/* salm\u00f3n Any-Serv *\/\r\n    --txt: #f6f7fb;\r\n\r\n    display: inline-flex; align-items: center; gap: .6rem;\r\n    padding: .9rem 1.15rem;\r\n    color: var(--txt); background: linear-gradient(135deg,var(--bg),var(--bg2));\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    border-radius: 14px;\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04);\r\n    cursor: pointer;\r\n    transition: transform .18s ease, box-shadow .25s ease;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .as-icon{ display: inline-grid; place-items:center; }\r\n  .as-text{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif; font-weight: 600; letter-spacing:.2px; }\r\n\r\n  \/* Microinteracciones *\/\r\n  .as-back-btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.06); }\r\n  .as-back-btn:active{ transform: translateY(0); }\r\n\r\n  \/* \u201cRespiraci\u00f3n\u201d sutil *\/\r\n  .as-back-btn::after{\r\n    content:\"\"; position:absolute; inset:-1px; border-radius:inherit;\r\n    background: radial-gradient(120px 120px at var(--mx,50%) var(--my,50%), rgba(222,100,63,.18), transparent 55%);\r\n    transition: background .15s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Glow lateral *\/\r\n  .as-glow{\r\n    position:absolute; inset:-2px; border-radius:inherit;\r\n    background: conic-gradient(from 180deg at 50% 50%, transparent 0 20%, rgba(222,100,63,.18) 20% 30%, transparent 30% 100%);\r\n    filter: blur(10px); opacity:.0; transition: opacity .25s ease;\r\n    pointer-events:none;\r\n  }\r\n  .as-back-btn:hover .as-glow{ opacity:.8; }\r\n\r\n  \/* Animaci\u00f3n de la flecha *\/\r\n  .as-back-btn:hover .as-icon svg{ transform: translateX(-2px); }\r\n  .as-icon svg{ transition: transform .18s ease; }\r\n\r\n  \/* Modo reducido en m\u00f3viles *\/\r\n  @media (max-width:480px){\r\n    .as-text{ display:none; }\r\n    .as-back-btn{ padding:.8rem; border-radius:12px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const FALLBACK_URL = '\/'; \/\/ <-- Cambia aqu\u00ed si quieres otro destino por defecto\r\n    const btn = document.querySelector('.as-back-btn');\r\n\r\n    \/\/ Efecto \u201cfollow cursor\u201d para el brillo\r\n    btn.addEventListener('pointermove', (e)=>{\r\n      const r = e.currentTarget.getBoundingClientRect();\r\n      const x = e.clientX - r.left, y = e.clientY - r.top;\r\n      e.currentTarget.style.setProperty('--mx', x+'px');\r\n      e.currentTarget.style.setProperty('--my', y+'px');\r\n    });\r\n\r\n    btn.addEventListener('click', (e)=>{\r\n      e.preventDefault();\r\n      \/\/ Si hay historial \u201creal\u201d, volvemos. Si no, usamos fallback.\r\n      if (window.history.length > 1) {\r\n        window.history.back();\r\n      } else {\r\n        window.location.href = FALLBACK_URL;\r\n      }\r\n    });\r\n  })();\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Dosificaci\u00f3n de Inyectores Tipo de inyector: SL1 (m\u00e1x: 6.5 vueltas)SL11 (m\u00e1x: 12.75 vueltas)SLV (m\u00e1x: 5 vueltas)SLVXL (m\u00e1x: 20.5 vueltas) Vueltas del perno de regulaci\u00f3n: Densidad de la grasa (g\/cm\u00b3): Tiempo de trabajo por ciclo (segundos): Tiempo de pausa (segundos): Calcular Volver<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}