AJUSTES PUNTUALES FINALES — IMÁGENES DE HOME Y SELECTOR DE IDIOMA

Voy a adjuntar cuatro imágenes nuevas.

Necesito únicamente dos cambios:

1. Sustituir las imágenes actuales de Home por las cuatro imágenes adjuntas.

2. Auditar y corregir el selector ES | EN en toda la web, especialmente en las páginas individuales de servicios.

No realices ningún otro cambio.

No publiques al terminar.

━━━━━━━━━━━━━━━━━━━━━━

CONTEXTO DEL PROYECTO

━━━━━━━━━━━━━━━━━━━━━━

La web tiene una versión completa en español y otra en inglés.

La arquitectura bilingüe ya existe y debe conservarse. No utilices Localization y no reconstruyas las páginas.

Las páginas individuales españolas de servicios utilizan la estructura actual del proyecto y sus equivalentes ingleses ya existen como páginas independientes.

El selector ES | EN debe llevar siempre a la versión equivalente de la página concreta en la que se encuentra el usuario.

No debe enviar al usuario al índice general de servicios cuando existe una página equivalente específica.

━━━━━━━━━━━━━━━━━━━━━━

1. SUSTITUIR LAS IMÁGENES DEL HOME

━━━━━━━━━━━━━━━━━━━━━━

Utiliza exclusivamente las cuatro imágenes adjuntas para sustituir las imágenes que aparecen actualmente en Home.

Aplica este cambio únicamente en:

- Home español: /

- Home inglés: /en

No sustituyas imágenes en:

- Manifiesto;

- Servicios;

- detalles individuales de servicios;

- Trayectoria;

- Contacto;

- ninguna otra página.

Las cuatro imágenes adjuntas se identifican por su contenido:

1. Recepción oscura con mostrador negro, lámpara cálida y planta.

2. Corredor oscuro con arcos sucesivos iluminados.

3. Patio oscuro con agua reflectante y árbol.

4. Recepción de mármol negro con lámpara y pasillo al fondo.

Utiliza las cuatro.

La imagen de la recepción con la lámpara y la planta debe ser la primera imagen visible o la primera posición de la secuencia actual del Home.

Orden recomendado:

1. Recepción con lámpara y planta.

2. Corredor con arcos.

3. Patio con agua y árbol.

4. Recepción de mármol negro.

Si el Home utiliza carrusel, slideshow o secuencia animada, conserva exactamente su funcionamiento actual y sustituye únicamente los archivos de imagen.

No construyas una cuadrícula ni muestres las cuatro imágenes simultáneamente.

No cambies:

- los textos del Home;

- el titular;

- el párrafo;

- los botones;

- sus enlaces;

- la estructura del hero;

- la duración de las animaciones, salvo que sea estrictamente necesario para evitar un error visual;

- el resto de las secciones.

━━━━━━━━━━━━━━━━━━━━━━

2. INTEGRACIÓN VISUAL DE LAS IMÁGENES

━━━━━━━━━━━━━━━━━━━━━━

Quiero que las imágenes se integren sobre la base negra de la página de una manera fluida, elegante y sofisticada.

El resultado debe acercarse a una estética de hospitalidad boutique oscura, arquitectónica y editorial.

Configura las imágenes para que:

- ocupen correctamente su contenedor;

- no se deformen;

- no se estiren;

- no pierdan sus proporciones;

- no tengan bordes blancos;

- no generen espacios claros alrededor;

- no produzcan saltos de tamaño al cambiar;

- no aparezcan pixeladas;

- no muestren flashes blancos mientras cargan.

Utiliza:

- object-fit: cover;

- un object-position específico cuando sea necesario;

- fondo negro detrás de cada imagen;

- transiciones suaves si ya existe una secuencia;

- un overlay negro sutil únicamente cuando sea necesario para mantener la legibilidad del texto.

El overlay no debe oscurecer tanto las fotografías que se pierdan la arquitectura, la iluminación cálida o las texturas.

Como referencia, utiliza una capa negra moderada, aproximadamente entre 15 % y 35 %, ajustada visualmente según cada imagen.

