.loja-shell{--font-loja-display:"Cabinet Grotesk", "Inter Tight", system-ui, sans-serif;--font-loja-body:"Inter Tight", system-ui, sans-serif;font-family:var(--font-loja-body)}.loja-shell h1,.loja-shell h2,.loja-shell h3{font-family:var(--font-loja-display)}.loja-shell .loja-card{transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden}.loja-shell .loja-card:before{content:"";background:linear-gradient(90deg, transparent, var(--lily-glow), var(--primary), transparent);opacity:0;width:55%;height:2px;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(-120%)}.loja-shell .loja-card:hover,.loja-shell .loja-card:focus-within{border-color:#e8637e8c;transform:translateY(-3px);box-shadow:0 14px 30px #00000059,0 0 26px #ffb19938}.loja-shell .loja-card:hover:before,.loja-shell .loja-card:focus-within:before{opacity:1;transform:translate(220%)}@media (prefers-reduced-motion:reduce){.loja-shell .loja-card,.loja-shell .loja-card:before{transition:none}.loja-shell .loja-card:before{width:100%;transform:none}.loja-shell .loja-card:hover{transform:none}}.loja-shell .loja-launch-bonus{background:color-mix(in srgb, var(--lily-glow) 8%, transparent);border:1px solid color-mix(in srgb, var(--lily-glow) 55%, transparent);box-shadow:0 0 14px -5px color-mix(in srgb, var(--lily-glow) 60%, transparent)}.loja-shell .loja-launch-bonus__label{color:color-mix(in srgb, var(--lily-glow) 80%, transparent)}.loja-shell .loja-launch-bonus__value,.loja-shell .loja-launch-bonus__detail{color:var(--lily-glow)}.loja-shell input[type=file]{width:100%;color:var(--muted-foreground);border:1px solid var(--input);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.875rem;display:block}.loja-shell input[type=file]::file-selector-button{border:1px solid var(--input);border-radius:var(--radius-sm);background:var(--secondary);color:var(--secondary-foreground);font-size:.8125rem;font-family:var(--font-loja-body);cursor:pointer;margin-right:.75rem;padding:.375rem .75rem}.loja-shell input[type=file]::file-selector-button:hover{background:var(--accent)}.loja-shell{--loja-header-h:3.5rem}.loja-film{--film-dim:0;top:var(--loja-header-h);z-index:0;height:calc(100vh - var(--loja-header-h));height:calc(100dvh - var(--loja-header-h));color:#fbf7f5;background:#221a1d;position:sticky;overflow:hidden}.loja-film-after{z-index:1;background:var(--background);position:relative}.loja-film__poster,.loja-film__poster img,.loja-film__video,.loja-film__veil{width:100%;height:100%;position:absolute;inset:0}.loja-film__poster img,.loja-film__video{object-fit:cover;object-position:50% 50%;display:block}.loja-film__poster{z-index:0}.loja-film__poster[data-hidden=true]{visibility:hidden}.loja-film__video{z-index:1;filter:blur(calc(var(--film-dim) * 12px))}.loja-film__veil{z-index:2;opacity:calc(var(--film-dim) * .85);pointer-events:none;background:#221a1d}.loja-film__caption{z-index:3;max-width:min(90vw,40rem);font-family:var(--font-loja-display);text-align:center;text-shadow:0 2px 24px #0000008c;opacity:0;pointer-events:none;margin:0;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:700;line-height:1.15;transition:opacity .3s;position:absolute;bottom:clamp(5.5rem,14vh,9rem);left:50%;transform:translate(-50%)}.loja-film__caption[data-visible=true]{opacity:calc(1 - var(--film-dim))}.loja-film__sound,.loja-film__play{z-index:4;color:#fbf7f5;font:500 .875rem/1 var(--font-loja-body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#221a1d8c;border:1px solid #fbf7f559;border-radius:999px;align-items:center;gap:.5rem;transition:border-color .2s,background .2s,opacity .2s;display:inline-flex;position:absolute}.loja-film__sound:hover,.loja-film__play:hover,.loja-film__sound:focus-visible,.loja-film__play:focus-visible{border-color:var(--primary);background:#221a1dcc}.loja-film__sound{left:max(1.25rem, env(safe-area-inset-left));bottom:max(1.25rem, env(safe-area-inset-bottom));opacity:calc(1 - var(--film-dim) * 3);padding:.6rem .9rem}.loja-film__sound svg{width:1.1rem;height:1.1rem}.loja-film__play{padding:.9rem 1.5rem;font-size:1rem;top:50%;left:50%;transform:translate(-50%,-50%)}.loja-film__cue{z-index:3;left:50%;bottom:max(1.5rem, env(safe-area-inset-bottom));color:#fbf7f5bf;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:calc(1 - var(--film-dim) * 5);pointer-events:none;margin:0;font-size:.8rem;position:absolute;transform:translate(-50%)}.loja-film__cue:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.6rem;height:.6rem;margin:.5rem auto 0;animation:1.8s ease-in-out infinite loja-film-cue;display:block;transform:rotate(45deg)}@keyframes loja-film-cue{0%,to{opacity:.6;transform:translateY(0)rotate(45deg)}50%{opacity:1;transform:translateY(.35rem)rotate(45deg)}}@media (max-width:860px){.loja-film{align-items:flex-end;height:auto;min-height:40vh;display:flex;position:relative;top:auto}.loja-film__veil{opacity:1;background:linear-gradient(#221a1d40 0%,#221a1d66 40%,#221a1dd9 100%)}.loja-film__caption{text-align:left;width:100%;max-width:100%;margin:0;padding:0 1.5rem 1.5rem 11rem;font-size:clamp(1.15rem,5vw,1.6rem);position:relative;bottom:auto;left:auto;transform:none}.loja-film__cue{display:none}}@media (prefers-reduced-motion:reduce){.loja-film__cue:after{animation:none}.loja-film__caption,.loja-film__sound,.loja-film__play{transition:none}}.loja-loop{color:#fbf7f5;background:#221a1d;align-items:flex-end;min-height:40vh;display:flex;position:relative;overflow:hidden}@media (min-width:861px){.loja-loop{min-height:50vh}}.loja-loop__poster,.loja-loop__video,.loja-loop__veil{width:100%;height:100%;position:absolute;inset:0}.loja-loop__poster,.loja-loop__video{object-fit:cover;object-position:50% 50%;display:block}@media (max-width:860px),(max-height:500px) and (orientation:landscape){.loja-film__poster img,.loja-film__video,.loja-loop__poster,.loja-loop__video{object-fit:contain}}.loja-loop__poster[data-hidden=true]{visibility:hidden}.loja-loop__video{z-index:1}.loja-loop__veil{z-index:2;pointer-events:none;background:linear-gradient(#221a1d40 0%,#221a1d66 40%,#221a1dd9 100%)}.loja-loop__copy{z-index:3;text-shadow:0 2px 18px #00000080;width:100%;padding-top:3rem;padding-bottom:2rem;position:relative}.loja-loop__copy p{color:#fbf7f5e0}.loja-shell .cta-bloom{background:var(--primary);color:var(--primary-foreground);font-family:var(--font-loja-display);text-align:center;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.9rem 1.6rem;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;transition:box-shadow .22s,transform .16s;display:inline-flex;position:relative}.loja-shell .cta-bloom__mark{flex-shrink:0;width:1.25rem;height:1.25rem;transition:transform .42s cubic-bezier(.22,1,.36,1)}.loja-shell .cta-bloom:hover,.loja-shell .cta-bloom:focus-visible{box-shadow:0 0 0 1px var(--lily-glow), 0 0 32px color-mix(in srgb, var(--lily-glow) 45%, transparent)}.loja-shell .cta-bloom:focus-visible{outline:2px solid var(--ring);outline-offset:3px}:root:not(.dark) .loja-shell .cta-bloom:hover,:root:not(.dark) .loja-shell .cta-bloom:focus-visible{box-shadow:0 0 0 1px var(--primary), 0 0 32px color-mix(in srgb, var(--primary) 45%, transparent)}.loja-shell .cta-bloom:hover .cta-bloom__mark,.loja-shell .cta-bloom:focus-visible .cta-bloom__mark{transform:rotate(60deg)scale(1.12)}.loja-shell .cta-bloom:active{transform:translateY(1px)scale(.99)}.loja-shell .cta-bloom:disabled{opacity:.6;cursor:progress;box-shadow:none}.loja-shell .cta-bloom:disabled .cta-bloom__mark{transform:none}@media (prefers-reduced-motion:reduce){.loja-shell .cta-bloom,.loja-shell .cta-bloom__mark{transition:none}}.loja-shell .cta-bloom.loja-gold{color:#221a1d;background:linear-gradient(135deg,#f7db7a 0%,#d9a21b 55%,#f3cb55 100%);box-shadow:0 0 0 1px #f7db7a,0 0 26px #f3cb5573}.loja-shell .cta-bloom.loja-gold:hover,.loja-shell .cta-bloom.loja-gold:focus-visible,:root:not(.dark) .loja-shell .cta-bloom.loja-gold:hover,:root:not(.dark) .loja-shell .cta-bloom.loja-gold:focus-visible{box-shadow:0 0 0 1px #f7db7a,0 0 36px #f3cb55a6}.loja-shell .cta-bloom.loja-side{text-align:center;gap:.4rem;width:100%;padding:.8rem .6rem;font-size:.92rem;line-height:1.15}.loja-shell .cta-bloom.loja-side .cta-bloom__mark{width:1rem;height:1rem}
