/* * dotoo — LA TARJETA: un solo chasis para las ocho listas de la app (29-ago-2026). * * Decisión de Guillem del 29-ago-2026 (`docs/DECISIONS.md`): un reto en marcha, un reto abierto, un * reto en el perfil de alguien, una lista de to-do's (esa se fue con la mini-app, retirada), un * plan, un bote, una rota y una porra (todas se fueron con sus mini-apps) dejan * de tener cada uno su markup y su vestido para pasar a ser el MISMO componente * (`app/views/comun/_tarjeta.html.erb`) con distinto contenido. Opción B del mockup: a la izquierda * un SELLO de 44 que dice de qué entidad se trata —la categoría del reto, el dado de la fecha de un * plan, el glifo de la mini-app en el resto— y a su derecha tres filas que se pintan solo si tienen * algo que decir: cabecera, meta y pie. * * El chasis original toma colores y medidas de los tokens de `application.css` § 1 y * de las recetas que ya vivían repartidas por las ocho cards. El contorno va SIEMPRE por * `--contorno`/`--contorno-fino` y nunca en píxeles literales, porque el grosor del chasis se está * ajustando en otra rama y esta hoja tiene que heredarlo sin tocarse. * La variante de retos (§ 8), aprobada el 10-sep-2026, integra el sello en un lateral suave. * * LO QUE SE REUSA TAL CUAL y por eso no se repite aquí: `.caras`/`.cara` (§ 26) —ya no en la ficha * de un reto en marcha—, `.barra` (§ 24), * `.cuenta` (§ 20) y el cajón del gesto de tirar * (§ 48). La tarjeta solo les cambia lo que su sitio nuevo exige (la cara pasa de 21 a 23, la barra * de 14 a 11). * * `.chip-arranque`, `.tipo` y `.pills`/`.pills i` estaban en esa lista y SE FUERON DEL REPO el * 7-sep-2026, con el rediseño de la ficha de un reto abierto (§ 3 y § 6): eran su chip coral, su * badge de familia y sus casillas de plazas, y esa ficha era el único markup que las escribía. * * CSS MUERTO QUE SE QUEDA EN PIE. La migración no borra nada de `application.css`: otra sesión lo * tiene abierto. Estos selectores se quedaron sin markup el 29-ago-2026 y hay que RETIRARLOS de * `application.css` cuando esa sesión cierre su barrido (TODO en `tasks/app/TODO.md`). Los de * `porras.css` ya no figuran: la hoja entera se fue con la mini-app el 8-sep-2026. * * application.css § 20/26 .reto.indice, .lista:not(.indice) > .reto.indice, .indice .r-tit, * .indice .r-meta, .indice .r-plazas, .chip-dia, .r-quien, * .r-quien .mas, .r-prog, .r-prog .barra, .a-txt, .a-meta * (`.card-ir` ya no figura: su único escritor era la mini-app `eventos` * y salió de `application.css` con ella el 7-sep-2026.) * application.css § 32 .r-tit .cat-mini, .r-tit .cat-mini svg, .r-tit .cat-mini + .r-dias * (la § 39 de To-do's ya no figura: la mini-app se retiró y su sección entera salió de * `application.css`, con estos selectores dentro.) * (la § 41 del Bote ya no figura: la mini-app se retiró el 8-sep-2026 y de su sección solo * quedo en pie `.fab`, que nunca fue suya.) * (la § 42 del Roster ya no figura: la mini-app se retiró el 8-sep-2026 y su sección entera salió * de `application.css`, con esos selectores dentro.) * (la § 47 de Eventos ya no figura: la mini-app se retiró el 7-sep-2026 y su sección entera salió * de `application.css`, con `.de-plan` dentro.) * * SEGUNDA TANDA, MISMO DÍA: el JOURNAL y el índice del PLANNER, que se habían quedado fuera de la * migración de las ocho. El planner no añade nada al inventario —sus dos `
  • ` usaban la card * vieja de la § 20/26, ya listada arriba—, pero el journal tenía fila propia y se queda sin markup: * * application.css § 38 .antes, .antes-fila, .antes li:last-child .antes-fila, * .antes-fila:active, .antes-dia, .indice .antes-dia, .antes-txt, * .antes-chevron * * OJO AL RETIRARLAS: los comentarios de la § 41.e (`.gasto`) y de los defaults de un gasto citan * `.antes-fila` y `.antes-chevron` como LINAJE —"es `.antes-fila` con una tercera columna"—, pero * esas dos cards tienen sus propias reglas y no heredan ni un selector. Se borra el CSS; los * comentarios que lo nombran hay que reescribirlos, no arrastrarlos. * * LO QUE ESTA HOJA PERDIÓ CON LA RETIRADA DE TO-DO'S (2-sep-2026, D7): tres reglas cuyo único * escritor era la mini-app y que sin ella no las pinta nadie — `.tarjeta[data-fallo]` (el relleno * de aviso que marcaba `todos_controller.js` al fallar el renombrado de una lista), * `.t-dato.numero` (el dato de la derecha leído como cifra, que solo pasaba la ficha de una lista * vía el local `dato_clase`) y `.t-ico`/`.t-ico svg` (el anillo de "lista compartida"). El local * `dato_clase` sigue en `comun/_tarjeta.html.erb` como punto de extensión; el día que alguien lo * use tendrá que traerse su propia regla. * * `.reto`/`.r-tit`/`.r-dias`/`.r-meta` a secas NO entran en esa lista: siguen vivos en el listado * público de cohortes y en las fogatas. */ /* ---------- 1. El chasis ---------- */ /* 14/16/15/14 de relleno, radio 20, contorno --contorno y la sombra dura de siempre. El relleno izquierdo es 2px menor que el derecho porque el sello ya trae su propio contorno y, con los 16 de aquel lado, la caja se leía descentrada. `--crema` y no `#fff`: es el token de superficie blanca del set (§ 1), y así esta hoja no escribe ni un color literal. */ .tarjeta{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:12px; padding:14px 16px 15px 14px;background:var(--crema);color:var(--tinta); border:var(--contorno) solid var(--tinta);border-radius:20px;box-shadow:0 4px 0 var(--som); font-family:var(--f);list-style:none} /* 12px entre tarjetas. Donde la tarjeta va suelta (la raíz, un perfil, la invitación) lo pone su propio margen; dentro de un `.lista` —que ya reparte 8 de gap (§ 20)— el margen se apaga y es el gap el que sube a 12, para no sumar los dos. */ .lista:has(> .tarjeta),.lista:has(> li > .tarjeta){gap:12px} .lista > .tarjeta,.lista > li > .tarjeta{margin-bottom:0} /* ---------- 2. La puerta ---------- */ /* UN `` VACÍO ESTIRADO POR DEBAJO, el apilado que ya repetían `.card-ir` (retirada el 7-sep-2026 con Eventos), `.ficha-todos-ir`, y `.bote-card-ir` y `.roster-card-ir` (retiradas el 8-sep-2026 con sus mini-apps), escrito una sola vez y sin nombre de mini-app: dentro de una tarjeta puede haber un `