/* 21 Barbearia V24.40 — Clube 21 com planos independentes por unidade */
.club-unit-plan-selector {
  margin: 20px 0 4px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg,#fffef4,#f7f4e6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-shadow: var(--shadow);
}
.club-unit-plan-selector > div:first-child { display:flex; flex-direction:column; gap:4px; }
.club-unit-plan-selector small { color:#8f8300; font-size:8px; font-weight:900; letter-spacing:.12em; }
.club-unit-plan-selector strong { color:#292a22; font-size:12px; }
.club-unit-plan-selector > div:last-child { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.club-unit-plan-selector button {
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid #ddd8bf;
  border-radius: 12px;
  background: rgba(255,255,255,.78);
  color:#62645c;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  transition:.18s ease;
}
.club-unit-plan-selector button:hover { transform:translateY(-1px); border-color:#cfc134; }
.club-unit-plan-selector button.active {
  color:#181910;
  border-color:#d3c400;
  background:linear-gradient(135deg,#fff45d,#e3d300);
  box-shadow:0 10px 24px rgba(158,143,0,.22);
}
.plan-card__unit-meta { display:flex; align-items:center; gap:7px; }
.plan-card__unit-meta small,
.plan-card__unit-badge {
  color:#756b13;
  background:#fff9c8;
  border:1px solid #e6dc83;
  border-radius:999px;
  padding:5px 8px;
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}
.plan-card__unit-meta em { white-space:nowrap; }
@media (max-width:760px) {
  .club-unit-plan-selector { align-items:stretch; flex-direction:column; padding:15px; }
  .club-unit-plan-selector > div:last-child { display:grid; grid-template-columns:1fr; justify-content:stretch; }
  .club-unit-plan-selector button { width:100%; justify-content:center; }
  .plan-card__unit-meta { align-items:flex-end; flex-direction:column; gap:4px; }
}