[FIX] Share Buttons - Coincidir con template original - Issue #124

CORRECCIONES APLICADAS:

1. HTML (single.php):
   - Agregar botón de Email con btn-outline-secondary
   - Total: 6 botones (Facebook, Instagram, LinkedIn, WhatsApp, X, Email)
   - Remover comentarios HTML individuales para cada botón
   - Simplificar aria-label de X: "Compartir en X" (no "Compartir en X (Twitter)")

2. CSS (style.css):
   - Actualizar comentario para coincidir con template original
   - De: /* === SHARE BUTTONS === */
   - A: /* ======================================== SHARE BUTTONS ======================================== */

FUENTE DE VERDAD:
- apus-theme-template/index.html líneas 788-812
- apus-theme-template/css/style.css líneas 795-806

Archivos modificados:
- wp-content/themes/apus-theme/single.php (líneas 72-116)
- wp-content/themes/apus-theme/assets/css/style.css (líneas 1054-1065)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/themes/apus-theme/assets/css/style.css

@@ -1051,7 +1051,9 @@ img {
     color: #ffffff;
 }
 
-/* === SHARE BUTTONS === */
+/* ========================================
+   SHARE BUTTONS
+======================================== */
 
 .share-buttons .btn {
     transition: all 0.3s ease;

wp-content/themes/apus-theme/single.php

@@ -73,7 +73,6 @@ get_header();
 			<div class="my-5 py-4 border-top">
 				<p class="mb-3 text-muted"><?php esc_html_e('Compartir:', 'apus-theme'); ?></p>
 				<div class="d-flex gap-2 flex-wrap share-buttons">
-					<!-- Facebook -->
 					<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>"
 					   class="btn btn-outline-primary btn-sm"
 					   target="_blank"
@@ -81,16 +80,12 @@ get_header();
 					   aria-label="Compartir en Facebook">
 						<i class="bi bi-facebook"></i>
 					</a>
-
-					<!-- Instagram -->
 					<a href="#"
 					   class="btn btn-outline-danger btn-sm"
 					   onclick="alert('Instagram no permite compartir enlaces directamente. Puedes tomar una captura de pantalla o copiar el enlace para compartirlo manualmente.'); return false;"
 					   aria-label="Compartir en Instagram">
 						<i class="bi bi-instagram"></i>
 					</a>
-
-					<!-- LinkedIn -->
 					<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php echo urlencode(get_permalink()); ?>"
 					   class="btn btn-outline-info btn-sm"
 					   target="_blank"
@@ -98,8 +93,6 @@ get_header();
 					   aria-label="Compartir en LinkedIn">
 						<i class="bi bi-linkedin"></i>
 					</a>
-
-					<!-- WhatsApp -->
 					<a href="https://api.whatsapp.com/send?text=<?php echo urlencode(get_the_title() . ' - ' . get_permalink()); ?>"
 					   class="btn btn-outline-success btn-sm"
 					   target="_blank"
@@ -107,15 +100,18 @@ get_header();
 					   aria-label="Compartir en WhatsApp">
 						<i class="bi bi-whatsapp"></i>
 					</a>
-
-					<!-- X (Twitter) -->
 					<a href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=<?php echo urlencode(get_the_title()); ?>"
 					   class="btn btn-outline-dark btn-sm"
 					   target="_blank"
 					   rel="noopener noreferrer"
-					   aria-label="Compartir en X (Twitter)">
+					   aria-label="Compartir en X">
 						<i class="bi bi-twitter-x"></i>
 					</a>
+					<a href="mailto:?subject=<?php echo urlencode(get_the_title()); ?>&body=<?php echo urlencode(get_permalink()); ?>"
+					   class="btn btn-outline-secondary btn-sm"
+					   aria-label="Compartir por Email">
+						<i class="bi bi-envelope"></i>
+					</a>
 				</div>
 			</div>