clone-reference: visitloscabos.travel → whatsincabo.com — 2026-07-17

Modo: solo-patrones (IP no — especificaciones, nunca contenido). Método: metodología del skill clone-reference ejecutada con Playwright (el runner Node no está en este contenedor): inspección estructural + tipografía computada + paleta dominante + stack de motion + screenshots 1440/768/390 y 1440@30%/60%. Complementa y ACTUALIZA RESEARCH-VISITLOSCABOS-HOME-2026-07-05.md. Evidencia en clone-reference-vlc-2026-07-17/.

1. Radiografía fresca (lo que el script midió HOY)

La lectura estratégica: su percepción "cara" NO viene de efectos (no tienen ninguno) — viene de: (1) tipografía serif con carácter, (2) VIDEO por todos lados, (3) ilustración custom, (4) el acento dorado cálido que hace que el navy/teal no se sienta frío, (5) contenido vivo (eventos fechados, social, chatbot). Nosotros ya les ganamos en motion y en datos; el gap real es calidez visual + riqueza audiovisual.

2. Patrones concretos observados (fase 2, ojo sobre screenshots)

1. Tabs por zona en "Places to Visit" (Los Cabos/CSL/SJD/Cabo Pulmo) — tab activa con bloque verde salvia; debajo collage masonry con cards de foto + barra de etiqueta blanca y card navy "EXPLORE MORE". (= item 8 de la gap list, confirmado vivo)
2. Cards editoriales con bloque de etiqueta navy sólido sobrepuesto a la foto (línea decorativa + categoría en tracking alto + título serif) — su sello de "revista".
3. Patrones de olas menta a baja opacidad como textura entre secciones (= item 2 gap list).
4. Eventos con jerarquía de fecha (Mifel Tennis Open con bloque de fecha) (= item 7).
5. Social wall #LOSCABOSTOURISM masonry IG con tiles medianos (= item 9; el suyo es pesado — el nuestro debe capar a 8-12 tiles lazy).
6. Acento dorado #f1a240 usado quirúrgicamente: botón GUIDES, subrayados, iconos — 1 color cálido contra toda la paleta fría.
7. Ritmo de aire: secciones densas de contenido con brechas grandes SOLO alrededor de los bloques firma (mapa ilustrado, social) — el aire es DIRECCIONAL, no uniforme.

3. Traducción a NUESTRO sistema (la salida real — nada se copia, todo se especifica)

A. Token nuevo de paleta: acento cálido WIC

• Añadir --wic-warm: #E8A24C (dorado arena propio, NO el hex de VLC) a la skin.
• Usos quirúrgicos: chip del clima, CTA secundarios del Passport, subrayado del eyebrow activo, hover de links del footer. 1 color, 4 lugares, máximo impacto de calidez.

