Ideal — columna izquierda (título + texto + CTA) y derecha (título + texto), fondo blanco. (TID01)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, link_label=Solicita información, button_type=primary}}], column_b=[{type=title, title={text=Lo que vas a conseguir, size=medium}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}]})Prioridad izquierda — la columna izquierda recibe la parte ancha (570fr); fondo primary (dark). (TID02)
(SizeLimitingPyMap: {background=primary, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], column_b=[{type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=2398743434, href=/link}, open_in_new_tab=false, no_follow=false, rel=follow}, link_label=Ver el programa, button_type=link}}], priority=left})Imagen estirada — columna izquierda con texto; derecha una imagen (fit stretch) que llena la altura de la columna desde md. (TID03)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, link_label=Solicita información, button_type=primary}}], column_b=[{type=image, image={image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, fit=stretch}}]})Diseña el futuro de tu organización
Expandida — ancho ampliado (full-width): reduce los márgenes y da más espacio a las columnas. (TID04)
(SizeLimitingPyMap: {background=light, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, link_label=Solicita información, button_type=primary}}], column_b=[{type=title, title={text=Lo que vas a conseguir, size=medium}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], expanded=true})Una sola columna — solo la izquierda con contenido (título + imagen normal); la derecha vacía. (TID05)
(SizeLimitingPyMap: {background=light, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=image, image={image={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}, fit=normal}}], column_b=[]})Diseña el futuro de tu organización
Alineación centrada — columnas centradas verticalmente en md (align-center). (TID06)
(SizeLimitingPyMap: {alignment=center, background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, link_label=Solicita información, button_type=primary}}], column_b=[{type=title, title={text=Lo que vas a conseguir, size=medium}}]})Responsive invertida — en móvil la columna B va primero y la A después; en md vuelven a natural (A izq, B der). (TID07)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], column_b=[{type=image, image={image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, fit=stretch}}], responsive=invert})Diseña el futuro de tu organización
Vídeo — columna izquierda con texto; derecha un vídeo (fit stretch) con imagen de póster y play custom. (TID08)
(SizeLimitingPyMap: {alignment=stretch, background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}, {type=cta, cta={link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, link_label=Solicita información, button_type=primary}}], column_b=[{type=video, video={image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, video=null, fit=stretch}}]})Desplegables — columna izquierda con título + texto; derecha un grupo de desplegables (accordion). (TID09)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], column_b=[{type=accordion, accordion={items=[{title=¿Cuánto dura el programa?, desc=Seis meses, con sesiones en directo cada semana.}, {title=¿Necesito experiencia previa?, desc=Se valora, pero el itinerario acompaña desde la base.}]}}]})Lista simple — izquierda título + lista con icono check; derecha texto. (TID10)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=list, list={icon=ui-check, items=[Sesiones en directo cada semana, Proyectos aplicados desde el primer módulo, Mentoría con profesionales en activo]}}], column_b=[{type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}]})Formulario — izquierda título + texto; derecha un formulario HubSpot con feedback inline. (TID11)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], column_b=[{type=form, form={form_id=6f43b895-e0da-45fb-8ebd-60f35baa2260, feedback_title=¡Gracias por tu mensaje!, feedback_copy=Revisa tu bandeja de entrada.}}]})Diseña el futuro de tu organización
¡Gracias por tu mensaje!
Texto enriquecido — izquierda título + bloque richtext (HTML con negrita, cursiva y enlace); derecha texto. (TID12)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=richtext, richtext={html=<p>Un itinerario que combina <strong>teoría</strong> y <em>práctica</em>, con <a href="#">mentoría</a> desde la primera semana.</p><p>Cada módulo se aplica en un <strong>proyecto real</strong> de tu organización.</p>}}], column_b=[{type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}]})CTA de correo — izquierda título + texto; derecha un CTA de tipo email con asunto y cuerpo (href mailto: compuesto, pestaña nueva). (TID13)
(SizeLimitingPyMap: {background=white, column_a=[{type=title, title={text=Diseña el futuro de tu organización, size=large}}, {type=copy, copy={text=Un itinerario que combina teoría y práctica. Aplica cada aprendizaje desde la primera semana.}}], column_b=[{type=cta, cta={link={url={type=EMAIL_ADDRESS, content_id=null, href=hola@lanavenodriza.com}, open_in_new_tab=false, no_follow=false, rel=null}, link_label=Escríbenos, button_type=primary, email_subject=Consulta sobre formación, email_body=Hola, me gustaría recibir información sobre…}}]})Caso inválido — ambas columnas vacías: la guard no se cumple → hints.invalid_module(). (TID14)
(SizeLimitingPyMap: {background=white, column_a=[], column_b=[]})