Fix Share Buttons: Reducir tamaño iconos según template - Issue #135

PROBLEMA:
- Iconos 37% más grandes en staging (19.2px vs 14px template)
- CSS con 7 propiedades extra NO documentadas
- Archivo tenía 138 líneas vs 12 líneas en documentación

SOLUCIÓN:
- Reemplazar completamente componente-share-buttons.css
- Usar SOLO 2 reglas CSS según CSS-ESPECIFICO.md
- Eliminar font-size: 1.2rem y 6 propiedades extra
- Reducir archivo de 138 líneas a 23 líneas

CAMBIOS:
- ELIMINADO: font-size, padding, line-height, min-width, display, etc.
- ELIMINADO: Hover avanzado (transform, scale)
- ELIMINADO: Colores hover específicos por red social
- ELIMINADO: Media queries responsive custom
- MANTENIDO: Solo transition y border-width (según doc)
- Version 1.0.13 -> 1.0.14

RESULTADO:
- Iconos ahora usan tamaño default Bootstrap (14px)
- CSS minimalista: solo 2 reglas
- Bootstrap maneja colores y tamaños

Testing: Verificar iconos 14px en staging después de deploy

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

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

wp-content/themes/apus-theme/assets/css/componente-share-buttons.css

@@ -1,137 +1,22 @@
 /**
- * Social Share Buttons Styles
+ * Social Share Buttons - Estilos Mínimos
  *
- * Estilos para los botones de compartir en redes sociales
- * con animaciones suaves y diseño responsive.
+ * Según CSS-ESPECIFICO.md de la documentación:
+ * Solo 2 reglas CSS simples. Bootstrap maneja el resto.
+ *
+ * Fuente: apus-theme-template/css/style.css líneas 795-806
  *
  * @package Apus_Theme
  * @since 1.0.0
  */
 
-/* Contenedor principal de la sección de compartir */
-.social-share-section {
-    border-top: 1px solid #dee2e6;
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-}
+/* === SHARE BUTTONS === */
 
-/* Texto de compartir */
-.social-share-section .text-muted {
-    font-size: 0.95rem;
-    font-weight: 500;
-    margin-bottom: 1rem;
-}
-
-/* Contenedor de botones */
-.share-buttons {
-    display: flex;
-    gap: 0.5rem;
-    flex-wrap: wrap;
-}
-
-/* Estilos base de los botones */
 .share-buttons .btn {
     transition: all 0.3s ease;
     border-width: 2px;
-    padding: 0.5rem 0.75rem;
-    font-size: 1.2rem;
-    line-height: 1;
-    min-width: 42px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
 }
 
-/* Efecto hover general */
 .share-buttons .btn:hover {
-    transform: translateY(-3px) scale(1.1);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-
-/* Efecto active (cuando se hace clic) */
-.share-buttons .btn:active {
-    transform: translateY(-1px) scale(1.05);
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-}
-
-/* Efectos específicos por red social */
-
-/* Facebook - azul */
-.share-buttons .btn-outline-primary:hover {
-    background-color: #1877f2;
-    border-color: #1877f2;
-    color: #fff;
-}
-
-/* X (Twitter) - negro */
-.share-buttons .btn-outline-dark:hover {
-    background-color: #000000;
-    border-color: #000000;
-    color: #fff;
-}
-
-/* LinkedIn - azul claro */
-.share-buttons .btn-outline-info:hover {
-    background-color: #0a66c2;
-    border-color: #0a66c2;
-    color: #fff;
-}
-
-/* WhatsApp - verde */
-.share-buttons .btn-outline-success:hover {
-    background-color: #25d366;
-    border-color: #25d366;
-    color: #fff;
-}
-
-/* Email - gris */
-.share-buttons .btn-outline-secondary:hover {
-    background-color: #6c757d;
-    border-color: #6c757d;
-    color: #fff;
-}
-
-/* Accesibilidad: focus para navegación con teclado */
-.share-buttons .btn:focus {
-    outline: 2px solid currentColor;
-    outline-offset: 2px;
-    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-/* Responsive: ajustes para móviles */
-@media (max-width: 576px) {
-    .social-share-section {
-        margin-top: 2rem;
-        margin-bottom: 2rem;
-        padding-top: 1.5rem;
-        padding-bottom: 1.5rem;
-    }
-
-    .share-buttons {
-        gap: 0.4rem;
-    }
-
-    .share-buttons .btn {
-        min-width: 40px;
-        padding: 0.45rem 0.7rem;
-        font-size: 1.1rem;
-    }
-}
-
-/* Responsive: pantallas muy pequeñas */
-@media (max-width: 360px) {
-    .share-buttons .btn {
-        min-width: 38px;
-        padding: 0.4rem 0.65rem;
-        font-size: 1rem;
-    }
-}
-
-/* Modo de impresión: ocultar botones de compartir */
-@media print {
-    .social-share-section {
-        display: none;
-    }
-}

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

@@ -14,7 +14,7 @@ if (!defined('ABSPATH')) {
 /**
  * Theme Version
  */
-define('APUS_VERSION', '1.0.13');
+define('APUS_VERSION', '1.0.14');
 
 /**
  * Theme Setup