cl-bottom-nav,cl-menu-sheet{display:none}@media(max-width:749px){cl-bottom-nav.cl-bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--cl-bg, #fff);border-top:1px solid var(--cl-border, #e2e2e2);box-shadow:0 -4px 16px #0000000f;padding-bottom:env(safe-area-inset-bottom);font-family:var(--cl-font-body, system-ui, sans-serif);transition:transform .25s var(--cl-ease, ease)}body.overflow-hidden cl-bottom-nav.cl-bottom-nav,body.overflow-hidden-mobile cl-bottom-nav.cl-bottom-nav,body.overflow-hidden-tablet cl-bottom-nav.cl-bottom-nav{transform:translateY(110%)}.cl-bottom-nav__list{display:grid;grid-template-columns:repeat(5,1fr);height:var(--cl-bottom-nav-height, 64px);margin:0;padding:0;list-style:none}.cl-bottom-nav__item{display:flex;margin:0}.cl-bottom-nav__link{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;margin:0;padding:6px 2px;background:none;border:0;border-radius:0;color:var(--cl-text-soft, #555);font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none}.cl-bottom-nav__link:focus-visible{outline:2px solid var(--cl-accent, #c41e3a);outline-offset:-4px}.cl-bottom-nav__link:active{background:var(--cl-bg-soft, #f5f5f5)}.cl-bottom-nav__link.is-active,.cl-bottom-nav__link[aria-expanded=true]{color:var(--cl-accent, #c41e3a)}.cl-bottom-nav__link.is-active:before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--cl-accent, #c41e3a)}.cl-bottom-nav__link--whatsapp,.cl-bottom-nav__link--whatsapp .cl-bottom-nav__icon{color:var(--cl-whatsapp, #25d366)}.cl-bottom-nav__link--whatsapp .cl-bottom-nav__label{color:var(--cl-text-soft, #555)}.cl-bottom-nav__icon{display:block;width:24px;height:24px;flex-shrink:0}.cl-bottom-nav__icon-wrap{position:relative;display:inline-flex}.cl-bottom-nav__badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cl-accent, #c41e3a);color:var(--cl-text-inverse, #fff);font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--cl-bg, #fff)}.cl-bottom-nav__badge[hidden]{display:none}.cl-bottom-nav__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.01em}body.has-bottom-nav .whatsapp-widget,body.has-bottom-nav div.whatsapp-widget.whatsapp-widget--modal-open{display:none!important}cl-menu-sheet.cl-menu-sheet{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;font-family:var(--cl-font-body, system-ui, sans-serif);color:var(--cl-text, #1a1a1a)}cl-menu-sheet.cl-menu-sheet[hidden]{display:none}.cl-menu-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s var(--cl-ease, ease)}.cl-menu-sheet__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100% - 32px);height:calc(100% - 32px);background:var(--cl-bg, #fff);border-radius:var(--cl-radius-lg, 16px) var(--cl-radius-lg, 16px) 0 0;box-shadow:0 -8px 32px #0000002e;transform:translateY(100%);transition:transform .35s var(--cl-ease, ease);outline:none;overflow:hidden}cl-menu-sheet[open] .cl-menu-sheet__backdrop{opacity:1}cl-menu-sheet[open] .cl-menu-sheet__panel{transform:translateY(0)}.cl-menu-sheet__handle{flex-shrink:0;width:40px;height:4px;margin:8px auto 0;border-radius:2px;background:var(--cl-bg-muted, #ededed)}.cl-menu-sheet__level{display:flex;flex-direction:column;flex:1;min-height:0}.cl-menu-sheet__level[hidden]{display:none}.cl-menu-sheet__header{flex-shrink:0;display:flex;align-items:center;gap:8px;min-height:52px;padding:4px 8px 4px var(--cl-gutter, 16px);border-bottom:1px solid var(--cl-border, #e2e2e2)}.cl-menu-sheet__title,.cl-menu-sheet__subtitle{flex:1;min-width:0;margin:0;font-family:var(--cl-font-heading, system-ui, sans-serif);font-size:18px;font-weight:700;color:var(--cl-text, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-menu-sheet__subtitle{text-align:center;font-size:16px}.cl-menu-sheet__close,.cl-menu-sheet__back{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;margin:0;padding:0 8px;background:none;border:0;border-radius:var(--cl-radius-sm, 6px);color:var(--cl-text, #1a1a1a);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:none}.cl-menu-sheet__back{margin-left:calc(var(--cl-gutter, 16px) * -.5);color:var(--cl-accent, #c41e3a)}.cl-menu-sheet__close:focus-visible,.cl-menu-sheet__back:focus-visible{outline:2px solid var(--cl-accent, #c41e3a);outline-offset:0}.cl-menu-sheet__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--cl-gutter, 16px) var(--cl-gutter, 16px) calc(var(--cl-gutter, 16px) + env(safe-area-inset-bottom))}.cl-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.cl-menu-grid__item{margin:0}.cl-menu-tile{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;background:var(--cl-bg, #fff);border:1px solid var(--cl-border, #e2e2e2);border-radius:var(--cl-radius, 10px);overflow:hidden;color:var(--cl-text, #1a1a1a);font:inherit;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:border-color .2s var(--cl-ease, ease),box-shadow .2s var(--cl-ease, ease);-webkit-tap-highlight-color:transparent}.cl-menu-tile:active,.cl-menu-tile.is-active{border-color:var(--cl-accent, #c41e3a)}.cl-menu-tile:focus-visible{outline:2px solid var(--cl-accent, #c41e3a);outline-offset:2px}.cl-menu-tile__media{display:block;aspect-ratio:1 / 1;background:var(--cl-bg-soft, #f5f5f5);overflow:hidden}.cl-menu-tile__name{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 6px;font-family:var(--cl-font-heading, system-ui, sans-serif);font-size:13px;font-weight:600;line-height:1.2}.cl-menu-img{display:block;width:100%;height:100%;object-fit:cover}.cl-menu-img--placeholder{display:flex;align-items:center;justify-content:center;background:var(--cl-bg-soft, #f5f5f5);color:var(--cl-text-muted, #8a8a8a)}.cl-menu-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none}.cl-menu-quick li{margin:0}.cl-menu-quick__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;height:100%;padding:8px 6px;background:var(--cl-bg-soft, #f5f5f5);border-radius:var(--cl-radius-sm, 6px);color:var(--cl-text, #1a1a1a);font-size:13px;font-weight:600;text-align:center;text-decoration:none}.cl-menu-quick__link svg{color:var(--cl-accent, #c41e3a)}.cl-menu-quick__link:focus-visible,.cl-menu-wa:focus-visible,.cl-menu-row:focus-visible{outline:2px solid var(--cl-accent, #c41e3a);outline-offset:2px}.cl-menu-wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:12px;padding:0 16px;border-radius:var(--cl-radius-sm, 6px);background:var(--cl-whatsapp, #25d366);color:#fff;font-family:var(--cl-font-heading, system-ui, sans-serif);font-size:15px;font-weight:600;text-decoration:none}.cl-menu-list{margin:0;padding:0;list-style:none}.cl-menu-list li{margin:0;border-bottom:1px solid var(--cl-border, #e2e2e2)}.cl-menu-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;color:var(--cl-text, #1a1a1a);font-size:15px;font-weight:500;text-decoration:none}.cl-menu-row--all,.cl-menu-row.is-active{color:var(--cl-accent, #c41e3a);font-weight:700}.cl-menu-row__thumb{flex-shrink:0;width:48px;height:48px;border-radius:var(--cl-radius-sm, 6px);background:var(--cl-bg-soft, #f5f5f5);overflow:hidden}.cl-menu-row__thumb .cl-menu-img--placeholder svg{width:24px;height:24px}.cl-menu-row__name{flex:1;min-width:0}.cl-menu-row__chevron{flex-shrink:0;color:var(--cl-text-muted, #8a8a8a)}body.cl-scroll-lock{overflow:hidden;touch-action:none}body.cl-scroll-lock .cl-menu-sheet__body{touch-action:pan-y}}@media(min-width:480px)and (max-width:749px){.cl-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){cl-bottom-nav.cl-bottom-nav,.cl-menu-sheet__backdrop,.cl-menu-sheet__panel,.cl-menu-tile{transition:none!important}}.cl-bottom-nav__logo{display:block;width:auto;height:34px;max-width:76px;object-fit:contain}.cl-bottom-nav__link--home.is-active .cl-bottom-nav__logo{opacity:1}@media(max-width:749px){.cl-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cl-menu-tile__media{position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl-bg, #fff)}.cl-menu-tile__name{min-height:40px;padding:8px 4px 10px;border-top:1px solid var(--cl-border, #e2e2e2);font-size:13px}.cl-menu-img--producto{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;mix-blend-mode:multiply}.cl-menu-img--placeholder{background:var(--cl-bg, #fff)}.cl-menu-img--oferta,.cl-menu-img--bf{display:flex;align-items:center;justify-content:center;font-family:var(--cl-font-heading, system-ui, sans-serif);font-weight:700;line-height:1}.cl-menu-img--oferta{font-size:44px;color:#fff}.cl-menu-tile:has(.cl-menu-img--oferta),.cl-menu-tile:has(.cl-menu-img--oferta) .cl-menu-tile__media{background:var(--cl-accent, #c41e3a);border-color:var(--cl-accent, #c41e3a);color:#fff}.cl-menu-img--bf{flex-direction:column;gap:2px;font-size:17px;text-transform:uppercase;letter-spacing:.02em;color:#fff}.cl-menu-img--bf span+span{color:var(--cl-accent, #c41e3a)}.cl-menu-tile:has(.cl-menu-img--bf),.cl-menu-tile:has(.cl-menu-img--bf) .cl-menu-tile__media{background:#0b0b0b;border-color:#0b0b0b;color:#fff}.cl-menu-tile:has(.cl-menu-img--oferta) .cl-menu-tile__name,.cl-menu-tile:has(.cl-menu-img--bf) .cl-menu-tile__name{border-top-color:#ffffff40}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cl-bottom-nav.css.map */