refactor: remove all inline styles from markdown files

- Remove inline style attributes from all HTML elements in docs/
- Clean up 25 files with inline styles
- Preserve semantic structure and CSS classes
- Improve maintainability and separation of concerns
- Files affected: about.md, tags.md, components/, meetups/, comunidad/

Author: pixelead0

docs/about.md

@@ -1,10 +1,10 @@
-<div align="center" style="margin: 2rem 0;">
-  <img src="/images/logo.png" alt="Python CDMX Logo" style="max-width: 300px; height: auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
+<div align="center">
+  <img src="/images/logo.png" alt="Python CDMX Logo">
 </div>
 
 # Sobre Python CDMX <i class="fas fa-info-circle"></i>
 
-<div align="center" style="font-size: 1.2em; margin: 1.5em 0;">
+<div align="center">
   <b>Conectando la comunidad Python en la Ciudad de México</b>
 </div>
 
@@ -50,23 +50,23 @@ Participa en nuestros eventos mensuales para aprender, conectar y crecer profesi
 
 ## <i class="fas fa-link"></i> Conecta con Nuestra Comunidad
 
-<div class="community-links" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
-    <a href="https://t.me/PythonCDMX" target="_blank" rel="noopener noreferrer" style="background: #0088cc; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+<div class="community-links">
+    <a href="https://t.me/PythonCDMX" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-telegram"></i> Telegram
     </a>
-    <a href="https://www.meetup.com/python-mexico" target="_blank" rel="noopener noreferrer" style="background: #e51937; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.meetup.com/python-mexico" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-meetup"></i> Meetup
     </a>
-    <a href="https://www.youtube.com/@PythonMexico" target="_blank" rel="noopener noreferrer" style="background: #ff0000; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.youtube.com/@PythonMexico" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-youtube"></i> YouTube
     </a>
-    <a href="https://github.com/PythonMexico/pythonCDMX" target="_blank" rel="noopener noreferrer" style="background: #333; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://github.com/PythonMexico/pythonCDMX" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-github"></i> GitHub
     </a>
-    <a href="https://www.instagram.com/pythoncdmx/" target="_blank" rel="noopener noreferrer" style="background: #E4405F; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.instagram.com/pythoncdmx/" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-instagram"></i> Instagram
     </a>
-    <a href="https://www.linkedin.com/groups/13126454/" target="_blank" rel="noopener noreferrer" style="background: #0A66C2; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.linkedin.com/groups/13126454/" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-linkedin"></i> LinkedIn
     </a>
 </div>

docs/components/README.md

@@ -30,16 +30,16 @@ Actualmente los componentes están embebidos directamente en los archivos de mee
 ## Contenido específico del meetup...
 
 <!-- Sección de networking embebida -->
-<div class="networking-section" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: white; padding: 2rem; border-radius: 16px; margin: 2rem 0; text-align: center; box-shadow: 0 8px 32px rgba(40, 167, 69, 0.3);">
-  <h3 style="margin: 0 0 1rem 0; font-size: 1.5rem;">💬 ¡Conecta con la comunidad!</h3>
-  <p style="margin: 0; font-size: 1.1rem; line-height: 1.6;">
+<div class="networking-section">
+  <h3>💬 ¡Conecta con la comunidad!</h3>
+  <p>
     Después de la charla habrá un tiempo de networking donde podrás platicar con programadores de diferentes niveles e intereses.
   </p>
 </div>
 
 <!-- Enlaces de la comunidad embebidos -->
-<div class="community-links" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
-  <a href="https://t.me/PythonCDMX" style="background: #0088cc; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+<div class="community-links">
+  <a href="https://t.me/PythonCDMX">
     📱 Telegram
   </a>
   <!-- Más enlaces... -->

docs/components/community-links.md

@@ -1,22 +1,22 @@
 ## <i class="fas fa-link"></i> Conecta con Nuestra Comunidad
 
-<div class="community-links" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
-    <a href="https://t.me/PythonCDMX" target="_blank" rel="noopener noreferrer" style="background: #0088cc; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+<div class="community-links">
+    <a href="https://t.me/PythonCDMX" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-telegram"></i> Telegram
     </a>
-    <a href="https://www.meetup.com/python-mexico" target="_blank" rel="noopener noreferrer" style="background: #e51937; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.meetup.com/python-mexico" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-meetup"></i> Meetup
     </a>
-    <a href="https://www.youtube.com/@PythonMexico" target="_blank" rel="noopener noreferrer" style="background: #ff0000; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.youtube.com/@PythonMexico" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-youtube"></i> YouTube
     </a>
-    <a href="https://github.com/PythonMexico/pythonCDMX" target="_blank" rel="noopener noreferrer" style="background: #333; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://github.com/PythonMexico/pythonCDMX" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-github"></i> GitHub
     </a>
-    <a href="https://www.instagram.com/pythoncdmx/" target="_blank" rel="noopener noreferrer" style="background: #E4405F; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.instagram.com/pythoncdmx/" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-instagram"></i> Instagram
     </a>
-    <a href="https://www.linkedin.com/groups/13126454/" target="_blank" rel="noopener noreferrer" style="background: #0A66C2; color: white; padding: 1rem; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
+    <a href="https://www.linkedin.com/groups/13126454/" target="_blank" rel="noopener noreferrer">
         <i class="fab fa-linkedin"></i> LinkedIn
     </a>
 </div>

docs/components/footer.md

@@ -1,7 +1,7 @@
 ---
 
-<div style="text-align: center; margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 12px;">
-    <p style="margin: 0; color: #6c757d; font-style: italic;">
+<div class="footer-section">
+    <p>
         *Última actualización: {{ git_revision_date_localized }}*
     </p>
 </div>

docs/components/networking.md

@@ -1,8 +1,8 @@
 ## 🤝 Networking
 
-<div class="networking-section" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: white; padding: 2rem; border-radius: 16px; margin: 2rem 0; text-align: center; box-shadow: 0 8px 32px rgba(40, 167, 69, 0.3);">
-    <h3 style="margin: 0 0 1rem 0; font-size: 1.5rem;">💬 ¡Conecta con la comunidad!</h3>
-    <p style="margin: 0; font-size: 1.1rem; line-height: 1.6;">
+<div class="networking-section">
+    <h3>💬 ¡Conecta con la comunidad!</h3>
+    <p>
         Después de la charla habrá un tiempo de networking donde podrás platicar con programadores de diferentes niveles e intereses.
         ¡Es la oportunidad perfecta para hacer conexiones profesionales y aprender de otros desarrolladores!
     </p>