{"id":988739,"date":"2026-05-13T23:30:09","date_gmt":"2026-05-14T04:30:09","guid":{"rendered":"https:\/\/cgestiona.com\/?page_id=988739"},"modified":"2026-05-13T23:37:34","modified_gmt":"2026-05-14T04:37:34","slug":"calculadora-sueldo-planilla","status":"publish","type":"page","link":"https:\/\/cgestiona.com\/en\/calculadora-sueldo-planilla\/","title":{"rendered":"Payroll Salary Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"988739\" class=\"elementor elementor-988739\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e12464c e-con-full e-flex e-con e-parent\" data-id=\"3e12464c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-125ece99 e-con-full e-flex e-con e-child\" data-id=\"125ece99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f72991c e-con-full e-flex e-con e-child\" data-id=\"f72991c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665be1e7 elementor-widget elementor-widget-heading\" data-id=\"665be1e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Calculadora Sueldo de planilla<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"vamtam-has-theme-widget-styles elementor-element elementor-element-665bc7c0 elementor-widget elementor-widget-text-editor\" data-id=\"665bc7c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.<\/p>\t\t\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-71134b41 e-flex e-con-boxed e-con e-parent\" data-id=\"71134b41\" 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-70559d1f elementor-widget-divider--separator-type-pattern elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"70559d1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\" style=\"--divider-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 20 16&#039; fill=&#039;none&#039; stroke=&#039;black&#039; stroke-width=&#039;1&#039; stroke-linecap=&#039;square&#039; stroke-miterlimit=&#039;10&#039;%3E%3Cg transform=&#039;translate(-12.000000, 0)&#039;%3E%3Cpath d=&#039;M28,0L10,18&#039;\/%3E%3Cpath d=&#039;M18,0L0,18&#039;\/%3E%3Cpath d=&#039;M48,0L30,18&#039;\/%3E%3Cpath d=&#039;M38,0L20,18&#039;\/%3E%3C\/g%3E%3C\/svg%3E&quot;);\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\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-37c9f245 e-flex e-con-boxed e-con e-parent\" data-id=\"37c9f245\" 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-21d5abe5 elementor-widget elementor-widget-html\" data-id=\"21d5abe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n================================================================\r\n  CALCULADORA SUELDO DE PLANILLA \u2014 C GESTIONA\r\n  Versi\u00f3n: 1.0 | Sueldo proporcional + bruto a neto\r\n  Modos: Simple (por d\u00edas) | Completo (con AFP\/ONP)\r\n  RMV 2026: S\/ 1,130 (D.S. 006-2024-TR)\r\n  Comisiones AFP: SBS vigentes 2026\r\n  Compatible con: Elementor (widget HTML)\r\n================================================================\r\n-->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.47.0\/tabler-icons.min.css\">\r\n\r\n<div class=\"cgc-wrapper cgc-su\">\r\n\r\n<style>\r\n.cgc-wrapper, .cgc-wrapper * { box-sizing: border-box; }\r\n.cgc-wrapper {\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n  font-size: 14px; line-height: 1.5; color: #111827;\r\n  max-width: 720px; margin: 24px auto;\r\n}\r\n.cgc-wrapper h1, .cgc-wrapper h2, .cgc-wrapper h3, .cgc-wrapper h4 {\r\n  margin: 0; padding: 0; font-family: inherit; font-weight: 500;\r\n  line-height: 1.3; color: inherit; letter-spacing: normal; text-transform: none;\r\n}\r\n.cgc-wrapper p { margin: 0; padding: 0; }\r\n.cgc-wrapper input, .cgc-wrapper select, .cgc-wrapper button {\r\n  font-family: inherit; font-size: inherit; line-height: inherit;\r\n}\r\n\r\n\/* Header *\/\r\n.cgc-su .cgc-header {\r\n  background: #0F3D3A; border-radius: 12px 12px 0 0;\r\n  padding: 18px 22px; display: flex; align-items: center;\r\n  justify-content: space-between; flex-wrap: wrap; gap: 12px;\r\n}\r\n.cgc-su .cgc-header-left { display: flex; align-items: center; gap: 16px; }\r\n.cgc-su .cgc-logo { height: 48px; width: auto; flex-shrink: 0; display: block; }\r\n.cgc-su .cgc-header-title-block {\r\n  border-left: 1px solid rgba(255,255,255,0.25); padding-left: 16px;\r\n}\r\n.cgc-su .cgc-header-eyebrow {\r\n  font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.6); font-weight: 500; margin-bottom: 2px;\r\n}\r\n.cgc-su .cgc-header-title {\r\n  color: #ffffff !important; font-size: 18px !important;\r\n  font-weight: 500 !important; margin: 0 !important;\r\n}\r\n.cgc-su .cgc-pill {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(255,255,255,0.08); padding: 6px 12px;\r\n  border-radius: 999px; color: rgba(255,255,255,0.9); font-size: 12px;\r\n}\r\n.cgc-su .cgc-pill .ti { font-size: 14px; color: #22A559; }\r\n\r\n.cgc-su .cgc-body {\r\n  background: #ffffff; border: 1px solid #E5E7EB;\r\n  border-top: none; border-radius: 0 0 12px 12px;\r\n  padding: 20px 22px;\r\n}\r\n.cgc-su .cgc-intro {\r\n  margin: 0 0 16px; font-size: 13px; color: #4B5563;\r\n  display: flex; align-items: flex-start; gap: 8px;\r\n}\r\n.cgc-su .cgc-intro .ti { font-size: 16px; color: #22A559; flex-shrink: 0; margin-top: 2px; }\r\n\r\n\/* Toggle *\/\r\n.cgc-su .cgc-mode-toggle {\r\n  display: flex; background: #F9FAFB; border: 1px solid #D1D5DB;\r\n  border-radius: 7px; padding: 3px; margin-bottom: 14px;\r\n}\r\n.cgc-su .cgc-mode-btn {\r\n  flex: 1; padding: 8px 14px; border: none; background: transparent;\r\n  font-size: 12px; font-weight: 500; color: #6B7280; border-radius: 5px;\r\n  cursor: pointer; transition: all 0.15s;\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 6px;\r\n}\r\n.cgc-su .cgc-mode-btn .ti { font-size: 14px; }\r\n.cgc-su .cgc-mode-btn.active { background: #0F3D3A; color: #ffffff; }\r\n\r\n\/* Info modo *\/\r\n.cgc-su .cgc-mode-info {\r\n  background: rgba(59,130,246,0.06); border: 1px solid rgba(59,130,246,0.2);\r\n  border-radius: 7px; padding: 10px 12px; margin-bottom: 12px;\r\n  font-size: 12px; color: #1E40AF;\r\n  display: flex; align-items: flex-start; gap: 8px;\r\n}\r\n.cgc-su .cgc-mode-info .ti { font-size: 14px; flex-shrink: 0; margin-top: 2px; }\r\n.cgc-su .cgc-mode-info strong { color: #1E3A8A; }\r\n\r\n\/* Secciones *\/\r\n.cgc-su .cgc-section {\r\n  border: 1px solid #E5E7EB; border-radius: 10px; padding: 16px;\r\n  margin-bottom: 12px; background: #FAFAF9;\r\n}\r\n.cgc-su .cgc-section-title {\r\n  display: flex; align-items: center; gap: 8px;\r\n  margin: 0 0 12px !important;\r\n  font-size: 14px !important; font-weight: 500 !important; color: #0F3D3A !important;\r\n}\r\n.cgc-su .cgc-letter {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  width: 22px; height: 22px; border-radius: 6px;\r\n  background: #0F3D3A; color: #ffffff; font-size: 11px; font-weight: 500;\r\n}\r\n\r\n\/* Inputs *\/\r\n.cgc-su .cgc-label {\r\n  display: block; font-size: 12px; color: #4B5563;\r\n  margin-bottom: 5px; font-weight: 500;\r\n}\r\n.cgc-su .cgc-input,\r\n.cgc-su .cgc-select {\r\n  width: 100%; padding: 9px 11px; border: 1px solid #D1D5DB;\r\n  border-radius: 7px; font-size: 13px; background: #ffffff;\r\n  color: #111827; outline: none; appearance: none;\r\n  -webkit-appearance: none;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\r\n}\r\n.cgc-su .cgc-select {\r\n  cursor: pointer;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 10px center;\r\n  padding-right: 32px;\r\n}\r\n.cgc-su .cgc-input:focus,\r\n.cgc-su .cgc-select:focus {\r\n  border-color: #22A559; box-shadow: 0 0 0 3px rgba(34,165,89,0.15);\r\n}\r\n\r\n.cgc-su .cgc-input-prefix {\r\n  display: flex; align-items: stretch;\r\n  border: 1px solid #D1D5DB; border-radius: 7px;\r\n  overflow: hidden; background: #ffffff;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\r\n}\r\n.cgc-su .cgc-input-prefix:focus-within {\r\n  border-color: #22A559; box-shadow: 0 0 0 3px rgba(34,165,89,0.15);\r\n}\r\n.cgc-su .cgc-input-prefix span {\r\n  display: flex; align-items: center; padding: 0 12px;\r\n  background: #F9FAFB; border-right: 1px solid #D1D5DB;\r\n  color: #6B7280; font-size: 13px; font-weight: 500;\r\n  flex-shrink: 0; pointer-events: none;\r\n}\r\n.cgc-su .cgc-input-prefix .cgc-input {\r\n  flex: 1; border: none; padding: 9px 11px;\r\n  font-size: 14px; background: transparent;\r\n  outline: none; min-width: 0; width: 100%; border-radius: 0;\r\n}\r\n.cgc-su .cgc-input-prefix .cgc-input:focus {\r\n  box-shadow: none; border: none;\r\n}\r\n\r\n.cgc-su .cgc-grid-2 {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\r\n}\r\n\r\n\/* Banner *\/\r\n.cgc-su .cgc-banner {\r\n  margin-top: 10px; padding: 10px 14px;\r\n  background: rgba(34,165,89,0.08); border-radius: 7px;\r\n  font-size: 12px; color: #0F6E3D;\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n.cgc-su .cgc-banner .ti { font-size: 16px; color: #22A559; flex-shrink: 0; }\r\n.cgc-su .cgc-banner strong { color: #064E3B; }\r\n\r\n\/* Errores *\/\r\n.cgc-su .cgc-error {\r\n  margin-top: 10px; padding: 10px 14px;\r\n  background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.3);\r\n  border-radius: 7px; font-size: 12px; color: #991B1B;\r\n  display: flex; align-items: flex-start; gap: 8px;\r\n}\r\n.cgc-su .cgc-error.hidden { display: none; }\r\n.cgc-su .cgc-error .ti { font-size: 16px; flex-shrink: 0; margin-top: 1px; color: #DC2626; }\r\n.cgc-su .cgc-error strong { color: #7F1D1D; }\r\n\r\n\/* Bloque protegido *\/\r\n.cgc-su .cgc-protected {\r\n  position: relative; background: #F9FAFB; border: 1px solid #E5E7EB;\r\n  border-radius: 10px; padding: 18px; overflow: hidden; margin-top: 14px;\r\n}\r\n.cgc-su .cgc-no-copy {\r\n  user-select: none; -webkit-user-select: none;\r\n  position: relative; z-index: 1;\r\n}\r\n.cgc-su .cgc-wm {\r\n  position: absolute; inset: 0; overflow: hidden; pointer-events: none;\r\n  border-radius: 10px;\r\n}\r\n.cgc-su .cgc-wm-tile {\r\n  position: absolute; display: flex; align-items: center; gap: 5px;\r\n  opacity: 0.07; transform: rotate(-22deg); white-space: nowrap;\r\n  font-size: 10px; font-weight: 500; color: #0F3D3A;\r\n}\r\n\r\n.cgc-su .cgc-protected-header {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  margin-bottom: 14px;\r\n}\r\n.cgc-su .cgc-protected-title {\r\n  font-size: 12px; color: #6B7280; text-transform: uppercase;\r\n  letter-spacing: 0.5px; font-weight: 500;\r\n}\r\n.cgc-su .cgc-status {\r\n  display: inline-block; padding: 4px 10px; border-radius: 999px;\r\n  font-size: 11px; font-weight: 500;\r\n  background: rgba(34,165,89,0.12); color: #0F6E3D;\r\n}\r\n\r\n\/* Cards *\/\r\n.cgc-su .cgc-cards-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 10px; margin-bottom: 14px;\r\n}\r\n.cgc-su .cgc-card {\r\n  background: #ffffff; border: 1px solid #E5E7EB;\r\n  border-radius: 8px; padding: 12px 14px;\r\n}\r\n.cgc-su .cgc-card-label {\r\n  font-size: 11px; color: #6B7280;\r\n  text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;\r\n}\r\n.cgc-su .cgc-card-val {\r\n  font-size: 16px; font-weight: 500; color: #0F3D3A;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* Filas *\/\r\n.cgc-su .cgc-row {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 6px 0; font-size: 13px;\r\n}\r\n.cgc-su .cgc-row-label { color: #4B5563; }\r\n.cgc-su .cgc-row-val { color: #111827; font-weight: 500; font-variant-numeric: tabular-nums; }\r\n.cgc-su .cgc-row-val.negative { color: #DC2626; }\r\n.cgc-su .cgc-row-val.positive { color: #0F6E3D; }\r\n.cgc-su .cgc-subtotal {\r\n  border-top: 1px dashed #D1D5DB; margin-top: 8px; padding-top: 10px;\r\n  display: flex; justify-content: space-between;\r\n  font-size: 14px; font-weight: 500; color: #0F3D3A;\r\n}\r\n\r\n.cgc-su .cgc-section-divider {\r\n  font-size: 11px; font-weight: 500; color: #6B7280;\r\n  text-transform: uppercase; letter-spacing: 0.5px;\r\n  margin-bottom: 8px; margin-top: 14px;\r\n}\r\n\r\n\/* Total *\/\r\n.cgc-su .cgc-total-box {\r\n  margin-top: 16px; padding: 14px 16px;\r\n  background: #0F3D3A; border-radius: 10px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.cgc-su .cgc-total-label {\r\n  font-size: 11px; color: rgba(255,255,255,0.65);\r\n  text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px;\r\n}\r\n.cgc-su .cgc-total-sub {\r\n  font-size: 11px; color: rgba(255,255,255,0.75);\r\n}\r\n.cgc-su .cgc-total-val {\r\n  font-size: 28px; font-weight: 500; color: #ffffff; line-height: 1;\r\n}\r\n\r\n\/* Legal *\/\r\n.cgc-su .cgc-legal {\r\n  margin-top: 14px; padding: 12px 14px;\r\n  background: rgba(59,130,246,0.06); border: 1px solid rgba(59,130,246,0.2);\r\n  border-radius: 7px; font-size: 11px; color: #1E40AF;\r\n  display: flex; align-items: flex-start; gap: 8px;\r\n}\r\n.cgc-su .cgc-legal .ti { font-size: 14px; flex-shrink: 0; margin-top: 1px; }\r\n.cgc-su .cgc-legal strong { color: #1E3A8A; }\r\n\r\n\/* Botones *\/\r\n.cgc-su .cgc-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }\r\n.cgc-su .cgc-btn {\r\n  flex: 1; min-width: 130px; padding: 10px 14px;\r\n  border-radius: 8px; font-size: 14px; font-weight: 500;\r\n  cursor: pointer; display: inline-flex; align-items: center;\r\n  justify-content: center; gap: 6px; border: 1px solid;\r\n  transition: all 0.15s;\r\n}\r\n.cgc-su .cgc-btn-secondary { background: #ffffff; border-color: #D1D5DB; color: #374151; }\r\n.cgc-su .cgc-btn-secondary:hover { background: #F9FAFB; }\r\n.cgc-su .cgc-btn-primary { background: #22A559; border-color: #22A559; color: #ffffff; }\r\n.cgc-su .cgc-btn-primary:hover { background: #1E8E4D; border-color: #1E8E4D; }\r\n.cgc-su .cgc-btn .ti { font-size: 16px; }\r\n\r\n\/* Footer *\/\r\n.cgc-su .cgc-footer {\r\n  margin-top: 14px; padding-top: 12px;\r\n  border-top: 1px solid #E5E7EB;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  flex-wrap: wrap; gap: 8px;\r\n}\r\n.cgc-su .cgc-footer-left { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #9CA3AF; }\r\n.cgc-su .cgc-footer-left .ti { font-size: 14px; color: #22A559; }\r\n.cgc-su .cgc-footer-right { font-size: 11px; color: #6B7280; font-weight: 500; }\r\n\r\n@media (max-width: 600px) {\r\n  .cgc-su .cgc-grid-2,\r\n  .cgc-su .cgc-cards-grid { grid-template-columns: 1fr !important; }\r\n  .cgc-su .cgc-header-title-block {\r\n    border-left: none; padding-left: 0;\r\n    border-top: 1px solid rgba(255,255,255,0.2);\r\n    padding-top: 12px; margin-top: 4px; width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Header -->\r\n<div class=\"cgc-header\">\r\n  <div class=\"cgc-header-left\">\r\n    <img decoding=\"async\" src=\"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png\"\r\n         alt=\"C Gestiona\" class=\"cgc-logo\" \/>\r\n    <div class=\"cgc-header-title-block\">\r\n      <div class=\"cgc-header-eyebrow\">Calculadora<\/div>\r\n      <h2 class=\"cgc-header-title\">Sueldo de planilla<\/h2>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"cgc-pill\">\r\n    <i class=\"ti ti-lock\"><\/i>\r\n    <span>Acceso registrado<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"cgc-body\">\r\n\r\n  <p class=\"cgc-intro\">\r\n    <i class=\"ti ti-info-circle\"><\/i>\r\n    Calcula el sueldo proporcional por d\u00edas trabajados (modo Simple) o el sueldo neto a recibir con descuentos de AFP\/ONP (modo Completo).\r\n  <\/p>\r\n\r\n  <!-- Toggle modo -->\r\n  <div class=\"cgc-mode-toggle\">\r\n    <button type=\"button\" class=\"cgc-mode-btn active\" data-mode=\"simple\">\r\n      <i class=\"ti ti-calendar\"><\/i> Simple (por d\u00edas)\r\n    <\/button>\r\n    <button type=\"button\" class=\"cgc-mode-btn\" data-mode=\"completo\">\r\n      <i class=\"ti ti-receipt\"><\/i> Completo (bruto a neto)\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"cgc-mode-info\" id=\"cgc-modeInfo\">\r\n    <i class=\"ti ti-bulb\"><\/i>\r\n    <div id=\"cgc-modeInfoText\">\r\n      <strong>Modo Simple:<\/strong> Calcula el sueldo proporcional por d\u00edas trabajados en un mes. \u00datil para ingresos a mitad de mes, ceses, o pagos parciales.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- A. Datos -->\r\n  <div class=\"cgc-section\">\r\n    <h3 class=\"cgc-section-title\"><span class=\"cgc-letter\">A<\/span> Datos del trabajador<\/h3>\r\n\r\n    <!-- Inputs simple -->\r\n    <div id=\"cgc-modoSimple\">\r\n      <div class=\"cgc-grid-2\" style=\"margin-bottom: 12px;\">\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-fIngreso\">Fecha de ingreso<\/label>\r\n          <input type=\"date\" id=\"cgc-fIngreso\" class=\"cgc-input\" value=\"2026-03-01\" \/>\r\n        <\/div>\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-fUltimoDia\">\u00daltimo d\u00eda trabajado en el mes<\/label>\r\n          <input type=\"date\" id=\"cgc-fUltimoDia\" class=\"cgc-input\" value=\"2026-09-10\" \/>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <label class=\"cgc-label\" for=\"cgc-sueldoSimple\">Sueldo b\u00e1sico mensual<\/label>\r\n        <div class=\"cgc-input-prefix\" style=\"max-width: 240px;\">\r\n          <span>S\/<\/span>\r\n          <input type=\"number\" id=\"cgc-sueldoSimple\" class=\"cgc-input\" value=\"1500\" min=\"0\" step=\"0.01\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Inputs completo -->\r\n    <div id=\"cgc-modoCompleto\" style=\"display: none;\">\r\n      <div class=\"cgc-grid-2\" style=\"margin-bottom: 12px;\">\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-sueldoCompleto\">Sueldo b\u00e1sico mensual<\/label>\r\n          <div class=\"cgc-input-prefix\">\r\n            <span>S\/<\/span>\r\n            <input type=\"number\" id=\"cgc-sueldoCompleto\" class=\"cgc-input\" value=\"2500\" min=\"0\" step=\"0.01\" \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-diasInasistencia\">D\u00edas de inasistencia\/descuento<\/label>\r\n          <input type=\"number\" id=\"cgc-diasInasistencia\" class=\"cgc-input\" value=\"0\" min=\"0\" max=\"30\" step=\"1\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cgc-grid-2\" style=\"margin-bottom: 12px;\">\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-asigFam\">Asignaci\u00f3n familiar<\/label>\r\n          <div class=\"cgc-input-prefix\">\r\n            <span>S\/<\/span>\r\n            <input type=\"number\" id=\"cgc-asigFam\" class=\"cgc-input\" value=\"0\" min=\"0\" step=\"0.01\" \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <label class=\"cgc-label\" for=\"cgc-horasExtras\">Horas extras \/ otros ingresos<\/label>\r\n          <div class=\"cgc-input-prefix\">\r\n            <span>S\/<\/span>\r\n            <input type=\"number\" id=\"cgc-horasExtras\" class=\"cgc-input\" value=\"0\" min=\"0\" step=\"0.01\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"cgc-label\" for=\"cgc-sistema\">Sistema previsional<\/label>\r\n        <select id=\"cgc-sistema\" class=\"cgc-select\">\r\n          <option value=\"onp\">ONP (13% \u2014 Sistema Nacional de Pensiones)<\/option>\r\n          <option value=\"afp_habitat\" selected>AFP Habitat (12.84% total)<\/option>\r\n          <option value=\"afp_integra\">AFP Integra (12.92% total)<\/option>\r\n          <option value=\"afp_prima\">AFP Prima (12.97% total)<\/option>\r\n          <option value=\"afp_profuturo\">AFP Profuturo (13.06% total)<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cgc-banner\" id=\"cgc-bannerInfo\">\r\n      <i class=\"ti ti-clock\"><\/i>\r\n      <div><strong>Per\u00edodo del mes:<\/strong> <span id=\"cgc-bannerText\">01\/09\/2026 \u2192 10\/09\/2026 \u00b7 10 d\u00edas<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cgc-error hidden\" id=\"cgc-errFechas\">\r\n      <i class=\"ti ti-alert-circle\"><\/i>\r\n      <div>\r\n        <strong>Verifica los datos<\/strong><br>\r\n        <span id=\"cgc-errFechasMsg\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Resultados protegidos -->\r\n  <div class=\"cgc-protected\">\r\n    <div class=\"cgc-wm\" id=\"cgc-wm-bg\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"cgc-no-copy\">\r\n\r\n      <div class=\"cgc-protected-header\">\r\n        <span class=\"cgc-protected-title\" id=\"cgc-resultTitle\">Sueldo proporcional<\/span>\r\n        <span class=\"cgc-status\">Calculado<\/span>\r\n      <\/div>\r\n\r\n      <!-- Cards -->\r\n      <div class=\"cgc-cards-grid\" id=\"cgc-cardsGrid\">\r\n        <!-- generadas por JS -->\r\n      <\/div>\r\n\r\n      <!-- Detalle modo simple -->\r\n      <div id=\"cgc-detalleSimple\">\r\n        <div class=\"cgc-row\"><span class=\"cgc-row-label\">Sueldo mensual<\/span><span class=\"cgc-row-val\" id=\"cgc-simSueldo\">S\/ 1,500.00<\/span><\/div>\r\n        <div class=\"cgc-row\"><span class=\"cgc-row-label\">D\u00edas del per\u00edodo<\/span><span class=\"cgc-row-val\" id=\"cgc-simDias\">10 d\u00edas<\/span><\/div>\r\n        <div class=\"cgc-row\"><span class=\"cgc-row-label\">Sueldo diario (sueldo \/ 30)<\/span><span class=\"cgc-row-val\" id=\"cgc-simDiario\">S\/ 50.00<\/span><\/div>\r\n        <div class=\"cgc-subtotal\"><span>Sueldo proporcional<\/span><span id=\"cgc-simTotal\">S\/ 500.00<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Detalle modo completo -->\r\n      <div id=\"cgc-detalleCompleto\" style=\"display: none;\">\r\n        <!-- Ingresos -->\r\n        <div class=\"cgc-section-divider\">Ingresos<\/div>\r\n        <div class=\"cgc-row\"><span class=\"cgc-row-label\">Sueldo b\u00e1sico<\/span><span class=\"cgc-row-val positive\" id=\"cgc-cmpSueldo\">S\/ 2,500.00<\/span><\/div>\r\n        <div class=\"cgc-row\" id=\"cgc-rowDescDias\" style=\"display: none;\"><span class=\"cgc-row-label\">Descuento por inasistencias<\/span><span class=\"cgc-row-val negative\" id=\"cgc-cmpDescDias\">\u2212S\/ 0.00<\/span><\/div>\r\n        <div class=\"cgc-row\" id=\"cgc-rowAsigFam\" style=\"display: none;\"><span class=\"cgc-row-label\">Asignaci\u00f3n familiar<\/span><span class=\"cgc-row-val positive\" id=\"cgc-cmpAsigFam\">S\/ 0.00<\/span><\/div>\r\n        <div class=\"cgc-row\" id=\"cgc-rowExtras\" style=\"display: none;\"><span class=\"cgc-row-label\">Horas extras \/ otros<\/span><span class=\"cgc-row-val positive\" id=\"cgc-cmpExtras\">S\/ 0.00<\/span><\/div>\r\n        <div class=\"cgc-subtotal\"><span>Total remuneraci\u00f3n bruta<\/span><span id=\"cgc-cmpBruto\">S\/ 2,500.00<\/span><\/div>\r\n\r\n        <!-- Descuentos -->\r\n        <div class=\"cgc-section-divider\">Descuentos<\/div>\r\n        <div id=\"cgc-descuentos\">\r\n          <!-- generados por JS -->\r\n        <\/div>\r\n        <div class=\"cgc-subtotal\"><span>Total descuentos<\/span><span id=\"cgc-cmpDescTotal\" class=\"cgc-row-val negative\">\u2212S\/ 321.00<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Total final -->\r\n      <div class=\"cgc-total-box\">\r\n        <div>\r\n          <div class=\"cgc-total-label\" id=\"cgc-totalLabel\">Sueldo a pagar<\/div>\r\n          <div class=\"cgc-total-sub\" id=\"cgc-totalSub\">Sueldo proporcional por 10 d\u00edas<\/div>\r\n        <\/div>\r\n        <div class=\"cgc-total-val\" id=\"cgc-totalFinal\">S\/ 500.00<\/div>\r\n      <\/div>\r\n\r\n      <!-- Legal -->\r\n      <div class=\"cgc-legal\">\r\n        <i class=\"ti ti-scale\"><\/i>\r\n        <div>\r\n          <strong>Notas:<\/strong> El sueldo se prorratea sobre base de 30 d\u00edas. EsSalud (9%) lo paga el empleador, no se descuenta al trabajador. La asignaci\u00f3n familiar no est\u00e1 afecta a AFP\/ONP. Comisiones AFP seg\u00fan SBS (Habitat 1.47%, Integra 1.55%, Prima 1.60%, Profuturo 1.69% + 1.37% prima + 10% aporte).\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Botones -->\r\n  <div class=\"cgc-actions\">\r\n    <button type=\"button\" id=\"cgc-btn-reset\" class=\"cgc-btn cgc-btn-secondary\">\r\n      <i class=\"ti ti-refresh\"><\/i> Limpiar\r\n    <\/button>\r\n    <button type=\"button\" id=\"cgc-btn-copy\" class=\"cgc-btn cgc-btn-primary\">\r\n      <i class=\"ti ti-clipboard\"><\/i> Copiar resumen\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- Footer -->\r\n  <div class=\"cgc-footer\">\r\n    <div class=\"cgc-footer-left\">\r\n      <i class=\"ti ti-shield-check\"><\/i>\r\n      <span>Contenido protegido \u00b7 No descargable<\/span>\r\n    <\/div>\r\n    <span class=\"cgc-footer-right\">cgestiona.com \u00b7 contacto@cgestiona.com<\/span>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var USER_EMAIL = 'contacto@cgestiona.com';\r\n  var BRAND_EMAIL = 'contacto@cgestiona.com';\r\n\r\n  var $ = function(id) { return document.getElementById(id); };\r\n  var currentMode = 'simple';\r\n\r\n  \/\/ Tasas vigentes 2026 (SBS)\r\n  var SISTEMAS = {\r\n    'onp':            { nombre: 'ONP',           aporte: 0.13,  comision: 0,        prima: 0,       total: 0.13 },\r\n    'afp_habitat':    { nombre: 'AFP Habitat',   aporte: 0.10,  comision: 0.0147,   prima: 0.0137,  total: 0.1284 },\r\n    'afp_integra':    { nombre: 'AFP Integra',   aporte: 0.10,  comision: 0.0155,   prima: 0.0137,  total: 0.1292 },\r\n    'afp_prima':      { nombre: 'AFP Prima',     aporte: 0.10,  comision: 0.0160,   prima: 0.0137,  total: 0.1297 },\r\n    'afp_profuturo':  { nombre: 'AFP Profuturo', aporte: 0.10,  comision: 0.0169,   prima: 0.0137,  total: 0.1306 }\r\n  };\r\n\r\n  var MODE_INFO = {\r\n    'simple': '<strong>Modo Simple:<\/strong> Calcula el sueldo proporcional por d\u00edas trabajados en un mes. \u00datil para ingresos a mitad de mes, ceses, o pagos parciales.',\r\n    'completo': '<strong>Modo Completo:<\/strong> Calcula el sueldo neto (lo que efectivamente recibe el trabajador) considerando ingresos adicionales y descuentos de AFP\/ONP.'\r\n  };\r\n\r\n  function fmt(n) {\r\n    return 'S\/ ' + n.toLocaleString('es-PE', {minimumFractionDigits: 2, maximumFractionDigits: 2});\r\n  }\r\n  function fmtNeg(n) { return '\u2212' + fmt(Math.abs(n)); }\r\n  function fmtDate(d) {\r\n    var dd = String(d.getDate()).padStart(2,'0');\r\n    var mm = String(d.getMonth()+1).padStart(2,'0');\r\n    return dd + '\/' + mm + '\/' + d.getFullYear();\r\n  }\r\n\r\n  function buildWatermark() {\r\n    var wm = $('cgc-wm-bg');\r\n    if (!wm) return;\r\n    wm.innerHTML = '';\r\n    for (var r = 0; r < 8; r++) {\r\n      for (var c = 0; c < 4; c++) {\r\n        var tile = document.createElement('div');\r\n        tile.className = 'cgc-wm-tile';\r\n        tile.style.left = (c * 28 - 5) + '%';\r\n        tile.style.top = (r * 14 - 5) + '%';\r\n        var email = (r + c) % 2 === 0 ? USER_EMAIL : BRAND_EMAIL;\r\n        tile.innerHTML =\r\n          '<svg width=\"14\" height=\"14\" viewBox=\"0 0 200 100\">' +\r\n            '<g fill=\"none\" stroke=\"#0F3D3A\" stroke-width=\"11\" stroke-linecap=\"round\">' +\r\n              '<path d=\"M 60 25 Q 25 25 25 55 Q 25 85 60 85 Q 78 85 88 75\"\/>' +\r\n              '<path d=\"M 140 85 Q 175 85 175 55 Q 175 25 140 25 Q 122 25 112 35\"\/>' +\r\n            '<\/g>' +\r\n            '<line x1=\"35\" y1=\"85\" x2=\"170\" y2=\"15\" stroke=\"#0F3D3A\" stroke-width=\"8\" stroke-linecap=\"round\"\/>' +\r\n          '<\/svg>' +\r\n          '<span>C Gestiona \u00b7 ' + email + '<\/span>';\r\n        wm.appendChild(tile);\r\n      }\r\n    }\r\n  }\r\n\r\n  function hideError(id) { $(id).classList.add('hidden'); }\r\n  function showError(id, msg) {\r\n    var el = $(id);\r\n    el.classList.remove('hidden');\r\n    if (msg) {\r\n      var msgEl = el.querySelector('#cgc-errFechasMsg');\r\n      if (msgEl) msgEl.textContent = msg;\r\n    }\r\n  }\r\n\r\n  function calcularSimple() {\r\n    hideError('cgc-errFechas');\r\n\r\n    var fIng = $('cgc-fIngreso').value ? new Date($('cgc-fIngreso').value + 'T00:00:00') : null;\r\n    var fUlt = $('cgc-fUltimoDia').value ? new Date($('cgc-fUltimoDia').value + 'T00:00:00') : null;\r\n    var sueldo = parseFloat($('cgc-sueldoSimple').value) || 0;\r\n\r\n    if (!fIng || !fUlt) {\r\n      showError('cgc-errFechas', 'Ingresa ambas fechas.');\r\n      $('cgc-totalFinal').textContent = fmt(0);\r\n      return;\r\n    }\r\n    if (fUlt < fIng) {\r\n      showError('cgc-errFechas', 'El \u00faltimo d\u00eda no puede ser anterior a la fecha de ingreso.');\r\n      $('cgc-totalFinal').textContent = fmt(0);\r\n      return;\r\n    }\r\n\r\n    \/\/ Per\u00edodo de c\u00e1lculo: inicio = max(fIng, 1\u00b0 del mes de fUlt)\r\n    var primerDiaMes = new Date(fUlt.getFullYear(), fUlt.getMonth(), 1);\r\n    var inicio = fIng > primerDiaMes ? fIng : primerDiaMes;\r\n\r\n    \/\/ Total d\u00edas: (fUlt - inicio + 1), si es 31 \u2192 30\r\n    var msDay = 24 * 60 * 60 * 1000;\r\n    var totalDias = Math.round((fUlt - inicio) \/ msDay) + 1;\r\n    if (totalDias === 31) totalDias = 30;\r\n    if (totalDias < 0) totalDias = 0;\r\n\r\n    var sueldoDiario = sueldo \/ 30;\r\n    var sueldoProporcional = sueldoDiario * totalDias;\r\n\r\n    $('cgc-bannerText').textContent = fmtDate(inicio) + ' \u2192 ' + fmtDate(fUlt) + ' \u00b7 ' + totalDias + (totalDias === 1 ? ' d\u00eda' : ' d\u00edas');\r\n\r\n    $('cgc-simSueldo').textContent = fmt(sueldo);\r\n    $('cgc-simDias').textContent = totalDias + (totalDias === 1 ? ' d\u00eda' : ' d\u00edas');\r\n    $('cgc-simDiario').textContent = fmt(sueldoDiario);\r\n    $('cgc-simTotal').textContent = fmt(sueldoProporcional);\r\n\r\n    \/\/ Cards\r\n    $('cgc-cardsGrid').innerHTML =\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">D\u00edas trabajados<\/div><div class=\"cgc-card-val\">' + totalDias + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sueldo diario<\/div><div class=\"cgc-card-val\">' + fmt(sueldoDiario) + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sueldo base mensual<\/div><div class=\"cgc-card-val\">' + fmt(sueldo) + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sueldo proporcional<\/div><div class=\"cgc-card-val\">' + fmt(sueldoProporcional) + '<\/div><\/div>';\r\n\r\n    $('cgc-resultTitle').textContent = 'Sueldo proporcional';\r\n    $('cgc-totalLabel').textContent = 'Sueldo a pagar';\r\n    $('cgc-totalSub').textContent = 'Sueldo proporcional por ' + totalDias + ' d\u00eda' + (totalDias !== 1 ? 's' : '');\r\n    $('cgc-totalFinal').textContent = fmt(sueldoProporcional);\r\n  }\r\n\r\n  function calcularCompleto() {\r\n    hideError('cgc-errFechas');\r\n\r\n    var sueldo = parseFloat($('cgc-sueldoCompleto').value) || 0;\r\n    var diasInasistencia = parseInt($('cgc-diasInasistencia').value) || 0;\r\n    var asigFam = parseFloat($('cgc-asigFam').value) || 0;\r\n    var extras = parseFloat($('cgc-horasExtras').value) || 0;\r\n    var sistemaKey = $('cgc-sistema').value;\r\n    var sistema = SISTEMAS[sistemaKey];\r\n\r\n    if (diasInasistencia > 30) {\r\n      showError('cgc-errFechas', 'Los d\u00edas de inasistencia no pueden ser m\u00e1s de 30.');\r\n      diasInasistencia = 30;\r\n    }\r\n\r\n    \/\/ Descuento por inasistencia (sobre sueldo b\u00e1sico)\r\n    var descInasistencia = (sueldo \/ 30) * diasInasistencia;\r\n    var sueldoEfectivo = sueldo - descInasistencia;\r\n\r\n    \/\/ Bruto (sueldo efectivo + asig fam + extras)\r\n    var bruto = sueldoEfectivo + asigFam + extras;\r\n\r\n    \/\/ Base para AFP\/ONP: SIN asig familiar (es no remunerativa)\r\n    var baseAFPONP = sueldoEfectivo + extras;\r\n\r\n    \/\/ Descuentos\r\n    var aporte = baseAFPONP * sistema.aporte;\r\n    var comision = baseAFPONP * sistema.comision;\r\n    var prima = baseAFPONP * sistema.prima;\r\n    var totalDescuentos = aporte + comision + prima;\r\n\r\n    var neto = bruto - totalDescuentos;\r\n\r\n    $('cgc-bannerText').textContent = 'Sistema: ' + sistema.nombre + ' \u00b7 Descuento total: ' + (sistema.total * 100).toFixed(2) + '%';\r\n\r\n    \/\/ UI ingresos\r\n    $('cgc-cmpSueldo').textContent = fmt(sueldo);\r\n    if (diasInasistencia > 0) {\r\n      $('cgc-rowDescDias').style.display = '';\r\n      $('cgc-cmpDescDias').textContent = fmtNeg(descInasistencia);\r\n    } else {\r\n      $('cgc-rowDescDias').style.display = 'none';\r\n    }\r\n    if (asigFam > 0) {\r\n      $('cgc-rowAsigFam').style.display = '';\r\n      $('cgc-cmpAsigFam').textContent = fmt(asigFam);\r\n    } else {\r\n      $('cgc-rowAsigFam').style.display = 'none';\r\n    }\r\n    if (extras > 0) {\r\n      $('cgc-rowExtras').style.display = '';\r\n      $('cgc-cmpExtras').textContent = fmt(extras);\r\n    } else {\r\n      $('cgc-rowExtras').style.display = 'none';\r\n    }\r\n    $('cgc-cmpBruto').textContent = fmt(bruto);\r\n\r\n    \/\/ UI descuentos\r\n    var descHtml = '';\r\n    if (sistemaKey === 'onp') {\r\n      descHtml += '<div class=\"cgc-row\"><span class=\"cgc-row-label\">Aporte ONP (13%)<\/span><span class=\"cgc-row-val negative\">' + fmtNeg(aporte) + '<\/span><\/div>';\r\n    } else {\r\n      descHtml += '<div class=\"cgc-row\"><span class=\"cgc-row-label\">Aporte obligatorio (10%)<\/span><span class=\"cgc-row-val negative\">' + fmtNeg(aporte) + '<\/span><\/div>';\r\n      descHtml += '<div class=\"cgc-row\"><span class=\"cgc-row-label\">Comisi\u00f3n AFP (' + (sistema.comision * 100).toFixed(2) + '%)<\/span><span class=\"cgc-row-val negative\">' + fmtNeg(comision) + '<\/span><\/div>';\r\n      descHtml += '<div class=\"cgc-row\"><span class=\"cgc-row-label\">Prima de seguro (' + (sistema.prima * 100).toFixed(2) + '%)<\/span><span class=\"cgc-row-val negative\">' + fmtNeg(prima) + '<\/span><\/div>';\r\n    }\r\n    $('cgc-descuentos').innerHTML = descHtml;\r\n    $('cgc-cmpDescTotal').textContent = fmtNeg(totalDescuentos);\r\n\r\n    \/\/ Cards\r\n    $('cgc-cardsGrid').innerHTML =\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sueldo bruto<\/div><div class=\"cgc-card-val\">' + fmt(bruto) + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Descuentos<\/div><div class=\"cgc-card-val\">' + fmt(totalDescuentos) + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sistema<\/div><div class=\"cgc-card-val\" style=\"font-size: 13px;\">' + sistema.nombre + '<\/div><\/div>' +\r\n      '<div class=\"cgc-card\"><div class=\"cgc-card-label\">Sueldo neto<\/div><div class=\"cgc-card-val\">' + fmt(neto) + '<\/div><\/div>';\r\n\r\n    $('cgc-resultTitle').textContent = 'Liquidaci\u00f3n de planilla';\r\n    $('cgc-totalLabel').textContent = 'Sueldo NETO a recibir';\r\n    $('cgc-totalSub').textContent = 'Despu\u00e9s de descuentos ' + sistema.nombre;\r\n    $('cgc-totalFinal').textContent = fmt(neto);\r\n  }\r\n\r\n  function calcular() {\r\n    if (currentMode === 'simple') {\r\n      $('cgc-detalleSimple').style.display = '';\r\n      $('cgc-detalleCompleto').style.display = 'none';\r\n      calcularSimple();\r\n    } else {\r\n      $('cgc-detalleSimple').style.display = 'none';\r\n      $('cgc-detalleCompleto').style.display = '';\r\n      calcularCompleto();\r\n    }\r\n  }\r\n\r\n  \/\/ Toggle modo\r\n  document.querySelectorAll('.cgc-mode-btn').forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      document.querySelectorAll('.cgc-mode-btn').forEach(function(b) { b.classList.remove('active'); });\r\n      this.classList.add('active');\r\n      currentMode = this.getAttribute('data-mode');\r\n      $('cgc-modeInfoText').innerHTML = MODE_INFO[currentMode];\r\n      $('cgc-modoSimple').style.display = currentMode === 'simple' ? '' : 'none';\r\n      $('cgc-modoCompleto').style.display = currentMode === 'completo' ? '' : 'none';\r\n      calcular();\r\n    });\r\n  });\r\n\r\n  ['cgc-fIngreso','cgc-fUltimoDia','cgc-sueldoSimple',\r\n   'cgc-sueldoCompleto','cgc-diasInasistencia','cgc-asigFam','cgc-horasExtras','cgc-sistema']\r\n    .forEach(function(id) {\r\n      $(id).addEventListener('input', calcular);\r\n      $(id).addEventListener('change', calcular);\r\n    });\r\n\r\n  $('cgc-btn-reset').addEventListener('click', function() {\r\n    $('cgc-fIngreso').value = '';\r\n    $('cgc-fUltimoDia').value = '';\r\n    $('cgc-sueldoSimple').value = '';\r\n    $('cgc-sueldoCompleto').value = '';\r\n    $('cgc-diasInasistencia').value = '0';\r\n    $('cgc-asigFam').value = '0';\r\n    $('cgc-horasExtras').value = '0';\r\n    $('cgc-sistema').value = 'afp_habitat';\r\n    calcular();\r\n  });\r\n\r\n  $('cgc-btn-copy').addEventListener('click', function(e) {\r\n    var txt = 'Sueldo de planilla \u2014 C Gestiona\\n';\r\n    if (currentMode === 'simple') {\r\n      txt += 'Sueldo mensual: ' + $('cgc-simSueldo').textContent + '\\n';\r\n      txt += 'D\u00edas trabajados: ' + $('cgc-simDias').textContent + '\\n';\r\n      txt += 'Sueldo proporcional: ' + $('cgc-totalFinal').textContent + '\\n';\r\n    } else {\r\n      var sistema = SISTEMAS[$('cgc-sistema').value];\r\n      txt += 'Sueldo bruto: ' + $('cgc-cmpBruto').textContent + '\\n';\r\n      txt += 'Sistema: ' + sistema.nombre + '\\n';\r\n      txt += 'Descuentos: ' + $('cgc-cmpDescTotal').textContent + '\\n';\r\n      txt += 'Sueldo neto: ' + $('cgc-totalFinal').textContent + '\\n';\r\n    }\r\n    txt += '\\nM\u00e1s calculadoras en cgestiona.com';\r\n    if (navigator.clipboard) navigator.clipboard.writeText(txt);\r\n    var b = e.currentTarget;\r\n    var orig = b.innerHTML;\r\n    b.innerHTML = '<i class=\"ti ti-check\"><\/i> Copiado';\r\n    setTimeout(function() { b.innerHTML = orig; }, 1500);\r\n  });\r\n\r\n  document.addEventListener('contextmenu', function(e) {\r\n    if (e.target.closest && e.target.closest('.cgc-no-copy')) e.preventDefault();\r\n  });\r\n\r\n  buildWatermark();\r\n  calcular();\r\n})();\r\n<\/script>\r\n\r\n<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculadora Sueldo de planilla Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa. Calculadora Sueldo de planilla Acceso registrado Calcula el sueldo proporcional por d\u00edas trabajados (modo Simple) o el sueldo neto a recibir con descuentos de AFP\/ONP (modo Completo). Simple (por d\u00edas) Completo (bruto&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-988739","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calculadora de sueldo de planilla - C Gestiona<\/title>\n<meta name=\"description\" content=\"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cgestiona.com\/en\/calculadora-sueldo-planilla\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de sueldo de planilla - C Gestiona\" \/>\n<meta property=\"og:description\" content=\"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cgestiona.com\/en\/calculadora-sueldo-planilla\/\" \/>\n<meta property=\"og:site_name\" content=\"C Gestiona\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T04:37:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/\",\"url\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/\",\"name\":\"Calculadora de sueldo de planilla - C Gestiona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cgestiona.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-c-gestiona-blanco-transparente.png\",\"datePublished\":\"2026-05-14T04:30:09+00:00\",\"dateModified\":\"2026-05-14T04:37:34+00:00\",\"description\":\"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cgestiona.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-c-gestiona-blanco-transparente.png\",\"contentUrl\":\"https:\\\/\\\/cgestiona.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-c-gestiona-blanco-transparente.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/calculadora-sueldo-planilla\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/cgestiona.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora Sueldo de planilla\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#website\",\"url\":\"https:\\\/\\\/cgestiona.com\\\/\",\"name\":\"C Gestiona\",\"description\":\"Sitio web oficial\",\"publisher\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cgestiona.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#organization\",\"name\":\"C Gestiona\",\"url\":\"https:\\\/\\\/cgestiona.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cgestiona.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-cgestiona-color-img.png\",\"contentUrl\":\"https:\\\/\\\/cgestiona.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-cgestiona-color-img.png\",\"width\":935,\"height\":452,\"caption\":\"C Gestiona\"},\"image\":{\"@id\":\"https:\\\/\\\/cgestiona.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calculadora de sueldo de planilla - C Gestiona","description":"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.","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:\/\/cgestiona.com\/en\/calculadora-sueldo-planilla\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de sueldo de planilla - C Gestiona","og_description":"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.","og_url":"https:\/\/cgestiona.com\/en\/calculadora-sueldo-planilla\/","og_site_name":"C Gestiona","article_modified_time":"2026-05-14T04:37:34+00:00","og_image":[{"url":"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/","url":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/","name":"Calculadora de sueldo de planilla - C Gestiona","isPartOf":{"@id":"https:\/\/cgestiona.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/#primaryimage"},"image":{"@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/#primaryimage"},"thumbnailUrl":"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png","datePublished":"2026-05-14T04:30:09+00:00","dateModified":"2026-05-14T04:37:34+00:00","description":"Calcula el sueldo neto de un trabajador en planilla, considerando descuentos, aportes, beneficios laborales y r\u00e9gimen aplicable en Per\u00fa.","breadcrumb":{"@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/#primaryimage","url":"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png","contentUrl":"https:\/\/cgestiona.com\/wp-content\/uploads\/2026\/05\/logo-c-gestiona-blanco-transparente.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cgestiona.com\/calculadora-sueldo-planilla\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/cgestiona.com\/"},{"@type":"ListItem","position":2,"name":"Calculadora Sueldo de planilla"}]},{"@type":"WebSite","@id":"https:\/\/cgestiona.com\/#website","url":"https:\/\/cgestiona.com\/","name":"C Gestiona","description":"Sitio web oficial","publisher":{"@id":"https:\/\/cgestiona.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cgestiona.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cgestiona.com\/#organization","name":"C Gestiona","url":"https:\/\/cgestiona.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cgestiona.com\/#\/schema\/logo\/image\/","url":"https:\/\/cgestiona.com\/wp-content\/uploads\/2025\/03\/logo-cgestiona-color-img.png","contentUrl":"https:\/\/cgestiona.com\/wp-content\/uploads\/2025\/03\/logo-cgestiona-color-img.png","width":935,"height":452,"caption":"C Gestiona"},"image":{"@id":"https:\/\/cgestiona.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/pages\/988739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/comments?post=988739"}],"version-history":[{"count":7,"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/pages\/988739\/revisions"}],"predecessor-version":[{"id":988755,"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/pages\/988739\/revisions\/988755"}],"wp:attachment":[{"href":"https:\/\/cgestiona.com\/en\/wp-json\/wp\/v2\/media?parent=988739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}