{"id":1194787,"date":"2026-08-14T13:41:22","date_gmt":"2026-08-14T19:41:22","guid":{"rendered":"https:\/\/runahr.com\/?p=1194787"},"modified":"2026-08-14T13:57:41","modified_gmt":"2026-08-14T19:57:41","slug":"hours-and-minutes-calculator","status":"publish","type":"post","link":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/","title":{"rendered":"Hours and minutes calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1194787\" class=\"elementor elementor-1194787\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8229c8d e-flex e-con-boxed e-con e-parent\" data-id=\"8229c8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cb4d38 elementor-widget elementor-widget-heading\" data-id=\"8cb4d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Hours and minutes calculator<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c789939 e-grid e-con-boxed e-con e-parent\" data-id=\"c789939\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5a33922 e-con-full e-flex e-con e-child\" data-id=\"5a33922\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de9769 elementor-widget elementor-widget-breadcrumbs\" data-id=\"1de9769\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"breadcrumbs.default\">\n\t\t\t\t\t<p id=\"breadcrumbs\"><span><span><a href=\"https:\/\/runahr.com\/en\/\">Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f96f09e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f96f09e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Easily calculate your total hours worked and overtime. Enter your start and end times to see how many hours you worked each day or throughout the week.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0530e elementor-widget elementor-widget-shortcode\" data-id=\"8c0530e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        html,\r\n        h3 {\r\n            margin-top: 0 !important;\r\n        }\r\n\r\n        .info-icon {\r\n            color: rgb(138, 138, 138);\r\n            opacity: 0.5;\r\n            margin-left: 4px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .info-icon:hover {\r\n            color: rgba(36, 21, 198, 0.4) !important;\r\n        }\r\n\r\n        .boton_periodo_container, .boton_regimen_container {\r\n            display: flex;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .boton_periodo, .boton_regimen {\r\n            background-color: #eae5e5 !important;\r\n            color: #b3b1ba !important;\r\n            border-color: #eae5e5 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .boton_periodo_selec, .boton_regimen_selec {\r\n            color: white !important;\r\n            background-color: #7a6ff0 !important;\r\n            border-color: #7a6ff0 !important;\r\n        }\r\n\r\n        .boton_periodo,\r\n        .boton_periodo_selec, \r\n        .boton_regimen,\r\n        .boton_regimen_selec {\r\n            width: 180px !important;\r\n        }\r\n\r\n        .calculadora_button {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n        }\r\n        \r\n        .calc-step__num {\r\n            font-weight: bold;\r\n        }\r\n\r\n        .calc-step__body {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .calc-list__item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .calc-list__label {\r\n            width: 78%;\r\n        }\r\n\r\n        .dollar_text {\r\n            width: 35%;\r\n            text-align: right;\r\n        }\r\n\r\n        .input--amount {\r\n            max-width: 350px;\r\n        }\r\n\r\n        .date--amount, .select--field {\r\n            max-width: 385px;\r\n        }\r\n\r\n        .sq-btn {\r\n            line-height: 1 !important;\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .calculadora_button {\r\n                display: none;\r\n            }\r\n\r\n            .calc-step__body {\r\n                margin-bottom: 0;\r\n            }\r\n\r\n            .sq-btn, .elementor-button  {\r\n                height: 58px !important;\r\n                width: 180px !important;\r\n                padding: 0 !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 536px) {\r\n            .dollar_text {\r\n                width: 41%;\r\n            }\r\n        }\r\n\r\n\r\n        .popover {\r\n            position: absolute;\r\n            z-index: 1000;\r\n            border: 1px solid #ccc;\r\n            background: #fff;\r\n            border-radius: 4px;\r\n            max-width: 275px;\r\n        }\r\n\r\n        .popover-body {\r\n            padding: 10px;\r\n            color: #333;\r\n        }\r\n\r\n        .popover-body:before {\r\n            content: \"\";\r\n            display: block;\r\n            width: 0;\r\n            height: 0;\r\n            border-top: 10px solid transparent;\r\n            border-bottom: 10px solid transparent;\r\n            border-left: 10px solid #eaeafb;\r\n            position: absolute;\r\n            top: calc(100% - 70%);\r\n            left: -10px;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .calc-list__total {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n        }\r\n        .calc-list__total span {\r\n            margin-left: 20px;\r\n        }\r\n\r\n        .margin-bullet {\r\n            margin-left: 50px;\r\n            width: calc(100% - 50px) !important;\r\n        }\r\n\r\n        .height-fix {\r\n            height: auto !important;\r\n        }\r\n\r\n        .underline-text {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        button.descargar_excel {\r\n            display: flex;\r\n            gap: 5px;\r\n            line-height: 1;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-top: 20px;\r\n            align-self: flex-end;\r\n            max-height: 40px;\r\n            width: 180px;\r\n        }\r\n\r\n        button.descargar_excel .xcl_purple_icon {\r\n            display: inline-block;\r\n            width: 20px;\r\n        }\r\n\r\n        button.descargar_excel .xcl_white_icon {\r\n            display: none;\r\n            width: 20px;\r\n        }\r\n\r\n        button.descargar_excel:hover .xcl_purple_icon {\r\n            display: none;\r\n        }\r\n\r\n        button.descargar_excel:hover .xcl_white_icon {\r\n            display: inline-block;\r\n        }\r\n        \r\n        .rating .wp-applaud:after {\r\n            display: none;\r\n        }\r\n\r\n        .rating .wp-applaud .wp-applaud-count {\r\n            margin-left: 0px !important;\r\n            width: 125px !important;\r\n        }\r\n\r\n        .form-control {\r\n            border-radius: 10px !important;\r\n            max-width: 320px !important;\r\n        }\r\n\r\n        .input-group-prepend {\r\n            border-radius: 10px 0 0 10px !important;\r\n        }\r\n        \r\n        .shadow-none.form-group-custom {\r\n            border-radius: 0 10px 10px 0 !important;\r\n            max-width: 285px !important;\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        \/* Estilos adicionales para el datepicker *\/\r\n\t\t.ui-datepicker {\r\n\t\t\tz-index: 9999 !important;\r\n\t\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-header {\r\n\t\t\tbackground: #f8f9fa;\r\n\t\t\tborder-bottom: 1px solid #dee2e6;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar {\r\n\t\t\tbackground: white;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar td a {\r\n\t\t\tcolor: #495057;\r\n\t\t\tpadding: 8px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-radius: 4px;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar td a:hover {\r\n\t\t\tbackground: #007bff;\r\n\t\t\tcolor: white;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-today a {\r\n\t\t\tbackground: #e9ecef !important;\r\n\t\t\tcolor: #007bff !important;\r\n\t\t}\r\n\r\n        .input-group-addon {\r\n            position: absolute;\r\n        }\r\n\r\n        .form-control.hasDatepicker {\r\n            padding-right: 40px;\r\n        }\r\n\r\n        .step-in {\r\n            padding-left: 25px !important;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .sq-btn {\r\n                border-radius: 50px !important;\r\n            }\r\n\r\n            .boton_regimen_container, .boton_periodo_container {\r\n                justify-content: center;\r\n                margin-left: -25px;\r\n            }\r\n            \r\n            .margin-bullet {\r\n                margin-left: 0;\r\n            }\r\n\r\n            .content--normal-2 {\r\n                font-size: 14px !important;\r\n                text-align: right;\r\n            }\r\n\r\n            .calc-list__total {\r\n                padding: 10px 0 10px !important;\r\n            }\r\n        }\r\n\r\n        .calc-list__heading {\r\n          display: flex;\r\n        }\r\n        .calc-list__heading .calc-list__label { \r\n          width: 33%;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label span { \r\n          border-bottom: solid 1px black;\r\n          margin: 0 0 0 20px;\r\n          text-align: center;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label.col-1 { \r\n          width: 50%;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label.col-2 { \r\n          width: 25%;\r\n        }\r\n\r\n        .select2-container--default .select2-selection--single .select2-selection__arrow {\r\n            display: none !important;\r\n        }\r\n\r\n        .select2-selection--single::after {\r\n            content: \"\\25BC\";\r\n            position: absolute;\r\n            right: 6px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: #888;\r\n            font-size: 10px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .select2-container--open .select2-selection--single::after {\r\n            content: \"\\25B2\";\r\n        }\r\n\r\n        \/* Todo el dise\u00f1o se encapsula bajo la clase ra\u00edz .time-calculator-app *\/\r\n        .time-calculator-app {\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        color: #3b2a66;\r\n        max-width: 722px;\r\n        margin: 2rem 0;\r\n        padding: 10px;\r\n        }\r\n\r\n        .time-calculator-app .calculator-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 50px;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        }\r\n\r\n        \/* Columna de entradas *\/\r\n        .time-calculator-app .inputs-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        flex: 1;\r\n        max-width: 500px;\r\n        }\r\n\r\n        .time-calculator-app .table-headers {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        padding-right: 20px; \/* Compensa visualmente las dos columnas de puntos sugeridos *\/\r\n        }\r\n\r\n        .time-calculator-app .table-headers span {\r\n        font-size: 1.1rem;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        }\r\n\r\n        .time-calculator-app .rows-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        width: 100%;\r\n        margin-bottom: 25px;\r\n        }\r\n\r\n        .time-calculator-app .time-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        width: 100%;\r\n        }\r\n\r\n        .time-calculator-app .input-field {\r\n        width: 28%;\r\n        height: 55px;\r\n        border: 2px solid #8e7ee6;\r\n        border-radius: 12px;\r\n        font-size: 1.5rem;\r\n        color: #3b2a66;\r\n        text-align: center;\r\n        outline: none;\r\n        background-color: #fff;\r\n        transition: border-color 0.2s;\r\n        }\r\n\r\n        \/* Quitar flechas por defecto de los inputs num\u00e9ricos *\/\r\n        .time-calculator-app .input-field::-webkit-outer-spin-button,\r\n        .time-calculator-app .input-field::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n        }\r\n        .time-calculator-app .input-field[type=number] {\r\n        -moz-appearance: textfield;\r\n        }\r\n\r\n        .time-calculator-app .input-field:focus {\r\n        border-color: #5d46b8;\r\n        box-shadow: 0 0 5px rgba(142, 126, 230, 0.3);\r\n        }\r\n\r\n        .time-calculator-app .colon {\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        color: #8e7ee6;\r\n        width: 5%;\r\n        text-align: center;\r\n        }\r\n\r\n        \/* Bot\u00f3n A\u00f1adir Fila *\/\r\n        .time-calculator-app .btn-add-row {\r\n        background-color: #7A6FF0;\r\n        color: #ffffff;\r\n        border: solid 1px #7A6FF0;\r\n        border-radius: 20px;\r\n        padding: 8px 24px;\r\n        font-size: 0.95rem;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s;\r\n        }\r\n\r\n        .time-calculator-app .btn-add-row:hover {\r\n        background-color: transparent;\r\n        color: #7A6FF0;\r\n        }\r\n\r\n        \/* Columna de resultados *\/\r\n        .time-calculator-app .results-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        width: 320px;\r\n        padding-top: 32px; \/* Alineaci\u00f3n aproximada con la primera fila *\/\r\n        }\r\n\r\n        .time-calculator-app .total-box {\r\n        position: relative;\r\n        border: 2px solid #8e7ee6;\r\n        border-radius: 16px;\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        background-color: #fff;\r\n        }\r\n\r\n        .time-calculator-app .total-label {\r\n        position: absolute;\r\n        top: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background-color: #fdfbfe; \/* O el color de fondo exacto de tu web *\/\r\n        padding: 0 15px;\r\n        font-size: 1.1rem;\r\n        font-weight: 500;\r\n        }\r\n\r\n        .time-calculator-app .total-display {\r\n        font-size: 3rem;\r\n        font-weight: 500;\r\n        letter-spacing: 1px;\r\n        }\r\n\r\n        \/* Bot\u00f3n Reiniciar *\/\r\n        .time-calculator-app .btn-reset {\r\n        background-color: #f5a623;\r\n        color: #ffffff;\r\n        border: solid 1px #f5a623;\r\n        border-radius: 25px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s;\r\n        width: 100%;\r\n        line-height: 1;\r\n        padding: 0 30px;\r\n        }\r\n\r\n        .time-calculator-app .btn-reset:hover {\r\n        background-color: transparent;\r\n        color: #7A6FF0;\r\n        border-color: #7A6FF0;\r\n        }\r\n\r\n        \/* Responsivo simple *\/\r\n        @media (max-width: 768px) {\r\n        .time-calculator-app .calculator-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 35px;\r\n        }\r\n        .time-calculator-app .results-column {\r\n            padding-top: 0;\r\n            width: 100%;\r\n            max-width: 350px;\r\n        }\r\n        }\r\n        \r\n\r\n    <\/style>\r\n\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"time-calculator-app\">\r\n        <div class=\"calculator-container\">\r\n            \r\n            <div class=\"inputs-column\">\r\n            <div class=\"table-headers\">\r\n                <span>Hours<\/span>\r\n                <span>Minutes<\/span>\r\n                <span>Seconds<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"rows-container\" id=\"rowsContainer\">\r\n                <div class=\"time-row\">\r\n                <input type=\"number\" class=\"input-field input-hours\" placeholder=\"0\" min=\"0\" value=\"0\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"0\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"0\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <button type=\"button\" class=\"btn-add-row\" id=\"btnAddRow\">+ add row<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"results-column\">\r\n            <div class=\"total-box\">\r\n                <span class=\"total-label\">Total<\/span>\r\n                <div class=\"total-display\" id=\"totalDisplay\">0:00:00<\/div>\r\n            <\/div>\r\n            <button type=\"button\" class=\"btn-reset\" id=\"btnReset\">Reset<\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n    jQuery(document).ready(function() {\r\n\r\n        \/\/ 1. Manejo de cambio de TIPO (Bruto\/Neto)\r\n        \/\/ NOTA: Se asume que la calculadora es solo Bruto -> Neto y se ignora esta l\u00f3gica\r\n        jQuery('.boton_tipo, .boton_tipo_selec').on('click', function() {\r\n            var isBrutoSelected = jQuery(this).attr('id') === 'bruto_pe';\r\n            var tipo = isBrutoSelected ? 'Bruto' : 'Neto';\r\n\r\n            \/\/ Actualizar clases de botones\r\n            jQuery('.boton_tipo_selec').removeClass('boton_tipo_selec').addClass('boton_tipo');\r\n            jQuery('.boton_tipo').removeClass('boton_tipo_selec').addClass('boton_tipo');\r\n            jQuery(this).removeClass('boton_tipo').addClass('boton_tipo_selec');\r\n\r\n            \/\/ Actualizar el controlador de salario\r\n            if (typeof controllerPE !== 'undefined' && typeof controllerPE.ctrlTipo === 'function') {\r\n                controllerPE.ctrlTipo(tipo);\r\n            }\r\n        });\r\n\r\n\r\n        \/\/ 2. Manejo de cambio de PERIODO (Mensual\/Anual)\r\n        jQuery('#btn-periodo-mensual, #btn-periodo-anual').on('click', function() {\r\n            \/\/ Determina el valor que debe tomar el select hidden\r\n            var periodo = jQuery(this).text().toLowerCase(); \/\/ 'Mensual' o 'Anual' -> 'mensual' o 'anual'\r\n            \r\n            \/\/ 1. Actualizar hidden select\r\n            \/\/ El select tiene valores 'anual' y 'mensual'\r\n            jQuery('#select-periodo-calculadora').val(periodo).trigger('change');\r\n\r\n            \/\/ 2. Actualizar clases de botones\r\n            jQuery('.boton_periodo_selec').removeClass('boton_periodo_selec').addClass('boton_periodo');\r\n            jQuery(this).removeClass('boton_periodo').addClass('boton_periodo_selec');\r\n\r\n            \/\/ 3. Llamar al controlador de salario (si existe)\r\n            \/\/ Nota: El archivo subido usa 'controllerPE', pero esta es la calculadora EC. \r\n            \/\/ Mantenemos la estructura para el posible controlador de la calculadora EC.\r\n            if (typeof controllerEC !== 'undefined' && typeof controllerEC.ctrlPeriodo === 'function') {\r\n                controllerEC.ctrlPeriodo(periodo);\r\n            } else {\r\n                \/\/ En caso de que el script principal no est\u00e9 cargado, \r\n                \/\/ disparamos un evento gen\u00e9rico de c\u00e1lculo si es necesario.\r\n                \/\/ jQuery('#btn-calcular').trigger('click'); \/\/ (Depende de la implementaci\u00f3n final)\r\n            }\r\n        });\r\n\r\n\r\n        \/\/ 3. Manejo de cambio de REGIMEN (General, Mype P, Mype M)\r\n        jQuery('.boton_regimen, .boton_regimen_selec').on('click', function() {\r\n            var id = jQuery(this).attr('id');\r\n            var valToHiddenSelect;\r\n\r\n            if (id === 'regimen-btn-general_pe') {\r\n                valToHiddenSelect = 'general';\r\n            } else if (id === 'regimen-btn-mype-pequena_pe') {\r\n                valToHiddenSelect = 'mype_p';\r\n            } else if (id === 'regimen-btn-mype-micro_pe') {\r\n                valToHiddenSelect = 'mype_m';\r\n            } else {\r\n                return; \r\n            }\r\n\r\n            \/\/ Actualizar hidden select\r\n            jQuery('#regimen-select-hidden_pe').val(valToHiddenSelect).trigger('change');\r\n            \r\n            \/\/ Actualizar clases de botones\r\n            jQuery('.boton_regimen_selec').removeClass('boton_regimen_selec').addClass('boton_regimen');\r\n            jQuery(this).removeClass('boton_regimen').addClass('boton_regimen_selec');\r\n            \r\n            if (typeof controllerPE !== 'undefined' && typeof controllerPE.ctrlRegimen === 'function') {\r\n                controllerPE.ctrlRegimen(valToHiddenSelect);\r\n            } else {\r\n                jQuery('#btn-calculate-desktop_pe').trigger('click'); \r\n            }\r\n        });\r\n\r\n        \/\/ 4. Clic en el bot\u00f3n calcular (Desktop y Responsive)\r\n        jQuery('#btn-calculate-desktop_pe, #btn-calculate-responsive_pe').on('click', function(e) {\r\n            e.preventDefault();\r\n            if (typeof controllerPE !== 'undefined' && typeof controllerPE.ctrlNewSalary === 'function') {\r\n                controllerPE.ctrlNewSalary();\r\n            }\r\n        });\r\n\r\n\r\n        \/\/ 5. Manejo de entrada de monto y c\u00e1lculo autom\u00e1tico (MODIFICACI\u00d3N A\u00d1ADIDA)\r\n        var inputVisible = jQuery('#input-amount-visible_pe');\r\n        var inputHidden = jQuery('#input-amount-hidden_pe');\r\n\r\n        \/\/ Inicializar jQuery.number() en el campo visible\r\n        inputVisible.number(true, 2, ',', '.');\r\n        \r\n        \/\/ Asignar el evento 'keyup' y 'change' al campo visible para disparar el c\u00e1lculo\r\n        inputVisible.on('keyup change', function() {\r\n            \/\/ Necesitamos transferir el valor SIN formato (solo n\u00fameros) al campo oculto.\r\n            var rawValue = inputVisible.val().replace(\/\\.\/g, '').replace(',', '.');\r\n            inputHidden.val(rawValue);\r\n\r\n            \/\/ Disparar el c\u00e1lculo principal\r\n            if (typeof controllerPE !== 'undefined' && typeof controllerPE.ctrlNewSalary === 'function') {\r\n                \/\/ Se llama al c\u00e1lculo al soltar la tecla\r\n                controllerPE.ctrlNewSalary();\r\n            }\r\n        });\r\n\r\n        \/\/ Tambi\u00e9n se asegura de que al cargar se formatee el valor inicial\r\n        inputVisible.trigger('change');\r\n\r\n\r\n        \/\/ Contenedor principal de la app para delegaci\u00f3n de eventos interna\r\n        const $app = $('.time-calculator-app');\r\n        const $rowsContainer = $app.find('#rowsContainer');\r\n        const $totalDisplay = $app.find('#totalDisplay');\r\n\r\n        \/\/ Estructura HTML para a\u00f1adir nuevas filas limpias\r\n        const rowTemplate = `\r\n        <div class=\"time-row\">\r\n            <input type=\"number\" class=\"input-field input-hours\" placeholder=\"0\" min=\"0\">\r\n            <span class=\"colon\">:<\/span>\r\n            <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\">\r\n            <span class=\"colon\">:<\/span>\r\n            <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\">\r\n        <\/div>\r\n        `;\r\n\r\n        \/\/ Funci\u00f3n principal para calcular el tiempo acumulado\r\n        function calculateTotalTime() {\r\n        let totalSecondsSum = 0;\r\n\r\n        $rowsContainer.find('.time-row').each(function() {\r\n            const h = parseInt($(this).find('.input-hours').val()) || 0;\r\n            const m = parseInt($(this).find('.input-minutes').val()) || 0;\r\n            const s = parseInt($(this).find('.input-seconds').val()) || 0;\r\n\r\n            totalSecondsSum += (h * 3600) + (m * 60) + s;\r\n        });\r\n\r\n        \/\/ Convertir el total de segundos de vuelta a H:MM:SS\r\n        const hours = Math.floor(totalSecondsSum \/ 3600);\r\n        const minutes = Math.floor((totalSecondsSum % 3600) \/ 60);\r\n        const seconds = totalSecondsSum % 60;\r\n\r\n        \/\/ Formatear con ceros a la izquierda para minutos y segundos\r\n        const formattedMinutes = minutes.toString().padStart(2, '0');\r\n        const formattedSeconds = seconds.toString().padStart(2, '0');\r\n\r\n        $totalDisplay.text(`${hours}:${formattedMinutes}:${formattedSeconds}`);\r\n        }\r\n\r\n        \/\/ Evento: Escuchar cambios en cualquier input dentro del contenedor\r\n        $rowsContainer.on('input', '.input-field', function() {\r\n        calculateTotalTime();\r\n        });\r\n\r\n        \/\/ Evento: A\u00f1adir una nueva fila\r\n        $app.find('#btnAddRow').on('click', function() {\r\n        $rowsContainer.append(rowTemplate);\r\n        });\r\n\r\n        \/\/ Evento: Bot\u00f3n reiniciar\r\n        $app.find('#btnReset').on('click', function() {\r\n        $rowsContainer.find('.input-field').val('');\r\n        calculateTotalTime();\r\n        });\r\n\r\n        \/\/ Ejecuci\u00f3n inicial por si hay datos precargados en el HTML\r\n        calculateTotalTime();\r\n    });\r\n\r\n<\/script>\r\n\r\n            <script>\r\n    jQuery(function() {\r\n        \/\/ Removed Bootstrap popover initialization as we're using custom implementation\r\n\r\n        function resize() {\r\n            if (jQuery(window).width() < 992) {\r\n                jQuery('.btn--mobile').addClass('btn-form-layout');\r\n            } else {\r\n                jQuery('.btn--mobile').removeClass('btn-form-layout');\r\n            }\r\n        }\r\n        jQuery(window).resize(resize);\r\n        resize();\r\n\r\n        var num = jQuery('input.input--amount').number(true, 2);\r\n\r\n        jQuery('input.input--amount').on('focusin', function() {\r\n            console.log(\"Saving value \" + jQuery(this).val());\r\n            jQuery(this).data('val', jQuery(this).val());\r\n        });\r\n\r\n        jQuery('.input--amount').on('change', function() {\r\n\r\n            var current = jQuery(this).val();\r\n            console.log(current);\r\n            jQuery('.input--amount--clone').val(current);\r\n            jQuery('.input--amount--clone').html(current);\r\n\r\n        });\r\n\r\n        \/\/ Manejo de botones de direcci\u00f3n de c\u00e1lculo\r\n        jQuery('#neto, #bruto').on('click', function(e) {\r\n            e.preventDefault();\r\n\r\n            var buttons = jQuery('#neto, #bruto');\r\n            var selectedDirection = jQuery(this).attr('id');\r\n\r\n            buttons.removeClass('boton_periodo_selec selec_btns').addClass('boton_periodo');\r\n            jQuery(this).removeClass('boton_periodo').addClass('boton_periodo_selec selec_btns');\r\n        });\r\n\r\n        \/\/ Manejo de botones de per\u00edodo\r\n        jQuery('#semanal, #quincenal, #mensual').on('click', function(e) {\r\n            e.preventDefault();\r\n\r\n            var buttons = jQuery('#semanal, #quincenal, #mensual');\r\n            var selectedPeriod = jQuery(this).attr('id');\r\n            var capitalizedPeriod = selectedPeriod.charAt(0).toUpperCase() + selectedPeriod.slice(1);\r\n\r\n            jQuery('#s-period').val(capitalizedPeriod).trigger('change');\r\n\r\n            buttons.removeClass('boton_periodo_selec selec_btns').addClass('boton_periodo');\r\n            jQuery(this).removeClass('boton_periodo').addClass('boton_periodo_selec selec_btns');\r\n        });\r\n\r\n        jQuery('.d-none.d-lg-block button').on('click', function(e) {\r\n            e.preventDefault();\r\n\r\n            var buttons = jQuery('.d-none.d-lg-block button');\r\n            var selectedPeriod = jQuery(this).attr('id');\r\n            var capitalizedPeriod = selectedPeriod.charAt(0).toUpperCase() + selectedPeriod.slice(1);\r\n\r\n            jQuery('#s-period').val(capitalizedPeriod).trigger('change');\r\n\r\n            buttons.removeClass('boton_periodo_selec texto_periodo_selec selec_btns').addClass('boton_periodo texto_periodo');\r\n            jQuery(this).removeClass('boton_periodo texto_periodo').addClass('boton_periodo_selec texto_periodo_selec selec_btns');\r\n        });\r\n    });\r\n\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const popoverTriggers = document.querySelectorAll('.calc-list__popover'); \/\/ Select all popover triggers\r\n\r\n        \/\/ Create the popover element outside the event listener\r\n        const popover = document.createElement('div');\r\n        popover.className = 'popover cust-popover'; \/\/ Set the popover class for styling\r\n        document.body.appendChild(popover); \/\/ Append popover to the body initially hidden\r\n        popover.style.display = 'none'; \/\/ Hide the popover initially\r\n\r\n        \/\/ Event listener for mouse enter on each trigger\r\n        popoverTriggers.forEach(trigger => {\r\n            trigger.addEventListener('mouseenter', function() {\r\n                \/\/ Get the content from the data attribute\r\n                const content = trigger.getAttribute('data-content');\r\n\r\n                \/\/ Set the content of the popover\r\n                popover.innerHTML = `<div class=\"popover-body\">${content}<\/div>`; \/\/ Set the content\r\n\r\n                \/\/ Show the popover off-screen to get the correct height\r\n                popover.style.display = 'block';\r\n                popover.style.visibility = 'hidden';\r\n                popover.style.top = '0px';\r\n                popover.style.left = '0px';\r\n\r\n                \/\/ Now get the real height\r\n                const rect = trigger.getBoundingClientRect();\r\n                const popoverHeight = popover.offsetHeight;\r\n\r\n                \/\/ Calculate position\r\n                popover.style.top = `${rect.top + window.scrollY + (rect.height \/ 2) - (popoverHeight \/ 2)}px`;\r\n                popover.style.left = `${rect.right + window.scrollX + 8}px`; \/\/ Ajusta el +8 si quieres m\u00e1s separaci\u00f3n\r\n\r\n                \/\/ Now make it visible\r\n                popover.style.visibility = 'visible';\r\n            });\r\n\r\n            \/\/ Event listener for mouse leave\r\n            trigger.addEventListener('mouseleave', function() {\r\n                \/\/ Hide the popover by changing its display style\r\n                popover.style.display = 'none'; \/\/ Hide the popover\r\n            });\r\n        });\r\n\r\n        \/\/ Add mouseenter and mouseleave event listeners to the popover\r\n        popover.addEventListener('mouseenter', function() {\r\n            \/\/ Keep the popover visible when hovering over it\r\n            popover.style.display = 'block'; \/\/ Show the popover\r\n        });\r\n\r\n        popover.addEventListener('mouseleave', function() {\r\n            \/\/ Hide the popover when leaving\r\n            popover.style.display = 'none'; \/\/ Hide the popover\r\n        });\r\n\r\n        \/\/ Optional: Hide popover on click outside\r\n        document.addEventListener('click', function(event) {\r\n            popoverTriggers.forEach(trigger => {\r\n                if (!trigger.contains(event.target)) {\r\n                    popover.style.display = 'none'; \/\/ Hide the popover\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b16bcd e-con-full e-flex e-con e-child\" data-id=\"8b16bcd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b3ceeac e-con-full e-flex e-con e-child\" data-id=\"b3ceeac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-842508a elementor-widget elementor-widget-text-editor\" data-id=\"842508a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This calculator is provided for informational purposes only and generates estimates. The results do not constitute an official payroll calculation or legal, employment, accounting, or tax advice. Rules regarding working hours, overtime, premiums, and compensation may vary depending on the employment agreement, collective bargaining agreement, employee classification, and applicable laws. We recommend consulting a qualified professional for specific situations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a77efc6 elementor-widget elementor-widget-heading\" data-id=\"a77efc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Liked the calculator?<br>\nLeave an applause<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7448f elementor-widget elementor-widget-shortcode\" data-id=\"fd7448f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .rating {\n            text-align: center;\n        }\n\n        .rating .applaud {\n            display: inline-block;\n            position: relative;\n        }\n\n        .rating .wp-applaud,\n        .rating .wp-applaud.active {\n            display: block;\n            \n        }\n\n        .rating .wp-applaud .wp-applaud-count {\n            color: var(--e-global-color-secondary);\n\t\t\tfont-family: 'Proxima Nova';\n\t\t\tfont-weight: 500;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n        }\n\t.wp-applaud-count:before {\n\t\tcontent: '';\n\t\tbackground: url(\/wp-content\/themes\/Runa-2025\/assets\/img\/applaud.png);\n\t\tbackground-color: #f8f8fa;\n\t\tpadding: 0;\n\t\tborder-radius: 50%;\n\t\theight: 42px;\n\t\twidth: 42px;\n\t\tbackground-size: 25px;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: 11px;\n\t\tcursor: pointer;\n\t\tmargin-right: 5px;\n\t}\n\n        .wp-applaud-count:after {\n            content: 'aplausos';\n            color: var( --e-global-color-secondary );\n            margin-left: 5px;\n        }\n    <\/style>\n\n            <div class=\"rating\">\n            <div class=\"applaud\">\n                <a href=\"#\" class=\"wp-applaud\" id=\"wp-applaud-1194787\" title=\"aplausos\"><span class=\"wp-applaud-count\">1<\/span><\/a>            <\/div>\n        <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aeb7fa1 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"aeb7fa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hours and minutes calculator Easily calculate your total hours worked and overtime. Enter your start and end times to see how many hours you worked each day or throughout the week. This calculator is provided for informational purposes only and generates estimates. The results do not constitute an official payroll calculation or legal, employment, accounting, [&hellip;]<\/p>\n","protected":false},"author":110,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"_wp_applaud_exclude":false,"footnotes":""},"categories":[1584,1839],"tags":[],"class_list":["post-1194787","post","type-post","status-publish","format-standard","hentry","category-recursos","category-salary"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hours and minutes calculator | US | Runa HR<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hours and minutes calculator | US | Runa HR\" \/>\n<meta property=\"og:description\" content=\"Hours and minutes calculator Easily calculate your total hours worked and overtime. Enter your start and end times to see how many hours you worked each day or throughout the week. This calculator is provided for informational purposes only and generates estimates. The results do not constitute an official payroll calculation or legal, employment, accounting, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Runa HR\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/runahr\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-14T19:41:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-14T19:57:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/04\/image-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"286\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Runa HR\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@runahr\" \/>\n<meta name=\"twitter:site\" content=\"@runahr\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jorgeparra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hours and minutes calculator | US | Runa HR","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:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/","og_locale":"en_US","og_type":"article","og_title":"Hours and minutes calculator | US | Runa HR","og_description":"Hours and minutes calculator Easily calculate your total hours worked and overtime. Enter your start and end times to see how many hours you worked each day or throughout the week. This calculator is provided for informational purposes only and generates estimates. The results do not constitute an official payroll calculation or legal, employment, accounting, [&hellip;]","og_url":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/","og_site_name":"Runa HR","article_publisher":"https:\/\/www.facebook.com\/runahr\/","article_published_time":"2026-08-14T19:41:22+00:00","article_modified_time":"2026-08-14T19:57:41+00:00","og_image":[{"width":512,"height":286,"url":"https:\/\/runahr.com\/wp-content\/uploads\/2025\/04\/image-2.png","type":"image\/png"}],"author":"Runa HR","twitter_card":"summary_large_image","twitter_creator":"@runahr","twitter_site":"@runahr","twitter_misc":{"Written by":"jorgeparra","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/#article","isPartOf":{"@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/"},"author":{"name":"jorgeparra","@id":"https:\/\/runahr.com\/en\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9"},"headline":"Hours and minutes calculator","datePublished":"2026-08-14T19:41:22+00:00","dateModified":"2026-08-14T19:57:41+00:00","mainEntityOfPage":{"@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/"},"wordCount":106,"publisher":{"@id":"https:\/\/runahr.com\/en\/#organization"},"articleSection":["Recursos","Salary"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/","url":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/","name":"Hours and minutes calculator | US | Runa HR","isPartOf":{"@id":"https:\/\/runahr.com\/en\/#website"},"datePublished":"2026-08-14T19:41:22+00:00","dateModified":"2026-08-14T19:57:41+00:00","breadcrumb":{"@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/runahr.com\/en\/recursos\/salary\/hours-and-minutes-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/runahr.com\/en\/"},{"@type":"ListItem","position":2,"name":"Recursos","item":"https:\/\/runahr.com\/en\/category\/recursos\/"},{"@type":"ListItem","position":3,"name":"Salary","item":"https:\/\/runahr.com\/en\/category\/recursos\/salary\/"},{"@type":"ListItem","position":4,"name":"Hours and minutes calculator"}]},{"@type":"WebSite","@id":"https:\/\/runahr.com\/en\/#website","url":"https:\/\/runahr.com\/en\/","name":"Runa HR","description":"Software de N\u00f3mina y Gesti\u00f3n de RRHH","publisher":{"@id":"https:\/\/runahr.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/runahr.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/runahr.com\/en\/#organization","name":"Runa HR","url":"https:\/\/runahr.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/runahr.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/runahr.com\/wp-content\/uploads\/2018\/05\/xDzHFcQY_400x400.jpg","contentUrl":"https:\/\/runahr.com\/wp-content\/uploads\/2018\/05\/xDzHFcQY_400x400.jpg","width":400,"height":400,"caption":"Runa HR"},"image":{"@id":"https:\/\/runahr.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/runahr\/","https:\/\/x.com\/runahr","https:\/\/www.instagram.com\/runahr\/","https:\/\/mx.linkedin.com\/company\/runahr","https:\/\/www.youtube.com\/channel\/UCAZ21FupFMLIb1c7PPaU6Ew"]},{"@type":"Person","@id":"https:\/\/runahr.com\/en\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9","name":"jorgeparra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e29ff0e87f19d2edeb0aee606d4b0489e22fec27e5ab7e8e4eba443473dc6e52?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e29ff0e87f19d2edeb0aee606d4b0489e22fec27e5ab7e8e4eba443473dc6e52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e29ff0e87f19d2edeb0aee606d4b0489e22fec27e5ab7e8e4eba443473dc6e52?s=96&d=mm&r=g","caption":"jorgeparra"},"url":"https:\/\/runahr.com\/en\/author\/jorgeparra\/"}]}},"_links":{"self":[{"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/posts\/1194787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/comments?post=1194787"}],"version-history":[{"count":3,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/posts\/1194787\/revisions"}],"predecessor-version":[{"id":1194802,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/posts\/1194787\/revisions\/1194802"}],"wp:attachment":[{"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/media?parent=1194787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/categories?post=1194787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/runahr.com\/en\/wp-json\/wp\/v2\/tags?post=1194787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}