whatsincabo.com · partners-deck

Auditoría del lanzamiento: Home real vs Home Preview

21 de agosto de 2026. Lo que pediste hoy, lo que encontré antes de lanzar al equipo, lo que el equipo de 15 agentes confirmó, lo que ya quedó corregido y lo que necesita tu decisión. Todo con medidas reales del sitio y capturas de PC, tablet y teléfono.

5/5encargos de hoy hechos

80hallazgos · 77 confirmados, 3 refutados

27defectos corregidos hoy en vivo

12decisiones que son tuyas

1 · Tus cinco encargos de hoy
2 · Lo grave que encontré antes de la auditoría
3 · Cómo trabajó el equipo
4 · Lo que quedó corregido hoy
5 · Lo que necesita tu decisión
6 · Pendientes técnicos (no necesitan decisión, sí tiempo)
7 · Capturas de cierre: Home vs Preview
8 · Respaldos y reversibilidad

1 · Tus cinco encargos de hoy

HechoLos logos iguales a los del preview. Los nueve logos eran los mismos archivos y en el mismo orden; lo que cambiaba era la caja: en el home la franja estaba encajonada a 1.140 px (sección «boxed» de Elementor) y en el preview va a todo lo ancho con la textura de cardones hasta las orillas. Ya está a todo lo ancho en el home, idéntica en PC (370 px de alto en ambas) y en teléfono (504 px).

Antes (home, encajonada)

Después (home, a todo lo ancho, 10 logos)

Hecho«Moon» es Moonline Cabo, no Spa Moonlight. Retiré el logo de Spa Moonlight (identificación equivocada mía) y puse el de Moonline Cabo (transporte privado de lujo, moonlinecabo.com). Su logo oficial es blanco sobre transparente: lo convertí a oscuro para que entre en la franja gris como los demás.

HechoAirport Cabo Limo agregado. Logo oficial de airportcabolimo.com (el de 998 px, no el chico del header), con el fondo crema quitado para que no se vea un cuadro sobre la franja. Con 10 logos la rejilla pasó de 3×3 a 5×2 en PC y 2×5 en teléfono: ninguna fila queda coja.

Teléfono: dos columnas, cinco filas. Los logos cuadrados (Fiore, Cactus, Moonline) van un poco más altos porque a 40 px su texto no se leía.

HechoLa cinta de arcos (El Arco · Chileno Bay · Golf · Sailing · Sunsets) ya está en el home. Entró como widget de Elementor (regla de tu socio: tu equipo la ve y la puede mover desde el panel), entre «What do you want to do?» y «Tonight's table», exactamente donde vive en el preview. Misma altura (278 px en PC, 228 en teléfono), mismas fotos, mismo comportamiento al pasar el cursor.

HechoAuditoría con equipo experto — siete auditores independientes, un verificador escéptico por cada uno y un editor que unificó la lista. Detalle en las secciones 3 a 6.

Pregunta«…hay que agregar el logo de…» — en tu mensaje el dictado se cortó justo ahí. Entendí que te referías a Airport Cabo Limo (que sí mencionas después). Si era otra empresa además, dime cuál y la agrego.

2 · Lo grave que encontré antes de la auditoría

Error mío, ya corregidoEl video del hero estaba aplastado a 104 px en las DOS páginas. El diseño aprobado («hero VLC-puro») lleva el video a 80 % de la pantalla en PC. Al lanzar, puse una regla para «igualar alturas» que en realidad anuló la regla aprobada —que vivía en otro archivo, atada solo al preview— y el Arco quedó reducido a una franja de 15 px debajo del encabezado. Esto es casi seguro parte del «montón de errores» que viste. Hoy el video vuelve a 760 px de alto en PC (80 vh) en home y preview, y en teléfono a la proporción 4:3 de siempre.

Antes (así amaneció hoy)

Después

CorregidoTodo el home estaba corrido 20 px hacia arriba. Un plugin antiguo (wic-top-gap-fix) compensa un «hueco fantasma» bajo el H1 oculto de la portada que ya no existe; el preview no lo tiene, así que cada sección del home empezaba 20 px antes. Neutralizado solo en la portada; el plugin sigue intacto para lo demás.

3 · Cómo trabajó el equipo

Siete auditores, cada uno ciego a los demás: paridad PC (DOM sección por sección a 1512, 1366 y 1024), paridad móvil (390, 430, 360), visual PC (captura por sección y comparación pixel a pixel), visual móvil, funcional (110 enlaces probados, carruseles, video, formularios, pestañas), SEO y técnico (H1, schema, LCP, CLS, peso, cachés, accesibilidad) y un adversario cuyo único objetivo era refutar la frase «el home es idéntico al preview» (grep del servidor, anchos intermedios, sin JavaScript, red lenta, tres cargas seguidas). Cada hallazgo pasó por un verificador escéptico que lo reprodujo por su cuenta y, ante duda, lo refutaba. Resultado: 80 hallazgos, 77 confirmados, 3 refutados (el hero «sin mensaje» es diseño aprobado; dos medidas eran iguales en todos los carruseles). 2,67 millones de tokens, 785 operaciones, 234 capturas.

