.acj{--acj-duration: .4s;--acj-ease: cubic-bezier(.22, 1, .36, 1);--acj-dash: color-mix(in srgb, var(--acj-text) 28%, transparent);--acj-row: color-mix(in srgb, var(--acj-text) 6%, transparent);--acj-pill-line: color-mix(in srgb, var(--acj-text) 16%, transparent);--acj-ok-line: color-mix(in srgb, var(--acj-ok) 35%, transparent);--acj-ok-bg: color-mix(in srgb, var(--acj-ok) 10%, transparent);--acj-sheet-muted: color-mix(in srgb, var(--acj-sheet-text) 62%, transparent);--acj-sheet-line: color-mix(in srgb, var(--acj-sheet-text) 14%, transparent);display:block;width:100%;font-family:var(--font-body-family),sans-serif;color:var(--acj-text)}.acj__card{position:relative;overflow:clip;display:flex;flex-direction:column;gap:14px;padding:22px 20px 20px;background:var(--acj-bg);color:var(--acj-text);border-radius:var(--radius-general-card-lg, 20px)}.acj__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.acj__intro{display:flex;flex-direction:column;gap:4px;min-width:0}.acj__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acj-eyebrow)}.acj__title{--color: var(--acj-title);margin:0;color:var(--acj-title);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.acj__badge{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-general-card-sm, 12px);background:var(--acj-icon);color:var(--acj-button-text)}.acj__row{display:flex;align-items:center;gap:12px;min-height:72px;padding:10px;border-radius:var(--radius-general-card-sm, 14px);opacity:1;transition:opacity var(--acj-duration) var(--acj-ease)}.acj__row--current{background:var(--acj-row)}.acj__row.is-off{opacity:.45}.acj__thumb{display:flex;flex:none;align-items:center;justify-content:center;width:52px;height:52px;overflow:hidden;border-radius:var(--radius-general-card-sm, 10px);background:var(--acj-row)}.acj__thumb img{width:52px;height:52px;object-fit:cover}.acj__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.acj__name,.acj__meta,.acj__price{margin:0}.acj__name{color:var(--acj-text);font-size:13px;font-weight:600;line-height:1.3}.acj__meta{color:var(--acj-muted);font-size:11px;line-height:1.3}.acj__meta b{color:var(--acj-text);font-weight:700}.acj__chosen{color:var(--acj-ok)}.acj__price{flex:none;color:var(--acj-text);font-size:14px;font-weight:700;white-space:nowrap}.acj__row--current .acj__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center}.acj__row--current .acj__name{grid-column:1;grid-row:1}.acj__row--current .acj__meta{grid-column:1;grid-row:2}.acj__row--current .acj__price{grid-column:2;grid-row:1 / span 2}.acj__pill,.acj__switch,.acj__opt,.acj__close,.acj__cta{font-family:inherit;-webkit-appearance:none;appearance:none}.acj__pill{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--acj-pill-line);border-radius:var(--radius-general-card-sm, 10px);background:var(--acj-row);color:var(--acj-text);font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--acj-duration) var(--acj-ease),border-color var(--acj-duration) var(--acj-ease),transform var(--acj-duration) var(--acj-ease)}.acj__pill[hidden]{display:none}.acj__pill[data-state=ok]{border-color:var(--acj-ok-line);background:var(--acj-ok-bg)}.acj__pill[data-state=need] .acj__pill-ok,.acj__pill[data-state=ok] .acj__pill-need{display:none}.acj__pill-need{color:var(--acj-accent)}.acj__pill-ok{color:var(--acj-ok)}.acj__chev{opacity:.6;transition:opacity var(--acj-duration) var(--acj-ease),transform var(--acj-duration) var(--acj-ease)}.acj__pill:hover .acj__chev{opacity:1;transform:translateY(1px)}.acj__pill:active,.acj__opt:active{transform:scale(.97)}.acj__switch{display:flex;flex:none;align-items:center;width:52px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.acj__track{display:flex;align-items:center;width:52px;height:30px;padding:3px;border-radius:999px;background:var(--acj-toggle-off);transition:background-color var(--acj-duration) var(--acj-ease)}.acj__switch[aria-pressed=true] .acj__track{background:var(--acj-toggle-on)}.acj__knob{width:24px;height:24px;border-radius:50%;background:var(--acj-button-text);box-shadow:0 2px 6px #0000004d;transform:translate(0);transition:transform var(--acj-duration) var(--acj-ease)}.acj__switch[aria-pressed=true] .acj__knob{transform:translate(22px)}.acj__perf{position:relative;display:flex;align-items:center;height:20px;margin-inline:-20px}.acj__notch{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--acj-notch)}.acj__notch--start{left:-10px}.acj__notch--end{right:-10px}.acj__dash{flex:1;height:1px;margin-inline:22px;background-image:linear-gradient(90deg,var(--acj-dash) 50%,transparent 50%);background-size:12px 1px}.acj__totals{display:flex;flex-direction:column;gap:8px}.acj__line{display:flex;justify-content:space-between;gap:12px;color:var(--acj-muted);font-size:13px}.acj__line[hidden]{display:none}.acj__line--ok{color:var(--acj-ok)}.acj__total-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.acj__total-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;color:var(--acj-muted);font-size:12px}.acj__total,.acj__line span:last-child{flex:none;white-space:nowrap}.acj__total{color:var(--acj-text);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1}.acj__cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:6px 16px;border:2px solid var(--acj-button-pending);border-radius:var(--style-border-radius-buttons, 999px);background:var(--acj-button-pending);color:var(--acj-button-text);font-size:14px;font-weight:700;cursor:pointer;transition:background-color var(--acj-duration) var(--acj-ease),border-color var(--acj-duration) var(--acj-ease)}.acj__cta[data-phase=ready],.acj__cta[data-phase=loading]{border-color:var(--acj-button-ready);background:var(--acj-button-ready)}.acj__cta[data-phase=check],.acj__cta[data-phase=done]{border-color:var(--acj-button-success);background:var(--acj-button-success)}.acj__face{display:none;align-items:center;justify-content:center;gap:10px;width:100%}.acj__cta[data-phase=pending] .acj__face--pending,.acj__cta[data-phase=ready] .acj__face--ready,.acj__cta[data-phase=loading] .acj__face--loading,.acj__cta[data-phase=check] .acj__face--check,.acj__cta[data-phase=done] .acj__face--done{display:flex}.acj__face--pending{justify-content:space-between;text-align:left}.acj__pending-copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.acj__pending-title{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.acj__segs{display:flex;gap:4px}.acj__seg{flex:1;max-width:48px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--acj-button-text) 25%,transparent);transform-origin:left;transition:background-color var(--acj-duration) var(--acj-ease)}.acj__seg.is-done{background:var(--acj-button-text)}.acj__frac{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--acj-button-text) 16%,transparent);font-size:12px;font-weight:700}.acj__spinner{width:22px;height:22px;border:3px solid color-mix(in srgb,var(--acj-button-text) 30%,transparent);border-top-color:var(--acj-button-text);border-radius:50%;animation:acj-spin .7s linear infinite}.acj__error{margin:0;color:var(--acj-accent);font-size:12px}.acj__error[hidden]{display:none}.acj__sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;visibility:hidden;pointer-events:none;font-family:var(--font-body-family),sans-serif;transition:visibility 0s linear var(--acj-duration)}.acj__sheet.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.acj__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a080899;opacity:0;cursor:pointer;transition:opacity var(--acj-duration) var(--acj-ease)}.acj__sheet.is-open .acj__backdrop{opacity:1}.acj__panel{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-height:min(92%,92dvh);padding:10px 20px max(22px,env(safe-area-inset-bottom));overflow:auto;border-radius:var(--radius-modals, 22px) var(--radius-modals, 22px) var(--radius-general-card-lg, 20px) var(--radius-general-card-lg, 20px);background:var(--acj-sheet-bg);color:var(--acj-sheet-text);transform:translateY(105%);transition:transform .45s var(--acj-ease)}.acj__sheet.is-open .acj__panel{transform:translateY(0)}.acj__grab{align-self:center;width:40px;height:4px;border-radius:4px;background:var(--acj-sheet-line)}.acj__sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.acj__step{margin:0;color:var(--acj-sheet-accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.acj__bars{display:flex;gap:4px;margin-top:6px}.acj__bar{width:36px;height:4px;border-radius:4px;background:var(--acj-sheet-line);transition:background-color var(--acj-duration) var(--acj-ease)}.acj__bar.is-on{background:var(--acj-sheet-accent)}.acj__close{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--acj-sheet-text) 6%,var(--acj-sheet-bg));color:var(--acj-sheet-text);cursor:pointer;transition:background-color var(--acj-duration) var(--acj-ease)}.acj__close:hover{background:color-mix(in srgb,var(--acj-sheet-text) 12%,var(--acj-sheet-bg))}.acj__product{display:flex;align-items:center;gap:12px}.acj__product img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-general-card-sm, 12px);background:var(--acj-sheet-line)}.acj__product img[hidden]{display:none}.acj__sheet-title{margin:0;color:var(--acj-sheet-text);font-size:15px;font-weight:700}.acj__sheet-hint{margin:0;color:var(--acj-sheet-muted);font-size:12px}.acj__options{display:grid;width:100%;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,4.5rem),1fr));gap:8px}.acj__options.is-color{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.acj__opt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:8px;border:1.5px solid var(--acj-sheet-line);border-radius:var(--radius-general-card-sm, 12px);background:var(--acj-sheet-bg);color:var(--acj-sheet-text);font-size:15px;font-weight:700;cursor:pointer;transition:background-color var(--acj-duration) var(--acj-ease),color var(--acj-duration) var(--acj-ease),border-color var(--acj-duration) var(--acj-ease),transform var(--acj-duration) var(--acj-ease)}.acj__opt[aria-pressed=true]{border-color:var(--acj-sheet-text);background:var(--acj-sheet-text);color:var(--acj-sheet-bg)}.acj__opt:disabled{cursor:not-allowed;opacity:.35}.acj__dot{width:20px;height:20px;border:1px solid var(--acj-sheet-line);border-radius:50%;background:var(--acj-sheet-line)}.acj__empty{margin:0;color:var(--color-foreground);font-size:13px}.acj__pill:focus-visible,.acj__switch:focus-visible,.acj__opt:focus-visible,.acj__close:focus-visible,.acj__cta:focus-visible{outline:2px solid var(--acj-accent);outline-offset:2px}@media screen and (max-width:749px){.acj__row--current .acj__copy{grid-template-columns:minmax(0,1fr)}.acj__row--current .acj__price{grid-column:1;grid-row:3}.acj__total{font-size:22px}.acj__switch{width:44px;height:32px}.acj__track{width:40px;height:22px;padding:2px}.acj__knob{width:18px;height:18px}.acj__switch[aria-pressed=true] .acj__knob{transform:translate(18px)}.acj__cta{min-height:44px;padding:4px 14px}.acj__frac{width:32px;height:32px;font-size:11px}}@keyframes acj-spin{to{transform:rotate(360deg)}}@keyframes acj-print{0%{transform:translateY(-12px)}to{transform:none}}@keyframes acj-line{0%{transform:translate(-10px)}to{transform:none}}@keyframes acj-march{to{background-position:24px 0}}@media(prefers-reduced-motion:no-preference){.acj--motion .acj__card{animation:acj-print .7s var(--acj-ease)}.acj--motion .acj__row{animation:acj-line .5s var(--acj-ease)}.acj--motion .acj__row:nth-child(2){animation-delay:.08s}.acj--motion .acj__row:nth-child(3){animation-delay:.16s}.acj--motion .acj__row:nth-child(4){animation-delay:.24s}.acj--motion .acj__dash{animation:acj-march 1.2s linear infinite}}@media(prefers-reduced-motion:reduce){.acj__row,.acj__pill,.acj__track,.acj__knob,.acj__cta,.acj__seg,.acj__bar,.acj__opt,.acj__close,.acj__chev,.acj__backdrop,.acj__panel,.acj__sheet,.acj__spinner{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/alastra-compre-junto.css.map */