Ideal (vertical, rejilla de 3): tres programas con badge, imagen, título, descripción y enlace; layout vertical. (TID01)
(SizeLimitingPyMap: {background=white, layout=vertical, programs=[{badge=new, 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}, title=Máster en Diseño Estratégico de Servicios, description=Un itinerario de nueve meses para liderar la transformación de productos y servicios., 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=Ver programa}, {badge=, 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}, title=Programa de Innovación Abierta, description=Metodologías para abrir la innovación a partners, clientes y equipos internos., 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=Ver programa}, {badge=comingsoon, 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}, title=Curso de Analítica de Producto, description=Define métricas accionables, construye cuadros de mando y decide con datos reales., 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=Solicitar información}]})
Nuevo
Próximamente
Horizontal (una columna): dos programas con layout horizontal. (TID02)
(SizeLimitingPyMap: {background=white, layout=horizontal, programs=[{badge=new, 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}, title=Máster en Diseño Estratégico de Servicios, description=Un itinerario de nueve meses para liderar la transformación de productos y servicios., 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=Ver programa}, {badge=comingsoon, 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}, title=Curso de Analítica de Producto, description=Define métricas accionables, construye cuadros de mando y decide con datos reales., 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=Solicitar información}]})
Nuevo
Próximamente
Dark: fondo primary con tres programas verticales → esquema oscuro en las cards. (TID03)
(SizeLimitingPyMap: {background=primary, layout=vertical, programs=[{badge=new, 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}, title=Máster en Diseño Estratégico de Servicios, description=Un itinerario de nueve meses para liderar la transformación de productos y servicios., 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=Ver programa}, {badge=, 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}, title=Programa de Innovación Abierta, description=Metodologías para abrir la innovación a partners, clientes y equipos internos., 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=Ver programa}, {badge=comingsoon, 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}, title=Curso de Analítica de Producto, description=Define métricas accionables, construye cuadros de mando y decide con datos reales., 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=Solicitar información}]})
Nuevo
Próximamente
Rosa (accent): fondo accent (esquema oscuro) con tres programas verticales. (TID04)
(SizeLimitingPyMap: {background=accent, layout=vertical, programs=[{badge=new, 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}, title=Máster en Diseño Estratégico de Servicios, description=Un itinerario de nueve meses para liderar la transformación de productos y servicios., 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=Ver programa}, {badge=, 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}, title=Programa de Innovación Abierta, description=Metodologías para abrir la innovación a partners, clientes y equipos internos., 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=Ver programa}, {badge=comingsoon, 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}, title=Curso de Analítica de Producto, description=Define métricas accionables, construye cuadros de mando y decide con datos reales., 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=Solicitar información}]})
Nuevo
Próximamente
Mínimo: un único programa solo con título, sin badge, imagen, descripción ni enlace. (TID05)
(SizeLimitingPyMap: {background=white, layout=vertical, programs=[{title=Programa piloto}]})Badge now: tres programas verticales, uno con badge 'Ahora' (surface-brand) junto a new y comingsoon. (TID06)
(SizeLimitingPyMap: {_test_description=Badge now: tres programas verticales, uno con badge 'Ahora' (surface-brand) junto a new y comingsoon. (TID06), background=white, layout=vertical, programs=[{badge=now, 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}, title=Bootcamp Intensivo de Producto Digital, description=Edición en curso con plazas abiertas: incorpórate ahora al itinerario práctico., 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=Ver programa}, {badge=new, 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}, title=Máster en Diseño Estratégico de Servicios, description=Un itinerario de nueve meses para liderar la transformación de productos y servicios., 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=Ver programa}, {badge=comingsoon, 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}, title=Curso de Analítica de Producto, description=Define métricas accionables, construye cuadros de mando y decide con datos reales., 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=Solicitar información}]})
Ahora
Nuevo
Próximamente
Inválido: sin programas con título. La guard clause no se cumple → hints.invalid_module(). (TID07)
(SizeLimitingPyMap: {background=white, layout=vertical, programs=[]})