#menuLateral{box-sizing:border-box;top:8px;right:-380px;width:min(350px,calc(100vw - 16px));height:calc(100vh - 16px);height:calc(100dvh - 16px);padding:28px 18px 24px;border:1px solid #ff1738!important;border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#300610 0,transparent 50%),linear-gradient(160deg,#10080d,#08090d 65%)!important;box-shadow:0 0 22px #ff173828;transition:right .24s ease;overflow-y:auto;overscroll-behavior:contain}
#menuLateral.abierto{right:8px}
#menuLateral .cerrar-menu{top:4px;right:10px;width:32px;height:32px;font-size:27px;line-height:1;border:0;border-radius:50%;z-index:2}
#menuLateral h2[data-brand-name]{color:#fff!important;font-size:26px;line-height:1.2;text-align:center;margin:5px 24px 24px;overflow-wrap:anywhere}
.sx-profile{display:flex;align-items:center;gap:13px;margin:0 8px 22px;min-width:0}
.sx-avatar{width:50px;height:50px;flex:none;border:2px solid #ff1538;border-radius:50%;background:linear-gradient(145deg,#300710,#07070b);box-shadow:0 0 12px #ff17383d;display:grid;place-items:center;position:relative}
.sx-avatar svg{width:32px;height:32px;fill:#f2f4f8}
.sx-avatar:after{content:"";position:absolute;right:-1px;bottom:0;width:10px;height:10px;background:#20d078;border:2px solid #090a0d;border-radius:50%}
.sx-profile-info{min-width:0}.sx-profile-name{font-size:15px;font-weight:700;color:#fff;overflow-wrap:anywhere;display:block}
.sx-profile-role{display:inline-block;font-size:11px;font-weight:600;color:#fff;background:#97091e;border:1px solid #f31b4159;border-radius:20px;padding:4px 9px;margin-top:6px}
#menuLateral .menu-saldo{display:block;position:relative;margin:0 0 18px;padding:17px 16px 13px;border:1px solid #ff1738;border-radius:15px;background:radial-gradient(ellipse at top right,#65091a,transparent 70%),linear-gradient(145deg,#2b0710,#10080d);box-shadow:inset 0 0 18px #ff173822,0 0 12px #ff17381a;overflow:hidden}
.sx-balance-head{display:flex;gap:11px;align-items:center;position:relative;z-index:1}
#menuLateral .sx-balance-head>svg{width:28px;height:28px;stroke:#ffc675;fill:none;stroke-width:1.6}
.sx-balance-label{display:block;font-size:12px;color:#e7cbd1;margin-bottom:3px}
#saldoMenuValor{display:block;font-size:27px;line-height:1.2;color:#fff;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sx-watermark{position:absolute;right:8px;top:10px;width:75px;height:75px;fill:#ff2143;opacity:.13;pointer-events:none}
#menuLateral .sx-recharge{position:relative;z-index:1;display:flex!important;justify-content:center;align-items:center;width:100%;gap:6px;margin-top:15px;padding:11px 8px;border:1px solid #ff4a63!important;border-radius:22px;background:linear-gradient(#ff1238,#d70023)!important;color:white!important;font-size:14px;font-weight:700;box-shadow:0 4px 12px #ed002c35;cursor:pointer}
#menuLateral .sx-recharge:hover{background:linear-gradient(#ff3657,#eb002a)!important}
#menuLateral .menu-item:not(.sx-recharge){display:flex;align-items:center;gap:11px;min-height:47px;margin:8px 0;padding:9px 12px;border:1px solid #ffffff0e!important;border-radius:12px;background:linear-gradient(115deg,#16171d,#0e0f14)!important;color:#eff0f5!important;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}
#menuLateral .menu-item:not(.sx-recharge):hover{border-color:#ff284b66!important;background:#20141c!important}
#menuLateral .menu-item:not(.sx-recharge):after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:.8}
#menuLateral .menu-item svg{width:23px;height:23px;padding:3px;box-sizing:content-box;border-radius:7px;background:#ffffff06}
#menuLateral .menu-item[onclick="mostrarCuenta()"] svg{stroke:#38bdf8!important}
#menuLateral .menu-item[onclick="irTienda()"] svg{stroke:#c775fa!important}
#menuLateral .menu-item[onclick="cerrarSesion()"] svg{stroke:#ff2045!important}
#menuLateral .menu-admin{color:#ffd34b!important}
#menuLateral .menu-admin.cj-admin-hidden{display:none!important}
#menuLateral button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#menuLateral,#menuLateral .menu-item{transition:none}}


#menuLateral .sx-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:5px 20px 24px}#menuLateral .sx-brand h2{margin:0;font-size:25px}#menuLateral .sx-brand-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}#menuLateral .sx-watermark{width:75px;height:75px;pointer-events:none}