Fix share buttons: Eliminar estilos globales .btn de theme.css

PROBLEMA ROOT CAUSE:
theme.css aplicaba background-color a TODOS los .btn (línea 335)
Esto sobrescribía btn-outline-* de Bootstrap

ANÁLISIS:
- Template original NO tiene theme.css
- theme.css es archivo adicional con reglas conflictivas
- Reglas globales .btn y button sobrescriben Bootstrap

SOLUCIÓN:
- Eliminar selectores button y .btn de theme.css
- Mantener SOLO estilos para inputs SIN clases Bootstrap
- Usar :not([class*="btn"]) para excluir elementos con clases btn

RESULTADO:
- Bootstrap maneja btn-outline correctamente
- Sin conflictos de especificidad CSS
- Inputs sin clases mantienen estilos por defecto

Archivo modificado:
- assets/css/theme.css (líneas 316-348)

Fixes #124

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

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

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

@@ -313,12 +313,14 @@ textarea {
     resize: vertical;
 }
 
-/* Buttons */
-button,
-.btn,
-input[type="button"],
-input[type="submit"],
-input[type="reset"] {
+/* Buttons
+ * ELIMINADO: Estas reglas globales sobrescriben Bootstrap btn-outline
+ * Bootstrap maneja los estilos de botones correctamente
+ * Solo mantener estilos para inputs que NO usan clases Bootstrap
+ */
+input[type="button"]:not([class*="btn"]),
+input[type="submit"]:not([class*="btn"]),
+input[type="reset"]:not([class*="btn"]) {
     display: inline-block;
     padding: 0.5rem 1rem;
     font-family: inherit;
@@ -338,11 +340,9 @@ input[type="reset"] {
     transition: var(--transition-base);
 }
 
-button:hover,
-.btn:hover,
-input[type="button"]:hover,
-input[type="submit"]:hover,
-input[type="reset"]:hover {
+input[type="button"]:not([class*="btn"]):hover,
+input[type="submit"]:not([class*="btn"]):hover,
+input[type="reset"]:not([class*="btn"]):hover {
     background-color: #0b5ed7;
     text-decoration: none;
 }