/* =========================================================
   WeWolf — Comunidad (founders + la manada)
   ========================================================= */

/* ---------- Founders ---------- */
.founders {
  margin-top: 48px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px;
}
.founder { padding: 18px 18px 24px; display: flex; flex-direction: column; gap: 14px; }
.founder__photo {
  position: relative; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden;
  background: var(--slate-ink-2);
  display: flex; align-items: center; justify-content: center;
  font: 700 80px var(--font-display); letter-spacing: -.05em; color: var(--wolf-blue);
}
.founder__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.founder__badge {
  position: absolute; left: 12px; top: 12px; z-index: 1;
  font: 600 10px var(--font-body); letter-spacing: .04em; text-transform: uppercase;
  color: var(--lavender); background: var(--midnight); padding: 4px 8px; border-radius: 6px;
}
.founder h3 { font-size: 21px; letter-spacing: -.02em; }
.founder__role { margin: 2px 0 0; color: var(--wolf-blue); font-size: 14px; font-weight: 600; }
.founder__bio { margin: 0; color: var(--dim); font-size: 14px; }
.founder__bio--pending { font-style: italic; }
.founder .gh { margin-top: auto; }

/* ---------- La manada ---------- */
.pack-count { margin: 0; font-family: var(--font-mono); font-size: 14px; color: var(--dim); }

.search {
  margin-top: 32px; max-width: 420px;
  display: flex; align-items: center; gap: 10px;
  background: var(--slate-ink); border: 1.5px solid var(--border); border-radius: 14px;
  padding: 0 14px; color: var(--dim);
}
.search:focus-within { border-color: var(--wolf-blue); }
.search svg { width: 18px; height: 18px; flex: 0 0 auto; }
.search input {
  flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
  color: var(--moon-silver); font: 15px var(--font-body); padding: 14px 0;
}
.search input::placeholder { color: var(--dim); }

.pack {
  list-style: none; margin: 24px 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px;
}
.pack__member { padding: 14px 16px; display: flex; align-items: center; gap: 12px; background: var(--slate-ink); border: 1.5px solid var(--border); }
.pack__member .avatar { width: 40px; height: 40px; }
.pack__info { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pack__name { font-weight: 500; font-size: 15px; line-height: 1.25; }

/* GitHub dentro de la tarjeta chica: más compacto y sin desbordar */
.pack__member .gh { font-size: 13px; padding: 2px 0; max-width: 100%; }
.pack__member .gh svg { width: 13px; height: 13px; }
.pack__member .gh span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pack__join {
  border: 1.5px dashed var(--wolf-blue); border-radius: 14px;
  padding: 14px 16px; display: flex; align-items: center; font-weight: 600; font-size: 15px;
}