.selector-color[data-v-2bafba72]{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.selector-color__etiqueta[data-v-2bafba72]{font-size:.8125rem;font-weight:600}.selector-color__controles[data-v-2bafba72]{align-items:center;display:flex;gap:10px;min-width:0;width:100%}.selector-color__boton-paleta[data-v-2bafba72]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.52);border-radius:8px;color:inherit;cursor:pointer;display:inline-grid;font:inherit;gap:10px;grid-template-columns:24px 1fr 32px;min-height:42px;padding:6px 6px 6px 10px;text-align:left;width:min(260px,100%)}.selector-color__boton-paleta[data-v-2bafba72]:focus-visible,.selector-color__boton-paleta[data-v-2bafba72]:hover{background:#ffffff14;border-color:#ffffffc7}.selector-color__boton-paleta[data-v-2bafba72]:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.selector-color__muestra[data-v-2bafba72]{border:1px solid hsla(0,0%,100%,.68);border-radius:6px;box-shadow:0 1px 4px #00000038;display:inline-flex;height:20px;width:20px}.selector-color__valor[data-v-2bafba72]{font-size:.9375rem;font-weight:600;letter-spacing:.02em;min-width:0}.selector-color__icono[data-v-2bafba72]{align-items:center;background:#ffffff14;border-radius:7px;color:currentcolor;display:inline-flex;height:30px;justify-content:center;width:30px}.selector-color__icono svg[data-v-2bafba72]{height:17px;width:17px}.selector-color__input-nativo[data-v-2bafba72]{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.selector-color__opciones[data-v-2bafba72]{align-items:center;display:flex;flex:0 0 auto;gap:7px}.selector-color__circulo[data-v-2bafba72]{border:2px solid hsla(0,0%,50%,.45);border-radius:50%;box-shadow:0 2px 5px #00000029;cursor:pointer;height:28px;padding:0;transition:transform .15s ease,box-shadow .15s ease;width:28px}.selector-color__circulo[data-v-2bafba72]:hover{transform:scale(1.08)}.selector-color__circulo[data-v-2bafba72]:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.selector-color__circulo--seleccionado[data-v-2bafba72]{box-shadow:0 0 0 2px var(--color-neutro-1,#fff),0 0 0 4px var(--color-primario-3,#9f2241);transform:scale(1.04)}.selector-color__ayuda[data-v-2bafba72]{color:var(--texto-secundario);font-size:.6875rem;line-height:1.3;margin:0}@media(max-width:520px){.selector-color__controles[data-v-2bafba72]{align-items:flex-start;flex-direction:column}.selector-color__boton-paleta[data-v-2bafba72],.selector-color__opciones[data-v-2bafba72]{width:100%}}