Ideal: título + intro + lista (3 ítems) + imagen, fondo blanco, márgenes medianos. Happy path a dos columnas. (TID01)
(SizeLimitingPyMap: {background=white, disable=false, 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}, intro=<p>Aprende un método <strong>sólido</strong> para liderar proyectos de <em>diseño estratégico</em> de <a href="#">principio a fin</a>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}, {text=Acompañamiento personalizado durante todo el itinerario}], margin_bottom=m, margin_top=m, title=Un programa para transformar tu carrera})Un programa para transformar tu carrera
Aprende un método sólido para liderar proyectos de diseño estratégico de principio a fin.
- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
- Acompañamiento personalizado durante todo el itinerario
Sin imagen: solo la columna izquierda (título + intro + lista); la derecha queda vacía. (TID02)
(SizeLimitingPyMap: {background=white, disable=false, image={src=, alt=null}, intro=<p>Aprende un método <strong>sólido</strong> para liderar proyectos de <em>diseño estratégico</em> de <a href="#">principio a fin</a>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}], margin_bottom=m, margin_top=m, title=Un programa para transformar tu carrera})Solo lista + imagen: sin título ni intro. (TID03)
(SizeLimitingPyMap: {background=light, disable=false, 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}, intro=, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}, {text=Bolsa de empleo y red de antiguos alumnos}], margin_bottom=m, margin_top=m, title=})- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
- Bolsa de empleo y red de antiguos alumnos
Fondo oscuro (primary): verifica el color adaptativo (backcolor) de los bloques flex sobre fondo de marca. (TID04)
(SizeLimitingPyMap: {background=primary, disable=false, 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}, intro=<p>Aprende un método <strong>sólido</strong> para liderar proyectos de <em>diseño estratégico</em> de <a href="#">principio a fin</a>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}, {text=Acompañamiento personalizado durante todo el itinerario}], margin_bottom=m, margin_top=m, title=Un programa para transformar tu carrera})Un programa para transformar tu carrera
Aprende un método sólido para liderar proyectos de diseño estratégico de principio a fin.
- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
- Acompañamiento personalizado durante todo el itinerario
Desactivado: disable=true con contenido configurado → en el UI-Kit se ve el contenido atenuado (is-disabled) + aviso info centrado (en front no se mostraría nada). (TID05)
(SizeLimitingPyMap: {background=white, disable=true, 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}, intro=<p>Aprende un método <strong>sólido</strong> para liderar proyectos de <em>diseño estratégico</em> de <a href="#">principio a fin</a>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}], margin_bottom=m, margin_top=m, title=Un programa para transformar tu carrera})Un programa para transformar tu carrera
Aprende un método sólido para liderar proyectos de diseño estratégico de principio a fin.
- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
Desacoplar listado: decouple_intro=true → en md+ el listado (con imagen) se ve desacoplado del título/intro (cabecera aparte, view-one); en móvil, la versión acoplada (view-two). (TID06)
(SizeLimitingPyMap: {background=white, decouple_intro=true, disable=false, 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}, intro=<p>Aprende un método <strong>sólido</strong> para liderar proyectos de <em>diseño estratégico</em> de <a href="#">principio a fin</a>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}, {text=Acompañamiento personalizado durante todo el itinerario}], margin_bottom=m, margin_top=m, title=Un programa para transformar tu carrera})- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
- Acompañamiento personalizado durante todo el itinerario
Un programa para transformar tu carrera
Aprende un método sólido para liderar proyectos de diseño estratégico de principio a fin.
- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
- Acompañamiento personalizado durante todo el itinerario
Con cierre (acoplado): título + intro + lista + cierre bajo la lista, sin imagen. Verifica el bloque richtext de cierre. (TID07)
(SizeLimitingPyMap: {background=white, disable=false, intro=<p>Un itinerario <strong>claro</strong> y orientado a la práctica.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}], margin_bottom=m, margin_top=m, outro=<p>Cierre: <em>da el paso</em> y <a href="#">reserva tu plaza</a>.</p>, title=Un programa para transformar tu carrera})Desacoplado con cierre: decouple_intro=true con título + intro + lista + cierre + imagen. En md+ (view-one) el título/intro van como cabecera aparte y el cierre se desacopla como bloque propio bajo el listado; en móvil, versión acoplada (cierre bajo la lista). (TID08)
(SizeLimitingPyMap: {background=white, decouple_intro=true, disable=false, 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}, intro=<p>Aprende un método <strong>sólido</strong> orientado a la <em>práctica</em>.</p>, list=[{text=Sesiones en directo con profesionales en activo}, {text=Proyecto real evaluado por un comité}], margin_bottom=m, margin_top=m, outro=<p>Y al terminar, te llevas un <strong>proyecto real</strong> para tu portfolio.</p>, title=Un programa para transformar tu carrera})- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
Un programa para transformar tu carrera
Aprende un método sólido orientado a la práctica.
- Sesiones en directo con profesionales en activo
- Proyecto real evaluado por un comité
Y al terminar, te llevas un proyecto real para tu portfolio.
Inválido: sin ningún contenido (sin título, intro, lista ni imagen) → se dispara hints.invalid_module y no se renderiza la sección. (TID09)
(SizeLimitingPyMap: {background=white, disable=false, image={src=, alt=null}, intro=, list=[], margin_bottom=m, margin_top=m, title=})