fix: renombrar imágenes a ASCII (sin acentos) para evitar 404

Bahía-aérea → maldonado-aerial
Datacenter-racks-enorme → datacenter-racks
Equipo-en-escritorio-con-mate → team-desk-mate
Manos-escribiendo-teclado-café → hands-typing-coffee
Monitor-closeup-grafana → monitor-grafana

src/components/DifferenceCards.astro

@@ -12,9 +12,9 @@ interface Props {
 const { t } = Astro.props;
 
 const items = [
-  { Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey, photo: '/images/photos/Manos-escribiendo-teclado-café_1200x800' },
+  { Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey, photo: '/images/photos/hands-typing-coffee-1200x800' },
   { Icon: SovereigntyIcon, titleKey: 'diff.sovereignty.title' as TranslationKey, bodyKey: 'diff.sovereignty.body' as TranslationKey, photo: null },
-  { Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey, photo: '/images/photos/Monitor-closeup-grafana-office_1920x1280' },
+  { Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey, photo: '/images/photos/monitor-grafana-1920x1280' },
 ];
 ---
 <section class="py-24 md:py-32" style="background: var(--hds-bg-soft);" id="por-que-elegirnos">

src/components/Hero.astro

@@ -23,9 +23,9 @@ const { t, whatsappUrl } = Astro.props;
   <!-- Background photo: Maldonado coastline (subtle) -->
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
     <picture>
-      <source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp 1920w, /images/photos/Bahía-aérea-atardecer-mar_750.webp 750w" sizes="100vw" />
+      <source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp 1920w, /images/photos/maldonado-aerial-750.webp 750w" sizes="100vw" />
       <img
-        src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg"
+        src="/images/photos/maldonado-aerial-1920x800.jpg"
         alt=""
         width="1920" height="800"
         class="w-full h-full object-cover"

src/components/ProcessSteps.astro

@@ -21,7 +21,7 @@ const steps = [
   <!-- Background photo: team working (very subtle, blurred) -->
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="opacity: 0.05; backdrop-filter: blur(4px);">
     <img
-      src="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp"
+      src="/images/photos/hands-typing-coffee-1200x800.webp"
       alt=""
       class="w-full h-full object-cover"
       loading="lazy"

src/pages/en/about.astro

@@ -71,38 +71,38 @@ const whatsappUrl = 'https://wa.me/59899812487';
       <div class="photo-bento reveal">
         <figure class="photo-bento-item photo-bento-lg">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.webp" />
+            <source type="image/webp" srcset="/images/photos/team-desk-mate-1920x1080.webp" />
-            <img src="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.jpg" alt="Team member working at desk with mate" width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/team-desk-mate-1920x1080.jpg" alt="Team member working at desk with mate" width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>Our desk, Maldonado</figcaption>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp" />
+            <source type="image/webp" srcset="/images/photos/hands-typing-coffee-1200x800.webp" />
-            <img src="/images/photos/Manos-escribiendo-teclado-café_1200x800.jpg" alt="Hands typing on keyboard with coffee" width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/hands-typing-coffee-1200x800.jpg" alt="Hands typing on keyboard with coffee" width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Monitor-closeup-grafana-office_1920x1280.webp" />
+            <source type="image/webp" srcset="/images/photos/monitor-grafana-1920x1280.webp" />
-            <img src="/images/photos/Monitor-closeup-grafana-office_1920x1280.jpg" alt="Monitoring dashboard closeup" width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/monitor-grafana-1920x1280.jpg" alt="Monitoring dashboard closeup" width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
         </figure>
 
         <figure class="photo-bento-item photo-bento-wide">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp" />
+            <source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp" />
-            <img src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg" alt="Maldonado coastline at sunset" width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/maldonado-aerial-1920x800.jpg" alt="Maldonado coastline at sunset" width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>Maldonado, Uruguay — our home</figcaption>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Datacenter-racks-enorme_1920x960.webp" />
+            <source type="image/webp" srcset="/images/photos/datacenter-racks-1920x960.webp" />
-            <img src="/images/photos/Datacenter-racks-enorme_1920x960.jpg" alt="Datacenter racks (provider infrastructure)" width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/datacenter-racks-1920x960.jpg" alt="Datacenter racks (provider infrastructure)" width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>Provider infrastructure (CA, USA, DE)</figcaption>
         </figure>

src/pages/nosotros.astro

@@ -71,38 +71,38 @@ const whatsappUrl = 'https://wa.me/59899812487';
       <div class="photo-bento reveal">
         <figure class="photo-bento-item photo-bento-lg">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.webp" />
+            <source type="image/webp" srcset="/images/photos/team-desk-mate-1920x1080.webp" />
-            <img src="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.jpg" alt={lang === 'en' ? 'Team member working at desk with mate' : 'Equipo trabajando en el escritorio con mate'} width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/team-desk-mate-1920x1080.jpg" alt={lang === 'en' ? 'Team member working at desk with mate' : 'Equipo trabajando en el escritorio con mate'} width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>{lang === 'en' ? 'Our desk, Maldonado' : 'Nuestro escritorio, Maldonado'}</figcaption>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp" />
+            <source type="image/webp" srcset="/images/photos/hands-typing-coffee-1200x800.webp" />
-            <img src="/images/photos/Manos-escribiendo-teclado-café_1200x800.jpg" alt={lang === 'en' ? 'Hands typing on keyboard with coffee' : 'Manos escribiendo en teclado con café'} width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/hands-typing-coffee-1200x800.jpg" alt={lang === 'en' ? 'Hands typing on keyboard with coffee' : 'Manos escribiendo en teclado con café'} width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Monitor-closeup-grafana-office_1920x1280.webp" />
+            <source type="image/webp" srcset="/images/photos/monitor-grafana-1920x1280.webp" />
-            <img src="/images/photos/Monitor-closeup-grafana-office_1920x1280.jpg" alt={lang === 'en' ? 'Monitoring dashboard closeup' : 'Dashboard de monitoreo'} width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/monitor-grafana-1920x1280.jpg" alt={lang === 'en' ? 'Monitoring dashboard closeup' : 'Dashboard de monitoreo'} width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
         </figure>
 
         <figure class="photo-bento-item photo-bento-wide">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp" />
+            <source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp" />
-            <img src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg" alt={lang === 'en' ? 'Maldonado coastline at sunset' : 'Bahía de Maldonado al atardecer'} width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/maldonado-aerial-1920x800.jpg" alt={lang === 'en' ? 'Maldonado coastline at sunset' : 'Bahía de Maldonado al atardecer'} width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>{lang === 'en' ? 'Maldonado, Uruguay — our home' : 'Maldonado, Uruguay — nuestra casa'}</figcaption>
         </figure>
 
         <figure class="photo-bento-item">
           <picture>
-            <source type="image/webp" srcset="/images/photos/Datacenter-racks-enorme_1920x960.webp" />
+            <source type="image/webp" srcset="/images/photos/datacenter-racks-1920x960.webp" />
-            <img src="/images/photos/Datacenter-racks-enorme_1920x960.jpg" alt={lang === 'en' ? 'Datacenter racks (provider infrastructure)' : 'Racks de datacenter (infraestructura de proveedores)'} width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
+            <img src="/images/photos/datacenter-racks-1920x960.jpg" alt={lang === 'en' ? 'Datacenter racks (provider infrastructure)' : 'Racks de datacenter (infraestructura de proveedores)'} width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
           </picture>
           <figcaption>{lang === 'en' ? 'Provider infrastructure (CA, USA, DE)' : 'Infraestructura de proveedores (CA, USA, DE)'}</figcaption>
         </figure>