4 · Lo que quedó corregido hoy

Todo lo de esta lista ya está en vivo y se re-midió después con Playwright en PC (1512), tablet (1024) y teléfono (390 y 360), en home y preview.

Diferencias reales home ≠ preview (las que rompían «idéntico»)

Qué	Dónde	Estado
Pestañas del buscador en teléfono: texto de Hotels, Tours… blanco sobre crema (contraste 1:1, invisibles) por un bloque viejo del tema para la portada	Teléfono	Corregido el bloque viejo queda excluido de la portada lujo; ahora hereda exactamente la cascada del preview
Textos de «Why plan your Cabo trip with us?» sin sincronizar: «CORE INTEGRITY GUARANTEE» vs «Our Standard», negrita de «within 2 hours», párrafo 04 distinto	PC y teléfono	Corregido copiados exactamente del preview
Hero de 104 px y corrimiento de 20 px (sección 2)	PC	Corregido
Franja de socios encajonada; cinta ausente (sección 1)	PC y teléfono	Corregido
Fotos de tarjeta que entran en blanco al deslizar (solo home: carga diferida que no veía las tarjetas de la derecha); con red lenta, sin foto durante 45 s	PC y teléfono	Corregido al asomar una tarjeta se cargan todas las de su carril (12 máx.); verificado 12/12 en todos los carriles
«See all tours» pasaba por una redirección 301	PC y teléfono	Corregido responde 200 directo
Carruseles con 12 tarjetas en el home y 50 en el preview · destinos distintos de «See all…»	Ambos	Tu decisión (sección 5)

Antes: pestañas invisibles (home, izquierda) vs preview

Después: home en teléfono

Defectos presentes en las dos páginas, corregidos en las dos

Qué	Dónde
La flecha del botón «All 59 beaches / View all guides / Yacht rentals» era teal sobre las bandas oscuras: casi invisible. Ahora hereda el color crema del texto.	PC
La flecha «prev» del carrusel de pestañas se pintaba encima del icono de Beaches; en ≥1200 px caben las siete pestañas, así que ya no hay flechas; en tablet hay margen para que no pisen; en teléfono se ocultan (la fila se desliza con el dedo).	PC, tablet, teléfono
La pestaña activa se volvía blanca (ilegible) al pasar el cursor después de hacer clic.	PC
Entre 768 y 1239 px las secciones de tarjetas quedaban pegadas al borde izquierdo, sin margen.	Tablet
La lupa del encabezado se cortaba a 390 px y desaparecía a 360 px (el bloque izquierdo no encogía). Ahora queda completa a 390 y a 360.	Teléfono
«What do you want to do?»: la tarjeta Golf quedaba sola con media fila vacía; ahora va a todo lo ancho, simétrica con Hotels arriba.	Teléfono
«Tonight's table»: las tarjetas sin reseña subían el título 29 px respecto a sus vecinas. Alineadas.	PC
Newsletter «Know Cabo like a local»: la etiqueta «Email» salía gris de Elementor y pisaba 4 px el borde del campo.	PC y teléfono
En iPhone la página hacía zoom sola al tocar un campo (letra menor de 16 px): buscador y newsletters.	Teléfono
La franja de socios «saltaba» mientras cargaban los logos (celdas de 1 px hasta que llegaba cada uno). Filas de alto fijo.	Ambos
Banda vacía de ~106 px entre los logos y la regla del pie de página.	PC
Sin JavaScript la banda de cifras (250+ / 8 / 12,000+ / 1) quedaba invisible.	Ambos
La portada no tenía imagen para compartir (og:image): ahora sale el Arco del hero al compartir en WhatsApp/Facebook.	Home
El logo se precargaba dos veces compitiendo con la imagen principal; la fecha de modificación de la portada seguía en junio (sitemap); el logo de Carbón Cabrón era un WebP con nombre .png.	Home

Títulos alineados aunque la tarjeta no tenga reseña.

Flecha crema visible en la banda de playas.

Teléfono: lupa completa, pestañas legibles.

5 · Lo que necesita tu decisión

Ordenado por peso. En cada una te digo lo que yo haría; basta con que contestes el número y la letra.

1 · ¿Cuántas tarjetas lleva cada carrusel: 12 (home de hoy) o 50 / 50 / 35 / 16 (preview que aprobaste)?

