Enhance privacy badge visibility and add translations

Author: bioszen

index.html

@@ -3321,8 +3321,8 @@ <h1>SmartLib <span>SZ</span></h1>
                     style="width: 100%; border-radius: 8px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease;">
                     <span>📚</span> Manual de Usuario
                 </button>
-                <div
-                    style="font-size: 0.75rem; color: var(--text-muted); margin-top: 0.8rem; text-align: center; opacity: 0.7;">
+                <div style="font-size: 0.85rem; font-weight: 500; color: var(--text-muted); margin-top: 1rem; text-align: center; opacity: 0.9; padding: 5px; border: 1px solid var(--border); border-radius: 6px;"
+                    data-i18n="privacy-badge">
                     🛡️ Datos almacenados localmente
                 </div>
             </div>
@@ -3898,6 +3898,7 @@ <h3 style="margin-top: 0; color: var(--primary);">🎓 Advantages for Beginners<
             en: {
                 "var-label-rds": "RDS File",
                 "btn-manual": "📖 View Manual",
+                "privacy-badge": "🛡️ Data stored locally",
                 "filter-type": "Type",
                 "all": "All",
                 "snippets": "Snippets",