separado de python y max 12 caracteres rut admin + easter egg

templates/macros/navbar.html

@@ -3,7 +3,7 @@
         <a class="navbar-brand d-flex flex-column align-items-start text-primary-emphasis" href="{{ url_for('index') }}" style="gap: 0;">
             
             <div class="d-flex align-items-center">
-                <i class="bi bi-receipt-cutoff fs-3 text-info me-2"></i>
+                <i id="brandIcon" class="bi bi-receipt-cutoff fs-3 text-info me-2"></i>
                 <span class="fw-bold fs-4">KSNE</span>
             </div>
             
@@ -70,4 +70,54 @@
             {% endif %}
         </div>
     </div>
-</nav>
+</nav>
+
+<style>
+    @keyframes baguetteRoll {
+        0% { transform: rotate(0deg) scale(1.2); }
+        50% { transform: rotate(180deg) scale(1.5); }
+        100% { transform: rotate(360deg) scale(1); }
+    }
+    .baguette-spin {
+        display: inline-block;
+        animation: baguetteRoll 1s ease-in-out;
+        font-style: normal;
+    }
+</style>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const brandIcon = document.getElementById("brandIcon");
+        if (brandIcon) {
+            let clickCount = 0;
+            let clickResetTimer;
+
+            brandIcon.addEventListener("click", function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+                
+                clickCount++;
+                
+                clearTimeout(clickResetTimer);
+                clickResetTimer = setTimeout(() => {
+                    clickCount = 0;
+                }, 800); 
+
+                if (clickCount >= 5) {
+                    clickCount = 0;
+                    clearTimeout(clickResetTimer);
+
+                    const originalClass = this.className;
+                    
+                    this.className = "fs-3 me-2 baguette-spin";
+                    this.innerHTML = "&#129366;";
+                    
+                    setTimeout(() => {
+                        this.className = originalClass;
+                        this.innerHTML = "";
+                    }, 1000);
+                }
+            });
+        }
+    });
+</script>