.bm-step-section{width:100%;padding:clamp(26px,4vw,54px) 0;box-sizing:border-box}.bm-step-section *,.bm-step-section *:before,.bm-step-section *:after{box-sizing:border-box}.bm-step{max-width:var(--bm-max);margin:0 auto;padding-inline:clamp(16px,4vw,28px);display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,44px);color:var(--bm-ink)}@media(min-width:750px){.bm-step{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}}.bm-step__media{background:transparent;border-radius:var(--bm-radius);overflow:hidden;line-height:0;position:relative}.bm-step__media:empty{display:none}.bm-step__media img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.bm-step__media:hover img{transform:scale(1.03)}.bm-step__media-slot{display:none;animation:bm-fade .4s ease}.bm-step__media-slot.is-active{display:block}@keyframes bm-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.bm-step__label{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-brand);margin-bottom:8px}.bm-step__heading{font-size:clamp(1.3rem,1.05rem + 1vw,1.85rem);font-weight:800;letter-spacing:-.02em;line-height:1.16;margin:0 0 8px}.bm-step__help{color:var(--bm-ink-soft);font-size:.95rem;line-height:1.5;margin-bottom:16px}.bm-step__help :last-child{margin-bottom:0}.bm-step__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.bm-option{position:relative;display:flex;align-items:center;gap:12px;border:1.5px solid var(--bm-border);border-radius:var(--bm-radius-sm);padding:14px 16px;cursor:pointer;background:var(--bm-bg);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bm-option:hover{border-color:color-mix(in srgb,var(--bm-brand) 45%,var(--bm-border));transform:translateY(-1px)}.bm-option:has(input:checked){border-color:var(--bm-brand);box-shadow:0 0 0 1.5px var(--bm-brand),var(--bm-shadow)}.bm-option:has(input:focus-visible){box-shadow:var(--bm-ring)}.bm-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.bm-option__mark{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--bm-border);background:#fff;display:grid;place-items:center;transition:border-color .18s ease}.bm-option__mark:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--bm-brand);transform:scale(0);transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.bm-option:has(input:checked) .bm-option__mark{border-color:var(--bm-brand)}.bm-option:has(input:checked) .bm-option__mark:after{transform:scale(1)}.bm-option__text{display:flex;flex-direction:column;gap:2px;min-width:0}.bm-option__label{font-weight:700;line-height:1.25}.bm-option__price{color:var(--bm-muted);font-size:.85rem;font-variant-numeric:tabular-nums;line-height:1.25}.bm-option__price--out{color:var(--bm-save);font-weight:700}.bm-option--unavailable{cursor:not-allowed;opacity:.5}.bm-option--unavailable:hover{transform:none;border-color:var(--bm-border)}.bm-step__options--color{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bm-step__options--color .bm-option{gap:16px}.bm-swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--bm-border),inset 0 -2px 5px #0000002e;flex-shrink:0;background:#d9d9d9;transition:box-shadow .18s ease,transform .18s ease}.bm-option:has(input:checked) .bm-swatch{box-shadow:0 0 0 2px var(--bm-brand),inset 0 -2px 5px #0000002e;transform:scale(1.06)}.bm-swatch[data-color=negro]{background:#111}.bm-swatch[data-color=blanco]{background:#fff}.bm-swatch[data-color=blanco-estelar]{background:#f5f0e6}.bm-swatch[data-color=azul]{background:linear-gradient(145deg,#6ea8f5,#2f6fed)}.bm-swatch[data-color=celeste]{background:#8fd3f4}.bm-swatch[data-color=verde]{background:linear-gradient(145deg,#5cc08a,#2e8b57)}.bm-swatch[data-color=rojo]{background:#d1382f}.bm-swatch[data-color=amarillo]{background:#ffd84d}.bm-swatch[data-color=rosa]{background:#f2a6c8}.bm-swatch[data-color=gris]{background:#8a8f98}.bm-swatch[data-color=dorado]{background:#d4af37}.bm-swatch[data-color=plata],.bm-swatch[data-color=plateado]{background:silver}.bm-swatch[data-color=morado],.bm-swatch[data-color=purpura]{background:linear-gradient(145deg,#a077e0,#7b4fbf)}.bm-swatch[data-color=naranja]{background:#f2822a}.bm-swatch[data-color=marron]{background:#6b4423}.bm-swatch[data-color=turquesa]{background:#30c8c0}.bm-swatch[data-color=beige]{background:#e7dcc8}.bm-swatch[data-color=medianoche]{background:#1c1c1e}.bm-step__empty{color:var(--bm-save);font-size:.88rem;line-height:1.5;background:color-mix(in srgb,var(--bm-save) 7%,white);border:1px solid color-mix(in srgb,var(--bm-save) 22%,white);border-radius:var(--bm-radius-sm);padding:12px 14px;margin:0}.bm-step__apps{margin-top:20px}.bm-step__apps>*{width:100%}.bm-step__apps button,.bm-step__apps a[role=button],.bm-step__apps input[type=submit],.bm-step__apps .es-popup-button{width:100%!important;border-radius:var(--bm-radius-pill)!important;font-weight:800!important;min-height:56px;display:flex!important;align-items:center;justify-content:center}.bm-step__addon-note{color:var(--bm-danger-ink);background:var(--bm-danger-bg);border:1px solid var(--bm-danger-border);border-radius:var(--bm-radius-sm);padding:10px 14px;font-size:.82rem;line-height:1.45;margin-top:12px}.bm-step__addon-note :last-child{margin-bottom:0}.bm-step--solo{grid-template-columns:minmax(0,640px);justify-content:center}.bm-step--solo .bm-step__content{text-align:center}.bm-step--solo .bm-step__options{margin-inline:auto;width:100%}.bm-step--solo .bm-step__help,.bm-step--solo .bm-step__addon-note{margin-inline:auto}@media(min-width:750px){.bm-step--solo{grid-template-columns:minmax(0,640px)}}.bm-step__media{width:100%;max-width:420px;margin-inline:auto;aspect-ratio:1 / 1;display:grid;place-items:center;padding:clamp(10px,2vw,18px);box-sizing:border-box}.bm-step__media-slot.is-active{display:grid;place-items:center;width:100%;height:100%}.bm-step__media img{width:100%;height:100%;object-fit:contain;object-position:center}@media(max-width:749px){.bm-step__media{max-width:300px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-backmarket-step.css.map */
