{"id":324,"date":"2025-10-24T21:50:57","date_gmt":"2025-10-24T21:50:57","guid":{"rendered":"https:\/\/igcrd.info\/?page_id=324"},"modified":"2025-11-29T04:07:05","modified_gmt":"2025-11-29T04:07:05","slug":"eventos","status":"publish","type":"page","link":"https:\/\/grancomisionrd.com\/index.php\/eventos\/","title":{"rendered":"Eventos"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n Eventos<\/title>\r\n <style>\r\n \/* CSS Reset and Variables *\/\r\n :root {\r\n --primary-red: #e63946;\r\n --primary-blue: #1d3557;\r\n --white: #ffffff;\r\n --text-color: #333;\r\n --bg-color: #f1f1f1;\r\n --accent: var(--primary-red);\r\n --transition: 0.3s ease;\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --text-color: #f1f1f1;\r\n --bg-color: #1d3557;\r\n --accent: var(--primary-red);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n color: var(--text-color);\r\n background: var(--bg-color);\r\n line-height: 1.6;\r\n transition: background var(--transition), color var(--transition);\r\n }\r\n\r\n \/* Utilities *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 1rem;\r\n }\r\n\r\n .btn {\r\n background: var(--accent);\r\n color: var(--white);\r\n padding: 0.75rem 1.5rem;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n transition: background var(--transition);\r\n display: inline-block;\r\n }\r\n\r\n .btn:hover {\r\n background: var(--primary-blue);\r\n }\r\n\r\n \/* Theme Toggle *\/\r\n .theme-toggle {\r\n position: fixed;\r\n top: 1rem;\r\n right: 2.3rem;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n z-index: 1000;\r\n }\r\n\r\n .theme-toggle svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: var(--text-color);\r\n transition: fill var(--transition);\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n position: relative;\r\n height: 80vh;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: var(--white);\r\n }\r\n\r\n .hero video {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: -1;\r\n opacity: 45%;\r\n }\r\n\r\n .hero-content {\r\n padding: 2rem;\r\n background: rgba(29, 53, 87, 0.5);\r\n border-radius: 8px;\r\n animation: fadeIn 1s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* Events Section *\/\r\n .events {\r\n padding: 4rem 0;\r\n }\r\n\r\n .events-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n }\r\n\r\n .event-card {\r\n background: var(--white);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n transition: transform var(--transition), box-shadow var(--transition);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.5s forwards;\r\n }\r\n\r\n .event-card:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.2);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .event-card:nth-child(1) { animation-delay: 0.1s; }\r\n .event-card:nth-child(2) { animation-delay: 0.2s; }\r\n .event-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n .event-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n loading: lazy;\r\n }\r\n\r\n .event-card-content {\r\n padding: 1.5rem;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .event-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 4rem 0;\r\n background: var(--primary-blue);\r\n color: var(--white);\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .service-item {\r\n background: rgba(255,255,255,0.1);\r\n padding: 1rem;\r\n border-radius: 4px;\r\n transition: background var(--transition);\r\n }\r\n\r\n .service-item:hover {\r\n background: rgba(255,255,255,0.2);\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n padding: 2rem 0;\r\n text-align: center;\r\n background: var(--primary-red);\r\n color: var(--white);\r\n }\r\n\r\n \/* Media Queries - Mobile First *\/\r\n @media (min-width: 768px) {\r\n .hero h1 { font-size: 4rem; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .container { padding: 2rem; }\r\n }\r\n\r\n \/* Accessibility *\/\r\n :focus {\r\n outline: 2px solid var(--accent);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Skip Link *\/\r\n .skip-link {\r\n position: absolute;\r\n top: -40px;\r\n left: 0;\r\n background: var(--accent);\r\n color: var(--white);\r\n padding: 0.5rem;\r\n z-index: 1000;\r\n }\r\n\r\n .skip-link:focus {\r\n top: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Theme Toggle Button -->\r\n <button class=\"theme-toggle\" aria-label=\"Alternar tema\">\r\n <svg id=\"theme-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3a9 9 0 009 9c0 4.97-4.03 9-9 9S3 16.97 3 12 7.03 3 12 3z\" \/> <!-- Moon icon; script will toggle -->\r\n <\/svg>\r\n <\/button>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/grancomisionrd.com\/wp-content\/uploads\/2025\/10\/low-1.mp4\" type=\"video\/mp4\">\r\n Tu navegador no soporta video.\r\n <\/video>\r\n <div class=\"hero-content\">\r\n <h1>Eventos en Nuestra Iglesia<\/h1>\r\n <p>\u00danete a nosotros en actividades para servir la comunidad.<\/p>\r\n <a href=\"#events\" class=\"btn\">Ver Eventos<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Events Section -->\r\n <section id=\"special-events\" class=\"events\" role=\"main\">\r\n <div class=\"container\">\r\n <h2 style=\"margin-bottom:12px\">Eventos Especiales<\/h2>\r\n <div class=\"events-grid\">\r\n <article class=\"event-card\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/grancomisionrd.com\/wp-content\/uploads\/2025\/11\/VID_20240714_103155-low.mp4\" loading=\"lazy\">>\r\n Tu navegador no soporta video.\r\n <\/video> <!-- Replace with actual image -->\r\n <div class=\"event-card-content\">\r\n <h3>D\u00eda de Donaciones<\/h3>\r\n <p>Una jornada dedicada a la generosidad y el apoyo comunitario.<br>Fecha: 15 de Noviembre.<\/p><br>\r\n <a href=\"https:\/\/grancomisionrd.com\/#footer\" class=\"btn\">M\u00e1s Info<\/a>\r\n <\/div>\r\n <\/article>\r\n <article class=\"event-card\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/grancomisionrd.com\/wp-content\/uploads\/2025\/11\/VID_20240717_095948-low.mp4\">\r\n Tu navegador no soporta video.\r\n <\/video><!-- Replace with actual image -->\r\n <div class=\"event-card-content\">\r\n <h3>Campamento de Verano para Ni\u00f1os<\/h3>\r\n <p>Actividades divertidas y educativas para los m\u00e1s peque\u00f1os.<br>Fecha: Julio-Agosto.<\/p><br>\r\n <a href=\"https:\/\/grancomisionrd.com\/#footer\" class=\"btn\">M\u00e1s Info<\/a>\r\n <\/div>\r\n <\/article>\r\n <article class=\"event-card\">\r\n <img decoding=\"async\" src=\"https:\/\/grancomisionrd.com\/wp-content\/uploads\/2025\/11\/IMG_20241208_202341-scaled.jpg\" alt=\"Celebraci\u00f3n de Navidad\" loading=\"lazy\"> <!-- Replace with actual image -->\r\n <div class=\"event-card-content\">\r\n <h3>Celebraci\u00f3n de Navidad<\/h3>\r\n <p>Un evento festivo con m\u00fasica, cena y mensajes inspiradores.<br>Fecha: 24 de Diciembre.<\/p><br>\r\n <a href=\"https:\/\/grancomisionrd.com\/#footer\" class=\"btn\">M\u00e1s Info<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- General Services Section -->\r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 style=\"margin-bottom:12px\">Servicios Generales y Reuniones<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-item\">\r\n <h3>Reuni\u00f3n General<\/h3>\r\n <p>Domingos a las 10:00 AM <br>Adoraci\u00f3n y mensaje b\u00edblico<\/p>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <h3>Reuni\u00f3n de Oraci\u00f3n<\/h3>\r\n <p>Primer mi\u00e9rcoles del mes a las 7:00 PM <br>Tiempo de oraci\u00f3n como iglesia<\/p>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <h3>Reunion de Valientes y Princesas Valientes<\/h3>\r\n <p>Mi\u00e9rcoles a las 7:00 PM <br> Un tiempo especial donde compartimos como hombres y mujeres<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"container\">\r\n <p>© 2025 Iglesia Gran Comisi\u00f3n R.D. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Theme Toggle with localStorage\r\n const toggleButton = document.querySelector('.theme-toggle');\r\n const themeIcon = document.getElementById('theme-icon');\r\n const body = document.body;\r\n const savedTheme = localStorage.getItem('theme') || 'light';\r\n body.setAttribute('data-theme', savedTheme);\r\n\r\n function updateIcon(theme) {\r\n if (theme === 'dark') {\r\n themeIcon.innerHTML = '<path d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\" \/>'; \/\/ Sun\r\n } else {\r\n themeIcon.innerHTML = '<path d=\"M12 3a9 9 0 009 9c0 4.97-4.03 9-9 9S3 16.97 3 12 7.03 3 12 3z\" \/>'; \/\/ Moon\r\n }\r\n }\r\n\r\n updateIcon(savedTheme);\r\n\r\n toggleButton.addEventListener('click', () => {\r\n const currentTheme = body.getAttribute('data-theme');\r\n const newTheme = currentTheme === 'light' ? 'dark' : 'light';\r\n body.setAttribute('data-theme', newTheme);\r\n localStorage.setItem('theme', newTheme);\r\n updateIcon(newTheme);\r\n });\r\n\r\n \/\/ Smooth Scrolling\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ Fade In on Scroll (using Intersection Observer)\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.event-card').forEach(card => {\r\n observer.observe(card);\r\n });\r\n <\/script>\r\n\r\n<!-- TODO List:\r\n- Integrate real API for dynamic events data.\r\n- Add i18n support for multi-language.\r\n- Enhance animations with CSS keyframes for more complex transitions.\r\n- Add form validation for any future contact forms.\r\n-->\r\n<\/html>\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>Eventos Tu navegador no soporta video. Eventos en Nuestra Iglesia \u00danete a nosotros en actividades para servir la comunidad. Ver Eventos Eventos Especiales > Tu navegador no soporta video. D\u00eda de Donaciones Una jornada dedicada a la generosidad y el apoyo comunitario.Fecha: 15 de Noviembre. M\u00e1s Info Tu navegador no soporta video. Campamento de Verano […]<\/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-324","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/pages\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":24,"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/pages\/324\/revisions\/362"}],"wp:attachment":[{"href":"https:\/\/grancomisionrd.com\/index.php\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}