No añadas:

- filtros de color fuertes;

- tonos azules;

- degradados evidentes;

- marcos;

- bordes;

- sombras decorativas;

- efectos llamativos;

- zoom excesivo.

La transición entre el fondo negro de la página y las imágenes debe sentirse natural. No debe parecer que las fotografías están pegadas encima de la web como rectángulos independientes.

━━━━━━━━━━━━━━━━━━━━━━

3. COMPORTAMIENTO RESPONSIVE DE LAS IMÁGENES

━━━━━━━━━━━━━━━━━━━━━━

Comprueba las imágenes del Home por separado en:

- desktop grande: aproximadamente 1440 px;

- portátil: aproximadamente 1280 px;

- tablet horizontal: aproximadamente 1024 px;

- tablet vertical: aproximadamente 768–834 px;

- móvil grande: aproximadamente 430 px;

- móvil estándar: aproximadamente 390 px;

- móvil pequeño: aproximadamente 375 px.

Ajusta object-position de manera independiente por breakpoint cuando sea necesario.

En móvil:

- conserva el elemento arquitectónico principal de cada imagen;

- evita recortar completamente la lámpara, el arco, el árbol o la recepción;

- asegúrate de que el texto continúe siendo legible;

- no reduzcas la altura del hero de manera que la imagen pierda presencia;

- no generes scroll horizontal;

- no dejes espacios negros accidentales entre el header y la imagen.

No cambies el contenido ni la composición general del Home para acomodar las imágenes. Ajusta únicamente el tratamiento de las fotografías.

━━━━━━━━━━━━━━━━━━━━━━

4. AUDITORÍA COMPLETA DEL SELECTOR ES | EN

━━━━━━━━━━━━━━━━━━━━━━

He detectado un error concreto:

Dentro de una página individual de servicio en español —por ejemplo, Operación—, al pulsar EN no se abre correctamente la página inglesa equivalente.

El cambio de idioma sí parece funcionar en la página general de Servicios, pero no necesariamente dentro de cada servicio concreto.

Necesito una auditoría completa del selector ES | EN en toda la web.

El principio obligatorio es:

Desde cualquier página en español, pulsar EN debe abrir la versión inglesa equivalente de esa misma página.

Desde cualquier página en inglés, pulsar ES debe abrir la versión española equivalente de esa misma página.

No debe llevar simplemente al Home ni al índice general, salvo cuando el usuario ya se encuentre en esas páginas.

━━━━━━━━━━━━━━━━━━━━━━

5. EQUIVALENCIAS QUE DEBEN COMPROBARSE

━━━━━━━━━━━━━━━━━━━━━━

Comprueba como mínimo estas equivalencias:

- / ↔ /en

- /manifiesto ↔ /en/manifesto

- /servicios ↔ /en/services

- /trayectoria ↔ /en/track-record

- /contacto ↔ /en/contact

Comprueba además las seis páginas individuales españolas de servicios y sus seis equivalentes inglesas.

Cada servicio debe enlazar al mismo servicio en el otro idioma.

Ejemplo del comportamiento correcto:

- servicio Operación en español → página de Operation en inglés;

- página de Operation en inglés → servicio Operación en español.

Aplica la misma lógica a los seis servicios.

No aceptes como solución:

- enviar todos los servicios a /en/services;

- enviar todos los servicios ingleses a /servicios;

- enviar al Home;

- conservar enlaces vacíos;

- utilizar una ruta aproximada que no corresponda al servicio concreto.

━━━━━━━━━━━━━━━━━━━━━━

6. REVISAR TODAS LAS INSTANCIAS DEL SELECTOR

━━━━━━━━━━━━━━━━━━━━━━

El selector puede existir en diferentes componentes o variantes.

Revisa:

- header desktop español;

- header desktop inglés;

- header tablet español;

- header tablet inglés;

- menú móvil español;

- menú móvil inglés;

- headers de páginas principales;

- headers de páginas individuales de servicios;

- posibles componentes compartidos;

- posibles instancias independientes;

