{"id":1194643,"date":"2026-08-13T12:26:52","date_gmt":"2026-08-13T18:26:52","guid":{"rendered":"https:\/\/runahr.com\/?p=1194643"},"modified":"2026-10-23T12:02:40","modified_gmt":"2026-10-23T18:02:40","slug":"calculadora-de-horas-y-minutos","status":"publish","type":"post","link":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/","title":{"rendered":"Calculadora de horas y minutos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1194643\" class=\"elementor elementor-1194643\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c97c2db e-flex e-con-boxed e-con e-parent\" data-id=\"c97c2db\" 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-2b3e7e3 elementor-widget elementor-widget-shortcode\" data-id=\"2b3e7e3\" 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-d0e8bd8 e-flex e-con-boxed e-con e-parent\" data-id=\"d0e8bd8\" 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-7e81547 elementor-widget elementor-widget-heading\" data-id=\"7e81547\" 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 y minutos<\/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-6c29cf8 e-grid e-con-boxed e-con e-parent\" data-id=\"6c29cf8\" 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-3e76be6 e-con-full e-flex e-con e-child\" data-id=\"3e76be6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888d88a elementor-widget elementor-widget-breadcrumbs\" data-id=\"888d88a\" 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\/mx\/\">Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02740fd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"02740fd\" 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 tus horas trabajadas, horas extra y tiempo total de trabajo. Ingresa tus horarios de entrada y salida para conocer cu\u00e1ntas horas trabajaste al d\u00eda o durante la semana.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf7dcb elementor-widget elementor-widget-shortcode\" data-id=\"1cf7dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        html,\r\n        h3 {\r\n            margin-top: 0 !important;\r\n        }\r\n\r\n        .info-icon {\r\n            color: rgb(138, 138, 138);\r\n            opacity: 0.5;\r\n            margin-left: 4px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .info-icon:hover {\r\n            color: rgba(36, 21, 198, 0.4) !important;\r\n        }\r\n\r\n        .boton_periodo_container, .boton_regimen_container {\r\n            display: flex;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .boton_periodo, .boton_regimen {\r\n            background-color: #eae5e5 !important;\r\n            color: #b3b1ba !important;\r\n            border-color: #eae5e5 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .boton_periodo_selec, .boton_regimen_selec {\r\n            color: white !important;\r\n            background-color: #7a6ff0 !important;\r\n            border-color: #7a6ff0 !important;\r\n        }\r\n\r\n        .boton_periodo,\r\n        .boton_periodo_selec, \r\n        .boton_regimen,\r\n        .boton_regimen_selec {\r\n            width: 180px !important;\r\n        }\r\n\r\n        .calculadora_button {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n        }\r\n        \r\n        .calc-step__num {\r\n            font-weight: bold;\r\n        }\r\n\r\n        .calc-step__body {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .calc-list__item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .calc-list__label {\r\n            width: 78%;\r\n        }\r\n\r\n        .dollar_text {\r\n            width: 35%;\r\n            text-align: right;\r\n        }\r\n\r\n        .input--amount {\r\n            max-width: 350px;\r\n        }\r\n\r\n        .date--amount, .select--field {\r\n            max-width: 385px;\r\n        }\r\n\r\n        .sq-btn {\r\n            line-height: 1 !important;\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .calculadora_button {\r\n                display: none;\r\n            }\r\n\r\n            .calc-step__body {\r\n                margin-bottom: 0;\r\n            }\r\n\r\n            .sq-btn, .elementor-button  {\r\n                height: 58px !important;\r\n                width: 180px !important;\r\n                padding: 0 !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 536px) {\r\n            .dollar_text {\r\n                width: 41%;\r\n            }\r\n        }\r\n\r\n\r\n        .popover {\r\n            position: absolute;\r\n            z-index: 1000;\r\n            border: 1px solid #ccc;\r\n            background: #fff;\r\n            border-radius: 4px;\r\n            max-width: 275px;\r\n        }\r\n\r\n        .popover-body {\r\n            padding: 10px;\r\n            color: #333;\r\n        }\r\n\r\n        .popover-body:before {\r\n            content: \"\";\r\n            display: block;\r\n            width: 0;\r\n            height: 0;\r\n            border-top: 10px solid transparent;\r\n            border-bottom: 10px solid transparent;\r\n            border-left: 10px solid #eaeafb;\r\n            position: absolute;\r\n            top: calc(100% - 70%);\r\n            left: -10px;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .calc-list__total {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n        }\r\n        .calc-list__total span {\r\n            margin-left: 20px;\r\n        }\r\n\r\n        .margin-bullet {\r\n            margin-left: 50px;\r\n            width: calc(100% - 50px) !important;\r\n        }\r\n\r\n        .height-fix {\r\n            height: auto !important;\r\n        }\r\n\r\n        .underline-text {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        button.descargar_excel {\r\n            display: flex;\r\n            gap: 5px;\r\n            line-height: 1;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-top: 20px;\r\n            align-self: flex-end;\r\n            max-height: 40px;\r\n            width: 180px;\r\n        }\r\n\r\n        button.descargar_excel .xcl_purple_icon {\r\n            display: inline-block;\r\n            width: 20px;\r\n        }\r\n\r\n        button.descargar_excel .xcl_white_icon {\r\n            display: none;\r\n            width: 20px;\r\n        }\r\n\r\n        button.descargar_excel:hover .xcl_purple_icon {\r\n            display: none;\r\n        }\r\n\r\n        button.descargar_excel:hover .xcl_white_icon {\r\n            display: inline-block;\r\n        }\r\n        \r\n        .rating .wp-applaud:after {\r\n            display: none;\r\n        }\r\n\r\n        .rating .wp-applaud .wp-applaud-count {\r\n            margin-left: 0px !important;\r\n            width: 125px !important;\r\n        }\r\n\r\n        .form-control {\r\n            border-radius: 10px !important;\r\n            max-width: 320px !important;\r\n        }\r\n\r\n        .input-group-prepend {\r\n            border-radius: 10px 0 0 10px !important;\r\n        }\r\n        \r\n        .shadow-none.form-group-custom {\r\n            border-radius: 0 10px 10px 0 !important;\r\n            max-width: 285px !important;\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        \/* Estilos adicionales para el datepicker *\/\r\n\t\t.ui-datepicker {\r\n\t\t\tz-index: 9999 !important;\r\n\t\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-header {\r\n\t\t\tbackground: #f8f9fa;\r\n\t\t\tborder-bottom: 1px solid #dee2e6;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar {\r\n\t\t\tbackground: white;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar td a {\r\n\t\t\tcolor: #495057;\r\n\t\t\tpadding: 8px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-radius: 4px;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-calendar td a:hover {\r\n\t\t\tbackground: #007bff;\r\n\t\t\tcolor: white;\r\n\t\t}\r\n\r\n\t\t.ui-datepicker-today a {\r\n\t\t\tbackground: #e9ecef !important;\r\n\t\t\tcolor: #007bff !important;\r\n\t\t}\r\n\r\n        .input-group-addon {\r\n            position: absolute;\r\n        }\r\n\r\n        .form-control.hasDatepicker {\r\n            padding-right: 40px;\r\n        }\r\n\r\n        .step-in {\r\n            padding-left: 25px !important;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .sq-btn {\r\n                border-radius: 50px !important;\r\n            }\r\n\r\n            .boton_regimen_container, .boton_periodo_container {\r\n                justify-content: center;\r\n                margin-left: -25px;\r\n            }\r\n            \r\n            .margin-bullet {\r\n                margin-left: 0;\r\n            }\r\n\r\n            .content--normal-2 {\r\n                font-size: 14px !important;\r\n                text-align: right;\r\n            }\r\n\r\n            .calc-list__total {\r\n                padding: 10px 0 10px !important;\r\n            }\r\n        }\r\n\r\n        .calc-list__heading {\r\n          display: flex;\r\n        }\r\n        .calc-list__heading .calc-list__label { \r\n          width: 33%;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label span { \r\n          border-bottom: solid 1px black;\r\n          margin: 0 0 0 20px;\r\n          text-align: center;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label.col-1 { \r\n          width: 50%;\r\n        }\r\n        \r\n        .calc-list__heading .calc-list__label.col-2 { \r\n          width: 25%;\r\n        }\r\n\r\n        .select2-container--default .select2-selection--single .select2-selection__arrow {\r\n            display: none !important;\r\n        }\r\n\r\n        .select2-selection--single::after {\r\n            content: \"\\25BC\";\r\n            position: absolute;\r\n            right: 6px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: #888;\r\n            font-size: 10px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .select2-container--open .select2-selection--single::after {\r\n            content: \"\\25B2\";\r\n        }\r\n\r\n        \/* Todo el dise\u00f1o se encapsula bajo la clase ra\u00edz .time-calculator-app *\/\r\n        .time-calculator-app {\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        color: #3b2a66;\r\n        max-width: 722px;\r\n        margin: 2rem 0;\r\n        padding: 10px;\r\n        }\r\n\r\n        .time-calculator-app .calculator-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 50px;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        }\r\n\r\n        \/* Columna de entradas *\/\r\n        .time-calculator-app .inputs-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        flex: 1;\r\n        max-width: 500px;\r\n        }\r\n\r\n        .time-calculator-app .table-headers {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        padding-right: 20px; \/* Compensa visualmente las dos columnas de puntos sugeridos *\/\r\n        }\r\n\r\n        .time-calculator-app .table-headers span {\r\n        font-size: 1.1rem;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        }\r\n\r\n        .time-calculator-app .rows-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        width: 100%;\r\n        margin-bottom: 25px;\r\n        }\r\n\r\n        .time-calculator-app .time-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        width: 100%;\r\n        }\r\n\r\n        .time-calculator-app .input-field {\r\n        width: 28%;\r\n        height: 55px;\r\n        border: 2px solid #8e7ee6;\r\n        border-radius: 12px;\r\n        font-size: 1.5rem;\r\n        color: #3b2a66;\r\n        text-align: center;\r\n        outline: none;\r\n        background-color: #fff;\r\n        transition: border-color 0.2s;\r\n        }\r\n\r\n        \/* Quitar flechas por defecto de los inputs num\u00e9ricos *\/\r\n        .time-calculator-app .input-field::-webkit-outer-spin-button,\r\n        .time-calculator-app .input-field::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n        }\r\n        .time-calculator-app .input-field[type=number] {\r\n        -moz-appearance: textfield;\r\n        }\r\n\r\n        .time-calculator-app .input-field:focus {\r\n        border-color: #5d46b8;\r\n        box-shadow: 0 0 5px rgba(142, 126, 230, 0.3);\r\n        }\r\n\r\n        .time-calculator-app .colon {\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        color: #8e7ee6;\r\n        width: 5%;\r\n        text-align: center;\r\n        }\r\n\r\n        \/* Bot\u00f3n A\u00f1adir Fila *\/\r\n        .time-calculator-app .btn-add-row {\r\n        background-color: #7A6FF0;\r\n        color: #ffffff;\r\n        border: solid 1px #7A6FF0;\r\n        border-radius: 20px;\r\n        padding: 8px 24px;\r\n        font-size: 0.95rem;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s;\r\n        }\r\n\r\n        .time-calculator-app .btn-add-row:hover {\r\n        background-color: transparent;\r\n        color: #7A6FF0;\r\n        }\r\n\r\n        \/* Columna de resultados *\/\r\n        .time-calculator-app .results-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        width: 320px;\r\n        padding-top: 32px; \/* Alineaci\u00f3n aproximada con la primera fila *\/\r\n        }\r\n\r\n        .time-calculator-app .total-box {\r\n        position: relative;\r\n        border: 2px solid #8e7ee6;\r\n        border-radius: 16px;\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        background-color: #fff;\r\n        }\r\n\r\n        .time-calculator-app .total-label {\r\n        position: absolute;\r\n        top: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background-color: #fdfbfe; \/* O el color de fondo exacto de tu web *\/\r\n        padding: 0 15px;\r\n        font-size: 1.1rem;\r\n        font-weight: 500;\r\n        }\r\n\r\n        .time-calculator-app .total-display {\r\n        font-size: 3rem;\r\n        font-weight: 500;\r\n        letter-spacing: 1px;\r\n        }\r\n\r\n        \/* Bot\u00f3n Reiniciar *\/\r\n        .time-calculator-app .btn-reset {\r\n        background-color: #f5a623;\r\n        color: #ffffff;\r\n        border: solid 1px #f5a623;\r\n        border-radius: 25px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s;\r\n        width: 100%;\r\n        line-height: 1;\r\n        padding: 0 30px;\r\n        }\r\n\r\n        .time-calculator-app .btn-reset:hover {\r\n        background-color: transparent;\r\n        color: #7A6FF0;\r\n        border-color: #7A6FF0;\r\n        }\r\n\r\n        \/* Responsivo simple *\/\r\n        @media (max-width: 768px) {\r\n        .time-calculator-app .calculator-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 35px;\r\n        }\r\n        .time-calculator-app .results-column {\r\n            padding-top: 0;\r\n            width: 100%;\r\n            max-width: 350px;\r\n        }\r\n        }\r\n        \r\n\r\n    <\/style>\r\n\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"time-calculator-app\">\r\n        <div class=\"calculator-container\">\r\n            \r\n            <div class=\"inputs-column\">\r\n            <div class=\"table-headers\">\r\n                <span>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=\"0\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-minutes\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"0\">\r\n                <span class=\"colon\">:<\/span>\r\n                <input type=\"number\" class=\"input-field input-seconds\" placeholder=\"0\" min=\"0\" max=\"59\" value=\"0\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <button type=\"button\" class=\"btn-add-row\" id=\"btnAddRow\">+ agregar fila<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"results-column\">\r\n            <div class=\"total-box\">\r\n                <span class=\"total-label\">Total<\/span>\r\n                <div class=\"total-display\" id=\"totalDisplay\">0:00:00<\/div>\r\n            <\/div>\r\n            <button type=\"button\" class=\"btn-reset\" id=\"btnReset\">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-a250784 e-con-full e-flex e-con e-child\" data-id=\"a250784\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-03378f5 e-con-full e-flex e-con e-child\" data-id=\"03378f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfd6b36 elementor-widget elementor-widget-text-editor\" data-id=\"bfd6b36\" 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>Esta calculadora tiene fines exclusivamente informativos y proporciona \u00fanicamente estimaciones. Los resultados no constituyen un c\u00e1lculo oficial de n\u00f3mina ni asesor\u00eda jur\u00eddica, laboral, contable o fiscal. Las reglas sobre jornada laboral, horas extra, recargos y remuneraci\u00f3n pueden variar seg\u00fan el contrato de trabajo, convenio colectivo, categor\u00eda profesional y legislaci\u00f3n aplicable. Recomendamos consultar a un profesional calificado para situaciones espec\u00edficas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a16f815 elementor-widget elementor-widget-post-info\" data-id=\"a16f815\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4a66180 elementor-inline-item\" itemprop=\"about\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\n\t\t\t\t\t\t\t<span class=\"elementor-post-info__item-prefix\">Tags:<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Calculadora<\/span>, <span class=\"elementor-post-info__terms-list-item\">Horas<\/span>\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da95b19 elementor-widget elementor-widget-template\" data-id=\"da95b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"1083592\" class=\"elementor elementor-1083592\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e19b2ab e-con-full e-flex e-con e-child\" data-id=\"e19b2ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eb304ce elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"3eb304ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfTe gust\u00f3 la calculadora? <br>Reg\u00e1lanos un aplauso.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58b30941 elementor-widget elementor-widget-shortcode\" data-id=\"58b30941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .rating {\n            text-align: center;\n        }\n\n        .rating .applaud {\n            display: inline-block;\n            position: relative;\n        }\n\n        .rating .wp-applaud,\n        .rating .wp-applaud.active {\n            display: block;\n            \n        }\n\n        .rating .wp-applaud .wp-applaud-count {\n            color: var(--e-global-color-secondary);\n\t\t\tfont-family: 'Proxima Nova';\n\t\t\tfont-weight: 500;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n        }\n\t.wp-applaud-count:before {\n\t\tcontent: '';\n\t\tbackground: url(\/wp-content\/themes\/Runa-2025\/assets\/img\/applaud.png);\n\t\tbackground-color: #f8f8fa;\n\t\tpadding: 0;\n\t\tborder-radius: 50%;\n\t\theight: 42px;\n\t\twidth: 42px;\n\t\tbackground-size: 25px;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: 11px;\n\t\tcursor: pointer;\n\t\tmargin-right: 5px;\n\t}\n\n        .wp-applaud-count:after {\n            content: 'aplausos';\n            color: var( --e-global-color-secondary );\n            margin-left: 5px;\n        }\n    <\/style>\n\n            <div class=\"rating\">\n            <div class=\"applaud\">\n                <a href=\"#\" class=\"wp-applaud\" id=\"wp-applaud-1194643\" title=\"aplausos\"><span class=\"wp-applaud-count\">3<\/span><\/a>            <\/div>\n        <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-008830c e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"008830c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23fe43f elementor-widget elementor-widget-shortcode\" data-id=\"23fe43f\" 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\/mx\/recursos\/nomina\/calculadora-salario-neto-o-bruto\/\">Calculadora de salario bruto neto<\/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><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">2<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/calculadora-aguinaldo\/\">Calculadora de aguinaldo<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/01\/calculadora-de-aguinaldo-1-300x131.png\" class=\"img-fluid\" alt=\"\"><\/li><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">3<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/calculadora-finiquito\/\">Calculadora de finiquito<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/02\/rct.-calculadora-de-finiquito-300x130.webp\" class=\"img-fluid\" alt=\"\"><\/li><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">4<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/calculadora-prima-vacacional\/\">Calculadora de prima vacacional<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/07\/rct.-calculadora-prima-vacacional-300x131.webp\" class=\"img-fluid\" alt=\"\"><\/li><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">5<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/calculadora-liquidacion\/\">Calculadora de liquidaci\u00f3n<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/09\/rct.-calculadora-de-liquidacion-300x130.webp\" class=\"img-fluid\" alt=\"\"><\/li><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">6<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/calculadora-rfc\/\">Calculadora de RFC<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2024\/08\/rct.-calculadora-de-RFC-300x130.webp\" class=\"img-fluid\" alt=\"\"><\/li><li class=\"border__bottom--purple-light\"><div class=\"calc-number\">7<\/div><div style=\"flex:1\"><a class=\"content--normal\" href=\"https:\/\/runahr.com\/mx\/recursos\/contador-de-dias\/\">Contador de d\u00edas<\/a><\/div><img decoding=\"async\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-calculadora-contador-dias-300x131.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-b13d23f e-flex e-con-boxed e-con e-parent\" data-id=\"b13d23f\" 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-badc233 elementor-widget elementor-widget-template\" data-id=\"badc233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"1100527\" class=\"elementor elementor-1100527\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6143fc e-flex e-con-boxed e-con e-parent\" data-id=\"7f6143fc\" 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-15a9cd03 elementor-widget elementor-widget-shortcode\" data-id=\"15a9cd03\" 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\">\t\t\t\t<h2 class=\"runa-faq-title\">Preguntas frecuentes<\/h2>\n\t\t\n\t\t<div class=\"runa-faq-accordion\">\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfC\u00f3mo calcular los d\u00edas entre dos fechas?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>Ingresa la fecha de inicio y la fecha de finalizaci\u00f3n en el contador de d\u00edas. La herramienta calcular\u00e1 autom\u00e1ticamente cu\u00e1ntos d\u00edas existen entre ambas fechas.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfQu\u00e9 es un contador de d\u00edas?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>Un contador de d\u00edas es una herramienta que permite calcular el tiempo transcurrido entre dos fechas o conocer cu\u00e1ntos d\u00edas faltan para una fecha determinada.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfC\u00f3mo saber cu\u00e1ntos d\u00edas han pasado desde una fecha?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>Selecciona la fecha desde la que quieres comenzar a contar y utiliza la fecha actual como fecha de finalizaci\u00f3n. El contador mostrar\u00e1 autom\u00e1ticamente los d\u00edas transcurridos.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfC\u00f3mo calcular cu\u00e1ntos d\u00edas faltan para una fecha?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>Utiliza la fecha actual como fecha de inicio y selecciona como fecha final el evento que quieres consultar. As\u00ed podr\u00e1s saber exactamente cu\u00e1ntos d\u00edas faltan.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfEl contador calcula d\u00edas naturales o d\u00edas h\u00e1biles?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>El contador calcula los d\u00edas calendario entre dos fechas, incluyendo fines de semana y d\u00edas festivos. <\/span><i><span>(Solo pondr\u00eda esto si as\u00ed funciona efectivamente la calculadora.)<\/span><\/i><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t\t<details class=\"runa-faq-item\">\n\t\t\t\t<summary>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"runa-faq-question\">\u00bfCu\u00e1l es la diferencia entre d\u00edas naturales y d\u00edas h\u00e1biles?<\/h3>\n\t\t\t\t\t<i class=\"fas fa-chevron-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"runa-faq-content\">\n\t\t\t\t\t<p><span>Los d\u00edas naturales incluyen todos los d\u00edas del calendario, incluidos s\u00e1bados, domingos y d\u00edas festivos. Los d\u00edas h\u00e1biles normalmente consideran \u00fanicamente los d\u00edas laborables.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\n\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo calcular los d\u00edas entre dos fechas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003EIngresa la fecha de inicio y la fecha de finalizaci\u00f3n en el contador de d\u00edas. La herramienta calcular\u00e1 autom\u00e1ticamente cu\u00e1ntos d\u00edas existen entre ambas fechas.\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\\n\"}},{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 es un contador de d\u00edas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003EUn contador de d\u00edas es una herramienta que permite calcular el tiempo transcurrido entre dos fechas o conocer cu\u00e1ntos d\u00edas faltan para una fecha determinada.\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\\n\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo saber cu\u00e1ntos d\u00edas han pasado desde una fecha?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003ESelecciona la fecha desde la que quieres comenzar a contar y utiliza la fecha actual como fecha de finalizaci\u00f3n. El contador mostrar\u00e1 autom\u00e1ticamente los d\u00edas transcurridos.\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\\n\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo calcular cu\u00e1ntos d\u00edas faltan para una fecha?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003EUtiliza la fecha actual como fecha de inicio y selecciona como fecha final el evento que quieres consultar. As\u00ed podr\u00e1s saber exactamente cu\u00e1ntos d\u00edas faltan.\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\\n\"}},{\"@type\":\"Question\",\"name\":\"\u00bfEl contador calcula d\u00edas naturales o d\u00edas h\u00e1biles?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003EEl contador calcula los d\u00edas calendario entre dos fechas, incluyendo fines de semana y d\u00edas festivos. \\u003C\\\/span\\u003E\\u003Ci\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003E(Solo pondr\u00eda esto si as\u00ed funciona efectivamente la calculadora.)\\u003C\\\/span\\u003E\\u003C\\\/i\\u003E\\u003C\\\/p\\u003E\\n\"}},{\"@type\":\"Question\",\"name\":\"\u00bfCu\u00e1l es la diferencia entre d\u00edas naturales y d\u00edas h\u00e1biles?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003E\\u003Cspan style=\\\"font-weight: 400\\\"\\u003ELos d\u00edas naturales incluyen todos los d\u00edas del calendario, incluidos s\u00e1bados, domingos y d\u00edas festivos. Los d\u00edas h\u00e1biles normalmente consideran \u00fanicamente los d\u00edas laborables.\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\\n\"}}]}<\/script>\n\n\t\t<script>\n\t\t(function() {\n\t\t\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\t\t\tvar items = document.querySelectorAll('.runa-faq-accordion details');\n\t\t\t\titems.forEach(function(target) {\n\t\t\t\t\ttarget.addEventListener('toggle', function() {\n\t\t\t\t\t\tif (target.open) {\n\t\t\t\t\t\t\titems.forEach(function(other) {\n\t\t\t\t\t\t\t\tif (other !== target && other.open) other.open = false;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t})();\n\t\t<\/script>\n\t\t<\/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\t\t<\/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-a36d873 e-flex e-con-boxed e-con e-parent\" data-id=\"a36d873\" 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-8eae633 elementor-widget elementor-widget-heading\" data-id=\"8eae633\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQuieres saber m\u00e1s sobre las horas de trabajo?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e6b28d elementor-widget elementor-widget-text-editor\" data-id=\"6e6b28d\" 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>Visita nuestra centro de recursos para aprender mas sobre esta tema y mucho mas relacionado a la nomina.<br \/>Estamos aca para hacerte mas inteligente sobre la nomina y tu equipo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80ac4d1 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"80ac4d1\" 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><a href=\"\/mx\/recursos\/\"><strong>Ver m\u00e1s recursos &gt;<\/strong><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a92f218 elementor-widget elementor-widget-shortcode\" data-id=\"a92f218\" 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 id=\"runa-recursos-hub-css\"> .runa-recursos-hub { --rrh-bg-top: #EFEAFD; --rrh-sticky: 90px; width: 100%; font-family: \"Proxima Nova\", Sans-serif; color: var(--runa-ink, #352C60); } .runa-recursos-hub__wrap { box-sizing: border-box; width: 100%; max-width: 1188px; margin: 0 auto; padding: 0 24px; } .runa-recursos-hub__icono { flex: 0 0 auto; width: 18px; height: 18px; } .runa-recursos-hub__top { position: relative; padding: 48px 0 0; background: var(--rrh-bg-top); } .runa-recursos-hub__top::before { content: \"\"; position: absolute; right: max(24px, calc((100vw - 1140px) \/ 2)); bottom: 45px; width: 450px; height: 175px; background: url(\"\/wp-content\/uploads\/2026\/11\/recursos-hero-ilustracion.webp\") no-repeat right bottom \/ contain; -webkit-mask-image: linear-gradient(to left, transparent, #000 12%); mask-image: linear-gradient(to left, transparent, #000 12%); pointer-events: none; } .runa-recursos-hub__top .runa-recursos-hub__wrap { position: relative; } .runa-recursos-hub__filtros { position: sticky; top: var(--rrh-sticky); z-index: 20; padding: 24px 0; background: var(--rrh-bg-top); box-shadow: 0 1px 0 var(--runa-border, #E6E5EC); } .runa-recursos-hub .runa-recursos-hub__titulo { margin: 0 0 6px; color: var(--runa-ink, #352C60); font-size: 44px; font-weight: 700; line-height: 1.15; } .runa-recursos-hub__marca { position: relative; display: inline-block; } .runa-recursos-hub__marca::after, .runa-recursos-hub__marca::before { content: \"\"; position: absolute; background-repeat: no-repeat; background-size: 100% 100%; pointer-events: none; } .runa-recursos-hub__marca::after { left: 2%; bottom: -0.16em; width: 96%; height: 0.22em; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M3 9C55 3 130 1 197 5' fill='none' stroke='%237D6EF2' stroke-width='4' stroke-linecap='round'\/%3E%3C\/svg%3E\"); } .runa-recursos-hub__marca::before { top: -0.1em; right: -0.35em; width: 0.55em; height: 0.55em; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%237D6EF2' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 13 8 3M10 16 19 9M12 21 22 20'\/%3E%3C\/svg%3E\"); } .runa-recursos-hub .runa-recursos-hub__bajada { margin: 0 0 24px; color: var(--runa-muted, #6B7280); font-size: 18px; line-height: 1.4; } .runa-recursos-hub__buscador { display: flex; align-items: center; margin: 0; padding: 6px; background: #fff; border: 1px solid var(--runa-border, #E6E5EC); border-radius: var(--runa-radius-pill, 999px); box-shadow: 0 8px 24px rgba(53, 44, 96, 0.08); } .runa-recursos-hub__buscador:focus-within { border-color: var(--runa-accent, #7D6EF2); } .runa-recursos-hub__campo { flex: 1; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; color: var(--runa-muted, #6B7280); } .runa-recursos-hub .runa-recursos-hub__campo input { flex: 1; min-width: 0; padding: 0; border: 0 !important; background: transparent; color: var(--runa-ink, #352C60); font: inherit; font-size: 16px; outline: none; box-shadow: none; } .runa-recursos-hub .runa-recursos-hub__boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 180px; padding: 12px 24px; border: none !important; border-radius: var(--runa-radius-pill, 999px); background: #F5A623; color: #fff; font-size: 14px; font-weight: 200; line-height: 1; cursor: pointer; transition: background var(--runa-t-color, 0.2s); -webkit-appearance: none; appearance: none; } .runa-recursos-hub .runa-recursos-hub__boton:hover, .runa-recursos-hub .runa-recursos-hub__boton:focus-visible { background: var(--runa-accent, #7D6EF2); color: #fff; } .runa-recursos-hub__boton .runa-recursos-hub__icono { display: none; } .runa-recursos-hub__grupo { display: flex; align-items: center; gap: 16px; } @media (min-width: 768px) { .runa-recursos-hub__filtros .runa-recursos-hub__wrap { padding-left: 40px; } } .runa-recursos-hub__grupo + .runa-recursos-hub__grupo { margin-top: 10px; } .runa-recursos-hub__label { flex: 0 0 auto; font-size: 15px; font-weight: 600; white-space: nowrap; } .runa-recursos-hub__chips { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; } .runa-recursos-hub .runa-recursos-hub__chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: #fff; border: 1px solid var(--runa-border, #E6E5EC); border-radius: var(--runa-radius-sm, 12px); color: var(--runa-ink, #352C60); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; transition: background var(--runa-t-color, 0.2s), border-color var(--runa-t-color, 0.2s), color var(--runa-t-color, 0.2s); } .runa-recursos-hub .runa-recursos-hub__chip:hover { border-color: var(--runa-accent, #7D6EF2); color: var(--runa-accent, #7D6EF2); } .runa-recursos-hub .runa-recursos-hub__chip.is-active { background: var(--runa-accent, #7D6EF2); border-color: var(--runa-accent, #7D6EF2); color: #fff; } .runa-recursos-hub .runa-recursos-hub__chips--tema .runa-recursos-hub__chip { padding: 7px 14px; border-radius: var(--runa-radius-pill, 999px); font-size: 13px; } .runa-recursos-hub__resultados { padding-top: 28px; padding-bottom: 56px; } .runa-recursos-hub__barra { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 20px; } .runa-recursos-hub .runa-recursos-hub__resumen { margin: 0; font-size: 28px; font-weight: 700; line-height: 1.2; } .runa-recursos-hub__termino { color: var(--runa-accent, #7D6EF2); } .runa-recursos-hub__orden { display: flex; align-items: center; gap: 10px; color: var(--runa-muted, #6B7280); font-size: 14px; white-space: nowrap; } .runa-recursos-hub .runa-recursos-hub__orden select { min-width: 180px; height: 42px; padding: 0 36px 0 14px; border: 1px solid var(--runa-border, #E6E5EC); border-radius: var(--runa-radius-sm, 12px); background: #fff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23352C60' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\") no-repeat right 12px center \/ 16px; color: var(--runa-ink, #352C60); font: inherit; font-size: 14px; -webkit-appearance: none; appearance: none; cursor: pointer; } .runa-recursos-hub__destacados { margin-top: 28px; padding: 24px 28px 28px; background: #fff; border-radius: 20px; box-shadow: var(--runa-shadow-card, 0 8px 24px rgba(46, 42, 90, 0.08)); } .runa-recursos-hub .runa-recursos-hub__destacados h2 { margin: 0 0 20px; color: var(--runa-ink, #352C60); font-size: 28px; font-weight: 700; line-height: 1.2; } .runa-recursos-hub__destacados-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .runa-recursos-hub__destacado { --rrh-dest: var(--runa-accent, #7D6EF2); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 24px; background: #F1EFFC; border-radius: 16px; } .runa-recursos-hub__destacado--plantilla { --rrh-dest: var(--runa-mod-orange, #F2A343); background: #FFF4E1; } .runa-recursos-hub .runa-recursos-hub__destacado h3 { margin: 0 0 8px; color: var(--runa-ink, #352C60); font-size: 20px; font-weight: 700; line-height: 1.2; } .runa-recursos-hub .runa-recursos-hub__destacado p { margin: 0 0 16px; color: var(--runa-muted, #6B7280); font-size: 15px; line-height: 1.4; } .runa-recursos-hub .runa-recursos-hub__destacado-boton { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1px solid var(--runa-accent, #7D6EF2); border-radius: var(--runa-radius-pill, 999px); color: var(--runa-ink, #352C60); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; transition: background var(--runa-t-color, 0.2s), color var(--runa-t-color, 0.2s); } .runa-recursos-hub .runa-recursos-hub__destacado-boton:hover, .runa-recursos-hub .runa-recursos-hub__destacado-boton:focus-visible { background: var(--runa-accent, #7D6EF2); color: #fff; } .runa-recursos-hub__destacado-icono { flex: 0 0 auto; color: var(--rrh-dest); } .runa-recursos-hub__destacado-icono .runa-recursos-hub__icono { width: 72px; height: 72px; stroke-width: 1.25; } .runa-recursos-hub__destacado-icono img { display: block; width: 96px; height: auto; } .runa-recursos-hub__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .runa-recursos-hub__boletin { grid-column: 1 \/ -1; } .runa-recursos-hub__boletin:empty { display: none; } .runa-recursos-hub__card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 0; border-radius: var(--runa-radius-card, 16px); box-shadow: var(--runa-shadow-card, 0 8px 24px rgba(46, 42, 90, 0.08)); } .runa-recursos-hub__media { position: relative; display: block; aspect-ratio: 16 \/ 9; overflow: hidden; background: color-mix(in srgb, var(--rrh-tipo) 16%, #fff); } .runa-recursos-hub__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .runa-recursos-hub__media--prensa { background: var(--runa-surface, #352C60); } .runa-recursos-hub__media--prensa img { box-sizing: border-box; padding: 40px 28px 20px; object-fit: contain; } .runa-recursos-hub__media--prensa.runa-recursos-hub__media--rellena img { padding: 0; object-fit: cover; } .runa-recursos-hub__media-vacia { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--rrh-tipo); } .runa-recursos-hub__media-vacia .runa-recursos-hub__icono { width: 48px; height: 48px; } .runa-recursos-hub__badge { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: var(--runa-radius-pill, 999px); background: #fff; color: var(--runa-ink, #352C60); font-size: 12px; font-weight: 600; line-height: 1; box-shadow: 0 2px 8px rgba(46, 42, 90, 0.12); } .runa-recursos-hub__badge .runa-recursos-hub__icono { width: 14px; height: 14px; color: var(--rrh-tipo); } .runa-recursos-hub__body { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; border: 1px solid var(--runa-border, #E6E5EC); border-top: 0; border-radius: 0 0 var(--runa-radius-card, 16px) var(--runa-radius-card, 16px); } .runa-recursos-hub .runa-recursos-hub__card-titulo { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; } .runa-recursos-hub .runa-recursos-hub__card-titulo a { color: var(--runa-ink, #352C60); } .runa-recursos-hub .runa-recursos-hub__card-titulo a:hover { color: var(--runa-accent, #7D6EF2); } .runa-recursos-hub .runa-recursos-hub__extracto { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: var(--runa-muted, #6B7280); font-size: 14px; line-height: 1.45; } .runa-recursos-hub__pie { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--runa-sep, #EDEEEF); } .runa-recursos-hub__pie .runa-post-tags { flex: 1; min-width: 0; } .runa-recursos-hub .runa-recursos-hub__accion { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; color: var(--runa-ink, #352C60); font-size: 13px; font-weight: 500; white-space: nowrap; } .runa-recursos-hub a.runa-recursos-hub__accion:hover { color: var(--runa-accent, #7D6EF2); } .runa-recursos-hub__accion .runa-recursos-hub__icono { width: 16px; height: 16px; } .runa-recursos-hub .runa-recursos-hub__vacio { padding: 48px 0; color: var(--runa-muted, #6B7280); font-size: 16px; text-align: center; } .runa-recursos-hub [data-rrh=\"resultados\"] { position: relative; transition: opacity var(--runa-t-color, 0.2s); } .runa-recursos-hub[aria-busy=\"true\"] [data-rrh=\"resultados\"] { opacity: 0.5; pointer-events: none; cursor: progress; } .runa-recursos-hub[aria-busy=\"true\"] [data-rrh=\"resultados\"]::before { content: \"\"; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; border-radius: var(--runa-radius-pill, 999px); background: linear-gradient(90deg, transparent, var(--runa-accent, #7D6EF2), transparent) 0 0 \/ 40% 100% no-repeat; } @media (prefers-reduced-motion: no-preference) { .runa-recursos-hub[aria-busy=\"true\"] [data-rrh=\"resultados\"]::before { animation: runa-recursos-hub-carga 1s linear infinite; } } @keyframes runa-recursos-hub-carga { from { background-position: -40% 0; } to { background-position: 140% 0; } } .runa-recursos-hub__paginas { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 36px; } .runa-recursos-hub__paginas .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 8px; line-height: 1; border-radius: var(--runa-radius-pill, 999px); color: var(--runa-ink, #352C60); font-size: 15px; font-weight: 500; } .runa-recursos-hub__paginas a.page-numbers:hover { background: var(--runa-soft, #EBEAF0); } .runa-recursos-hub__paginas .page-numbers.current { background: var(--runa-accent, #7D6EF2); color: #fff; } .runa-recursos-hub__paginas .prev .runa-recursos-hub__icono { transform: rotate(180deg); } @media (max-width: 1024px) { .runa-recursos-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .runa-recursos-hub__destacados-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { .runa-recursos-hub { --rrh-sticky: 72px; } .runa-recursos-hub__wrap { padding: 32px 16px; } .runa-recursos-hub__top::before { display: none; } .runa-recursos-hub__top { padding: 0; } .runa-recursos-hub__top .runa-recursos-hub__wrap { padding-bottom: 8px; } .runa-recursos-hub__filtros { padding: 0; } .runa-recursos-hub__filtros .runa-recursos-hub__wrap { padding-top: 8px; padding-bottom: 8px; } .runa-recursos-hub__grupo + .runa-recursos-hub__grupo { margin-top: 8px; } .runa-recursos-hub__destacados { margin-top: 20px; padding: 18px 16px 20px; } .runa-recursos-hub .runa-recursos-hub__destacados h2, .runa-recursos-hub .runa-recursos-hub__resumen { font-size: 22px; } .runa-recursos-hub__destacado { padding: 18px; } .runa-recursos-hub__destacado-icono .runa-recursos-hub__icono { width: 56px; height: 56px; } .runa-recursos-hub__destacado-icono img { width: 72px; } .runa-recursos-hub .runa-recursos-hub__titulo { font-size: 30px; } .runa-recursos-hub .runa-recursos-hub__bajada { margin-bottom: 18px; font-size: 16px; } .runa-recursos-hub__buscador { margin-bottom: 18px; padding: 4px; } .runa-recursos-hub__campo { min-height: 40px; padding: 0 10px; } .runa-recursos-hub .runa-recursos-hub__boton { min-width: 40px; height: 40px; padding: 0; } .runa-recursos-hub__boton span { display: none; } .runa-recursos-hub__boton .runa-recursos-hub__icono { display: block; width: 20px; height: 20px; } .runa-recursos-hub__label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .runa-recursos-hub__chips { flex-wrap: nowrap; overflow-x: auto; margin-right: -16px; padding-right: 16px; scrollbar-width: none; } .runa-recursos-hub__chips::-webkit-scrollbar { display: none; } .runa-recursos-hub .runa-recursos-hub__chip, .runa-recursos-hub .runa-recursos-hub__chips--tema .runa-recursos-hub__chip { padding: 7px 12px; font-size: 13px; } .runa-recursos-hub__barra { align-items: flex-end; } .runa-recursos-hub__orden { flex-direction: column; align-items: flex-start; gap: 4px; font-size: 13px; } .runa-recursos-hub .runa-recursos-hub__orden select { min-width: 150px; height: 38px; } .runa-recursos-hub__grid { grid-template-columns: 1fr; gap: 16px; } } .runa-post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-family: \"Proxima Nova\", Sans-serif; font-size: 13px; line-height: 1.2; } .runa-post-tags__label { color: #9A94B0; font-weight: 400; } .runa-post-tags__tag { display: inline-block; padding: 4px 8px; border-radius: 2px; background: #eae8f6; color: #332d5d; font-weight: 500; font-size: 12px; } .runa-post-tags--nowrap { max-height: 24px; overflow: hidden; }<\/style><style id=\"runa-recursos-tarjetas-css\"> .runa-recursos-tarjetas{position:relative;width:100%} .runa-recursos-tarjetas__swiper{overflow:hidden;padding:8px 20px 36px;margin:-8px -20px -20px} .runa-recursos-tarjetas .swiper-slide{height:auto} .runa-recursos-tarjetas .swiper-slide .runa-recursos-hub__card{height:100%} .runa-recursos-tarjetas .runa-recursos-tarjetas__flecha{position:absolute;top:calc(50% - 8px);z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;margin:0;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:var(--runa-accent,#7D6EF2)!important;box-shadow:0 2px 10px rgba(53,44,96,.25);cursor:pointer;transition:opacity .2s ease;-webkit-appearance:none;appearance:none} .runa-recursos-tarjetas .runa-recursos-tarjetas__flecha:hover,.runa-recursos-tarjetas .runa-recursos-tarjetas__flecha:focus{background:#fff!important;color:var(--runa-accent,#7D6EF2)!important} .runa-recursos-tarjetas__flecha--prev{left:-56px} .runa-recursos-tarjetas__flecha--next{right:-56px} .runa-recursos-tarjetas .runa-recursos-tarjetas__flecha svg{display:block;width:20px;height:20px;fill:none!important;stroke:currentColor!important} .runa-recursos-tarjetas__flecha--prev svg{transform:scaleX(-1)} .runa-recursos-tarjetas .runa-recursos-tarjetas__flecha.swiper-button-disabled{opacity:.3;pointer-events:none} .runa-recursos-tarjetas--pocas .runa-recursos-tarjetas__flecha{display:none!important} @media (max-width:1279px){.runa-recursos-tarjetas--carrusel{box-sizing:border-box;padding:0 52px}.runa-recursos-tarjetas__flecha--prev{left:0}.runa-recursos-tarjetas__flecha--next{right:0}} @media (max-width:767px){.runa-recursos-tarjetas--carrusel{padding:0 40px}.runa-recursos-tarjetas .runa-recursos-tarjetas__flecha{width:32px;height:32px}.runa-recursos-tarjetas .runa-recursos-tarjetas__flecha svg{width:16px;height:16px}.runa-recursos-tarjetas__flecha--prev{left:2px}.runa-recursos-tarjetas__flecha--next{right:2px}} <\/style>\t<div class=\"runa-recursos-hub runa-recursos-tarjetas runa-recursos-tarjetas--carrusel\" id=\"runa-recursos-tarjetas-1\">\n\t\t<div class=\"swiper runa-recursos-tarjetas__swiper\">\n\t\t\t<div class=\"swiper-wrapper\"><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-mod-pink, #EE898C)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/recursos.runahr.com\/kit-de-vacaciones\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"800\" height=\"349\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones-1024x447.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 200vw, (max-width: 1024px) 100vw, 600px\" srcset=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones-1024x447.png 1024w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones-300x131.png 300w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones-768x335.png 768w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones-1536x670.png 1536w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/kit-de-vacaciones.png 2048w\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8 12 3 3 8v8l9 5 9-5z\"\/><path d=\"m3 8 9 5 9-5M12 13v8\"\/><\/svg>Kit<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/recursos.runahr.com\/kit-de-vacaciones\">Kit de vacaciones<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Un zip con todos los archivos que necesitas para organizar, gestionar y calcular las vacaciones de tu equipo.<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#HR Management<\/span><\/div>\t\t\t\t\t\t\t\t\t<a class=\"runa-recursos-hub__accion\" href=\"https:\/\/recursos.runahr.com\/kit-de-vacaciones\">Descargar<svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4v11m-5-5 5 5 5-5M5 20h14\"\/><\/svg><\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/ley-federal-del-trabajo-home-office\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img src=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/Reforma-a-la-ley-federal-del-trabajo-home-office.svg\" loading=\"lazy\" decoding=\"async\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/ley-federal-del-trabajo-home-office\/\">Reforma a la Ley Federal del Trabajo sobre home office<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">La pandemia ha cambiado dr\u00e1sticamente nuestra forma de trabajar, acelerando la transici\u00f3n hacia el home office o trabajo remoto. En M\u00e9xico, esta transformaci\u00f3n ha&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#Aspectos Legales<\/span><span class=\"runa-post-tags__tag\">#Home Office<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>5 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/obligaciones-a-tolerar-de-los-patrones\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img src=\"https:\/\/runahr.com\/wp-content\/uploads\/2017\/11\/\u00bfCuales-son-tus-obligaciones-como-patron-.svg\" loading=\"lazy\" decoding=\"async\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/obligaciones-a-tolerar-de-los-patrones\/\">Obligaciones del patr\u00f3n: \u00bfCu\u00e1les son? \u00bfC\u00f3mo cumplirlas?<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Las obligaciones del patr\u00f3n son los deberes legales que una empresa o persona empleadora debe cumplir frente a sus trabajadores y las autoridades, en&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#Aspectos Legales<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>12 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/que-es-el-bono\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img src=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/09\/\u00bfQue-es-un-bono-por-desempeno.svg\" loading=\"lazy\" decoding=\"async\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/que-es-el-bono\/\">Bono laboral: \u00bfQu\u00e9 es? \u00bfC\u00f3mo se calcula?<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Un bono laboral es un incentivo econ\u00f3mico que las empresas otorgan para reconocer el desempe\u00f1o, el cumplimiento de objetivos u otros resultados espec\u00edficos. Puede&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#N\u00f3mina<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>13 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/hr-management\/aguinaldo\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img src=\"https:\/\/runahr.com\/wp-content\/uploads\/2020\/11\/10-datos-imprescindibles-del-aguinaldo-en-la-ley-federal-del-trabajo.svg\" loading=\"lazy\" decoding=\"async\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/hr-management\/aguinaldo\/\">Aguinaldo: \u00bfQu\u00e9 es? \u00bfPara qu\u00e9 sirve? \u00bfC\u00f3mo calcularlo?<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Con la llegada de diciembre, vienen las posadas, las pi\u00f1atas y los intercambios en la oficina. Sin embargo, en el aspecto laboral toca hablar&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#HR Management<\/span><span class=\"runa-post-tags__tag\">#Aguinaldo<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>13 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/comienza-tu-empresa\/cuenta-bancaria-corporativa\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"800\" height=\"323\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-1024x413.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 200vw, (max-width: 1024px) 100vw, 600px\" srcset=\"https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-1024x413.png 1024w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-300x121.png 300w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-768x310.png 768w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-1536x620.png 1536w, https:\/\/runahr.com\/wp-content\/uploads\/2025\/10\/cuenta-bancaria-corporativa-2048x827.png 2048w\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/comienza-tu-empresa\/cuenta-bancaria-corporativa\/\">Los 5 errores cuando abres una cuenta bancaria corporativa para tu empresa<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Separar el dinero del negocio del personal no es opcional. Pero muchas empresas abren una cuenta bancaria corporativa pensando que con eso ya resolvieron&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#Comienza tu empresa<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>7 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/articulo-132-ley-federal-del-trabajo\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"800\" height=\"323\" src=\"https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_-1024x414.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 200vw, (max-width: 1024px) 100vw, 600px\" srcset=\"https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_-1024x414.webp 1024w, https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_-300x121.webp 300w, https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_-768x310.webp 768w, https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_-1536x620.webp 1536w, https:\/\/runahr.com\/wp-content\/uploads\/2026\/05\/Articulo-132-Ley-Federal-del-Trabajo_.webp 2048w\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/aspectos-legales\/articulo-132-ley-federal-del-trabajo\/\">Art\u00edculo 132 Ley Federal del Trabajo\u200b: \u00bfQu\u00e9 dice?<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Durante mucho tiempo, muchas empresas vieron el Art\u00edculo 132 de la Ley Federal del Trabajo como otro requisito m\u00e1s que hab\u00eda que cumplir para&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#Aspectos Legales<\/span><span class=\"runa-post-tags__tag\">#Patr\u00f3n<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>9 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><div class=\"swiper-slide\">\t<article class=\"runa-recursos-hub__card\" style=\"--rrh-tipo: var(--runa-accent, #7D6EF2)\">\n\t\t<a class=\"runa-recursos-hub__media\" href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/que-es-el-sat-id\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<img src=\"https:\/\/runahr.com\/wp-content\/uploads\/2022\/08\/Que-es-el-SAT-ID-y-que-tramites-puedes-hacer-1.svg\" loading=\"lazy\" decoding=\"async\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__badge\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5M9 13h6M9 17h6\"\/><\/svg>Art\u00edculo<\/span>\n\t\t\t\t\t<\/a>\n\t\t<div class=\"runa-recursos-hub__body\">\n\t\t\t<h2 class=\"runa-recursos-hub__card-titulo\"><a href=\"https:\/\/runahr.com\/mx\/recursos\/nomina\/que-es-el-sat-id\/\">SAT ID: \u00bfQu\u00e9 es? y \u00bfQu\u00e9 tr\u00e1mites puedes hacer?<\/a><\/h2>\n\t\t\t<p class=\"runa-recursos-hub__extracto\">Hasta hace unos a\u00f1os realizar tr\u00e1mites ante hacienda era un verdadero dolor de cabeza. Sin embargo, hoy en d\u00eda es mucho m\u00e1s sencillo gracias&hellip;<\/p>\n\t\t\t<div class=\"runa-recursos-hub__pie\">\n\t\t\t\t<div class=\"runa-post-tags runa-post-tags--nowrap\"><span class=\"runa-post-tags__tag\">#N\u00f3mina<\/span><span class=\"runa-post-tags__tag\">#SAT<\/span><\/div>\t\t\t\t\t\t\t\t\t<span class=\"runa-recursos-hub__accion\"><svg class=\"runa-recursos-hub__icono\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>11 min<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/article>\n\t<\/div><\/div>\n\t\t<\/div>\n\t\t<button type=\"button\" class=\"runa-recursos-tarjetas__flecha runa-recursos-tarjetas__flecha--prev\" aria-label=\"Anterior\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 6 6 6-6 6\"\/><\/svg><\/button>\n\t\t<button type=\"button\" class=\"runa-recursos-tarjetas__flecha runa-recursos-tarjetas__flecha--next\" aria-label=\"Siguiente\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 6 6 6-6 6\"\/><\/svg><\/button>\n\t<\/div>\n\t<script>\n\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\tnew Swiper('#runa-recursos-tarjetas-1 .swiper', {\n\t\t\tslidesPerView: 1,\n\t\t\tspaceBetween: 20,\n\t\t\tnavigation: {\n\t\t\t\tprevEl: '#runa-recursos-tarjetas-1 .runa-recursos-tarjetas__flecha--prev',\n\t\t\t\tnextEl: '#runa-recursos-tarjetas-1 .runa-recursos-tarjetas__flecha--next',\n\t\t\t},\n\t\t\tbreakpoints: {\n\t\t\t\t640: { slidesPerView: 2 },\n\t\t\t\t1024: { slidesPerView: 4 },\n\t\t\t},\n\t\t});\n\t});\n\t<\/script>\n\t<\/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":"<p>Calculadora de horas y minutos Calcula f\u00e1cilmente tus horas trabajadas, horas extra y tiempo total de trabajo. Ingresa tus horarios de entrada y salida para conocer cu\u00e1ntas horas trabajaste al d\u00eda o durante la semana. Esta calculadora tiene fines exclusivamente informativos y proporciona \u00fanicamente estimaciones. Los resultados no constituyen un c\u00e1lculo oficial de n\u00f3mina ni [&hellip;]<\/p>\n","protected":false},"author":110,"featured_media":1209677,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_wp_applaud_exclude":false,"footnotes":""},"categories":[170,190],"tags":[1211,3086],"class_list":["post-1194643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nomina","category-recursos","tag-calculadora","tag-horas"],"acf":{"servicios_acordeon":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.8 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Calculadora de horas y minutos | MX | 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\/mx\/recursos\/calculadora-de-horas-y-minutos\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de horas y minutos | MX | Runa HR\" \/>\n<meta property=\"og:description\" content=\"Calculadora de horas y minutos Calcula f\u00e1cilmente tus horas trabajadas, horas extra y tiempo total de trabajo. Ingresa tus horarios de entrada y salida para conocer cu\u00e1ntas horas trabajaste al d\u00eda o durante la semana. Esta calculadora tiene fines exclusivamente informativos y proporciona \u00fanicamente estimaciones. Los resultados no constituyen un c\u00e1lculo oficial de n\u00f3mina ni [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/\" \/>\n<meta property=\"og:site_name\" content=\"Runa HR\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/runahr\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-13T18:26:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T18:02:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1962\" \/>\n\t<meta property=\"og:image:height\" content=\"854\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Runa HR\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@runahr\" \/>\n<meta name=\"twitter:site\" content=\"@runahr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"jorgeparra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Calculadora de horas y minutos | MX | 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\/mx\/recursos\/calculadora-de-horas-y-minutos\/","og_locale":"es_MX","og_type":"article","og_title":"Calculadora de horas y minutos | MX | Runa HR","og_description":"Calculadora de horas y minutos Calcula f\u00e1cilmente tus horas trabajadas, horas extra y tiempo total de trabajo. Ingresa tus horarios de entrada y salida para conocer cu\u00e1ntas horas trabajaste al d\u00eda o durante la semana. Esta calculadora tiene fines exclusivamente informativos y proporciona \u00fanicamente estimaciones. Los resultados no constituyen un c\u00e1lculo oficial de n\u00f3mina ni [&hellip;]","og_url":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/","og_site_name":"Runa HR","article_publisher":"https:\/\/www.facebook.com\/runahr\/","article_published_time":"2026-08-13T18:26:52+00:00","article_modified_time":"2026-10-23T18:02:40+00:00","og_image":[{"width":1962,"height":854,"url":"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp","type":"image\/webp"}],"author":"Runa HR","twitter_card":"summary_large_image","twitter_creator":"@runahr","twitter_site":"@runahr","twitter_misc":{"Escrito por":"jorgeparra","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#article","isPartOf":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/"},"author":{"name":"jorgeparra","@id":"https:\/\/runahr.com\/mx\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9"},"headline":"Calculadora de horas y minutos","datePublished":"2026-08-13T18:26:52+00:00","dateModified":"2026-10-23T18:02:40+00:00","mainEntityOfPage":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/"},"wordCount":166,"publisher":{"@id":"https:\/\/runahr.com\/mx\/#organization"},"image":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#primaryimage"},"thumbnailUrl":"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp","keywords":["Calculadora","Horas"],"articleSection":["N\u00f3mina","Recursos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/","url":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/","name":"Calculadora de horas y minutos | MX | Runa HR","isPartOf":{"@id":"https:\/\/runahr.com\/mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#primaryimage"},"image":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#primaryimage"},"thumbnailUrl":"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp","datePublished":"2026-08-13T18:26:52+00:00","dateModified":"2026-10-23T18:02:40+00:00","breadcrumb":{"@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#primaryimage","url":"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp","contentUrl":"https:\/\/runahr.com\/wp-content\/uploads\/2026\/08\/R-MX-Calculadora-de-horas-y-minutos.webp","width":1962,"height":854},{"@type":"BreadcrumbList","@id":"https:\/\/runahr.com\/mx\/recursos\/calculadora-de-horas-y-minutos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/runahr.com\/mx\/"},{"@type":"ListItem","position":2,"name":"Recursos","item":"https:\/\/runahr.com\/mx\/category\/recursos\/"},{"@type":"ListItem","position":3,"name":"Calculadora de horas y minutos"}]},{"@type":"WebSite","@id":"https:\/\/runahr.com\/mx\/#website","url":"https:\/\/runahr.com\/mx\/","name":"Runa HR","description":"Software de N\u00f3mina y Gesti\u00f3n de RRHH","publisher":{"@id":"https:\/\/runahr.com\/mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/runahr.com\/mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/runahr.com\/mx\/#organization","name":"Runa HR","url":"https:\/\/runahr.com\/mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/runahr.com\/mx\/#\/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\/mx\/#\/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\/mx\/#\/schema\/person\/9c911b8a3220190e9ec9aacbb2b2abd9","name":"jorgeparra","image":{"@type":"ImageObject","inLanguage":"es","@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\/mx\/author\/jorgeparra\/"}]}},"_links":{"self":[{"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/posts\/1194643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/comments?post=1194643"}],"version-history":[{"count":3,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/posts\/1194643\/revisions"}],"predecessor-version":[{"id":1209679,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/posts\/1194643\/revisions\/1209679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/media\/1209677"}],"wp:attachment":[{"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/media?parent=1194643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/categories?post=1194643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/runahr.com\/mx\/wp-json\/wp\/v2\/tags?post=1194643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}