/* ── LETRAS BIUP ── */
.lt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem}

.lt-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);
  padding:1.2rem;transition:all .2s}
.lt-card.lt-complete{background:rgba(76,175,80,.06);border-color:rgba(76,175,80,.3)}
.lt-card-hdr{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.lt-card-name{font-size:1rem;font-weight:800}
.lt-card-sub{font-size:.62rem;color:#888;margin-top:.1rem}

/* Circles */
.lt-circles{display:flex;justify-content:center;gap:.6rem;margin-bottom:.8rem}
.lt-circle{width:48px;height:48px;border-radius:50%;border:2px solid #333;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;font-weight:900;color:#333;transition:all .3s}
.lt-filled{border-color:#3ba5dd;background:#3ba5dd;color:#fff}
.lt-logo.lt-filled{border-color:#3ba5dd;background:#3ba5dd}
.lt-logo-img{height:28px;width:auto}
.lt-logo-empty{border-color:#333;background:transparent}

/* Progress bar */
.lt-progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}
.lt-progress-bar{height:100%;border-radius:3px;transition:width .4s ease}
.lt-progress-label{font-size:.62rem;color:#888;text-align:center;margin-top:.3rem}