/* Selección de intereses y rasgos en el registro */
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 12px; }
.chip { position: relative; margin: 0; cursor: pointer; }
.chip input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.chip span {
  display: inline-block; padding: 8px 14px; border-radius: 999px;
  border: 1.5px solid #e7e1ee; background: #fff; color: #2b2233;
  font-size: 0.9rem; font-weight: 600; line-height: 1.2;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.chip:hover span { border-color: #b15cff; }
.chip input:checked + span { background: linear-gradient(135deg, #ff4fa3, #b15cff); border-color: transparent; color: #fff; }
.chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(63,169,245,.45); }
.chip input:disabled + span { opacity: .4; cursor: not-allowed; }
.chip input:disabled { cursor: not-allowed; }
.chips-contador { float: right; font-weight: 600; font-size: .8rem; color: #6a5f75; }
.chip-extra { margin-bottom: 12px; }