/* SolvantaTech · Variantes visuales V4 */
.var-selector{width:100%;flex:0 0 100%;min-width:0;display:flex;flex-direction:column;gap:8px;margin:8px 0 15px}
.var-etiqueta-fallback{font-size:13px;font-weight:750;color:#222}
.var-selector select{width:100%;min-height:48px;border:1px solid #dedbd6;border-radius:9px;padding:10px 14px;background:white;font-size:14px;color:#222}
.var-selector select:focus-visible{outline:3px solid #a9c7d6;outline-offset:2px}
/* Solo ocultamos el select cuando JavaScript generó correctamente los botones. */
.var-selector.var-selector--mejorado .var-etiqueta-fallback,.var-selector.var-selector--mejorado select{display:none}
.var-selector .var-visual[hidden],.var-selector .var-grupo[hidden]{display:none}
.var-visual{display:grid;gap:21px;margin-top:3px}
.var-grupo{display:grid;gap:12px}.var-grupo__encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;color:#211f1d}
.var-grupo__encabezado strong{color:#6c6864;font-size:12px;font-weight:600}
.var-grupo__opciones{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.var-swatch{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:white;border:1px solid #e0dbd4;border-radius:100%;width:45px;height:45px;padding:5px;transition:border-color .15s,box-shadow .15s,transform .15s}
.var-swatch__disco{width:32px;height:32px;border-radius:50%;border:1px solid #00000015;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}
.var-swatch:hover:not(:disabled){transform:translateY(-1px);border-color:#5b5650}
.var-swatch[aria-pressed="true"]{border:2px solid #1f2020;box-shadow:0 0 0 2px white inset}
.var-swatch:disabled{opacity:.35;cursor:not-allowed;position:relative}
.var-swatch:disabled::after{content:"";position:absolute;left:4px;right:4px;top:50%;border-top:2px solid #b94f43;transform:rotate(-32deg)}
.var-talla,.var-presentacion{appearance:none;background:white;color:#2c2b29;border:1px solid #e3dfd8;border-radius:10px;padding:0 15px;min-width:51px;height:46px;font-size:13px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}
.var-presentacion{height:auto;min-height:43px;max-width:100%;line-height:1.3;padding:10px 15px;white-space:normal}
.var-talla:hover:not(:disabled),.var-presentacion:hover:not(:disabled){transform:translateY(-1px);border-color:#7c7771}
.var-talla[aria-pressed="true"],.var-presentacion[aria-pressed="true"]{background:#202120;color:white;border-color:#202120;box-shadow:0 5px 12px #21212115}
.var-talla:disabled,.var-presentacion:disabled{color:#aca7a2;background:#f3f1ef;border-color:#efedeb;text-decoration:line-through;cursor:not-allowed}
.var-visual button:focus-visible{outline:3px solid #8bbcd5;outline-offset:3px}
.var-ayuda,.var-selector .var-nota{font-size:11px;color:#8d8781;line-height:1.5;margin:0}
.var-ayuda{padding-top:0;color:#67635f}
.var-visual{border-bottom:1px solid #ece8e3;padding-bottom:21px}
@media(max-width:600px){.var-visual{gap:18px}.var-grupo__opciones{gap:9px}.var-swatch{width:44px;height:44px}.var-talla{height:44px;min-width:48px}}

/* V6: oculta tallas y presentaciones sin existencias en el color elegido. */
.var-grupo__opciones button[hidden]{display:none!important;}