feat: Restructuración completa de sección Participa con sistema modular

- Creada nueva sección Participa con tabs para mejor organización
- Modularizado contenido en archivos separados (ponentes-info.md, ponentes-destacados.md, etc.)
- Agregada Mónica Ortega como nueva voluntaria destacada
- Implementado sistema de tabs con JavaScript personalizado
- Estandarizado formato de tarjetas para voluntarios y ponentes
- Movidas listas fuera de Reconocimientos a sus propias secciones
- Mejorada navegación y consistencia visual
- Actualizado CHANGELOG.md con todos los cambios

Author: pixelead0

CHANGELOG.md

@@ -9,34 +9,32 @@ El formato sigue [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/) y [
 ## [Unreleased]
 
 ### Añadido
-- **Nueva Sección Comunidad**: Creadas páginas completas de comunidad bajo `/comunidad/`
-  - `ponentes.md` - Guía para convertirse en ponente
-  - `voluntarios.md` - Información sobre voluntariado
-  - `alianzas.md` - Alianzas con comunidades y empresas
-  - `como-contribuir.md` - Guía completa de contribución
-  - `reconocimientos.md` - Reconocimientos a Ponentes y Voluntarios
-
-- **Navegación Mejorada**: Añadida sección "También Te Puede Interesar" con tablas de navegación en todas las páginas
-- **Enlaces Sociales Modernos**: Reemplazados enlaces tipo badge con botones grid atractivos
-- **Seguridad de Enlaces Externos**: Añadidos `target="_blank"` y `rel="noopener noreferrer"` a todos los enlaces externos
+- **Nueva Sección Participa**: Creada sección modular con tabs para mejor organización
+  - `ponentes-info.md` - Información general sobre ser ponente
+  - `ponentes-destacados.md` - Lista completa de ponentes y sus charlas
+  - `voluntarios-info.md` - Información general sobre voluntariado
+  - `voluntarios-destacados.md` - Lista completa de voluntarios destacados
+- **Nuevo Voluntario**: Agregada Mónica Ortega a la lista de voluntarios destacados
+- **Sistema de Tabs**: Implementado sistema de tabs en secciones de Participa para mejor navegación
+- **Contenido Modular**: Separado contenido motivacional de listas de personas para mayor claridad
+- **Estilos CSS Mejorados**: Añadidos estilos para tarjetas de voluntarios y ponentes
+- **JavaScript Personalizado**: Agregado archivo custom.js para funcionalidad de tabs
 
 ### Cambiado
-- **Estructura de Enlaces**: Convertidos todos los enlaces relativos a rutas absolutas para mejor navegación
-- **Páginas de Meetups**: Rediseñadas páginas índice de meetups con formato de tabla limpio y estilos consistentes
-- **Formato de Fechas**: Estandarizado formato de fechas en todas las páginas de meetups al estilo "DD Mes YYYY"
-- **Organización de Contenido**: Reorganizado contenido para evitar repetición y mejorar flujo
-- **Consistencia Visual**: Aplicados estilos y formato consistentes en todas las páginas
-- **Página de Ponentes**: Simplificada para enfocarse solo en cómo ser ponente, eliminadas listas de ponentes y charlas destacadas
+- **Restructuración de Participa**: Reorganizada sección Participa con tabs "Información General" y "Destacados"
+- **Navegación Mejorada**: Movidas listas de ponentes y voluntarios fuera de "Reconocimientos" a sus propias secciones
+- **Formato de Tarjetas**: Estandarizado formato de tarjetas para voluntarios y ponentes con estilo consistente
+- **Organización de Contenido**: Separado contenido motivacional/proceso de listas de personas
+- **Estructura de Archivos**: Modularizado contenido en archivos separados para mejor mantenimiento
 
 ### Eliminado
-- **Archivos Obsoletos**: Eliminados archivos temporales de about y archivo CNAME
-- **Contenido Redundante**: Eliminada información duplicada en múltiples páginas
-- **Formato Antiguo de Enlaces Sociales**: Reemplazados enlaces tipo badge con botones grid modernos
+- **Contenido Duplicado**: Eliminada información duplicada entre archivos de información y listas
+- **Dependencia de Snippets**: Reemplazado sistema de snippets con includes directos para mayor estabilidad
 
 ### Corregido
-- **Problemas de Navegación**: Corregidos enlaces internos rotos usando rutas absolutas
-- **Consistencia de Enlaces**: Asegurado que todos los enlaces internos usen rutas absolutas correctas
-- **Jerarquía Visual**: Mejorada estructura de páginas y legibilidad
+- **Enlaces Internos**: Corregidos enlaces entre secciones de Participa
+- **Consistencia Visual**: Asegurado estilo consistente entre secciones de voluntarios y ponentes
+- **Estructura de Navegación**: Mejorada navegación entre tabs y secciones
 
 ---
 

docs/comunidad/alianzas.md

@@ -23,6 +23,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
 
 <div class="communities-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;">
 
+<!-- PyMTY-->
 <a href="https://social.org.mx/@pymty" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #ff6b35; text-align: center;">
     <img src="/images/comunidades/pymty.png" alt="Logo PyMTY" style="width: 250px; height: 250px; border-radius: 50%; display: block; margin: 0 auto 0.5rem auto;">
@@ -31,6 +32,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- Pythonistas GDL -->
 <a href="https://pythonistas-gdl.org/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #28a745; text-align: center;">
     <img src="/images/comunidades/pythonistas-GDL.jpg" alt="Logo PythonistasGDL" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -39,6 +41,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- PyTalavera -->
 <a href="https://www.facebook.com/profile.php?id=61559788469426" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #6f42c1; text-align: center;">
     <img src="/images/comunidades/pyTalavera.jpg" alt="Logo PyTalavera" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -47,6 +50,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- Pyladies Cuernavaca -->
 <a href="https://pyladies-cuernavaca.quarto.pub/web/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #e83e8c; text-align: center;">
     <img src="/images/comunidades/pyladies-cuernavaca.png" alt="Logo pyladies-cuernavaca" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -61,6 +65,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
 
 <div class="communities-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;">
 
+<!-- Ajolotes en la nube -->
 <a href="https://www.meetup.com/es/ajolotesenlanube/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #fd7e14; text-align: center;">
     <img src="/images/comunidades/ajolotes-nube.png" alt="Logo Ajolotes en la Nube" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -69,6 +74,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- LIDSOL -->
 <a href="https://www.meetup.com/es/ajolotesenlanube/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #20c997; text-align: center;">
     <img src="/images/comunidades/lidsol.png" alt="Logo Ajolotes en la Nube" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -77,6 +83,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- sudofCiencias -->
 <a href="https://linktr.ee/sudo_fciencias" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #17a2b8; text-align: center;">
     <img src="/images/comunidades/sudofciencias.jpeg" alt="Logo sudoFCiencias" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -85,6 +92,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- Fedora México-->
 <a href="https://fedoramx.fedorapeople.org/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #007bff; text-align: center;">
     <img src="/images/comunidades/fedoramexico.png" alt="Logo sudoFCiencias" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -94,14 +102,15 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
 
 </a>
 
+<!-- RustMX-->
 <a href="https://rustmx.github.io/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #dc3545; text-align: center;">
     <img src="/images/comunidades/rustmx.png" alt="Logo RustMX" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
     <h4 style="margin: 0 0 0.5rem 0; color: #dc3545;"><i class="fab fa-rust"></i> RustMX</h4>
     <p style="margin: 0; font-size: 0.9em;">México</p>
   </div>
 </a>
-
+<!-- Enchiladas Devops-->
 <a href="https://enchiladasdevops.com/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #6f42c1; text-align: center;">
     <img src="/images/comunidades/enchiladas-devops.png" alt="Logo enchiladas devops" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -110,7 +119,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
-
+<!-- Linux en español -->
 <a href="https://t.me/linuxito" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #333; text-align: center;">
     <img src="/images/comunidades/LinuxEnEspanol.jpg" alt="Logo Linux en español" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -119,7 +128,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
-
+<!-- Salamandra DEVS-->
 <a href="https://t.me/salamandradevs" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #fd7e14; text-align: center;">
     <img src="/images/comunidades/salamandra-devs.jpg" alt="Logo Salamandra Devs" style="width: 250px; height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
@@ -129,8 +138,6 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
 </a>
 </div>
 
-
-
 ---
 
 ## <i class="fas fa-building"></i> Empresas Aliadas
@@ -139,6 +146,7 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
 
 <div class="communities-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;">
 
+<!-- Wizeline Mexico -->
 <a href="https://www.meetup.com/es/ajolotesenlanube/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #fd7e14; text-align: center;">
     <img src="/images/comunidades/wizeline.png" alt="Logo Ajolotes en la Nube" style="width: 250px; height: 250px; border-radius: 0%; display: block; margin: 0 auto 0.5rem auto;">
@@ -147,18 +155,16 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr
   </div>
 </a>
 
+<!-- Clara -->
 <a href="https://www.meetup.com/es/ajolotesenlanube/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit; display: block;">
   <div class="community-card" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 1.5rem; border-radius: 12px; border-left: 4px solid #20c997; text-align: center;">
     <img src="/images/comunidades/clara.png" alt="Logo CLARA" style=" height: 250px; border-radius: 20%; display: block; margin: 0 auto 0.5rem auto;">
     <h4 style="margin: 0 0 0.5rem 0; color: #20c997;"><i class="fas fa-building"></i> CLARA</h4>
     <p style="margin: 0; font-size: 0.9em;">Sede alterna</p>
   </div>
 </a>
-
-</a>
 </div>
 
-
 ---
 
 ## <i class="fas fa-handshake"></i> Beneficios de las Alianzas