/* ============================================================================ The Scrolling Economy — CAPA DE UX. Mateo Ortiz, 2026-09-24. Fila B del brief `01-brief-creativo-edicion-web-libro.md` (Sofia, 2026-09-24). Archivo aparte a proposito, igual que la capa de motion de Valentina: `book.css` y `book.js` son de Andres y estan abiertos ahora mismo (paso de suelo tipografico, tarea F). Esta capa no toca ni una linea de aquellos y se retira quitando dos lineas del generador. QUE CUBRE. Solo lo que el brief §5 pone a mi nombre: D1 LA LINEA DE APRENDIZAJE. El sitio donde cae la frase que Lucia escribe (tarea C). Aqui esta el hueco y su forma; el texto no es mio. D2 EL MARCO DE LA FIGURA. Seam §8: Andres manda DENTRO del marco, yo mando el marco y todo lo de fuera — contenedor, pie, control de lectura, zoom y sitio en el flujo. D3 EL QUIZ. Su forma y su comportamiento, enteros. QUE NO CUBRE, y no por descuido: · La tira del trinquete (D4) es de Valentina. Esta capa no dibuja progreso ni posicion: seria el mismo dato dos veces en dos bordes de la pantalla. · El dibujo de la figura, sus capas y su suelo tipografico son de Andres. · El indice de secciones del capitulo NO se construye aqui. Los titulos del censo son `sr-only` y un lector vidente nunca ve de que partes se compone el capitulo: es un defecto real y esta escrito en 05-ux-ui.md como hallazgo con nombre. No entra de tapadillo en una ronda cuyo criterio es §5. CERO CLS. Nada de esta hoja se inserta despues del primer layout: el hueco de D1 y el orden del marco los emite el generador, y lo unico que escribe el JS son atributos y textos dentro de cajas ya reservadas. ========================================================================= */ :root{ --ux-gate:4px; /* el filete de la compuerta del quiz */ --ux-key:30px; /* el cuadrado de la clave de opcion */ } /* ========================================================================== D1 · LA LINEA DE APRENDIZAJE Texto: Lucia Herrera, `build/web-takeaways.json` (12 x 2 + un rotulo fijo). Colocacion: mia. VA DELANTE DEL CENSO, y cambie de sitio a proposito. Mi primera version la puso detras, con este argumento: el censo contesta una pregunta sobre el LIBRO y esta linea una sobre EL LECTOR, asi que lo ultimo antes de la prosa tenia que ser la segunda. Lucia pidio lo contrario y tiene la razon mas fuerte: bajando de la banda cobalto, el lector acaba de leer el TITULO, y lo que busca ahi es por que deberia leer esto. La promesa contesta a eso; el censo contesta a otra cosa que solo importa si ya decidiste leer. Promesa, luego su respaldo, luego el texto — que es el orden de una afirmacion y su nota al pie, no al reves. EL PROBLEMA QUE ELLA SENALO Y COMO SE RESUELVE. Los dos rotulos son versalitas micro y quedan a cuarenta pixeles: "After this chapter" y "Before you read this chapter" se leen como una sola zona de chrome y el lector salta los dos. Se separan con tres cosas y ninguna es una regla mas: · el REGISTRO — entre los dos rotulos hay una frase en serif de 26 px; el censo entero es sans de 13 a 15. El salto de familia hace el corte. · esta linea NO lleva filete propio. El censo ya abre con el suyo a <1200, y dos reglas seguidas eran justo la zona de chrome que hay que evitar. · el rotulo va en cobalto y el del censo en --ink2: son un PAR declarado (antes / despues), no dos avisos compitiendo. NO ES UN ENCABEZADO (restriccion 5 de Lucia): `