/* Tutor de IA list (Práctica). Brand colours; light and dark through the theme variables. */
.tutor{padding-bottom:24px}
.tu-head h1{margin:0 0 4px;font-size:1.6rem}.tu-head p{margin:0}
.tu-filters{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:none}
.tu-filters::-webkit-scrollbar{display:none}
.tu-chip{flex:none;font:700 .86rem var(--font);color:var(--tx);background:var(--glass-2);border:1px solid var(--edge);border-radius:999px;padding:9px 16px;min-height:40px;cursor:pointer;box-shadow:var(--sh-sm)}
.tu-chip.on{background:linear-gradient(135deg,var(--acc),var(--violet-soft));color:#fff;border-color:transparent}
.tu-chip:focus-visible,.tu-row:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.tu-sec h2{font-size:1.08rem;margin:20px 4px 10px}
.tu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tu-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;text-align:left;text-decoration:none;color:var(--tx);font:inherit;padding:12px 14px;border-radius:20px;background:var(--glass-2);border:1px solid var(--edge);box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:64px}
a.tu-row:hover{border-color:var(--acc)}
.tu-row.locked{opacity:.72;cursor:not-allowed}
.tu-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;color:#fff;background:linear-gradient(150deg,var(--violet-soft),var(--acc))}
.tu-ic.rp{background:linear-gradient(150deg,var(--orange),var(--acc))}
.tu-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tu-tx b{font-size:.98rem;line-height:1.25}
.tu-meta{font-size:.78rem;color:var(--mut)}
.tu-why{font-size:.74rem;color:var(--acc-tx,var(--acc));font-weight:700}
.tu-bars{flex:none;display:inline-flex;align-items:flex-end;gap:3px;height:20px}
.tu-bars i{width:5px;border-radius:2px;background:var(--line)}
.tu-bars i:nth-child(1){height:7px}.tu-bars i:nth-child(2){height:13px}.tu-bars i:nth-child(3){height:19px}
.tu-bars.b1 i:nth-child(1){background:#1f8f43}
.tu-bars.b2 i:nth-child(-n+2){background:#2f6fe0}
.tu-bars.b3 i{background:var(--orange)}
.tu-done{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ok-bar,#1f8f43);color:#fff;display:grid;place-items:center;font:800 .8rem var(--font)}
.tu-go,.tu-lock{flex:none;color:var(--mut);font-size:1.2rem}
.tu-empty{text-align:center;padding:26px 18px;margin:16px 2px}