diff --git a/wp-content/themes/apus-theme/assets/css/componente-share-buttons.css b/wp-content/themes/apus-theme/assets/css/componente-share-buttons.css index b7613e36..38d00db3 100644 --- a/wp-content/themes/apus-theme/assets/css/componente-share-buttons.css +++ b/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; - } -} diff --git a/wp-content/themes/apus-theme/functions.php b/wp-content/themes/apus-theme/functions.php index dcb2d0d2..fa1f05b9 100644 --- a/wp-content/themes/apus-theme/functions.php +++ b/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