.regular
Ideal — título, autor, imagen de fondo y enlace. Overlay ink-trans (multiply) y título + autor abajo-izquierda. (TID01)
(SizeLimitingPyMap: {author=Ada Lovelace, 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}, link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, title=Programas ejecutivos})
Título largo con autor — varias palabras para verificar el wrap y el anclaje abajo con padding 16px. (TID02)
(SizeLimitingPyMap: {author=Grace Hopper, 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}, link={url={type=external, content_id=2398743434, href=/link}, open_in_new_tab=false, no_follow=false, rel=follow}, title=Innovación estratégica y diseño de servicios})Sin autor ni imagen — solo título + enlace: la caja se pinta con el overlay (degradado) y el título (autor e imagen opcionales). (TID03)
(SizeLimitingPyMap: {link={url={type=external, content_id=2398743434, href=/link}, open_in_new_tab=false, no_follow=false, rel=follow}, title=Área de admisiones})Sin enlace — sin link: se genera un fake (#fake-link, nofollow, misma pestaña) y la card queda not-linked (pointer-events-none, no clicable), pero se ve. (TID04)
(SizeLimitingPyMap: {author=Grace Hopper, 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=Sin enlace asociado})Inválido — sin title: la guard clause impide el render y no se emite HTML. (TID05)
(SizeLimitingPyMap: {author=Nadie, 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}}).stretched
Ideal — título, autor, imagen de fondo y enlace. Overlay ink-trans (multiply) y título + autor abajo-izquierda. (TID01)
(SizeLimitingPyMap: {author=Ada Lovelace, 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}, link={url={type=external, content_id=null, href=https://www.google.es}, open_in_new_tab=true, no_follow=true, rel=nofollow noopener}, title=Programas ejecutivos})Título largo con autor — varias palabras para verificar el wrap y el anclaje abajo con padding 16px. (TID02)
(SizeLimitingPyMap: {author=Grace Hopper, 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}, link={url={type=external, content_id=2398743434, href=/link}, open_in_new_tab=false, no_follow=false, rel=follow}, title=Innovación estratégica y diseño de servicios})Sin autor ni imagen — solo título + enlace: la caja se pinta con el overlay (degradado) y el título (autor e imagen opcionales). (TID03)
(SizeLimitingPyMap: {link={url={type=external, content_id=2398743434, href=/link}, open_in_new_tab=false, no_follow=false, rel=follow}, title=Área de admisiones})Sin enlace — sin link: se genera un fake (#fake-link, nofollow, misma pestaña) y la card queda not-linked (pointer-events-none, no clicable), pero se ve. (TID04)
(SizeLimitingPyMap: {author=Grace Hopper, 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=Sin enlace asociado})Inválido — sin title: la guard clause impide el render y no se emite HTML. (TID05)
(SizeLimitingPyMap: {author=Nadie, 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}})