Grid 2 - Item A
Elemento de prueba para layout en dos columnas.
Fase 5D.2
Demo de componentes
Esta pagina muestra los componentes reales del nucleo comun para validar consistencia visual, responsive y contrato de uso.
Layout y grid
Comprobacion de container, section y rejillas responsivas.
Grid 2 - Item B
Debe colapsar a una sola columna en pantallas estrechas.
Grid 3 - 1
Tarjeta demo.
Grid 3 - 2
Tarjeta demo.
Grid 3 - 3
Tarjeta demo.
Acciones
Variantes del componente .btn.
Todos mantienen altura minima tactil y feedback de hover/focus.
Tarjetas y enlaces
Composicion con .card, .project-card y .card-link.
Tarjeta base
Bloque reutilizable para resaltar recursos o secciones.
Tarjeta destacada
Variante orientada a contenido prioritario.
Tarjeta informativa
Formato recomendado para listados de proyectos.
Mensajes y metadatos
Uso de .notice y .meta-list.
Nota: este bloque comunica avisos relevantes sin romper jerarquia visual.
Se recomienda para alertas de estado, decisiones tecnicas o contexto operativo.