.ma-prob__abrir{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:14px 16px;text-align:left;font-family:var(--font-body);color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md, 10px);cursor:pointer;transition:border-color .16s ease,background .16s ease}.ma-prob__abrir:hover{border-color:var(--ink);background:var(--bg)}.ma-prob__abrir-swatch{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.ma-prob__abrir-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ma-prob__abrir-copy strong{font-size:14.5px;font-weight:500}.ma-prob__abrir-copy span{font-size:13px;color:var(--ink-2)}.ma-prob__abrir-arrow{flex:0 0 auto;color:var(--muted)}.ma-prob[hidden]{display:none}.ma-prob{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center}.ma-prob__fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:#24365294}.ma-prob__panel{position:relative;width:min(560px,100%);max-height:92dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #24365247}.ma-prob__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.ma-prob__eyebrow{margin:0 0 2px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.ma-prob__h2{margin:0;font-family:var(--font-display);font-size:21px;line-height:1.2;color:var(--ink)}.ma-prob__cerrar{flex:0 0 auto;width:40px;height:40px;border:0;background:transparent;border-radius:999px;font-size:26px;line-height:1;color:var(--ink-2);cursor:pointer}.ma-prob__cuerpo{padding:18px 20px 22px;overflow-y:auto}.ma-prob__paso[hidden]{display:none}.ma-prob__lead{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.ma-prob__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;width:100%;padding:0 22px;font-family:inherit;font-size:15px;color:var(--bg);background:var(--ink);border:0;border-radius:999px;cursor:pointer;text-decoration:none}.ma-prob__btn--ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}.ma-prob__btn--primario{background:var(--accent)}.ma-prob__privacidad{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}.ma-prob__ig{margin:16px 0 0;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--ink-2);background:var(--bg-2);border-radius:10px}.ma-prob__copiar{display:block;margin-top:8px;padding:0;border:0;background:transparent;font-family:inherit;font-size:13px;color:var(--accent);text-decoration:underline;cursor:pointer}.ma-prob__spinner{width:34px;height:34px;margin:12px auto 16px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:999px;animation:ma-prob-giro .7s linear infinite}@keyframes ma-prob-giro{to{transform:rotate(360deg)}}.ma-prob__estado{margin:0 0 6px;text-align:center;font-size:15px;color:var(--ink)}.ma-prob__lienzo{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-2)}.ma-prob__lienzo canvas{display:block;width:100%;height:auto}.ma-prob__comparar{position:absolute;right:10px;bottom:10px;padding:8px 14px;font-family:inherit;font-size:12.5px;color:var(--ink);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.ma-prob__comparar[aria-pressed=true]{color:var(--bg);background:#243652e0;border-color:transparent}.ma-prob__controles{margin-top:16px}.ma-prob__slider{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-2)}.ma-prob__slider input{flex:1 1 auto}.ma-prob__tono-nombre{margin:14px 0 10px;font-size:14px;line-height:1.5;color:var(--ink)}.ma-prob__tonos{display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.ma-prob__tonos::-webkit-scrollbar{display:none}.ma-prob__tono{flex:0 0 auto;width:46px;height:46px;padding:0;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px var(--line);cursor:pointer;position:relative}.ma-prob__tono.is-active{box-shadow:0 0 0 2px var(--ink)}.ma-prob__tono-nombre-chip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ma-prob__acciones{display:grid;gap:10px;margin-top:18px}.ma-prob__nota{margin:16px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}@media(max-width:640px){.ma-prob__panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.ma-prob__cuerpo{padding-bottom:calc(22px + env(safe-area-inset-bottom))}}@media(min-width:900px){.ma-prob__panel.is-resultado{width:min(940px,100%)}.ma-prob__panel.is-resultado .ma-prob__paso[data-ma-prob-paso=resultado]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:24px;align-items:start}.ma-prob__panel.is-resultado .ma-prob__lienzo{margin:0}.ma-prob__panel.is-resultado .ma-prob__lado{display:flex;flex-direction:column;gap:4px}.ma-prob__panel.is-resultado .ma-prob__tonos{flex-wrap:wrap;overflow-x:visible}.ma-prob__panel.is-resultado .ma-prob__acciones{margin-top:14px}}.ma-c-probador{margin:22px auto 0}@media(min-width:769px){.ma-c-probador{margin-top:28px}.ma-c-probador .ma-prob__abrir{max-width:620px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ma-probador.css.map */