/* JR Rewards 2026.244 — clube de benefícios, não dashboard genérico.
   Remake visual (2026-09-20, pedido do Júnior: "nao esta me trazendo um
   requinte e qualidade ainda... mostre um design lindo de premiacao, use
   mais do espaco em tela"). Continua camada de apresentação pura — mesmas
   classes/IDs/handlers de sempre; as duas únicas adições de marcação
   (medalha do nível + --reached na trilha + data-pronto no card) são
   puramente decorativas, sem novo dado nem handler.
   Realinhado (2026-09-21) com o protótipo Tailwind original recuperado do
   histórico da conversa e confirmado pelo Júnior como referência definitiva
   (ver AGENTS.md, "Modelo visual JR Rewards Tailwind"): superfícies zinc
   neutras chapadas (não mais o gradiente roxo-acastanhado do remake
   anterior), âmbar reservado só pra pontos/dinheiro/CTA, cor de identidade
   continua dinâmica por nível (JR_REWARDS_NIVEL_COR). */
/* Largura voltou pro max-w-7xl exato do protótipo (1280px) — a versão
   anterior desta sessão tinha mantido min(1720px,96vw) por conta de um
   pedido MAIS ANTIGO ("usar mais do espaço em tela", 2026-09-20), mas o
   Júnior confirmou de novo que quer fidelidade EXATA ao protótipo
   recuperado, não uma reinterpretação por cima — largura, padding e
   tamanho de fonte voltam a ser os valores literais do Tailwind
   (max-w-7xl px-6 lg:px-10 py-10), sem clamp() fluido inventado. */
