bienvenida y Ajustes: el tipo de portada se guarda al tocarlo, sin boton de guardar; en Ajustes va justo despues del idioma

src/client/assets/styles/mobile_ux.css

@@ -593,6 +593,30 @@ body > .welcome-banner { order: -1; margin-top: 10px !important; }
 /* con el menu abierto, el boton de No molestar no se monta encima de la hoja */
 body:has(#oasis-menu-toggle:checked) form.oasis-phone-state { display: none !important; }
 
+/* ---------- tipo de portada: un toque y guardado ---------- */
+/* bienvenida y Ajustes: cada opcion es un boton. En el movil, una fila por opcion con
+   la miniatura a la izquierda (en rejilla de tres, "Conversaciones" se partia a 360px);
+   en tableta, rejilla de tres */
+.main-column form.ux-pick { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
+.main-column .ux-pick-hint { margin: 0 0 10px !important; color: var(--ux-muted); font-size: 14px; }
+.main-column .ux-pick-grid { display: block !important; border: 0 !important; background: transparent !important; padding: 0 !important; }
+.main-column button.ux-pick-card {
+  display: flex !important; flex-direction: row; align-items: center; text-align: left;
+  width: 100% !important; min-width: 0 !important; min-height: 64px !important; height: auto !important; margin: 0 0 10px !important; padding: 8px 12px 8px 8px !important;
+  background: var(--ux-bg) !important; color: var(--ux-fg) !important; border: 2px solid var(--ux-line) !important; border-radius: 14px !important;
+  box-shadow: 0 3px 0 var(--ux-line) !important; text-transform: none !important; font-family: inherit !important; cursor: pointer;
+}
+.main-column button.ux-pick-card.is-current { background: var(--ux-accent) !important; color: var(--ux-on-accent) !important; }
+.main-column .ux-pick-shot { display: block; flex: 0 0 76px; width: 76px; height: auto; border-radius: 8px; margin: 0 12px 0 0; border: 1px solid rgba(0, 0, 0, .2); }
+.main-column .ux-pick-label { flex: 1 1 auto; min-width: 0; text-align: left; font-size: 16px; font-weight: 700; line-height: 1.2; }
+.main-column .ux-pick-now { flex: 0 0 auto; margin-left: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
+@media (min-width: 700px) {
+  .main-column .ux-pick-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 12px; }
+  .main-column button.ux-pick-card { flex-direction: column; text-align: center; margin: 0 !important; padding: 10px !important; }
+  .main-column .ux-pick-shot { width: 100%; flex: 0 0 auto; margin: 0 0 8px; }
+  .main-column .ux-pick-now { margin: 4px 0 0; }
+}
+
 /* ---------- tabletas y pantallas anchas ---------- */
 /* a 800dp todo se estiraba: lineas larguisimas y la hoja del menu con cinco iconos
    repartidos en 800px. Contenido a 720px como mucho, centrado; la hoja, igual */

src/client/assets/translations/i18n_fork.js

@@ -20,6 +20,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menu",
     bbMenuClose: "Close",
+    uxPickHint: "Tap one and it is saved. You can change it any time in Settings.",
+    uxPickCurrent: "In use",
     workflow_acampada: "Camp",
     tribeSectionsMore: "More",
     tribeSectionsLabel: "Sections",
@@ -100,6 +102,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menú",
     bbMenuClose: "Cerrar",
+    uxPickHint: "Toca uno y queda guardado. Puedes cambiarlo cuando quieras en Ajustes.",
+    uxPickCurrent: "En uso",
     workflow_acampada: "Acampada",
     tribeSectionsMore: "Más",
     tribeSectionsLabel: "Secciones",
@@ -186,6 +190,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menu",
     bbMenuClose: "Fermer",
+    uxPickHint: "Touchez-en un et c'est enregistré. Vous pouvez le changer à tout moment dans les Paramètres.",
+    uxPickCurrent: "Actuel",
     workflow_acampada: "Campement",
     tribeSectionsMore: "Plus",
     tribeSectionsLabel: "Sections",
@@ -266,6 +272,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menua",
     bbMenuClose: "Itxi",
+    uxPickHint: "Bat ukitu eta gordeta geratzen da. Nahi duzunean alda dezakezu Ezarpenetan.",
+    uxPickCurrent: "Erabiltzen",
     workflow_acampada: "Kanpaldia",
     tribeSectionsMore: "Gehiago",
     tribeSectionsLabel: "Atalak",
@@ -346,6 +354,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menü",
     bbMenuClose: "Schließen",
+    uxPickHint: "Tippe eins an und es ist gespeichert. Du kannst es jederzeit in den Einstellungen ändern.",
+    uxPickCurrent: "Aktiv",
     workflow_acampada: "Camp",
     tribeSectionsMore: "Mehr",
     tribeSectionsLabel: "Bereiche",
@@ -426,6 +436,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menu",
     bbMenuClose: "Chiudi",
+    uxPickHint: "Toccane uno ed è salvato. Puoi cambiarlo quando vuoi nelle Impostazioni.",
+    uxPickCurrent: "In uso",
     workflow_acampada: "Accampata",
     tribeSectionsMore: "Altro",
     tribeSectionsLabel: "Sezioni",
@@ -506,6 +518,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Menu",
     bbMenuClose: "Fechar",
+    uxPickHint: "Toque num e fica guardado. Pode mudá-lo quando quiser nas Definições.",
+    uxPickCurrent: "Em uso",
     workflow_acampada: "Acampada",
     tribeSectionsMore: "Mais",
     tribeSectionsLabel: "Secções",
@@ -586,6 +600,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "菜单",
     bbMenuClose: "关闭",
+    uxPickHint: "点一下即保存。随时可以在设置中更改。",
+    uxPickCurrent: "使用中",
     workflow_acampada: "营地",
     tribeSectionsMore: "更多",
     tribeSectionsLabel: "板块",
@@ -666,6 +682,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "القائمة",
     bbMenuClose: "إغلاق",
+    uxPickHint: "المس واحدًا ويُحفظ. يمكنك تغييره في أي وقت من الإعدادات.",
+    uxPickCurrent: "قيد الاستخدام",
     workflow_acampada: "مخيم",
     tribeSectionsMore: "المزيد",
     tribeSectionsLabel: "الأقسام",
@@ -746,6 +764,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "मेनू",
     bbMenuClose: "बंद करें",
+    uxPickHint: "एक पर टैप करें और वह सेव हो जाएगा। सेटिंग्स में इसे कभी भी बदल सकते हैं।",
+    uxPickCurrent: "चालू",
     workflow_acampada: "शिविर",
     tribeSectionsMore: "और",
     tribeSectionsLabel: "खंड",
@@ -826,6 +846,8 @@ module.exports = {
     // usabilidad (19/10/2026): votaciones, borrar, modulos, pie
     bbMenu: "Меню",
     bbMenuClose: "Закрыть",
+    uxPickHint: "Нажмите на вариант, и он сохранится. Изменить можно в любой момент в Настройках.",
+    uxPickCurrent: "Сейчас",
     workflow_acampada: "Лагерь",
     tribeSectionsMore: "Ещё",
     tribeSectionsLabel: "Разделы",