/* MyMusicSoul — «Tú» (/cuenta), «Ajustes» (/ajustes) y el reto de la semana en
   Mi comunidad. Rediseño de Hugo, 2026-10-28. Mobile-first; desde 768 px, laptop.
   Usa los tokens de cada página; los valores tras la coma son los mismos por si
   una página no los define. Sin `quiet` en texto chico: ink-2 (#55595F) pasa AA. */
.tu,.aj,.reto-sem{--tu-surface:var(--surface,#FFFFFF);--tu-soul-ink:var(--soul-ink,#5B45B8);--tu-live-strong:var(--live-strong,#17524F);
  --tu-active:var(--active-bg,#E3EFEE);--tu-lila:#F3F0FB;--tu-lila-borde:#E4DEF7;--tu-pildora:#EFEBFA}
.tu :focus-visible,.aj :focus-visible,.reto-sem :focus-visible{outline:2px solid var(--live,#1F6F6B);outline-offset:2px}
.tu .ic,.aj .ic{width:20px;height:20px;flex:none}
.tu .vh,.aj .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- encabezado del perfil ---------- */
.tu-cab{display:flex;align-items:center;gap:14px;margin-top:8px}
.tu-cab .tu-av{width:60px;height:60px;border-radius:14px;flex:none;background:var(--paper-2,#EEEAE3)}
.tu-quien{flex:1;min-width:0}
.tu-quien h1{margin:0;font-size:24px;font-weight:700;line-height:1.15;color:var(--ink,#23262B);overflow-wrap:anywhere;letter-spacing:-.01em}
.tu-meta{margin:2px 0 0;display:flex;flex-direction:column;gap:1px}
.tu-meta .ok{font-size:13.5px;font-weight:600;color:var(--ok,#2E7D4F)}
.tu-meta .pend{font-size:13.5px;font-weight:600;color:var(--ink-2,#55595F)}
.tu-meta .desde{font-size:13px;color:var(--ink-2,#55595F)}
a.tu-ajustes{display:inline-flex;align-items:center;gap:6px;flex:none;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#DAD5CC);
  background:var(--tu-surface);color:var(--ink,#23262B);font-size:15px;font-weight:600;text-decoration:none}
a.tu-ajustes:hover{background:var(--paper-2,#EEEAE3)}
.tu-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:8px 12px;border-radius:12px;background:var(--tu-surface);
  border:1px solid var(--paper-2,#EEEAE3);font-size:14px;color:var(--ink-2,#55595F)}
.tu-badges .ic{color:var(--tu-soul-ink)}
.tu-badges #tuBadgesTx{flex:1;min-width:0}
.tu-badges a{color:var(--live,#1F6F6B);font-weight:600}
.tu-badges .pild{display:inline-block;background:#FFF3D6;color:#7A4F00;border:1px solid #E9C46A;border-radius:999px;padding:2px 10px;font-weight:700;font-size:13px}
.tu-badges .bdg{font-size:13px}

/* ---------- pestañas (control segmentado) ---------- */
.tu-tabs{display:flex;gap:4px;margin:18px 0 14px;padding:4px;border-radius:999px;background:var(--paper-2,#EEEAE3);width:100%}
.tu-tabs button[role=tab]{flex:1;height:40px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-2,#55595F);
  font:inherit;font-size:15px;font-weight:650;cursor:pointer;white-space:nowrap}
.tu-tabs button[role=tab][aria-selected=true]{background:var(--tu-surface);color:var(--ink,#23262B);box-shadow:0 1px 3px rgba(35,38,43,.14)}
.tu [role=tabpanel][hidden]{display:none}
/* «Canciones para ti» llama la atención: morado, brillo y la burbuja con cuántas son (Hugo, 2026-10-28) */
.tu-tabs button#tabCanciones{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--tu-pildora);color:var(--tu-soul-ink)}
.tu-tabs button#tabCanciones[aria-selected=true]{background:var(--tu-surface);color:var(--tu-soul-ink)}
.tu-tabs button#tabCanciones .ic{width:18px;height:18px}
.tu-tabs button#tabCanciones .corto{display:none}
.tu-tab-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;
  background:var(--tu-soul-ink);color:#fff;font-size:12.5px;font-weight:700;line-height:1}
.tu-tab-n[hidden]{display:none}
@media (max-width:399px){.tu-tabs button#tabCanciones .largo{display:none}.tu-tabs button#tabCanciones .corto{display:inline}}
/* el aviso en «Mi sonido» que lleva a ellas */
.tu button.tu-aviso-recs{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0 0 4px;padding:14px 16px;min-height:60px;border:0;border-radius:18px;
  background:linear-gradient(120deg,var(--tu-soul-ink),#7A63D6);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(91,69,184,.28)}
.tu button.tu-aviso-recs[hidden]{display:none}
.tu button.tu-aviso-recs:hover{background:var(--tu-soul-ink)}
.tu-aviso-recs .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tu-aviso-recs b{font-size:17px}
.tu-aviso-recs .tx span{font-size:14px;opacity:.95}
.tu .tu-aviso-recs .ic{width:22px;height:22px}
.tu .tu-aviso-recs .tu-aviso-recs__ic{width:30px;height:30px}

/* ---------- tarjetas ---------- */
.tu-card{background:var(--tu-surface);border:1px solid var(--line,#DAD5CC);border-radius:18px;padding:16px;margin-top:12px}
.tu-card h2{margin:0;font-size:17px;font-weight:700;color:var(--ink,#23262B)}
.tu-card .sub{margin:4px 0 0;font-size:14px;color:var(--ink-2,#55595F)}
.tu-card__cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tu-card__cab small{font-size:13px;color:var(--ink-2,#55595F)}
.tu-cols{display:flex;flex-direction:column}
.tu-col{min-width:0}

/* top 5 */
.tu-top5{list-style:none;margin:10px 0 0;padding:0}
.tu-top5 li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--paper-2,#EEEAE3)}
.tu-top5 li:last-child{border-bottom:0}
.tu-top5 img,.tu-top5 .noart{width:40px;height:40px;border-radius:8px;flex:none;background:var(--paper-2,#EEEAE3);display:block;object-fit:cover}
.tu-top5 .tx{flex:1;min-width:0}
.tu-top5 .t{font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink,#23262B)}
.tu-top5 .a{font-size:14px;color:var(--ink-2,#55595F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tu-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tu a.tu-cont,.tu button.tu-cont{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;
  border:1.5px solid var(--live,#1F6F6B);background:transparent;color:var(--live,#1F6F6B);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}

/* ADN musical */
.tu-adn{margin-top:10px;display:grid;gap:10px}
.tu-adn__g{display:grid;gap:6px}
.tu-adn__l{font-size:13px;font-weight:600;color:var(--ink-2,#55595F)}
.tu-pils{display:flex;flex-wrap:wrap;gap:6px}
.tu-pil{background:var(--tu-surface);border:1px solid var(--line,#DAD5CC);border-radius:999px;padding:3px 12px;font-weight:700;font-size:14.5px}
.tu-pil.nota{color:var(--live,#1F6F6B)}
.tu-pil.acorde{color:var(--tu-soul-ink)}
.tu-prog{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.tu-prog__t{font-size:16px;font-weight:700;color:var(--live,#1F6F6B)}
.tu button.tu-oir{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:rgba(31,111,107,.12);
  color:var(--tu-live-strong);font:inherit;font-size:14.5px;font-weight:650;cursor:pointer}
.tu button.tu-oir[aria-pressed=true]{background:var(--live,#1F6F6B);color:#fff}
.tu button.tu-oir .ic{width:16px;height:16px}

/* lo que te hace sentir */
.tu-card.tu-sentir{background:var(--tu-lila);border-color:var(--tu-lila-borde)}
.tu-solo{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--tu-soul-ink)}
.tu-solo .ic{width:15px;height:15px}
.tu-sentir .m{margin-top:6px;font-size:15px;color:var(--ink,#23262B)}
.tu-sentir .m b{color:var(--tu-soul-ink)}

/* enlace a la comunidad */
a.tu-comu{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border-radius:18px;background:var(--live,#1F6F6B);color:#fff;text-decoration:none;min-height:56px}
a.tu-comu .tx{flex:1;display:flex;flex-direction:column}
a.tu-comu b{font-size:16px}
a.tu-comu span{font-size:14px;opacity:.92}
a.tu-comu .ic{width:24px;height:24px}
a.tu-comu:hover{background:var(--tu-live-strong)}

/* ---------- 12 canciones para ti ---------- */
.tu-can-cab h2{margin:0;font-size:22px;font-weight:700;color:var(--ink,#23262B)}
.tu-can-cab p{margin:4px 0 0;font-size:14.5px;color:var(--ink-2,#55595F)}
.tu-can-cab .tu-acc--cab{display:none}
.tu button.tu-mas,.tu a.tu-mood{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font:inherit;
  font-size:15px;font-weight:650;text-decoration:none;cursor:pointer;border:1.5px solid var(--tu-soul-ink)}
.tu button.tu-mas{background:var(--tu-soul-ink);color:#fff}
.tu button.tu-mas:disabled{opacity:.55;cursor:not-allowed}
.tu a.tu-mood{background:transparent;color:var(--tu-soul-ink)}
.tu a.tu-mood[hidden]{display:none}
.tu-filtros{display:flex;gap:8px;margin:14px -16px 4px;padding:2px 16px 6px;overflow-x:auto;scrollbar-width:none}
.tu-filtros::-webkit-scrollbar{display:none}
.tu-filtros button{flex:none;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#DAD5CC);background:var(--tu-surface);color:var(--ink-2,#55595F);
  font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.tu-filtros button[aria-pressed=true]{background:var(--tu-active);border-color:var(--live,#1F6F6B);color:var(--tu-live-strong)}
/* minmax(0,…): el texto en una línea (meta, porqué) no ensancha la columna */
.tu-recs{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.tu-recs li.vacio{font-size:15px;color:var(--ink-2,#55595F)}
.tu-rec{min-width:0;background:var(--tu-surface);border:1px solid var(--line,#DAD5CC);border-radius:16px;padding:12px}
.tu-rec[hidden]{display:none}
.tu-rec.gone{opacity:.55}
.tu-rec__f1{display:flex;gap:12px;align-items:flex-start}
.tu-rec__f1 .sel{width:22px;height:22px;margin:15px 0 0;accent-color:var(--live,#1F6F6B);flex:none;cursor:pointer}
.tu-rec__art{width:52px;height:52px;border-radius:10px;flex:none;object-fit:cover;background:var(--paper-2,#EEEAE3);display:block}
.tu-rec__tx{flex:1;min-width:0}
.tu-rec__tipo{display:inline-block;margin-bottom:3px;padding:1px 9px;border-radius:999px;background:var(--tu-pildora);color:var(--tu-soul-ink);font-size:12px;font-weight:700}
.tu-rec h3{margin:0;font-size:15.5px;font-weight:700;line-height:1.25;color:var(--ink,#23262B);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* meta y porqué completos: cortados con «…» no se alcanzaban a leer (Hugo, 2026-10-28) */
.tu-rec__meta{margin:2px 0 0;font-size:13px;line-height:1.35;color:var(--ink-2,#55595F);overflow-wrap:anywhere}
.tu-rec__por{margin:3px 0 0;font-size:12.5px;line-height:1.35;color:var(--ink-2,#55595F)}
.tu button.tu-play{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;
  background:var(--live,#1F6F6B);color:#fff;cursor:pointer}
.tu button.tu-play .ic{width:20px;height:20px}
.tu button.tu-play:disabled{background:var(--paper-2,#EEEAE3);color:var(--ink-2,#55595F);cursor:not-allowed}
/* si «Recomendada» y el nombre de la plataforma no caben, bajan de línea en vez de salirse */
.tu-rec__f2{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px}
.tu-rec__f2 .mmsrec{margin-left:auto}
.tu-rec__f2 .tu-voto.no+.tu-abrir{margin-left:auto}   /* sin «Recomendar» (ya no disponible) */
.tu button.tu-voto{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;
  border:1px solid var(--line,#DAD5CC);background:var(--tu-surface);color:var(--ink-2,#55595F);cursor:pointer}
.tu button.tu-voto.si[aria-pressed=true]{background:var(--ok,#2E7D4F);border-color:var(--ok,#2E7D4F);color:#fff}
.tu button.tu-voto.no[aria-pressed=true]{background:var(--err,#B3452F);border-color:var(--err,#B3452F);color:#fff}
.tu .tu-rec__f2 button.mmsrec{min-height:44px;padding:0 12px}
.tu button.tu-abrir,.tu a.tu-abrir{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:44px;padding:0 10px 0 12px;border-radius:999px;
  border:1.5px solid var(--live,#1F6F6B);background:transparent;color:var(--live,#1F6F6B);font:inherit;font-size:14px;font-weight:600;text-decoration:none;
  white-space:nowrap;cursor:pointer}
.tu .tu-abrir .ic{width:16px;height:16px}
.tu-rec__nota{margin:6px 0 0;font-size:13px;color:var(--ink-2,#55595F)}
.tu-rec__nota:empty{display:none}
.tu-pie{margin-top:16px;display:grid;gap:10px}
.tu-pie .tu-acc{margin-top:0}
.tu button.tu-lleva{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:999px;border:0;
  background:var(--live,#1F6F6B);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.tu button.tu-lleva:disabled{opacity:.5;cursor:not-allowed}
.tu-llevaPanel{display:grid;gap:8px}
.tu-llevaPanel[hidden]{display:none}
.tu-llevaPanel .tu-acc{margin-top:0}
.tu-nota{margin:0;font-size:13.5px;color:var(--ink-2,#55595F)}
.tu-nota a{color:var(--live,#1F6F6B)}

/* hoja «Abrir en…»: alto según su contenido (las demás hojas miden 86 vh) */
.mmssh .mmssh__box.mmssh__box--corta{height:auto;max-height:86vh;max-height:86dvh}
.mmssh__box--corta .mmssh__cuerpo{gap:6px}
.tu-plats{list-style:none;margin:0;padding:0}
.tu-plats a{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 6px;border-bottom:1px solid var(--paper-2,#EEEAE3);
  color:var(--ink,#23262B);font-size:16px;font-weight:600;text-decoration:none}
.tu-plats li:last-child a{border-bottom:0}
.tu-plats a span{flex:1}
.tu-plats a .ic{width:18px;height:18px;color:var(--ink-2,#55595F)}
.tu-plats a:hover{background:var(--paper-2,#EEEAE3)}
.tu-recordar{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;color:var(--ink,#23262B);cursor:pointer}
.tu-recordar input{width:22px;height:22px;accent-color:var(--live,#1F6F6B);flex:none}

@media (min-width:768px){
  .mmssh .mmssh__box.mmssh__box--corta{width:420px}
  .tu-cab{gap:18px}
  .tu-cab .tu-av{width:76px;height:76px;border-radius:18px}
  .tu-quien h1{font-size:30px}
  .tu-meta{flex-direction:row;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
  .tu-tabs{width:380px}
  .tu-cols{flex-direction:row;flex-wrap:wrap;gap:0 16px;align-items:flex-start}
  .tu-col--izq{flex:1 1 460px}
  .tu-col--der{flex:1 1 380px}
  .tu-adn__g{grid-template-columns:92px 1fr;align-items:center}
  .tu-can-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .tu-can-cab .tu-acc--cab{display:flex;margin-top:0}
  .tu-filtros{flex-wrap:wrap;overflow:visible;margin:14px 0 4px;padding:0}
  .tu-recs{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
  .tu-rec__art{width:56px;height:56px}
  .tu button.tu-voto,.tu .tu-rec__f2 button.mmsrec,.tu .tu-abrir{min-height:40px}
  .tu button.tu-voto{width:40px;height:40px}
  .tu-pie .tu-acc--pie{display:none}
}

/* ---------- Ajustes ---------- */
.aj-volver{display:inline-flex;align-items:center;gap:2px;min-height:44px;color:var(--live,#1F6F6B);font-size:16px;font-weight:600;text-decoration:none}
.aj-volver .ic{width:20px;height:20px}
.aj h1{margin:4px 0 14px;font-size:28px;font-weight:700;color:var(--ink,#23262B);letter-spacing:-.02em}
.aj-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.aj-indice{display:none}
.aj-grupos{flex:999 1 560px;max-width:680px;min-width:0}
.aj-g{margin-bottom:22px;scroll-margin-top:84px}
.aj-g h2{margin:0 0 8px 4px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2,#55595F)}
.aj-tarj{background:var(--tu-surface);border:1px solid var(--line,#DAD5CC);border-radius:16px;overflow:hidden}
.aj-tarj--peligro{margin-top:8px;border-color:#EBC7BD}
.aj-fila{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:56px;padding:10px 14px;border:0;border-top:1px solid var(--paper-2,#EEEAE3);
  background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none}
.aj-tarj>.aj-fila:first-child,.aj-tarj>:first-child .aj-fila{border-top:0}
a.aj-fila,button.aj-fila{cursor:pointer}
a.aj-fila:hover,button.aj-fila:hover{background:var(--paper,#F7F5F1)}
.aj-fila .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.aj-fila .ti{font-size:15.5px;font-weight:600;color:var(--ink,#23262B)}
.aj-fila .st{font-size:13.5px;line-height:1.4;color:var(--ink-2,#55595F)}
.aj-fila .val{font-size:15px;color:var(--ink-2,#55595F);white-space:nowrap}
.aj-fila .chev{width:18px;height:18px;color:var(--ink-2,#55595F);flex:none}
.aj-fila--peligro .ti{color:var(--err,#B3452F)}
.aj-kv{margin:0;padding:6px 14px}
.aj-kv div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--paper-2,#EEEAE3);font-size:15px}
.aj-kv div:first-child{border-top:0}
.aj-kv dt{color:var(--ink-2,#55595F)}
.aj-kv dd{margin:0;color:var(--ink,#23262B);font-weight:600;text-align:right;overflow-wrap:anywhere}
.aj button.aj-salir{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;border-radius:999px;
  border:1.5px solid var(--live,#1F6F6B);background:transparent;color:var(--live,#1F6F6B);font:inherit;font-size:16px;font-weight:650;cursor:pointer}
.aj-pie{margin:8px 4px 0;font-size:13.5px;color:var(--ink-2,#55595F)}
/* interruptor: 52×32, encendido live, apagado #8A8E94 (3:1 sobre blanco) */
.aj button.aj-sw{position:relative;flex:none;width:52px;height:32px;padding:0;border:0;border-radius:999px;background:#8A8E94;cursor:pointer;transition:background .15s}
.aj button.aj-sw::after{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.aj button.aj-sw[aria-checked=true]{background:var(--live,#1F6F6B)}
.aj button.aj-sw[aria-checked=true]::after{transform:translateX(20px)}
.aj button.aj-sw:disabled{opacity:.5;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){.aj button.aj-sw,.aj button.aj-sw::after{transition:none}}
/* subpáginas */
.aj-sub{max-width:560px}
.aj-sub .aj-tarj{padding:16px}
.aj-sub p{color:var(--ink-2,#55595F)}
.aj-sub label.campo{display:block;margin:14px 0 6px;font-size:14px;font-weight:600;color:var(--ink-2,#55595F)}
.aj-sub input[type=text],.aj-sub input[type=password],.aj-sub select{box-sizing:border-box;width:100%;min-height:48px;font:inherit;font-size:17px;padding:10px 14px;
  border:1px solid var(--line,#DAD5CC);border-radius:12px;background:#fff;color:var(--ink,#23262B)}
.aj-sub .aj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:0 22px;border-radius:999px;
  border:1.5px solid var(--live,#1F6F6B);background:var(--live,#1F6F6B);color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}
.aj-sub .aj-btn--cont{background:transparent;color:var(--live,#1F6F6B)}
.aj-sub .aj-btn--peligro{background:var(--err,#B3452F);border-color:var(--err,#B3452F)}
.aj-sub .aj-btn:disabled{opacity:.5;cursor:not-allowed}
.aj-radios{margin:0;padding:0;border:0}
.aj-radios label{display:flex;align-items:center;gap:12px;min-height:50px;border-top:1px solid var(--paper-2,#EEEAE3);font-size:16px;font-weight:600;color:var(--ink,#23262B);cursor:pointer}
.aj-radios label:first-of-type{border-top:0}
.aj-radios input{width:22px;height:22px;accent-color:var(--live,#1F6F6B)}
.aj-lista{list-style:none;margin:10px 0 0;padding:0}
.aj-lista li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;border-top:1px solid var(--paper-2,#EEEAE3);font-size:15px}
.aj-lista li:first-child{border-top:0}
.aj-lista small{color:var(--ink-2,#55595F)}
.aj-msg{margin:12px 0 0;font-size:15px;min-height:1.4em}
.aj-msg.err{color:var(--err,#B3452F)}.aj-msg.ok{color:var(--ok,#2E7D4F)}
.aj-aviso{background:#FFF3E8;border:1px solid #E7B18F;color:#8A3B1E;border-radius:12px;padding:12px 14px;font-size:14.5px}
.aj-codigo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(20px,6vw,28px);font-weight:700;letter-spacing:.06em;background:#fff;
  border:2px dashed var(--soul,#7A63D6);border-radius:14px;padding:16px;text-align:center;color:var(--ink,#23262B);word-break:break-all;margin:14px 0}
.aj-check{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;color:var(--ink,#23262B)}
.aj-check input{width:22px;height:22px;accent-color:var(--live,#1F6F6B)}
.aj-fila-form{display:flex;gap:8px;flex-wrap:wrap}
.aj-fila-form input{flex:1 1 180px}
.aj-fila-form .aj-btn{margin-top:0}
@media (min-width:768px){
  .aj-indice{display:block;flex:0 0 220px;position:sticky;top:84px}
  .aj-indice ul{list-style:none;margin:0;padding:0}
  .aj-indice a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;color:var(--ink-2,#55595F);font-size:15px;font-weight:600;text-decoration:none}
  .aj-indice a:hover{background:var(--paper-2,#EEEAE3)}
  .aj-indice a.on{background:var(--tu-active);color:var(--tu-live-strong)}
}

/* ---------- el reto de la semana (Mi comunidad) ---------- */
.reto-sem{margin-top:22px}
.reto-sem>h2{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--ink,#23262B)}
.reto-sem .invs{list-style:none;padding:0;margin:10px 0 0}
.reto-sem .invs li{padding:8px 0;border-bottom:1px solid var(--line,#DAD5CC);font-size:15px}
.reto-sem .invs .st{font-size:13px;color:var(--ink-2,#55595F);margin-left:8px}
.reto-sem .invs li.temaBox{display:block}
.reto-sem .invs li.temaBox label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.reto-sem .invs li.temaBox input{font:inherit;font-size:16px;width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--live,#1F6F6B);border-radius:12px;background:#fff;color:var(--ink,#23262B)}
.reto-sem .invs li.temaBox button{margin-top:8px}
.reto-sem .invs small.excede{color:var(--err,#B3452F)}
.reto-sem a.btnlink{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 20px;border-radius:999px;background:var(--live,#1F6F6B);
  color:#fff;font-weight:650;text-decoration:none}