Wikimedia Colombia cowikimedia https://co.wikimedia.org/wiki/P%C3%A1gina_principal MediaWiki 1.47.0-wmf.1 first-letter Medio Especial Discusión Usuario Usuario discusión Wikimedia Wikimedia discusión Archivo Archivo discusión MediaWiki MediaWiki discusión Plantilla Plantilla discusión Ayuda Ayuda discusión Categoría Categoría discusión TimedText TimedText talk Módulo Módulo discusión 0 1857 12751 12627 2026-05-06T15:32:20Z Hiperterminal 1602 /* El Proyecto de dominio público en el Laboratorio de datos de Wikimedia Colombia (Guion) */ Redacción 12751 wikitext text/x-wiki {{Plantilla:Datosfera}} __NOTOC__<span style="font-size:3.0em;letter-spacing:0.0em;margin-bottom:1em;color: #32cd32;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">Tercera sesión DatosferaLab 2026</span><br /> == Sesión 3 | Miércoles 6 de Mayo de 2026 == == El Proyecto de dominio público en el Laboratorio de datos de Wikimedia Colombia == Seguiremos el documento [https://github.com/WMCO-C0/DatosferaLab-Doc del Laboratorio de datos de Wikimedia Colombia] para comparar el libro con lo que hemos desarrollado desde el proyecto de [[Dominio público|Dominio público colombiano]]. {| class="wikitable" |- ! Hora !! Objetivo !! Descripción de la actividad !! Materiales / Anexos / Responsables |- | 6:10 - 6:20 | Inicio de la sesión | Presentación del espacio y de la politica de espacios seguros de wikimedia Colombia | Johana |- | 6:20 - 6:30 | Presentación DatosferaLab | Presentación de la tercera sesión, Creación de cuentas y unirse al [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum Datosferalab Dashboard] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll al tablón de dominio público] | Juan |- | 6:30 - 6:50 | Intro Limpieza de Datos | Breve introducción a la limpieza de datos. | Juan |- | 6:50 - 7:50 | Dominio Público | Trabajo práctico en el [https://www.wikidata.org/wiki/Q137442411 proyecto Dominio Publico en Latinoamerica] sobre limpieza de datos. * Las personas crean cuentas, se suman a los dashboards: [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum DatosferaLab] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll Dominio Público]. * Revisión de las experiencias de [[DatosferaLab2026/abril|la sesión pasada]]. * Queries de obras de Carolina Cárdenas: ** [https://w.wiki/MP3B Usando P50 (autor)] ** [https://w.wiki/MP3N Usando P170 (creador)] ** ¿Debemos usar [https://www.wikidata.org/wiki/Property_talk:P50#Is_playwright_author_or_creator? autor] o [https://www.wikidata.org/wiki/Property_talk:P170#Rename_/_specify creador]? * Introducción al [https://query.wikidata.org/querybuilder/?uselang=es constructor de queries]. * Continuamos con la cargue de datos e imágenes a partir [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez del dataset que se viene trabajando desde la sesión anterior, sobre obras de Carolina Cárdenas]. * Revisión de los datos mínimos según [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano el modelo de datos del proyecto]. * Documentos de apoyo: ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Datos Visualizaciones de dominio público] ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Documentaci%C3%B3n Documento de metodología]. ** [https://notas.redhumus.org/hiperterminal:dominiopublico:Metodologia-de-trabajo-colaborativo-en-Wikidata Documento de metodología editable]. ** [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano Modelo de datos u ontología en el Wikiproyecto] | David |- | 7:50 - 8:00 | Cierre / despedida | Pedirle a las personas que diligencien el formulario de evaluación y retomar dudas e inquietudes para lo que viene | Johana |} === Contenido para la sesión === === Vídeo de la sesión === <div style="width:100%; float:left;height:1px; background:#0cb7f2;"></div> __NOTOC__<span style="font-size:1.2em;letter-spacing:0.0em;margin-bottom:1em;color: #0cb7f2;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">📸 ¿Te gustaría ver las fotos y videos de este encuentro del 22 de abril?</span><br /> [https://commons.wikimedia.org/wiki/Category:Encuentro_DatosferaLab_22_de_abril'''Haz clic aquí para explorar las imágenes que capturaron este momento.'''] <div style="width:105%; float:left;height:2px; background:#32cd32;"></div> <big>'''[[DatosferaLab2026/abril|Regreso a los encuentros de abril DatosferaLab⬅️]]'''</big> <big>'''[[TyC|Proyectos Tecnologías y Comunidades (TyC)⚙️]]'''</big> [[Categoría:Wikimedia Colombia en 2026]] t6ogevdeoue72zwtnz48poi050x3w3y 12773 12751 2026-05-06T21:59:32Z Juan Andres Jaramillo Silva 6386 12773 wikitext text/x-wiki {{Plantilla:Datosfera}} __NOTOC__<span style="font-size:3.0em;letter-spacing:0.0em;margin-bottom:1em;color: #32cd32;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">Tercera sesión DatosferaLab 2026</span><br /> == Sesión 3 | Miércoles 6 de Mayo de 2026 == == El Proyecto de dominio público en el Laboratorio de datos de Wikimedia Colombia == Seguiremos el documento [https://github.com/WMCO-C0/DatosferaLab-Doc del Laboratorio de datos de Wikimedia Colombia] para comparar el libro con lo que hemos desarrollado desde el proyecto de [[Dominio público|Dominio público colombiano]]. {| class="wikitable" |- ! Hora !! Objetivo !! Descripción de la actividad !! Materiales / Anexos / Responsables |- | 6:10 - 6:20 | Inicio de la sesión | Presentación del espacio y de la politica de espacios seguros de wikimedia Colombia | Johana |- | 6:20 - 6:30 | Presentación DatosferaLab | Presentación de la tercera sesión, Creación de cuentas y unirse al [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum Datosferalab Dashboard] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll al tablón de dominio público] | Juan |- | 6:30 - 6:50 | Intro Limpieza de Datos | Breve introducción a la limpieza de datos. [https://meta.wikimedia.org/wiki/Datosferalab#Limpieza_de_Datos_2 Documentación] | Juan |- | 6:50 - 7:50 | Dominio Público | Trabajo práctico en el [https://www.wikidata.org/wiki/Q137442411 proyecto Dominio Publico en Latinoamerica] sobre limpieza de datos. * Las personas crean cuentas, se suman a los dashboards: [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum DatosferaLab] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll Dominio Público]. * Revisión de las experiencias de [[DatosferaLab2026/abril|la sesión pasada]]. * Queries de obras de Carolina Cárdenas: ** [https://w.wiki/MP3B Usando P50 (autor)] ** [https://w.wiki/MP3N Usando P170 (creador)] ** ¿Debemos usar [https://www.wikidata.org/wiki/Property_talk:P50#Is_playwright_author_or_creator? autor] o [https://www.wikidata.org/wiki/Property_talk:P170#Rename_/_specify creador]? * Introducción al [https://query.wikidata.org/querybuilder/?uselang=es constructor de queries]. * Continuamos con la cargue de datos e imágenes a partir [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez del dataset que se viene trabajando desde la sesión anterior, sobre obras de Carolina Cárdenas]. * Revisión de los datos mínimos según [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano el modelo de datos del proyecto]. * Documentos de apoyo: ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Datos Visualizaciones de dominio público] ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Documentaci%C3%B3n Documento de metodología]. ** [https://notas.redhumus.org/hiperterminal:dominiopublico:Metodologia-de-trabajo-colaborativo-en-Wikidata Documento de metodología editable]. ** [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano Modelo de datos u ontología en el Wikiproyecto] | David |- | 7:50 - 8:00 | Cierre / despedida | Pedirle a las personas que diligencien el formulario de evaluación y retomar dudas e inquietudes para lo que viene | Johana |} === Contenido para la sesión === === Vídeo de la sesión === <div style="width:100%; float:left;height:1px; background:#0cb7f2;"></div> __NOTOC__<span style="font-size:1.2em;letter-spacing:0.0em;margin-bottom:1em;color: #0cb7f2;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">📸 ¿Te gustaría ver las fotos y videos de este encuentro del 22 de abril?</span><br /> [https://commons.wikimedia.org/wiki/Category:Encuentro_DatosferaLab_22_de_abril'''Haz clic aquí para explorar las imágenes que capturaron este momento.'''] <div style="width:105%; float:left;height:2px; background:#32cd32;"></div> <big>'''[[DatosferaLab2026/abril|Regreso a los encuentros de abril DatosferaLab⬅️]]'''</big> <big>'''[[TyC|Proyectos Tecnologías y Comunidades (TyC)⚙️]]'''</big> [[Categoría:Wikimedia Colombia en 2026]] 59we7lsdq8n17uenzpwezdomphg50d9 12774 12773 2026-05-06T22:02:37Z Juan Andres Jaramillo Silva 6386 12774 wikitext text/x-wiki {{Plantilla:Datosfera}} __NOTOC__<span style="font-size:3.0em;letter-spacing:0.0em;margin-bottom:1em;color: #32cd32;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">Tercera sesión DatosferaLab 2026</span><br /> == Sesión 3 | Miércoles 6 de Mayo de 2026 == == El Proyecto de dominio público en el Laboratorio de datos de Wikimedia Colombia == Seguiremos el documento [https://github.com/WMCO-C0/DatosferaLab-Doc del Laboratorio de datos de Wikimedia Colombia] para comparar el libro con lo que hemos desarrollado desde el proyecto de [[Dominio público|Dominio público colombiano]]. {| class="wikitable" |- ! Hora !! Objetivo !! Descripción de la actividad !! Materiales / Anexos / Responsables |- | 6:10 - 6:20 | Inicio de la sesión | Presentación del espacio y de la politica de espacios seguros de wikimedia Colombia | Johana |- | 6:20 - 6:30 | Presentación DatosferaLab | Presentación de la tercera sesión, Creación de cuentas y unirse al [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum Datosferalab Dashboard] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll al tablón de dominio público] | Juan |- | 6:30 - 6:50 | Intro Limpieza de Datos | Breve introducción a la limpieza de datos. [https://meta.wikimedia.org/wiki/Datosferalab#Limpieza_de_Datos_2 Documentación] [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez Obras Carolina Cárdenas] [https://web.archive.org/web/20240511070037/https://colecciones.banrepcultural.org/document/campesinas-en-el-mercado-obra-grfica/63a069225d96b8790f36d9d2?pgn=0&pos=50&seed=MzI3NjYzY2NkNWMyN2JiNg%3D%3D Campesinas en el mercado] | Juan |- | 6:50 - 7:50 | Dominio Público | Trabajo práctico en el [https://www.wikidata.org/wiki/Q137442411 proyecto Dominio Publico en Latinoamerica] sobre limpieza de datos. * Las personas crean cuentas, se suman a los dashboards: [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum DatosferaLab] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll Dominio Público]. * Revisión de las experiencias de [[DatosferaLab2026/abril|la sesión pasada]]. * Queries de obras de Carolina Cárdenas: ** [https://w.wiki/MP3B Usando P50 (autor)] ** [https://w.wiki/MP3N Usando P170 (creador)] ** ¿Debemos usar [https://www.wikidata.org/wiki/Property_talk:P50#Is_playwright_author_or_creator? autor] o [https://www.wikidata.org/wiki/Property_talk:P170#Rename_/_specify creador]? * Introducción al [https://query.wikidata.org/querybuilder/?uselang=es constructor de queries]. * Continuamos con la cargue de datos e imágenes a partir [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez del dataset que se viene trabajando desde la sesión anterior, sobre obras de Carolina Cárdenas]. * Revisión de los datos mínimos según [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano el modelo de datos del proyecto]. * Documentos de apoyo: ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Datos Visualizaciones de dominio público] ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Documentaci%C3%B3n Documento de metodología]. ** [https://notas.redhumus.org/hiperterminal:dominiopublico:Metodologia-de-trabajo-colaborativo-en-Wikidata Documento de metodología editable]. ** [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano Modelo de datos u ontología en el Wikiproyecto] | David |- | 7:50 - 8:00 | Cierre / despedida | Pedirle a las personas que diligencien el formulario de evaluación y retomar dudas e inquietudes para lo que viene | Johana |} === Contenido para la sesión === === Vídeo de la sesión === <div style="width:100%; float:left;height:1px; background:#0cb7f2;"></div> __NOTOC__<span style="font-size:1.2em;letter-spacing:0.0em;margin-bottom:1em;color: #0cb7f2;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">📸 ¿Te gustaría ver las fotos y videos de este encuentro del 22 de abril?</span><br /> [https://commons.wikimedia.org/wiki/Category:Encuentro_DatosferaLab_22_de_abril'''Haz clic aquí para explorar las imágenes que capturaron este momento.'''] <div style="width:105%; float:left;height:2px; background:#32cd32;"></div> <big>'''[[DatosferaLab2026/abril|Regreso a los encuentros de abril DatosferaLab⬅️]]'''</big> <big>'''[[TyC|Proyectos Tecnologías y Comunidades (TyC)⚙️]]'''</big> [[Categoría:Wikimedia Colombia en 2026]] 5ll45e2kavtoyn8dv533atntqkkoqmj 12775 12774 2026-05-06T22:13:25Z Juan Andres Jaramillo Silva 6386 12775 wikitext text/x-wiki {{Plantilla:Datosfera}} __NOTOC__<span style="font-size:3.0em;letter-spacing:0.0em;margin-bottom:1em;color: #32cd32;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">Tercera sesión DatosferaLab 2026</span><br /> == Sesión 3 | Miércoles 6 de Mayo de 2026 == == El Proyecto de dominio público en el Laboratorio de datos de Wikimedia Colombia == Seguiremos el documento [https://github.com/WMCO-C0/DatosferaLab-Doc del Laboratorio de datos de Wikimedia Colombia] para comparar el libro con lo que hemos desarrollado desde el proyecto de [[Dominio público|Dominio público colombiano]]. {| class="wikitable" |- ! Hora !! Objetivo !! Descripción de la actividad !! Materiales / Anexos / Responsables |- | 6:10 - 6:20 | Inicio de la sesión | Presentación del espacio y de la politica de espacios seguros de wikimedia Colombia | Johana |- | 6:20 - 6:30 | Presentación DatosferaLab | Presentación de la tercera sesión, Creación de cuentas y unirse al [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum Datosferalab Dashboard] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll al tablón de dominio público] | Juan |- | 6:30 - 6:50 | Intro Limpieza de Datos | Breve introducción a la limpieza de datos. [https://meta.wikimedia.org/wiki/Datosferalab#Limpieza_de_Datos_2 Documentación] [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez Obras Carolina Cárdenas] [https://web.archive.org/web/20240511070037/https://colecciones.banrepcultural.org/document/campesinas-en-el-mercado-obra-grfica/63a069225d96b8790f36d9d2?pgn=0&pos=50&seed=MzI3NjYzY2NkNWMyN2JiNg%3D%3D Campesinas en el mercado] [https://etherpad.wikimedia.org/p/Datosferalab_6_de_mayo PAD LIMPIEZA DE DATOS] | Juan |- | 6:50 - 7:50 | Dominio Público | Trabajo práctico en el [https://www.wikidata.org/wiki/Q137442411 proyecto Dominio Publico en Latinoamerica] sobre limpieza de datos. * Las personas crean cuentas, se suman a los dashboards: [https://outreachdashboard.wmflabs.org/courses/WMCO/Datosfera_Lab?enroll=vjktdhum DatosferaLab] y [https://outreachdashboard.wmflabs.org/courses/Fundaci%C3%B3n_Conector/Fortaleciendo_el_dominio_p%C3%BAblico_latinoamericano_con_Wikidata_-_Colombia/?enroll Dominio Público]. * Revisión de las experiencias de [[DatosferaLab2026/abril|la sesión pasada]]. * Queries de obras de Carolina Cárdenas: ** [https://w.wiki/MP3B Usando P50 (autor)] ** [https://w.wiki/MP3N Usando P170 (creador)] ** ¿Debemos usar [https://www.wikidata.org/wiki/Property_talk:P50#Is_playwright_author_or_creator? autor] o [https://www.wikidata.org/wiki/Property_talk:P170#Rename_/_specify creador]? * Introducción al [https://query.wikidata.org/querybuilder/?uselang=es constructor de queries]. * Continuamos con la cargue de datos e imágenes a partir [https://es.wikipedia.org/wiki/Carolina_C%C3%A1rdenas_N%C3%BA%C3%B1ez del dataset que se viene trabajando desde la sesión anterior, sobre obras de Carolina Cárdenas]. * Revisión de los datos mínimos según [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano el modelo de datos del proyecto]. * Documentos de apoyo: ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Datos Visualizaciones de dominio público] ** [https://co.wikimedia.org/wiki/Dominio_p%C3%BAblico/Documentaci%C3%B3n Documento de metodología]. ** [https://notas.redhumus.org/hiperterminal:dominiopublico:Metodologia-de-trabajo-colaborativo-en-Wikidata Documento de metodología editable]. ** [https://www.wikidata.org/wiki/Wikidata:WikiProject_Visibilizando_el_dominio_p%C3%BAblico_colombiano Modelo de datos u ontología en el Wikiproyecto] | David |- | 7:50 - 8:00 | Cierre / despedida | Pedirle a las personas que diligencien el formulario de evaluación y retomar dudas e inquietudes para lo que viene | Johana |} === Contenido para la sesión === === Vídeo de la sesión === <div style="width:100%; float:left;height:1px; background:#0cb7f2;"></div> __NOTOC__<span style="font-size:1.2em;letter-spacing:0.0em;margin-bottom:1em;color: #0cb7f2;font-weight:bold;text-align:center;font-family: Ubuntu, "times new roman", times, roman, serif;border:none; align:center;">📸 ¿Te gustaría ver las fotos y videos de este encuentro del 22 de abril?</span><br /> [https://commons.wikimedia.org/wiki/Category:Encuentro_DatosferaLab_22_de_abril'''Haz clic aquí para explorar las imágenes que capturaron este momento.'''] <div style="width:105%; float:left;height:2px; background:#32cd32;"></div> <big>'''[[DatosferaLab2026/abril|Regreso a los encuentros de abril DatosferaLab⬅️]]'''</big> <big>'''[[TyC|Proyectos Tecnologías y Comunidades (TyC)⚙️]]'''</big> [[Categoría:Wikimedia Colombia en 2026]] km0thtdttv3dqjkey23ve436n0k1594 10 1865 12752 12744 2026-05-06T15:32:54Z Danielyepezgarces 5926 Enlace añadido 12752 wikitext text/x-wiki <templatestyles src="Plantilla:Portada/styles.css"/> <div class="wmco-hero"> <div class="wmco-hero-logo">[[File:Wikimedia-Colombia-logo-white.png|150px]]</div> <div class="wmco-hero-text"> <div class="wmco-hero-description">[[File:Wikimedia-colombia-landing-hero-description.png|800px|link=]]</div> </div> </div> <div class="wmco-nav"> <div class="wmco-nav-inner"> <div>[[Sobre WMCO|Sobre WMCO]]</div> <div>[[Programas|Programas]]</div> <div>[[Proyectos|Proyectos]]</div> <div>[[Eventos|Eventos]]</div> <div>[[Únete|Únete]]</div> <div>[[Blog|Blog]]</div> <div>[[Contáctanos|Contáctanos]]</div> </div> </div> <div class="wmco-content"> <div class="wmco-section-title">Sobre WMCO</div> <div> <big>Wikimedia Colombia es el capítulo local de la Fundación Wikimedia en Colombia.</big> <big>Después de haber sido inicialmente reconocidos por la Fundación Wikimedia como el grupo de usuarios Wikimedistas de Colombia, por medio de resoluciones del Comité de Afiliaciones el 2 de junio de 2014 (reconocimiento inicial) y 26 de agosto de 2015 (extensión del reconocimiento por término indefinido), pasó a ser finalmente aprobado en forma oficial como el capítulo Wikimedia Colombia por la Junta Directiva de la Fundación Wikimedia el 14 de junio de 2019.</big> <big>El trabajo del grupo es completamente voluntario y se enfoca en la organización de actividades e iniciativas relacionadas con conocimiento libre, cultura y educación.</big> </div> <span class="wmco-btn">[[meta:Category:Wikimedia_Colombia_staff|Equipo]]</span> </div> <div class="wmco-bar wmco-bar-programs"><span>Nuestros programas</span></div> <div style="margin-top:16px;"> <big>Los programas misionales de Wikimedia Colombia están diseñados para transformar territorios y realidades mediante acciones concretas y sostenibles.</big> </div> <div style="margin-top:20px;"> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Apropiación Social del Conocimiento</div> <big>Concebimos la apropiación social del conocimiento como un proceso colaborativo en el que comunidades diversas intercambian, reflexionan y aplican saberes para transformar sus realidades. No se trata solo de acceder al conocimiento, sino de hacerlo propio y adaptarlo a contextos concretos, fortaleciendo la autonomía y el bienestar colectivo, con énfasis en el respeto a la diversidad lingüística y de género.</big> </div> </div> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Tecnologías y Comunidades</div> <big>Este programa tiene como objetivo impulsar el desarrollo de procesos y proyectos relacionados con tecnologías, infraestructura abierta, y el fortalecimiento de comunidades. Su propósito central es consolidar y garantizar la sostenibilidad de las comunidades que forman parte del Movimiento Wikimedia en Colombia.</big> </div> </div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Proyectos</div> <big>Los proyectos de Wikimedia Colombia fortalecen capacidades digitales y promueven conocimiento local. [[Proyectos|Conoce todos los proyectos aquí]]</big> {{WMCO-Proyectos |boton1 = Botón_Datosfera.png |proyecto1 = Datosfera Lab|Datosfera |boton2 = Botón_Glaciares.png |proyecto2 = Catedra Glaciares 2025|Cátedra Glaciares |boton3 = Boton_Colaboratorio.png |proyecto3 = Colaboratorio de memoria|Colaboratorio |boton4 = Botón_leamos_y_escribamos.png |proyecto4 = Leamos y escribamos Wikipedia|Leamos y escribamos }} <div class="wmco-bar wmco-bar-join"><span>Se parte del movimiento Wikimedia Colombia</span></div> <div class="wmco-join-grid"> <div class="wmco-join-item">[[File:Icono_eventos.png|80px]]<div>[[Eventos]]</div></div> <div class="wmco-join-item">[[File:Icono_concursos.png|80px]]<div>[[Concursos]]</div></div> <div class="wmco-join-item">[[File:Icono_voluntariado.png|80px]]<div>[[Voluntariado]]</div></div> <div class="wmco-join-item">[[File:Icono_Asóciate.png|80px]]<div>[[Asóciate]]</div></div> <div class="wmco-join-item">[[File:Icono_Dona.png|80px]]<div>[[Dona]]</div></div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Contáctanos</div> <big>Siempre estamos en busca de nuevos voluntarios o proyectos.</big> <big>Correo: contacto@wikimediacolombia.org</big> </div> <div class="wmco-bar wmco-bar-news"><span>Últimas noticias</span></div> <div style="margin-top:16px;"> <big>Entérate de las últimas noticias ingresando a nuestro blog: [https://wikimediacolombia.org wikimediacolombia.org]</big> </div> <div class="wmco-section-title" style="margin-top:28px;">Actividades</div> {{WMCO-Galeria |imagen1 = Ejemplo.png |caption1 = Descripcion 1 |imagen2 = Ejemplo.png |caption2 = Descripcion 2 |imagen3 = Ejemplo.png |caption3 = Descripcion 3 }} <div style="margin-top:16px;"> <big>Encuentra más fotografías sobre nuestras actividades en esta categoría de Wikimedia Commons.</big> </div> <div style="font-size:28px; margin-top:20px;">Licencias CC</div> 9gwhgky0smqf4xribxkofxv2nax1jnn 12768 12752 2026-05-06T16:26:15Z Danielyepezgarces 5926 12768 wikitext text/x-wiki <templatestyles src="Plantilla:Portada/styles.css"/> <div class="wmco-hero notheme"> <div class="wmco-hero-logo">[[File:Wikimedia-Colombia-logo-white.png|150px]]</div> <div class="wmco-hero-text"> <div class="wmco-hero-description">[[File:Wikimedia-colombia-landing-hero-description.png|800px|link=]]</div> </div> </div> <div class="wmco-nav notheme"> <div class="wmco-nav-inner"> <div>[[Sobre WMCO|Sobre WMCO]]</div> <div>[[Programas|Programas]]</div> <div>[[Proyectos|Proyectos]]</div> <div>[[Eventos|Eventos]]</div> <div>[[Únete|Únete]]</div> <div>[[Blog|Blog]]</div> <div>[[Contáctanos|Contáctanos]]</div> </div> </div> <div class="wmco-content"> <div class="wmco-section-title">Sobre WMCO</div> <div> <big>Wikimedia Colombia es el capítulo local de la Fundación Wikimedia en Colombia.</big> <big>Después de haber sido inicialmente reconocidos por la Fundación Wikimedia como el grupo de usuarios Wikimedistas de Colombia, por medio de resoluciones del Comité de Afiliaciones el 2 de junio de 2014 (reconocimiento inicial) y 26 de agosto de 2015 (extensión del reconocimiento por término indefinido), pasó a ser finalmente aprobado en forma oficial como el capítulo Wikimedia Colombia por la Junta Directiva de la Fundación Wikimedia el 14 de junio de 2019.</big> <big>El trabajo del grupo es completamente voluntario y se enfoca en la organización de actividades e iniciativas relacionadas con conocimiento libre, cultura y educación.</big> </div> <span class="wmco-btn">[[meta:Category:Wikimedia_Colombia_staff|Equipo]]</span> </div> <div class="wmco-bar wmco-bar-programs"><span>Nuestros programas</span></div> <div style="margin-top:16px;"> <big>Los programas misionales de Wikimedia Colombia están diseñados para transformar territorios y realidades mediante acciones concretas y sostenibles.</big> </div> <div style="margin-top:20px;"> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Apropiación Social del Conocimiento</div> <big>Concebimos la apropiación social del conocimiento como un proceso colaborativo en el que comunidades diversas intercambian, reflexionan y aplican saberes para transformar sus realidades. No se trata solo de acceder al conocimiento, sino de hacerlo propio y adaptarlo a contextos concretos, fortaleciendo la autonomía y el bienestar colectivo, con énfasis en el respeto a la diversidad lingüística y de género.</big> </div> </div> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Tecnologías y Comunidades</div> <big>Este programa tiene como objetivo impulsar el desarrollo de procesos y proyectos relacionados con tecnologías, infraestructura abierta, y el fortalecimiento de comunidades. Su propósito central es consolidar y garantizar la sostenibilidad de las comunidades que forman parte del Movimiento Wikimedia en Colombia.</big> </div> </div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Proyectos</div> <big>Los proyectos de Wikimedia Colombia fortalecen capacidades digitales y promueven conocimiento local. [[Proyectos|Conoce todos los proyectos aquí]]</big> {{WMCO-Proyectos |boton1 = Botón_Datosfera.png |proyecto1 = Datosfera Lab|Datosfera |boton2 = Botón_Glaciares.png |proyecto2 = Catedra Glaciares 2025|Cátedra Glaciares |boton3 = Boton_Colaboratorio.png |proyecto3 = Colaboratorio de memoria|Colaboratorio |boton4 = Botón_leamos_y_escribamos.png |proyecto4 = Leamos y escribamos Wikipedia|Leamos y escribamos }} <div class="wmco-bar wmco-bar-join"><span>Se parte del movimiento Wikimedia Colombia</span></div> <div class="wmco-join-grid"> <div class="wmco-join-item">[[File:Icono_eventos.png|80px]]<div>[[Eventos]]</div></div> <div class="wmco-join-item">[[File:Icono_concursos.png|80px]]<div>[[Concursos]]</div></div> <div class="wmco-join-item">[[File:Icono_voluntariado.png|80px]]<div>[[Voluntariado]]</div></div> <div class="wmco-join-item">[[File:Icono_Asóciate.png|80px]]<div>[[Asóciate]]</div></div> <div class="wmco-join-item">[[File:Icono_Dona.png|80px]]<div>[[Dona]]</div></div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Contáctanos</div> <big>Siempre estamos en busca de nuevos voluntarios o proyectos.</big> <big>Correo: contacto@wikimediacolombia.org</big> </div> <div class="wmco-bar wmco-bar-news"><span>Últimas noticias</span></div> <div style="margin-top:16px;"> <big>Entérate de las últimas noticias ingresando a nuestro blog: [https://wikimediacolombia.org wikimediacolombia.org]</big> </div> <div class="wmco-section-title" style="margin-top:28px;">Actividades</div> {{WMCO-Galeria |imagen1 = Ejemplo.png |caption1 = Descripcion 1 |imagen2 = Ejemplo.png |caption2 = Descripcion 2 |imagen3 = Ejemplo.png |caption3 = Descripcion 3 }} <div style="margin-top:16px;"> <big>Encuentra más fotografías sobre nuestras actividades en esta categoría de Wikimedia Commons.</big> </div> <div style="font-size:28px; margin-top:20px;">Licencias CC</div> 7nexrjcecpv0a0l858ff6clvkf1t0qv 12769 12768 2026-05-06T16:26:43Z Danielyepezgarces 5926 12769 wikitext text/x-wiki <templatestyles src="Plantilla:Portada/styles.css"/> <div class="wmco-hero notheme"> <div class="wmco-hero-logo">[[File:Wikimedia-Colombia-logo-white.png|150px]]</div> <div class="wmco-hero-text"> <div class="wmco-hero-description">[[File:Wikimedia-colombia-landing-hero-description.png|800px|link=]]</div> </div> </div> <div class="wmco-nav"> <div class="wmco-nav-inner"> <div>[[Sobre WMCO|Sobre WMCO]]</div> <div>[[Programas|Programas]]</div> <div>[[Proyectos|Proyectos]]</div> <div>[[Eventos|Eventos]]</div> <div>[[Únete|Únete]]</div> <div>[[Blog|Blog]]</div> <div>[[Contáctanos|Contáctanos]]</div> </div> </div> <div class="wmco-content"> <div class="wmco-section-title">Sobre WMCO</div> <div> <big>Wikimedia Colombia es el capítulo local de la Fundación Wikimedia en Colombia.</big> <big>Después de haber sido inicialmente reconocidos por la Fundación Wikimedia como el grupo de usuarios Wikimedistas de Colombia, por medio de resoluciones del Comité de Afiliaciones el 2 de junio de 2014 (reconocimiento inicial) y 26 de agosto de 2015 (extensión del reconocimiento por término indefinido), pasó a ser finalmente aprobado en forma oficial como el capítulo Wikimedia Colombia por la Junta Directiva de la Fundación Wikimedia el 14 de junio de 2019.</big> <big>El trabajo del grupo es completamente voluntario y se enfoca en la organización de actividades e iniciativas relacionadas con conocimiento libre, cultura y educación.</big> </div> <span class="wmco-btn">[[meta:Category:Wikimedia_Colombia_staff|Equipo]]</span> </div> <div class="wmco-bar wmco-bar-programs"><span>Nuestros programas</span></div> <div style="margin-top:16px;"> <big>Los programas misionales de Wikimedia Colombia están diseñados para transformar territorios y realidades mediante acciones concretas y sostenibles.</big> </div> <div style="margin-top:20px;"> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Apropiación Social del Conocimiento</div> <big>Concebimos la apropiación social del conocimiento como un proceso colaborativo en el que comunidades diversas intercambian, reflexionan y aplican saberes para transformar sus realidades. No se trata solo de acceder al conocimiento, sino de hacerlo propio y adaptarlo a contextos concretos, fortaleciendo la autonomía y el bienestar colectivo, con énfasis en el respeto a la diversidad lingüística y de género.</big> </div> </div> <div class="wmco-program"> <div class="wmco-program-img">[[File:Ejemplo.png|frameless|100%]]</div> <div class="wmco-program-body"> <div class="wmco-program-name">Tecnologías y Comunidades</div> <big>Este programa tiene como objetivo impulsar el desarrollo de procesos y proyectos relacionados con tecnologías, infraestructura abierta, y el fortalecimiento de comunidades. Su propósito central es consolidar y garantizar la sostenibilidad de las comunidades que forman parte del Movimiento Wikimedia en Colombia.</big> </div> </div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Proyectos</div> <big>Los proyectos de Wikimedia Colombia fortalecen capacidades digitales y promueven conocimiento local. [[Proyectos|Conoce todos los proyectos aquí]]</big> {{WMCO-Proyectos |boton1 = Botón_Datosfera.png |proyecto1 = Datosfera Lab|Datosfera |boton2 = Botón_Glaciares.png |proyecto2 = Catedra Glaciares 2025|Cátedra Glaciares |boton3 = Boton_Colaboratorio.png |proyecto3 = Colaboratorio de memoria|Colaboratorio |boton4 = Botón_leamos_y_escribamos.png |proyecto4 = Leamos y escribamos Wikipedia|Leamos y escribamos }} <div class="wmco-bar wmco-bar-join"><span>Se parte del movimiento Wikimedia Colombia</span></div> <div class="wmco-join-grid"> <div class="wmco-join-item">[[File:Icono_eventos.png|80px]]<div>[[Eventos]]</div></div> <div class="wmco-join-item">[[File:Icono_concursos.png|80px]]<div>[[Concursos]]</div></div> <div class="wmco-join-item">[[File:Icono_voluntariado.png|80px]]<div>[[Voluntariado]]</div></div> <div class="wmco-join-item">[[File:Icono_Asóciate.png|80px]]<div>[[Asóciate]]</div></div> <div class="wmco-join-item">[[File:Icono_Dona.png|80px]]<div>[[Dona]]</div></div> </div> <div style="margin-top:28px;"> <div class="wmco-section-title">Contáctanos</div> <big>Siempre estamos en busca de nuevos voluntarios o proyectos.</big> <big>Correo: contacto@wikimediacolombia.org</big> </div> <div class="wmco-bar wmco-bar-news"><span>Últimas noticias</span></div> <div style="margin-top:16px;"> <big>Entérate de las últimas noticias ingresando a nuestro blog: [https://wikimediacolombia.org wikimediacolombia.org]</big> </div> <div class="wmco-section-title" style="margin-top:28px;">Actividades</div> {{WMCO-Galeria |imagen1 = Ejemplo.png |caption1 = Descripcion 1 |imagen2 = Ejemplo.png |caption2 = Descripcion 2 |imagen3 = Ejemplo.png |caption3 = Descripcion 3 }} <div style="margin-top:16px;"> <big>Encuentra más fotografías sobre nuestras actividades en esta categoría de Wikimedia Commons.</big> </div> <div style="font-size:28px; margin-top:20px;">Licencias CC</div> i5n1yrb8iljpvcqxqw5mvln0a9iwyui 10 1868 12750 12737 2026-05-06T15:32:00Z Danielyepezgarces 5926 Mejoras en la distribución para movil 12750 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } 9gpz9juzxk8lptryd6gud5n6oe7p6d1 12753 12750 2026-05-06T15:35:39Z Danielyepezgarces 5926 Corrección en color de boton 12753 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } aa798vaoxb9w4nqmqlmh21sgqxpduaf 12754 12753 2026-05-06T15:38:15Z Danielyepezgarces 5926 12754 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { flex-direction: column; align-items: flex-start; justify-content: flex-end; min-height: 260px; padding: 40px 20px 30px 20px; background-image: none !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } krbdjja43wdl2sdgci6t62yxq2o40dk 12755 12754 2026-05-06T15:39:28Z Danielyepezgarces 5926 12755 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; padding-top: 70px; padding-bottom: 30px; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } 7o2tbneqilzyftuqxogfasovbclneiv 12756 12755 2026-05-06T15:40:18Z Danielyepezgarces 5926 12756 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; padding-top: 100px; padding-bottom: 10px; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } qm6ltoajzi4to5mv9t2r6hbxbp59tc2 12757 12756 2026-05-06T15:42:52Z Danielyepezgarces 5926 12757 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; align-items: flex-start; padding: 100px 20px 10px 20px !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } 1smd57io2twhf376ffli153quckefxq 12758 12757 2026-05-06T15:43:31Z Danielyepezgarces 5926 12758 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; align-items: flex-start; padding: 75px 20px 10px 20px !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } r7obcr68hgi1kay72b87zv2wflztk4r 12759 12758 2026-05-06T15:45:27Z Danielyepezgarces 5926 12759 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; align-items: center; padding: 75px 20px 10px 20px !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } 2sd34xx6pqyyvfijje7v4186z4749rs 12760 12759 2026-05-06T15:59:06Z Danielyepezgarces 5926 12760 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff !important; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; align-items: center; padding: 75px 20px 10px 20px !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } ctz18dnthex0v2v7vx922bg1tqfm4nc 12761 12760 2026-05-06T15:59:59Z Danielyepezgarces 5926 12761 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* Hero banner */ .wmco-hero { width: 100%; background-color: #0086ff !important; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } /* Logo */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* Texto */ .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } /* Descripción */ .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* Navegación */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* Contenido */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* Barras */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21 !important; } .wmco-bar-join { background-color: #f77fc4 !important; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6) !important; } /* Programas */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* Proyectos */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* Únete */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* Actividades */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* Botón */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ /* Tablet */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* Mobile */ @media screen and (max-width: 640px) { .wmco-hero { background-image: none !important; align-items: center; padding: 75px 20px 10px 20px !important; } .wmco-hero-logo img { width: 80px; height: auto; } .wmco-hero-description img { max-height: 120px; } } hv84xzsqc1pi7wbiz5rr7ct0o3wp2g8 12762 12761 2026-05-06T16:05:51Z Danielyepezgarces 5926 12762 sanitized-css text/css /* ========================= HERO BASE (DESKTOP) ========================= */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; color: #ffffff; } /* ========================= LOGO ========================= */ .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } /* ========================= TEXTO + DESCRIPCIÓN ========================= */ .wmco-hero-text { color: #ffffff; line-height: 0.9; flex: 1; min-width: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* ========================= NAV ========================= */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; } /* ========================= BOTÓN ========================= */ .wmco-btn { display: inline-block; background-color: #0086ff; color: #ffffff; padding: 8px 18px; border-radius: 4px; } .wmco-btn a { color: #ffffff !important; text-decoration: none; } /* ========================= NIGHT MODE (Vector / Minerva) ========================= */ html.skin-theme-clientpref-night .wmco-hero { background-color: #0056c7; } html.skin-theme-clientpref-night .wmco-btn { background-color: #0056c7; } /* ========================= OS DARK MODE ========================= */ @media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .wmco-hero { background-color: #0056c7; } html.skin-theme-clientpref-os .wmco-btn { background-color: #0056c7; } } /* ========================= MOBILE ========================= */ @media screen and (max-width: 640px) { .wmco-hero { background-size: cover; background-position: right center; padding: 75px 20px 10px 20px; align-items: center; } .wmco-hero-logo img { width: 80px; } .wmco-hero-description img { max-height: 120px; } } mfjltvtcdzwps64a8mdfpi9hk9g2orl 12763 12762 2026-05-06T16:12:24Z Danielyepezgarces 5926 12763 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* ========================= HERO ========================= */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* ========================= NAV ========================= */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* ========================= CONTENT ========================= */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* ========================= BARS ========================= */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* ========================= PROGRAMS ========================= */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* ========================= PROJECTS GRID ========================= */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* ========================= JOIN GRID ========================= */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* ========================= ACTIVITIES ========================= */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* ========================= BUTTON ========================= */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: white !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* ========================= MOBILE FIX (RESTORED LOGIC) ========================= */ @media screen and (max-width: 640px) { /* HERO */ .wmco-hero { background-size: cover; background-position: right center; padding: 80px 20px 20px 20px; align-items: flex-end; min-height: 180px; } .wmco-hero-logo img { width: 70px; } .wmco-hero-description img { max-height: 110px; } /* PROJECTS → 2 COLUMNAS */ .wmco-project-item { flex: 0 0 calc(50% - 16px); } /* JOIN → 3 arriba + 2 centrados abajo */ .wmco-join-item { flex: 0 0 calc(33.33% - 16px); } .wmco-join-item:nth-last-child(2), .wmco-join-item:nth-last-child(1) { flex: 0 0 calc(45% - 16px); } /* PROGRAMS COLUMN */ .wmco-program { flex-direction: column; } .wmco-program-img { max-width: 100%; } /* ACTIVITIES */ .wmco-activity-card { flex: 1 1 100%; height: 140px; } } nbyd1c77rm95oalenzm343hoa7sr971 12770 12763 2026-05-06T16:30:17Z Danielyepezgarces 5926 12770 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* ========================= HERO ========================= */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* ========================= NAV ========================= */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .skin-theme-clientpref-night .mw-parser-output .wmco-nav-inner div { border-bottom: 9px solid #0086ff !important; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* ========================= CONTENT ========================= */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* ========================= BARS ========================= */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* ========================= PROGRAMS ========================= */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* ========================= PROJECTS GRID ========================= */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* ========================= JOIN GRID ========================= */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* ========================= ACTIVITIES ========================= */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* ========================= BUTTON ========================= */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: white !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* ========================= MOBILE FIX (RESTORED LOGIC) ========================= */ @media screen and (max-width: 640px) { /* HERO */ .wmco-hero { background-size: cover; background-position: right center; padding: 80px 20px 20px 20px; align-items: flex-end; min-height: 180px; } .wmco-hero-logo img { width: 70px; } .wmco-hero-description img { max-height: 110px; } /* PROJECTS → 2 COLUMNAS */ .wmco-project-item { flex: 0 0 calc(50% - 16px); } /* JOIN → 3 arriba + 2 centrados abajo */ .wmco-join-item { flex: 0 0 calc(33.33% - 16px); } .wmco-join-item:nth-last-child(2), .wmco-join-item:nth-last-child(1) { flex: 0 0 calc(45% - 16px); } /* PROGRAMS COLUMN */ .wmco-program { flex-direction: column; } .wmco-program-img { max-width: 100%; } /* ACTIVITIES */ .wmco-activity-card { flex: 1 1 100%; height: 140px; } } 9jv7nb3yvhwwnhmhzuz97u9pru4vqha 12771 12770 2026-05-06T16:33:37Z Danielyepezgarces 5926 12771 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* ========================= HERO ========================= */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* ========================= NAV ========================= */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* ========================= CONTENT ========================= */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* ========================= BARS ========================= */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* ========================= PROGRAMS ========================= */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* ========================= PROJECTS GRID ========================= */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* ========================= JOIN GRID ========================= */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* ========================= ACTIVITIES ========================= */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* ========================= BUTTON ========================= */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: white !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* ========================= MOBILE FIX (RESTORED LOGIC) ========================= */ @media screen and (max-width: 640px) { /* HERO */ .wmco-hero { background-size: cover; background-position: right center; padding: 80px 20px 20px 20px; align-items: flex-end; min-height: 180px; } .wmco-hero-logo img { width: 70px; } .wmco-hero-description img { max-height: 110px; } /* PROJECTS → 2 COLUMNAS */ .wmco-project-item { flex: 0 0 calc(50% - 16px); } /* JOIN → 3 arriba + 2 centrados abajo */ .wmco-join-item { flex: 0 0 calc(33.33% - 16px); } .wmco-join-item:nth-last-child(2), .wmco-join-item:nth-last-child(1) { flex: 0 0 calc(45% - 16px); } /* PROGRAMS COLUMN */ .wmco-program { flex-direction: column; } .wmco-program-img { max-width: 100%; } /* ACTIVITIES */ .wmco-activity-card { flex: 1 1 100%; height: 140px; } } /* ========================= FORCED NIGHT MODE ========================= */ @media screen { html.skin-theme-clientpref-night .wmco-hero { background-color: #0a6cff; } html.skin-theme-clientpref-night .wmco-activity-card { background-color: #1a1a1a; } html.skin-theme-clientpref-night .wmco-activity-caption { background-color: #1a1a1a; color: #ddd; } html.skin-theme-clientpref-night .wmco-btn { background-color: #1a8cff; color: #fff; } } /* ========================= AUTO DARK MODE (OS) ========================= */ @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .wmco-hero { background-color: #0a6cff; } html.skin-theme-clientpref-os .wmco-activity-card { background-color: #1a1a1a; } html.skin-theme-clientpref-os .wmco-activity-caption { background-color: #1a1a1a; } html.skin-theme-clientpref-os .wmco-btn { background-color: #1a8cff; } } pb2dee2r36avwmsfdoj10jhzwxym801 12772 12771 2026-05-06T16:35:22Z Danielyepezgarces 5926 12772 sanitized-css text/css /* === WMCO — Estilos de la pagina principal === */ /* ========================= HERO ========================= */ .wmco-hero { width: 100%; background-color: #0086ff; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 28px 50px; box-sizing: border-box; min-height: 140px; } .wmco-hero-logo { flex-shrink: 0; } .wmco-hero-logo img { display: block; max-width: 150px; height: auto; } .wmco-hero-text { color: white; line-height: 0.9; flex: 1; min-width: 0; } .wmco-hero-description, .wmco-hero-description > div, .wmco-hero-description a { display: block; width: 100%; line-height: 0; } .wmco-hero-description img { width: 100%; height: auto; max-height: 84px; object-fit: contain; object-position: left center; } /* ========================= NAV ========================= */ .wmco-nav-inner { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; } .wmco-nav-inner div { flex: 1 1 0; border-bottom: 9px solid #0086ff; margin: 0 4px; padding: 8px 12px; font-size: 1.2em; white-space: nowrap; text-align: center; min-width: 0; } .wmco-nav-inner div a { color: inherit; text-decoration: none; } /* ========================= CONTENT ========================= */ .wmco-content { width: 100%; margin-top: 24px; } .wmco-section-title { font-size: clamp(24px, 4vw, 42px); font-weight: 300; margin-bottom: 6px; } /* ========================= BARS ========================= */ .wmco-bar { width: 100%; border-radius: 18px; padding: 14px 30px; box-sizing: border-box; margin-top: 28px; } .wmco-bar span { font-size: clamp(22px, 4vw, 42px); font-weight: 300; color: white; } .wmco-bar-programs { background-color: #ff4e21; } .wmco-bar-join { background-color: #f77fc4; } .wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); } /* ========================= PROGRAMS ========================= */ .wmco-program { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .wmco-program-img { flex: 0 0 28%; max-width: 260px; border-radius: 25px; overflow: hidden; } .wmco-program-img img { width: 100%; display: block; } .wmco-program-body { flex: 1; } .wmco-program-name { font-size: clamp(20px, 3vw, 28px); font-weight: 300; margin-bottom: 6px; } /* ========================= PROJECTS GRID ========================= */ .wmco-projects-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 16px; } .wmco-project-item { flex: 0 0 calc(22% - 16px); min-width: 120px; } /* ========================= JOIN GRID ========================= */ .wmco-join-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin-top: 24px; } .wmco-join-item { flex: 0 0 calc(18% - 16px); min-width: 100px; } /* ========================= ACTIVITIES ========================= */ .wmco-activities-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; } .wmco-activity-card { flex: 1 1 calc(33% - 16px); min-width: 200px; height: 180px; background-color: black; border-radius: 6px; } /* ========================= BUTTON ========================= */ .wmco-btn { display: inline-block; background-color: #0086ff; color: white; padding: 8px 18px; border-radius: 4px; margin-top: 12px; } .wmco-btn a { color: white !important; text-decoration: none; } /* ========================= RESPONSIVE ========================= */ @media (max-width: 960px) { .wmco-hero { padding: 28px 20px !important; } } /* ========================= MOBILE FIX (RESTORED LOGIC) ========================= */ @media screen and (max-width: 640px) { /* HERO */ .wmco-hero { background-size: cover; background-position: right center; padding: 80px 20px 20px 20px; align-items: flex-end; min-height: 180px; } .wmco-hero-logo img { width: 70px; } .wmco-hero-description img { max-height: 110px; } /* PROJECTS → 2 COLUMNAS */ .wmco-project-item { flex: 0 0 calc(50% - 16px); } /* JOIN → 3 arriba + 2 centrados abajo */ .wmco-join-item { flex: 0 0 calc(33.33% - 16px); } .wmco-join-item:nth-last-child(2), .wmco-join-item:nth-last-child(1) { flex: 0 0 calc(45% - 16px); } /* PROGRAMS COLUMN */ .wmco-program { flex-direction: column; } .wmco-program-img { max-width: 100%; } /* ACTIVITIES */ .wmco-activity-card { flex: 1 1 100%; height: 140px; } } /* ========================= FORCED NIGHT MODE ========================= */ @media screen { html.skin-theme-clientpref-night .wmco-hero { background-color: #0a6cff; } html.skin-theme-clientpref-night .wmco-activity-card { background-color: #1a1a1a; } html.skin-theme-clientpref-night .wmco-activity-caption { background-color: #1a1a1a; color: #ddd; } html.skin-theme-clientpref-night .wmco-btn { background-color: #1a8cff; color: #fff; } html.skin-theme-clientpref-night .wmco-nav-inner div { border-bottom: 9px solid #1a8cff; color: #fff; } } /* ========================= AUTO DARK MODE (OS) ========================= */ @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .wmco-hero { background-color: #0a6cff; } html.skin-theme-clientpref-os .wmco-activity-card { background-color: #1a1a1a; } html.skin-theme-clientpref-os .wmco-activity-caption { background-color: #1a1a1a; } html.skin-theme-clientpref-os .wmco-btn { background-color: #1a8cff; } html.skin-theme-clientpref-os .wmco-nav-inner div { border-bottom: 9px solid #1a8cff; color: #fff; } } fai72lllz6ewp0g6cpndhourf780sms 10 1871 12765 12732 2026-05-06T16:19:11Z Danielyepezgarces 5926 12765 wikitext text/x-wiki <div class="wmco-activities-grid"> {{#if:{{{imagen1|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen1}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption1|}}}</div> </div> }} {{#if:{{{imagen2|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen2}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption2|}}}</div> </div> }} {{#if:{{{imagen3|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen3}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption3|}}}</div> </div> }} {{#if:{{{imagen4|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen4}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption4|}}}</div> </div> }} {{#if:{{{imagen5|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen5}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption5|}}}</div> </div> }} {{#if:{{{imagen6|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen6}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption6|}}}</div> </div> }} {{#if:{{{imagen7|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen7}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption7|}}}</div> </div> }} {{#if:{{{imagen8|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen8}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption8|}}}</div> </div> }} {{#if:{{{imagen9|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen9}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption9|}}}</div> </div> }} {{#if:{{{imagen10|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen10}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption10|}}}</div> </div> }} {{#if:{{{imagen11|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen11}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption11|}}}</div> </div> }} {{#if:{{{imagen12|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen12}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption12|}}}</div> </div> }} </div> <noinclude> == Uso == <pre> {{WMCO-Galeria |imagen1 = Nombre_del_archivo.jpg |caption1 = Texto de la primera imagen |imagen2 = Nombre_del_archivo.jpg |caption2 = Texto de la segunda imagen |imagen3 = Nombre_del_archivo.jpg |caption3 = Texto de la tercera imagen }} </pre> </noinclude> 612lz1pacvm0aar4r7l9kzln311vztk 12766 12765 2026-05-06T16:20:47Z Danielyepezgarces 5926 12766 wikitext text/x-wiki <includeonly> <div class="wmco-activities-grid"> {{#if:{{{imagen1|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen1}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption1|}}}</div> </div> }} {{#if:{{{imagen2|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen2}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption2|}}}</div> </div> }} {{#if:{{{imagen3|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen3}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption3|}}}</div> </div> }} {{#if:{{{imagen4|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen4}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption4|}}}</div> </div> }} {{#if:{{{imagen5|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen5}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption5|}}}</div> </div> }} {{#if:{{{imagen6|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen6}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption6|}}}</div> </div> }} {{#if:{{{imagen7|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen7}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption7|}}}</div> </div> }} {{#if:{{{imagen8|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen8}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption8|}}}</div> </div> }} {{#if:{{{imagen9|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen9}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption9|}}}</div> </div> }} {{#if:{{{imagen10|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen10}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption10|}}}</div> </div> }} {{#if:{{{imagen11|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen11}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption11|}}}</div> </div> }} {{#if:{{{imagen12|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen12}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption12|}}}</div> </div> }} </div> </includeonly> <noinclude> == Uso == <pre> {{WMCO-Galeria |imagen1 = Nombre_del_archivo.jpg |caption1 = Texto de la primera imagen |imagen2 = Nombre_del_archivo.jpg |caption2 = Texto de la segunda imagen |imagen3 = Nombre_del_archivo.jpg |caption3 = Texto de la tercera imagen }} </pre> </noinclude> gv68stgdhqrijchs3dvf604pd4p52v6 12767 12766 2026-05-06T16:23:09Z Danielyepezgarces 5926 12767 wikitext text/x-wiki <includeonly> <div class="wmco-activities-grid"> {{#if:{{{imagen1|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen1}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption1|}}}</div> </div> }} {{#if:{{{imagen2|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen2}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption2|}}}</div> </div> }} {{#if:{{{imagen3|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen3}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption3|}}}</div> </div> }} {{#if:{{{imagen4|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen4}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption4|}}}</div> </div> }} {{#if:{{{imagen5|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen5}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption5|}}}</div> </div> }} {{#if:{{{imagen6|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen6}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption6|}}}</div> </div> }} {{#if:{{{imagen7|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen7}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption7|}}}</div> </div> }} {{#if:{{{imagen8|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen8}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption8|}}}</div> </div> }} {{#if:{{{imagen9|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen9}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption9|}}}</div> </div> }} {{#if:{{{imagen10|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen10}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption10|}}}</div> </div> }} {{#if:{{{imagen11|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen11}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption11|}}}</div> </div> }} {{#if:{{{imagen12|}}}| <div class="wmco-activity-wrapper"> <div class="wmco-activity-card"> [[File:{{{imagen12}}}|frameless|link=|class=wmco-activity-img]] </div> <div class="wmco-activity-caption">{{{caption12|}}}</div> </div> }} </div> </includeonly> <noinclude> == Uso == <pre> {{WMCO-Galeria |imagen1 = Nombre_del_archivo.jpg |caption1 = Texto de la primera imagen |imagen2 = Nombre_del_archivo.jpg |caption2 = Texto de la segunda imagen |imagen3 = Nombre_del_archivo.jpg |caption3 = Texto de la tercera imagen }} </pre> </noinclude> hcvuqhhga3vqb9pjxag993pfu96y9on 10 1872 12764 12734 2026-05-06T16:17:33Z Danielyepezgarces 5926 12764 sanitized-css text/css /* ========================= GALERÍA BASE ========================= */ .wmco-gallery { display: grid; gap: 16px; justify-content: center; justify-items: center; /* default mobile-first */ grid-template-columns: repeat(3, minmax(0, 1fr)); } /* ========================= ITEM ========================= */ .wmco-gallery-item { width: 100%; max-width: 180px; } /* ========================= IMAGEN ========================= */ .wmco-gallery-item img { width: 100%; height: auto; display: block; object-fit: cover; object-position: center; } /* ========================= CAPTION ========================= */ .wmco-gallery-caption { font-size: 12px; color: #555; margin-top: 6px; } /* ========================= TABLET / MEDIO ========================= */ @media screen and (min-width: 960px) { .wmco-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================= DESKTOP GRANDE ========================= */ @media screen and (min-width: 1200px) { .wmco-gallery { grid-template-columns: repeat(6, minmax(0, 1fr)); } } /* ========================= MOBILE AJUSTE ========================= */ @media screen and (max-width: 640px) { .wmco-gallery { grid-template-columns: repeat(3, 1fr); gap: 12px; } .wmco-gallery-item { max-width: 120px; } } 2g7fbvs2dcmchxp0z8009k7nqvml52f