«Acta»

Marca

Color

• Papel--page
• Superficie--surface
• Papel hundido--surface-2
• Tinta--ink
• Tinta 2--ink-2
• Niebla--muted
• Acento (tinta)--accent
• Sepia--seal

Datos: tonos acromáticos

Las series se distinguen por tono y llevan etiqueta directa. La única excepción son las franjas de gobierno, en un pastel del partido del presidente, siempre rotuladas con su nombre y foto.

• Serie principal--tono-a
• Comparación--tono-b
• Tercer tono--tono-c

Mapas: viridis y semáforo

Viridis, de menos (q1) a más (q5), en todas las capas: el color no dice si algo es bueno o malo. Solo donde una norma oficial fija qué dirección es mejor (paro, riesgo de pobreza, 5G), el semáforo, del verde (s1) al rojo oscuro (s5): verde, el quinto de los territorios donde el valor está más en la dirección que pide la norma; rojo, el quinto donde lo está menos. Con «baja», el quintil más bajo es s1; con «sube», el más alto. Verde y rojo coinciden con colores de partido: por eso el semáforo se limita a datos con norma (D-068).

• Menos--mapa-q1
• --mapa-q2
• --mapa-q3
• --mapa-q4
• Más--mapa-q5
• Más en la dirección de la norma--mapa-s1
• --mapa-s2
• --mapa-s3
• --mapa-s4
• Menos en la dirección de la norma--mapa-s5

Tipografía

Escala (tercera mayor, ×1,25)

• --fs-5Portada
• --fs-4Titular 1
• --fs-3Titular 2
• --fs-2Titular 3
• --fs-1Subtítulo
• --fs-0Texto
• --fs--1Metadato
• --fs--2Nota

Espaciado (base 4 px)

• --sp-14 px
• --sp-28 px
• --sp-312 px
• --sp-416 px
• --sp-524 px
• --sp-632 px
• --sp-748 px
• --sp-864 px
• --sp-996 px
• --sp-10128 px

Vidrio y movimiento

Receta de vidrio «líquido»: relleno rgba(255,253,248,.55), borde de 1 px con degradado de luz, brillo interior arriba y abajo, sombra doble y filtro blur(30px) saturate(190%) brightness(1.06). Solo en lo que flota sobre el contenido; nunca detrás de cifras, gráficos ni tablas. El texto sobre fondo oscuro posible (barras, controles del mapa) va en --ink: AA incluso sobre el negro del satélite (4,8:1), el tono medio y el amarillo del viridis (franjas de abajo).

Lente deslizante

La pastilla de la opción elegida se mueve con muelle hasta la opción tocada (lib/lentes.ts).

Radios

• --radio-s 20 px · cajas pequeñas
• --radio-m 28 px · tarjetas
• --radio-l 36 px · tarjetas grandes
• --radio-hoja 44 px · hojas
• --radio-pill · todo lo demás

Respuesta al toque

Al pulsar, botones, tarjetas y destinos se hunden (scale: .94) y vuelven con muelle (--muelle, linear() donde hay soporte; si no, --curva). Con «reducir movimiento», nada se anima.

Púlsame

Transparencia

En «Secciones» (menú del móvil): Normal (0,55), Menos (0,78) y Ninguna (1, sin filtro). El sistema (prefers-reduced-transparency, colores forzados) o un navegador sin backdrop-filter fuerzan «Ninguna».

Componentes