/* MOON V12.2.1 — corrección visual, sin modificar APIs de pedidos */
.moon-promo-marquee{position:relative;display:block;max-width:none;overflow:hidden;white-space:nowrap;margin:0;border:0;border-radius:0;background:linear-gradient(90deg,#231436,#672f8e,#2b173e);color:#f9eaff;padding:10px 0;font-size:11px;letter-spacing:1.45px;font-weight:900;box-shadow:inset 0 -1px #b48bda55}
.moon-ticker-track{width:max-content;display:flex;align-items:center;gap:58px;animation:moonTickerSlide 30s linear infinite}
.moon-ticker-track>span{white-space:nowrap;flex:none;display:flex;align-items:center;gap:9px}
.moon-ticker-track>span:before{content:'';display:block;width:5px;height:5px;background:#f3c9ff;transform:rotate(45deg)}
@keyframes moonTickerSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.moon-ticker-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding:0 10px;gap:10px}}
.moon-top-menu{display:flex;gap:11px;align-items:center;min-width:0}
.moon-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(84,51,127,.5);border:1px solid #8d6db2;border-radius:13px;width:44px;height:44px;color:#f3e7ff;cursor:pointer}
.moon-menu-toggle:hover,.moon-menu-toggle:focus-visible{background:#593b79;outline:2px solid #c59dff;outline-offset:2px}
.moon-menu-toggle svg{width:23px;height:23px}
.moon-nav-shade{position:fixed;inset:0;z-index:80;background:#030207b8;backdrop-filter:blur(6px)}
.moon-nav-drawer{position:fixed;inset:0 auto 0 0;z-index:81;width:min(345px,92vw);height:100dvh;overflow:auto;background:linear-gradient(155deg,#261638,#120d20);box-shadow:14px 0 45px #0009;border-right:1px solid #8263a0;padding:18px 17px 24px;display:grid;align-content:start;gap:11px}
.moon-nav-drawer[hidden],.moon-nav-shade[hidden]{display:none!important}
.moon-nav-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #684784;padding-bottom:15px;margin-bottom:4px}
.moon-nav-head img{width:138px;max-width:65%;height:auto;object-fit:contain}
.moon-nav-close{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#432a5c;color:#fff;border:1px solid #8660aa;font-size:25px;cursor:pointer}
.moon-nav-label{font-size:10px;letter-spacing:1.9px;color:#ad94c8;text-transform:uppercase;font-weight:900;margin:7px 6px 0}
.moon-nav-drawer a,.moon-nav-drawer button.moon-nav-link{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:#f5ebff;font-size:14px;text-decoration:none;font-weight:750;cursor:pointer}
.moon-nav-drawer a:hover,.moon-nav-drawer a:focus-visible,.moon-nav-drawer button.moon-nav-link:hover,.moon-nav-drawer button.moon-nav-link:focus-visible{background:#442c60;border-color:#8667a9}
.moon-nav-drawer .moon-nav-feature{background:#342147;border:1px solid #644786}
.moon-nav-drawer .moon-nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#d6bbef;flex:none}
.moon-nav-drawer .moon-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.moon-nav-locked{overflow:hidden}
.moon-category-circles{gap:14px;padding:10px 2px 20px}
.moon-category-circles button{flex:0 0 102px;gap:8px;font-size:11px;color:#e5d7fa}
.moon-cat-symbol{width:72px;height:72px;border-radius:18px;font-size:unset;background:linear-gradient(150deg,#3f285d,#231732);border:1px solid #72579c;box-shadow:0 8px 19px #0005}
.moon-cat-symbol svg{width:33px;height:33px;fill:none;stroke:#dabff7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.moon-category-circles button:hover .moon-cat-symbol,.moon-category-circles button[aria-pressed="true"] .moon-cat-symbol{border-color:#d5aaff;background:linear-gradient(155deg,#66458c,#352147);box-shadow:0 0 0 3px #b992ee33}
.moon-floating-whatsapp{width:58px;height:58px;bottom:22px;right:19px;padding:0!important;display:grid!important;place-items:center;background:#25d366!important;border:2px solid #dcfff0!important;border-radius:50%!important;box-shadow:0 7px 26px #0009,0 0 0 4px #25d36630;color:#fff!important;z-index:50}
.moon-floating-whatsapp img{display:block;width:34px;height:34px;filter:brightness(0) invert(1)}
.moon-floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 11px 30px #000a}
.moon-floating-whatsapp:focus-visible{outline:3px solid #f1d4ff;outline-offset:4px}
.moon-floating-whatsapp .moon-wa-tip{position:absolute;right:69px;top:50%;transform:translateY(-50%);background:#251834;border:1px solid #8967b2;color:#f5eaff;white-space:nowrap;border-radius:10px;padding:9px 12px;font-size:12px;opacity:0;pointer-events:none}
.moon-floating-whatsapp:hover .moon-wa-tip,.moon-floating-whatsapp:focus-visible .moon-wa-tip{opacity:1}
.catalog-start .quickviews{gap:8px;scrollbar-width:thin;padding:9px 1px 12px}
.catalog-start .quickviews button{font-weight:800;border:1px solid #7b5d9a;min-height:37px;border-radius:999px}
.catalog-start .quickviews button.active{background:#ac76ed;color:#170f23}
@media(max-width:630px){.moon-promo-marquee{font-size:10px;padding:9px 0;letter-spacing:.9px}.moon-category-circles{gap:5px}.moon-category-circles button{flex-basis:84px}.moon-cat-symbol{width:60px;height:60px;border-radius:15px}.moon-cat-symbol svg{width:29px;height:29px}.moon-floating-whatsapp{width:53px;height:53px;bottom:83px;right:13px}.moon-floating-whatsapp img{width:31px;height:31px}.moon-menu-toggle{height:40px;width:40px}}
