.familia-intro { margin: 12px 0 24px; color: var(--ink-2); line-height: 1.5; }
.familia-perfil { display: grid; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.familia-lista li { gap: 16px; padding: 16px; }
.familia-lista .btn { min-height: 44px; flex-shrink: 0; }
.familia-selecao { display: flex; align-items: end; gap: 12px; margin-bottom: 24px; }
.familia-selecao .campo { flex: 1; min-width: 0; }
.familia-selecao select, .familia-selecao .btn { min-height: 44px; }
@media (max-width: 420px) {
  .familia-lista li { align-items: start; flex-direction: column; }
  .familia-selecao { align-items: stretch; flex-direction: column; }
}