@import"https://fonts.cdnfonts.com/css/akbaal";:root{--fondo-url: url(https://imgur.com/iUQIhdM.png);--logo-url: url(https://imgur.com/Mz69hba.png);--brillo: #41d7ff;--brillo2: #a855f7;--texto: #eaf1ff;--muted: rgba(234, 241, 255, .72);--panel: rgba(15, 18, 26, .62);--shadow: rgba(0, 0, 0, .45);--radius: 22px;--blur: 14px;--btn: rgba(255, 255, 255, .06);--btn-hover: rgba(255, 255, 255, .1);--accent: linear-gradient(90deg, rgba(65, 215, 255, 1), rgba(168, 85, 247, 1));--shimmer-speed: 5.8s;--container: 1180px;--pad: 18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--texto);background-color:#050715;background:radial-gradient(900px 500px at 20% 15%,rgba(65,215,255,.25),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(168,85,247,.18),transparent 65%),linear-gradient(#0000148c,#00001ee0),var(--fondo-url) no-repeat center center / cover;background-attachment:fixed;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-20vh -20vw;pointer-events:none;z-index:0}body:before{background:radial-gradient(closest-side at 25% 25%,rgba(65,215,255,.22),transparent 60%),radial-gradient(closest-side at 75% 35%,rgba(168,85,247,.2),transparent 62%),radial-gradient(closest-side at 55% 85%,rgba(65,215,255,.14),transparent 58%);filter:blur(18px);animation:auroraShift 10s ease-in-out infinite alternate}body:after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;opacity:.25;transform:translateZ(0);animation:grainMove 18s linear infinite}#root{min-height:100vh;position:relative;z-index:1}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}@keyframes auroraShift{0%{transform:translate3d(-1.5%,-1.5%,0) scale(1)}to{transform:translate3d(1.5%,1.5%,0) scale(1.02)}}@keyframes grainMove{0%{transform:translateZ(0)}to{transform:translate3d(-40px,28px,0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.lrp-app{width:min(var(--container),100%);margin:0 auto;padding:22px var(--pad) 44px;display:grid;gap:14px}.lrp-main{display:grid;gap:14px}.glass{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 32%),var(--panel);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 55px var(--shadow),0 0 0 1px #41d7ff29 inset;overflow:hidden}.glass:after{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--radius);background:linear-gradient(90deg,#41d7ff1a,#41d7ffa6,#a855f78c,#41d7ff1a);background-size:220% 100%;opacity:.55;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderShimmer var(--shimmer-speed) ease-in-out infinite}@keyframes borderShimmer{0%{background-position:0% 50%;filter:saturate(1)}50%{background-position:100% 50%;filter:saturate(1.1)}to{background-position:0% 50%;filter:saturate(1)}}.topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 18px}.brand{display:flex;gap:14px;align-items:center;min-width:240px}.brandLogo{width:62px;height:62px;border-radius:18px;background-image:var(--logo-url);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 0 14px rgba(65,215,255,.35)) drop-shadow(0 0 22px rgba(168,85,247,.18));transition:transform .42s ease,filter .42s ease;will-change:transform}.brand:hover .brandLogo{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 0 18px rgba(65,215,255,.45)) drop-shadow(0 0 28px rgba(168,85,247,.26))}.brandTitle{display:flex;flex-direction:column;gap:2px}.brandTitle h1{margin:0;font-family:Akbaal,sans-serif;font-size:28px;letter-spacing:.4px;line-height:1.1;text-shadow:0 0 16px rgba(65,215,255,.35),0 0 28px rgba(168,85,247,.18)}.brandTitle h1 span{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleGlow 2.8s ease-in-out infinite alternate}.brandTitle p{margin:0;color:var(--muted);font-size:.92rem}@keyframes titleGlow{0%{filter:drop-shadow(0 0 0 rgba(65,215,255,0))}to{filter:drop-shadow(0 0 10px rgba(65,215,255,.28))}}.profile{display:flex;gap:12px;align-items:center}.profileAvatar{width:46px;height:46px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);overflow:hidden;flex:0 0 auto}.profileAvatar img{width:100%;height:100%;object-fit:cover;display:block}.profileMeta{display:grid;gap:2px;text-align:right}.profileName{font-weight:700;letter-spacing:.2px}.profileBalance{color:#eaf1ffd1;font-weight:600}.nav{padding:10px 12px}.navInner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.navLeft{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.navRight{display:flex;align-items:center;margin-left:auto}.navAction{white-space:nowrap;cursor:pointer}.navLink{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:var(--btn);border:1px solid rgba(255,255,255,.16);color:var(--texto);font-weight:700;letter-spacing:.2px;transition:transform .18s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.navLink:hover{background:var(--btn-hover);border-color:#41d7ff57;box-shadow:0 0 28px #41d7ff29,0 0 26px #a855f714;transform:translateY(-1px)}.navLinkActive{background:linear-gradient(90deg,#41d7ff24,#a855f71f);border-color:#41d7ff6b}.section{padding:18px}.sectionHeader{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.sectionTitle{margin:0;font-family:Gloock,Cinzel,serif;font-size:clamp(1.25rem,2vw,1.6rem)}.sectionSubtitle{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col4{grid-column:span 4}.col6{grid-column:span 6}.col12{grid-column:span 12}.cardBtn{width:100%;text-align:left;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}.productCard{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.productCard:hover{transform:translateY(-2px);border-color:#41d7ff52;box-shadow:0 16px 40px #00000059,0 0 22px #41d7ff1f}.productImg{width:100%;height:190px;display:block;object-fit:cover;background:linear-gradient(135deg,#41d7ff33,#a855f726)}.productBody{padding:12px 12px 14px;display:grid;gap:6px}.productTitle{margin:0;font-size:1.04rem;font-weight:800}.productPrice{margin:0;font-weight:700;color:#eaf1ffe6}.muted{color:var(--muted)}.categoryCard{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;display:grid;gap:8px}.categoryCard:hover{transform:translateY(-2px);border-color:#41d7ff52;box-shadow:0 16px 40px #00000059,0 0 22px #41d7ff1f}.categoryTitle{margin:0;font-size:1.15rem;font-weight:900}.categoryHint{font-weight:700;letter-spacing:.2px;color:#eaf1ffe6}.modalOverlay{position:fixed;inset:0;background:#0000009e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(920px,100%);border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),#0f121ad1;box-shadow:0 22px 70px #0009;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.modalHeader h3{margin:0;font-family:Gloock,Cinzel,serif;font-size:1.25rem}.modalClose{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;color:var(--texto);cursor:pointer}.modalBody{display:grid;grid-template-columns:1.15fr .85fr;gap:0}.modalImg{width:100%;height:360px;object-fit:cover;display:block;background:linear-gradient(135deg,#41d7ff38,#a855f72e)}.modalInfo{padding:16px;display:grid;gap:10px}.payArea{display:grid;gap:8px;align-content:start}.payBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-width:160px;background:linear-gradient(90deg,#41d7ff2e,#a855f729);border:1px solid rgba(255,255,255,.18);color:var(--texto);padding:10px 14px;font-weight:800;border-radius:14px;cursor:pointer;transition:transform .18s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.payBtn:hover{background:linear-gradient(90deg,#41d7ff42,#a855f738);border-color:#41d7ff57;box-shadow:0 0 26px #41d7ff38,0 0 20px #a855f724;transform:translateY(-1px)}.payBtn:active{transform:translateY(0)}.payBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #41d7ff38,0 0 0 1px #ffffff38 inset,0 0 26px #41d7ff2e}.payBtnDisabled,.payBtn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;background:#ffffff0f;border-color:#ffffff24}.payOutcome{font-size:.95rem;color:#eaf1ffdb;font-weight:700}.payOutcomeValue{color:#eaf1fff2}.payOutcomeError{color:#ff7d7df5;text-shadow:0 0 10px rgba(255,80,80,.18)}.payHint{font-size:.92rem;color:var(--muted)}@media(max-width:980px){.col4{grid-column:span 6}}@media(max-width:640px){.topbar{flex-direction:column;align-items:stretch}.profileMeta{text-align:left}.col4,.col6{grid-column:span 12}.productImg{height:210px}.modalBody{grid-template-columns:1fr}.modalImg{height:240px}}
