/* Experiência pública de abertura: isolada das páginas operacionais. */
.client-rewards{width:min(100%,680px)!important;margin:42px auto!important;padding:clamp(24px,5vw,42px)!important;text-align:center;overflow:hidden}
.client-rewards h1{font-family:var(--theme-title-font),Georgia,serif!important;font-size:clamp(32px,7vw,46px)!important}.client-rewards>p{max-width:500px;margin:0 auto 18px!important;line-height:1.55}.reward-count{display:inline-flex;padding:9px 13px;border:1px solid color-mix(in srgb,var(--aqua) 35%,transparent);border-radius:999px;background:var(--field);color:var(--navy);font-size:11px;font-weight:800}
.shell-experience{position:relative;margin-top:24px;padding:18px;border:1px solid color-mix(in srgb,var(--aqua) 30%,transparent);border-radius:22px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--aqua) 15%,transparent),transparent 62%),color-mix(in srgb,var(--field) 65%,var(--cream));overflow:hidden}.shell-experience::before{content:"";position:absolute;inset:auto -15% -80px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 9%,transparent);filter:blur(10px);pointer-events:none}.shell-experience__head{position:relative;z-index:1;display:grid;gap:4px;margin-bottom:16px}.shell-experience__head span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em}.shell-experience__head small{color:var(--muted);font-size:11px}
.shell-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.shell-grid form{margin:0}.shell{display:grid;place-items:center;width:100%;min-height:182px;padding:13px 12px;border:1px solid color-mix(in srgb,var(--aqua) 28%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--cream) 85%,white),var(--cream));color:var(--navy);box-shadow:0 10px 18px rgba(4,32,76,.09);isolation:isolate}.shell b{margin-top:7px;font-size:13px}.shell small{margin-top:4px;color:var(--muted);font-size:10px}.shell-form{perspective:800px}
.shell-card{position:relative;display:block;width:130px;height:91px;margin:0!important;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.74,.2,1)}.shell-card__face{position:absolute;inset:0;display:block!important;backface-visibility:hidden;margin:0!important}.shell-card__face img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(0,32,92,.22))}.shell-card__face i{position:absolute;left:50%;top:53%;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e8cfa9;border-radius:50%;background:rgba(0,26,69,.78);color:#e8cfa9;font:700 8px/1 Georgia,serif;letter-spacing:.06em;transform:translate(-50%,-50%);font-style:normal}.shell-card__front{transform:rotateY(180deg)}.shell-card__front i{background:linear-gradient(135deg,#fff8ec,#e8cfa9);color:#0077b6;font-size:16px}
.shell--available{cursor:pointer;border:2px solid var(--aqua);animation:shellPulse 1.8s ease-in-out infinite;transition:transform .2s ease,filter .2s ease}.shell--available .shell-card{animation:shellFloat 2.3s ease-in-out infinite}.shell--available:hover{transform:translateY(-4px) rotate(-1deg);filter:brightness(1.035)}.shell--available:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:4px}.shell--opening{pointer-events:none;animation:none!important}.shell--opening .shell-card{animation:none;transform:rotateY(180deg) scale(1.12)}.shell-experience--opening .shell--locked,.shell-experience--opening .shell--opened{opacity:.38;transition:opacity .3s ease}
.shell--opened{border-color:#a8dfc9;background:linear-gradient(145deg,#e6faf0,var(--cream))}.shell-art--gift{display:grid!important;place-items:center;width:56px;height:56px;margin:0!important;border-radius:17px;background:#dff8ee;color:#16815c;font-size:28px}.shell--locked{opacity:.5;filter:grayscale(.22)}.shell--locked .shell-card{transform:scale(.9)}.reward-reveal{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:16px!important;padding:15px!important;border:1px solid #b9e8dc!important;border-radius:15px!important;background:linear-gradient(135deg,#e5fbf1,#f9fffc)!important;text-align:left;animation:rewardReveal .5s ease-out}.reward-reveal>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#20b880;color:white;font-size:18px}.reward-reveal small,.reward-reveal strong{display:block}.reward-reveal small{margin-bottom:3px;color:#238363;font-size:9px;font-weight:900;letter-spacing:.1em}.reward-reveal strong{color:var(--navy);font-size:14px}.reward-note{margin:22px 0 0!important;padding:12px;border-radius:12px;background:var(--field);color:var(--ink)!important;font-size:12px!important}
@keyframes shellPulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--aqua) 15%,transparent),0 12px 20px rgba(4,32,76,.12)}}@keyframes shellFloat{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes rewardReveal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shell--available,.shell--available .shell-card,.reward-reveal{animation:none}.shell--available:hover{transform:none}.shell-card{transition:none}}@media(max-width:500px){.client-rewards{margin:20px auto!important;padding:22px 16px!important}.shell-experience{padding:14px 10px}.shell-grid{grid-template-columns:1fr 1fr;gap:9px}.shell{min-height:155px;padding:10px 6px}.shell-card{width:98px;height:69px}.shell-card__face i{width:26px;height:26px;font-size:7px}.shell b{font-size:11px}.shell small{font-size:9px}}