Es la mayor diferencia real que queda entre home y preview. El tema topa la portada a 12 «para mantenerla ligera»: el preview descarga 21 MB de fotos al cargar y el home 6 MB. Las 12 primeras son idénticas en las dos páginas; con la carga por carril ya corregida, subir el tope ya no deja tarjetas en blanco.

Mi recomendación: un punto medio de 20–24 por carrusel, aplicado a las dos páginas para que el preview siga siendo referencia fiel. (a) quitar el tope · (b) dejar 12 y topar también el preview · (c) 20–24.

2 · ¿A dónde llevan los siete botones «See all…»?

Un plugin de la portada los manda al directorio filtrado (/explore/?type=restaurantes…); el preview los manda a /explore/ genérico y, en restaurantes, a la guía «Best restaurants in Cabo». Ninguna de las dos versiones manda clics a los hubs que queremos posicionar (/restaurants/, /beaches/).

Mi recomendación: (b) hubs editoriales donde existan (restaurantes, playas, guías) y directorio filtrado donde no (hoteles, tours, yates, transporte, eventos); igual en las dos páginas. (a) directorio filtrado en todo · (c) dejar la diferencia.

3 · ¿Deben salir eventos ya pasados en «What's on in Cabo»?

Al final del carrusel aparecen tres eventos terminados hace 3–7 semanas (Festival of Flavors 2–5 jul, Mifel Open 25 jul–1 ago, Bisbee's East Cape 28 jul–1 ago). Hoy rellenan hasta 12 tarjetas.

Mi recomendación: (a) ocultarlos aunque queden menos de 12, más una purga diaria de la portada para que el filtro no se congele en caché. (b) dejarlos con etiqueta «Past event» · (c) rellenar con eventos recurrentes sin fecha.

4 · El newsletter del pie de página (lo dejaste «por lo pronto»).

Es la única diferencia estructural que queda: visible en el home, oculto en el preview. En teléfono hace el home 217 px más largo y duplica el campo de correo (dos formularios con el mismo id). Cuando decidas, lo quito o lo dejo en las dos.

Mi recomendación: quitarlo del pie (el de «Know Cabo like a local» ya cumple) — pero es tu llamada.

5 · Pesos de los logos de socios.

Con la caja común, Elevate Yachts (logo muy apaisado) queda en 12 px de alto y VIVO domina. Hoy subí un poco los logos cuadrados (Fiore, Cactus, Moonline). Confirma en tu teléfono si te convence o prefieres que ajuste uno por uno (Elevate más ancho, VIVO más chico).

Mi recomendación: ajuste fino uno por uno; es media hora y la franja gana mucho.

6 · Muro de Instagram «#LosCabosSíoSí».

Sus seis fotos son exactamente las seis de «Where are you headed?» que aparecen más arriba en la misma página, y las columnas terminan a alturas distintas (227 px en PC, 95 en teléfono).

Mi recomendación: (a) seis fotos reales nuevas (de Instagram o de fichas) de proporción compatible y rejilla pareja. Necesito que me digas de dónde salen las fotos.

7 · El video del mapa trae un chip horneado debajo del chip «LIVE MAP».

Se ven restos del chip viejo por los dos lados y el botón tapa nombres del mapa. Hay que regrabar el video sin chip (o mover el overlay).

Mi recomendación: regrabar (ya tengo la tubería de grabación); ~1 hora.

8 · Tarjetas de tours: ¿con gancho como las demás o compactas?

Tienen el título más pequeño de la página (11 px) y 39–54 px vacíos hasta el precio; no hay descripción porque los tours no la tienen. Ligado a que solo hay 5 tours publicados (+10 en borrador).

Mi recomendación: (b) compactar ya y subir el título a 14–15 px; (a) añadir gancho cuando publiques los 10 tours.

9 · Detalles de estilo que tú defines.

El emoji 🔥 en «Most Popular Directory» (único glifo de color; en algunos equipos sale como cuadro). Rec: quitarlo o cambiarlo por un trazo dorado.
Diez enlaces de pie de sección con tres fórmulas («View all», «See all», «All 59 beaches», «Yacht rentals»). Rec: «See all X» en las diez.
Dos azules distintos para los H2 y cinco colores de «eyebrow»; la estrella de las reseñas es naranja Material, no el dorado de marca. Rec: unificar H2 a navy y estrella a dorado.
Las olas del fondo de «Know Cabo like a local» se leen como franjas planas. Rec: más amplitud de ola, o degradado continuo.
La imagen de los teléfonos del Passport está cortada por abajo dentro del propio archivo (sombra truncada). Rec: re-exportarla con margen.

10 · Teléfono: tres ajustes de comportamiento.

El carrusel de guías no asoma la siguiente tarjeta (parece una sola). Rec: tarjeta al 86 % para que asome.
Las tarjetas apiladas de Hotels y Transport tienen alturas distintas (hasta 42 px). Rec: recortar descripción a 3 líneas y título a 2.
En tablet, dos pestañas del buscador quedan fuera y solo lo avisa una flecha de 15 px. Rec: quitar flechas y poner un desvanecido en los bordes.

11 · El corazón «guardar» de las tarjetas saca al visitante del home a /my-account/ sin aviso.

Es el comportamiento del tema cuando no hay ventana de inicio de sesión; además esa página lanza un error de JavaScript.

Mi recomendación: (b) ocultar el corazón a visitantes sin sesión mientras no haya un sistema de favoritos que quieras promover. (a) activar la ventana de login · (c) dejarlo.

12 · Confirmaciones pendientes con Isrrael.

Cactus Tours y VIVO Luxury Services siguen sin confirmar (nombres ambiguos en el chat). Ya son públicos en la portada.

6 · Pendientes técnicos (no necesitan decisión, sí tiempo)

Los dos primeros afectan la nota de Google (Core Web Vitals) de la portada; son trabajo de una sesión, no de un parche. Dime si los abordo en la siguiente.

Qué	Por qué importa	Estimado
La página «salta» al cargar: el buscador y el bloque «Discover the best of Los Cabos» se construyen por JavaScript después del primer pintado (1.298 px de salto en teléfono; CLS 0,67, umbral bueno 0,1). Igual en preview.	Google lo mide como inestabilidad visual; el visitante ve el video pegado a «Why plan» un segundo y luego todo baja.	Media sesión: emitir esos bloques desde PHP y dejar al JS solo el realce.
El «pin» de «Why plan» en PC hace que Google mida un CLS de 1,5 al hacer scroll, aunque el ojo no vea nada.	Misma nota de Google.	1–2 horas: mover la textura a un hijo real o cambiar el tipo de pin.
Imágenes pixeladas en pantallas Retina: San José del Cabo (1,86×), cinta de arcos (1,34×), bandas de foto (1,89×), Tours.	Se nota en Mac e iPhone.	1 hora: regenerar a 2× desde los originales.
Peso: 2,6 MB al cargar y 15 MB tras el scroll en PC (10 en teléfono); 758 KB de fuentes, 377 KB de Google Maps, HTML de 432 KB con 136 KB de CSS en línea.	Velocidad en datos móviles.	2 horas de poda (subconjuntos de fuentes, Maps diferido, CSS minificado).
Sin caché la portada tarda 2,3 s en responder (LCP 3,0 s); con caché, 0,65 s.	Solo lo sufre el primer visitante tras una purga.	Calentar la portada en el cron tras cada purga.
Un chip de clima oculto sigue llamando a Open-Meteo desde cada navegador, sin llave.	Consumo inútil y la licencia comercial pendiente.	30 min.
Sin JavaScript la imagen del Passport sale como cuadro gris; tarjetas ocultas de hoteles/transporte que nunca se ven (HTML muerto); el home carga el modal de búsqueda móvil aunque su botón esté oculto; «&» dentro del nombre en el schema; og:image conviene también en JPG 1200×630; accesibilidad heredada del tema (botón «volver arriba» sin nombre, sin landmark main, salto h2→h4 en el pie); título de la franja de socios como div, no encabezado.	Detalles menores de calidad.	1 hora en conjunto.

7 · Capturas de cierre: Home vs Preview

Tomadas después del último despliegue. En PC las 19 secciones miden exactamente lo mismo en las dos páginas; en teléfono también, salvo el newsletter del pie (decisión 4) y «Tonight's table» (20 px por 12 vs 50 tarjetas, decisión 1).

PC · 1512 px

Home

Preview

Teléfono · 390 px

Home

Preview

Nota: estas capturas de página completa se tomaron antes de la segunda tanda de arreglos (flechas en teléfono, etiqueta Email, lupa, hueco del pie); las capturas por sección de la sección 4 sí son posteriores.

8 · Respaldos y reversibilidad

Elementor de la portada (357): ~/backups/exec/elementor-357-*-pre-socios-v2.json.bak y *-pre-whyus.json.bak.
Plugin de diseño: wic-home-lujo-v2-*-pre-socios-v2.php · hero: hero-*-pre-wic-lujo.css · tema hijo: child-style-*-pre-tabs-scope.css · carga de fotos: wic-home-card-lazy-bg-*.js · enlaces: wic-home-directory-links-*.php · precarga: wic-hero-preload-*.php.
Todo lo de hoy se revierte copiando el respaldo encima y purgando caché (litespeed-purge all).

Evidencia completa de los 15 agentes (234 capturas, scripts y mediciones) guardada en la sesión de trabajo; disponible si quieres ver cualquier hallazgo en detalle.