Componentes · variantes de navegación
Barra, desbordamiento, menús, migas y barra lateral
Siete componentes. Cada uno abre con lo que hay desplegado hoy, bajado de los sitios en vivo el 5 de agosto de 2026, y sigue con cinco variantes renderizadas para elegir. Ninguna variante está en producción: esta página es un taller.
Estado de la página
Esta página quedó incompleta. Se cortó a mitad de escritura cuando se reinició la sesión, así que faltan los componentes de navegación. Lo que está escrito es válido y se puede revisar; lo que falta se va a completar.
La carcasa ya está migrada al chrome compartido: barra, pie y tema salen del kit v7. Las hojas de las barras reproducidas siguen acá abajo, listas para cuando se escriban las tarjetas.
De dónde salió lo desplegado
Se bajaron con curl las portadas de innovacionsantiago.cl,
catalogo.innovacionsantiago.cl, firmasydocumentos.cl, circulodesantiago.cl, cochid.cl,
periodismo2.cl y datos.cochid.cl, más /assets/index-Cdo-2m8c.css y
/assets/index-lMo5GwRv.js de innovacionsantiago.cl,
/_next/static/css/5cf19aa23c03f9be.css de circulodesantiago.cl, y en local
core-style/v7/base/chrome.css con
core-style/generated/innovacionsantiago.cl/navbar.html.
Las barras desplegadas se reproducen con sus nombres de clase reales y su hoja de estilo
copiada tal cual. Dos excepciones, rotuladas donde corresponde: datos.cochid.cl y periodismo2.cl
usan clases de utilidad generadas, así que su marcado va citado como texto y el dibujo se rehace
con clases propias. En esta página no hay navegador que ejecute las consultas de medios por
tarjeta, de modo que los estados móviles se fuerzan con la clase de demostración
d-mob, que copia el bloque @media del sitio.
La barra de catalogo.innovacionsantiago.cl y la de firmasydocumentos.cl son la excepción de
la excepción: consumen el kit, así que ya no se reproducen con CSS copiado. Cuando se escriba su
tarjeta va el marcado del kit y lo dibuja v7/base/chrome.css, que esta página
enlaza.