{"id":492,"date":"2023-04-12T19:24:38","date_gmt":"2023-04-12T19:24:38","guid":{"rendered":"https:\/\/colon.gob.mx\/SMDIF\/?page_id=492"},"modified":"2025-10-23T22:23:31","modified_gmt":"2025-10-23T22:23:31","slug":"dictamenes-de-jubilacion","status":"publish","type":"page","link":"https:\/\/colon.gob.mx\/SMDIF\/dictamenes-de-jubilacion\/","title":{"rendered":"Dict\u00e1menes de jubilaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"492\" class=\"elementor elementor-492\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1cdf02a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cdf02a0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33914bf5\" data-id=\"33914bf5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2253dc6 elementor-widget elementor-widget-html\" data-id=\"2253dc6\" 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<style>\r\n    \/* ... (Todo tu CSS se mantiene igual) ... *\/\r\n    .dictamenes-container {\r\n      font-family: \"Inter\", system-ui, sans-serif;\r\n      background-color: #f5f5f5;\r\n      color: #333;\r\n      padding: 2rem;\r\n      border-radius: 16px;\r\n      max-width: 900px;\r\n      margin: 2rem auto;\r\n    }\r\n\r\n    .dictamenes-header {\r\n      text-align: center;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .dictamenes-header h2 {\r\n      font-size: 1.6rem;\r\n      font-weight: 700;\r\n      color: #a83f69;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .dictamenes-header p {\r\n      font-size: 0.95rem;\r\n      color: #666;\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dictamen-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1rem;\r\n      margin-top: 1.5rem;\r\n    }\r\n\r\n    .dictamen-card {\r\n      background: #fff;\r\n      border: 1px solid #ddd;\r\n      border-radius: 12px;\r\n      padding: 1rem 1.5rem;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: box-shadow 0.2s ease;\r\n    }\r\n\r\n    .dictamen-card:hover {\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .dictamen-info {\r\n      flex: 1;\r\n    }\r\n\r\n    .dictamen-title {\r\n      font-weight: 600;\r\n      color: #222;\r\n      margin-bottom: 0.3rem;\r\n    }\r\n\r\n    .dictamen-date {\r\n      font-size: 0.85rem;\r\n      color: #666;\r\n      margin-bottom: 0.4rem;\r\n    }\r\n\r\n    .dictamen-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      padding: 0.3rem 0.75rem;\r\n      border-radius: 999px;\r\n      font-size: 0.6rem;\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.02em;\r\n      width: auto;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .pill-success {\r\n      background-color: #e6f4ea;\r\n      color: #1e7e34;\r\n    }\r\n\r\n    .pill-warning {\r\n      background-color: #fff3cd;\r\n      color: #856404;\r\n    }\r\n\r\n    .pill-error {\r\n      background-color: #f8d7da;\r\n      color: #842029;\r\n    }\r\n\r\n    .pill-disabled {\r\n      background-color: #e0e0e0;\r\n      color: #6c757d;\r\n    }\r\n\r\n    .dictamen-btn {\r\n      background-color: #ea4c8a;\r\n      color: #fff;\r\n      border: none;\r\n      border-radius: 8px;\r\n      padding: 0.6rem 1rem;\r\n      font-size: 0.9rem;\r\n      cursor: pointer;\r\n      transition: background-color 0.2s ease, transform 0.1s ease;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n\r\n    .dictamen-btn:hover {\r\n      background-color: #d13d77;\r\n    }\r\n\r\n    .dictamen-btn:active {\r\n      background-color: #b53266;\r\n      transform: scale(0.98);\r\n    }\r\n\r\n    .dictamen-btn:disabled {\r\n      background-color: #ccc;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    .no-dictamenes {\r\n      text-align: center;\r\n      color: #777;\r\n      font-size: 1rem;\r\n      font-style: italic;\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .dictamen-card {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n      }\r\n      .dictamen-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"dictamenes-container\">\r\n    <div class=\"dictamenes-header\">\r\n      <h2><i class=\"fas fa-file-signature\"><\/i> Dict\u00e1menes de Jubilaci\u00f3n<\/h2>\r\n      <p>Publicaci\u00f3n oficial del Municipio de Col\u00f3n.<br>\r\n        Los dict\u00e1menes permanecer\u00e1n disponibles durante <strong>5 d\u00edas naturales<\/strong> a partir de su recepci\u00f3n.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dictamen-list\" id=\"dictamenList\"><\/div>\r\n\r\n    <p class=\"no-dictamenes\" id=\"noDictamenes\" style=\"display:none;\">\r\n      <i class=\"fas fa-info-circle\"><\/i> No se encuentran dict\u00e1menes publicados por el momento.\r\n    <\/p>\r\n\r\n    <script>\r\n      const documents = [\r\n        {\r\n          filename: \"PROYECTO DE DICTAMEN DE JUBILACION J. JESUS FLORENCIO MARTINEZ PEREZ.pdf\",\r\n          title: \"J. Jes\u00fas Florencio Mart\u00ednez P\u00e9rez\",\r\n          fecha: \"2025-10-24\"\r\n        },\r\n        {\r\n          filename: \"PROYECTO DE DICTAMEN DE JUBILACION MARTIN HERNANDEZ HURTADO.pdf\",\r\n          title: \"Mart\u00edn Hern\u00e1ndez Hurtado\",\r\n          fecha: \"2025-10-24\"\r\n        }\r\n      ];\r\n\r\n      const baseURL = \"https:\/\/colon.gob.mx\/dif\/DICTAMENES-JUB\/\";\r\n\r\n      function parseLocalDate(dateString) {\r\n        const parts = dateString.split('-');\r\n        return new Date(parts[0], parts[1] - 1, parts[2]);\r\n      }\r\n\r\n      function daysRemaining(fechaPublicacion) {\r\n        const now = new Date();\r\n        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\r\n        \r\n        const pubDate = parseLocalDate(fechaPublicacion);\r\n        \r\n        const diffTime = today.getTime() - pubDate.getTime();\r\n        const daysPassed = Math.floor(diffTime \/ (1000 * 60 * 60 * 24));\r\n\r\n        const daysLeft = 5 - daysPassed;\r\n        return daysLeft > 0 ? daysLeft : 0;\r\n      }\r\n\r\n      function getPill(days) {\r\n        if (days === 5) {\r\n            return `<span class=\"dictamen-pill pill-success\"><i class=\"fas fa-check-circle\"><\/i> 5 d\u00edas restantes<\/span>`;\r\n        } else if (days >= 3) {\r\n            return `<span class=\"dictamen-pill pill-success\"><i class=\"fas fa-check-circle\"><\/i> ${days} d\u00eda${days !== 1 ? \"s\" : \"\"} restantes<\/span>`;\r\n        } else if (days === 2) {\r\n            return `<span class=\"dictamen-pill pill-warning\"><i class=\"fas fa-exclamation-circle\"><\/i> ${days} d\u00eda${days !== 1 ? \"s\" : \"\"} restantes<\/span>`;\r\n        } else if (days === 1) {\r\n            return `<span class=\"dictamen-pill pill-error\"><i class=\"fas fa-exclamation-triangle\"><\/i> 1 d\u00eda restante<\/span>`;\r\n        } else {\r\n            return `<span class=\"dictamen-pill pill-disabled\"><i class=\"fas fa-ban\"><\/i> 0 d\u00edas - Archivo por eliminar<\/span>`;\r\n        }\r\n      }\r\n\r\n      const container = document.getElementById(\"dictamenList\");\r\n      const noDictamenes = document.getElementById(\"noDictamenes\");\r\n      \r\n      const now = new Date();\r\n      const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\r\n\r\n      let visibleDocs = 0;\r\n\r\n      documents.forEach(doc => {\r\n        const pubDate = parseLocalDate(doc.fecha);\r\n        const days = daysRemaining(doc.fecha);\r\n        \r\n        \/\/ NO MOSTRAR si la fecha es futura O si ya expir\u00f3 (0 d\u00edas)\r\n        if (pubDate > today || days === 0) {\r\n          return;\r\n        }\r\n\r\n        const card = document.createElement(\"div\");\r\n        card.className = \"dictamen-card\";\r\n\r\n        card.innerHTML = `\r\n          <div class=\"dictamen-info\">\r\n            <div class=\"dictamen-title\">${doc.title}<\/div>\r\n            <div class=\"dictamen-date\"><i class=\"far fa-calendar-alt\"><\/i> Publicado:\r\n              ${pubDate.toLocaleDateString(\"es-MX\", { year: \"numeric\", month: \"long\", day: \"numeric\" })}\r\n            <\/div>\r\n            ${getPill(days)}\r\n          <\/div>\r\n          <button class=\"dictamen-btn\" onclick=\"window.open('${baseURL + encodeURIComponent(doc.filename)}', '_blank')\">\r\n            <i class=\"fas fa-eye\"><\/i> Ver dictamen\r\n          <\/button>\r\n        `;\r\n\r\n        container.appendChild(card);\r\n        visibleDocs++;\r\n      });\r\n\r\n      if (visibleDocs === 0) {\r\n        noDictamenes.style.display = \"block\";\r\n      }\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2beb974 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2beb974\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2475f75\" data-id=\"2475f75\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e37028 elementor-widget elementor-widget-text-editor\" data-id=\"4e37028\" 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\n<p>&nbsp;<\/p>\n<!--<p><a href=\"https:\/\/colon.gob.mx\/dif\/DICTAMENES-JUB\/FABY DICTAMEN.pdf\" data-type=\"URL\" data-id=\"https:\/\/colon.gob.mx\/dif\/FABY DICTAMEN.pdf\">Dictamen de jubilaci\u00f3n M. Fabiola P\u00e9rez Herrera<\/a><\/p>-->\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dict\u00e1menes de Jubilaci\u00f3n Publicaci\u00f3n oficial del Municipio de Col\u00f3n. Los dict\u00e1menes permanecer\u00e1n disponibles durante 5 d\u00edas naturales a partir de su recepci\u00f3n. No se encuentran dict\u00e1menes publicados por el momento. &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/pages\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":67,"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":1107,"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/pages\/492\/revisions\/1107"}],"wp:attachment":[{"href":"https:\/\/colon.gob.mx\/SMDIF\/wp-json\/wp\/v2\/media?parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}