/* Arena de embaralhamento: mesma lógica visual da experiência anterior. */
.shell-game{position:relative;margin-top:24px;padding:18px;border:1px solid color-mix(in srgb,var(--aqua) 30%,transparent);border-radius:22px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--aqua) 18%,transparent),transparent 58%),color-mix(in srgb,var(--field) 65%,var(--cream));overflow:hidden}.shell-game__arena{position:relative;height:365px;margin-top:10px;perspective:1000px}.shell-game__card{position:absolute;width:118px;height:85px;padding:0;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:left .28s ease,top .28s ease,transform .28s ease;will-change:left,top,transform}.shell-game__face{position:absolute;inset:0;display:block;backface-visibility:hidden}.shell-game__face img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(0,32,92,.25))}.shell-game__back i{position:absolute;left:50%;top:53%;display:grid;place-items:center;width:31px;height:31px;border:1px solid #e8cfa9;border-radius:50%;background:rgba(0,26,69,.78);color:#e8cfa9;font:700 8px/1 Georgia,serif;letter-spacing:.06em;transform:translate(-50%,-50%);font-style:normal}.shell-game__front{transform:rotateY(180deg)}.shell-game__prize{position:absolute;left:50%;top:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:68%;min-height:62%;padding:7px 5px;border:1px solid rgba(0,119,182,.35);border-radius:5px;background:linear-gradient(145deg,#fff8ec,#e8cfa9);box-shadow:0 5px 16px rgba(0,26,69,.20);color:#001a45;text-align:center;transform:translate(-50%,-50%)}.shell-game__prize small{font-size:5.5px;font-weight:900;letter-spacing:.1em;color:#0077b6}.shell-game__prize strong{display:-webkit-box;overflow:hidden;width:100%;margin:4px 0 2px;font:700 9px/1.08 Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}.shell-game__prize em{font-size:5px;font-style:normal;letter-spacing:.12em;color:#0077b6}.shell-game__card--ready:hover{z-index:30!important;filter:brightness(1.06)}.shell-game__card--ready:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:12px}.shell-game__card--disabled{pointer-events:none;opacity:.28;filter:grayscale(.4)}.shell-game__card--chosen{z-index:40!important;transition:transform .65s cubic-bezier(.2,.74,.2,1)!important;transform:translate(-50%,-50%) rotateY(180deg) scale(1.35)!important}.shell-game__card--revealed .shell-game__front{filter:drop-shadow(0 0 18px rgba(232,207,169,.95))}.shell-game__hint{position:relative;z-index:2;margin:4px 0 0;color:var(--navy);font-size:11px;font-weight:800}.shell-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}.shell-history:empty{display:none}
@media(max-width:560px){.shell-game{padding:14px 8px}.shell-game__arena{height:330px}.shell-game__card{width:106px;height:75px}.shell-game__back i{width:27px;height:27px;font-size:7px}.shell-game__card--chosen{transform:translate(-50%,-50%) rotateY(180deg) scale(1.28)!important}.shell-history{grid-template-columns:1fr 1fr}.shell-history .shell{min-height:145px}}

/* Impede que o estilo global de botões pinte um retângulo azul atrás da imagem. */
.shell-game__card{width:150px!important;height:116px!important;min-height:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important}.shell-game__card:hover,.shell-game__card:focus{background:transparent!important;background-color:transparent!important}.shell-game__face{background:transparent!important}.shell-game__face img{width:100%!important;height:100%!important;max-width:none!important;background:transparent!important}@media(max-width:800px){.shell-game__card{width:138px!important;height:106px!important}}@media(max-width:560px){.shell-game__card{width:128px!important;height:98px!important}.shell-game__arena{height:360px}}

/* O verso gira com o cartão, então reverte imagem e conteúdo para não espelhar a marca. */
.shell-game__front img{transform:none}.shell-game__front .shell-game__prize{transform:translate(-50%,-50%)}
.shell-game__front{visibility:hidden}.shell-game__card--chosen .shell-game__front{visibility:visible}
.shell-game__face,.shell-game__face *{backface-visibility:hidden;-webkit-backface-visibility:hidden}.shell-game__back{transform:rotateY(0deg)}.shell-game__front{transform:rotateY(180deg)}
.shell-game__back i{transition:opacity .12s ease}.shell-game__card--chosen .shell-game__back i{opacity:0}
.shell-progress{display:flex;justify-content:center;gap:8px;margin:12px 0 2px}.shell-progress span{display:grid;place-items:center;width:32px;height:29px;border-radius:50%;opacity:.3;filter:grayscale(1)}.shell-progress img{display:block;width:30px;height:27px;object-fit:contain}.shell-progress .shell-progress__item--opened{opacity:1;filter:none;transform:translateY(-1px);filter:drop-shadow(0 4px 4px color-mix(in srgb,var(--theme-primary) 28%,transparent))}.shell-celebration{position:absolute;z-index:45;left:50%;top:52%;width:1px;height:1px;pointer-events:none}.shell-celebration i{position:absolute;width:8px;height:8px;border-radius:2px;background:hsl(var(--hue) 72% 54%);animation:shellSpark .85s cubic-bezier(.12,.66,.4,1) var(--delay) forwards;transform:translate(-50%,-50%);opacity:0}.shell-celebration i:nth-child(3n){width:6px;height:6px;border-radius:50%;background:#e8cfa9}.shell-celebration i:nth-child(4n){width:10px;height:3px;background:#fff8ec}@keyframes shellSpark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(250deg)}}
.shell-result{position:relative;display:grid;place-items:center;min-height:220px;padding:25px;overflow:hidden;border:1px solid #a8dfc9;border-radius:20px;background:radial-gradient(circle at 50% 10%,#e2fbf0,transparent 62%),linear-gradient(145deg,#fafffd,var(--cream));box-shadow:0 12px 22px rgba(4,32,76,.08)}.shell-result>img{position:absolute;right:50%;bottom:-90px;width:310px;max-width:none;opacity:.13;transform:translateX(50%);filter:grayscale(.1)}.shell-result>div{position:relative;z-index:1;display:grid;justify-items:center;gap:8px}.shell-result span{padding:7px 10px;border-radius:999px;background:#dff8ee;color:#16815c;font-size:9px;font-weight:900;letter-spacing:.1em}.shell-result b{max-width:390px;color:var(--navy);font-family:var(--theme-title-font),Georgia,serif;font-size:clamp(22px,5vw,31px);line-height:1.1}.shell-result small{color:var(--muted);font-size:11px}@media(max-width:500px){.shell-result{min-height:205px;padding:20px}.shell-result>img{width:270px}.shell-result b{font-size:23px}}
.shell-result p{max-width:410px;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.reward-complete{margin-top:18px;padding:24px 20px;border:1px solid #c4e9de;border-radius:18px;background:linear-gradient(135deg,#e9fbf5,#fafffd);text-align:center}.reward-complete>span{color:#16815c;font-size:9px;font-weight:900;letter-spacing:.13em}.reward-complete h2{margin:8px 0;color:var(--navy);font-family:var(--theme-title-font),Georgia,serif;font-size:25px}.reward-complete>p{max-width:480px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.5}.reward-complete__code{display:grid;gap:5px;justify-items:center;margin:17px auto 0;padding:14px;border:1px solid #b9e8dc;border-radius:13px;background:rgba(255,255,255,.65)}.reward-complete__code small{color:#238363;font-size:9px;font-weight:900;letter-spacing:.1em}.reward-complete__code b{color:var(--navy);font-size:14px;letter-spacing:.05em}.reward-complete__code button{min-height:34px;padding:0 12px;border:1px solid var(--blue);border-radius:9px;background:transparent;color:var(--blue);cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.05em}.reward-complete__code button:hover{background:var(--blue);color:#fff}

/* Resultado da cliente: destaque para o prêmio sem competir com a concha. */
.client-rewards .eyebrow{margin-bottom:8px}.client-rewards h1{letter-spacing:-.035em}.reward-count{box-shadow:0 5px 12px rgba(4,32,76,.05)}.shell-game__hint{line-height:1.45}.shell-result{border-width:1px}.shell-result span{box-shadow:0 4px 9px rgba(22,129,92,.11)}.reward-complete{box-shadow:0 10px 22px rgba(4,32,76,.07)}.reward-complete__code{background:color-mix(in srgb,var(--cream) 76%,white);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.reward-complete__code b{font-variant-numeric:tabular-nums}