Add photo, company logos, and short/long CV toggle

Features:
- Profile photo display (right side, inline with header)
- Company logos for all major employers (8 logos downloaded)
- Short/Long CV toggle for condensed/detailed view
- Short descriptions (1-2 lines) for quick overview
- Experience separators with border lines

Photo Implementation:
- Circular photo (120px) on right side of header
- Placeholder SVG if photo not uploaded
- Instructions in ADDING-YOUR-PHOTO.md
- Photo stored in static/images/profile/

Company Logos:
- Olympic Broadcasting Services, AENA, SAP, Gigya
- Accenture, Everis, Indra, Megabanner
- 40px logos displayed inline with experience
- Auto-hide if logo missing
- Mobile: logos hidden for cleaner layout

Short/Long Toggle:
- Toggle buttons in action bar (Corto/Largo)
- Short mode: shows shortDescription only
- Long mode: shows full responsibilities + technologies
- CSS-based show/hide (no page reload)
- Defaults to short view

Layout Updates:
- Header: text left, photo right, inline alignment
- Experience items: separated by border lines
- Responsive: photo centers on mobile
- Print-optimized: smaller photo in PDF

Data Updates:
- Added shortDescription field to Experience struct
- 13 short descriptions for all positions (EN/ES)
- Added companyLogo field with filename mapping
- JSON updated with all new fields

Tech:
- Pure CSS toggle (no HTMX needed)
- Vanilla JavaScript for button states
- Maintains bilingual support (ES/EN)

templates/cv-content.html

@@ -1,15 +1,22 @@
 <!-- CV Content Template - Minimal Design -->
 <div class="cv-header">
-    <div class="cv-header-main">
-        <h1 class="cv-name">{{.CV.Personal.Name}}</h1>
-        <h2 class="cv-title">{{.CV.Personal.Title}}</h2>
+    <div class="cv-header-left">
+        <div class="cv-header-main">
+            <h1 class="cv-name">{{.CV.Personal.Name}}</h1>
+            <h2 class="cv-title">{{.CV.Personal.Title}}</h2>
+        </div>
+        <div class="cv-contact">
+            <div class="contact-item">{{.CV.Personal.Location}}</div>
+            <div class="contact-item"><a href="mailto:{{.CV.Personal.Email}}">{{.CV.Personal.Email}}</a></div>
+            <div class="contact-item">{{.CV.Personal.Phone}}</div>
+            <div class="contact-item"><a href="{{.CV.Personal.LinkedIn}}" target="_blank">LinkedIn</a></div>
+            <div class="contact-item"><a href="{{.CV.Personal.GitHub}}" target="_blank">GitHub</a></div>
+        </div>
     </div>
-    <div class="cv-contact">
-        <div class="contact-item">{{.CV.Personal.Location}}</div>
-        <div class="contact-item"><a href="mailto:{{.CV.Personal.Email}}">{{.CV.Personal.Email}}</a></div>
-        <div class="contact-item">{{.CV.Personal.Phone}}</div>
-        <div class="contact-item"><a href="{{.CV.Personal.LinkedIn}}" target="_blank">LinkedIn</a></div>
-        <div class="contact-item"><a href="{{.CV.Personal.GitHub}}" target="_blank">GitHub</a></div>
+    <div class="cv-header-right">
+        <div class="cv-photo">
+            <img src="/static/images/profile/photo.jpg" alt="{{.CV.Personal.Name}}" onerror="this.src='/static/images/profile/placeholder.svg'">
+        </div>
     </div>
 </div>
 
@@ -26,6 +33,11 @@
     {{range .CV.Experience}}
     <div class="experience-item">
         <div class="experience-header">
+            {{if .CompanyLogo}}
+            <div class="company-logo">
+                <img src="/static/images/companies/{{.CompanyLogo}}" alt="{{.Company}}" onerror="this.style.display='none'">
+            </div>
+            {{end}}
             <div class="experience-title">
                 <h4 class="position">{{.Position}}</h4>
                 <div class="company">{{.Company}}, {{.Location}}</div>
@@ -35,14 +47,18 @@
             </div>
         </div>
 
-        <ul class="responsibilities">
+        {{if .ShortDescription}}
+        <p class="short-desc">{{.ShortDescription}}</p>
+        {{end}}
+
+        <ul class="responsibilities long-only">
             {{range .Responsibilities}}
             <li>{{.}}</li>
             {{end}}
         </ul>
 
         {{if .Technologies}}
-        <div class="technologies">
+        <div class="technologies long-only">
             {{range $index, $tech := .Technologies}}{{if $index}}, {{end}}{{$tech}}{{end}}
         </div>
         {{end}}

templates/index.html

@@ -42,6 +42,19 @@
                 </button>
             </div>
 
+            <div class="cv-length-toggle">
+                <button
+                    class="length-btn active"
+                    onclick="toggleCVLength('short')">
+                    {{if eq .Lang "es"}}Corto{{else}}Short{{end}}
+                </button>
+                <button
+                    class="length-btn"
+                    onclick="toggleCVLength('long')">
+                    {{if eq .Lang "es"}}Largo{{else}}Long{{end}}
+                </button>
+            </div>
+
             <div class="export-actions">
                 <button
                     class="export-btn"
@@ -68,5 +81,30 @@
         <p>© {{.CV.Meta.LastUpdated}} {{.CV.Personal.Name}} |
         {{if eq .Lang "es"}}Última actualización{{else}}Last updated{{end}}: {{.CV.Meta.LastUpdated}}</p>
     </footer>
+
+    <script>
+        function toggleCVLength(length) {
+            // Update button states
+            document.querySelectorAll('.length-btn').forEach(btn => {
+                btn.classList.remove('active');
+            });
+            event.target.classList.add('active');
+
+            // Toggle visibility
+            const paper = document.querySelector('.cv-paper');
+            if (length === 'short') {
+                paper.classList.add('cv-short');
+                paper.classList.remove('cv-long');
+            } else {
+                paper.classList.add('cv-long');
+                paper.classList.remove('cv-short');
+            }
+        }
+
+        // Initialize with short version
+        document.addEventListener('DOMContentLoaded', function() {
+            document.querySelector('.cv-paper').classList.add('cv-short');
+        });
+    </script>
 </body>
 </html>