{"id":1269,"date":"2025-09-09T17:36:38","date_gmt":"2025-09-09T23:36:38","guid":{"rendered":"https:\/\/cimigen.org.mx\/?page_id=1269"},"modified":"2025-09-09T18:36:18","modified_gmt":"2025-09-10T00:36:18","slug":"informes","status":"publish","type":"page","link":"https:\/\/cimigen.org.mx\/index.php\/informes\/","title":{"rendered":"Informes"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Informes Anuales &#8211; Cimagen<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        :root {\n            --primary-blue: #5B9BD5;\n            --accent-lime: #9ACD32;\n            --white: #ffffff;\n            --text-dark: #2c3e50;\n            --text-light: #555;\n            --background-start: #eaf2f8;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n\n        body {\n            font-family: 'Manrope', sans-serif;\n            color: var(--text-dark);\n            background-color: var(--background-start);\n            overflow-x: hidden;\n        }\n        \n        #bg-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; }\n        .content-container { position: relative; z-index: 2; background-color: transparent; }\n\n        #guide-line-svg {\n            position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n            width: 1200px; height: 100%; z-index: -1; pointer-events: none;\n        }\n        #guide-path { stroke: rgba(91, 155, 213, 0.35); stroke-width: 3; fill: none; }\n        \n        \/* --- ESTILOS PARA LA ANIMACI\u00d3N DE DESCARGA CENTRAL MEJORADOS --- *\/\n        #download-overlay {\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background-color: rgba(44, 62, 80, 0.5);\n            backdrop-filter: blur(5px);\n            z-index: 2000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n        }\n        #download-overlay.visible {\n            opacity: 1;\n            visibility: visible;\n        }\n        .animation-container {\n            position: relative;\n            width: 120px; \/* Tama\u00f1o m\u00e1s peque\u00f1o *\/\n            height: 120px; \/* Tama\u00f1o m\u00e1s peque\u00f1o *\/\n            background-color: rgba(255, 255, 255, 0.9); \/* Fondo blanco semitransparente *\/\n            border-radius: 20px; \/* Bordes redondeados *\/\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transform: scale(0.7);\n            opacity: 0;\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, background-color 0.3s ease;\n        }\n        #download-overlay.visible .animation-container {\n            transform: scale(1);\n            opacity: 1;\n        }\n        .animation-container .file-icon {\n            font-size: 3.5rem; \/* Tama\u00f1o de \u00edcono ajustado *\/\n            color: var(--primary-blue);\n            position: absolute;\n            top: 50%; left: 50%;\n            transform: translate(-50%, -50%);\n            transition: color 0.3s ease;\n        }\n        .animation-container .circle-loader {\n            width: 100px; \/* Tama\u00f1o del loader ajustado *\/\n            height: 100px; \/* Tama\u00f1o del loader ajustado *\/\n            border: 4px solid rgba(91, 155, 213, 0.2); \/* Borde m\u00e1s sutil *\/\n            border-top-color: var(--accent-lime);\n            border-radius: 50%;\n            position: absolute;\n            animation: spin 1.5s linear forwards;\n            opacity: 1;\n            transition: opacity 0.3s ease;\n        }\n        .animation-container.complete .circle-loader {\n            opacity: 0;\n        }\n        .animation-container .checkmark {\n            font-size: 3rem; \/* Tama\u00f1o del check ajustado *\/\n            color: var(--accent-lime);\n            position: absolute;\n            top: 50%; left: 50%;\n            transform: translate(-50%, -50%) scale(0);\n            opacity: 0;\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;\n        }\n        .animation-container.complete .checkmark {\n            transform: translate(-50%, -50%) scale(1);\n            opacity: 1;\n        }\n        .animation-container.complete .file-icon {\n            color: var(--accent-lime); \/* Cambia el color del \u00edcono a verde al completar *\/\n        }\n        \n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        \n        .report-section {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 5rem 2rem;\n        }\n        .container { max-width: 1100px; margin: 0 auto; }\n\n        .card {\n            background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(15px);\n            border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n            border: 1px solid rgba(255, 255, 255, 0.5); width: 100%; padding: 3rem 4rem;\n        }\n        \n        .year-title {\n            font-size: 6rem; font-weight: 800; text-align: center;\n            color: var(--primary-blue); opacity: 0.15;\n            position: absolute; top: 2rem; left: 2rem; z-index: -1;\n        }\n\n        .report-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: center; }\n        .report-header h1 { font-size: 2.8rem; font-weight: 800; color: var(--text-dark); }\n        .report-header h1 span { color: var(--primary-blue); }\n        .report-header p { font-size: 1.2rem; margin-top: 1rem; color: var(--text-light); }\n\n        .achievements-list { list-style: none; padding: 0; margin: 1.5rem 0; }\n        .achievements-list li { display: flex; align-items: flex-start; font-size: 1.1rem; margin-bottom: 1.2rem; }\n        .achievements-list i { color: var(--accent-lime); font-size: 1.5rem; margin-right: 15px; width: 30px; text-align: center; margin-top: 5px; }\n        \n        .btn-download {\n            display: inline-block; text-decoration: none; padding: 1rem 2.5rem;\n            border-radius: 50px; background-color: var(--primary-blue); color: var(--white);\n            font-weight: 700; transition: transform 0.3s, box-shadow 0.3s; margin-top: 1rem;\n            border: none; font-family: 'Manrope', sans-serif; font-size: 1rem; cursor: pointer;\n        }\n        .btn-download:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(91, 155, 213, 0.4); }\n\n        .reveal { opacity: 0; transform: translateY(40px); transition: opacity 1s, transform 1s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); }\n        .reveal.visible { opacity: 1; transform: translateY(0); }\n\n        \/* --- MEDIA QUERIES PARA RESPONSIVIDAD --- *\/\n        @media (max-width: 768px) {\n            #guide-line-svg { display: none; } \/* Ocultar l\u00ednea en m\u00f3vil *\/\n            .report-section { padding: 4rem 1rem; min-height: auto;}\n            .card { padding: 2rem; }\n            .report-grid { grid-template-columns: 1fr; } \/* Columna \u00fanica en m\u00f3vil *\/\n            .year-title { font-size: 4rem; position: relative; top: auto; left: auto; opacity: 0.1; margin-bottom: 1rem;}\n            .report-header h1 { font-size: 2rem; }\n            .report-header p { font-size: 1rem; }\n            .achievements-list li { font-size: 0.95rem; }\n            .btn-download { padding: 0.8rem 2rem; font-size: 0.9rem; }\n\n            \/* Ajustes para la animaci\u00f3n de descarga en m\u00f3vil *\/\n            .animation-container {\n                width: 100px;\n                height: 100px;\n                border-radius: 15px;\n            }\n            .animation-container .file-icon {\n                font-size: 3rem;\n            }\n            .animation-container .circle-loader {\n                width: 80px;\n                height: 80px;\n                border-width: 3px;\n            }\n            .animation-container .checkmark {\n                font-size: 2.5rem;\n            }\n        }\n        @media (max-width: 480px) {\n            .card { padding: 1.5rem; }\n            .year-title { font-size: 3rem; }\n            .report-header h1 { font-size: 1.8rem; }\n            .report-header p { font-size: 0.9rem; }\n            .achievements-list li { font-size: 0.85rem; }\n            .achievements-list i { font-size: 1.3rem; margin-right: 10px; width: 25px; }\n            .btn-download { padding: 0.7rem 1.5rem; font-size: 0.85rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <canvas id=\"bg-canvas\"><\/canvas>\n\n    <div id=\"download-overlay\">\n        <div class=\"animation-container\" id=\"animation-container\">\n            <i class=\"fas fa-file-pdf file-icon\"><\/i>\n            <div class=\"circle-loader\"><\/div>\n            <i class=\"fas fa-check-circle checkmark\"><\/i>\n        <\/div>\n    <\/div>\n\n    <div class=\"content-container\">\n        <svg id=\"guide-line-svg\">\n             <path id=\"guide-path\" d=\"M 100 200 C 100 800, 1100 800, 1100 1400 S 100 2000, 100 2600 S 1100 3200, 1100 3800\"><\/path>\n        <\/svg>\n        \n        <main>\n            <section id=\"informe-2024\" class=\"report-section\">\n                <div class=\"container\">\n                    <div class=\"card reveal\">\n                        <div class=\"year-title\">2024<\/div>\n                        <div class=\"report-grid\">\n                            <div class=\"report-header\">\n                                <h1>A\u00f1o de <span>Transformaci\u00f3n<\/span><\/h1>\n                                <p>Tomamos una pausa estrat\u00e9gica para reestructurar y sentar las bases de un futuro m\u00e1s s\u00f3lido y sostenible.<\/p>\n                                <a href=\"https:\/\/cimigen.org.mx\/wp-content\/uploads\/2025\/07\/REPORTE-ANAUAL-DE-ACTIVIDADES-2024-VF.pdf\" class=\"btn-download\" download>Descargar PDF 2024<\/a>\n                            <\/div>\n                            <div>\n                                <ul class=\"achievements-list\">\n                                    <li><i class=\"fas fa-users\"><\/i><div><strong>2,700 Personas Atendidas<\/strong><br><small>(Enero-Julio, previo a la pausa)<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-heartbeat\"><\/i><div><strong>5,220 Servicios Otorgados<\/strong><br><small>Focalizados en ginecolog\u00eda, pediatr\u00eda y obstetricia.<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-smile\"><\/i><div><strong>99% de Satisfacci\u00f3n<\/strong><br><small>Alcanzado en julio, reflejando nuestra calidad de atenci\u00f3n.<\/small><\/div><\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"informe-2023\" class=\"report-section\">\n                <div class=\"container\">\n                    <div class=\"card reveal\">\n                        <div class=\"year-title\">2023<\/div>\n                        <div class=\"report-grid\">\n                            <div class=\"report-header\">\n                                <h1>A\u00f1o de <span>Resiliencia<\/span><\/h1>\n                                <p>Mantuvimos la excelencia en la atenci\u00f3n mientras planific\u00e1bamos meticulosamente la reestructura integral de la instituci\u00f3n.<\/p>\n                                <a href=\"https:\/\/cimigen.org.mx\/wp-content\/uploads\/2025\/07\/REPORTE-ANUAL-DE-ACTIVIDADES-2023-VF.pdf\" class=\"btn-download\" download>Descargar PDF 2023<\/a>\n                            <\/div>\n                            <div>\n                                <ul class=\"achievements-list\">\n                                    <li><i class=\"fas fa-users\"><\/i><div><strong>10,020 Personas Atendidas<\/strong><br><small>Demostrando nuestro compromiso continuo.<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-heartbeat\"><\/i><div><strong>14,281 Servicios de Salud<\/strong><br><small>A pesar de operar con capacidad limitada.<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-award\"><\/i><div><strong>Cero Muertes Maternas<\/strong><br><small>Cumpliendo nuestro compromiso m\u00e1s importante con la vida.<\/small><\/div><\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"informe-2022\" class=\"report-section\">\n                <div class=\"container\">\n                    <div class=\"card reveal\">\n                        <div class=\"year-title\">2022<\/div>\n                        <div class=\"report-grid\">\n                            <div class=\"report-header\">\n                                <h1>A\u00f1o de <span>Aprendizaje<\/span><\/h1>\n                                <p>Un periodo desafiante que expuso debilidades estructurales y se convirti\u00f3 en la hoja de ruta para nuestra futura transformaci\u00f3n.<\/p>\n                                <a href=\"https:\/\/cimigen.org.mx\/wp-content\/uploads\/2025\/07\/INFORME-ANUAL-DE-ACTIVIDADES-2022-VF.pdf\" class=\"btn-download\" download>Descargar PDF 2022<\/a>\n                            <\/div>\n                            <div>\n                                <ul class=\"achievements-list\">\n                                    <li><i class=\"fas fa-users\"><\/i><div><strong>18,351 Personas Atendidas<\/strong><br><small>A pesar de los complejos desaf\u00edos operativos.<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-heartbeat\"><\/i><div><strong>24,642 Servicios Totales<\/strong><br><small>Reflejando la alta demanda de nuestra comunidad.<\/small><\/div><\/li>\n                                    <li><i class=\"fas fa-exclamation-triangle\"><\/i><div><strong>Cierre de Quir\u00f3fanos<\/strong><br><small>El reto principal que impuls\u00f3 la necesidad de cambio.<\/small><\/div><\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n    <\/div>\n\n    <script type=\"importmap\">\n    { \"imports\": { \"three\": \"https:\/\/unpkg.com\/three@0.156.1\/build\/three.module.js\" } }\n    <\/script>\n    <script type=\"module\">\n        import * as THREE from 'three';\n        function createCrossTexture(){const c=document.createElement(\"canvas\");c.width=64,c.height=64;const t=c.getContext(\"2d\");return t.beginPath(),t.moveTo(22,32),t.lineTo(42,32),t.moveTo(32,22),t.lineTo(32,42),t.lineWidth=5,t.strokeStyle=\"rgba(91, 155, 213, 0.5)\",t.stroke(),new THREE.CanvasTexture(c)}const scene=new THREE.Scene,camera=new THREE.PerspectiveCamera(75,window.innerWidth\/window.innerHeight,.1,1e3),renderer=new THREE.WebGLRenderer({canvas:document.querySelector(\"#bg-canvas\"),alpha:!0});renderer.setSize(window.innerWidth,window.innerHeight);const particleCount=4e3,positions=new Float32Array(4e3*3);for(let e=0;e<12e3;e++)positions[e]=25*(Math.random()-.5);const particlesGeometry=new THREE.BufferGeometry;particlesGeometry.setAttribute(\"position\",new THREE.BufferAttribute(positions,3));const particlesMaterial=new THREE.PointsMaterial({size:.1,map:createCrossTexture(),transparent:!0,blending:THREE.AdditiveBlending,depthWrite:!1}),particleSystem=new THREE.Points(particlesGeometry,particlesMaterial);scene.add(particleSystem),camera.position.z=5;const mouse=new THREE.Vector2;document.addEventListener(\"mousemove\",e=>{mouse.x=e.clientX\/window.innerWidth*2-1,mouse.y=-(e.clientY\/window.innerHeight)*2+1});const guidePath=document.querySelector(\"#guide-path\"),pathLength=guidePath.getTotalLength();guidePath.style.strokeDasharray=pathLength,guidePath.style.strokeDashoffset=pathLength;function handleScroll(){const e=window.pageYOffset||document.documentElement.scrollTop,t=document.documentElement.scrollHeight-window.innerHeight,o=t>0?e\/t:0;camera.position.z=5-.003*e;const n=pathLength*o;guidePath.style.strokeDashoffset=pathLength-n}window.addEventListener(\"scroll\",handleScroll,{passive:!0});function animate(){requestAnimationFrame(animate),particleSystem.rotation.y+=2e-4,camera.position.x+=.02*(.5*mouse.x-camera.position.x),camera.position.y+=.02*(.5*mouse.y-camera.position.y),camera.lookAt(scene.position),renderer.render(scene,camera)}animate(),window.addEventListener(\"resize\",()=>{camera.aspect=window.innerWidth\/window.innerHeight,camera.updateProjectionMatrix(),renderer.setSize(window.innerWidth,window.innerHeight)});const observer=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&t.target.classList.add(\"visible\")})},{threshold:0.3});document.querySelectorAll(\".reveal\").forEach(e=>{observer.observe(e)}),handleScroll();\n    <\/script>\n    <script>\n        \/\/ --- SCRIPT PARA ANIMACI\u00d3N DE DESCARGA CENTRAL ---\n        document.querySelectorAll('.btn-download').forEach(button => {\n            button.addEventListener('click', function(e) {\n                e.preventDefault();\n\n                const overlay = document.getElementById('download-overlay');\n                const animationContainer = document.getElementById('animation-container');\n                const downloadUrl = this.href;\n\n                \/\/ Restablece el estado de la animaci\u00f3n\n                animationContainer.classList.remove('complete');\n                \/\/ Aseg\u00farate de que el circle-loader sea visible y el checkmark est\u00e9 oculto\n                animationContainer.querySelector('.circle-loader').style.opacity = '1';\n                animationContainer.querySelector('.checkmark').style.transform = 'translate(-50%, -50%) scale(0)';\n                animationContainer.querySelector('.checkmark').style.opacity = '0';\n                animationContainer.querySelector('.file-icon').style.color = 'var(--primary-blue)';\n\n\n                \/\/ Muestra el overlay y la animaci\u00f3n\n                overlay.classList.add('visible');\n                \n                \/\/ Simula el proceso de preparaci\u00f3n de la descarga\n                setTimeout(() => {\n                    \/\/ Muestra el check de completado\n                    animationContainer.classList.add('complete');\n                    \n                    \/\/ Inicia la descarga real\n                    const link = document.createElement('a');\n                    link.href = downloadUrl;\n                    link.setAttribute('download', '');\n                    document.body.appendChild(link);\n                    link.click();\n                    document.body.removeChild(link);\n\n                    \/\/ Oculta el overlay despu\u00e9s de un momento\n                    setTimeout(() => {\n                        overlay.classList.remove('visible');\n                    }, 1000); \/\/ Tiempo para que el usuario vea el check\n\n                }, 1500); \/\/ Duraci\u00f3n de la animaci\u00f3n del c\u00edrculo\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Informes Anuales &#8211; Cimagen 2024 A\u00f1o de Transformaci\u00f3n Tomamos una pausa estrat\u00e9gica para reestructurar y sentar las bases de un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-1269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/1269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1269"}],"version-history":[{"count":14,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/1269\/revisions"}],"predecessor-version":[{"id":1292,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/1269\/revisions\/1292"}],"wp:attachment":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}