.sc-color-gallery{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.sc-color-gallery__item{
  width:56px; height:56px; padding:0; border-radius:10px; overflow:hidden; cursor:pointer;
  border:2px solid var(--linea,#E7DAD2); background:#fff; flex:none; transition:border-color .15s ease;
}
.sc-color-gallery__item img{ width:100%; height:100%; object-fit:cover; display:block; }
.sc-color-gallery__item:hover{ border-color:var(--tinta-3,#9a8a83); }
.sc-color-gallery__item.is-active{ border-color:var(--guinda,#7B0A0C); }
/* ocultar la fila de miniaturas por color: ahora el swatch de arriba ya cambia la foto
   principal directamente, asi que esta fila es redundante (y renderizaba mal). */
.sc-color-gallery{ display:none !important; }