.sjw-select-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sjw-muestras { display: flex; flex-wrap: wrap; gap: .5rem; margin: .25rem 0 .75rem; }
.sjw-muestra { min-width: 2.75rem; min-height: 2.75rem; padding: 0 .75rem; border: 1px solid var(--wp--preset--color--borde,#e3e1dd); background: var(--wp--preset--color--base,#fff); color: var(--wp--preset--color--tinta,#111); cursor: pointer; font: inherit; font-size: .875rem; }
.sjw-muestra:hover { border-color: var(--wp--preset--color--tinta,#111); }
.sjw-muestra.is-activa { border-color: var(--wp--preset--color--tinta,#111); box-shadow: inset 0 0 0 1px var(--wp--preset--color--tinta,#111); }
.sjw-muestra.no-disponible { opacity: .35; text-decoration: line-through; }
.sjw-muestra:focus-visible { outline: 2px solid var(--wp--preset--color--acento,#b4452f); outline-offset: 2px; }
.sjw-color .sjw-muestra { width: 2.75rem; padding: 0; border-radius: 50%; background: var(--sjw-c, #ccc); }
.sjw-color .sjw-muestra span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sjw-color .sjw-muestra.is-activa { box-shadow: 0 0 0 2px var(--wp--preset--color--base,#fff), 0 0 0 3px var(--wp--preset--color--tinta,#111); }