.jr-rewards-experience{--reward-accent:#a78bfa;display:grid;gap:40px;max-width:1280px;margin:0 auto;padding:40px 24px 26px}
.jr-rewards-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0}
.jr-rewards-intro .jr-arq-eyebrow{color:#e879f9!important}
.jr-rewards-intro h1{margin:7px 0 4px;font-size:32px!important;font-weight:600;line-height:.95;color:#fafafa}
.jr-rewards-intro p{max-width:660px;margin:0;color:#a1a1aa;font-size:12px;line-height:1.65}
.jr-rewards-loading{min-height:420px;display:grid;place-items:center;border:1px solid #27272a;border-radius:26px;background:linear-gradient(145deg,#18181b,#09090b);overflow:hidden;position:relative}
.jr-rewards-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.05) 45%,transparent 65%);animation:jrRewardLoad 1.6s infinite}
.jr-rewards-loading span{position:relative;color:#c4b5fd;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
@keyframes jrRewardLoad{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(min-width:1024px){.jr-rewards-experience{padding-left:40px;padding-right:40px}}

/* ===== HERO — cartão de sócio ===== */
/* Bento assimétrico: hero + KPIs + conquistas na mesma grade (ver
   .jr-rewards-bento mais abaixo), reproduzindo o layout `lg:grid-cols-3
   lg:grid-rows-2` + `lg:col-span-2 lg:row-span-2` do protótipo original.
   Fundo do card volta a ser zinc chapado (era um gradiente roxo-acastanhado
   herdado do remake 2026.244 anterior) — os glows radiais na cor do nível
   continuam por cima, mas discretos, como no protótipo aprovado. */
.jr-rewards-experience .jr-rewards-member{min-height:0;margin:0!important;padding:32px!important;border-radius:16px!important;border-color:#27272a!important;background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--reward-accent) 16%,transparent),transparent 32%),radial-gradient(circle at 4% 100%,color-mix(in srgb,var(--reward-accent) 8%,transparent),transparent 40%),#18181b!important;box-shadow:0 18px 44px rgba(0,0,0,.3)!important;display:flex!important;flex-direction:column;justify-content:space-between}
.jr-rewards-member:before{opacity:.5;-webkit-mask-image:linear-gradient(90deg,#000,transparent 74%);mask-image:linear-gradient(90deg,#000,transparent 74%)}
/* Sheen — varredura de luz bem lenta e discreta cruzando o cartão inteiro,
   igual à técnica já usada em .jr-showcase-card::after (linear-gradient +
   translateX), nunca blend-mode/filter, pra não repetir o bug de flicker
   já documentado (AGENTS.md, "pisca a tela dos pontos"). */
.jr-rewards-member.jr-showcase-hero{isolation:isolate}
.jr-rewards-member.jr-showcase-hero>.jr-rewards-sheen{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.jr-rewards-member.jr-showcase-hero>.jr-rewards-sheen:before{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.05) 46%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 54%,transparent);transform:translateX(-40%) rotate(8deg);animation:jrRewardSheen 9s ease-in-out infinite}
@keyframes jrRewardSheen{0%,20%{transform:translateX(-40%) rotate(8deg)}55%,100%{transform:translateX(340%) rotate(8deg)}}
.jr-rewards-experience .jr-rewards-member.jr-showcase-hero:before,
.jr-rewards-experience .jr-rewards-member.jr-showcase-hero:after,
.jr-rewards-experience .jr-rewards-member>.jr-cine-grain{will-change:transform;transform:translateZ(0);backface-visibility:hidden}

.jr-rewards-member-top{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;position:relative;z-index:2}
.jr-rewards-member-brand{display:flex;align-items:center;gap:18px}
.jr-rewards-member-brand .jr-arq-eyebrow{color:var(--reward-accent)!important}
.jr-rewards-member-text{display:grid;gap:10px}
/* Medalha do nível — única marcação nova (decorativa, aria-hidden, sem
   handler nenhum): o emoji já existia dentro de .jr-rewards-level como
   texto solto; agora também aparece ampliado dentro de um medalhão de
   verdade (anel metálico via conic-gradient na cor do nível), pra dar
   a sensação de "prêmio" que um pill de texto pequeno nunca dá. */
.jr-rewards-medal{position:relative;flex:0 0 auto;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--reward-accent) calc(var(--medal-pct,100)*1%),#3f3f46 0);box-shadow:0 0 0 1px color-mix(in srgb,var(--reward-accent) 55%,transparent),0 18px 36px rgba(0,0,0,.5),0 0 44px color-mix(in srgb,var(--reward-accent) 32%,transparent)}
.jr-rewards-medal:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#09090b;border:1px solid rgba(255,255,255,.08)}
.jr-rewards-medal span{position:relative;font-size:34px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.jr-rewards-level{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--reward-accent) 46%,transparent);border-radius:999px;background:color-mix(in srgb,var(--reward-accent) 12%,#131116);color:var(--reward-accent);font-size:10px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}
.jr-rewards-number{position:relative;margin-top:32px;color:#f8f5ef;font-family:'Cormorant Garamond',Georgia,serif;font-size:72px;font-weight:600;line-height:.68;letter-spacing:-2px;font-variant-numeric:tabular-nums}
@media(min-width:768px){.jr-rewards-number{font-size:96px}}
.jr-rewards-number:before{content:"";position:absolute;left:-6%;top:-40%;width:52%;height:220%;background:radial-gradient(circle,color-mix(in srgb,var(--reward-accent) 30%,transparent),transparent 70%);z-index:-1;pointer-events:none}
.jr-rewards-number span{display:block;margin:20px 0 0 4px;color:#8f8793;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.jr-rewards-pending{position:relative;z-index:2;margin:16px 0 0 4px;display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 11px;border-radius:999px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fcd34d;font-size:10.5px;font-weight:700}
.jr-rewards-next{position:relative;z-index:2;width:min(320px,100%);padding-top:4px;text-align:right}
.jr-rewards-next strong{display:block;color:#e8e2e9;font-size:12px;font-weight:700;line-height:1.5}
.jr-rewards-next small{display:block;margin-top:5px;color:#716a74;font-size:9.5px}
.jr-rewards-experience .jr-rewards-next .jr-portal-ring{width:64px;height:64px}
.jr-rewards-experience .jr-rewards-next .jr-portal-ring b{font-size:13px}

/* Trilha — ladder de medalhas com linha de progresso de duas cores
   (dourada até o nível atual, apagada depois) via --reached, calculada
   uma vez em htmlJrRewardsCorpo() a partir de JR_REWARDS_ORDEM — nunca
   recalculada em CSS, só consumida. */
.jr-rewards-tier-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px}
.jr-rewards-tier-track:before{content:"";position:absolute;left:6%;right:6%;top:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--reward-accent) var(--reached,0%),#39333c var(--reached,0%))}
.jr-rewards-tier{position:relative;display:grid;justify-items:start;gap:11px;color:#5f5862;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.jr-rewards-tier:nth-child(n+2){justify-items:center}.jr-rewards-tier:last-child{justify-items:end}
.jr-rewards-tier i{z-index:1;width:33px;height:33px;display:grid;place-items:center;border:1px solid #39333c;border-radius:50%;background:#131116;font-style:normal;font-size:13px;transition:transform .2s ease}
.jr-rewards-tier.is-reached{color:var(--tier-color)}
.jr-rewards-tier.is-reached i{border-color:var(--tier-color);background:color-mix(in srgb,var(--tier-color) 20%,#131116);box-shadow:0 0 0 5px color-mix(in srgb,var(--tier-color) 10%,transparent)}
.jr-rewards-tier.is-current i{transform:scale(1.32);box-shadow:0 0 0 6px color-mix(in srgb,var(--tier-color) 14%,transparent),0 0 30px color-mix(in srgb,var(--tier-color) 30%,transparent)}
.jr-rewards-tier.is-current{color:#f7f1e7}

/* Bento assimétrico (2026-09-21, alinhado ao protótipo original: hero +
   KPIs + conquistas na MESMA grade, não mais dois blocos empilhados
   separados). .jr-rewards-bento envolve htmlJrRewardsCorpo()'s cabecalho +
   kpis + secConquistas num grid único; o hero ocupa 2 colunas x 2 linhas,
   os 3 .jr-arq-kpi (via .jr-rewards-stats, display:contents pra sumir do
   layout sem tirar os filhos do DOM) e o card de conquistas preenchem o
   resto por auto-flow. */
.jr-rewards-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(132px,auto);grid-auto-flow:row dense;gap:22px;margin-bottom:14px}
.jr-rewards-bento>.jr-rewards-member{grid-column:1/3;grid-row:1/3;margin-bottom:0}
.jr-rewards-stats{display:contents}
.jr-rewards-stats .jr-arq-kpi{position:relative;min-height:132px;padding:24px 26px!important;border:1px solid #27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 18px 44px rgba(0,0,0,.22);overflow:hidden}
.jr-rewards-stats .jr-arq-kpi:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--reward-accent) 8%,transparent),transparent 55%);pointer-events:none}
.jr-rewards-stats .jr-arq-kpi span{position:relative;color:#a1a1aa;font-size:9px;letter-spacing:1.15px;font-weight:800}
.jr-rewards-stats .jr-arq-kpi b{position:relative;display:block;margin:11px 0 4px;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:36px!important;font-weight:600}
.jr-rewards-stats .jr-arq-kpi small{position:relative;color:#71717a!important;font-size:9.5px}
.jr-rewards-alert{margin:0!important;padding:15px 17px!important;border-radius:16px!important}
.jr-rewards-cycle{margin:0!important;display:flex;align-items:center;gap:9px;padding:11px 14px!important;border-radius:13px!important;background:#18181b!important;color:#a1a1aa!important;border:1px solid #27272a}
/* Conquistas — mais um item do mesmo bento; a marcação em cliente.html já
   traz classes Tailwind próprias (rounded-2xl border bg-zinc-900 shadow-lg
   p-6 flex flex-col), mas como este arquivo carrega DEPOIS do <style> que
   o Tailwind injeta, empate de especificidade sempre favorece esta folha —
   por isso as propriedades que a Tailwind tentou (padding/border/radius/
   background/flex-direction) precisam ser escritas aqui de verdade. */
.jr-rewards-achievements{min-height:132px;padding:24px 26px;display:flex;flex-direction:column;justify-content:center;gap:11px;border:1px solid #27272a;border-radius:16px;background:#18181b;box-shadow:0 18px 44px rgba(0,0,0,.22);overflow:hidden}
.jr-rewards-achievements>strong{flex:0 0 auto;color:#a1a1aa;font-size:9px;letter-spacing:1.15px;font-weight:800;text-transform:uppercase}
.jr-rewards-achievements-list{display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto}
.jr-rewards-achievements-list span{white-space:nowrap;padding:7px 13px;border:1px solid rgba(251,191,36,.3);border-radius:999px;background:#27272a;color:#fcd34d;font-size:9.5px;font-weight:600}

.jr-rewards-experience .jr-rewards-panel{margin:0!important;padding:0!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important;display:grid;gap:24px}
.jr-rewards-experience .jr-rewards-panel>h3:first-child{display:none}
.jr-rewards-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:0}
.jr-rewards-catalog-head h3{margin:0!important;color:#fafafa;font-size:30px!important;font-weight:600}
@media(min-width:768px){.jr-rewards-catalog-head h3{font-size:36px!important}}
.jr-rewards-catalog-head p{max-width:560px;margin:4px 0 0;color:#a1a1aa;font-size:14px;line-height:1.6}
.jr-rewards-catalog-count{flex:0 0 auto;color:#fbbf24;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
/* Grade de exatamente 3 colunas em telas grandes (grid-cols-1 sm:grid-cols-2
   lg:grid-cols-3 no protótipo) — nunca auto-fill/minmax, que deixaria a
   contagem de colunas variar com a largura da tela em vez de ser fixa. */
.jr-rewards-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;margin:0!important}
@media(min-width:640px){.jr-rewards-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:1024px){.jr-rewards-grid{grid-template-columns:repeat(3,1fr)!important}}
.jr-rewards-experience .jr-rewards-card{position:relative;min-width:0;padding:10px!important;border-color:#27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 18px 44px rgba(0,0,0,.22);opacity:1!important;transition:border-color .22s ease,box-shadow .22s ease,transform .2s ease!important}
.jr-rewards-experience .jr-rewards-card.is-locked{opacity:.56!important}
/* transform:none no hover é deliberado (não scale, mesmo o protótipo tendo
   hover:scale-[1.02]) — .jr-showcase-card já tem hover próprio, e somar
   transform+mix-blend-mode+animação contínua no mesmo contexto de
   empilhamento é a causa já documentada de um flicker real (AGENTS.md,
   2026.251, "pisca a tela dos pontos"). Prioriza estabilidade sobre o
   detalhe de hover, que é pouco perceptível de qualquer forma. */
.jr-rewards-experience .jr-rewards-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--reward-accent) 62%,#27272a)!important;box-shadow:0 26px 60px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--reward-accent) 30%,transparent)}
.jr-rewards-experience .jr-rewards-card::after{display:none!important}
.jr-rewards-card .jr-showcase-img{aspect-ratio:4/3;margin:0 0 15px!important;border-radius:11px!important;background:#27272a}
.jr-rewards-card .jr-showcase-img img{width:100%!important;height:100%!important;object-fit:cover!important}
/* Selo "pronto pra resgatar" — só o atributo data-pronto é novo (gravado
   em cliente.html a partir do MESMO `faltam` que o card já calculava pra
   mostrar a barra de progresso; nenhum dado novo). Atributo em vez de
   classe de propósito: a classe do card ("jr-rewards-card jr-showcase-card")
   é procurada literalmente por dois testes (jr-rewards-catalogo-ordem-
   filtro-2026-367, jr-rewards-alumake-vitrine-2026-201) — mexer nela quebra
   os dois; um atributo novo no fim da tag não. */
.jr-rewards-card[data-pronto="1"]{border-color:color-mix(in srgb,var(--reward-accent) 55%,#27272a)!important}
.jr-rewards-card[data-pronto="1"] .jr-showcase-img:before{content:"✓ Disponível agora";position:absolute;left:10px;top:10px;z-index:2;padding:6px 11px;border-radius:999px;background:#fbbf24;color:#09090b;font-size:9px;font-weight:900;letter-spacing:.3px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.jr-rewards-card-body{display:flex;flex:1;flex-direction:column;gap:2px;padding:0 6px 6px}
.jr-rewards-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.jr-rewards-card-title{color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600;line-height:1.1}
.jr-rewards-card-points{flex:0 0 auto;padding:5px 10px;border:1px solid #3f3f46;border-radius:999px;background:#27272a;color:#fcd34d;font-size:9.5px;font-weight:900;white-space:nowrap}
.jr-rewards-card-category{margin-top:9px;color:#71717a;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.jr-rewards-card-description{min-height:48px;margin:8px 0 0!important;color:#a1a1aa!important;font-size:10px!important;line-height:1.65!important}
.jr-rewards-card-state{margin-top:11px;padding:9px 10px;border:1px solid #3f3f46;border-radius:10px;background:#27272a;color:#e4a8bb;font-size:9px;line-height:1.4}
.jr-rewards-card-action{min-height:46px;margin-top:12px!important;border:1px solid #f59e0b!important;border-radius:11px!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1c1917!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.35px;text-transform:uppercase;box-shadow:0 10px 26px rgba(245,158,11,.25)}
.jr-rewards-card-action:disabled{border-color:#3f3f46!important;background:#27272a!important;color:#71717a!important;box-shadow:none}
.jr-rewards-goal{position:relative;height:4px;margin-top:11px;overflow:hidden;border-radius:99px;background:#27272a}
.jr-rewards-goal i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d97706,#fbbf24)}
.jr-rewards-goal i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);width:40%;animation:jrGoalShine 2.6s ease-in-out infinite}
@keyframes jrGoalShine{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
.jr-rewards-goal-label{display:block;margin-top:6px;color:#71717a;font-size:8px}
.jr-rewards-follow{min-height:44px;margin-top:8px;border:1px solid #27272a;border-radius:10px;background:#18181b;color:#a1a1aa;font-size:9px;font-weight:800;letter-spacing:.3px}.jr-rewards-follow.is-following{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1);color:#fcd34d}
/* "🔔 Novidades" — cabeçalho volta a ser só texto âmbar, sem moldura/fundo
   dourado ao redor (era um card inteiro tingido de dourado, herdado do
   remake anterior); cada aviso individual já carrega bg-zinc-900/border
   zinc-800 (a marcação em cliente.html já traz essas classes Tailwind —
   este arquivo só precisa assumir os mesmos valores de verdade, já que
   carrega depois e sempre vence a utilidade equivalente). */
.jr-rewards-avisos{display:grid;gap:12px;padding:0;border:0;background:none}
.jr-rewards-avisos>strong{color:#fbbf24;font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.jr-rewards-avisos-lista{display:grid;gap:10px;max-height:280px;overflow-y:auto}
.jr-rewards-aviso{position:relative;display:grid;gap:2px;padding:14px 16px 14px 20px;border-radius:16px;background:#18181b;border:1px solid #27272a;cursor:pointer;transition:background .15s ease}
.jr-rewards-aviso:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--aviso-cor,#71717a)}
.jr-rewards-aviso:hover{background:#212124}
.jr-rewards-aviso b{color:#f4f4f5;font-size:12px;font-weight:700}
.jr-rewards-aviso span{color:#a1a1aa;font-size:10.5px;line-height:1.45}
.jr-rewards-aviso small{color:#71717a;font-size:9px}
.jr-rewards-aviso.jr-aviso-novo{background:#1e1c24}
.jr-rewards-aviso.jr-aviso-novo:after{content:"";position:absolute;right:13px;top:13px;width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.2)}
.jr-rewards-aviso.jr-aviso-novo b{color:#fafafa}
.jr-rewards-card-more{margin-top:11px;text-align:center;color:#71717a;font-size:8px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}

@keyframes jrRewardsCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.jr-rewards-experience .jr-rewards-card{animation:jrRewardsCardIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(min(var(--i,0),10)*45ms)}

.jr-rewards-filtros{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.jr-rewards-filtro{min-height:38px;padding:8px 16px;border:1px solid #27272a;border-radius:999px;background:#18181b;color:#a1a1aa;font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s}
.jr-rewards-filtro:hover{border-color:#52525b;color:#e4e4e7}
/* Filtro ativo é claro/branco com texto escuro (bg-zinc-100 text-zinc-950
   no protótipo) — nunca gradiente âmbar; âmbar fica reservado pra
   pontos/dinheiro, não pra estado de seleção de UI. */
.jr-rewards-filtro.is-ativo{border-color:#f4f4f5;background:#f4f4f5;color:#09090b}
.jr-rewards-filtro-vazio{padding:26px;text-align:center;color:#71717a;font-size:10.5px}

.jr-rewards-proximos{margin-bottom:18px;padding:18px 20px;border:1px solid rgba(251,191,36,.3);border-radius:16px;background:linear-gradient(135deg,#18181b,#09090b)}
.jr-rewards-proximos-titulo{margin-bottom:12px;color:#fbbf24;font-size:10.5px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.jr-rewards-proximos-lista{display:flex;flex-wrap:wrap;gap:9px}
.jr-rewards-proximo-item{display:flex;align-items:center;gap:11px;min-height:60px;padding:9px 16px 9px 9px;border:1px solid #27272a;border-radius:15px;background:#18181b;cursor:pointer;transition:.15s;text-align:left}
.jr-rewards-proximo-item:hover{border-color:rgba(251,191,36,.4);background:#212124}
.jr-rewards-experience .jr-rewards-proximo-item .jr-portal-ring{width:46px;height:46px}
.jr-rewards-proximo-info{display:grid;gap:2px}
.jr-rewards-proximo-info b{color:#fafafa;font-size:12px;font-weight:650}
.jr-rewards-proximo-info small{color:#a1a1aa;font-size:9px}

.jr-rewards-history{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.jr-rewards-history details{padding:0!important;overflow:hidden;border-radius:16px!important;background:#18181b;border-color:#27272a!important}
.jr-rewards-history summary{list-style:none;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;cursor:pointer}
.jr-rewards-history summary::-webkit-details-marker{display:none}
.jr-rewards-history summary h3{margin:0!important;font-size:20px!important}.jr-rewards-history summary span{color:#71717a;font-size:9px}
.jr-rewards-history summary:after{content:'＋';color:#fbbf24;font-size:18px}.jr-rewards-history details[open] summary:after{content:'−'}
.jr-rewards-history-body{padding:0 19px 17px;border-top:1px solid #27272a}

/* Detalhe concierge: roteiro completo sem transformar o catálogo em parede. */
.jr-concierge-modal{position:relative;width:min(980px,96vw);max-height:94dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #3b342b;border-radius:26px;background:#0f0d10;box-shadow:0 40px 130px rgba(0,0,0,.72);scrollbar-width:thin}
.jr-concierge-close{position:sticky;float:right;top:12px;right:12px;z-index:8;width:42px;height:42px;display:grid;place-items:center;margin:12px 12px -54px 0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(10,8,11,.76);backdrop-filter:blur(12px);color:#f5f0e8;font-size:15px}
.jr-concierge-hero{position:relative;min-height:310px;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(201,162,75,.25),transparent 35%),linear-gradient(135deg,#211b19,#0e0c0f)}
.jr-concierge-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jr-concierge-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,9,.08),rgba(8,6,9,.9) 92%)}
.jr-concierge-hero-copy{position:relative;z-index:1;max-width:700px;padding:42px clamp(20px,4vw,46px)}
.jr-concierge-hero-copy>span{color:#d9b765;font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.jr-concierge-hero-copy h2{margin:7px 0 4px;color:#fffaf2;font-size:clamp(38px,6vw,70px)!important;font-weight:600;line-height:.88}
.jr-concierge-hero-copy p{margin:13px 0 0;color:#d1c9d2;font-size:12px;line-height:1.6}
.jr-concierge-content{display:grid;gap:22px;padding:clamp(18px,4vw,42px)}
.jr-concierge-balance{display:grid;grid-template-columns:auto auto minmax(220px,1fr);align-items:center;gap:20px;padding:15px 17px;border:1px solid #302a32;border-radius:16px;background:#171418}
.jr-concierge-balance>div:first-child span{display:block;color:#d9b765;font-size:16px;font-weight:900}.jr-concierge-balance small{display:block;margin-top:3px;color:#716a74;font-size:8.5px}.jr-concierge-balance strong{color:#f2edf3;font-size:14px}
.jr-concierge-balance>p{justify-self:end;margin:0;color:#d494aa;font-size:10px;font-weight:700;text-align:right}.jr-concierge-balance>p.is-ready{color:#6ee7b7}
.jr-concierge-intro{max-width:720px}.jr-concierge-intro .jr-arq-eyebrow{color:#c9a24b}.jr-concierge-intro h3{margin:9px 0 5px;color:#f7f1e8;font-size:clamp(27px,4vw,42px)!important;font-weight:600}.jr-concierge-intro p{margin:0;color:#938a96;font-size:11px;line-height:1.75}
.jr-concierge-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:9px}.jr-concierge-section-title span{color:#8a7956;font-size:8px;font-weight:900;letter-spacing:1.3px}.jr-concierge-section-title b{color:#746d77;font-size:9px;font-weight:700}
.jr-concierge-options{display:grid;gap:8px}
.jr-concierge-route{border:1px solid #2d2930;border-radius:16px;background:#151216;overflow:hidden}
.jr-concierge-route[open]{border-color:#55462e;background:#181511}
.jr-concierge-route summary{list-style:none;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer}.jr-concierge-route summary::-webkit-details-marker{display:none}
.jr-concierge-route summary span{color:#a98a4d;font-size:8px;font-weight:900;letter-spacing:.9px;text-transform:uppercase}.jr-concierge-route summary h3{margin:4px 0 2px;color:#f1ebdf;font-size:22px!important;font-weight:600}.jr-concierge-route summary p{margin:0;color:#746d77;font-size:9px}.jr-concierge-route summary>b{flex:0 0 auto;color:#c9a24b;font-size:9px;text-transform:uppercase}.jr-concierge-route[open] summary>b{font-size:0}.jr-concierge-route[open] summary>b:after{content:'Fechar';font-size:9px}
.jr-concierge-route-body{display:grid;gap:17px;padding:18px;border-top:1px solid #302a27;background:#110f11}
.jr-concierge-route-intro{max-width:710px;margin:0;color:#aaa1ac;font-size:11px;line-height:1.7}
.jr-concierge-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.jr-concierge-facts>div{padding:11px 12px;border:1px solid #282329;border-radius:11px;background:#151216}.jr-concierge-facts small{display:block;margin-bottom:5px;color:#806d49;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.jr-concierge-facts strong{color:#c8c0ca;font-size:9.5px;font-weight:650;line-height:1.55}
.jr-concierge-days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.jr-concierge-days>div{min-height:72px;display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #252126;border-radius:10px;background:#141115}.jr-concierge-days i{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border:1px solid #5a4829;border-radius:50%;color:#d9b765;font-size:8px;font-style:normal;font-weight:900}.jr-concierge-days span{color:#948b97;font-size:8.8px;line-height:1.45}
.jr-concierge-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.jr-concierge-columns>section,.jr-concierge-rules{padding:14px 15px;border:1px solid #29242b;border-radius:13px;background:#151216}.jr-concierge-columns h4,.jr-concierge-rules h4{margin:0 0 9px;color:#e8e1e9;font-size:10px;font-weight:900}
.jr-concierge-columns ul,.jr-concierge-rules ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.jr-concierge-columns li,.jr-concierge-rules li{position:relative;padding-left:17px;color:#88808b;font-size:9px;line-height:1.55}.jr-concierge-check li:before{content:'✓';position:absolute;left:0;color:#6ee7b7}.jr-concierge-note li:before{content:'!';position:absolute;left:2px;color:#f4c96b;font-weight:900}.jr-concierge-cross li:before{content:'—';position:absolute;left:0;color:#d494aa}
.jr-concierge-source{width:max-content;max-width:100%;color:#8c7a55;font-size:8.5px;text-decoration:none}.jr-concierge-source:hover{color:#d9b765}
.jr-concierge-pick{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 13px;border:1px solid #5a4829;border-radius:10px;background:#1b1712;color:#d9b765;font-size:9px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;cursor:pointer}.jr-concierge-pick:has(input:checked){border-color:#d1ad5c;background:linear-gradient(135deg,#d1ad5c,#9e7831);color:#130f09}.jr-concierge-pick input{width:16px;height:16px;accent-color:#c9a24b}
.jr-concierge-general{margin-top:-3px}.jr-concierge-numbered{counter-reset:concierge}.jr-concierge-numbered li{counter-increment:concierge;padding-left:25px}.jr-concierge-numbered li:before{content:counter(concierge);position:absolute;left:0;top:-1px;width:17px;height:17px;display:grid;place-items:center;border:1px solid #57472b;border-radius:50%;color:#c9a24b;font-size:7px;font-weight:900}
.jr-concierge-actions{position:sticky;bottom:-42px;z-index:5;display:flex;justify-content:flex-end;gap:8px;margin:2px -42px -42px;padding:13px 42px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #29242b;background:rgba(15,13,16,.94);backdrop-filter:blur(16px)}
.jr-concierge-redeem{min-height:44px;padding:10px 18px;border:1px solid #d1ad5c;border-radius:10px;background:linear-gradient(135deg,#d1ad5c,#9e7831);color:#130f09;font-size:10px;font-weight:900;text-transform:uppercase}

@media(max-width:980px){
  .jr-rewards-member{min-height:380px!important}
  .jr-rewards-bento{grid-template-columns:1fr 1fr}
  .jr-rewards-bento>.jr-rewards-member{grid-column:1/3;grid-row:auto}
}
@media(max-width:700px){
  .jr-rewards-experience{gap:14px;padding-bottom:82px}.jr-rewards-intro{padding-top:1px}.jr-rewards-intro h1{font-size:38px!important}.jr-rewards-intro p{font-size:10.5px}
  .jr-rewards-bento{grid-template-columns:1fr;gap:14px}.jr-rewards-bento>.jr-rewards-member{grid-column:1;grid-row:auto}
  .jr-rewards-experience .jr-rewards-member{padding:22px 18px 20px!important;border-radius:16px!important}
  .jr-rewards-member-top{display:grid;gap:14px}.jr-rewards-next{width:100%;text-align:left}.jr-rewards-number{margin-top:20px;font-size:66px;letter-spacing:-2px}.jr-rewards-number span{margin-top:15px}
  .jr-rewards-medal{width:64px;height:64px}.jr-rewards-medal span{font-size:26px}
  .jr-rewards-tier-track{margin-top:42px}.jr-rewards-tier span{font-size:7px;letter-spacing:0}.jr-rewards-tier i{width:26px;height:26px}
  .jr-rewards-stats .jr-arq-kpi{min-height:0;padding:14px 16px!important}.jr-rewards-stats .jr-arq-kpi b{font-size:24px!important}
  .jr-rewards-achievements{min-height:0;padding:14px 16px}
  .jr-rewards-catalog-head{align-items:flex-start;flex-direction:column;gap:8px}
  .jr-rewards-card .jr-showcase-img{aspect-ratio:16/9}.jr-rewards-card-title{font-size:20px}.jr-rewards-card-description{min-height:0}
  .jr-rewards-history{grid-template-columns:1fr!important}.jr-rewards-history summary{min-height:56px}
  #jr-detalhe-premio-modal{padding:0!important;align-items:stretch!important}.jr-concierge-modal{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}.jr-concierge-close{top:8px;right:8px;margin:8px 8px -50px 0}.jr-concierge-hero{min-height:260px}.jr-concierge-hero-copy{padding:30px 18px}.jr-concierge-hero-copy h2{font-size:43px!important}.jr-concierge-content{gap:17px;padding:16px 14px 94px}.jr-concierge-balance{grid-template-columns:1fr 1fr;gap:10px}.jr-concierge-balance>p{grid-column:1/-1;justify-self:start;text-align:left}.jr-concierge-section-title{align-items:flex-start;flex-direction:column;gap:3px}.jr-concierge-route summary{min-height:80px;padding:14px}.jr-concierge-route summary h3{font-size:20px!important}.jr-concierge-route-body{padding:13px}.jr-concierge-facts,.jr-concierge-columns{grid-template-columns:1fr}.jr-concierge-days{grid-template-columns:1fr 1fr}.jr-concierge-days>div{min-height:66px}.jr-concierge-actions{position:fixed;left:0;right:0;bottom:0;margin:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.jr-concierge-actions>*{flex:1;min-height:46px}
}
@media(max-width:700px){.jr-rewards-proximo-item{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.jr-rewards-loading:before{animation:none}.jr-rewards-experience .jr-rewards-card{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}.jr-rewards-member.jr-showcase-hero>.jr-rewards-sheen:before{animation:none;opacity:0}.jr-rewards-goal i:after{animation:none;display:none}}

/* Fidelidade literal ao HTML Tailwind aprovado em 21/09/2026.
   Esta camada fica por último de propósito: o Rewards real mantém dados,
   handlers e travas do portal, mas a composição visual é a do protótipo,
   sem os glows e reinterpretações acumulados pelas folhas compartilhadas. */
.jr-rewards-experience{display:grid;gap:40px;width:100%;max-width:1280px;min-width:0;margin:0 auto;padding:40px;background:#09090b;color:#f4f4f5;font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;overflow:clip}
.jr-rewards-experience *{box-sizing:border-box}
.jr-rewards-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.jr-rewards-top-brand,.jr-rewards-top-user{display:flex;align-items:center;gap:12px;min-width:0}
.jr-rewards-logo{display:grid;place-items:center;flex:0 0 64px;width:64px;height:56px;padding:6px;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.3);overflow:hidden}
.jr-rewards-logo img{display:block;width:52px!important;max-width:100%!important;height:auto!important;max-height:44px!important;aspect-ratio:504/424;object-fit:contain}
.jr-rewards-top-brand>span:last-child{display:grid;gap:2px;min-width:0}
.jr-rewards-top-brand b{color:#e879f9;font-size:10px;font-weight:800;letter-spacing:.2em;white-space:nowrap}
.jr-rewards-top-brand strong{color:#f4f4f5;font-size:14px;font-weight:600;white-space:nowrap}
.jr-rewards-top-user>span{display:inline-flex;align-items:center;min-height:34px;padding:8px 14px;border:1px solid #27272a;border-radius:999px;background:#18181b;color:#d4d4d8;font-size:11px;font-weight:700;white-space:nowrap}
.jr-rewards-top-user>i{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid #3f3f46;border-radius:50%;background:#27272a;color:#f4f4f5;font-size:12px;font-style:normal;font-weight:800}
#jr-rewards-corpo{display:grid;gap:40px;min-width:0}
.jr-rewards-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0 8px;opacity:.72}
.jr-rewards-footer-logo{display:grid;place-items:center;flex:0 0 56px;width:56px;height:48px;padding:5px;border-radius:10px;background:#fff;overflow:hidden}
.jr-rewards-footer-logo img{display:block;width:46px!important;max-width:100%!important;height:auto!important;max-height:38px!important;aspect-ratio:504/424;object-fit:contain;filter:none!important}
.jr-rewards-footer span{color:#71717a;font-size:10px;font-weight:600;letter-spacing:.025em}

.jr-rewards-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(108px,auto);grid-auto-flow:row dense;gap:24px;margin:0}
.jr-rewards-bento>.jr-rewards-member{grid-column:1/3;grid-row:1/3;min-width:0;min-height:456px;margin:0!important;padding:32px!important;border:1px solid #27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;overflow:hidden;display:flex!important;flex-direction:column;justify-content:space-between}
.jr-rewards-experience .jr-rewards-member.jr-showcase-hero:before,.jr-rewards-experience .jr-rewards-member.jr-showcase-hero:after,.jr-rewards-member>.jr-cine-grain,.jr-rewards-member>.jr-rewards-sheen{display:none!important}
.jr-rewards-member-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-width:0}
.jr-rewards-member-brand{display:flex;align-items:center;gap:20px;min-width:0}
.jr-rewards-medal{position:relative;display:grid;place-items:center;flex:0 0 auto;width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--reward-accent) 100%,#3f3f46 0);box-shadow:none}
.jr-rewards-medal:before{content:"";position:absolute;inset:3px;border:0;border-radius:50%;background:#09090be6}
.jr-rewards-medal span{position:relative;font-size:30px;filter:none}
.jr-rewards-member-text{display:grid;gap:7px;min-width:0}
.jr-rewards-current-label{font-size:10px;font-weight:800;letter-spacing:.2em}
.jr-rewards-level{display:block;width:auto;padding:0;border:0;border-radius:0;background:none;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;letter-spacing:0;text-transform:none;white-space:normal}
.jr-rewards-extract-button{flex:0 0 auto;min-height:40px;padding:10px 16px;border:1px solid #3f3f46;border-radius:12px;background:#27272a99;color:#e4e4e7;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:transform .2s ease,background .2s ease}
.jr-rewards-extract-button:hover{transform:scale(1.02);background:#27272a}
.jr-rewards-number{position:relative;margin-top:30px;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:96px;font-weight:600;line-height:.82;letter-spacing:-3px;font-variant-numeric:tabular-nums}
.jr-rewards-number:before{display:none}
.jr-rewards-number span{display:block;margin:16px 0 0;color:#71717a;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.jr-rewards-pending{max-width:100%;width:max-content;margin:18px 0 0;padding:7px 15px;border:1px solid rgba(251,191,36,.35);border-radius:999px;background:rgba(251,191,36,.1);color:#fcd34d;font-size:11px;font-weight:700;line-height:1.35;white-space:normal}
.jr-rewards-next{width:100%;padding:0;text-align:left}
.jr-rewards-next-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;color:#a1a1aa;font-size:11px;font-weight:600}
.jr-rewards-next-copy b{color:#e4e4e7}
.jr-rewards-progress{height:9px;overflow:hidden;border-radius:999px;background:#27272a}
.jr-rewards-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d946ef,#fbbf24)}
.jr-rewards-tier-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;min-width:0}
.jr-rewards-tier-track:before{display:none}
.jr-rewards-tier{display:grid;justify-items:center;gap:3px;min-width:0;color:#52525b;font-size:8px;font-weight:800;letter-spacing:.02em;text-align:center;text-transform:uppercase}
.jr-rewards-tier:nth-child(n+2),.jr-rewards-tier:last-child{justify-items:center}
.jr-rewards-tier i,.jr-rewards-tier.is-reached i,.jr-rewards-tier.is-current i{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-size:12px;font-style:normal;transform:none}
.jr-rewards-tier.is-reached{color:#d4d4d8}.jr-rewards-tier.is-current{color:var(--reward-accent)}
.jr-rewards-tier span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.jr-rewards-stats{display:contents}
.jr-rewards-stats .jr-arq-kpi{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:24px!important;border:1px solid #27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 10px 30px rgba(0,0,0,.24);overflow:hidden;transition:transform .2s ease}
.jr-rewards-stats .jr-arq-kpi:hover{transform:scale(1.02)}
.jr-rewards-stats .jr-arq-kpi:before{display:none}
.jr-rewards-stats .jr-arq-kpi span{color:#71717a;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.jr-rewards-stats .jr-arq-kpi b{display:block;margin:8px 0;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:36px!important;font-weight:600}
.jr-rewards-stats .jr-arq-kpi small{color:#71717a!important;font-size:11px}
.jr-rewards-achievements{grid-column:auto;min-width:0;min-height:108px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;border:1px solid #27272a;border-radius:16px;background:#18181b;box-shadow:0 10px 30px rgba(0,0,0,.24)}
.jr-rewards-achievements>strong{color:#71717a;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.jr-rewards-achievements-list{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.jr-rewards-achievements-list span{padding:7px 12px;border:1px solid rgba(251,191,36,.3);border-radius:999px;background:#27272a;color:#fcd34d;font-size:10px;font-weight:600;white-space:nowrap}

.jr-rewards-avisos{display:grid;gap:12px;padding:0;border:0;background:none}
.jr-rewards-avisos>strong{color:#fbbf24;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.jr-rewards-avisos-lista{display:grid;gap:12px;max-height:288px;overflow-y:auto}
.jr-rewards-aviso{position:relative;display:block;padding:20px 20px 20px 24px;border:1px solid #27272a;border-left:4px solid var(--aviso-cor,#71717a)!important;border-radius:16px;background:#18181b;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:background .2s ease}
.jr-rewards-aviso:before{display:none}.jr-rewards-aviso:hover{background:#212124}
.jr-rewards-aviso b{display:block;color:#f4f4f5;font-size:14px;font-weight:700}.jr-rewards-aviso span{display:block;margin-top:4px;color:#a1a1aa;font-size:12px}.jr-rewards-aviso small{display:block;margin-top:8px;color:#52525b;font-size:10px}

.jr-rewards-experience .jr-rewards-panel{display:grid;gap:24px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.jr-rewards-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0}
.jr-rewards-catalog-head h3{margin:0!important;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:36px!important;font-weight:600}
.jr-rewards-catalog-head p{max-width:620px;margin:6px 0 0;color:#71717a;font-size:14px;line-height:1.6}
.jr-rewards-catalog-count{flex:0 0 auto;color:#fbbf24;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.jr-rewards-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.jr-rewards-filtro{min-height:36px;padding:8px 16px;border:1px solid #27272a;border-radius:999px;background:#18181b;color:#d4d4d8;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;transition:transform .2s ease,border-color .2s ease}
.jr-rewards-filtro:hover{transform:scale(1.02);border-color:#52525b}.jr-rewards-filtro.is-ativo{border-color:#f4f4f5;background:#f4f4f5;color:#09090b}
.jr-rewards-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;margin:0!important}
@media(min-width:640px){.jr-rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1024px){.jr-rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.jr-rewards-experience .jr-rewards-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0!important;border:1px solid #27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 10px 30px rgba(0,0,0,.24);overflow:hidden;opacity:1!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.jr-rewards-experience .jr-rewards-card[data-bloqueado="1"]{opacity:.6!important}
.jr-rewards-experience .jr-rewards-card:hover{transform:scale(1.02)!important;border-color:#3f3f46!important;box-shadow:0 20px 48px rgba(0,0,0,.34)}
.jr-rewards-experience .jr-rewards-card::after{display:none!important}
.jr-rewards-card .jr-showcase-img{position:relative;width:100%;aspect-ratio:4/3;margin:0!important;border-radius:0!important;background:#27272a;overflow:hidden}
.jr-rewards-card .jr-showcase-img img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s ease}.jr-rewards-card:hover .jr-showcase-img img{transform:scale(1.04)}
.jr-rewards-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px!important}
.jr-rewards-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.jr-rewards-card-title{color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600;line-height:1.15}
.jr-rewards-card-points{flex:0 0 auto;padding:6px 11px;border:1px solid #3f3f46;border-radius:999px;background:#27272a;color:#fcd34d;font-size:10px;font-weight:800;white-space:nowrap}
.jr-rewards-card-category{margin:0;color:#71717a;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.jr-rewards-card-description{min-height:48px;margin:0!important;color:#a1a1aa!important;font-size:12px!important;line-height:1.6!important}
.jr-rewards-goal{height:6px;margin:0;overflow:hidden;border-radius:999px;background:#27272a}.jr-rewards-goal i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d97706,#fcd34d)}.jr-rewards-goal i:after{display:none}
.jr-rewards-goal-label{display:none}
.jr-rewards-card-action{width:100%;min-height:44px;margin:0!important;padding:12px;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#fbbf24,#f59e0b)!important;color:#18181b!important;font-size:11px!important;font-weight:800!important;letter-spacing:0;text-transform:none;box-shadow:0 8px 22px rgba(245,158,11,.2);transition:transform .2s ease}.jr-rewards-card-action:hover{transform:scale(1.02)}
.jr-rewards-card-action:disabled{background:#27272a!important;color:#71717a!important;box-shadow:none}
.jr-rewards-card-state{margin:0;padding:11px 12px;border:1px solid #3f3f46;border-radius:12px;background:#27272a;color:#a1a1aa;font-size:11px}
.jr-rewards-follow{min-height:40px;margin:0;padding:9px 12px;border:1px solid #27272a;border-radius:12px;background:#18181b;color:#71717a;font-size:10px;font-weight:700}.jr-rewards-follow.is-following{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08);color:#fcd34d}
.jr-rewards-card-more{margin:0;color:#71717a;font-size:9px;font-weight:800;letter-spacing:.03em;text-align:center;text-transform:uppercase}
.jr-rewards-card[data-pronto="1"] .jr-showcase-img:before{content:"✓ Disponível agora";position:absolute;left:12px;top:12px;z-index:2;padding:6px 12px;border-radius:999px;background:#fbbf24;color:#09090b;font-size:10px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.25)}

.jr-rewards-history{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.jr-rewards-history details{padding:24px!important;border:1px solid #27272a!important;border-radius:16px!important;background:#18181b!important;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.jr-rewards-history summary{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:0 0 16px;list-style:none;cursor:pointer}.jr-rewards-history summary::-webkit-details-marker{display:none}.jr-rewards-history summary:after{content:'−';color:#fbbf24;font-size:18px}.jr-rewards-history details:not([open]) summary{padding-bottom:0}.jr-rewards-history details:not([open]) summary:after{content:'＋'}
.jr-rewards-history summary h3{margin:0!important;color:#fafafa;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px!important}.jr-rewards-history summary span{display:none}
.jr-rewards-history-body{padding:0;border:0;border-top:1px solid #27272a}

@media(max-width:1023px){
  .jr-rewards-experience{padding:32px 24px}
  .jr-rewards-bento{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:16px}
  .jr-rewards-bento>.jr-rewards-member{grid-column:1;grid-row:auto;min-height:440px}
  .jr-rewards-achievements{grid-column:1}
}
@media(max-width:639px){
  .jr-rewards-experience{gap:28px;padding:24px 16px 88px;overflow:hidden}
  #jr-rewards-corpo{gap:28px}
  .jr-rewards-topbar{align-items:center}.jr-rewards-logo{flex-basis:56px;width:56px;height:50px;padding:5px}.jr-rewards-logo img{width:46px!important;max-height:40px!important}.jr-rewards-top-brand{gap:9px}.jr-rewards-top-user{gap:7px}.jr-rewards-top-user>span{display:none}.jr-rewards-top-user>i{width:38px;height:38px}
  .jr-rewards-bento>.jr-rewards-member{min-height:0;padding:24px 20px!important}
  .jr-rewards-member-top{align-items:flex-start;flex-wrap:wrap;gap:16px}.jr-rewards-member-brand{gap:14px}.jr-rewards-medal{width:64px;height:64px}.jr-rewards-medal span{font-size:25px}.jr-rewards-level{font-size:22px}.jr-rewards-extract-button{min-height:44px;margin-left:auto}
  .jr-rewards-number{margin-top:30px;font-size:68px;line-height:.85;letter-spacing:-2px}.jr-rewards-number span{margin-top:14px;font-size:10px}
  .jr-rewards-pending{width:100%;border-radius:12px}
  .jr-rewards-next{margin-top:34px}.jr-rewards-tier span{font-size:7px}.jr-rewards-tier i{font-size:11px}
  .jr-rewards-stats .jr-arq-kpi,.jr-rewards-achievements{min-height:132px;padding:20px!important}
  .jr-rewards-catalog-head{align-items:flex-start;flex-direction:column;gap:8px}.jr-rewards-catalog-head h3{font-size:31px!important}.jr-rewards-catalog-head p{font-size:12px}.jr-rewards-catalog-count{font-size:10px}
  .jr-rewards-card-body{padding:20px!important}.jr-rewards-card-title{font-size:20px}.jr-rewards-card-description{min-height:0}
  .jr-rewards-history{grid-template-columns:1fr!important;gap:16px!important}
  .jr-rewards-footer{align-items:center;flex-direction:column;text-align:center}.jr-rewards-footer>span:last-child{font-size:9px}
}

/* Vitrine objetiva: explicações completas ficam no detalhe, não nos cards. */
.jr-rewards-experience .jr-rewards-card-body{gap:10px;padding:20px!important}
.jr-rewards-card-bottom{display:grid;gap:9px;margin-top:auto;padding-top:5px}
.jr-rewards-card-summary{display:block;min-height:17px;color:#a1a1aa;font-size:11px;font-weight:650;line-height:1.4}
.jr-rewards-card[data-pronto="1"] .jr-rewards-card-summary{color:#86efac}
.jr-rewards-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch;margin-top:4px}
.jr-rewards-experience .jr-rewards-card-action{min-width:0;margin:0!important;padding:10px 14px!important;border:1px solid #3f3f46!important;background:#27272a!important;color:#f4f4f5!important;box-shadow:none!important;font-size:12px!important;letter-spacing:0}
.jr-rewards-experience .jr-rewards-card-action span{margin-left:5px}
.jr-rewards-experience .jr-rewards-card[data-pronto="1"] .jr-rewards-card-action{border:0!important;background:linear-gradient(90deg,#fbbf24,#f59e0b)!important;color:#18181b!important;box-shadow:0 8px 22px rgba(245,158,11,.2)!important}
.jr-rewards-experience .jr-rewards-follow{width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;font-size:21px;line-height:1}
.jr-rewards-experience .jr-rewards-card:focus-within{border-color:#a1a1aa!important}
.jr-concierge-intro p{font-size:14px;line-height:1.65;color:#c4bcc7}
.jr-concierge-intro .jr-concierge-intro-extra{margin-top:12px;padding-left:14px;border-left:2px solid #8a7956;color:#a8a0ab;font-size:12.5px}
.jr-concierge-columns.is-single{grid-template-columns:minmax(0,1fr)}
.jr-concierge-balance>p{font-size:12px;line-height:1.45}
@media(max-width:639px){
  .jr-rewards-experience .jr-rewards-card-body{padding:18px!important}
  .jr-rewards-card-summary{font-size:11.5px}
  .jr-concierge-intro p{font-size:13.5px}
}