{"id":1083404,"date":"2025-11-19T09:37:02","date_gmt":"2025-11-19T15:37:02","guid":{"rendered":"https:\/\/runahr.com\/?page_id=1083404"},"modified":"2025-11-19T09:38:20","modified_gmt":"2025-11-19T15:38:20","slug":"horas-extra-test","status":"publish","type":"page","link":"https:\/\/runahr.com\/co\/horas-extra-test\/","title":{"rendered":"horas-extra-test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1083404\" class=\"elementor elementor-1083404\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c03890 e-flex e-con-boxed e-con e-parent\" data-id=\"0c03890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6053eea elementor-widget elementor-widget-shortcode\" data-id=\"6053eea\" 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        \/* Estilos para el selector de AFP\/ONP - ELIMINADOS DE LA VISTA *\/\r\n        \/*\r\n        .pension-selector-container {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 15px;\r\n            margin-bottom: 25px;\r\n        }\r\n        .pension-btn {\r\n            padding: 8px 15px;\r\n            border: 1px solid #7a6ff0;\r\n            background-color: white;\r\n            color: #7a6ff0;\r\n            cursor: pointer;\r\n            border-radius: 5px;\r\n            font-weight: bold;\r\n        }\r\n        .pension-btn.selected {\r\n            background-color: #7a6ff0;\r\n            color: white;\r\n        }\r\n        *\/\r\n\r\n        .calc-step__body {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        \/* Estilos Popover\/Lista *\/\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: 26%;\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        @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          align-items: flex-end;\r\n        }\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          text-align: center;\r\n        }\r\n\r\n        .second-title {\r\n            margin-left: 30px;\r\n            text-align: right !important;\r\n        }\r\n        \r\n        .calc-list__label.col-1  { \r\n          width: 50%;\r\n        }\r\n        \r\n        .calc-list__label.col-2 { \r\n          width: 25%;\r\n        }\r\n\r\n        .inner--body {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .form-comp {\r\n            display: flex;\r\n            gap: 2px;\r\n        }\r\n\r\n        .no-margin {\r\n            margin: 0 !important;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .form-comp {\r\n                flex-direction: column;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .calc-list__heading span {\r\n                font-size: 10px;\r\n                line-height: 1.3;\r\n            }\r\n\r\n            .calc-list__label.col-2 {\r\n                width: 40%;\r\n            }\r\n\r\n            .content--normal {\r\n                -webkit-line-clamp: unset !important;\r\n            }\r\n\r\n            .list-unstyled.calc-list .calc-list__desc {\r\n                max-width: 210px;\r\n            }\r\n        }\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\r\n    <\/style>\r\n\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"calc-comp\">\r\n\r\n\r\n            <div class=\"calc-step\">\r\n                <div class=\"calc-step__num\">\r\n                    1\r\n                <\/div>\r\n\r\n                <div class=\"calc-step__body\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-lg-4 col-sm-12 col-md-12\">\r\n                            <h3 class=\"title--semi-big bold content--purple-dark p-bottom-20 \">Ingresa el salario bruto mensual<\/h3>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Salario bruto mensual<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Es la remuneraci\u00f3n total pactada entre el empleador y el trabajador antes de realizar cualquier descuento legal o deducci\u00f3n (como aportes a seguridad social o retenciones). Incluye el sueldo base y todos los pagos constitutivos de salario (comisiones, horas extra, recargos, etc.).\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Es la remuneraci\u00f3n total pactada entre el empleador y el trabajador antes de realizar cualquier descuento legal o deducci\u00f3n (como aportes a seguridad social o retenciones). Incluye el sueldo base y todos los pagos constitutivos de salario (comisiones, horas extra, recargos, etc.).<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <div class=\"input-group-prepend\">\r\n                                        <div class=\"input-group-text input-group-text-custom\">$<\/div>\r\n                                    <\/div>\r\n                                    <input type=\"text\" class=\"form-control shadow-none form-group-custom col-lg-5 col-md-5 col-sm-5 input--amount\" id=\"salario-bruto\" placeholder=\"10,000,000.00\" value=\"\">\r\n                                <\/div>\r\n\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"calc-step\">\r\n                <div class=\"calc-step__num\">\r\n                    2\r\n                <\/div>\r\n\r\n                <div class=\"calc-step__body\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-lg-4 col-sm-12 col-md-12\">\r\n                            <h3 class=\"title--semi-big bold content--purple-dark p-bottom-20 \">Ingresa el tiempo mensual trabajando<\/h3>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Duraci\u00f3n de la jornada semanal (horas)<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"En Colombia, la jornada ordinaria m\u00e1xima legal es de 42 horas semanales (Ley 2101 de 2021), distribuidas de com\u00fan acuerdo entre empleador y trabajador en no menos de 5 ni m\u00e1s de 6 d\u00edas a la semana.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">En Colombia, la jornada ordinaria m\u00e1xima legal es de 42 horas semanales (Ley 2101 de 2021), distribuidas de com\u00fan acuerdo entre empleador y trabajador en no menos de 5 ni m\u00e1s de 6 d\u00edas a la semana.<\/div> -->\r\n                            <\/div>\r\n                            <div>  \r\n                                <div class=\"input-group select-wrapper\">\r\n                                    <select name=\"jornada-semanal-horas\" id=\"jornada-semanal-horas\" class=\"form-control select--field\">\r\n                                      <option value=\"44\">44<\/option>\r\n                                      <option value=\"43\">43<\/option>\r\n                                      <option value=\"42\">42<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas extras diurnas<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas por fuera de la jornada ordinaria diurna (6:00 a. m. a 9:00 p. m.) y se pagan con un recargo del 25 % sobre el valor de la hora ordinaria.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas por fuera de la jornada ordinaria diurna (6:00 a. m. a 9:00 p. m.) y se pagan con un recargo del 25 % sobre el valor de la hora ordinaria.<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-extras-diurnas\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas ordinarias nocturnas<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas dentro de la jornada nocturna ordinaria, es decir, entre las 9:00 p. m. y las 6:00 a. m. del d\u00eda siguiente. No son extra, pero se pagan con un recargo del 35 % sobre la hora diurna ordinaria.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas dentro de la jornada nocturna ordinaria, es decir, entre las 9:00 p. m. y las 6:00 a. m. del d\u00eda siguiente. No son extra, pero se pagan con un recargo del 35 % sobre la hora diurna ordinaria.<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-ordinarias-nocturnas\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas extras nocturnas<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas despu\u00e9s de la jornada ordinaria nocturna, y se pagan con un recargo del 75 % sobre la hora ordinaria.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas despu\u00e9s de la jornada ordinaria nocturna, y se pagan con un recargo del 75 % sobre la hora ordinaria.<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-extras-nocturnas\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas ordinarias domingos\/festivos<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas en domingos o festivos dentro de la jornada ordinaria. Tienen un recargo del 75 % sobre el valor de la hora ordinaria, adem\u00e1s del descanso compensatorio obligatorio.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas en domingos o festivos dentro de la jornada ordinaria. Tienen un recargo del 75 % sobre el valor de la hora ordinaria, adem\u00e1s del descanso compensatorio obligatorio.<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-orinarias-festivos\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas extras diurnas domingos\/festivos<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas adicionales trabajadas en domingos o festivos durante el d\u00eda. Se pagan con un recargo del 100 % sobre la hora ordinaria, m\u00e1s el recargo dominical del 75 %, lo que equivale a un total del 175 % de recargo.\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas adicionales trabajadas en domingos o festivos durante el d\u00eda. Se pagan con un recargo del 100 % sobre la hora ordinaria, m\u00e1s el recargo dominical del 75 %, lo que equivale a un total del 175 % de recargo.<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-extras-diurnas-festivos\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas nocturnas domingos\/festivos<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas en horario nocturno (9:00 p. m. a 6:00 a. m.) en domingo o festivo, y tienen un recargo combinado del 110 % (75 % por dominical o festivo + 35 % por nocturno).\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas en horario nocturno (9:00 p. m. a 6:00 a. m.) en domingo o festivo, y tienen un recargo combinado del 110 % (75 % por dominical o festivo + 35 % por nocturno).<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-nocturnas-festivos\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"inner--body\">\r\n                            <div class=\"form-comp\">\r\n                                <a id=\"input-label-sueldo_pe\" class=\"content--normal content--purple-dark\">Horas extras nocturnas domingos\/festivos<\/a>\r\n                                <div\r\n                                    class=\"calc-list__popover\"\r\n                                    data-container=\"body\"\r\n                                    data-toggle=\"popover\"\r\n                                    data-trigger=\"hover click\"\r\n                                    data-placement=\"right\"\r\n                                    data-content=\"Son las horas trabajadas de forma extra (fuera de la jornada ordinaria) en horario nocturno durante domingos o festivos. Se pagan con un recargo del 150 % (75 % por extra nocturna + 75 % por dominical o festivo)\">\r\n                                    <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                <\/div>\r\n                                <!-- <div class=\"content--gray-dark calc-list__desc\">Son las horas trabajadas de forma extra (fuera de la jornada ordinaria) en horario nocturno durante domingos o festivos. Se pagan con un recargo del 150 % (75 % por extra nocturna + 75 % por dominical o festivo).<\/div> -->\r\n                            <\/div>\r\n                            <div>\r\n\r\n                                <div class=\"input-group\">\r\n                                    <input type=\"number\" min=\"0\" id=\"horas-extras-nocturnas-festivos\" class=\"form-control date--amount\" placeholder=\"0\"\/>\r\n                                <\/div>\r\n                                <span id=\"alert-min-salary_pe\" class=\"content--normal block p-top-10\"><\/span>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"calc-step\">\r\n                <div class=\"calc-step__num\">\r\n                    3\r\n                <\/div>\r\n                <div class=\"calc-step__body\">\r\n                    <h3 class=\"title--semi-big bold content--purple-dark p-bottom-20\" id=\"results-title-cost_pe\">Detalle de horas<\/h3>\r\n                    <div class=\"inner--body\">\r\n                        <div>\r\n                            <ul class=\"list-unstyled calc-list m-bottom-5\">\r\n                                <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                                    <div class=\"calc-list__label\">\r\n                                        <span class=\"content--normal content--purple-dark\">Horas mensuales<\/span>\r\n                                        <div\r\n                                            class=\"calc-list__popover\"\r\n                                            data-container=\"body\"\r\n                                            data-toggle=\"popover\"\r\n                                            data-trigger=\"hover click\"\r\n                                            data-placement=\"right\"\r\n                                            data-content=\"En Colombia, las horas mensuales trabajadas son el total de horas efectivamente laboradas por un trabajador durante un mes, incluyendo tanto las horas ordinarias como las horas adicionales (extras, nocturnas o en festivos), seg\u00fan corresponda.\">\r\n                                            <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                        <\/div>\r\n                                        <div class=\"content--gray-dark calc-list__desc\">En Colombia, las horas mensuales trabajadas son el total de horas efectivamente laboradas por un trabajador durante un mes, incluyendo tanto las horas ordinarias como las horas adicionales (extras, nocturnas o en festivos), seg\u00fan corresponda.<\/div>\r\n                                    <\/div>\r\n                                    <span class=\"content--normal content--purple-dark\" id=\"tiempo-computable\"><\/span>\r\n                                <\/li>\r\n\r\n                                <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                                    <div class=\"calc-list__label\">\r\n                                        <span class=\"content--normal content--purple-dark\">Valor hora ordinaria<\/span>\r\n                                        <div\r\n                                            class=\"calc-list__popover\"\r\n                                            data-container=\"body\"\r\n                                            data-toggle=\"popover\"\r\n                                            data-trigger=\"hover click\"\r\n                                            data-placement=\"right\"\r\n                                            data-content=\"El valor de la hora ordinaria es el monto que se paga al trabajador por cada hora laborada dentro de la jornada legal establecida, sin incluir recargos ni horas extra.\">\r\n                                            <i class=\"fas fa-info-circle info-icon\"><\/i>\r\n                                        <\/div>\r\n                                        <div class=\"content--gray-dark calc-list__desc\">El valor de la hora ordinaria es el monto que se paga al trabajador por cada hora laborada dentro de la jornada legal establecida, sin incluir recargos ni horas extra.<\/div>\r\n                                    <\/div>\r\n                                    <span class=\"content--normal content--purple-dark dollar_text\" id=\"promedio-variable\"><\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"calc-step calc-step--last class-fix height-fix\">\r\n                <div class=\"calc-step__num\">\r\n                    4\r\n                <\/div>\r\n                <div class=\"calc-step__body\">\r\n                    <h3 class=\"title--semi-big bold content--purple-dark p-bottom-20\" id=\"results-title-cost_pe\">Detalle de c\u00e1lculo de horas extras<\/h3>\r\n                    <div class=\"inner--body\">\r\n                        <div>\r\n                      <ul class=\"list-unstyled calc-list m-bottom-5\">\r\n                          <li class=\"calc-list__heading\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark first-title\">Tipo de hora extra<\/span>\r\n                              <\/div>\r\n                              <div class=\"calc-list__label col-2\" >\r\n                                  <span class=\"content--normal content--purple-dark second-title\">Valor unitario de la hora extra<\/span>\r\n                              <\/div>\r\n                              <div class=\"calc-list__label col-2\">\r\n                                  <span class=\"content--normal content--purple-dark second-title\">Valor total de la hora extra<\/span>\r\n                              <\/div>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas extras diurnas<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-extras-diurnas\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-extras-diurnas\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas ordinarias nocturnas<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-ordinarias-nocturnas\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-ordinarias-nocturnas\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas extras nocturnas<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-extras-nocturnas\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-extras-nocturnas\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas ordinarias domingos\/festivos<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-ordinarias-domingos-festivos\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-ordinarias-domingos-festivos\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas extras diurnas domingos\/festivos<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-extras-diurnas-domingos-festivos\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-extras-diurnas-domingos-festivos\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\"border__bottom--gray_blue calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas nocturnas domingos\/festivos<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-nocturnas-domingos-festivos\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-nocturnas-domingos-festivos\"><\/span>\r\n                          <\/li>\r\n\r\n                          <li class=\" calc-list__item\">\r\n                              <div class=\"calc-list__label col-1\">\r\n                                  <span class=\"content--normal content--purple-dark\">Horas extras nocturna domingos\/festivos<\/span>\r\n                              <\/div>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-unitario-horas-extras-nocturna-domingos-festivos\"><\/span>\r\n                              <span class=\"content--normal content--purple-dark dollar_text col-2\" id=\"valor-total-horas-extras-nocturna-domingos-festivos\"><\/span>\r\n                          <\/li>\r\n                      <\/ul>\r\n\r\n                            <div class=\"calc-list\">\r\n                                <a id=\"result-anchor-total-pagar_co\"><\/a>\r\n                                <div class=\"calc-list__total border__bottom--purple-light-solid-2 border__top--purple-light-solid-2 total_content\">\r\n                                    <span class=\"content--normal-2 bold content--purple-dark\" id=\"result-costo-final-label_pe\">Total a pagar<\/span>\r\n                                    <span class=\"letter-spacing-1 content--normal-2 bold title--purple-light dollar_text\" id=\"total-pagar\"><\/span><span class=\"letter-spacing-1 content--normal-2 bold title--purple-light no-margin\" >&nbsp;COP<\/span>\r\n                                <\/div>\r\n                                \r\n                                <div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\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('#mensual_pe, #anual_pe').on('click', function() {\r\n                        var periodo = jQuery(this).text();\r\n                        \r\n                        \/\/ Actualizar hidden select\r\n                        jQuery('#s-period_pe').val(periodo).trigger('change');\r\n\r\n                        \/\/ 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                        \/\/ Actualizar el controlador de salario\r\n                        if (typeof controllerPE !== 'undefined' && typeof controllerPE.ctrlPeriodo === 'function') {\r\n                            controllerPE.ctrlPeriodo(periodo);\r\n                        } else {\r\n                            jQuery('#btn-calculate-desktop_pe').trigger('click');\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            <\/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                    \/\/ jQuery('#salario-bruto').on('keyup', function() {\r\n                    \/\/     let input = $(this).val();\r\n                    \/\/     let cleanedInput = input.replace(\/[^0-9.]\/g, '');\r\n                    \/\/     let strictPattern = \/^(\\d{0,18})(\\.\\d{0,2})?.*$\/;\r\n                    \/\/     let match = strictPattern.exec(cleanedInput);\r\n                        \r\n                    \/\/     if (match) {\r\n                    \/\/         let formattedValue = (match[1] || '') + (match[2] || '');\r\n                    \/\/         if (formattedValue === '.') {\r\n                    \/\/             formattedValue = '';\r\n                    \/\/         }\r\n\r\n                    \/\/         $(this).val(formattedValue);\r\n                    \/\/     } else {\r\n                    \/\/         $(this).val(cleanedInput);\r\n                    \/\/     }\r\n                    \/\/ });\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        <\/div>\r\n    <\/div> \r\n<\/div>\n\t\t\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":"","protected":false},"author":112,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_wp_applaud_exclude":false,"footnotes":""},"tipo":[],"class_list":["post-1083404","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>horas-extra-test | CO | 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\/co\/horas-extra-test\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"horas-extra-test | CO | Runa HR\" \/>\n<meta property=\"og:url\" content=\"https:\/\/runahr.com\/co\/horas-extra-test\/\" \/>\n<meta property=\"og:site_name\" content=\"Runa HR\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/runahr\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-19T15:38:20+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=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@runahr\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"horas-extra-test | CO | 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\/co\/horas-extra-test\/","og_locale":"es_ES","og_type":"article","og_title":"horas-extra-test | CO | Runa HR","og_url":"https:\/\/runahr.com\/co\/horas-extra-test\/","og_site_name":"Runa HR","article_publisher":"https:\/\/www.facebook.com\/runahr\/","article_modified_time":"2025-11-19T15:38:20+00:00","og_image":[{"width":512,"height":286,"url":"https:\/\/runahr.com\/wp-content\/uploads\/2025\/04\/image-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@runahr","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/runahr.com\/co\/horas-extra-test\/","url":"https:\/\/runahr.com\/co\/horas-extra-test\/","name":"horas-extra-test | CO | Runa HR","isPartOf":{"@id":"https:\/\/runahr.com\/co\/#website"},"datePublished":"2025-11-19T15:37:02+00:00","dateModified":"2025-11-19T15:38:20+00:00","breadcrumb":{"@id":"https:\/\/runahr.com\/co\/horas-extra-test\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/runahr.com\/co\/horas-extra-test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/runahr.com\/co\/horas-extra-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/runahr.com\/co\/"},{"@type":"ListItem","position":2,"name":"horas-extra-test"}]},{"@type":"WebSite","@id":"https:\/\/runahr.com\/co\/#website","url":"https:\/\/runahr.com\/co\/","name":"Runa HR","description":"Software de N\u00f3mina y Gesti\u00f3n de RRHH","publisher":{"@id":"https:\/\/runahr.com\/co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/runahr.com\/co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/runahr.com\/co\/#organization","name":"Runa HR","url":"https:\/\/runahr.com\/co\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/runahr.com\/co\/#\/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\/co\/#\/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"]}]}},"_links":{"self":[{"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/pages\/1083404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/comments?post=1083404"}],"version-history":[{"count":0,"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/pages\/1083404\/revisions"}],"wp:attachment":[{"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/media?parent=1083404"}],"wp:term":[{"taxonomy":"tipo","embeddable":true,"href":"https:\/\/runahr.com\/co\/wp-json\/wp\/v2\/tipo?post=1083404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}