{"id":65999,"date":"2025-06-24T05:50:44","date_gmt":"2025-06-24T05:50:44","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=65999"},"modified":"2026-10-05T02:14:28","modified_gmt":"2026-10-05T02:14:28","slug":"box-height-calculator","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/es\/box-height-calculator\/","title":{"rendered":"Calculadora de altura de caja"},"content":{"rendered":"<p><img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500.png\" alt=\"Box Height Calculator\" srcset=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500.png 500w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500-300x300.png 300w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500-150x150.png 150w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500-360x360.png 360w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Box-Height-Calculato500x500-430x430.png 430w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<p>This Box Height Calculator helps you accurately determine either the internal box height or the required upper tool height based on beam geometry. Simply enter two known values to calculate the third, enabling precise tooling setup for deep box or channel bending operations.<\/p>\n<p><strong>Box Internal Height<\/strong><\/p>\n<p>Box Internal Height\u00a0= 0.672 \u00d7 (Upper Tool Height &#8211; Distance\u00a0Between\u00a0Center)<\/p>\n<p><strong>Upper Tool Height<\/strong><\/p>\n<p>Upper Tool Height = (Box Internal Height\u00a0\/ 0.672) + Distance Between Center<\/p>\n<ul>\n<li><strong>Upper Tool Height<\/strong>: Total vertical length of the punch tool (mm\/inch).<\/li>\n<li><strong>Box Internal Height<\/strong>: Desired internal height of the formed box (mm\/inch).<\/li>\n<li><strong>Distance Between Beam Center and Outer Edge<\/strong>: Measured from press beam center to the outer edge of the die zone (mm\/inch).<\/li>\n<\/ul>\n<p>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Height Calculator<\/title><\/p>\n<style>\n        .calculator-wrapper {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: inherit;\n            color: #333;\n        }\n        .main-title {\n            text-align: center;\n            color: #333;\n            font-size: 24px;\n            margin: 0 0 30px 0;\n            padding-bottom: 15px;\n            border-bottom: 2px solid #eee;\n        }\n        .calculator-section {\n            background: #ffffff;\n            padding: 30px;\n            border-radius: 8px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n        .tabs {\n            display: flex;\n            gap: 2px;\n            margin-bottom: 20px;\n            border-bottom: 2px solid #eee;\n            justify-content: center;\n            width: 100%;\n        }\n        .tab-button {\n            padding: 12px 24px;\n            background: #f8f9fa;\n            border: none;\n            border-radius: 8px 8px 0 0;\n            cursor: pointer;\n            font-size: 16px;\n            color: #666;\n            transition: all 0.3s ease;\n            position: relative;\n            bottom: -2px;\n            border: 2px solid transparent;\n            border-bottom: none;\n            min-width: 250px;\n            text-align: center;\n        }\n        .tab-button.active {\n            background: #fff;\n            color: #007bff;\n            border-color: #eee;\n            border-bottom: 2px solid #fff;\n            font-weight: 500;\n        }\n        .tab-button:hover:not(.active) {\n            background: #e9ecef;\n        }\n        .calculator-form {\n            display: none;\n            width: 100%;\n        }\n        .calculator-form.active {\n            display: block;\n        }\n        .input-group {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n        .unit-selector {\n            margin-bottom: 20px;\n        }\n        .unit-selector label {\n            display: block;\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n        .unit-options {\n            background: #f5f5f5;\n            padding: 10px;\n            border-radius: 4px;\n            display: flex;\n            justify-content: center;\n            gap: 80px;\n        }\n        .unit-option {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n        .unit-option input[type=\"radio\"] {\n            margin: 0;\n        }\n        .unit-option span {\n            display: inline-block;\n        }\n        .input-field {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n        .input-field label {\n            font-weight: 500;\n            color: #000;\n        }\n        .input-wrapper {\n            position: relative;\n            display: flex;\n            align-items: stretch;\n            gap: 0;\n        }\n        .input-field input {\n            padding: 12px;\n            border: 1px solid #ddd;\n            border-radius: 4px 0 0 4px;\n            font-size: 16px;\n            flex: 1;\n            box-sizing: border-box;\n            height: 44px;\n        }\n        .unit-label {\n            color: #666;\n            font-size: 14px;\n            background: #f5f5f5;\n            padding: 12px;\n            border-radius: 0 4px 4px 0;\n            border: 1px solid #ddd;\n            border-left: none;\n            height: 44px;\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n        }\n        .calculate-button {\n            background: #007bff;\n            color: white;\n            border: none;\n            padding: 12px;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n            width: 100%;\n            text-transform: uppercase;\n            font-weight: 700;\n        }\n        .calculate-button:hover {\n            background: #007bff;\n            color: #fff;\n        }\n        .results-section {\n            display: none;\n            background: #ECF5FF;\n            padding: 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n            border: 1px solid #D9ECFF;\n        }\n        .results-section h3 {\n            color: #007bff;\n            font-size: 18px;\n            margin: 0 0 15px 0;\n        }\n        .result-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 8px 0;\n        }\n        .result-label {\n            color: #333;\n            font-size: 16px;\n        }\n        .result-value {\n            color: #007bff;\n            font-size: 16px;\n            font-weight: 500;\n        }\n        @media (max-width: 768px) {\n            .calculator-wrapper {\n                padding: 10px;\n            }\n            .tabs {\n                flex-direction: column;\n                gap: 0;\n            }\n            .tab-button {\n                border-radius: 0;\n                border-bottom: 1px solid #eee;\n            }\n            .tab-button:first-child {\n                border-radius: 8px 8px 0 0;\n            }\n            .tab-button:last-child {\n                border-radius: 0 0 8px 8px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section>\n<h1>Box Height Calculator<\/h1>\n<p>                <button data-tab=\"boxHeight\">Box Internal Height Calculator<\/button><br \/>\n                <button data-tab=\"toolHeight\">Upper Tool Height Calculator<\/button><br \/>\n            <!-- Box Internal Height Calculator --><\/p>\n<form id=\"boxHeightForm\">\n                    <label>Unit<\/label><br \/>\n                        <label><br \/>\n                            <input type=\"radio\" name=\"unit1\" value=\"mm\" checked><br \/>\n                            mm<br \/>\n                        <\/label><br \/>\n                        <label><br \/>\n                            <input type=\"radio\" name=\"unit1\" value=\"inch\"><br \/>\n                            inch<br \/>\n                        <\/label><br \/>\n                        <label for=\"upperToolHeight\">Upper Tool Height<\/label><br \/>\n                            <input type=\"number\" id=\"upperToolHeight\" name=\"upperToolHeight\" step=\"0.1\" required><br \/>\n                            mm<br \/>\n                        <label for=\"beamDistance1\">Distance Between Center<\/label><br \/>\n                            <input type=\"number\" id=\"beamDistance1\" name=\"beamDistance1\" step=\"0.1\" required><br \/>\n                            mm<br \/>\n                <button type=\"submit\">Calculate<\/button><\/p>\n<h3>Results<\/h3>\n<p>                        Box Internal Height<br \/>\n                        0 mm\n            <\/p><\/form>\n<p>            <!-- Upper Tool Height Calculator --><\/p>\n<form id=\"toolHeightForm\">\n                    <label>Unit<\/label><br \/>\n                        <label><br \/>\n                            <input type=\"radio\" name=\"unit2\" value=\"mm\" checked><br \/>\n                            mm<br \/>\n                        <\/label><br \/>\n                        <label><br \/>\n                            <input type=\"radio\" name=\"unit2\" value=\"inch\"><br \/>\n                            inch<br \/>\n                        <\/label><br \/>\n                        <label for=\"boxInternalHeight\">Box Internal Height<\/label><br \/>\n                            <input type=\"number\" id=\"boxInternalHeight\" name=\"boxInternalHeight\" step=\"0.1\" required><br \/>\n                            mm<br \/>\n                        <label for=\"beamDistance2\">Distance Between Center<\/label><br \/>\n                            <input type=\"number\" id=\"beamDistance2\" name=\"beamDistance2\" step=\"0.1\" required><br \/>\n                            mm<br \/>\n                <button type=\"submit\">Calculate<\/button><\/p>\n<h3>Results<\/h3>\n<p>                        Upper Tool Height<br \/>\n                        0 mm\n            <\/p><\/form>\n<\/section>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta calculadora de altura de caja le ayuda a determinar con precisi\u00f3n la altura interna de la caja o la altura de la herramienta superior requerida seg\u00fan<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-65999","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages\/65999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/comments?post=65999"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages\/65999\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/media?parent=65999"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}