- estado cerrado y abierto del menú móvil.

Comprueba que ES y EN sean visibles, clicables y funcionales.

En móvil, prueba el cambio de idioma desde el menú abierto y confirma que:

- el enlace responde;

- abre la página correcta;

- el menú no bloquea el clic;

- no hay capas transparentes encima;

- no hay elementos fuera del área clicable;

- no queda el usuario en la misma página por error.

━━━━━━━━━━━━━━━━━━━━━━

7. PRESERVAR LA ARQUITECTURA ACTUAL

━━━━━━━━━━━━━━━━━━━━━━

No utilices Localization.

No crees redirecciones automáticas por navegador.

No detectes el idioma automáticamente.

No crees nuevas páginas si los equivalentes ya existen.

No cambies:

- rutas;

- slugs;

- estructura bilingüe;

- colecciones CMS;

- contenido CMS;

- textos;

- traducciones;

- formularios;

- botones;

- navegación;

- favicon;

- logo;

- imágenes fuera del Home.

El proyecto debe conservar exactamente sus colecciones CMS actuales.

Utiliza las páginas y relaciones que ya existen.

Si el proyecto ya tiene un campo, enlace o mecanismo para relacionar cada servicio español con su equivalente inglés, corrígelo y úsalo correctamente. No crees una colección nueva.

━━━━━━━━━━━━━━━━━━━━━━

8. PRUEBAS OBLIGATORIAS

━━━━━━━━━━━━━━━━━━━━━━

Prueba manualmente el selector en Preview.

No compruebes solamente que el enlace tenga una URL asignada. Haz clic realmente en ES y EN y verifica la página de destino.

Realiza pruebas en:

- desktop;

- tablet;

- móvil.

Y en ambas direcciones:

- español → inglés;

- inglés → español.

Prueba como mínimo:

1. Home.

2. Manifiesto.

3. Servicios general.

4. Cada uno de los seis servicios individuales.

5. Trayectoria.

6. Contacto.

En cada página confirma:

- que el idioma cambia;

- que se conserva la página o servicio equivalente;

- que el contenido completo aparece en el idioma seleccionado;

- que no se abre una página incorrecta;

- que no aparece un error 404;

- que el selector permanece funcional después del cambio.

━━━━━━━━━━━━━━━━━━━━━━

9. NO MODIFICAR NADA MÁS

━━━━━━━━━━━━━━━━━━━━━━

No modifiques:

- el logo;

- el wordmark;

- el favicon;

- los textos;

- el Manifiesto;

- la página de Trayectoria;

- los servicios;

- el diseño de las tarjetas;

- los formularios;

- el footer;

- los botones;

- las rutas;

- los slugs;

- las colecciones CMS;

- las animaciones existentes, salvo la integración imprescindible de las nuevas imágenes;

- imágenes fuera de Home;

- ningún otro elemento visual.

No realices mejoras adicionales aunque consideres que podrían quedar bien.

No publiques.

━━━━━━━━━━━━━━━━━━━━━━

10. CONFIRMACIÓN FINAL

━━━━━━━━━━━━━━━━━━━━━━

Antes de terminar, confirma expresamente:

1. Las cuatro imágenes adjuntas sustituyeron a las imágenes anteriores únicamente en los Homes español e inglés.

2. La recepción con lámpara quedó como primera imagen.

3. Las imágenes se integran suavemente sobre el fondo negro.

4. No existen bordes blancos, deformaciones ni flashes claros.

5. Se comprobaron las imágenes en desktop, tablet y móvil.

6. El selector ES | EN funciona en todas las páginas principales.

7. El selector funciona en los seis servicios individuales.

8. Cada servicio español abre su equivalente inglés exacto.

9. Cada servicio inglés abre su equivalente español exacto.

10. Se probaron ambos sentidos del cambio de idioma.

11. Se comprobó el menú móvil abierto y cerrado.

12. No se modificó ningún contenido, ruta, logo, favicon, CMS ni página no solicitada.

13. No se utilizó Localization.

14. No se publicaron los cambios.