feat: add hamburger navigation menu with smooth scrolling to CV sections

Implemented a complete navigation system with the following features:

**Navigation Menu:**
- Hamburger button in top-left of action bar
- Slide-out navigation menu with all CV sections
- Smooth close on click outside or after selection
- Mobile-responsive design (280px desktop, 240px mobile)

**Section Anchors:**
- Added ID anchors to all CV sections:
  - #education (Training/Formación)
  - #skills (Skills/Competencias)
  - #experience (Experience/Experiencia)
  - #awards (Awards/Premios y Reconocimientos)
  - #courses (Courses/Cursos Realizados)
  - #languages (Languages/Idiomas)
  - #references (References/Referencias)
  - #other (Other/Otros)

**Section Icons:**
- Added descriptive icons to all section titles
- Icons match their purpose (school for education/courses, trophy for awards, etc.)
- Consistent 24x24 size for section titles, 20x20 for menu items

**Smooth Scrolling:**
- Implemented smooth scroll behavior with proper offset calculation
- Accounts for fixed header height
- Added scroll-padding-top for better anchor positioning

**Accessibility:**
- Proper ARIA labels and roles
- aria-expanded attribute for hamburger button
- Keyboard navigation support
- Screen reader friendly

**Styling:**
- Clean white menu background with shadow
- Blue hover states matching CV accent color
- Left border indicator on hover
- Smooth transitions (0.3s ease-in-out)
- Print-friendly (menu hidden in print mode)

**Bilingual Support:**
- Menu items automatically translate based on language
- Works seamlessly with English/Spanish switching

static/css/main.css

@@ -1523,3 +1523,123 @@ a:focus {
     text-decoration: underline;
     color: #0052a3;
 }
+
+/* ===============================================
+   HAMBURGER MENU & NAVIGATION
+   =============================================== */
+
+/* Hamburger button */
+.hamburger-btn {
+    background: transparent;
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    padding: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.2s ease;
+    border-radius: 4px;
+    margin-right: 0.5rem;
+}
+
+.hamburger-btn:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.hamburger-btn:active {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+
+/* Navigation Menu */
+.navigation-menu {
+    position: fixed;
+    top: 50px; /* Height of action bar */
+    left: 0;
+    width: 280px;
+    max-height: calc(100vh - 50px);
+    background: #ffffff;
+    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
+    transform: translateX(-100%);
+    transition: transform 0.3s ease-in-out;
+    overflow-y: auto;
+    z-index: 99;
+}
+
+.navigation-menu.menu-open {
+    transform: translateX(0);
+}
+
+.menu-content {
+    padding: 1rem 0;
+}
+
+.menu-item {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 0.875rem 1.5rem;
+    color: var(--text-dark);
+    text-decoration: none;
+    transition: background-color 0.2s ease, color 0.2s ease;
+    font-size: 0.95rem;
+    font-weight: 500;
+    border-left: 3px solid transparent;
+}
+
+.menu-item:hover {
+    background-color: rgba(0, 102, 204, 0.08);
+    color: var(--accent-blue);
+    border-left-color: var(--accent-blue);
+    text-decoration: none;
+}
+
+.menu-item iconify-icon {
+    color: var(--text-gray);
+    flex-shrink: 0;
+    transition: color 0.2s ease;
+}
+
+.menu-item:hover iconify-icon {
+    color: var(--accent-blue);
+}
+
+/* Section icons in titles */
+.section-icon {
+    vertical-align: middle;
+    margin-right: 0.5rem;
+    color: var(--accent-blue);
+}
+
+/* Smooth scrolling */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Add scroll padding to account for fixed header */
+html {
+    scroll-padding-top: 70px; /* Action bar height + some spacing */
+}
+
+/* Mobile responsive */
+@media (max-width: 768px) {
+    .navigation-menu {
+        width: 240px;
+    }
+
+    .menu-item {
+        padding: 0.75rem 1rem;
+        font-size: 0.9rem;
+    }
+}
+
+/* Hide menu overlay on print */
+@media print {
+    .navigation-menu {
+        display: none !important;
+    }
+
+    .hamburger-btn {
+        display: none !important;
+    }
+}