feat: comprehensive UI redesign and content updates

- Updated action bar with transparent buttons (colored on hover only)
- Repositioned language selector after CV title for better flow
- Simplified toggle labels (removed parentheses values)
- Changed button styling: transparent by default, green/gray on hover
- Updated name format to "Moreno Rubio, Juan Andrés" with right alignment
- Added LIVGolf experience (Apr 2024-present) with detailed responsibilities
- Updated profile photo to dni.jpeg
- Refined summary text focusing on consultant/analyst/developer roles
- Added award logos (clicplan.png, drolosoft.png, teseo.png)
- Implemented smooth logo animations (fade/scale transitions)
- Adjusted toggle dimensions (80px wide, 30px tall) with smaller icons (16x16)
- Added breathing room to title and icon with proper padding
- Removed italic styling from name per user preference

static/css/logo-toggle.css

@@ -67,6 +67,8 @@
     white-space: nowrap;
     display: flex;
     align-items: center;
+    justify-content: center;
+    height: 28px;
 }
 
 /* Flag icons - special styling */
@@ -115,6 +117,7 @@
     display: flex;
     gap: 1.2rem;
     position: relative;
+    transition: gap 0.3s ease-in-out;
 }
 
 .experience-item:last-child {
@@ -122,23 +125,29 @@
     padding-bottom: 0;
 }
 
+/* Adjust gap when logos are hidden */
+.cv-paper:not(.show-logos) .experience-item {
+    gap: 0;
+}
+
 .company-logo {
     display: block;
     flex-shrink: 0;
 }
 
 .company-logo img {
-    width: 64px;
-    height: 64px;
+    width: 80px;
+    height: 80px;
     object-fit: contain;
     border-radius: 4px;
     border: 1px solid #ddd;
     background: white;
+    padding: 10px;
 }
 
 .default-company-icon {
-    width: 64px;
-    height: 64px;
+    width: 80px;
+    height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -146,7 +155,7 @@
     border: 1px solid #ddd;
     background: #f5f5f5;
     color: #999;
-    padding: 8px;
+    padding: 10px;
 }
 
 .experience-content {
@@ -154,14 +163,37 @@
     min-width: 0; /* Prevents flex item from overflowing */
 }
 
-/* Hide logos when toggle is OFF */
-.cv-paper:not(.show-logos) .company-logo {
-    display: none;
+/* Animate logos with fade and scale */
+.company-logo,
+.award-logo {
+    overflow: hidden;
+    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out;
+    opacity: 1;
+    transform: scale(1);
+    width: auto;
+    height: auto;
 }
 
-/* Show logos when toggle is ON (default) */
-.show-logos .company-logo {
-    display: block;
+/* Hide logos when toggle is OFF - with animation */
+.cv-paper:not(.show-logos) .company-logo,
+.cv-paper:not(.show-logos) .award-logo {
+    opacity: 0;
+    transform: scale(0.8);
+    width: 0;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    pointer-events: none;
+    overflow: hidden;
+}
+
+/* Show logos when toggle is ON (default) - with animation */
+.show-logos .company-logo,
+.show-logos .award-logo {
+    opacity: 1;
+    transform: scale(1);
+    width: auto;
+    height: auto;
 }
 
 /* Hide logos in print by default */