/* ═══════════════════════════════════════════════════════════════ OCULTAR FLECHA DE VOLVER ARRIBA - TAZA MÁGICA BILBAO ═══════════════════════════════════════════════════════════════ Propósito: Ocultar la flecha de "volver arriba" y mostrar solo el botón de WhatsApp en la esquina inferior derecha. Autor: Sistema de gestión web Fecha: Diciembre 2025 Versión: 1.0 Uso: Incluir este CSS después de whatsapp-button.css en el de index.php ═══════════════════════════════════════════════════════════════ */ /* Ocultar flecha de volver arriba - Clase específica del sitio */ .scroll-top-btn, #scrollTopBtn { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Selectores genéricos comunes (por si tiene múltiples implementaciones) */ .scroll-to-top, .back-to-top, .scroll-top, .scrolltop, .scroll-up, .scrollup, #scrollTop, #scroll-top, #backToTop, #back-to-top, .btn-scroll-top, .arrow-up, .go-top, .totop, a[href="#top"], a[href="#arriba"], .up-arrow, .scroll-to-top-btn { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Asegurar que el botón de WhatsApp siga visible */ .whatsapp-float, .whatsapp-button, .whatsapp-btn { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* ═══════════════════════════════════════════════════════════════ NOTAS IMPORTANTES: ═══════════════════════════════════════════════════════════════ 1. Este CSS usa !important para asegurar que sobrescriba cualquier estilo anterior. 2. Si la flecha sigue visible después de aplicar este CSS, inspecciona el elemento en el navegador para identificar su clase/ID específica y agrégala arriba. 3. Para revertir: simplemente elimina la línea de este CSS en index.php 4. El botón de WhatsApp tiene prioridad y se mantiene visible. ═══════════════════════════════════════════════════════════════ */