Calculadora<\/title>\n \n <style>\n @media print {\n body * {\n visibility: hidden;\n\n }\n\n #contenedor,\n #contenedor * {\n visibility: visible;\n \n }\n\n #contenedor {\n position: absolute;\n left: 0;\n top: 0;\n \n\n }\n }\n\n .texto-centrado {\n text-align: center;\n }\n\n .contenedor-justificado {\n display: flex;\n justify-content: space-between;\n }\n\n .texto-justificado {\n text-align: justify;\n }\n\n \/* Estilos para los botones de im\u00e1genes *\/\n .boton-imagen {\n width: calc(33.33% - 20px); \/* 20px de margen entre los botones *\/\n height: auto; \/* Altura autom\u00e1tica para mantener la proporci\u00f3n *\/ \n margin-bottom: 10px;\n background-color: white;\n border: 0.5px solid #CACACA;\n cursor: pointer;\n box-sizing: border-box; \/* Incluir el borde en el c\u00e1lculo del tama\u00f1o del bot\u00f3n *\/\n position: relative;\n }\n\t\t.boton-imagenWA {\n width: 60px; \/* Ancho de los botones *\/\n height: 60px; \/* Altura de los botones *\/\n margin-right: 10px; \/* Margen derecho para separar los botones *\/\n \tmargin-bottom: 10px; \n background-color: white; \/* Color de fondo azul *\/\n border: 0.5px solid white;\n cursor: pointer;\n \n }\n \/* Estilos para el contenedor de botones *\/\n .contenedor-botones {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin-bottom: 5px;\n }\n\n \/* Estilos para los botones de acci\u00f3n *\/\n .boton-accion1 {\n background-color: purple; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\n\t\t}\n .boton-accion2 {\n background-color: mediumseagreen; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\n\t\t}\n .boton-accion3 {\n background-color: yellow; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion4 {\n background-color: grey; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion5 {\n background-color: red; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n \n .boton-accion6 {\n background-color: saddlebrown; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion7 {\n background-color: blue; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion8 {\n background-color: orangered; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\t\t}\n \n\t\t.boton-accion:link,\n\t\t.boton-accion:visited {\n \t\t\t color: black; \/* Establecer el color del texto del bot\u00f3n adicional a blanco *\/\n \t\t\t text-decoration: none; \/* Eliminar el subrayado de los enlaces *\/\n\t\t}\t\t\n\n \n \/* Estilos para los botones de acci\u00f3n en desktop *\/\n @media (min-width: 768px) {\n .boton-seleccionado {\n background-color: white;\n color: black;\n border: 1px solid #E3E3E3;\n transform: scale(1.6);\n margin-bottom: 5px; \/* Ajusta este valor seg\u00fan sea necesario para dar espacio al contenido detr\u00e1s del bot\u00f3n *\/\n }\n .texto-superior {\n position: absolute;\n top: -105%;\n left: 50%;\n transform: translateX(-50%);\n font-size: 10px; \/* Tama\u00f1o de letra muy peque\u00f1o, ajusta seg\u00fan sea necesario *\/\n color: white; \/* Color del texto *\/\n background-color: rgba(0, 0, 0, 0.4); \/* Fondo semitransparente para hacer legible el texto *\/\n padding: 2px 5px; \/* Espaciado interno para el texto *\/\n }\n \n }\n\n\/* Estilos para los botones de acci\u00f3n en smartphones *\/\n @media (max-width: 767px) {\n .boton-seleccionado {\n background-color: white;\n color: black;\n border: 1px solid #E3E3E3;\n transform: scale(2.6); \/* Ajusta este valor seg\u00fan sea necesario para smartphones *\/\n margin-bottom: 10px; \/* Ajusta este valor seg\u00fan sea necesario para dar espacio al contenido detr\u00e1s del bot\u00f3n *\/\n }\n \n .texto-superior {\n position: absolute;\n top: -20%;\n left: 50%;\n transform: translateX(-50%);\n font-size: 6px; \/* Tama\u00f1o de letra muy peque\u00f1o, ajusta seg\u00fan sea necesario *\/\n color: white; \/* Color del texto *\/\n background-color: rgba(0, 0, 0, 0.4); \/* Fondo semitransparente para hacer legible el texto *\/\n padding: 2px; \/* Espaciado interno para el texto *\/\n }\n }\n \n \n .boton-seleccionado::after {\n content: '\\00d7'; \/* C\u00f3digo para \"X\" *\/\n position: absolute;\n top: 0;\n left: 0;\n background-color: lightgrey;\n color: black;\n padding: 2px;\n\n }\n \n \n\t\t\/* Estilos para el bot\u00f3n de imprimir pantalla *\/\n .boton-imprimir {\n width: 60px; \/* Ancho del bot\u00f3n de imprimir pantalla *\/\n height: 25px; \/* Altura del bot\u00f3n de imprimir pantalla *\/\n color: black; \/* Texto en color blanco *\/\n background-color: white; \/* Color de fondo azul *\/\n text-align: center;\n border: none;\n cursor: pointer;\n }\n\n\t\t\/* Estilos para el bot\u00f3n de imprimir pantalla *\/\n .boton-reset {\n width: 65px; \/* Ancho del bot\u00f3n de imprimir pantalla *\/\n height: 25px; \/* Altura del bot\u00f3n de imprimir pantalla *\/\n color: white; \/* Texto en color blanco *\/\n background-color: black; \/* Color de fondo azul *\/\n text-align: center;\n justify-content: center; \/* Centra los botones horizontalmente en el contenedor *\/\n \tfont-size: 16px;\n border: none;\n cursor: pointer;\n \n\t\t}\n\t\t .etiqueta {\n display: block; \/* Convertir el label en un bloque para ocupar todo el ancho disponible *\/\n margin: 0 auto; \/* Margen autom\u00e1tico a la izquierda y la derecha para centrar el label *\/\n \/* Otros estilos del label, si los hay *\/\n }\n \n .contenedor-botones {\n display: none;\n width: 100% !important;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin: 0; \/* Aseg\u00farate de que no haya margen *\/\n padding: 0; \/* Aseg\u00farate de que no haya relleno *\/ \n }\n \n .contenedor-botones2 {\n display: flex;\n gap: 10px; \/* Espacio entre los botones *\/\n justify-content: center; \/* Centra los elementos en el eje horizontal *\/\n align-items: center; \/* Centra los elementos en el eje vertical *\/\n }\n \n #contenedor-ajustable {\n display: none;\n }\n \n\tscroll-behavior: smooth;\n\n <\/style>\n\t<\/head>\n\t<body>\n\n <div id=\"contenedor\">\n <div class=\"texto-centrado\">\n <p><h1><strong>Calculadora<\/strong><\/h1><\/p>\n \n <label for=\"valor\" class=\"etiqueta\">Peso de la mercanc\u00eda KG:<\/label>\n <input type=\"number\" id=\"valor\" name=\"valor\"><br>\n \n <label for=\"valor\" class=\"etiqueta\">N\u00famero de eslingas:<\/label>\n \n \n <select id=\"seleccion\" onchange=\"mostrarConjunto(this.value)\">\n <option value=\"conjunto0\">-<\/option>\n <option value=\"conjunto1\">1 eslinga<\/option>\n <option value=\"conjunto2\">2 eslingas<\/option>\n <option value=\"conjunto3\">3 eslingas<\/option>\n <option value=\"conjunto4\">4 eslingas<\/option>\n \n <\/select> \n\n <br>\n <label for=\"valor\" class=\"etiqueta\">Forma de trabajo:<\/label>\n <br>\n <br>\n <div id=\"conjunto0\" class=\"contenedor-botones\">\n \n \t<\/div>\n \n \n <div id=\"conjunto1\" class=\"contenedor-botones\">\n \n \t <button id=\"boton1\" class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img1.jpg\" alt=\"Bot\u00f3n 1\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(0.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img2.jpg\" alt=\"Bot\u00f3n 1\"><\/button>\n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img3.jpg\" alt=\"Bot\u00f3n 3\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img4.jpg\" alt=\"Bot\u00f3n 4\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img5.jpg\" alt=\"Bot\u00f3n 5\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(0.7, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img6.jpg\" alt=\"Bot\u00f3n 6\"><\/button>\n \t <button class=\"boton-imagen\" onclick=\"multiplicar(0.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img7.jpg\" alt=\"Bot\u00f3n 7\"><\/button>\n <\/div>\n \n\n \n\t \n <div id=\"conjunto2\" class=\"contenedor-botones\">\n \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img8.jpg\" alt=\"Bot\u00f3n 8\"><\/button> \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img9.jpg\" alt=\"Bot\u00f3n 9\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img10.jpg\" alt=\"Bot\u00f3n 10\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img12.jpg\" alt=\"Bot\u00f3n 12\"><\/button>\n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img17.jpg\" alt=\"Bot\u00f3n 17\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img18.jpg\" alt=\"Bot\u00f3n 18\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.6, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img11.jpg\" alt=\"Bot\u00f3n 11\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(1.12, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img15.jpg\" alt=\"Bot\u00f3n 15\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(0.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img16.jpg\" alt=\"Bot\u00f3n 16\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img14.jpg\" alt=\"Bot\u00f3n 14\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img13.jpg\" alt=\"Bot\u00f3n 13\"><\/button> \n \n \n <\/div>\n \n\t \n <div id=\"conjunto3\" class=\"contenedor-botones\">\n \n \t\n <button class=\"boton-imagen\" onclick=\"multiplicar(3, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img22.jpg\" alt=\"Bot\u00f3n 22\"><\/button> \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2.1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img21.jpg\" alt=\"Bot\u00f3n 21\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img20.jpg\" alt=\"Bot\u00f3n 20\"><\/button> \n \t\t \n <\/div>\n\t \n\t \n <div id=\"conjunto4\" class=\"contenedor-botones\">\n \n \t <button id=\"boton4\" class=\"boton-imagen\" onclick=\"multiplicar(2.1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img23.jpg\" alt=\"Bot\u00f3n 23\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img19.jpg\" alt=\"Bot\u00f3n 19\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(3, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img24.jpg\" alt=\"Bot\u00f3n 24\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img25.jpg\" alt=\"Bot\u00f3n 25\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img27.jpg\" alt=\"Bot\u00f3n 27\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img26.jpg\" alt=\"Bot\u00f3n 26\"><\/button> \n \n\n \t\t <\/div>\n \n \n<div id=\"contenedor-ajustable\"> \n \n <br>\n <br>\n \n <label for=\"valor\" class=\"etiqueta\">Resistencia necesaria por eslinga:<\/label>\n <input type=\"text\" id=\"resultado\" name=\"resultado\" readonly>\n <br>\n\n\t<label for=\"valor\" class=\"etiqueta\">Eslinga Ponsa adecuada:<\/label>\n \n\t<a class=\"boton-accion1\" id=\"boton-adicional1\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 1tn<\/a>\n <a class=\"boton-accion2\" id=\"boton-adicional2\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 2tn<\/a>\n <a class=\"boton-accion3\" id=\"boton-adicional3\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 3tn<\/a>\n <a class=\"boton-accion4\" id=\"boton-adicional4\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 4tn<\/a>\n <a class=\"boton-accion5\" id=\"boton-adicional5\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 5tn<\/a>\n <a class=\"boton-accion6\" id=\"boton-adicional6\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 6tn<\/a>\n <a class=\"boton-accion7\" id=\"boton-adicional7\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 7tn<\/a>\n <a class=\"boton-accion8\" id=\"boton-adicional8\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 8tn<\/a>\n \n <br>\n \n <div class=\"contenedor-botones2\">\n \n\t\n\t <button id=\"centro\" class=\"boton-reset\" onclick=\"resetearResultado()\">RESET<\/button>\n \n <button class=\"boton-reset\" onclick=\"imprimirPantalla()\">PDF<\/button>\n <\/div>\n \n <br>\n\t <br>\n <label for=\"valor\" class=\"etiqueta\">Comparte<\/label>\n \t <button class=\"boton-imagenWA\" onclick=\"compartirWhatsApp()\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/img\/wa.png\" alt=\"Bot\u00f3n 1\"><\/button>\n\n\t<br>\n\t<br>\n\t\n\n <\/div>\n<\/div>\n \n <\/div>\n <script>\n\t\n var valorAnterior; \/\/ Variable para almacenar el valor anterior\n var ultimoBotonClicado; \/\/ Variable para almacenar el \u00faltimo bot\u00f3n clicado\n var primerClic = false;\n \n\t\tfunction resetearResultado() {\n \t \n if (ultimoBotonClicado) {\n ultimoBotonClicado.classList.remove(\"boton-seleccionado\");\n ultimoBotonClicado.style.transform = \"scale(1)\";\n }\n \n \/\/ Remover la clase 'boton-seleccionado' de todos los botones\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function(boton) {\n boton.classList.remove(\"boton-seleccionado\");\n });\n\n \/\/ Resetear el valor del selector de conjuntos\n document.getElementById(\"seleccion\").value = \"conjunto0\";\n\n \/\/ Restablecer el estado original de todos los conjuntos de botones\n var conjuntos = document.querySelectorAll('.contenedor-botones');\n conjuntos.forEach(function(elemento) {\n elemento.style.display = 'none';\n });\n \n \/\/ Ocultar el contenedor-ajustable\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.display = \"none\";\n \n \n resetearTodo();\n \/\/ Restablecer el valor anterior solo si no se hizo doble clic en la imagen\n var valorTexto = document.getElementById(\"valor\").value;\n if (valorTexto !== \"\") {\n document.getElementById(\"valor\").value = valorAnterior;\n }\n \n \/\/ Resetear el valor del cuadro de texto del resultado\n \t\t document.getElementById(\"resultado\").value = '';\n \t \t \/\/ Ocultar el bot\u00f3n adicional\n \t\t document.getElementById(\"boton-adicional1\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional2\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional3\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional4\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional5\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional6\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional7\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional8\").style.display = \"none\";\n \n \t \/\/ Limpiar el cuadro de texto\n \t\t document.getElementById(\"valor\").value = '';\n \t \/\/ Resetear el color del borde del cuadro de texto\n \t\t document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \n \/\/ Hacer scroll hacia el elemento del resultado\n \t\t var resultadoElement = document.getElementById(\"valor\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n \n \n \t \/\/ Remover la clase 'boton-seleccionado' de todos los botones\n \t\t \tvar botones = document.querySelectorAll(\".boton-imagen\");\n \t\tbotones.forEach(function(boton) {\n \t\tboton.classList.remove(\"boton-seleccionado\");\n \t });\n \n \n \n\t\t}\n \n function imprimirPantalla() {\n \/\/ Imprimir la pantalla\n window.print();\n \n }\n\n function compartirWhatsApp() {\n var APPUrl = 'https:\/\/ponsa.com\/app\/' ;\n \t\/\/ Texto que deseas compartir\n var texto = 'Calculadora de cargas para elevaci\u00f3n: '+ APPUrl;\n \/\/ URL del enlace de compartir en WhatsApp\n var whatsappUrl = 'https:\/\/api.whatsapp.com\/send?text=' + encodeURIComponent(texto);\n \/\/ Abrir enlace en una nueva ventana o pesta\u00f1a\n window.open(whatsappUrl, '_blank');\n \t\t }\n\t\t\n function mostrarConjunto(conjunto) {\n \n resetearTodo();\n \/\/ Ocultar todos los conjuntos de botones\n var conjuntos = document.querySelectorAll('.contenedor-botones');\n conjuntos.forEach(function(elemento) {\n elemento.style.display = 'none';\n });\n\n \/\/ Mostrar el conjunto seleccionado\n document.getElementById(conjunto).style.display = 'flex';\n \n }\n\t\t\n\t var valorAnterior; \/\/ Variable para almacenar el valor anterior\n\n function resetearTodo() {\n \/\/ Ocultar todos los botones de im\u00e1genes\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function (boton) {\n boton.style.display = 'block';\n });\n\n \/\/ Restablecer el estado original de todos los botones\n botones.forEach(function (boton) {\n boton.classList.remove(\"boton-seleccionado\");\n });\n \n \/\/ Ocultar el contenedor-ajustable\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.display = \"none\";\n\n \/\/ Limpiar el cuadro de texto del resultado\n document.getElementById(\"resultado\").value = '';\n\n \/\/ Ocultar el bot\u00f3n adicional\n var botonAdicional = document.getElementById(\"boton-adicional1\");\n botonAdicional.style.display = \"none\";\n\n \/\/ Restablecer el color del borde del cuadro de texto\n document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \n }\n\n\t function multiplicar(valor, boton) {\n \n var valorTexto = document.getElementById(\"valor\").value;\n \n \/\/ Ajustar el espacio hacia abajo\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.marginBottom = \"50px\"; \/\/ Puedes ajustar el valor seg\u00fan sea necesario\n \n ultimoBotonClicado = boton;\n\n\n \n if (primerClic==false) {\n \n\n } \n \n primerClic = true; \n \/\/ Verificar si se ha introducido un valor\n if (valorTexto === \"\") {\n \/\/ Mostrar mensaje de error y no hacer nada si no hay valor\n alert(\"Por favor, ingresa un valor antes de realizar la operaci\u00f3n.\");\n return;\n }\n\n valorAnterior = valorTexto;\n \n\n \/\/ Obtener el estado actual del bot\u00f3n\n var esSeleccionado = boton.classList.contains(\"boton-seleccionado\");\n \n \n \n \n \/\/ Restablecer todo si el bot\u00f3n ya estaba seleccionado\n if (esSeleccionado) {\n resetearTodo();\n \/\/ Restablecer el valor anterior solo si se hace doble clic en la imagen\n document.getElementById(\"valor\").value = valorAnterior;\n return;\n }\n\n \/\/ Almacenar el valor antes de ocultar los botones\n valorAnterior = valorTexto;\n\n \/\/ Ocultar todos los botones de im\u00e1genes\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function (otroBoton) {\n otroBoton.style.display = 'none';\n });\n\n \/\/ Mostrar solo el bot\u00f3n clicado\n boton.style.display = 'block';\n\n \/\/ Restablecer el estado original de todos los botones\n botones.forEach(function (otroBoton) {\n otroBoton.classList.remove(\"boton-seleccionado\");\n });\n\n boton.classList.add(\"boton-seleccionado\");\n\n \/\/ Realizar la divisi\u00f3n y redondear hacia abajo el resultado\n var resultado = Math.floor(parseInt(valorAnterior) \/ valor);\n document.getElementById(\"resultado\").value = resultado;\n\n boton.classList.add(\"boton-seleccionado\");\n\n var botonAdicionalU = document.getElementById(\"boton-adicional1\");\n\n if (resultado > 0 && resultado <= 1000) {\n botonAdicionalU.style.display = \"block\";\n } else {\n botonAdicionalU.style.display = \"none\";\n }\n \n var botonAdicional2 = document.getElementById(\"boton-adicional2\");\n \n if (resultado >= 1001 && resultado <= 2000) {\n \t\t\t botonAdicional2.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional2.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional3 = document.getElementById(\"boton-adicional3\");\n \n if (resultado >= 2001 && resultado <= 3000) {\n \t\t\t botonAdicional3.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional3.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional4 = document.getElementById(\"boton-adicional4\");\n \n if (resultado >= 3001 && resultado <= 4000) {\n \t\t\t botonAdicional4.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional4.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional5 = document.getElementById(\"boton-adicional5\");\n \n if (resultado >= 4001 && resultado <= 5000) {\n \t\t\t botonAdicional5.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional5.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional6 = document.getElementById(\"boton-adicional6\");\n \n if (resultado >= 5001 && resultado <= 6000) {\n \t\t\t botonAdicional6.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional6.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional7 = document.getElementById(\"boton-adicional7\");\n \n if (resultado >= 6001 && resultado <= 8000) {\n \t\t\t botonAdicional7.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional7.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional8 = document.getElementById(\"boton-adicional8\");\n \n if (resultado >= 8001) {\n \t\t\t botonAdicional8.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional8.style.display = \"none\";\n\t\t\t}\n \n \t\t var valorTexto = document.getElementById(\"valor\").value;\n \t\t if (valorTexto === \"\") {\n \t \/\/ Mostrar error y cambiar el color del cuadro de texto a rojo\n \t document.getElementById(\"valor\").style.borderColor = \"red\";\n \n \t\t alert(\"Por favor, ingresa un valor antes de realizar la operaci\u00f3n.\");\n\n \t return;\n \n \t\t } else {\n \t\t document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \t\t\t \n\n }\n\n \n \/\/ Hacer scroll hacia el elemento del resultado\n \t\t var resultadoElement = document.getElementById(\"conjunto1\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto2\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto3\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto4\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n \n contenedorAjustable.style.display = \"block\";\n\t}\n\n window.addEventListener(\"load\", function() {\n \/\/ Obtener el bot\u00f3n de RESET\n var botonReset = document.getElementById(\"valor\");\n\n \/\/ Hacer scroll hacia el bot\u00f3n de RESET al cargar la p\u00e1gina\n botonReset.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\t});\n \n function cambiarImagen(boton) {\n const botones = document.querySelectorAll('.boton-imagen');\n\n \/\/ Eliminar la clase 'boton-seleccionado' de todos los botones\n botones.forEach((b) => {\n b.classList.remove('boton-seleccionado');\n });\n\n \/\/ Agregar la clase 'boton-seleccionado' al bot\u00f3n seleccionado\n boton.classList.add('boton-seleccionado');\n }\n \n <\/script>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-30925","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>app calculo cargas elevaci\u00f3n<\/title>\n<meta name=\"description\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ponsa.com\/en\/app-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ponsa.com\/en\/app-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Industrias Ponsa\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/IndustriasPONSA\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-12T16:16:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\",\"url\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\",\"name\":\"app calculo cargas elevaci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#website\"},\"datePublished\":\"2023-11-09T11:39:38+00:00\",\"dateModified\":\"2024-03-12T16:16:24+00:00\",\"description\":\"app calculo cargas elevaci\u00f3n\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ponsa.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"APP elevacion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#website\",\"url\":\"https:\\\/\\\/ponsa.com\\\/\",\"name\":\"Industrias Ponsa\",\"description\":\"Fabricante de Cintas Textiles\",\"publisher\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ponsa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#organization\",\"name\":\"INDUSTRIAS PONSA S.A.\",\"url\":\"https:\\\/\\\/ponsa.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ponsa.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/logoPonsapng.png\",\"contentUrl\":\"https:\\\/\\\/ponsa.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/logoPonsapng.png\",\"width\":2289,\"height\":808,\"caption\":\"INDUSTRIAS PONSA S.A.\"},\"image\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/IndustriasPONSA\",\"https:\\\/\\\/www.instagram.com\\\/ind.ponsa\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/industrias-ponsa-sa\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCxvfSBJQlBhV1aOQo-wXIoQ\"]}]}<\/script>\n","yoast_head_json":{"title":"app calculo cargas elevaci\u00f3n","description":"app calculo cargas elevaci\u00f3n","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ponsa.com\/en\/app-2\/","og_locale":"en_US","og_type":"article","og_title":"app calculo cargas elevaci\u00f3n","og_description":"app calculo cargas elevaci\u00f3n","og_url":"https:\/\/ponsa.com\/en\/app-2\/","og_site_name":"Industrias Ponsa","article_publisher":"https:\/\/www.facebook.com\/IndustriasPONSA","article_modified_time":"2024-03-12T16:16:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ponsa.com\/en\/app-2\/","url":"https:\/\/ponsa.com\/en\/app-2\/","name":"app calculo cargas elevaci\u00f3n","isPartOf":{"@id":"https:\/\/ponsa.com\/#website"},"datePublished":"2023-11-09T11:39:38+00:00","dateModified":"2024-03-12T16:16:24+00:00","description":"app calculo cargas elevaci\u00f3n","breadcrumb":{"@id":"https:\/\/ponsa.com\/en\/app-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ponsa.com\/en\/app-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ponsa.com\/en\/app-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ponsa.com\/en\/"},{"@type":"ListItem","position":2,"name":"APP elevacion"}]},{"@type":"WebSite","@id":"https:\/\/ponsa.com\/#website","url":"https:\/\/ponsa.com\/","name":"Industrias Ponsa","description":"Fabricante de Cintas Textiles","publisher":{"@id":"https:\/\/ponsa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ponsa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ponsa.com\/#organization","name":"INDUSTRIAS PONSA S.A.","url":"https:\/\/ponsa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ponsa.com\/#\/schema\/logo\/image\/","url":"https:\/\/ponsa.com\/wp-content\/uploads\/2021\/08\/logoPonsapng.png","contentUrl":"https:\/\/ponsa.com\/wp-content\/uploads\/2021\/08\/logoPonsapng.png","width":2289,"height":808,"caption":"INDUSTRIAS PONSA S.A."},"image":{"@id":"https:\/\/ponsa.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/IndustriasPONSA","https:\/\/www.instagram.com\/ind.ponsa\/","https:\/\/es.linkedin.com\/company\/industrias-ponsa-sa","https:\/\/www.youtube.com\/channel\/UCxvfSBJQlBhV1aOQo-wXIoQ"]}]}},"_links":{"self":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/comments?post=30925"}],"version-history":[{"count":216,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925\/revisions"}],"predecessor-version":[{"id":32884,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925\/revisions\/32884"}],"wp:attachment":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/media?parent=30925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div><\/div>

\n\n\n \n \n \n \n Calculadora<\/title>\n \n <style>\n @media print {\n body * {\n visibility: hidden;\n\n }\n\n #contenedor,\n #contenedor * {\n visibility: visible;\n \n }\n\n #contenedor {\n position: absolute;\n left: 0;\n top: 0;\n \n\n }\n }\n\n .texto-centrado {\n text-align: center;\n }\n\n .contenedor-justificado {\n display: flex;\n justify-content: space-between;\n }\n\n .texto-justificado {\n text-align: justify;\n }\n\n \/* Estilos para los botones de im\u00e1genes *\/\n .boton-imagen {\n width: calc(33.33% - 20px); \/* 20px de margen entre los botones *\/\n height: auto; \/* Altura autom\u00e1tica para mantener la proporci\u00f3n *\/ \n margin-bottom: 10px;\n background-color: white;\n border: 0.5px solid #CACACA;\n cursor: pointer;\n box-sizing: border-box; \/* Incluir el borde en el c\u00e1lculo del tama\u00f1o del bot\u00f3n *\/\n position: relative;\n }\n\t\t.boton-imagenWA {\n width: 60px; \/* Ancho de los botones *\/\n height: 60px; \/* Altura de los botones *\/\n margin-right: 10px; \/* Margen derecho para separar los botones *\/\n \tmargin-bottom: 10px; \n background-color: white; \/* Color de fondo azul *\/\n border: 0.5px solid white;\n cursor: pointer;\n \n }\n \/* Estilos para el contenedor de botones *\/\n .contenedor-botones {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin-bottom: 5px;\n }\n\n \/* Estilos para los botones de acci\u00f3n *\/\n .boton-accion1 {\n background-color: purple; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\n\t\t}\n .boton-accion2 {\n background-color: mediumseagreen; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\n\t\t}\n .boton-accion3 {\n background-color: yellow; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion4 {\n background-color: grey; \/* Color de fondo azul *\/\n color: black !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion5 {\n background-color: red; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n \n .boton-accion6 {\n background-color: saddlebrown; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion7 {\n background-color: blue; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n \n\t\t}\n .boton-accion8 {\n background-color: orangered; \/* Color de fondo azul *\/\n color: white !important; \/* Texto en color blanco *\/\n border: none; \/* Sin borde *\/\n padding: 10px 20px; \/* Espaciado interno *\/\n margin-top: 10px; \/* Margen superior *\/\n \ttext-align: center;\n \n \t\t\t transform: scale(1);\n \t\t\t transition: transform 0.3s ease;\n\t\t}\n \n\t\t.boton-accion:link,\n\t\t.boton-accion:visited {\n \t\t\t color: black; \/* Establecer el color del texto del bot\u00f3n adicional a blanco *\/\n \t\t\t text-decoration: none; \/* Eliminar el subrayado de los enlaces *\/\n\t\t}\t\t\n\n \n \/* Estilos para los botones de acci\u00f3n en desktop *\/\n @media (min-width: 768px) {\n .boton-seleccionado {\n background-color: white;\n color: black;\n border: 1px solid #E3E3E3;\n transform: scale(1.6);\n margin-bottom: 5px; \/* Ajusta este valor seg\u00fan sea necesario para dar espacio al contenido detr\u00e1s del bot\u00f3n *\/\n }\n .texto-superior {\n position: absolute;\n top: -105%;\n left: 50%;\n transform: translateX(-50%);\n font-size: 10px; \/* Tama\u00f1o de letra muy peque\u00f1o, ajusta seg\u00fan sea necesario *\/\n color: white; \/* Color del texto *\/\n background-color: rgba(0, 0, 0, 0.4); \/* Fondo semitransparente para hacer legible el texto *\/\n padding: 2px 5px; \/* Espaciado interno para el texto *\/\n }\n \n }\n\n\/* Estilos para los botones de acci\u00f3n en smartphones *\/\n @media (max-width: 767px) {\n .boton-seleccionado {\n background-color: white;\n color: black;\n border: 1px solid #E3E3E3;\n transform: scale(2.6); \/* Ajusta este valor seg\u00fan sea necesario para smartphones *\/\n margin-bottom: 10px; \/* Ajusta este valor seg\u00fan sea necesario para dar espacio al contenido detr\u00e1s del bot\u00f3n *\/\n }\n \n .texto-superior {\n position: absolute;\n top: -20%;\n left: 50%;\n transform: translateX(-50%);\n font-size: 6px; \/* Tama\u00f1o de letra muy peque\u00f1o, ajusta seg\u00fan sea necesario *\/\n color: white; \/* Color del texto *\/\n background-color: rgba(0, 0, 0, 0.4); \/* Fondo semitransparente para hacer legible el texto *\/\n padding: 2px; \/* Espaciado interno para el texto *\/\n }\n }\n \n \n .boton-seleccionado::after {\n content: '\\00d7'; \/* C\u00f3digo para \"X\" *\/\n position: absolute;\n top: 0;\n left: 0;\n background-color: lightgrey;\n color: black;\n padding: 2px;\n\n }\n \n \n\t\t\/* Estilos para el bot\u00f3n de imprimir pantalla *\/\n .boton-imprimir {\n width: 60px; \/* Ancho del bot\u00f3n de imprimir pantalla *\/\n height: 25px; \/* Altura del bot\u00f3n de imprimir pantalla *\/\n color: black; \/* Texto en color blanco *\/\n background-color: white; \/* Color de fondo azul *\/\n text-align: center;\n border: none;\n cursor: pointer;\n }\n\n\t\t\/* Estilos para el bot\u00f3n de imprimir pantalla *\/\n .boton-reset {\n width: 65px; \/* Ancho del bot\u00f3n de imprimir pantalla *\/\n height: 25px; \/* Altura del bot\u00f3n de imprimir pantalla *\/\n color: white; \/* Texto en color blanco *\/\n background-color: black; \/* Color de fondo azul *\/\n text-align: center;\n justify-content: center; \/* Centra los botones horizontalmente en el contenedor *\/\n \tfont-size: 16px;\n border: none;\n cursor: pointer;\n \n\t\t}\n\t\t .etiqueta {\n display: block; \/* Convertir el label en un bloque para ocupar todo el ancho disponible *\/\n margin: 0 auto; \/* Margen autom\u00e1tico a la izquierda y la derecha para centrar el label *\/\n \/* Otros estilos del label, si los hay *\/\n }\n \n .contenedor-botones {\n display: none;\n width: 100% !important;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin: 0; \/* Aseg\u00farate de que no haya margen *\/\n padding: 0; \/* Aseg\u00farate de que no haya relleno *\/ \n }\n \n .contenedor-botones2 {\n display: flex;\n gap: 10px; \/* Espacio entre los botones *\/\n justify-content: center; \/* Centra los elementos en el eje horizontal *\/\n align-items: center; \/* Centra los elementos en el eje vertical *\/\n }\n \n #contenedor-ajustable {\n display: none;\n }\n \n\tscroll-behavior: smooth;\n\n <\/style>\n\t<\/head>\n\t<body>\n\n <div id=\"contenedor\">\n <div class=\"texto-centrado\">\n <p><h1><strong>Calculadora<\/strong><\/h1><\/p>\n \n <label for=\"valor\" class=\"etiqueta\">Peso de la mercanc\u00eda KG:<\/label>\n <input type=\"number\" id=\"valor\" name=\"valor\"><br>\n \n <label for=\"valor\" class=\"etiqueta\">N\u00famero de eslingas:<\/label>\n \n \n <select id=\"seleccion\" onchange=\"mostrarConjunto(this.value)\">\n <option value=\"conjunto0\">-<\/option>\n <option value=\"conjunto1\">1 eslinga<\/option>\n <option value=\"conjunto2\">2 eslingas<\/option>\n <option value=\"conjunto3\">3 eslingas<\/option>\n <option value=\"conjunto4\">4 eslingas<\/option>\n \n <\/select> \n\n <br>\n <label for=\"valor\" class=\"etiqueta\">Forma de trabajo:<\/label>\n <br>\n <br>\n <div id=\"conjunto0\" class=\"contenedor-botones\">\n \n \t<\/div>\n \n \n <div id=\"conjunto1\" class=\"contenedor-botones\">\n \n \t <button id=\"boton1\" class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img1.jpg\" alt=\"Bot\u00f3n 1\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(0.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img2.jpg\" alt=\"Bot\u00f3n 1\"><\/button>\n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img3.jpg\" alt=\"Bot\u00f3n 3\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img4.jpg\" alt=\"Bot\u00f3n 4\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img5.jpg\" alt=\"Bot\u00f3n 5\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(0.7, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img6.jpg\" alt=\"Bot\u00f3n 6\"><\/button>\n \t <button class=\"boton-imagen\" onclick=\"multiplicar(0.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img7.jpg\" alt=\"Bot\u00f3n 7\"><\/button>\n <\/div>\n \n\n \n\t \n <div id=\"conjunto2\" class=\"contenedor-botones\">\n \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img8.jpg\" alt=\"Bot\u00f3n 8\"><\/button> \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img9.jpg\" alt=\"Bot\u00f3n 9\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img10.jpg\" alt=\"Bot\u00f3n 10\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img12.jpg\" alt=\"Bot\u00f3n 12\"><\/button>\n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img17.jpg\" alt=\"Bot\u00f3n 17\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img18.jpg\" alt=\"Bot\u00f3n 18\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.6, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img11.jpg\" alt=\"Bot\u00f3n 11\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(1.12, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img15.jpg\" alt=\"Bot\u00f3n 15\"><\/button> \n \t\t <button class=\"boton-imagen\" onclick=\"multiplicar(0.8, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img16.jpg\" alt=\"Bot\u00f3n 16\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img14.jpg\" alt=\"Bot\u00f3n 14\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img13.jpg\" alt=\"Bot\u00f3n 13\"><\/button> \n \n \n <\/div>\n \n\t \n <div id=\"conjunto3\" class=\"contenedor-botones\">\n \n \t\n <button class=\"boton-imagen\" onclick=\"multiplicar(3, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img22.jpg\" alt=\"Bot\u00f3n 22\"><\/button> \n \t <button class=\"boton-imagen\" onclick=\"multiplicar(2.1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img21.jpg\" alt=\"Bot\u00f3n 21\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img20.jpg\" alt=\"Bot\u00f3n 20\"><\/button> \n \t\t \n <\/div>\n\t \n\t \n <div id=\"conjunto4\" class=\"contenedor-botones\">\n \n \t <button id=\"boton4\" class=\"boton-imagen\" onclick=\"multiplicar(2.1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img23.jpg\" alt=\"Bot\u00f3n 23\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.5, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img19.jpg\" alt=\"Bot\u00f3n 19\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(3, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img24.jpg\" alt=\"Bot\u00f3n 24\"><\/button> \n <button class=\"boton-imagen\" onclick=\"multiplicar(1.4, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img25.jpg\" alt=\"Bot\u00f3n 25\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(1, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img27.jpg\" alt=\"Bot\u00f3n 27\"><\/button>\n <button class=\"boton-imagen\" onclick=\"multiplicar(2, this)\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/pos\/img26.jpg\" alt=\"Bot\u00f3n 26\"><\/button> \n \n\n \t\t <\/div>\n \n \n<div id=\"contenedor-ajustable\"> \n \n <br>\n <br>\n \n <label for=\"valor\" class=\"etiqueta\">Resistencia necesaria por eslinga:<\/label>\n <input type=\"text\" id=\"resultado\" name=\"resultado\" readonly>\n <br>\n\n\t<label for=\"valor\" class=\"etiqueta\">Eslinga Ponsa adecuada:<\/label>\n \n\t<a class=\"boton-accion1\" id=\"boton-adicional1\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 1tn<\/a>\n <a class=\"boton-accion2\" id=\"boton-adicional2\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 2tn<\/a>\n <a class=\"boton-accion3\" id=\"boton-adicional3\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 3tn<\/a>\n <a class=\"boton-accion4\" id=\"boton-adicional4\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 4tn<\/a>\n <a class=\"boton-accion5\" id=\"boton-adicional5\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 5tn<\/a>\n <a class=\"boton-accion6\" id=\"boton-adicional6\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 6tn<\/a>\n <a class=\"boton-accion7\" id=\"boton-adicional7\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 7tn<\/a>\n <a class=\"boton-accion8\" id=\"boton-adicional8\" style=\"display: none;\" href=\"https:\/\/www.ponsa.com\/eslingas-textiles\/eslingas-textiles-planas\">Ver Eslinga 8tn<\/a>\n \n <br>\n \n <div class=\"contenedor-botones2\">\n \n\t\n\t <button id=\"centro\" class=\"boton-reset\" onclick=\"resetearResultado()\">RESET<\/button>\n \n <button class=\"boton-reset\" onclick=\"imprimirPantalla()\">PDF<\/button>\n <\/div>\n \n <br>\n\t <br>\n <label for=\"valor\" class=\"etiqueta\">Comparte<\/label>\n \t <button class=\"boton-imagenWA\" onclick=\"compartirWhatsApp()\"><img decoding=\"async\" src=\"https:\/\/ponsa.com\/img\/wa.png\" alt=\"Bot\u00f3n 1\"><\/button>\n\n\t<br>\n\t<br>\n\t\n\n <\/div>\n<\/div>\n \n <\/div>\n <script>\n\t\n var valorAnterior; \/\/ Variable para almacenar el valor anterior\n var ultimoBotonClicado; \/\/ Variable para almacenar el \u00faltimo bot\u00f3n clicado\n var primerClic = false;\n \n\t\tfunction resetearResultado() {\n \t \n if (ultimoBotonClicado) {\n ultimoBotonClicado.classList.remove(\"boton-seleccionado\");\n ultimoBotonClicado.style.transform = \"scale(1)\";\n }\n \n \/\/ Remover la clase 'boton-seleccionado' de todos los botones\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function(boton) {\n boton.classList.remove(\"boton-seleccionado\");\n });\n\n \/\/ Resetear el valor del selector de conjuntos\n document.getElementById(\"seleccion\").value = \"conjunto0\";\n\n \/\/ Restablecer el estado original de todos los conjuntos de botones\n var conjuntos = document.querySelectorAll('.contenedor-botones');\n conjuntos.forEach(function(elemento) {\n elemento.style.display = 'none';\n });\n \n \/\/ Ocultar el contenedor-ajustable\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.display = \"none\";\n \n \n resetearTodo();\n \/\/ Restablecer el valor anterior solo si no se hizo doble clic en la imagen\n var valorTexto = document.getElementById(\"valor\").value;\n if (valorTexto !== \"\") {\n document.getElementById(\"valor\").value = valorAnterior;\n }\n \n \/\/ Resetear el valor del cuadro de texto del resultado\n \t\t document.getElementById(\"resultado\").value = '';\n \t \t \/\/ Ocultar el bot\u00f3n adicional\n \t\t document.getElementById(\"boton-adicional1\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional2\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional3\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional4\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional5\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional6\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional7\").style.display = \"none\";\n \t\t document.getElementById(\"boton-adicional8\").style.display = \"none\";\n \n \t \/\/ Limpiar el cuadro de texto\n \t\t document.getElementById(\"valor\").value = '';\n \t \/\/ Resetear el color del borde del cuadro de texto\n \t\t document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \n \/\/ Hacer scroll hacia el elemento del resultado\n \t\t var resultadoElement = document.getElementById(\"valor\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n \n \n \t \/\/ Remover la clase 'boton-seleccionado' de todos los botones\n \t\t \tvar botones = document.querySelectorAll(\".boton-imagen\");\n \t\tbotones.forEach(function(boton) {\n \t\tboton.classList.remove(\"boton-seleccionado\");\n \t });\n \n \n \n\t\t}\n \n function imprimirPantalla() {\n \/\/ Imprimir la pantalla\n window.print();\n \n }\n\n function compartirWhatsApp() {\n var APPUrl = 'https:\/\/ponsa.com\/app\/' ;\n \t\/\/ Texto que deseas compartir\n var texto = 'Calculadora de cargas para elevaci\u00f3n: '+ APPUrl;\n \/\/ URL del enlace de compartir en WhatsApp\n var whatsappUrl = 'https:\/\/api.whatsapp.com\/send?text=' + encodeURIComponent(texto);\n \/\/ Abrir enlace en una nueva ventana o pesta\u00f1a\n window.open(whatsappUrl, '_blank');\n \t\t }\n\t\t\n function mostrarConjunto(conjunto) {\n \n resetearTodo();\n \/\/ Ocultar todos los conjuntos de botones\n var conjuntos = document.querySelectorAll('.contenedor-botones');\n conjuntos.forEach(function(elemento) {\n elemento.style.display = 'none';\n });\n\n \/\/ Mostrar el conjunto seleccionado\n document.getElementById(conjunto).style.display = 'flex';\n \n }\n\t\t\n\t var valorAnterior; \/\/ Variable para almacenar el valor anterior\n\n function resetearTodo() {\n \/\/ Ocultar todos los botones de im\u00e1genes\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function (boton) {\n boton.style.display = 'block';\n });\n\n \/\/ Restablecer el estado original de todos los botones\n botones.forEach(function (boton) {\n boton.classList.remove(\"boton-seleccionado\");\n });\n \n \/\/ Ocultar el contenedor-ajustable\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.display = \"none\";\n\n \/\/ Limpiar el cuadro de texto del resultado\n document.getElementById(\"resultado\").value = '';\n\n \/\/ Ocultar el bot\u00f3n adicional\n var botonAdicional = document.getElementById(\"boton-adicional1\");\n botonAdicional.style.display = \"none\";\n\n \/\/ Restablecer el color del borde del cuadro de texto\n document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \n }\n\n\t function multiplicar(valor, boton) {\n \n var valorTexto = document.getElementById(\"valor\").value;\n \n \/\/ Ajustar el espacio hacia abajo\n var contenedorAjustable = document.getElementById(\"contenedor-ajustable\");\n contenedorAjustable.style.marginBottom = \"50px\"; \/\/ Puedes ajustar el valor seg\u00fan sea necesario\n \n ultimoBotonClicado = boton;\n\n\n \n if (primerClic==false) {\n \n\n } \n \n primerClic = true; \n \/\/ Verificar si se ha introducido un valor\n if (valorTexto === \"\") {\n \/\/ Mostrar mensaje de error y no hacer nada si no hay valor\n alert(\"Por favor, ingresa un valor antes de realizar la operaci\u00f3n.\");\n return;\n }\n\n valorAnterior = valorTexto;\n \n\n \/\/ Obtener el estado actual del bot\u00f3n\n var esSeleccionado = boton.classList.contains(\"boton-seleccionado\");\n \n \n \n \n \/\/ Restablecer todo si el bot\u00f3n ya estaba seleccionado\n if (esSeleccionado) {\n resetearTodo();\n \/\/ Restablecer el valor anterior solo si se hace doble clic en la imagen\n document.getElementById(\"valor\").value = valorAnterior;\n return;\n }\n\n \/\/ Almacenar el valor antes de ocultar los botones\n valorAnterior = valorTexto;\n\n \/\/ Ocultar todos los botones de im\u00e1genes\n var botones = document.querySelectorAll(\".boton-imagen\");\n botones.forEach(function (otroBoton) {\n otroBoton.style.display = 'none';\n });\n\n \/\/ Mostrar solo el bot\u00f3n clicado\n boton.style.display = 'block';\n\n \/\/ Restablecer el estado original de todos los botones\n botones.forEach(function (otroBoton) {\n otroBoton.classList.remove(\"boton-seleccionado\");\n });\n\n boton.classList.add(\"boton-seleccionado\");\n\n \/\/ Realizar la divisi\u00f3n y redondear hacia abajo el resultado\n var resultado = Math.floor(parseInt(valorAnterior) \/ valor);\n document.getElementById(\"resultado\").value = resultado;\n\n boton.classList.add(\"boton-seleccionado\");\n\n var botonAdicionalU = document.getElementById(\"boton-adicional1\");\n\n if (resultado > 0 && resultado <= 1000) {\n botonAdicionalU.style.display = \"block\";\n } else {\n botonAdicionalU.style.display = \"none\";\n }\n \n var botonAdicional2 = document.getElementById(\"boton-adicional2\");\n \n if (resultado >= 1001 && resultado <= 2000) {\n \t\t\t botonAdicional2.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional2.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional3 = document.getElementById(\"boton-adicional3\");\n \n if (resultado >= 2001 && resultado <= 3000) {\n \t\t\t botonAdicional3.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional3.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional4 = document.getElementById(\"boton-adicional4\");\n \n if (resultado >= 3001 && resultado <= 4000) {\n \t\t\t botonAdicional4.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional4.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional5 = document.getElementById(\"boton-adicional5\");\n \n if (resultado >= 4001 && resultado <= 5000) {\n \t\t\t botonAdicional5.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional5.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional6 = document.getElementById(\"boton-adicional6\");\n \n if (resultado >= 5001 && resultado <= 6000) {\n \t\t\t botonAdicional6.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional6.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional7 = document.getElementById(\"boton-adicional7\");\n \n if (resultado >= 6001 && resultado <= 8000) {\n \t\t\t botonAdicional7.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional7.style.display = \"none\";\n\t\t\t}\n \n var botonAdicional8 = document.getElementById(\"boton-adicional8\");\n \n if (resultado >= 8001) {\n \t\t\t botonAdicional8.style.display = \"block\";\n\t\t\t} else {\n \t\t\t botonAdicional8.style.display = \"none\";\n\t\t\t}\n \n \t\t var valorTexto = document.getElementById(\"valor\").value;\n \t\t if (valorTexto === \"\") {\n \t \/\/ Mostrar error y cambiar el color del cuadro de texto a rojo\n \t document.getElementById(\"valor\").style.borderColor = \"red\";\n \n \t\t alert(\"Por favor, ingresa un valor antes de realizar la operaci\u00f3n.\");\n\n \t return;\n \n \t\t } else {\n \t\t document.getElementById(\"valor\").style.borderColor = \"lightgray\";\n \t\t\t \n\n }\n\n \n \/\/ Hacer scroll hacia el elemento del resultado\n \t\t var resultadoElement = document.getElementById(\"conjunto1\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto2\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto3\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n var resultadoElement = document.getElementById(\"conjunto4\");\n \t\t resultadoElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n \n contenedorAjustable.style.display = \"block\";\n\t}\n\n window.addEventListener(\"load\", function() {\n \/\/ Obtener el bot\u00f3n de RESET\n var botonReset = document.getElementById(\"valor\");\n\n \/\/ Hacer scroll hacia el bot\u00f3n de RESET al cargar la p\u00e1gina\n botonReset.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\t});\n \n function cambiarImagen(boton) {\n const botones = document.querySelectorAll('.boton-imagen');\n\n \/\/ Eliminar la clase 'boton-seleccionado' de todos los botones\n botones.forEach((b) => {\n b.classList.remove('boton-seleccionado');\n });\n\n \/\/ Agregar la clase 'boton-seleccionado' al bot\u00f3n seleccionado\n boton.classList.add('boton-seleccionado');\n }\n \n <\/script>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-30925","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>app calculo cargas elevaci\u00f3n<\/title>\n<meta name=\"description\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ponsa.com\/en\/app-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"app calculo cargas elevaci\u00f3n\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ponsa.com\/en\/app-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Industrias Ponsa\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/IndustriasPONSA\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-12T16:16:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\",\"url\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\",\"name\":\"app calculo cargas elevaci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#website\"},\"datePublished\":\"2023-11-09T11:39:38+00:00\",\"dateModified\":\"2024-03-12T16:16:24+00:00\",\"description\":\"app calculo cargas elevaci\u00f3n\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/en\\\/app-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ponsa.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"APP elevacion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#website\",\"url\":\"https:\\\/\\\/ponsa.com\\\/\",\"name\":\"Industrias Ponsa\",\"description\":\"Fabricante de Cintas Textiles\",\"publisher\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ponsa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#organization\",\"name\":\"INDUSTRIAS PONSA S.A.\",\"url\":\"https:\\\/\\\/ponsa.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ponsa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ponsa.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/logoPonsapng.png\",\"contentUrl\":\"https:\\\/\\\/ponsa.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/logoPonsapng.png\",\"width\":2289,\"height\":808,\"caption\":\"INDUSTRIAS PONSA S.A.\"},\"image\":{\"@id\":\"https:\\\/\\\/ponsa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/IndustriasPONSA\",\"https:\\\/\\\/www.instagram.com\\\/ind.ponsa\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/industrias-ponsa-sa\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCxvfSBJQlBhV1aOQo-wXIoQ\"]}]}<\/script>\n","yoast_head_json":{"title":"app calculo cargas elevaci\u00f3n","description":"app calculo cargas elevaci\u00f3n","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ponsa.com\/en\/app-2\/","og_locale":"en_US","og_type":"article","og_title":"app calculo cargas elevaci\u00f3n","og_description":"app calculo cargas elevaci\u00f3n","og_url":"https:\/\/ponsa.com\/en\/app-2\/","og_site_name":"Industrias Ponsa","article_publisher":"https:\/\/www.facebook.com\/IndustriasPONSA","article_modified_time":"2024-03-12T16:16:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ponsa.com\/en\/app-2\/","url":"https:\/\/ponsa.com\/en\/app-2\/","name":"app calculo cargas elevaci\u00f3n","isPartOf":{"@id":"https:\/\/ponsa.com\/#website"},"datePublished":"2023-11-09T11:39:38+00:00","dateModified":"2024-03-12T16:16:24+00:00","description":"app calculo cargas elevaci\u00f3n","breadcrumb":{"@id":"https:\/\/ponsa.com\/en\/app-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ponsa.com\/en\/app-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ponsa.com\/en\/app-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ponsa.com\/en\/"},{"@type":"ListItem","position":2,"name":"APP elevacion"}]},{"@type":"WebSite","@id":"https:\/\/ponsa.com\/#website","url":"https:\/\/ponsa.com\/","name":"Industrias Ponsa","description":"Fabricante de Cintas Textiles","publisher":{"@id":"https:\/\/ponsa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ponsa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ponsa.com\/#organization","name":"INDUSTRIAS PONSA S.A.","url":"https:\/\/ponsa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ponsa.com\/#\/schema\/logo\/image\/","url":"https:\/\/ponsa.com\/wp-content\/uploads\/2021\/08\/logoPonsapng.png","contentUrl":"https:\/\/ponsa.com\/wp-content\/uploads\/2021\/08\/logoPonsapng.png","width":2289,"height":808,"caption":"INDUSTRIAS PONSA S.A."},"image":{"@id":"https:\/\/ponsa.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/IndustriasPONSA","https:\/\/www.instagram.com\/ind.ponsa\/","https:\/\/es.linkedin.com\/company\/industrias-ponsa-sa","https:\/\/www.youtube.com\/channel\/UCxvfSBJQlBhV1aOQo-wXIoQ"]}]}},"_links":{"self":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/comments?post=30925"}],"version-history":[{"count":216,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925\/revisions"}],"predecessor-version":[{"id":32884,"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/pages\/30925\/revisions\/32884"}],"wp:attachment":[{"href":"https:\/\/ponsa.com\/en\/wp-json\/wp\/v2\/media?parent=30925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}