{"id":1121092,"date":"2026-06-11T08:54:11","date_gmt":"2026-06-11T14:54:11","guid":{"rendered":"https:\/\/runahr.com\/?p=1121092"},"modified":"2026-06-11T09:13:40","modified_gmt":"2026-06-11T15:13:40","slug":"calculadora-de-horas","status":"publish","type":"post","link":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/","title":{"rendered":"Calculadora de horas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1121092\" class=\"elementor elementor-1121092\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f9d126 e-flex e-con-boxed e-con e-parent\" data-id=\"1f9d126\" 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-aed4389 elementor-widget elementor-widget-shortcode\" data-id=\"aed4389\" 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    .recursos_navbar {\n      padding: 0 0px;\n    }\n    .recourceuperbar {\n      display: flex;\n      gap: 32px;\n      align-items: center;\n    }\n    .navber_ul {\n      display: flex;\n      gap: 32px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n    .runa__nav-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .custom-dropdown {\n      position: relative;\n    }\n    .dropdown-toggle {\n      background: #fff;\n      border: 1px solid #d1d5db;\n      border-radius: 8px;\n      padding: 8px 20px;\n      min-width: 170px;\n      font-weight: 500;\n      color: #2d2d2d;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      transition: border 0.2s, box-shadow 0.2s;\n      outline: none;\n\t  width: 215px;\n\t  max-width:100%;\n\t\tfont-size:14px;\n    }\n    .dropdown-toggle:focus, .dropdown-toggle:active {\n      border: 1.5px solid var( --e-global-color-secondary );\n      box-shadow: 0 0 0 2px #e5e0f6;\n    }\n    .dropdown-toggle:hover {\n      border: 1px solid #bdb5e6;\n      background: #faf8ff;\n    }\n    .dropdown-toggle:after {\n      display: none;\n    }\n    .dropdown_menu {\n      position: absolute;\n      top: 110%;\n      left: 0;\n      z-index: 10;\n      border-radius: 10px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.10);\n      border: 1px solid #e5e7eb;\n      min-width: 210px;\n      padding: 8px 0;\n      background: #fff;\n      display: none;\n      list-style: none;\n      margin: 0;\n      padding-left: 0;\n    }\n    .dropdown_menu.show {\n      display: block;\n      animation: fadeIn 0.15s;\n    }\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    .dropdown-item {\n      font-size: 16px;\n      padding: 10px 20px;\n      color: var( --e-global-color-secondary ) !important;\n      transition: background 0.2s, color 0.2s;\n      background: none;\n      border: none;\n      display: block;\n      width: 100%;\n      text-align: left;\n      text-decoration: none;\n    }\n    .dropdown-item:hover, .dropdown-item.active_page {\n      background: #f1f5f9;\n      color: var( --e-global-color-secondary );\n    }\n    .bold {\n      font-weight: 700;\n    }\n    .link--purple-dark {\n      color: var( --e-global-color-secondary );\n    }\n\t\t\n\t@media (max-width: 767px) {\n\t\t.recursos_navbar .content--normal{\n\t\t\tfont-size:13px;\n\t\t}\n\t\t.navber_ul {\n\t\t  \tflex-direction:column;\n\t\t  \tgap:10px;\n\t\t  \twidth: 100%;\n\t\t}\n\t\t.runa__nav-item {\n\t\t\tgap: 0;\n\t\t\tflex-direction: column;\n\t\t\talign-items: start;\n\t\t}\n\t\t.dropdown.d-inline-block.custom-dropdown,.dropdown_menu, .dropdown-toggle{\n\t\t\twidth:100%;\n\t\t}\n\t\t\n\t\t.dropdown-toggle, .dropdown-item{\n\t\t\tfont-size:12px;\n\t\t}\n\t}\n    <\/style>\n    <nav class=\"\">\n        <div class=\"\">\n            <div class=\"\">\n                <ul class=\"navbar-nav navber_ul\">\n                    <li class=\"nav-item runa__nav-item\">\n                        <span class=\"content--normal link--purple-dark basic--line-height bold\"><b>Tema:<\/b><\/span>\n                        <div class=\"dropdown d-inline-block custom-dropdown\">\n                            <div class=\"dropdown-toggle\" tabindex=\"0\">\n                                Todos los temas <span class=\"fa-solid fa-angle-down fas\"><\/span>\n                            <\/div>\n                            <ul class=\"dropdown-menu dropdown_menu\">\n                                                                                                            <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/aspectos-legales\">Aspectos legales<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/comienza-tu-empresa\">Comienza tu empresa<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/hr-management\">HR Management<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/nomina\">N\u00f3mina<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/seguros\">Seguros<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item active_page\" href=\"\/mx\/recursos\">Todos los temas<\/a><\/li>\n                                                                                                <\/ul>\n                        <\/div>\n                    <\/li>\n                    <li class=\"nav-item runa__nav-item\">\n                        <span class=\"content--normal link--purple-dark basic--line-height bold\"><b>Tipo:<\/b><\/span>\n                        <div class=\"dropdown d-inline-block custom-dropdown\">\n                            <div class=\"dropdown-toggle\" tabindex=\"0\">\n                                Todos los tipos <span class=\"fa-solid fa-angle-down fas\"><\/span>\n                            <\/div>\n                            <ul class=\"dropdown-menu dropdown_menu\">\n                                                                                                            <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/articulo\">Art\u00edculo<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/calculadora\">Calculadora<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/guia\">Gu\u00eda<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/kit\">Kit<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/plantilla\">Plantilla<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item\" href=\"\/mx\/recursos\/video\">Video<\/a><\/li>\n                                                                                                                                                <li><a class=\"dropdown-item active_page\" href=\"\/mx\/recursos\">Todos los tipos<\/a><\/li>\n                                                                                                <\/ul>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div> \n        <\/div>\n    <\/nav>\n    <script>\n    \/\/ Dropdown funcionalidad sin Bootstrap, solo uno abierto a la vez\n    document.addEventListener('DOMContentLoaded', function() {\n      var dropdowns = document.querySelectorAll('.custom-dropdown');\n      dropdowns.forEach(function(drop){\n        var toggle = drop.querySelector('.dropdown-toggle');\n        var menu = drop.querySelector('.dropdown-menu');\n        toggle.addEventListener('click', function(e){\n          e.stopPropagation();\n          \/\/ Cerrar todos los men\u00fas primero\n          dropdowns.forEach(function(otherDrop){\n            if(otherDrop !== drop) {\n              otherDrop.querySelector('.dropdown-menu').classList.remove('show');\n            }\n          });\n          menu.classList.toggle('show');\n        });\n        \/\/ Accesibilidad: cerrar con escape\n        toggle.addEventListener('keydown', function(e){\n          if(e.key === 'Escape') menu.classList.remove('show');\n        });\n      });\n      \/\/ Cerrar al hacer click fuera\n      document.addEventListener('click', function(e){\n        dropdowns.forEach(function(drop){\n          if (!drop.contains(e.target)) {\n            drop.querySelector('.dropdown-menu').classList.remove('show');\n          }\n        });\n      });\n    });\n    <\/script>\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<div class=\"elementor-element elementor-element-52fa48f e-flex e-con-boxed e-con e-parent\" data-id=\"52fa48f\" 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-502ad9e elementor-widget elementor-widget-heading\" data-id=\"502ad9e\" 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\">Calculadora de horas<\/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-22ff894 e-grid e-con-boxed e-con e-parent\" data-id=\"22ff894\" 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-6eb2340 e-con-full e-flex e-con e-child\" data-id=\"6eb2340\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f16ae elementor-widget elementor-widget-breadcrumbs\" data-id=\"c7f16ae\" 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\/br\/\">Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6823b02 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6823b02\" 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>Calcula f\u00e1cilmente el total de horas trabajadas durante la semana. Con nuestra Calculadora de Horas puedes sumar horas, minutos y segundos de cada d\u00eda para obtener el total semanal de tiempo trabajado de forma r\u00e1pida, precisa y gratuita.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-578e2e7 elementor-widget elementor-widget-shortcode\" data-id=\"578e2e7\" 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: 900px;\r\n        margin: 2rem auto;\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: 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        }\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>Horas<\/span>\r\n                <span>Minutos<\/span>\r\n                <span>Segundos<\/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=\"1\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"20\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"30\">\r\n                <\/div>\r\n                <div class=\"time-row\">\r\n                <input type=\"number\" class=\"input-field input-hours\" placeholder=\"0\" min=\"0\" value=\"1\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"20\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"30\">\r\n                <\/div>\r\n                <div class=\"time-row\">\r\n                <input type=\"number\" class=\"input-field input-hours\" placeholder=\"0\" min=\"0\" value=\"1\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"20\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"30\">\r\n                <\/div>\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            <\/div>\r\n            \r\n            <button type=\"button\" class=\"btn-add-row\" id=\"btnAddRow\">+ adicionar linha<\/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\">3:23:22<\/div>\r\n            <\/div>\r\n            <button type=\"button\" class=\"btn-reset\" id=\"btnReset\">Reiniciar<\/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-9f9c9ba e-con-full e-flex e-con e-child\" data-id=\"9f9c9ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2dd2e4 e-con-full e-flex e-con e-child\" data-id=\"e2dd2e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b322031 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b322031\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a41338 elementor-widget elementor-widget-shortcode\" data-id=\"6a41338\" 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    .runa-top-calculadoras {\n        border: 1px solid #eae9ef;\n        border-radius: 8px;\n        background: #fff;\n        max-width: 400px;\n        margin: 0 auto;\n        font-family: 'Proxima Nova', sans-serif;\n        box-sizing: border-box;\n    }\n    .runa-top-calculadoras h3 {\n        margin: 0;\n        padding: 10px 15px;\n        background: #f8f8f8;\n        border-bottom: 1px solid #eae9ef;\n        border-radius: 8px 8px 0 0;\n        font-size: 15px;\n        font-weight: bold;\n        color: var(--e-global-color-primary);\n        text-align: center;\n        letter-spacing: 0.5px;\n    }\n    .runa-top-calculadoras a {\n        font-weight: bold;\n        text-decoration: none;\n    }\n    .side-tabs__list {\n        list-style: none;\n        padding: 15px;\n        margin: 0;\n        counter-reset: calc-num;\n    }\n    .border__bottom--purple-light {\n        border-bottom: 1px dashed var(--e-global-color-primary);\n        padding: 15px 0;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        position: relative;\n    }\n    .border__bottom--purple-light:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n    \/* C\u00edrculo con n\u00famero *\/\n    .calc-number {\n        font-weight: bold;\n        color: #fff;\n        background: var(--e-global-color-primary);\n        border-radius: 50%;\n        width: 28px;\n        height: 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 13px;\n        flex-shrink: 0;\n    }\n    .runa-top-calculadoras  .content--normal {\n        font-size: 16px;\n        color: var(--e-global-color-secondary) !important;\n        font-weight: 500;\n        line-height: 1.2;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    .img-fluid {\n        max-width: 120px !important;\n        height: 67px !important;\n        object-fit: cover;\n    }\n    @media (max-width: 600px) {\n        .runa-top-calculadoras { max-width: 100%; }\n        .border__bottom--purple-light { flex-direction: column; align-items: flex-start; }\n        .img-fluid { max-width: 100%; width: 100%; margin: 10px 0 0 0; }\n        .content--normal { max-width: 100%; }\n    }\n    <\/style>\n\n    <div class=\"runa-top-calculadoras\">\n        <h3>TOP CALCULADORAS<\/h3>\n        <ol class=\"side-tabs__list\"><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">1<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/br\/nomina\/calculadora-de-salario-liquido\/\">Calculadora de salario liquido<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/01\/rct.-calculadora-bruto-neto-300x130.webp\" class=\"img-fluid\" alt=\"\"><\/li><\/ol>    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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-0d9c348 e-flex e-con-boxed e-con e-parent\" data-id=\"0d9c348\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Calculadora de horas Calcula f\u00e1cilmente el total de horas trabajadas durante la semana. Con nuestra Calculadora de Horas puedes sumar horas, minutos y segundos de cada d\u00eda para obtener el total semanal de tiempo trabajado de forma r\u00e1pida, precisa y gratuita.<\/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":[2596,2597,2600],"tags":[],"class_list":["post-1121092","post","type-post","status-publish","format-standard","hentry","category-nomina","category-recursos","category-salario"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Calculadora de horas | BR | 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\/br\/recursos\/salario\/calculadora-de-horas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de horas | BR | Runa HR\" \/>\n<meta property=\"og:description\" content=\"Calculadora de horas Calcula f\u00e1cilmente el total de horas trabajadas durante la semana. Con nuestra Calculadora de Horas puedes sumar horas, minutos y segundos de cada d\u00eda para obtener el total semanal de tiempo trabajado de forma r\u00e1pida, precisa y gratuita.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/\" \/>\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-06-11T14:54:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T15:13:40+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=\"jorgeparra\" \/>\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":"Calculadora de horas | BR | 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\/br\/recursos\/salario\/calculadora-de-horas\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de horas | BR | Runa HR","og_description":"Calculadora de horas Calcula f\u00e1cilmente el total de horas trabajadas durante la semana. Con nuestra Calculadora de Horas puedes sumar horas, minutos y segundos de cada d\u00eda para obtener el total semanal de tiempo trabajado de forma r\u00e1pida, precisa y gratuita.","og_url":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/","og_site_name":"Runa HR","article_publisher":"https:\/\/www.facebook.com\/runahr\/","article_published_time":"2026-06-11T14:54:11+00:00","article_modified_time":"2026-06-11T15:13:40+00:00","og_image":[{"width":512,"height":286,"url":"https:\/\/runahr.com\/wp-content\/uploads\/2025\/04\/image-2.png","type":"image\/png"}],"author":"jorgeparra","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\/br\/recursos\/salario\/calculadora-de-horas\/#article","isPartOf":{"@id":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/"},"author":{"name":"jorgeparra","@id":"https:\/\/runahr.com\/br\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9"},"headline":"Calculadora de horas","datePublished":"2026-06-11T14:54:11+00:00","dateModified":"2026-06-11T15:13:40+00:00","mainEntityOfPage":{"@id":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/"},"wordCount":59,"publisher":{"@id":"https:\/\/runahr.com\/br\/#organization"},"articleSection":["N\u00f3mina","Recursos","Salario"],"inLanguage":"br"},{"@type":"WebPage","@id":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/","url":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/","name":"Calculadora de horas | BR | Runa HR","isPartOf":{"@id":"https:\/\/runahr.com\/br\/#website"},"datePublished":"2026-06-11T14:54:11+00:00","dateModified":"2026-06-11T15:13:40+00:00","breadcrumb":{"@id":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/#breadcrumb"},"inLanguage":"br","potentialAction":[{"@type":"ReadAction","target":["https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/runahr.com\/br\/recursos\/salario\/calculadora-de-horas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/runahr.com\/br\/"},{"@type":"ListItem","position":2,"name":"Recursos","item":"https:\/\/runahr.com\/br\/category\/recursos\/"},{"@type":"ListItem","position":3,"name":"Salario","item":"https:\/\/runahr.com\/br\/category\/recursos\/salario\/"},{"@type":"ListItem","position":4,"name":"Calculadora de horas"}]},{"@type":"WebSite","@id":"https:\/\/runahr.com\/br\/#website","url":"https:\/\/runahr.com\/br\/","name":"Runa HR","description":"Software de N\u00f3mina y Gesti\u00f3n de RRHH","publisher":{"@id":"https:\/\/runahr.com\/br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/runahr.com\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"br"},{"@type":"Organization","@id":"https:\/\/runahr.com\/br\/#organization","name":"Runa HR","url":"https:\/\/runahr.com\/br\/","logo":{"@type":"ImageObject","inLanguage":"br","@id":"https:\/\/runahr.com\/br\/#\/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\/br\/#\/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\/br\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9","name":"jorgeparra","image":{"@type":"ImageObject","inLanguage":"br","@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\/br\/author\/jorgeparra\/"}]}},"_links":{"self":[{"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/posts\/1121092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/comments?post=1121092"}],"version-history":[{"count":3,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/posts\/1121092\/revisions"}],"predecessor-version":[{"id":1121105,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/posts\/1121092\/revisions\/1121105"}],"wp:attachment":[{"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/media?parent=1121092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/categories?post=1121092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/runahr.com\/br\/wp-json\/wp\/v2\/tags?post=1121092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}