.eb{position:fixed;inset-inline:0;bottom:0;z-index:60;background:var(--elva-surface);border-top:1px solid var(--elva-border);padding:var(--elva-space-3) clamp(var(--elva-space-3),4vw,var(--elva-space-5));padding-bottom:calc(var(--elva-space-3) + env(safe-area-inset-bottom,0px));font-family:var(--elva-font-ui);color:var(--elva-on-surface);container-type:inline-size;transform:translate3d(0,150%,0);transition:transform .2s ease-in}.eb[data-visible=true]{transform:translateZ(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.eb__inner{position:relative;max-width:640px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--elva-space-2)}.eb button{font:inherit;color:inherit}.eb__campo,.eb__cta,.eb__op{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.eb__campo{min-width:0;min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--elva-space-2);margin:0;padding:var(--elva-space-2) var(--elva-space-3);border:1px solid #8c8c8c;border-radius:var(--elva-rounded-md);background:var(--elva-surface);text-align:start;cursor:pointer}.eb__campo[aria-expanded=true]{border-color:var(--elva-accent-text);box-shadow:inset 0 0 0 .5px var(--elva-accent-text)}.eb__punto,.eb__op-tono{width:12px;height:12px;flex:none;border-radius:50%;background:var(--elva-product-rosa);box-shadow:inset 0 0 0 1px #0000001f}.eb__punto[data-tono=lila],.eb__op-tono[data-tono=lila]{background:var(--elva-product-lila)}.eb__campo-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.eb__campo-t,.eb__campo-p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eb__campo-t{font-size:13px;font-weight:700}.eb__campo-p{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-size:12px}.eb__campo-precio{font-weight:500}.eb__campo-antes,.eb__op-antes{font-weight:400;color:#5f5f5f;text-decoration:line-through}.eb__campo-pct{font-weight:600;color:var(--elva-accent-text)}.eb__campo-antes:empty,.eb__campo-pct:empty{display:none}.eb__chevron{transition:transform .18s cubic-bezier(.16,1,.3,1)}.eb__campo[aria-expanded=true] .eb__chevron{transform:rotate(180deg)}.eb__cta{min-height:56px;min-width:120px;margin:0;padding:0 var(--elva-space-4);border:0;border-radius:var(--elva-rounded-pill);background:var(--elva-accent-text);color:var(--elva-on-accent);font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .12s ease,filter .12s ease}.eb .eb__cta{color:var(--elva-on-accent);font-size:16px;font-weight:700}.eb__cta-extra{display:none}.eb__cta:active{transform:scale(.97);background:#9e2c4c}.eb__cta[data-estado=cargando]{cursor:progress;filter:brightness(.96)}.eb__cta[disabled]{cursor:default}@media(hover:hover){.eb__cta:hover{filter:brightness(.97)}.eb__campo:hover{background:var(--elva-surface-grey)}.eb__op:not([aria-disabled=true]):hover{background:var(--elva-surface-grey)}}.eb__campo:focus-visible,.eb__cta:focus-visible{outline:3px solid var(--elva-on-surface);outline-offset:2px}.eb__lista{position:absolute;left:0;right:0;bottom:calc(100% + var(--elva-space-3) + var(--elva-space-2));max-height:min(calc(100vh - var(--elva-bar-alto, 80px) - var(--eb-cabecera, 0px) - 24px),440px);max-height:min(calc(100dvh - var(--elva-bar-alto, 80px) - var(--eb-cabecera, 0px) - 24px),440px);overflow-y:auto;overscroll-behavior:contain;padding:var(--elva-space-2);background:var(--elva-surface);border:1px solid var(--elva-border);border-radius:var(--elva-rounded-md);box-shadow:0 4px 20px #00000026;transform-origin:50% 100%;visibility:hidden;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s linear .12s}.eb[data-abierta=true] .eb__lista{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility 0s}.eb:not([data-abierta=true]) .eb__lista{transform:translateY(8px) scale(.98)}.eb__lista:focus{outline:none}.eb__nota{margin:0 0 var(--elva-space-1);padding:var(--elva-space-2) var(--elva-space-3);border-radius:var(--elva-rounded-sm);background:var(--elva-surface-grey);font-family:var(--elva-font-body);font-size:12px;line-height:1.35}.eb__grupo+.eb__grupo{margin-top:var(--elva-space-1);padding-top:var(--elva-space-1);border-top:1px solid var(--elva-border)}.eb__grupo-t{margin:0;padding:var(--elva-space-2) var(--elva-space-3) var(--elva-space-1);display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11px;line-height:1.3}.eb__grupo-n{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.eb__grupo-s{color:#0009}.eb__insignia{padding:2px 8px;border-radius:var(--elva-rounded-pill);background:var(--elva-surface-soft);color:var(--elva-accent-text);font-weight:700}.eb__grupo-pct{margin-inline-start:auto;font-weight:600;color:var(--elva-accent-text)}.eb__grupo-t[data-insignia-abajo]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline}.eb__grupo-t[data-insignia-abajo] .eb__grupo-n{grid-column:1;grid-row:1}.eb__grupo-t[data-insignia-abajo] .eb__grupo-s{grid-column:2;grid-row:1;min-width:0}.eb__grupo-t[data-insignia-abajo] .eb__grupo-pct{grid-column:3;grid-row:1}.eb__grupo-t[data-insignia-abajo] .eb__insignia{grid-column:1 / -1;grid-row:2;justify-self:start}.eb__op{min-height:52px;display:grid;grid-template-columns:18px 40px minmax(0,1fr) auto;align-items:center;gap:var(--elva-space-3);padding:6px var(--elva-space-3);border-radius:var(--elva-rounded-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.eb__op:active,.eb__op[aria-selected=true]{background:var(--elva-surface-grey)}.eb__op[aria-disabled=true]{opacity:.55;cursor:default}.eb__lista:focus-visible .eb__op[data-activa]{outline:2px solid var(--elva-on-surface);outline-offset:-2px}.eb__radio{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(0,0,0,.55);transition:background-color .12s ease,border-color .12s ease}.eb__op[aria-selected=true] .eb__radio{border-color:var(--elva-accent-text);background:var(--elva-accent-text)}.eb__op[aria-selected=true] .eb__radio:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:6px;height:6px;border-radius:50%;background:#fff}.eb__op-foto{width:40px;height:40px;object-fit:cover;border-radius:var(--elva-rounded-sm);background:var(--elva-surface-grey)}.eb__op-color{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600}.eb__op-precios{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;white-space:nowrap}.eb__op-precio{font-size:13px;font-weight:500}.eb__op-antes{font-size:11px}.eb__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@container (min-width: 400px){.eb__cta-extra{display:inline}}@container (max-width: 399px){.eb__campo-pct{display:none}}@container (max-width: 339px){.eb__campo-antes{display:none}.eb__cta{min-width:104px}.eb__op{grid-template-columns:18px 32px minmax(0,1fr) auto;gap:var(--elva-space-2)}.eb__op-foto{width:32px;height:32px}}@container (max-width: 299px){.eb__punto,.eb__op-tono{display:none}.eb__campo{padding-inline:10px}.eb__cta{min-width:92px;padding-inline:var(--elva-space-3)}.eb .eb__cta{font-size:14px}.eb__op{grid-template-columns:18px minmax(0,1fr) auto}.eb__op-foto{display:none}}.eb[data-apretada] .eb__campo-antes,.eb[data-apretada] .eb__campo-pct,.eb[data-apretada] .eb__cta-extra{display:none}.eb[data-apretada=apilada] .eb__inner{grid-template-columns:minmax(0,1fr)}.eb[data-apretada=apilada] .eb__cta{width:100%}.eb[data-apretada] .eb__op-color{flex-wrap:wrap}@media(orientation:landscape)and (max-height:500px){.eb{padding-top:var(--elva-space-2);padding-bottom:calc(var(--elva-space-2) + env(safe-area-inset-bottom,0px))}.eb__campo,.eb__cta{min-height:48px}.eb__inner{max-width:640px}.eb__lista{bottom:calc(100% + var(--elva-space-2) + var(--elva-space-2));display:grid;grid-template-columns:1fr 1fr;column-gap:var(--elva-space-2);align-items:start}.eb__nota{grid-column:1 / -1}.eb__grupo+.eb__grupo{margin-top:0;padding-top:0;border-top:0}.eb__op{min-height:48px}}@media(prefers-reduced-motion:reduce){.eb,.eb[data-visible=true],.eb__lista,.eb[data-abierta=true] .eb__lista,.eb__chevron,.eb__cta,.eb__radio{transition:none}.eb:not([data-abierta=true]) .eb__lista{transform:none}}[class*=kl-teaser]{transition:transform .22s ease}body:has(#elva-bar[data-visible=true]) [class*=kl-teaser]{transform:translateY(calc(-1 * var(--elva-bar-alto, 80px)))}
/*# sourceMappingURL=/cdn/shop/t/1/assets/elva-barra.css.map */