:where(.familia-salons) { margin: 1.5em 0; }
:where(.familia-salons__title) { font-size: 1em; margin: 0 0 .5em; }
:where(.familia-salons__summary) { margin: 0 0 .5em; font-size: .9em; }
:where(.familia-salons__city) { margin-bottom: .6em; }
:where(.familia-salons__city-name) { font-weight: 500; font-size: .9em; }
:where(.familia-salons__empty) { font-size: .9em; }
:where(.familia-salons__hours, .familia-salons__qty) { font-size: .85em; color: #8a8a8a; }
:where(.familia-salons__salon.is-open) .familia-salons__hours { color: #6293b4; } .familia-salons__list { list-style: none; margin: 0; padding: 0; }
.familia-salons__salon { display: flex; flex-wrap: wrap; gap: .25em .6em; align-items: baseline; padding: .15em 0; }
.familia-salons__actions { display: flex; flex-wrap: wrap; gap: .75em; align-items: center; margin-top: .75em; }
.familia-salons[data-state="pending"] .familia-salons__empty--loading { opacity: .6; }
.familia-salons[data-state="none"] .familia-salons__list { display: none; }