:root{--os-barra-h: var(--os-space-8);--os-barra-lift: 0px}html.os-barra-visible{--os-barra-lift: calc(var(--os-barra-h) + var(--os-safe-bottom) + var(--os-space-2))}os-buy-state,os-barra-compra{display:contents}@media screen and (max-width:749px){html.os-barra-montada body{padding-bottom:calc(var(--os-barra-h) + var(--os-safe-bottom))}}.os-barra__centinela.os-barra__centinela{display:block;height:1px;margin-top:-1px;pointer-events:none}.os-hero__cuerpo>.os-barra__centinela,.os-pdp__compra>.os-barra__centinela{position:absolute;inset-block-end:0;inset-inline-start:0;width:1px;margin:0}.os-pdp__compra{position:relative}.os-barra{position:fixed;z-index:var(--os-z-sticky);inset:auto var(--os-barra-inset, 1.6rem) calc(var(--os-barra-inset, 1.6rem) + var(--os-safe-bottom)) var(--os-barra-inset, 1.6rem);box-sizing:border-box;padding:var(--os-space-2) var(--os-space-4);min-height:var(--os-barra-h);background:var(--os-bg);color:var(--os-text);border:1px solid var(--os-rule-strong);border-radius:var(--os-radius-pill);box-shadow:0 .4rem 2.4rem color-mix(in srgb,var(--os-black) 16%,transparent);font-family:var(--os-font);visibility:hidden;transform:translateY(110%);transition:transform var(--os-duration-base) var(--os-ease),visibility var(--os-duration-base) var(--os-ease)}.os-barra--visible{visibility:visible;transform:none}@media screen and (min-width:750px){.os-barra:not(.os-barra--escritorio){display:none}.os-barra.os-barra--escritorio{inset-inline:0;inline-size:min(48rem,calc(100% - 3.2rem));margin-inline:auto}}.os-barra__fila{display:flex;align-items:center;gap:var(--os-space-3);max-width:var(--os-max-width);margin-inline:auto}.os-barra__whatsapp{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--os-tap-min);block-size:var(--os-tap-min);border:1px solid var(--os-rule-strong);border-radius:var(--os-radius-pill);color:var(--os-text);text-decoration:none}.os-barra__whatsapp-glifo{font-family:var(--os-font-mono);font-size:var(--os-text-sm);letter-spacing:var(--os-tracking-normal)}.os-barra__miniatura{flex:0 0 auto;inline-size:40px;block-size:40px;overflow:hidden;background:var(--os-bg-alt)}.os-barra__img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.os-barra__miniatura-vacia{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;border:1px dashed var(--os-rule-strong);font-family:var(--os-font-mono);font-size:var(--os-text-xs);letter-spacing:var(--os-tracking-micro);color:var(--os-text-muted)}.os-barra__info{flex:1 1 auto;min-width:0}.os-barra__abrir,.os-barra__alterna{display:flex;flex-direction:column;justify-content:center;gap:2px;min-block-size:var(--os-tap-min);min-width:0;color:var(--os-text);text-decoration:none}.os-barra__nombre{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--os-text-sm);line-height:var(--os-leading-snug);letter-spacing:var(--os-tracking-normal)}.os-barra__separador{color:var(--os-text-muted);margin-inline:.15em}.os-barra__linea2{display:flex;align-items:baseline;gap:var(--os-space-2);min-width:0}.os-barra__precio{font-size:var(--os-text-base);font-weight:var(--os-weight-bold);line-height:var(--os-leading-tight);white-space:nowrap}.os-barra__cambiar{font-size:var(--os-text-sm);color:var(--os-text-muted);text-decoration:underline;text-underline-offset:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.os-barra__alterna{display:none}.os-barra__alterna .os-barra__linea2{display:block;font-size:var(--os-text-sm);color:var(--os-text-muted);text-decoration:underline;text-underline-offset:2px}html.os-variante-agotada .os-barra__abrir{display:none}html.os-variante-agotada .os-barra__alterna{display:flex}.os-barra__form{flex:0 0 auto;display:block}.os-barra__form-inner{margin:0}.os-barra__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--os-tap-min);padding-inline:var(--os-space-5);border:0;border-radius:var(--os-radius-pill);background:var(--os-accent);color:var(--os-text-on-red);font-family:var(--os-font);font-size:var(--os-text-base);font-weight:var(--os-weight-regular);letter-spacing:var(--os-tracking-h4);line-height:1;white-space:nowrap;cursor:pointer;transition:opacity var(--os-duration-fast) var(--os-ease)}.os-barra__cta:hover{opacity:.88}.os-barra__cta[disabled],.os-barra__cta[aria-disabled=true]{background:var(--os-rule-strong);color:var(--os-text);cursor:not-allowed;opacity:1}.os-barra__cta.loading>span{visibility:hidden}.os-barra__cta.loading>.loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.os-barra__cta .loading__spinner .path{stroke:currentColor}.os-barra__error{position:absolute;inset-inline:0;bottom:100%;margin:0 0 1px;padding:var(--os-space-2) var(--os-space-4);background:var(--os-bg-alt);border-left:2px solid var(--os-accent);color:var(--os-text);font-size:var(--os-text-sm);line-height:var(--os-leading-snug)}.os-barra__error[hidden]{display:none}.os-hoja{position:fixed;inset:auto 0 0 0;z-index:var(--os-z-modal);inline-size:100%;max-inline-size:100%;max-block-size:60svh;margin:0;padding:0;border:0;background:transparent;color:var(--os-text);overflow:visible}.os-hoja::backdrop{background:color-mix(in srgb,var(--os-black) 55%,transparent)}.os-hoja__panel{box-sizing:border-box;max-block-size:60svh;overflow-y:auto;padding:var(--os-space-4) var(--os-space-4) calc(var(--os-space-5) + var(--os-safe-bottom));background:var(--os-paper);border-top:1px solid var(--os-rule-strong);font-family:var(--os-font)}.os-hoja[open] .os-hoja__panel{animation:os-hoja-entrada var(--os-duration-base) var(--os-ease)}@keyframes os-hoja-entrada{0%{transform:translateY(100%)}to{transform:translateY(0)}}.os-hoja__cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--os-space-3);margin-bottom:var(--os-space-4)}.os-hoja__titulo{margin:0;font-size:var(--os-text-base);font-weight:var(--os-weight-regular);letter-spacing:var(--os-tracking-label);text-transform:uppercase;color:var(--os-text-muted)}.os-hoja__cerrar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--os-tap-min);block-size:var(--os-tap-min);margin-right:calc(var(--os-space-3) * -1);border:0;background:none;color:var(--os-text);font-size:var(--os-text-base);cursor:pointer}.os-hoja__opciones{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--os-space-3)}.os-hoja__opcion{position:relative;display:block;min-width:0;cursor:pointer}.os-hoja__radio{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.os-hoja__caja{display:flex;align-items:center;gap:var(--os-space-3);min-block-size:56px;min-width:0;padding:var(--os-space-3) var(--os-space-4);border:1px solid var(--os-rule-strong);background:var(--os-bg);transition:border-color var(--os-duration-fast) var(--os-ease)}.os-hoja__radio:checked+.os-hoja__caja{border-width:2px;border-color:var(--os-text);padding:calc(var(--os-space-3) - 1px) calc(var(--os-space-4) - 1px)}.os-hoja__marca{position:relative;flex:0 0 auto;font-family:var(--os-font-mono);font-size:var(--os-text-sm);color:var(--os-text-muted)}.os-hoja__radio:checked+.os-hoja__caja .os-hoja__marca{color:var(--os-text)}.os-hoja__radio:checked+.os-hoja__caja .os-hoja__marca:after{content:"\d7";position:absolute;inset-block:0;left:50%;transform:translate(-50%)}.os-hoja__radio:focus-visible+.os-hoja__caja{outline:2px solid var(--os-focus);outline-offset:3px}.os-hoja__radio[disabled]+.os-hoja__caja{opacity:.55;cursor:not-allowed}.os-hoja__texto{display:flex;flex-direction:column;gap:2px;min-width:0}.os-hoja__opcion-titulo{font-size:var(--os-text-base);letter-spacing:var(--os-tracking-h4)}.os-hoja__opcion-precio{font-size:var(--os-text-base);font-weight:var(--os-weight-bold)}.os-hoja__detalle{display:inline-block;min-block-size:var(--os-tap-min);margin-top:var(--os-space-4);padding-block:var(--os-space-3);color:var(--os-text-muted);font-size:var(--os-text-sm);text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:750px){.os-barra--escritorio .os-barra__fila{gap:var(--os-space-4)}.os-hoja{max-inline-size:44.8rem;inset:auto 0 0 auto;margin-inline-end:var(--os-space-5)}}@media(prefers-reduced-motion:reduce){.os-barra{transition:none}.os-barra--visible{visibility:visible;transform:none}.os-hoja[open] .os-hoja__panel{animation:none;transform:none}.os-barra__cta,.os-hoja__caja{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/os-barra-compra.css.map */