.color-chip-crop {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

#color-selector {
  transition: background-color 0.3s;
  background: linear-gradient(rgb(94, 95, 98) 0%, rgb(94, 95, 98) 50%, rgba(94, 95, 98, 0) 100%) rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
  background-color: #fff !important;
}

.azul             {background-image: linear-gradient(to bottom, #3b82f6, #2563eb, #1d4ed8, #1e40af);} 
.blanco-metalico  {background-image: linear-gradient(to bottom, #fcf7fe, #efeaf2, #dbd7e0, #b0acb3);}
.blanco-nevado    {background-image: linear-gradient(to bottom, #ffffff, #f7f7f7, #ebebeb, #e0e0e0);} 
.gris             {background-image: linear-gradient(to bottom, #f3f4f6, #d1d5db, #9ca3af, #6b7280);} 
.gris-grafeno-mate{background-image: linear-gradient(to bottom, #64748b, #475569, #334155, #1e293b);} 
.gris-magnetico   {background-image: linear-gradient(to bottom, #6b7280, #4b5563, #374151, #1f2937);}

.negro-obsidiana     {background-image: linear-gradient(to bottom, #525252, #3f3f3f, #262626, #000000);} 
.negro-obsidiana_bg  {background: rgb(255, 255, 255) linear-gradient(rgb(94, 95, 98) 0%, rgb(94, 95, 98) 50%, rgba(94, 95, 98, 0) 100%)} 

.plata-polar      {background-image: linear-gradient(to bottom, #f3f4f6, #d1d5db, #9ca3af, #6b7280);}
.rojo-extremo     {background-image: linear-gradient(to bottom, #ef4444, #dc2626, #b91c1c, #991b1b);} 

.verde-jade       {background-image: linear-gradient(to top, #002e3d, #003e4e, #004f60, #006171, #007381, #00828e, #00919a, #00a0a5, #00afb0, #00bebb, #00cec6, #00ddcf);}
.blanco-magnolia  {background-image: linear-gradient(to bottom, #fcfcfc, #fafafa, #f8f8f8, #f6f6f6, #f4f4f4, #f1f1f1, #ededed, #eaeaea, #e4e4e4, #dedede, #d8d8d8, #d2d2d2);}
.plata-iridio     { background-image: linear-gradient(to bottom, #e4e4e4, #d9d9d9, #cdcdcd, #c2c2c2, #b7b7b7, #b0b0b0, #aaaaaa, #a3a3a3, #9e9e9e, #999999, #959595, #909090); }
.gris-titanio     { background-image: linear-gradient(to bottom, #cdcdcd, #b9b9b9, #a5a5a5, #929292, #7f7f7f, #717171, #636364, #565657, #494a4b, #3c3e40, #2f3235, #23272a);}

.beige-champania{ background-image: linear-gradient(to bottom, #faf7f2, #eaddcf, #dcc4b0, #cbb096); }
.blanco-rococo{ background-image: linear-gradient(to bottom, #FFFFFF, #A7A7A7); }
.plata-centella{ background-image: linear-gradient(to bottom, #EDF1F4, #A1A5A8); }
.rojo-rubi{ background-image: linear-gradient(to top, #4D0415, #CF5B87); }
.verde-esmeralda{ background-image: linear-gradient(to bottom, #1E6F81, #014958);}

.plata{ background: linear-gradient(90deg, #f5f5f5 0%, #d9d9d9 25%, #c0c0c0 50%, #d9d9d9 75%, #f5f5f5 100%); }
.blanco{ background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 50%, #eaeaea 100%);}
.negro{ background: linear-gradient(2deg, rgba(28, 28, 28, 1) 0%, rgba(94, 94, 94, 1) 100%); }
.vino{ background: linear-gradient(90deg, #800020 0%, #4b0012 100%); }