Manual changes saved

components/header.js

@@ -241,37 +241,33 @@ class CustomHeader extends HTMLElement {
           </button>
         </div>
       </header>
-    <script>
-      const shadowRoot = this.shadowRoot;
-      const languageToggle = shadowRoot.getElementById('languageToggle');
-      const languageDropdown = shadowRoot.getElementById('languageDropdown');
-
-      // Abrir/cerrar el menú
-      languageToggle.addEventListener('click', (e) => {
-        e.stopPropagation();
-        languageDropdown.classList.toggle('show');
-      });
-
-      // Selección de idioma
-      shadowRoot.querySelectorAll('.lang-option').forEach(option => {
-        option.addEventListener('click', (e) => {
-          e.preventDefault();
-          const lang = option.getAttribute('data-lang');
-          localStorage.setItem('language', lang);
-          document.dispatchEvent(new CustomEvent('languageChange', { detail: lang }));
-          languageDropdown.classList.remove('show');
-        });
-      });
+      <script>
+        document.addEventListener('DOMContentLoaded', () => {
+          const shadowRoot = this.shadowRoot;
+          const languageToggle = shadowRoot.getElementById('languageToggle');
+          const languageDropdown = shadowRoot.getElementById('languageDropdown');
+          
+          // Language toggle
+          languageToggle.addEventListener('click', (e) => {
+            e.stopPropagation();
+            languageDropdown.classList.toggle('show');
+          });
 
-      // Cerrar al hacer clic fuera (compatible con Shadow DOM)
-      document.addEventListener('click', (e) => {
-        const path = e.composedPath();
-        if (!path.includes(languageToggle) && !path.includes(languageDropdown)) {
-          languageDropdown.classList.remove('show');
-        }
-      });
-    </script>
+          // Language selection
+          shadowRoot.querySelectorAll('.lang-option').forEach(option => {
+            option.addEventListener('click', (e) => {
+              e.preventDefault();
+              const lang = option.getAttribute('data-lang');
+              localStorage.setItem('language', lang);
+              document.dispatchEvent(new CustomEvent('languageChange', { detail: lang }));
+              languageDropdown.classList.remove('show');
+            });
+          });
 
+          // Close dropdown when clicking outside
+          document.addEventListener('click', () => {
+            languageDropdown.classList.remove('show');
+          });
 
           // Mobile menu toggle
           const mobileMenuToggle = shadowRoot.getElementById('mobileMenuToggle');