B. Cortes de patrón anti-monotonía (resuelve el culpable #2 del análisis de espaciados)

C. Riqueza audiovisual (su ventaja real — plan de medios)

• Micro-videos en 2 carousels clave (Experiences y On the Water): 4-6 loops de 3-5s, mudos, lazy, <800KB c/u (media-pipeline los produce/optimiza). El hover de la card reproduce el loop (desktop) / autoplay en viewport (móvil con candados de datos).
• Fuente: los reels/clips que los socios ya tienen (Iván aporta material — cero stock).

D. El proyecto firma sigue siendo el MAPA ILUSTRADO (item 10)

Confirmado que es SU asset más distintivo y que su versión interactiva de rutas está rota — la nuestra puede superarla: ilustración custom de la península (nuestras 6 zonas + El Arco + fauna) con hotspots SVG → cada zona a su archive. Producción: ilustración (IA+retoque estilo propio) + widget WIC de hotspots + candados. Propuesta: arrancarlo como proyecto aparte con moodboard para OK de Iván.

E. 🆕 Nota estratégica: asistente virtual

VLC estrenó chatbot IA. Nosotros tenemos la infraestructura conversacional del backend propio + inventario verificado — un "Cabo Concierge" nuestro respondería con fichas REALES (y convertiría a Passport). No es del home-look: es roadmap de producto. Anotado para decisión de Iván/Jonathan.

4. Orden de ejecución propuesto (fusionado con ANALISIS-ESPACIADOS)

1. ✅ Fix A (scroll muerto del deck) + Fix B (hero) — agentes ya despachados hoy.
2. Token cálido --wic-warm (1 día, skin) — el cambio de percepción más barato.
3. Tabs de zonas + fecha gigante de eventos (los 2 cortes de patrón grandes).
4. Olas separadoras + cards editoriales navy (textura).
5. Micro-videos (cuando Iván entregue clips).
6. Mapa ilustrado (proyecto firma, moodboard primero).

Todo por canal sancionado (skin CSS + widgets WIC + mu-plugins), candados completos, QA visual con screenshots antes de dar por bueno cada paso. Los hex/fuentes de VLC son referencia tonal — los nuestros son propios.

PARTE 2 — La saga del hero (guardado a petición de Iván, 2026-07-17)

Mediciones del hero de VLC (frescas)

Historial de decisiones del hero WIC

1. Actual en producción: 88vh (792px @900), aire sobre título 194px.
2. Muestra 76vh en preview: rechazada por Iván ("compacto").
3. Muestra 80vh (tamaño VLC exacto) en preview: 720px, aire 158px, laptops seguras (peor caso 104px). — ESTADO ACTUAL DE LA MUESTRA.
4. Diagnóstico de composición (screenshot de Iván 2990px): el tamaño ya es correcto; lo que ensucia es la CARGA — 7 capas sobre el video (titular + 2 párrafos + confianza + clima + 7 categorías + tarjetón de búsqueda) peleando con la textura del video (peces/coral). Desbalance izquierda saturada / derecha vacía en pantallas anchas.

Propuesta "EL GIRO" (pendiente de muestra en preview — Iván interesado)

Copiar la SEPARACIÓN DE MOMENTOS de VLC, no su mudez: - Momento 1 — hero 80vh de atmósfera: video limpio con SOLO buscador + chip del clima + línea corta de marca (el buscador se queda: somos plataforma de conversión, no DMO). - Momento 2 — bloque "Welcome" editorial NUEVO debajo (widget WIC, canal sancionado): titular "Discover the best of Los Cabos" en serif grande + los 2 párrafos + los 3 checkmarks + foto con marco teal/arena desplazado (gap item 3). - SEO seguro: el H1 real es invisible (el titular visible es h2) — mover el mensaje no toca el SEO. - Beneficio doble: el video por fin luce Y el aire del hero deja de sentirse vacío (sin texto que lo delate).

PARTE 3 — Disección multipágina (ejército de 7 agentes + crítico, 2026-07-17)

Método: 1 agente clone-reference por página madre (Playwright + lectura visual de screenshots) + 1 crítico transversal. Screenshots por página en clone-reference-vlc-2026-07-17/pages/.

SÍNTESIS DEL CRÍTICO (lo transversal — su sistema de diseño real)

SISTEMA DE DISEÑO REAL (patrones en 4-5 de 5 páginas): 1. Hero full-bleed solo-media (video/slideshow ~720-900px) SIN H1 encima + scroll-cue circular; breadcrumb+Share+H1 siempre DEBAJO del fold. Es decisión de sistema, no descuido puntual: se repite en las 5. 2. Chrome de DMO persistente: header doble nivel (utility nav nicho + nav por intención) con clima en vivo 91.6° e idioma, y rail derecho fijo FAVES(contador)+VIEW GUIDES naranja. El loop guardar→guía es SU única conversión site-wide. 3. Plantilla única de sección "rail + slider peek": columna izq (eyebrow con línea teal + H2 serif + párrafo ~50 palabras + CTA navy uppercase 13px ls 2.6) + carrusel Glide/Simpleview. Instanciada 5x en things-to-do, 3x en events, 4-across en visit/stay/restaurants: todo el sitio es UN componente parametrizado. 4. Lenguaje visual fijo: Romelio serif 400 display + proxima-nova UI uppercase; paleta petrol #005F7F funcional / navy #242F44 CTA / naranja #F1A240 único acento cálido / aqua #BEEAF8; card foto + placa blanca solapada + pin naranja + Quick View, sin precio ni rating. 5. Motion cero y deuda compartida: jQuery/Simpleview sin GSAP/Lenis, iframes ad-tech, primer

"browser not supported", truncados a media palabra — la calidad percibida vive 100% en la fotografía.

OPORTUNIDADES QUE SOLO SE VEN EN CONJUNTO: 1. Asimetría de facetas: solo Stay y Restaurants tienen filtros con conteos; Things-to-do (0 selects, 6000px) y Events (sin calendario ni fecha) — sus 2 páginas de mayor intención — son revista pura. WIC gana siendo directorio útil exactamente donde VLC no lo es: things-to-do filtrable por zona/precio y un "this weekend in Cabo" con fechas reales es un vacío que el DMO oficial no puede responder hoy. 2. Como todo VLC es una plantilla repetida, WIC no debe portar 4 widgets distintos sino UN widget Elementor WIC "section-rail" parametrizable (vertical, guía, colección curada) que cubra home + /guides/ — mismo costo de build, cinco usos, y cumple la regla home=solo widgets. 3. VLC valida el loop Faves→Guides en 5 páginas pero nunca lo monetiza (0 faves, featured pay-to-play devaluado). WIC tiene el cierre que a VLC le falta: bookmarks MyListing → tray "My Cabo list" → Cabo Passport como CTA de valor. Es adoptar el patrón probado con el eslabón de negocio que el original no tiene.

RE-VERIFICAR: 1. Faltan páginas: el encargo dice 7 y el JSON trae 5, con events truncado (sin cierre de debilidades ni paraWIC). Reclamar las 2 restantes antes de cerrar la disección. 2. Los overlays "auto-abiertos" (chat 28% en things-to-do, panel vacío 30% en places-to-visit) huelen a artefacto de headless (widget que hidrata mal sin interacción real); re-checar con Playwright con puntero real antes de citarlos como debilidad. 3. places-to-visit (3,385px, 7 destinos) es anómalamente corta vs 6-9k de las demás: posible captura antes de hidratar lazy content — re-crawlear con waits; ídem el "shift ~2000px" de events. 4. Contradicción entre páginas: restaurants dice que el p 22px/700 es el aviso de navegador, places-to-visit lo reporta como body real. Uno de los dos midió mal; resolver antes de fijar la ficha tipográfica.

/things-to-do/ — 6,196px

Estructura:

0–80: header 2 niveles (utility row con clima en vivo 91.6° + idioma; nav principal) + rail fijo derecho MENU/FAVES(0)/VIEW GUIDES
80–800: hero full-bleed video mp4 loop muted (~720px) con flecha scroll-down anclada
800–1160: breadcrumb Home/Experiences + Share; H1 serif centrado + intro editorial con ~8 links inline a sub-verticales (jet skiing, whale-watching, golf...)
1162–3450: 5 "category rails" repetidos (~375px c/u): Tours & Water Activities / Beautiful Beaches / Outdoor Adventures / Art Galleries & Culture / Spa & Wellness — cada uno: columna izq (eyebrow con línea teal + H2 serif + párrafo ~50 palabras + CTA navy uppercase "Explore more X") + slider Glide.js con peek a la derecha (perView 2, peek 245px, flechas laterales)
3532–3920: grid 4-across de tiles simples imagen+título: Golf, Nightlife & Clubs, Shopping, Things To Do With Kids
~3950–4440: módulo 360° interactivo (iframe skynav "Click and drag to look around" + botón "Ask" IA)
4440–5300: muro UGC Instagram "Tag #VisitLosCabos" (masonry 2 filas, iconos IG por tile)
5300–5520: banda dúo CTA con fondos pastel estampados: Media & PR Inquiries (teal claro) + E-Newsletter Signup (durazno)
5520–6196: footer navy fotográfico (Arco de fondo), logo gigante, dirección del Tourism Board, links legales

Patrones destacados: - Category rail repetible: header en columna izquierda (eyebrow corto con guion/línea teal + H2 serif + descripción ~50 palabras + botón navy uppercase 13px ls 2.6px) y a la derecha slider con PEEK (Glide.js, perView 2, peek 245px: media card siguiente visible invita al swipe sin paginación) — 5 instancias idénticas, una por sub-vertical - Card de venue estilo DMO: imagen 4:3, caja blanca superpuesta al borde inferior-izquierdo con el nombre en uppercase tracking amplio, y debajo la dirección precedida por un pipe/pin naranja; SIN rating ni precio — directorio editorial puro - Jerarquía de verticales en dos niveles: los 5 fuertes reciben slider+copy; los secundarios (Golf, Nightlife, Shopping, Kids) se compactan en un grid 4-across de tiles imagen+título — no todo recibe el mismo peso - Intro editorial bajo el H1 con enlaces internos inline a cada sub-página de actividad (jet skiing, sport fishing, scuba, whale-watching, golf, clubs...) — interlinking SEO denso disfrazado de párrafo de bienvenida - Rail utilitario fijo top-right en todo el scroll: MENU (hamburguesa+lupa), contador FAVES (trip-builder de favoritos) y VIEW GUIDES con fondo naranja — planificación de viaje siempre a un click Paleta/Tipo: Petrol profundo #005F7F (color de texto/links dominante, 695 elementos), navy #242F44 (botones CTA y overlays), naranja #F1A240 (acento: pins de dirección, pipes, badge VIEW GUIDES, detalles del logo), azul cielo #BEEAF8… · Display: Romelio (serif propietaria, weight 400) — H1 50px/55, H2 36px/43.2, H3 24px/27.6, sin uppercase. Body: proxima-nova sans — párrafos 16-22px. Labels/CTAs: proxima-nova 13px… Debilidades: El chat Satisfi se AUTO-ABRE y tapa ~28% del viewport (columna derecha completa) sobre cards y contenido en de · Semántica de headings sucia: el eyebrow vive DENTRO del mismo h2 con whitespace masivo ('Where to go! \n\t\t.. · Cards truncan títulos y direcciones sin gracia ('Ginocchio Gale...', 'Next To Come A Cas...'); la caja blanca → Para WIC: - ✅ Portar el 'category rail' como widget Elementor 'WIC Category Rail' para el home: columna izq con eyebrow+línea teal #007481, H2 serif, descripción ≤50 palabras y CTA navy #062c53 uppercase; a la derecha slider con peek (media card visible) alimentado por listings del vertical (restaurants/tours/beaches). El peek invita al swipe sin paginación y respeta la regla 'home = solo widgets WIC' - ✅ Aplicar el patrón de intro editorial con links inline al hub /guides/ (POST 4919) y a las guías best-of: párrafo de apertura con 6-8 enlaces contextuales a spokes/verticales dentro del texto — es el interlinking de la Fase 3 del plan SEO hecho patrón visual, manteniendo la regla de refuerzo de listado (venues como ejemplos, nunca coronados) - ✅ Adoptar la jerarquía de dos niveles en el home: sliders con copy solo para los verticales con inventario real (restaurants 76, tours 5) y un grid 4-across de tiles simples imagen+título para los vacíos (golf/yachts/transportation/events) como widget 'WIC Vertical Tiles' — evita prometer profundidad que no existe todavía - ✅ Versión WIC del rail utilitario fijo: un solo botón/rail lateral persistente 'Cabo Passport' + 'Guides' (widget Elementor) en lugar de las 3+ bandas de links del home actual — misma disponibilidad permanente del CTA con mucho menos ruido; NO copiar el chat auto-abierto (es la peor debilidad de VLC)

/places-to-visit/ — 3,385px

Estructura:

0-80: header 2 niveles — utility nav (360 Tour, Golf, Meetings, Travel Industry, Stories) + idioma + widget de clima en vivo (91.6°); nav principal por intención (Places to Visit, Experiences, Gastronomy, Stay, Plan, Events) + hamburguesa/búsqueda; rail fijo derecho con contador Faves (corazón) y botón naranja "View Guides".
80-800: hero video full-bleed ~720px (autoplay muted, sin titular encima), botón circular scroll-cue al pie y CTA flotante teal "Have a Question?".
800-884: fila breadcrumb (Home / Places to Visit) + botón Share alineado a la derecha.
884-1382: intro editorial centrada ~498px — H1 serif 50px + subtítulo sans 34px (el H1 queda cortado justo al borde del primer viewport 900px).
1424-1864: slider 4-across ~440px con 7 cards de destinos/zonas (foto arriba, título bold, excerpt de 3 líneas truncado, flechas laterales; clones en DOM para el loop → H2 duplicados).
1918-2700: sección "thematic-map quickview" ~782px — mapa ilustrado custom (no Google Maps) de Baja Sur con pins etiquetados por región + iconografía (peces, cactus, olas) + panel lateral de texto con CTA; los pins abren quickview.
2780-3385: footer ~605px (Media & PR, enlaces institucionales).

Patrones destacados: - Header de dos niveles: utility nav para audiencias nicho (golf, meetings, trade) separada de la nav principal organizada por intención de viaje (Places/Experiences/Gastronomy/Stay/Plan/Events), no por tipo de contenido - Widget de clima en vivo en el header — señal de destino barata y de alta confianza para un sitio de viajes - Rail fijo derecho con sistema de favoritos (corazón + contador) y CTA persistente 'View Guides' en color acento — engagement de planeación de viaje siempre visible - Hero de video full-bleed autoplay con scroll-cue circular al pie, seguido de fila breadcrumb + Share antes del H1 - Intro editorial centrada: H1 serif display 50px + subtítulo sans 34px como transición del hero al contenido Paleta/Tipo: Base blanca (#FFFFFF) con gris claro #EEEEEE en superficies secundarias; tinta principal #1A222D (texto) y navy #242F44; teal oscuro #005F7F como color primario de links/acciones (242 usos en texto); naranja #F1A240 como… · Display serif propietaria "Romelio" para H1 (50px/400) y H3 (24px/400); sans "proxima-nova" para H2 (34px/400) y body; párrafos base grandes (p medido a 22px). Contraste serif-disp… Debilidades: Panel blanco de quickview/chat se renderiza ABIERTO y VACÍO cubriendo ~30% del viewport sin interacción alguna · H1 invisible en el primer viewport: el hero de video no lleva titular encima y el H1 queda cortado justo en el · Excerpts de cards truncados a media palabra con '…' ('del…', 'not…') — se ve descuidado → Para WIC: - ✅ Portar el slider 4-across de zonas como widget Elementor 'WIC Zones Slider' para el home (regla: home = solo widgets WIC): cards CSL / SJD / Corridor / East Cape / Todos Santos con foto + título + descripción ≤120 car (regla card ya vigente) enlazando a /guides/{zona}/ — es exactamente el hub visual de zonas que el plan de verticales necesita y VLC valida el patrón - ✅ Construir un mapa ilustrado propio (SVG estático, tierra crema / mar teal #007481 / pins navy #062c53) para la guía pillar de things-to-do en /guides/: pins por zona que abren un quickview-card apuntando a fichas MyListing con las coordenadas reales ya capturadas (p.ej. outlets Grand Velas); NO embed de Google Maps — el mapa ilustrado es marca, no utilidad - ✅ Reemplazar los 3 links sueltos de Cabo Passport del home por UN CTA persistente estilo 'View Guides' de VLC: badge sticky en el header/rail derecho con el acento cálido de la paleta WIC, un solo destino (la landing /cabo-passport cuando exista) — mismo patrón de conversión siempre visible sin ensuciar secciones - ✅ Adoptar en las plantillas de /guides/ la fila breadcrumb + botón Share inmediatamente bajo el hero y el scroll-cue circular; y a diferencia de VLC, mantener el H1 visible sobre el hero de video (nuestro wic-home-hero ya es LCP-safe) — su error confirma nuestra regla

/places-to-stay/ — 6,422px

Estructura:

0-80: header doble fila (utility nav: 360 Tour/Golf/Meetings/idiomas + clima en vivo "91.6°"; nav principal uppercase) + rail derecho fijo MENU / FAVES(0) / tab amarilla VIEW GUIDES.
0-884: hero slideshow full-bleed (foto aérea, soporta video, 1 <video>), SIN H1 encima; scroll-cue circular con flecha al borde inferior.
884-1347 (~463px): breadcrumb Home/Places To Stay + botón Share; H1 "Places To Stay in Los Cabos" (Romelio 50px) + intro editorial.
~1350-1600: sección "Luxury Hotels of Los Cabos" (H2 Caslon 55px).
1602-2190 (~588px): "Virtuoso Properties" — slider custom 4-across (ccl-v2-widget core-v2-slider, CMS Simpleview).
~2190-4268 (~2080px): DIRECTORIO FILTRABLE = sidebar teal #005F7F (keyword search, Categories con conteos: Hotels & Resorts 108/All Inclusive 42..., Regions con conteos: CSL 59/SJD 30/Scenic 23..., "Show N more" colapsable, botón Clear Filters durazno, cactus ilustrado de fondo) + grid 3 col de cards: foto, ribbon FEATURED (clip-path flecha, azul cielo #BEEAF8), corazón fave, nombre, dirección con pin, link QUICK VIEW (modal).
4268-4950 (~682px): "Special Offers & Packages" — image-boxes CTA.
4950-5817: bloques image-box/related adicionales.
5817-6422 (~605px): footer navy oscuro #1A222D (Media & PR, nav, social).

Patrones destacados: - Directorio con facetas laterales CON CONTEO por categoría y región (Hotels & Resorts 108, CSL 59, SJD 30...) + 'Show 8 more' colapsable + Clear Filters de un click — el usuario ve el tamaño del inventario antes de filtrar - Card de listado mínima: foto 16:9, ribbon FEATURED con clip-path en esquina, corazón de guardado (alimenta contador FAVES del header), nombre, dirección con icono pin, y CTA secundario 'QUICK VIEW' (modal in-page que evita abandonar el grid) - Sistema de favoritos site-wide: corazón en cada card + contador persistente '(0) FAVES' en rail derecho fijo del header — convierte browsing en planeación de viaje - Header utilitario de DMO: clima en vivo con icono, selector de idioma/mercado (Germany/Japan), y tab lateral fija 'VIEW GUIDES' en amarillo como CTA permanente - Hero slideshow full-bleed 884px con scroll-cue circular; H1 y breadcrumb+Share van DEBAJO del hero, no encima Paleta/Tipo: Teal petróleo #005F7F (dominante funcional: sidebar de filtros, links, títulos de card, iconos) · Naranja #F1A240 (acento: clima, Clear Filters durazno, detalles) · Navy #242F44 (texto nav/logo) · Navy casi negro #1A222D… · H1: Romelio (serif display propietaria) 50px/400 · H2: ITC Caslon No. 224 55px/700 (serif editorial, más grande que el H1 — jerarquía invertida rara) · H3: Romelio 24px/400 · Body/… Debilidades: Dato sucio en el grid: 'FITURCA - Fideicomiso de Turismo de Los Cabos' (el fideicomiso del propio DMO) aparece · Ribbon FEATURED en 6+ cards consecutivas (filas enteras) — el badge pierde todo significado jerárquico · Cards pobres en información de decisión: sin rango de precio, sin rating, sin zona legible — solo direcciones → Para WIC: - ✅ Facetas con CONTEO por región y categoría + 'Show more' colapsable → configurar en la página Explore de MyListing (vertical hotels y también restaurants): mostrar counts visibles (Cabo San Lucas N / San José N / Corridor N) refuerza el inventario completo — alineado con la regla de 'browse the full list' en vez de coronar venues - ✅ Card destacada con ribbon clip-path + corazón de guardado → nuevo widget Elementor WIC de featured listings para el home (regla home=solo widgets): ribbon teal #007481 sobre crema, MÁXIMO 3-4 por vista (el error de VLC es saturarlo), corazón conectado a los bookmarks nativos de MyListing y contador en header - ✅ Botón 'Quick view' en las cards de las guías /guides/ best-of (skill wic-vertical-guide, p.ej. /best-restaurants-in-cabo/): modal con zona, horario, precio y link a la ficha /listing/ sin abandonar la página pilar — retiene sesión en el contenido SEO y VLC demuestra el patrón sin datos; nosotros SÍ tenemos precio/zona por ficha, hagámoslo con datos de decisión - ✅ Header utilitario de viaje → widget WIC: chip de clima actual de Cabo (navy #062c53 con acento teal) + tab lateral persistente hacia el hub /guides/ (POST 4919), replicando la tab 'View Guides' de VLC como puerta de descubrimiento site-wide sin tocar la estructura del home

/restaurants/ — 8,960px

Estructura:

0–80: header doble sticky (fila utilitaria: 360 Tour/Golf/Meetings + idioma + clima 91.6°F con toggle F/C; fila primaria: Places/Experiences/Gastronomy/Stay/Plan/Events) + tabs laterales fijas "Faves (0)" y "View Guides"
0–900: hero video full-viewport (b-roll gastronómico autoplay) con controles pause/mute abajo-derecha y chip-flecha de scroll; SIN titular sobre el video
884–1999 (~1115px): breadcrumb Home/Gastronomy + Share, H1 serif "Best Restaurants in Los Cabos", copy intro SEO y subsección H2 "Award-Winning Dining"
2051–2733 (682px): callout editorial "Michelin Guide" (image-box asimétrico)
2733–3430 (697px): "Recommended Restaurants" — tiles 3-across (widget callout)
3916–5794 (1878px): DIRECTORIO — sidebar de facetas (Keyword, Categories con conteos: Seafood 96/International 95/Mexican 76…, Regions: CSL 145/SJD 107/Scenic Route 40…, Michelin Rating: Recommended 18/Bib Gourmand 3/Green Star 2/1 Star 1; Show N more, Clear Filters, Show Map) + grid 3 columnas de cards (~27 visibles)
5858–7020 (1162px): slider temático 4-across "Dinner in Los Cabos From Farm-To-Table…"
7223–7842 (619px): side-by-side alternado "Los Cabos Gastronomy Guide" (cross-sell)
7941–8355 (414px): grid de contenido relacionado
8355–8960 (605px): footer (Media & PR, nav, legal)

Patrones destacados: - Sidebar de facetas con CONTEOS por término (Seafood 96, CSL 145…) colapsadas con 'Show 14 more', más 'Clear Filters' y toggle 'Show Map' — el mapa está oculto por defecto, el grid manda - Faceta exclusiva 'Michelin Rating' (Recommended 18 / Bib Gourmand 3 / Green Star 2 / 1 Star 1) — convierten una credencial de tercero en filtro navegable - Doble sistema de badges en card: ribbon aqua 'FEATURED' con muesca sobre la foto (monetización/partners) + línea de texto rojo 'MICHELIN RECOMMENDED' bajo el título (autoridad); pin naranja + dirección; link 'QUICK VIEW' (modal que no pierde el scroll) - Corazón de guardado en cada card conectado a contador persistente en header ('Faves (0)' + 'View Guides') — trip-planning save-to-list en todo el sitio - Hero 100vh de solo video con pause/mute accesibles y chip de scroll; el H1 y el breadcrumb viven DEBAJO del fold Paleta/Tipo: Petrol #005F7F (color de marca: links, nav, títulos de card, botones — el fg más frecuente tras el negro), naranja #F1A240 (pins, iconos, acentos del header/clima), navy texto #242F44 y #1A222D, fondos blanco #FFFFFF / g… · H1: Romelio (serif propietaria) 50px/55 w400 · H2: proxima-nova 34px/37 w400 · H3: Romelio 24px · H4/eyebrows: Romelio 16px UPPERCASE · Body/cards/UI: proxima-nova ~16px (el p de 2… Debilidades: