Desplázate aquí o acércate al borde derecho. El tirador aparece, acompaña y se retira.

showModal, Escape, foco atrapado y fondo pulsable los da el navegador. El desdoblar lo pone verbos.css.

• .ilustracion-acceso Ilustración de accesoIlustracionAcceso.svelte kernel
  tipo: casos · correo · clientes — tamaño: lienzo 320 × 156 adaptable— estado: reposo · :hover del enlace · movimiento reducido · colores forzados
  8 tokens: --acento-borde --acento-claro --acento-txt --e-1 --mandarina --mov-curva --mov-entrada --su
  Escenas SVG deterministas y decorativas: expedientes, correspondencia y conversación. Sin fotos externas, datos simulados ni mandos. Acceso conserva el texto visible y el único enlace. Temas no específicos usan la escena de documentos. Demostración real dentro de Acceso en la biblioteca.
• .ambiente-portada Ambiente de portadaAmbientePortada.svelte kernel
  tipo: inicio · expedientes · plantel · consulta · archivo — tamaño: portada adaptable— estado: carga prioritaria · carga diferida · colores forzados
  1 tokens: --su
  Lámina raster editorial detrás de títulos y mandos. El componente controla fuente, encuadre, intensidad y máscara; la pantalla sólo elige un tema. Es decorativa, no porta texto ni datos, y desaparece en colores forzados.
• .escena-nucleus Escena de personajesEscenaNucleus.svelte kernel
  tipo: equipo · consulta · ciudad — tamaño: lienzo 480 × 260 adaptable— estado: colores forzados
  5 tokens: --acento-borde --acento-claro --acento-txt --mandarina --su
  Compone figuras, objetos y arquitectura mediante la gramática editorial de Nucleus. Cambia complejidad y encuadre, nunca técnica o paleta.
• .tarjeta TarjetaTarjeta.svelte app.csskernel
  tipo: (base) · cabecera · pie — tamaño: (base)
  7 tokens: --li --r-tarjeta --su --su-2 --e-2 --e-4 --t-txt
• .tarjeta-pub Tarjeta pública app.css
  tipo: (base) — tamaño: (base)— estado: :hover
  6 tokens: --acento --e-6 --papel-pub --r-pub-g --sombra-pub --sombra-pub-toque
• .pg-panel Panel app.css
  tipo: (base) · ancho — tamaño: (base)
  4 tokens: --e-3 --e-4 --e-5 --su
• .pg-tablero Tablero app.css
  tipo: (base) · sangre — tamaño: (base)
  6 tokens: --e-5 --e-6 --e-borde --li --r-tarjeta --sombra-xs
• .envoltura Envoltura app.css
  tipo: (base) — tamaño: (base)
  2 tokens: --ancho --e-borde
• .formulario Formulario app.css
  tipo: (base) — tamaño: (base)
  6 tokens: --acento --li --r-caja --r-mando --sombra-xs --su
• dialog.dialogo DiálogoDialogo.svelte kernel
  tipo: (base) — tamaño: s · (base) · l— estado: [open] · ::backdrop · @starting-style
  16 tokens: --e-3 --e-4 --e-5 --e-6 --r-lamina --su --su-2 --tx --t-zona --t-txt --i-txt --sombra-flota --mando-hueco --mov-entrada --mov-curva --mov-curva-membrana
  Sustituye al «basic popup» traducido del kit (borrado). <dialog> nativo: showModal, Escape, foco atrapado, sin librería.

• .pg-cab Cabecera de página app.css
  tipo: (base) — tamaño: (base)
  3 tokens: --e-3 --e-4 --e-5
• .pg-tit Título de página app.css
  tipo: (base) — tamaño: (base)
  4 tokens: --i-tit --p-fuerte --t-pag --tx
• .pg-lema Lema app.css
  tipo: (base) — tamaño: (base)
  4 tokens: --e-2 --i-txt --t-txt --tx-3
• .pg-rot Rótulo app.css
  tipo: (base) — tamaño: (base)
  4 tokens: --e-2 --p-fuerte --t-rot --tx-3
• .pg-zona-tit Título de zona app.css
  tipo: (base) · .ayuda — tamaño: (base)
  9 tokens: --e-1 --i-tit --li-fuerte --p-fuerte --p-medio --t-rot --t-zona --tx --tx-3
• .pg-apostilla Apostilla kernel
  tipo: (base) — tamaño: (base)
  3 tokens: --p-txt --t-meta --tx-3
• .pg-meta Meta app.css
  tipo: (base) — tamaño: (base)
  4 tokens: --i-txt --mono --t-min --tx-3
• .pie-panel Pie de panel app.css
  tipo: (base) — tamaño: (base)
  4 tokens: --e-2 --e-3 --e-4 --t-meta

• .rostro-nucleus Rostro ilustradoRostroNucleus.svelte kernel
  tipo: 20 combinaciones · retrato · cabeza para escena — tamaño: lienzo 120 × 120 adaptable— estado: colores forzados
  5 tokens: --acento-borde --acento-claro --acento-txt --mandarina --su
  Primitiva visual compartida por AvatarPerfil y FiguraNucleus. Separa el rostro de su contexto para conservar identidad entre retratos y escenas.
• .avatar-perfil Avatar ilustradoAvatarPerfil.svelte kernel
  tipo: 20 rostros editoriales · 4 expresiones · 4 detalles · Pasante · foto explícita — tamaño: compacta · normal · retrato— estado: foto ausente o fallida · colores forzados
  10 tokens: --alto-mando-s --alto-mando-l --r-redondo --r-tarjeta --su-2 --acento-txt --acento-borde --acento-claro --su --mandarina
  SVG propio y determinista, sin servicios externos. Personas y personajes del sistema comparten lienzo, capas y tokens; Pasante no es una identidad elegible. Reserva por clave estable o elección explícita. No deduce rasgos ni acredita identidad. Decorativo junto al nombre; variantes visibles en /estilo/identidad. La selección de muestra no se guarda.
• .figura-nucleus Figura ilustradaFiguraNucleus.svelte kernel
  tipo: 20 rostros compartidos · de pie · sentada · conversando · caminando — tamaño: vector adaptable— estado: colores forzados
  4 tokens: --acento-claro --acento-txt --mandarina --su
  Personaje componible para escenas. Separa identidad visual y pose: el mismo rostro puede participar en distintos contextos sin duplicar su dibujo.
• .atajo AtajoAtajo.svelte kernel
  tipo: enlace · dato · sin dato — tamaño:
  7 tokens: --barra-hover --e-3 --r-mando --su --t-meta --tx --tx-3
• .calendario CalendarioCalendario.svelte kernel
  tipo: mes · día activo · otro mes — tamaño:
  13 tokens: --alto-mando --barra-hover --barra-sel --e-1 --e-2 --e-3 --i-apretada --p-txt --r-mando --t-meta --t-min --tx --tx-3
• .delta DeltaDelta.svelte kernel
  tipo: sube · baja · igual · sin comparar — tamaño:
  7 tokens: --t-min --e-1 --tx-2 --tx-3 --ok-tinta --al-tinta --p-medio
  La comparación de una cifra. Dirección por flecha + palabra + color, en ese orden. «No comparado» NO es «sin cambio»; con base cero hay diferencia pero no porcentaje.
• .progreso ProgresoProgreso.svelte kernel
  tipo: normal · excedido · sin máximo — tamaño:
  12 tokens: --e-1 --t-meta --t-min --tx --tx-2 --tx-3 --barra-hover --acento --al --r-redondo --mov-medio --mov-curva
  Cifra con la barra que la sitúa. El denominador se dice. Pasarse del máximo no se recorta: se marca, porque esconderlo oculta que el dato está mal.
• .secreto-una-vez Secreto una vezSecretoUnaVez kernel
  tipo: credencial recién emitida — tamaño: (base)— estado: [open] · [aria-expanded]
  2 tokens: --sans --e-3
  Aviso previo, revelado nativo y copia solicitada. No recibe secretos de sesión.
• .tabla TablaTabla.svelte kernel
  tipo: texto · numero · fecha · estado · enlace · persona — tamaño: — estado: ok · vacio · caido · sin_fuente · cerrado
  9 tokens: --e-2 --e-3 --li --mando-borde --p-txt --sans --su --t-meta --tx-2
• .serie SerieSerie.svelte kernel
  tipo: detalle · multiserie · marcas explícitas · eje temporal — tamaño: — estado: ok · vacio · caido · sin_fuente · cerrado
  11 tokens: --acento --alto-mando --e-1 --e-2 --e-3 --li --mando-borde --sans --t-meta --tx --tx-2
• .ficha FichaFicha.svelte kernel
  tipo: columnas · apilada — tamaño: — estado: ok · vacio · caido · sin_fuente · cerrado
  7 tokens: --e-1 --e-2 --e-3 --sans --t-meta --tx-2 --tx-3
• .relacionadas RelacionadasRelacionadas.svelte kernel
  tipo: salientes · entrantes · sugeridas — tamaño: — estado: ok · vacio · caido · sin_fuente · cerrado
  9 tokens: --e-2 --e-4 --p-txt --sans --su-2 --t-meta --t-txt --titular --tx-2
• .kpi Cifra (kpi) app.css
  tipo: (base) — tamaño: (base)
  1 tokens: --tx-3
• .kpis Rejilla de cifras app.css
  tipo: (base) — tamaño: (base)
  0 tokens:
• .pg-cifra Cifra grande app.css
  tipo: (base) — tamaño: (base)
  3 tokens: --p-fuerte --t-cifra --tx
• .pg-lista Lista app.css
  tipo: (base) — tamaño: (base)
  0 tokens:
• .pg-fila Fila app.csskernel
  tipo: (base) · pulsable — tamaño: (base)— estado: :hover · :active
  8 tokens: --e-2 --e-3 --li --mov-m-toque --r-mando --su-2 --mando-posado --mando-pulsado
• .muro MuroMuro.svelte kernel
  tipo: nota · enlace · encuesta — tamaño: (base)— estado: vacio · sin_fuente · caido · cerrado · invalido · encuesta sin opciones
  8 tokens: --e-2 --e-3 --e-4 --sans --t-meta --su --su-2 --tx-2
  Una encuesta sin opciones se IDENTIFICA, no se esconde ni finge un botón de voto. El enlace es del lector: rel="noopener" y sin respaldo de la casa.
• .diff DiffDiff.svelte kernel
  tipo: enlinea · paralelo — tamaño: (base)— estado: sin cambios · ambos vacíos · @container < 36rem
  14 tokens: --articulado --sans --titular --t-meta --t-txt --p-txt --e-2 --e-3 --su-2 --tx-3 --al-fondo --al-tinta --ok-fondo --ok-tinta
  Parte por palabras, nunca por caracteres: en texto legal partir palabras produce ruido ilegible. La leyenda se dice UNA vez; el rótulo por tramo daba +39 % de longitud y nueve interrupciones en un artículo con cuatro retoques (medido 8-sep).
• .tablero ColumnasColumnas.svelte kernel
  tipo: (base) — tamaño: (base)— estado: vacía · filtrada · huérfana · sin acción de movimiento · invalido
  9 tokens: --e-2 --e-3 --sans --titular --t-meta --t-txt --p-txt --su --su-2
  Sin arrastrar: mover es un POST con destino elegible, para que funcione sin JavaScript y con teclado. Vacía de verdad y vacía por filtro se dicen distinto.

• .silencio SilencioSilencio.svelte kernel
  tipo: data-clase=cerrado · data-clase=caido · data-clase=vacio — tamaño:
  5 tokens: --e-2 --t-meta --tx-2 --tx-3 --al-tinta
  Una fuente que calla: cerrada para esta mirada, caída o vacía. El motivo lo declara el manifiesto del módulo (silencio.ts); la vista no inventa frases.
• .aviso AvisoAviso.svelte kernel
  tipo: (neutro) · info · ok · atencion · mal · destacado — tamaño: (base)— estado: cerrable · role=status|alert
  34 tokens: --e-1 --e-2 --e-3 --e-4 --r-caja --r-redondo --su-2 --li --tx --tit --tx-3 --t-txt --i-txt --p-fuerte --mando-borde --acento --acento-claro --acento-borde --acento-txt --ok --ok-fondo --ok-borde --ok-tinta --av --av-fondo --av-borde --av-tinta --al --al-fondo --al-borde --al-tinta --mandarina --mov-entrada --mov-salida
  Sustituye al «Inform» traducido del kit (borrado): aquél llevaba hasta el texto de documentación del kit.
• .pg-nota Nota app.css
  tipo: (base) · ok · aviso · mal — tamaño: (base)
  12 tokens: --al --av --e-2 --e-3 --e-4 --i-txt --li-fuerte --ok --r-mando --su-2 --t-txt --tx-2
• .pg-vacio Vacío app.css
  tipo: (base) — tamaño: (base)
  12 tokens: --e-2 --e-3 --e-4 --e-5 --e-6 --e-7 --i-txt --li-fuerte --r-tarjeta --su --t-txt --tx-3
• .silente Silente app.css
  tipo: (base) — tamaño: (base)
  1 tokens: --tx-3
• .transcluido / .tr-pend / .tr-rota Transcluidotransclusion/Transcluido.svelte kernel
  tipo: vivo · pendiente · rota — tamaño: (base)
  5 tokens: --acento-borde --av-borde --al-borde --su-2 --t-min
  Sello de la casa: los tres estados de una transclusión, con procedencia.
• .pulso PulsoPulso.svelte kernel
  tipo: sin_promesa · nunca · vivo · lento · callado — tamaño: (base)— estado: reloj torcido
  10 tokens: --e-1 --sans --t-meta --tx --tx-2 --tx-3 --ok --av --al --p-medio
  El punto NUNCA va solo: la palabra es el canal principal y el color el refuerzo. Responde por procesos con principio y fin; de un residente no dice «callado»: no dice nada, porque no tiene fila. No lanza nunca — la versión anterior reventaba con el 65,5 % de los datos reales.

• .identidad-perfil Identidad de perfilIdentidadPerfil.svelte kernel
  tipo: sin fotografía — tamaño: tarjeta · ficha— estado: :hover · :active · :focus-visible · movimiento reducido · colores forzados
  28 tokens: --acento-txt --alto-mando-l --e-1 --e-2 --e-3 --e-4 --e-5 --i-tit --i-txt --mando-borde --mov-curva --mov-entrada --mov-toque --r-lamina --r-tarjeta --sombra-flota --su --su-2 --t-meta --t-min --t-pag --t-pub-h1 --t-pub-tit-2 --t-txt --t-zona --titular --tx --tx-2
  La misma identidad en listado y ficha. Avatar ilustrado identificado como tal cuando la vista no recibe fotografía; no es un retrato de la persona. Un enlace nativo por tarjeta, sin controles anidados. Sombra estable y nombre compartido con la transición del armazón.
• .tarjeta-editorial Tarjeta editorialTarjetaEditorial.svelte kernel
  tipo: papel · tinte · acento · ilustrada — tamaño: portada · tarjeta · fila— estado: :hover · :active · :focus-visible
  43 tokens: --acento-claro --acento-fuerte --acento-tinta --acento-txt --alto-mando-l --alto-mando-xl --e-1 --e-2 --e-3 --e-4 --e-5 --e-6 --e-7 --e-8 --forma-esquina --i-holgada --i-tit --i-txt --mandarina --mando-borde --mov-curva --mov-entrada --mov-toque --r-lamina --r-redondo --r-tarjeta --sans --sombra-base --sombra-flota --sombra-xs --su --su-2 --t-med --t-meta --t-pub-tit-2 --t-pub-tit-3 --t-pub-txt --t-txt --t-zona --tit-versalita --titular --tx --tx-2
  Portada, tarjeta y fila adaptables. La composición ilustrada une una escena de 144 px de alto con el texto en una sola lámina, también en móvil. El inicio la usa a través de Acceso, sin cambiar destinos. Sombra estable, foco, pulsación y movimiento reducido. Motivo decorativo y pie opcional; enlace nativo sin JS.
• .caratula Carátula documentalCaratula.svelte kernel
  tipo: neutro · acento · aviso — tamaño: adaptable— estado: :hover · :focus-visible · movimiento reducido
  28 tokens: --acento --acento-borde --acento-claro --acento-txt --articulado --av-tinta --e-1 --e-2 --e-3 --e-4 --e-5 --i-tit --i-txt --mando-borde --mono --mov-curva --mov-toque --p-medio --r-redondo --r-tarjeta --su --t-med --t-min --t-rot --t-zona --tit --tx --tx-2
  Portada compacta de un documento o expediente: una sola puerta, nombre, estado textual con marca, datos rotulados en líneas y gancho editorial. Fondo lavanda tenue sin sombra ni cajas bordeadas dentro de la superficie.
• .desplazamiento Desplazamiento efímeroarmazon/Desplazamiento.svelte kernel
  tipo: vertical — tamaño: tirador 44–88— estado: reposo · visible · :focus-visible · arrastrando
  13 tokens: --alto-mando-l --e-1 --e-2 --e-6 --mando-borde --mov-curva --mov-entrada --mov-salida --mov-toque --r-mando --r-redondo --tx-2 --tx-3
  Sin flechas. Aparece al desplazar o acercarse al borde; se desvanece tras la pausa. Control por arrastre y teclado, posición proporcional y longitud acotada. Sin JS, con puntero grueso, alto contraste o canal bidimensional conserva el control nativo.
• .carpetas Pestañas de expedientearmazon/Pestanas.svelte kernel
  tipo: enlaces GET · orden local — tamaño: silueta 32 / área táctil 44— estado: [aria-current] · :focus-visible · arrastrada · destino
  29 tokens: --alto-mando-l --alto-mando-s --armazon-cabecera --barra-hover --e-1 --e-2 --e-3 --e-4 --e-6 --e-8 --li-fuerte --mando-borde --mov-curva --mov-toque --p-medio --pa --r-caja --r-mando --r-min --sans --sombra-base --su --su-3 --t-meta --t-rot --t-txt --tit --tx --tx-2
  Referencias del jefe: hombros y pies curvos, solape y costura abierta al papel. Arrastre con ratón; tacto desde ⠿; Alt + flechas y botones equivalentes. Orden por identidad, restaurable y guardado por vista en este navegador. Sin JS conserva enlaces y orden canónico. FLIP lee la puerta única de movimiento reducido.
• .paginacion Paginación compactaPaginacion.svelte kernel
  tipo: enlaces GET · ventana con extremos y saltos — tamaño: adaptable— estado: [aria-current] · [rel=prev] · [rel=next]
  17 tokens: --alto-mando-s --e-2 --e-4 --mov-curva --mov-toque --p-fuerte --p-medio --panel-canal --panel-elevado --panel-r-canal --panel-r-control --panel-relleno-canal --su --t-meta --tx --tx-2 --tx-3
  Primera, última y entorno actual detrás de una interfaz de estado más constructor de URL. Evita cientos de mandos, conserva navegación anterior/siguiente y envuelve sin desbordar en canales estrechos.
• .acceso-espacio Acceso a un espacioAcceso.svelte kernel
  tipo: sobria · editorial (papel, tinte, acento) — tamaño: tarjeta · fila— estado: :hover · :active · :focus-visible
  35 tokens: --acento-tinta --acento-txt --alto-mando-xl --barra-hover --barra-sel --e-1 --e-2 --e-3 --e-4 --e-5 --e-6 --forma-esquina --i-tit --i-txt --li --li-fuerte --mandarina --mando-borde --mov-curva --mov-toque --r-caja --r-redondo --r-tarjeta --su --su-2 --t-med --t-meta --t-pub-tit-2 --t-pub-tit-3 --t-pub-txt --tit --tit-versalita --titular --tx --tx-2
  Un mismo contrato de nombre, propósito, icono y destino. La tarjeta editorial muestra IlustracionAcceso a gran tamaño; la fila conserva el icono compacto. Delega en TarjetaEditorial, sin duplicar enlaces. Mandarina únicamente en señales pequeñas. Conserva el enlace nativo y respeta movimiento reducido.
• .segmento SegmentoSegmento.svelte kernel
  tipo: enlaces GET — tamaño:
  10 tokens: --barra-hover --e-1 --e-2 --e-3 --r-mando --su --su-2 --t-meta --tx --tx-2
• .facetas FacetasFacetas.svelte kernel
  tipo: multiselección GET — tamaño: — estado: ok · vacio · caido · sin_fuente · cerrado
  12 tokens: --e-1 --e-2 --e-4 --p-txt --r-mando --sans --su-2 --t-meta --t-txt --titular --tx-2 --tx-3
• .migas Migas app.css
  tipo: (base) — tamaño: (base)— estado: [aria-current]
  6 tokens: --acento-txt --li-fuerte --p-medio --t-meta --tx --tx-3
• .canal-avisa-detras Canal que avisa detrás(clase de panel.css) kernel
  tipo: (base) — tamaño: (base)— estado: en el tope · en medio · al final · sin desborde
  4 tokens: --e-2 --e-6 --li-fuerte --su
  Cuatro capas de fondo: dos «local» del color del papel que viajan con el contenido y tapan a dos «scroll» de sombra en los extremos. Sin desborde no se ve nada, sin JavaScript. Se usa cuando el hijo del canal NO tapa el filo. Δ medido 25–28. El papel se cambia con --canal-papel —VARIABLE DE LA PIEZA, no token del banco: no está en dist/ y no debe estar en `tokens`— y es lo ÚNICO que varía por sitio: las capas «local» tienen que ser del color del elemento que las lleva.
• .canal-avisa-borrando Canal que avisa borrando(clase de panel.css) kernel
  tipo: (base) — tamaño: (base)— estado: en el tope · en medio · al final · sin desborde
  1 tokens: --e-5
  Máscara atada a animation-timeline: scroll(self inline) sobre --canal-i/--canal-d, dos VARIABLES DE LA PIEZA registradas con @property (no son tokens del banco) — borra píxel en vez de pintar detrás. Se usa cuando el hijo pinta de borde a borde y DETRÁS hay otro color; si detrás hay el mismo, da Δ 2 y es inútil (medido en la barra de sujetos). Δ medido 8,7–14,7. Sólo borra lo que hay: donde el filo es papel, no pinta. Nunca fija: un desvanecido sin línea de tiempo miente cuando no hay nada escondido, y el guardián lo rechaza.