{"id":14,"date":"2021-10-12T22:20:04","date_gmt":"2021-10-12T22:20:04","guid":{"rendered":"https:\/\/grupodelrosario.com\/?page_id=14"},"modified":"2025-08-14T21:39:56","modified_gmt":"2025-08-14T21:39:56","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/nosotros\/","title":{"rendered":"Nosotros"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb52f8d e-con-full e-flex e-con e-parent\" data-id=\"bb52f8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d035bda elementor-widget elementor-widget-html\" data-id=\"d035bda\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Nosotros - GDR Centro de Capacitaci\u00f3n<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-blue: #2b2e83;\r\n            --secondary-blue: #0f70b7;\r\n            --accent-blue: #2daae1;\r\n            --dark-gray: #676666;\r\n            --black: #020202;\r\n            --light-gray: #f8fafc;\r\n            --white: #ffffff;\r\n            --text-dark: #020202;\r\n            --text-light: #676666;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--text-dark);\r\n            background: var(--white);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header compacto *\/\r\n        .header {\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n            color: white;\r\n            padding: 60px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>') repeat;\r\n            animation: float 20s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(180deg); }\r\n        }\r\n\r\n        .header-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(45deg, #ffffff, #e2e8f0);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.25rem;\r\n            opacity: 0.9;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Animaciones *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInRight {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        \/* Secciones principales *\/\r\n        .section {\r\n            padding: 80px 0;\r\n            animation: fadeIn 1s ease-out;\r\n        }\r\n\r\n        .section:nth-child(even) {\r\n            background: var(--light-gray);\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            text-align: center;\r\n            color: var(--primary-blue);\r\n            position: relative;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--accent-blue), var(--secondary-blue));\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .text-content {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n            text-align: center;\r\n            max-width: 900px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        \/* Grid de im\u00e1genes *\/\r\n        .image-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .image-card {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            animation: slideInUp 0.8s ease-out;\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .image-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .image-card img {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n            background: linear-gradient(45deg, #f3f4f6, #e5e7eb);\r\n            display: block;\r\n        }\r\n\r\n        \/* Fallback para im\u00e1genes que no cargan *\/\r\n        .image-card {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            animation: slideInUp 0.8s ease-out;\r\n            background: linear-gradient(45deg, #f8fafc, #e2e8f0);\r\n            min-height: 250px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .image-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, rgba(43, 46, 131, 0.1), rgba(45, 170, 225, 0.1));\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .image-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .image-placeholder {\r\n            color: var(--text-light);\r\n            font-size: 3rem;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .image-card:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .image-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n            color: white;\r\n            padding: 20px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .image-card:hover .image-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Valores *\/\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .value-card {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            animation: slideInLeft 0.8s ease-out;\r\n        }\r\n\r\n        .value-card:nth-child(even) {\r\n            animation: slideInRight 0.8s ease-out;\r\n        }\r\n\r\n        .value-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--accent-blue), var(--secondary-blue));\r\n        }\r\n\r\n        .value-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .value-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, var(--accent-blue), var(--secondary-blue));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 24px;\r\n            color: white;\r\n        }\r\n\r\n        .value-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .value-description {\r\n            color: var(--text-light);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Modal para im\u00e1genes *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0,0,0,0.9);\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .modal-content {\r\n            position: relative;\r\n            margin: auto;\r\n            display: block;\r\n            width: 90%;\r\n            max-width: 900px;\r\n            max-height: 80%;\r\n            object-fit: contain;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            animation: slideInUp 0.3s ease;\r\n        }\r\n\r\n        .close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 35px;\r\n            color: #f1f1f1;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            transition: 0.3s;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .close:hover {\r\n            color: var(--accent-blue);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .image-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .section {\r\n                padding: 60px 0;\r\n            }\r\n        }\r\n\r\n        \/* Efectos de scroll *\/\r\n        .scroll-reveal {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .scroll-reveal.revealed {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Header compacto -->\r\n    <header class=\"header\">\r\n        <div class=\"container\">\r\n            <div class=\"header-content\">\r\n                <h1>Nosotros<\/h1>\r\n                <p>Transformando Vidas a Trav\u00e9s del Conocimiento<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Misi\u00f3n -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title scroll-reveal\">Nuestra Misi\u00f3n<\/h2>\r\n            <div class=\"text-content scroll-reveal\">\r\n                <p>Nos enorgullece ser un espacio vibrante y din\u00e1mico dedicado al aprendizaje y desarrollo integral. Nuestra misi\u00f3n es empoderar a individuos y grupos, proporcion\u00e1ndoles las herramientas, conocimientos y competencias necesarias para prosperar en diversas \u00e1reas de la vida personal y profesional.<\/p>\r\n                <br>\r\n                <p>Creemos firmemente en el poder de la educaci\u00f3n para transformar vidas. Por ello, nos esforzamos por fomentar un ambiente inclusivo y diverso, donde el respeto mutuo, la colaboraci\u00f3n y la solidaridad son los pilares de cada interacci\u00f3n. Aqu\u00ed, el aprendizaje es un proceso compartido que enriquece a cada miembro de nuestra comunidad.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"image-grid\">\r\n                <div class=\"image-card scroll-reveal\" onclick=\"openModal('https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/07\/2DR03957.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/07\/2DR03957.jpg\" alt=\"Personas aprendiendo en un aula\" loading=\"lazy\" onerror=\"handleImageError(this)\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Aprendizaje Colaborativo<\/h3>\r\n                        <p>Espacios dise\u00f1ados para el crecimiento conjunto<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Visi\u00f3n -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title scroll-reveal\">Visi\u00f3n y Valores que Nos Impulsan<\/h2>\r\n            \r\n            <div class=\"text-content scroll-reveal\">\r\n                <h3 style=\"font-size: 1.5rem; color: var(--primary-blue); margin-bottom: 20px;\">Nuestra Visi\u00f3n<\/h3>\r\n                <p>Nuestra visi\u00f3n es ser un referente de excelencia acad\u00e9mica y formativa, no solo por la calidad de nuestros programas, sino tambi\u00e9n por el esp\u00edritu comunitario y la cooperaci\u00f3n que impulsan el \u00e9xito de nuestros estudiantes. Aspiramos a ser el lugar donde las ideas florecen, las habilidades se perfeccionan y las conexiones significativas se forjan.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"image-grid\">\r\n                <div class=\"image-card scroll-reveal\" onclick=\"openModal('https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/09\/2DR07605.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/09\/2DR07605.jpg\" alt=\"Grupo de personas colaborando\" loading=\"lazy\" onerror=\"handleImageError(this)\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Colaboraci\u00f3n Efectiva<\/h3>\r\n                        <p>Trabajando juntos hacia objetivos comunes<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <h3 style=\"font-size: 1.5rem; color: var(--primary-blue); margin: 60px 0 40px; text-align: center;\">Nuestros Valores<\/h3>\r\n            \r\n            <div class=\"values-grid\">\r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\u2713<\/div>\r\n                    <h4 class=\"value-title\">Excelencia<\/h4>\r\n                    <p class=\"value-description\">Buscamos la m\u00e1s alta calidad en cada programa y servicio que ofrecemos a nuestra comunidad.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\ud83e\udd1d<\/div>\r\n                    <h4 class=\"value-title\">Colaboraci\u00f3n<\/h4>\r\n                    <p class=\"value-description\">Fomentamos el trabajo en equipo y el apoyo mutuo para alcanzar objetivos compartidos.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\ud83c\udf1f<\/div>\r\n                    <h4 class=\"value-title\">Inclusi\u00f3n<\/h4>\r\n                    <p class=\"value-description\">Valoramos la diversidad y creamos un espacio acogedor para todos los participantes.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\ud83d\udca1<\/div>\r\n                    <h4 class=\"value-title\">Innovaci\u00f3n<\/h4>\r\n                    <p class=\"value-description\">Nos adaptamos y evolucionamos constantemente para ofrecer lo mejor en capacitaci\u00f3n.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\u2764\ufe0f<\/div>\r\n                    <h4 class=\"value-title\">Compromiso<\/h4>\r\n                    <p class=\"value-description\">Dedicaci\u00f3n absoluta a nuestros estudiantes y al desarrollo de nuestra comunidad.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card scroll-reveal\">\r\n                    <div class=\"value-icon\">\ud83c\udfaf<\/div>\r\n                    <h4 class=\"value-title\">Integridad<\/h4>\r\n                    <p class=\"value-description\">Actuamos con transparencia, honestidad y \u00e9tica en cada proceso de ense\u00f1anza y aprendizaje.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Comunidad en Acci\u00f3n -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title scroll-reveal\">Nuestra Comunidad en Acci\u00f3n<\/h2>\r\n            \r\n            <div class=\"image-grid\">\r\n                <div class=\"image-card scroll-reveal\" onclick=\"openModal('https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/09\/FDR09687.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/09\/FDR09687.jpg\" alt=\"Taller pr\u00e1ctico\" loading=\"lazy\" onerror=\"handleImageError(this)\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Creatividad en Acci\u00f3n<\/h3>\r\n                        <p>Talleres pr\u00e1cticos que estimulan la innovaci\u00f3n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"image-card scroll-reveal\" onclick=\"openModal('https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/10\/2DR08100.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/10\/2DR08100.jpg\" alt=\"Presentaci\u00f3n grupal\" loading=\"lazy\" onerror=\"handleImageError(this)\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Compartiendo Ideas<\/h3>\r\n                        <p>Espacios de di\u00e1logo y presentaci\u00f3n de proyectos<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"image-card scroll-reveal\" onclick=\"openModal('https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/05\/FDR03561.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/gdrcentrodecapacitacion.com\/wp-content\/uploads\/2023\/05\/FDR03561.jpg\" alt=\"Instructor explicando\" loading=\"lazy\" onerror=\"handleImageError(this)\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Gu\u00eda Experta<\/h3>\r\n                        <p>Instructores especializados acompa\u00f1ando el proceso<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Modal para im\u00e1genes -->\r\n    <div id=\"imageModal\" class=\"modal\" onclick=\"closeModal()\">\r\n        <span class=\"close\">&times;<\/span>\r\n        <img class=\"modal-content\" id=\"modalImage\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Animaciones de scroll\r\n        function revealOnScroll() {\r\n            const reveals = document.querySelectorAll('.scroll-reveal');\r\n            \r\n            reveals.forEach(element => {\r\n                const windowHeight = window.innerHeight;\r\n                const elementTop = element.getBoundingClientRect().top;\r\n                const elementVisible = 150;\r\n                \r\n                if (elementTop < windowHeight - elementVisible) {\r\n                    element.classList.add('revealed');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Modal de im\u00e1genes\r\n        function openModal(imageSrc) {\r\n            const modal = document.getElementById('imageModal');\r\n            const modalImg = document.getElementById('modalImage');\r\n            modal.style.display = 'block';\r\n            modalImg.src = imageSrc;\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeModal() {\r\n            const modal = document.getElementById('imageModal');\r\n            modal.style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        \/\/ Manejo de errores de carga de im\u00e1genes\r\n        function handleImageError(img) {\r\n            const card = img.parentElement;\r\n            const placeholder = document.createElement('div');\r\n            placeholder.className = 'image-placeholder';\r\n            placeholder.innerHTML = '\ud83d\udcf8';\r\n            placeholder.style.cssText = `\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                font-size: 4rem;\r\n                opacity: 0.3;\r\n                color: var(--text-light);\r\n            `;\r\n            card.appendChild(placeholder);\r\n            img.style.opacity = '0.1';\r\n        }\r\n\r\n        \/\/ Precargar im\u00e1genes\r\n        function preloadImages() {\r\n            const images = document.querySelectorAll('.image-card img');\r\n            images.forEach(img => {\r\n                const newImg = new Image();\r\n                newImg.onload = function() {\r\n                    img.style.opacity = '1';\r\n                };\r\n                newImg.onerror = function() {\r\n                    handleImageError(img);\r\n                };\r\n                newImg.src = img.src;\r\n            });\r\n        }\r\n\r\n        \/\/ Event listeners\r\n        window.addEventListener('scroll', revealOnScroll);\r\n        window.addEventListener('load', function() {\r\n            revealOnScroll();\r\n            preloadImages();\r\n        });\r\n\r\n        \/\/ Cerrar modal con tecla Escape\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape') {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Animaci\u00f3n de entrada inicial\r\n        window.addEventListener('load', function() {\r\n            const elements = document.querySelectorAll('.scroll-reveal');\r\n            elements.forEach((element, index) => {\r\n                setTimeout(() => {\r\n                    element.style.animationDelay = `${index * 0.1}s`;\r\n                }, 100);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Nosotros &#8211; GDR Centro de Capacitaci\u00f3n Nosotros Transformando Vidas a Trav\u00e9s del Conocimiento Nuestra Misi\u00f3n Nos enorgullece ser un espacio vibrante y din\u00e1mico dedicado al aprendizaje y desarrollo integral. Nuestra misi\u00f3n es empoderar a individuos y grupos, proporcion\u00e1ndoles las herramientas, conocimientos y competencias necesarias para prosperar en diversas \u00e1reas de la vida personal y profesional. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":5,"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":4237,"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/4237"}],"wp:attachment":[{"href":"https:\/\/gdrcentrodecapacitacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}