@layer base, dna, peca;
@layer base{:root{--rk-leao:url("data:image/webp;base64,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")}[data-estilo]{--k-a:calc(var(--p-aura)*var(--p-aura-txt));
 --k-halo:0 0 calc(var(--k-a)*4px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*55%),transparent),0 0 calc(var(--k-a)*14px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*32%),transparent),0 0 calc(var(--k-a)*34px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*18%),transparent);
 --k-halo-peq:0 0 calc(var(--k-a)*8px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*42%),transparent);
 --k-glow:0 0 calc(var(--k-a)*7px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*60%),transparent);
 --k-ico-halo:drop-shadow(0 0 calc(var(--k-a)*3px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*55%),transparent));
 --k-dentro:inset 0 0 calc(var(--p-aura)*22px) color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura)*13%),transparent),inset 0 0 calc(var(--p-aura)*4px) color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura)*28%),transparent);
 --k-scan:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura-scan)*9%),transparent) 5px 6px);
 --k-lustre:linear-gradient(180deg,rgba(255,255,255,calc(var(--p-aura-lustre)*.32)),transparent 38%);
 --k-nevoa:radial-gradient(60% 90% at 12% 0%,color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura-nevoa)*14%),transparent),transparent 70%),radial-gradient(45% 70% at 95% 100%,color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura-nevoa)*9%),transparent),transparent 70%)}
*,*::before,*::after{box-sizing:border-box}
:root{--l-ctl:40px;--l-ctl-p:30px;--l-ctl-g:52px;--l-pad:18px;--l-gap:10px}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font:400 15px/1.55 var(--s-font-body);color:var(--s-text);background:var(--s-camadas,none),var(--s-bg)}
[data-estilo]{color:var(--s-text);font-family:var(--s-font-body);--rk-rc:min(var(--s-radius),calc(18px*.65 + var(--s-radius)*.35))}
img,svg{display:block}
/* o contorno de tudo: --fio é a cor. Com corte, o anel é o polígono com furo (a linha dá a volta na quina); sem corte, 1px na borda redonda */
.rk-anel{position:relative;--fio:var(--s-line)}
.rk-anel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:color-mix(in srgb,var(--fio) calc(var(--anel-cheio)*100%),transparent);clip-path:var(--anel);
 box-shadow:inset 0 0 0 calc((1 - var(--anel-cheio))*1px) var(--fio)}
.rk-anel:not(.rk-dna,.rk-caixa){--anel:var(--p-anel);--anel-cheio:var(--p-anel-cheio)}
.rk-dna,.rk-caixa{--anel:var(--p-anel-caixa);--anel-cheio:var(--p-anel-caixa-cheio)}
.rk-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
}
@layer peca{
/* a barra do topo */
.rk-barra{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px max(16px,calc((100% - 1200px)/2));background:color-mix(in srgb,var(--s-bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--s-line)}
.rk-marca{display:flex;align-items:center;gap:10px;font:700 16px/1 var(--s-font-display);color:var(--s-heading);white-space:nowrap}
.rk-marca .rk-leao{width:28px;height:28px}
.rk-marca small{font:500 11px/1 var(--s-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s-muted)}
.rk-troca{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.rk-troca button{min-height:var(--l-ctl-p);padding:0 12px;font:600 12px/1 var(--s-font-body);color:var(--s-muted);background:transparent;border:1px solid var(--s-line);border-radius:999px;cursor:pointer;white-space:nowrap}
.rk-troca button[aria-pressed="true"]{color:var(--s-on-brand);background:var(--s-brand);border-color:transparent}
/* a página */
.rk{max-width:1200px;margin:0 auto;padding:36px 16px 80px}
.rk-kick{font:500 11px/1.4 var(--s-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--s-muted)}
.rk h1{margin:8px 0 6px;font:700 clamp(34px,5vw,60px)/1 var(--s-font-display);color:var(--s-heading);text-transform:var(--p-caixa);letter-spacing:calc(var(--p-track)*.4)}
.rk h2{margin:0 0 4px;font:700 clamp(22px,2.6vw,30px)/1.1 var(--s-font-display);color:var(--s-heading)}
.rk-sub{margin:0 0 22px;max-width:70ch;color:var(--s-muted)}
.rk-sec{margin-top:56px}
/* uma linha por DNA: o nome à esquerda, os botões à direita */
.rk-linhas{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.rk-dna{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:18px 28px;align-items:center;padding:22px;background:var(--s-camadas,none),var(--s-bg);border-radius:min(var(--s-radius),calc(18px*.65 + var(--s-radius)*.35));clip-path:var(--p-corte-caixa)}
.rk-dna>div>h3,.rk-dna-nome h3{margin:0;font:700 22px/1.1 var(--s-font-display);color:var(--s-heading);text-transform:var(--p-caixa);letter-spacing:calc(var(--p-track)*.6);text-shadow:0 0 calc(var(--p-aura)*var(--p-aura-txt)*8px) color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura)*var(--p-aura-txt)*40%),transparent)}
.rk-dna>div>p,.rk-dna-nome p{margin:6px 0 12px;font:500 11px/1.5 var(--s-font-mono);letter-spacing:.06em;color:var(--s-muted)}
.rk-cores{display:flex;flex-wrap:wrap;gap:6px}
.rk-cores i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-text) 22%,transparent)}
.rk-linha{display:flex;flex-wrap:wrap;gap:var(--l-gap);align-items:center}
.rk-linha+.rk-linha{margin-top:12px}
.rk-caixa{padding:24px;background:var(--s-surface);border-radius:min(var(--s-radius),calc(18px*.65 + var(--s-radius)*.35));clip-path:var(--p-corte-caixa)}
.rk-caixa h4{margin:0 0 14px;font:500 11px/1.3 var(--s-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--s-muted)}
.rk-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}

/* ── PEÇA 1 · O BOTÃO. Altura e padding são daqui (iguais nos 5 DNAs); o DNA veste por --p-* e --s-* ──
   O recheio (--fundo, --sombra) mora no ::after, cortado no --p-corte; o botão em si NÃO é cortado, então o halo
   (--halo, filter) contorna o corte inteiro em vez de virar uma lasca na quina. */
.rk-b{--alt:var(--l-ctl);--fundo:var(--s-surface-2);--sombra:0 0 0 0 transparent;--halo:drop-shadow(0 0 0 transparent);
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--alt);padding:0 var(--l-pad);
 font:var(--p-btn-peso) 13px/1 var(--p-btn-familia);letter-spacing:var(--p-track);text-transform:var(--p-caixa);white-space:nowrap;text-decoration:none;
 color:var(--s-text);background:none;border:0;border-radius:var(--p-raio);cursor:pointer;filter:var(--halo);
 transition:transform var(--p-vel) var(--p-curva),filter var(--p-vel) ease,color var(--p-vel) ease}
.rk-b::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;clip-path:var(--p-corte);background:var(--fundo);box-shadow:var(--sombra);
 transition:background-color var(--p-vel) ease}
.rk-b:hover{transform:translateY(-2px);filter:brightness(1.08) var(--halo)}
.rk-b:active{transform:translateY(0) scale(.97)}
.rk-b:focus-visible{outline:2px solid var(--s-tinta);outline-offset:3px}
.rk-b .rk-i{width:16px;height:16px}
/* o brilho de box-shadow só vale sem corte (com corte, quem brilha é o --halo do DNA) */
.rk-b--pri{--fundo:var(--p-btn-bg);--fio:var(--p-btn-fio-cor,transparent);--anel:var(--p-anel-pri);--halo:var(--p-halo-pri);color:var(--p-btn-cor);text-shadow:var(--p-btn-txt);
 --sombra:var(--p-btn-sombra),0 0 calc(var(--p-brilho)*20px) color-mix(in srgb,var(--s-brand) calc(var(--p-brilho)*(1 - var(--p-anel-cheio))*45%),transparent),0 0 calc(var(--p-aura)*24px) color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura)*(1 - var(--p-anel-cheio))*30%),transparent)}
.rk-b--con{--fio:var(--p-con-fio);--fundo:var(--p-con-fundo);--sombra:var(--p-con-sombra);--anel:var(--p-anel-pri);--halo:var(--p-halo-con);color:var(--s-tinta);text-shadow:var(--p-txt-con)}
.rk-b--fan{--fio:transparent;--fundo:transparent;color:var(--s-text)}
.rk-b--fan:hover{--fundo:var(--s-surface-2)}
.rk-b--per{color:var(--s-danger);--fundo:color-mix(in srgb,var(--s-danger) 14%,transparent);--fio:color-mix(in srgb,var(--s-danger) 55%,transparent)}
.rk-b--p{--alt:var(--l-ctl-p);padding:0 12px;font-size:11.5px}
.rk-b--g{--alt:var(--l-ctl-g);padding:0 28px;font-size:15px}
.rk-b--ico{width:var(--alt);padding:0}
.rk-b--ico .rk-i{width:18px;height:18px}
.rk-b--cheio{width:100%}
.rk-b[disabled]{opacity:.42;cursor:not-allowed;transform:none;filter:none}
.rk-b[aria-busy="true"]{cursor:progress}
.rk-gira{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;animation:rk-gira .8s linear infinite}
@keyframes rk-gira{to{transform:rotate(360deg)}}
.rk-grupo{display:inline-flex;gap:2px;padding:3px;background:var(--s-bg-2);border-radius:var(--p-raio);clip-path:var(--p-corte)}
.rk-grupo .rk-b{--alt:calc(var(--l-ctl) - 6px);--fio:transparent;--fundo:transparent;--sombra:0 0 0 0 transparent;color:var(--s-muted)}
.rk-grupo .rk-b:hover{transform:none;color:var(--s-heading)}
.rk-grupo .rk-b[aria-pressed="true"]{--fundo:var(--s-brand);color:var(--s-on-brand)}

/* o rodapé */
.rk-rodape{margin-top:64px;padding-top:18px;border-top:1px solid var(--s-line);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;font:500 11px/1.5 var(--s-font-mono);letter-spacing:.08em;color:var(--s-muted)}

@media (max-width:760px){
 .rk-dna{grid-template-columns:minmax(0,1fr);padding:18px}
 .rk-troca{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.rk-b{transition:none}.rk-gira{animation-duration:2.4s}}
}

@layer peca{
/* as cores da casa que não mudam de DNA (o véu do diálogo, o reflexo do brilho e o papel da impressão) moram em token:
   o DNA pode trocar qualquer uma, e cor solta fora de --s-* é o que a régua barra */
:root{--s-veu:rgba(0,0,0,.6);--s-reflexo:rgba(255,255,255,.5);--s-papel:#fff;--s-papel-tinta:#111;--s-papel-linha:#c8c8c8;
  --s-papel-barra:#8a8a8a;--s-papel-cheio:#555;--s-papel-vazio:#e2e2e2}
/* as formas da casa: caixa (card, painel) e o anel dela */
.rk-fc{border-radius:var(--rk-rc);clip-path:var(--p-corte-caixa);--anel:var(--p-anel-caixa);--anel-cheio:var(--p-anel-caixa-cheio)}
.rk-indice{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.rk-indice a{display:inline-flex;align-items:center;gap:8px;min-height:var(--l-ctl-p);padding:0 12px;font:600 12.5px/1 var(--s-font-body);color:var(--s-muted);text-decoration:none;border-radius:999px;box-shadow:inset 0 0 0 1px var(--s-line)}
.rk-indice a:hover{color:var(--s-heading)}
.rk-indice b{font:600 11px/1 var(--s-font-mono);color:var(--s-tinta)}
.rk-dna--peca{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}
.rk-dna-nome{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.rk-dna-nome p{margin:0}

/* ── A PELE (do Sytrus): cada DNA veste caixa, fundo, título e rótulo do seu jeito. As --k-* vêm do VSK_RNK_PELE.py ── */
body{background:var(--k-fundo),var(--k-cena,none),var(--s-camadas,none),var(--s-bg);background-attachment:fixed}
/* a névoa da aura: some nos DNAs claros (--p-aura-nevoa 0) */
body::before{content:"";position:fixed;inset:-4%;z-index:1;pointer-events:none;opacity:var(--p-aura-nevoa);mix-blend-mode:screen;
 background:radial-gradient(42% 32% at 18% 22%,color-mix(in srgb,var(--p-aura-cor) 13%,transparent),transparent 70%),
  radial-gradient(38% 30% at 84% 64%,color-mix(in srgb,var(--p-aura-cor) 10%,transparent),transparent 70%),
  radial-gradient(60% 34% at 50% 108%,color-mix(in srgb,var(--p-aura-cor) 12%,transparent),transparent 72%),
  repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura-scan)*3%),transparent) 3px 4px);
 animation:rk-nevoa 16s ease-in-out infinite alternate}
@keyframes rk-nevoa{to{transform:translate3d(2%,-1.5%,0) scale(1.04)}}
.rk-dna{--anel:var(--k-cx-anel);--anel-cheio:var(--k-cx-anel-cheio);--fio:var(--k-cx-fio);background:var(--k-nevoa),var(--k-fundo),var(--s-camadas,none),var(--s-bg);
 box-shadow:var(--k-dna-sombra);outline:1px solid var(--k-cx-linha);outline-offset:-5px}
.rk-caixa,.rk-kpi,.rk-preco,.rk-depo,.rk-perfil{--anel:var(--k-cx-anel);--anel-cheio:var(--k-cx-anel-cheio);--fio:var(--k-cx-fio);
 background:var(--k-cx-fundo);box-shadow:var(--k-cx-sombra);-webkit-backdrop-filter:var(--k-cx-blur);backdrop-filter:var(--k-cx-blur);border-radius:var(--k-cx-raio);
 outline:1px solid var(--k-cx-linha);outline-offset:-5px}
/* a aura por dentro de toda caixa: o brilho na borda, as linhas de varredura e o lustro. Mora ATRÁS da tinta (z -1 na caixa isolada):
   por cima do texto ela vira véu e derruba o contraste (o Mew perdia 28% de tinta) */
.rk-dna,.rk-caixa,.rk-fc,.rk-menu-in{isolation:isolate}
.rk-dna::after,.rk-caixa::after,.rk-fc::after,.rk-menu-in::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 box-shadow:var(--k-dentro);background:var(--k-scan),var(--k-lustre)}
.rk h1,.rk h2,.rk-dna>div>h3,.rk-dna-nome h3,.rk-mio h3,.rk-perfil h4{text-shadow:var(--k-halo)}
.rk h2,.rk-mio h3,.rk-perfil h4{text-transform:var(--k-ti-caixa);font-variant-caps:var(--k-ti-var);letter-spacing:var(--k-ti-track);font-weight:var(--k-ti-peso)}
.rk-preco b{text-shadow:var(--k-halo-peq)}
.rk h1,.rk-dna>div>h3,.rk-dna-nome h3,.rk-leao{animation:var(--k-tremula) 7.4s linear infinite}
@keyframes rk-fantasma{0%,100%{opacity:1}2%{opacity:.62}2.6%{opacity:1}3.4%{opacity:.8}4%{opacity:1}51%{opacity:1}51.6%{opacity:.7}52.4%{opacity:1}}
.rk-in>.rk-i,.rk-aviso>.rk-i,.rk-solta-ico .rk-i,.rk-preco li .rk-i,.rk-estrelas{filter:var(--k-ico-halo)}
/* o rótulo (campo, título de caixa, número, grupo da barra) */
.rk-rot,.rk-caixa h4,.rk-kpi small,.rk-side small{display:flex;align-items:center;font:var(--k-rot-font);font-variant-caps:var(--k-rot-var);
 text-transform:var(--k-rot-caixa);letter-spacing:var(--k-rot-track);color:var(--k-rot-cor)}
.rk-rot::before,.rk-caixa h4::before,.rk-kpi small::before,.rk-side small::before{content:"";display:var(--k-rot-marca);flex:none;width:var(--k-rot-mw);height:var(--k-rot-mh);
 margin-right:8px;border-radius:var(--k-rot-mr);background:var(--s-brand);box-shadow:var(--k-glow)}

/* ── PEÇA 2 · CAMPOS ── */
.rk-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px 20px}
.rk-campo{display:grid;gap:7px;align-content:start;min-width:0}
.rk-rot output{margin-left:6px;color:var(--s-tinta);font-family:var(--s-font-mono)}
.rk-dica{font-size:12.5px;line-height:1.4;color:var(--s-muted)}
.rk-in{--fio:var(--k-in-fio);display:flex;align-items:center;gap:8px;min-height:var(--l-ctl);padding:0 14px;color:var(--s-text);background:var(--k-in-fundo);
 box-shadow:var(--k-in-sombra);-webkit-backdrop-filter:var(--k-in-blur);backdrop-filter:var(--k-in-blur);
 border-radius:var(--k-in-raio);clip-path:var(--p-corte);transition:box-shadow var(--p-vel) ease}
.rk-in>.rk-i{width:16px;height:16px;color:var(--s-muted)}
.rk-in input,.rk-in select,.rk-in textarea{flex:1;min-width:0;height:var(--l-ctl);padding:0;border:0;outline:0;background:transparent;color:inherit;font:400 14.5px/1.3 var(--s-font-body)}
.rk-in input::placeholder,.rk-in textarea::placeholder{color:var(--s-muted);opacity:1}
.rk-in select{appearance:none;cursor:pointer}
/* o olho da senha (o Rei, 29/10): mora DENTRO da caixa, no fim; o JS das peças põe em todo campo de senha */
.rk-olho{flex:none;display:grid;place-items:center;width:var(--l-ctl);height:var(--l-ctl);margin-right:-10px;padding:0;border:0;border-radius:var(--k-in-raio);background:transparent;color:var(--s-muted);font:inherit;cursor:pointer}
@media (max-width:700px){.rk-olho{width:44px;height:44px;margin-right:-12px}}  /* o alvo de toque do celular (D17) */
.rk-olho>.rk-i{width:16px;height:16px}
.rk-olho:hover,.rk-olho--aberto{color:var(--s-tinta)}
.rk-olho:focus-visible{outline:2px solid var(--s-tinta);outline-offset:-2px}
input.rk-senha-sem-caixa{padding-right:44px}
input.rk-senha-sem-caixa+.rk-olho{display:inline-grid;vertical-align:middle;margin-left:-44px}
@media print{.rk-olho{display:none}}
.rk-in:focus-within,.rk-in--aberto{--fio:var(--s-tinta);box-shadow:var(--k-in-sombra),inset 0 0 calc(var(--k-a)*10px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*28%),transparent)}
.rk-in--area{align-items:stretch;padding:12px 14px;border-radius:var(--rk-rc);clip-path:var(--p-corte-caixa);--anel:var(--p-anel-caixa);--anel-cheio:var(--p-anel-caixa-cheio)}
.rk-in--area textarea{height:auto;min-height:88px;resize:vertical;line-height:1.5}
.rk-campo--erro .rk-in{--fio:var(--s-danger)}
.rk-campo--erro .rk-dica{color:var(--s-danger)}
/* o menu suspenso do DNA (o <select> vira botão + lista; a lista sobe pro topo da tela e veste a caixa do DNA) */
.rk-sel{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:var(--l-ctl);padding:0;border:0;outline:0;background:transparent;color:inherit;
 font:400 14.5px/1.3 var(--s-font-body);text-align:left;cursor:pointer}
.rk-sel>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-sel .rk-i{width:16px;height:16px;color:var(--s-muted);filter:var(--k-ico-halo);transition:transform var(--p-vel) var(--p-curva),color var(--p-vel) ease}
.rk-sel[aria-expanded=true] .rk-i{transform:rotate(180deg);color:var(--s-tinta)}
.rk-menu{position:fixed;inset:auto;z-index:60;max-width:calc(100vw - 16px);margin:0;padding:0;border:0;overflow:visible;background:transparent;color:var(--s-text);
 filter:drop-shadow(0 16px 22px var(--p-sombra-cor)) drop-shadow(0 0 calc(var(--k-a)*9px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*34%),transparent))}
.rk-menu-in{--anel:var(--p-anel-caixa);--anel-cheio:var(--p-anel-caixa-cheio);--fio:var(--k-cx-fio);display:grid;gap:3px;padding:6px;max-height:min(320px,60vh);overflow:auto;
 background:linear-gradient(var(--s-surface),var(--s-surface)),var(--s-bg-2);border-radius:var(--rk-rc);clip-path:var(--p-corte-caixa)}
.rk-op{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;font:500 14px/1.2 var(--s-font-body);color:var(--s-text);
 border-radius:var(--p-raio-mini);cursor:pointer;transition:background-color var(--p-vel) ease,color var(--p-vel) ease}
.rk-op .rk-i{width:15px;height:15px;margin-left:auto;opacity:0}
.rk-op--foco{color:var(--s-heading);background:color-mix(in srgb,var(--s-brand) 12%,transparent)}
.rk-op[aria-selected=true]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio)}
.rk-op[aria-selected=true] .rk-i{opacity:1}
.rk-escolhas{display:flex;flex-wrap:wrap;gap:10px 18px}
.rk-check,.rk-chave{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--s-text);cursor:pointer}
.rk-check input,.rk-chave input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
/* caixa de marcar, rádio e chave: ::before é o recheio (cortado), ::after é o anel, <b> é a bolinha. Ligada, acende a aura do DNA */
.rk-check i,.rk-chave i{--k-ch-anel-x:var(--k-ch-anel);--k-ch-cheio-x:var(--k-ch-anel-cheio);--ra:var(--k-ch-raio);--co:var(--k-ch-corte);--li:var(--k-ch-linha);
 position:relative;display:grid;place-items:center;flex:none;transition:filter var(--p-vel) ease}
.rk-check i{--k-ch-anel-x:var(--k-ck-anel);--k-ch-cheio-x:var(--k-ck-anel-cheio);--ra:var(--k-ck-raio);--co:var(--k-ck-corte);width:20px;height:20px;color:var(--k-ck-marca)}
.rk-chave i{width:44px;height:24px}
.rk-check i::before,.rk-chave i::before{content:"";position:absolute;inset:0;background:var(--k-ch-fundo);box-shadow:var(--k-ch-sombra);border-radius:var(--ra);clip-path:var(--co);
 -webkit-backdrop-filter:var(--k-ch-blur);backdrop-filter:var(--k-ch-blur);transition:background var(--p-vel) ease,box-shadow var(--p-vel) ease}
.rk-check i::after,.rk-chave i::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--ra);clip-path:var(--k-ch-anel-x);
 background:color-mix(in srgb,var(--li) calc(var(--k-ch-cheio-x)*100%),transparent);box-shadow:inset 0 0 0 calc((1 - var(--k-ch-cheio-x))*1.5px) var(--li)}
.rk-check input:checked+i,.rk-chave input:checked+i{--li:var(--k-ch-on-linha);filter:var(--k-ico-halo)}
.rk-check input:checked+i::before,.rk-chave input:checked+i::before{background:var(--k-ch-on-fundo);box-shadow:var(--k-ch-on-sombra)}
.rk-check i .rk-i{position:relative;z-index:1;width:14px;height:14px;stroke-width:2.6;opacity:0;transform:scale(.5);transition:opacity var(--p-vel) ease,transform var(--p-vel) var(--p-curva)}
.rk-check input:checked+i .rk-i{opacity:1;transform:none}
/* o rádio segue a forma do DNA: redondo no DNA redondo, losango no DNA quadrado */
.rk-check input[type=radio]+i{--ra:var(--k-ra-raio);--co:none;--k-ch-anel-x:none;--k-ch-cheio-x:0;width:var(--k-ra-tam);height:var(--k-ra-tam);transform:var(--k-ra-giro);margin:0 calc((20px - var(--k-ra-tam))/2)}
.rk-check b{position:relative;z-index:1;width:var(--k-ra-pt);height:var(--k-ra-pt);border-radius:var(--k-ra-pt-raio);background:var(--k-bo-on-fundo);box-shadow:var(--k-bo-on-sombra);transform:scale(0);
 transition:transform var(--p-vel) var(--p-curva)}
.rk-check input:checked+i b{transform:none}
.rk-chave b{position:absolute;z-index:1;top:3px;left:3px;width:18px;height:18px;background:var(--k-bo-fundo);box-shadow:var(--k-bo-sombra);border-radius:var(--k-bo-raio);
 clip-path:var(--k-bo-corte);transition:transform var(--p-vel) var(--p-curva),background var(--p-vel) ease}
.rk-chave input:checked+i b{transform:translateX(20px);background:var(--k-bo-on-fundo);box-shadow:var(--k-bo-on-sombra)}
.rk-check input:focus-visible+i,.rk-chave input:focus-visible+i{outline:2px solid var(--s-tinta);outline-offset:3px}
/* a faixa (slider): trilho e pegador do DNA. O cheio vai até --v (o JS acompanha o valor) */
.rk-faixa{--v:50%;width:100%;height:max(28px,calc(var(--k-po-alt) + 8px));margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.rk-faixa::-webkit-slider-runnable-track{height:var(--k-tr-alt);border-radius:var(--k-tr-raio);box-shadow:var(--k-tr-sombra);
 background:var(--k-tr-sobre),var(--k-tr-cheio-img) 0 0/var(--v) 100% no-repeat,linear-gradient(90deg,var(--k-tr-cheio) var(--v),var(--k-tr-vazio) var(--v)),var(--k-tr-sob)}
.rk-faixa::-webkit-slider-thumb{-webkit-appearance:none;width:var(--k-po-larg);height:var(--k-po-alt);margin-top:calc((var(--k-tr-alt) - var(--k-po-alt))/2);border:0;
 border-radius:var(--k-po-raio);background:var(--k-po-img) center/100% 100% no-repeat,var(--k-po-fundo);box-shadow:var(--k-po-sombra),var(--k-po-luz);filter:var(--k-po-filtro);transform:var(--k-po-giro);transition:transform var(--p-vel) var(--p-curva)}
.rk-faixa:hover::-webkit-slider-thumb,.rk-faixa:active::-webkit-slider-thumb{transform:var(--k-po-giro) scale(1.14)}
.rk-faixa::-moz-range-track{height:var(--k-tr-alt);border-radius:var(--k-tr-raio);box-shadow:var(--k-tr-sombra);background:var(--k-tr-sobre),var(--k-tr-cheio-img) 0 0/var(--v) 100% no-repeat,linear-gradient(90deg,var(--k-tr-cheio) var(--v),var(--k-tr-vazio) var(--v)),var(--k-tr-sob)}
.rk-faixa::-moz-range-thumb{width:var(--k-po-larg);height:var(--k-po-alt);border:0;border-radius:var(--k-po-raio);background:var(--k-po-img) center/100% 100% no-repeat,var(--k-po-fundo);box-shadow:var(--k-po-sombra),var(--k-po-luz);filter:var(--k-po-filtro);transform:var(--k-po-giro)}
.rk-faixa:focus-visible{outline:2px solid var(--s-tinta);outline-offset:4px}
.rk-faixa-val{display:flex;justify-content:space-between;font:500 11px/1 var(--s-font-mono);color:var(--s-muted)}
/* o anexo: o selo do ícone no corte do DNA, a dica e o botão com folga (nada encosta) */
.rk-solta{display:grid;justify-items:center;gap:8px;padding:22px 16px 20px;text-align:center;font-size:13px;color:var(--s-muted);
 background:color-mix(in srgb,var(--s-brand) 4%,transparent);border:1.5px dashed color-mix(in srgb,var(--s-tinta) 38%,transparent);border-radius:var(--rk-rc);
 transition:border-color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-solta:hover{border-color:var(--s-tinta);background:color-mix(in srgb,var(--s-brand) 8%,transparent)}
.rk-solta-ico{display:grid;place-items:center;width:50px;height:50px;margin-bottom:2px;color:var(--s-tinta);background:color-mix(in srgb,var(--s-brand) 12%,transparent);
 border-radius:var(--p-raio);clip-path:var(--p-corte);--fio:color-mix(in srgb,var(--s-brand) 50%,transparent);box-shadow:inset 0 0 calc(var(--p-aura)*10px) color-mix(in srgb,var(--p-aura-cor) calc(var(--p-aura)*14%),transparent)}
.rk-solta-ico .rk-i{width:24px;height:24px}
.rk-solta b{font-size:14.5px;color:var(--s-heading)}
.rk-solta .rk-b{margin-top:8px}

/* ── PEÇA 3 · TOPO E NAVEGAÇÃO ── */
.rk-topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 14px;background:var(--s-surface)}
.rk-topo-marca{display:flex;align-items:center;gap:9px;font:700 17px/1 var(--s-font-display);color:var(--s-heading);text-transform:var(--p-caixa);letter-spacing:calc(var(--p-track)*.5);white-space:nowrap}
.rk-leao{display:block;width:26px;height:26px;flex:none;background:var(--rk-leao) center/contain no-repeat;filter:var(--p-leao)}
.rk-nav{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
.rk-nav a{position:relative;display:inline-flex;align-items:center;min-height:var(--l-ctl);padding:0 12px;font:500 14px/1 var(--s-font-body);
 letter-spacing:calc(var(--p-track)*.5);text-transform:var(--p-caixa);color:var(--s-muted);text-decoration:none;white-space:nowrap;transition:color var(--p-vel) ease}
.rk-nav a:hover,.rk-nav a[aria-current=page]{color:var(--s-heading)}
.rk-nav a[aria-current=page]{text-shadow:var(--k-halo-peq)}
.rk-nav a[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--s-grad-brand,var(--s-brand));box-shadow:var(--k-glow)}
.rk-topo-fim{display:flex;align-items:center;gap:8px;margin-left:auto}
.rk-topo .rk-in{width:clamp(130px,18vw,210px)}
.rk-ponto{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--s-danger)}
.rk-avatar{display:inline-grid;place-items:center;width:var(--l-ctl);height:var(--l-ctl);flex:none;font:700 13px/1 var(--s-font-body);color:var(--p-btn-cor);background:var(--s-marca-lida,var(--k-marca-fundo));border-radius:var(--p-raio-bola);box-shadow:inset 0 0 0 1px var(--p-btn-fio-cor),var(--k-glow);text-shadow:var(--p-btn-txt)}
.rk-avatar--g{width:64px;height:64px;font-size:20px}
/* a bolinha da foto: o estado da pessoa pregado no canto do avatar (o Rei, 28/10: «marcação com a bolinha da foto de qual
   lead já foi tocado»): sem modificador = ok · --aviso · --perigo. O anel tem a cor do chão onde o avatar mora. */
.rk-avatar:has(>.rk-bol){position:relative}
.rk-bol{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;background:var(--bol,var(--s-ok));box-shadow:0 0 0 2px var(--bol-anel,var(--s-surface))}
.rk-bol--aviso{--bol:var(--s-warn)}.rk-bol--perigo{--bol:var(--s-danger)}
.rk-avatar--g>.rk-bol{width:19px;height:19px;right:-1px;bottom:-1px;box-shadow:0 0 0 3px var(--bol-anel,var(--s-surface))}
.rk-migalha{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:13px;color:var(--s-muted)}
.rk-migalha a{color:inherit;text-decoration:none}
.rk-migalha a:hover{color:var(--s-heading)}
.rk-migalha b{font-weight:600;color:var(--s-heading)}
.rk-migalha i{font-style:normal;opacity:.6}
/* o cabeçalho de página: o título, a linha que explica, o que fica à direita (contador, alternador) e, se houver, os filtros.
   Veste a caixa do DNA (rk-anel rk-caixa rk-cab): título solto em cima da foto do fundo vira tarja e campo some no céu */
.rk-cab{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;min-width:0;padding:26px 22px 18px}
.rk-cab-t{flex:1 1 280px;min-width:0}
.rk-cab h1{margin:0;font:700 26px/1.12 var(--s-font-display);letter-spacing:var(--p-track);text-transform:var(--p-caixa);color:var(--s-heading)}
.rk-cab-t p{margin:6px 0 0;font:500 13.5px/1.4 var(--s-font-body);color:var(--s-muted)}
.rk-cab-fim{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:none;max-width:100%}
.rk-cab>.rk-seg{flex:0 1 auto}
.rk-cab>.rk-filtros-topo{flex:1 1 100%;padding-top:14px;border-top:1px solid var(--k-cx-linha)}
@media (max-width:560px){.rk-cab{padding:24px 14px 14px}.rk-cab h1{font-size:22px}.rk-cab-fim{flex:1 1 100%}
 .rk-cab .rk-filtros-topo{gap:8px}.rk-cab .rk-filtros-topo .rk-in{min-width:min(100%,140px)}.rk-cab .rk-filtros-topo .rk-in:has(input){flex-basis:100%}}

/* ── PEÇA 4 · JANELA DE APP ── */
.rk-app{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);background:var(--s-bg);overflow:hidden}
.rk-side{display:flex;flex-direction:column;gap:2px;padding:14px 10px;background:var(--s-surface);border-right:1px solid var(--s-line)}
.rk-side small{margin:14px 10px 6px;font:500 10.5px/1 var(--s-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--s-muted)}
.rk-side a{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;font:500 14px/1 var(--s-font-body);color:var(--s-muted);text-decoration:none;white-space:nowrap;
 border-radius:var(--p-raio-mini);transition:color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-side a .rk-i{width:17px;height:17px}
.rk-side a:hover{color:var(--s-heading);background:var(--s-surface-2)}
.rk-side a[aria-current=page]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-side a[aria-current=page] .rk-i{filter:var(--k-ico-halo)}
/* o contador: o recheio no ::after (cortado no --k-cnt-corte), o anel no ::before; o brilho (filter) contorna o corte */
.rk-side a[aria-current=page] .rk-cnt{--k-cnt-cor:var(--k-at-cnt-cor);--k-cnt-fundo:var(--k-at-cnt-fundo)}
.rk-cnt{--anel:var(--k-cnt-anel);--anel-cheio:var(--k-cnt-anel-cheio);--fio:var(--k-cnt-fio);isolation:isolate;display:inline-grid;place-items:center;
 min-width:var(--k-cnt-mw);height:20px;margin-left:auto;padding:0 var(--k-cnt-pad);font:var(--k-cnt-font);font-variant-numeric:tabular-nums;
 color:var(--k-cnt-cor);text-shadow:var(--k-cnt-txt);border-radius:var(--k-cnt-raio);filter:var(--k-cnt-halo)}
.rk-cnt::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;clip-path:var(--k-cnt-corte);background:var(--k-cnt-fundo);box-shadow:var(--k-cnt-sombra)}
.rk-mio{min-width:0;padding:6px 22px 22px}
.rk-mio h3{margin:10px 0 16px;font:700 22px/1.15 var(--s-font-display);color:var(--s-heading)}
.rk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}
.rk-kpi{--fio:var(--k-kpi-fio);display:grid;gap:5px;padding:14px 16px;background:var(--k-kpi-barra),var(--k-kpi-fundo);outline-color:var(--k-kpi-linha)}
.rk-kpi small{font:var(--k-kpi-rot-font);letter-spacing:var(--k-kpi-rot-track);text-transform:uppercase;color:var(--s-muted)}
.rk-kpi b{justify-self:start;font:700 26px/1.1 var(--s-font-display);color:var(--s-heading);font-variant-numeric:tabular-nums;
 background:var(--k-kpi-num-img);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--k-kpi-num-fill);
 text-shadow:var(--k-kpi-num-txt);filter:var(--k-kpi-num-filtro)}
.rk-kpi em{font:600 12px/1 var(--s-font-body);font-style:normal;color:var(--s-ok)}
.rk-kpi em.rk-neg{color:var(--s-danger)}
/* o gráfico do KPI: a cor é a tinta do DNA (vermelho quando cai), o ponto final segue a forma do DNA */
.rk-graf{position:relative;height:48px;margin-top:8px;color:var(--s-tinta)}
.rk-graf.rk-neg{color:var(--s-danger)}
.rk-graf svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rk-g-grade{stroke:var(--s-line);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.rk-g-linha{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;
 filter:drop-shadow(0 0 4px color-mix(in srgb,currentColor 55%,transparent))}
.rk-graf i{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:currentColor;border-radius:var(--k-ra-pt-raio);transform:var(--k-ra-giro);
 box-shadow:0 0 0 1.5px var(--s-bg)}
.rk-graf i.rk-gp-fim{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 24%,transparent),0 0 12px currentColor}
/* o gráfico de evolução (a referência do Rei, 23/10): 3 séries, ponto em cada mês, o valor em cima da principal, eixos e legenda */
.rk-evo{--c1:var(--s-tinta);--c2:var(--s-serie-2);--c3:var(--s-serie-3);margin-top:14px;padding:18px 20px 16px}
.rk-gl{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:180px auto;
 column-gap:10px;margin-top:24px}
.rk-gl-y{position:relative;font:500 10.5px/1 var(--s-font-mono);color:var(--s-muted)}
.rk-gl-y span{position:absolute;right:0;transform:translateY(-50%)}
.rk-gl-plot{position:relative}
.rk-gl-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--c1)}
.rk-gl-grade{stroke:var(--s-line);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.rk-gl-zero{stroke:color-mix(in srgb,var(--s-text) 32%,transparent);stroke-dasharray:none}
.rk-gl-s1{--c:var(--c1)}
.rk-gl-s2{--c:var(--c2)}
.rk-gl-s3{--c:var(--c3)}
.rk-gl polyline{fill:none;stroke:var(--c);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.rk-gl polyline.rk-gl-s1{stroke-width:3;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c) 50%,transparent))}
.rk-gl-p{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--c);border-radius:var(--k-ra-pt-raio);transform:var(--k-ra-giro);
 box-shadow:0 0 0 2px var(--s-bg)}
.rk-gl-p.rk-gl-s1{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;box-shadow:0 0 0 2px var(--s-bg),0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}
.rk-gl-v--baixo{transform:translate(-50%,10px)!important}
.rk-gl-v{position:absolute;transform:translate(-50%,calc(-100% - 10px));font:600 12px/1 var(--s-font-mono);color:var(--s-heading);font-variant-numeric:tabular-nums}
.rk-gl-x{grid-column:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:10px;font:500 10.5px/1 var(--s-font-mono);color:var(--s-muted);text-align:center}
.rk-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:16px;font:600 12.5px/1 var(--s-font-body);color:var(--s-text)}
.rk-leg span{display:inline-flex;align-items:center;gap:9px}
.rk-leg i{position:relative;width:24px;height:3px;background:var(--c);border-radius:2px}
.rk-leg i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:var(--c);
 border-radius:var(--k-ra-pt-raio);transform:var(--k-ra-giro)}

/* ── PEÇA 5 · ESTADOS E AVISOS ── */
/* a barra de carregamento veste a chave do DNA (o Rei, 23/10): o trilho é a chave desligada, o cheio é a chave ligada */
.rk-prog{--anel:var(--k-pg-anel);--anel-cheio:var(--k-pg-anel-cheio);--fio:var(--k-ch-linha);height:var(--k-pg-alt);overflow:hidden;
 background:var(--k-ch-fundo);box-shadow:var(--k-ch-sombra);border-radius:var(--k-ch-raio);clip-path:var(--k-pg-corte);
 -webkit-backdrop-filter:var(--k-ch-blur);backdrop-filter:var(--k-ch-blur)}
.rk-prog i{display:block;width:var(--v,68%);height:100%;background:var(--k-ch-on-fundo);box-shadow:var(--k-ch-on-sombra);border-radius:inherit;
 clip-path:var(--k-pg-corte)}
.rk-prog--sem i{width:38%;animation:rk-vai 1.4s ease-in-out infinite}
@keyframes rk-vai{from{transform:translateX(-100%)}to{transform:translateX(270%)}}
.rk-prog-txt{display:flex;justify-content:space-between;margin:7px 0 18px;font:500 11.5px/1 var(--s-font-mono);color:var(--s-muted)}
.rk-espera{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--s-muted)}
.rk-espera .rk-gira{width:26px;height:26px;border-width:3px;color:var(--s-tinta)}
.rk-esq{display:grid;gap:10px}
.rk-esq i{display:block;height:12px;border-radius:var(--p-raio-mini);background:linear-gradient(90deg,color-mix(in srgb,var(--s-text) 7%,transparent),color-mix(in srgb,var(--s-text) 16%,transparent),color-mix(in srgb,var(--s-text) 7%,transparent));background-size:200% 100%;animation:rk-brilha 1.3s linear infinite}
.rk-esq .rk-esq-g{height:64px;border-radius:var(--rk-rc)}
.rk-esq .rk-esq-c{width:60%}
@keyframes rk-brilha{to{background-position:-200% 0}}
.rk-aviso{--cor:var(--s-ok);display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--s-surface);box-shadow:inset 3px 0 0 var(--cor)}
.rk-aviso+.rk-aviso{margin-top:10px}
.rk-aviso>.rk-i{width:20px;height:20px;color:var(--cor)}
.rk-aviso b{display:block;margin-bottom:2px;font-size:14.5px;color:var(--s-heading)}
.rk-aviso span{font-size:13.5px;color:var(--s-muted)}
.rk-aviso--at{--cor:var(--s-warn)}
.rk-aviso--erro{--cor:var(--s-danger)}
.rk-selo{--cor:var(--s-ok);--fio:color-mix(in srgb,var(--cor) var(--k-se-fio-a),transparent);--anel:var(--k-se-anel);--anel-cheio:var(--k-se-cheio);
 display:inline-flex;align-items:center;gap:6px;height:26px;padding:var(--k-se-pad);font:var(--k-se-font);font-variant-caps:var(--k-se-var);
 letter-spacing:var(--k-se-track);text-transform:var(--k-se-caixa);white-space:nowrap;color:var(--cor);
 background:var(--k-se-img),color-mix(in srgb,currentColor var(--k-se-tinta),transparent);box-shadow:var(--k-se-sombra);
 border-radius:var(--k-se-raio);clip-path:var(--k-se-corte);text-shadow:0 0 calc(var(--k-a)*6px) color-mix(in srgb,currentColor calc(var(--k-a)*50%),transparent)}
.rk-selo .rk-i{width:13px;height:13px}
.rk-selo--at{--cor:var(--s-warn)}
.rk-selo--erro{--cor:var(--s-danger)}
.rk-selo--marca{--fio:var(--p-btn-fio-cor);color:var(--p-btn-cor);background:var(--k-se-img),var(--k-marca-fundo);text-shadow:var(--p-btn-txt)}
.rk-selo--fio{--cor:var(--s-tinta);background:var(--k-se-img),transparent}
.rk-lista{display:grid;gap:var(--k-li-gap);list-style:none;margin:14px 0 0;padding:0}
.rk-lista li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--k-li-pad);font-size:14px;background:var(--k-li-fundo);
 border-top:var(--k-li-topo);box-shadow:var(--k-li-sombra);border-radius:var(--k-li-raio)}
.rk-lista li>span:first-child::before{content:"";display:var(--k-li-ponto);width:6px;height:6px;margin-right:10px;vertical-align:middle;
 background:var(--s-brand);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--s-brand) 60%,transparent)}
.rk-vazio{display:grid;justify-items:center;gap:8px;padding:26px 16px;text-align:center;font-size:13px;color:var(--s-muted);border:1.5px dashed color-mix(in srgb,var(--s-text) 22%,transparent);border-radius:var(--rk-rc)}
.rk-vazio>.rk-i{width:30px;height:30px;color:var(--s-muted)}
.rk-vazio b{font-size:15px;color:var(--s-heading)}

/* ── PEÇA 6 · CARDS ── */
.rk-precos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.rk-preco{display:flex;flex-direction:column;gap:12px;padding:22px 20px}
.rk-preco--top{--fio:var(--s-tinta);background:color-mix(in srgb,var(--s-brand) 9%,var(--s-surface))}
.rk-preco .rk-selo{align-self:flex-start}
.rk-preco b{font:700 34px/1 var(--s-font-display);color:var(--s-heading)}
.rk-preco b small{font:500 14px/1 var(--s-font-body);color:var(--s-muted)}
.rk-preco ul{display:grid;flex:1;gap:8px;margin:0;padding:0;list-style:none}
.rk-preco li{display:flex;align-items:center;gap:8px;font-size:14.5px}
.rk-preco li .rk-i{width:16px;height:16px;color:var(--s-tinta)}
.rk-preco .rk-b{width:100%}
.rk-cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:14px}
.rk-depo,.rk-perfil{padding:22px 20px}
.rk-estrelas{display:flex;gap:3px;color:var(--s-brand)}
.rk-estrelas .rk-i{width:16px;height:16px;fill:currentColor;stroke:none}
.rk-depo q{display:block;margin:12px 0 0;quotes:none;font:400 16px/1.55 var(--s-font-body);color:var(--s-text)}
.rk-quem{display:flex;align-items:center;gap:12px;margin-top:16px}
.rk-quem b{display:block;font-size:14.5px;color:var(--s-heading)}
.rk-quem span{font-size:13px;color:var(--s-muted)}
.rk-perfil{display:grid;justify-items:center;gap:6px;text-align:center}
.rk-perfil h4{margin:6px 0 0;font:700 19px/1.2 var(--s-font-display);color:var(--s-heading)}
.rk-perfil p{margin:0 0 8px;font-size:13.5px;color:var(--s-muted)}

/* ── PEÇA 7 · TABELA ── */
.rk-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rk-tab-caixa{padding:0}
.rk-tab-topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:16px 18px}
.rk-tab-topo h4{margin:0}
.rk-tab-topo .rk-in{width:min(100%,240px);margin-left:auto}
.rk-tab-rola{position:relative;overflow-x:auto;border-top:1px solid var(--s-line);scrollbar-width:thin}
.rk-tab{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}
.rk-tab th{height:40px;padding:0 14px;text-align:left;white-space:nowrap;font:var(--k-rot-font);font-variant-caps:var(--k-rot-var);text-transform:var(--k-rot-caixa);
 letter-spacing:var(--k-rot-track);color:var(--k-rot-cor);background:color-mix(in srgb,var(--s-text) 3%,transparent);border-bottom:1px solid var(--s-line)}
.rk-tab td{padding:10px 14px;white-space:nowrap;color:var(--s-text);border-bottom:1px solid var(--s-line)}
.rk-tab tbody tr:last-child td{border-bottom:0}
.rk-tab tbody tr{transition:background-color var(--p-vel) ease}
.rk-tab tbody tr:hover{background:color-mix(in srgb,var(--s-brand) 5%,transparent)}
.rk-tab tr[data-marcada]{background:color-mix(in srgb,var(--s-brand) 10%,transparent)}
.rk-tab tr[data-marcada] td:first-child{box-shadow:inset 3px 0 0 var(--s-tinta)}
.rk-tab .rk-tab-mini{width:1%;padding-right:4px}
.rk-tab th.rk-tab-num{text-align:right}
.rk-tab td.rk-tab-num{text-align:right;font-family:var(--s-font-mono);font-variant-numeric:tabular-nums}
.rk-tab-ord{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;font-variant-caps:inherit;letter-spacing:inherit;
 text-transform:inherit;color:inherit;cursor:pointer}
.rk-tab-ord .rk-i{width:13px;height:13px;opacity:.45;transition:opacity var(--p-vel) ease,transform var(--p-vel) var(--p-curva)}
.rk-tab-ord .rk-i+.rk-i,.rk-tab th[aria-sort] .rk-tab-ord .rk-i:first-of-type{display:none}
.rk-tab th[aria-sort] .rk-tab-ord .rk-i+.rk-i{display:block;opacity:1;color:var(--s-tinta);filter:var(--k-ico-halo)}
.rk-tab th[aria-sort=ascending] .rk-tab-ord .rk-i+.rk-i{transform:rotate(180deg)}
.rk-tab-ord:hover,.rk-tab th[aria-sort] .rk-tab-ord{color:var(--s-heading)}
.rk-tab-ord:focus-visible{outline:2px solid var(--s-tinta);outline-offset:3px}
.rk-tab-quem{display:flex;align-items:center;gap:10px}
.rk-tab-quem b{display:block;font-weight:600;color:var(--s-heading)}
.rk-tab-quem small{display:block;margin-top:2px;font-size:12.5px;color:var(--s-muted)}
.rk-avatar--p{width:32px;height:32px;font-size:11.5px}
.rk-tab-pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--s-line)}
/* o «marcar todos» pela metade: a caixa acende e mostra o traço */
.rk-check i>*{grid-area:1/1}
.rk-traco{position:relative;z-index:1;width:10px;height:2.5px;border-radius:2px;background:var(--k-ck-marca);opacity:0}
.rk-check input:indeterminate+i{--li:var(--k-ch-on-linha);filter:var(--k-ico-halo)}
.rk-check input:indeterminate+i::before{background:var(--k-ch-on-fundo);box-shadow:var(--k-ch-on-sombra)}
.rk-check input:indeterminate+i .rk-traco{opacity:1}
/* a paginação (tabela e filtros): a página atual veste o «ativo» do DNA */
.rk-pag{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.rk-pag>i{padding:0 4px;font-style:normal;color:var(--s-muted)}
.rk-pag-n{display:inline-grid;place-items:center;min-width:var(--l-ctl-p);height:var(--l-ctl-p);padding:0 8px;border:0;background:transparent;font:600 13px/1 var(--s-font-body);
 font-variant-numeric:tabular-nums;color:var(--s-muted);border-radius:var(--p-raio-mini);cursor:pointer;transition:color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-pag-n:hover{color:var(--s-heading);background:var(--s-surface-2)}
.rk-pag-n[aria-current=page]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-pag-n:focus-visible{outline:2px solid var(--s-tinta);outline-offset:2px}

/* ── PEÇA 8 · ABAS ── */
.rk-abas{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--s-line)}
.rk-abas [role=tab]{position:relative;display:inline-flex;align-items:center;flex:none;min-height:var(--l-ctl);padding:0 14px;border:0;background:none;
 font:500 14px/1 var(--s-font-body);letter-spacing:calc(var(--p-track)*.5);text-transform:var(--p-caixa);color:var(--s-muted);white-space:nowrap;cursor:pointer;
 transition:color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-abas [role=tab]:hover,.rk-abas [aria-selected=true]{color:var(--s-heading)}
.rk-abas [aria-selected=true]{text-shadow:var(--k-halo-peq)}
.rk-abas [aria-selected=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--s-grad-brand,var(--s-brand));box-shadow:var(--k-glow)}
.rk-abas [role=tab]:focus-visible{outline:2px solid var(--s-tinta);outline-offset:-3px}
.rk-abas .rk-cnt{margin-left:8px}
.rk-aba-painel{display:grid;gap:12px;align-content:start;padding-top:16px}
.rk-aba-painel[hidden]{display:none}
.rk-aba-painel .rk-lista{margin:0}
.rk-aba-painel>.rk-b,.rk-aba-painel>.rk-selo,.rk-aba-painel>.rk-chave{justify-self:start}
.rk-aba-txt{margin:0;font-size:14px;color:var(--s-muted)}
.rk-aba-txt b{color:var(--s-heading)}
/* o alternador: o trilho é o campo do DNA, o escolhido veste o «ativo» */
.rk-seg{--fio:var(--k-in-fio);display:inline-flex;gap:2px;max-width:100%;padding:3px;overflow-x:auto;scrollbar-width:none;vertical-align:middle;
 background:var(--k-seg-fundo,var(--k-in-fundo));box-shadow:var(--k-in-sombra);border-radius:var(--k-in-raio);clip-path:var(--p-corte)}
.rk-seg button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:calc(var(--l-ctl) - 6px);min-width:calc(var(--l-ctl) - 6px);padding:0 14px;
 border:0;background:none;font:600 13px/1 var(--s-font-body);letter-spacing:calc(var(--p-track)*.5);text-transform:var(--p-caixa);color:var(--s-muted);
 border-radius:var(--p-raio-mini);cursor:pointer;transition:color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-seg button:hover{color:var(--s-heading)}
.rk-seg button[aria-pressed=true]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-seg button:focus-visible{outline:2px solid var(--s-tinta);outline-offset:-3px}
.rk-seg--ico button{padding:0}
.rk-seg--ico .rk-i{width:17px;height:17px}
.rk-seg-num{display:flex;align-items:baseline;gap:10px;margin:18px 0 14px}
.rk-seg-num b{font:700 32px/1 var(--s-font-display);font-variant-numeric:tabular-nums;color:var(--s-heading);text-shadow:var(--k-halo-peq)}
.rk-seg-num span{font-size:13.5px;color:var(--s-muted)}
.rk-grade--abas{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.rk-abas-v-caixa{grid-column:1/-1}
.rk-abas-v{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:20px}
.rk-abas--v{flex-direction:column;overflow:visible;padding-right:10px;box-shadow:inset -1px 0 0 var(--s-line)}
.rk-abas--v [role=tab]{justify-content:flex-start;min-height:38px;padding:0 12px;border-radius:var(--p-raio-mini)}
.rk-abas--v [aria-selected=true]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-abas--v [aria-selected=true]::after{display:none}
.rk-abas-v .rk-aba-painel{padding-top:0}

/* ── PEÇA 9 · JANELA ── o palco escurece a página; a janela é a caixa do DNA sobre um fundo cheio, com a sombra por fora do corte */
.rk-palco{position:relative;display:grid;place-items:center;min-height:300px;padding:28px 16px;overflow:hidden;background:var(--s-bg-2);
 border-radius:var(--rk-rc);clip-path:var(--p-corte-caixa)}
.rk-palco-pag{position:absolute;inset:16px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,1fr);gap:12px;filter:blur(2px);opacity:.6}
.rk-palco-pag i{border-radius:var(--rk-rc);background:color-mix(in srgb,var(--s-text) 10%,transparent)}
.rk-palco-pag i:first-child{grid-row:span 3}
.rk-palco::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--s-bg) 60%,transparent)}
.rk-sombra-j{position:relative;z-index:1;width:min(100%,400px);
 filter:drop-shadow(0 22px 30px var(--p-sombra-cor)) drop-shadow(0 0 calc(var(--k-a)*12px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*30%),transparent))}
.rk-janela{background:linear-gradient(var(--s-bg-2),var(--s-bg-2)),var(--s-bg);border-radius:var(--k-cx-raio);clip-path:var(--p-corte-caixa)}
.rk-janela-in{display:grid;gap:12px;padding:22px}
.rk-janela-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rk-janela-ico{--fio:color-mix(in srgb,var(--s-brand) 45%,transparent);display:grid;place-items:center;width:44px;height:44px;color:var(--s-tinta);
 background:color-mix(in srgb,var(--s-brand) 13%,transparent);border-radius:var(--p-raio);clip-path:var(--p-corte)}
.rk-janela-ico .rk-i{width:22px;height:22px;filter:var(--k-ico-halo)}
.rk-janela-ico--perigo{--fio:color-mix(in srgb,var(--s-danger) 45%,transparent);color:var(--s-danger);background:color-mix(in srgb,var(--s-danger) 13%,transparent)}
.rk-janela-tit{margin:2px 0 0;font:700 19px/1.2 var(--s-font-display);font-weight:var(--k-ti-peso);color:var(--s-heading);text-transform:var(--k-ti-caixa);
 font-variant-caps:var(--k-ti-var);letter-spacing:var(--k-ti-track);text-shadow:var(--k-halo)}
.rk-janela-in>p,.rk-faq-ajuda>p{margin:0;font-size:14px;line-height:1.55;color:var(--s-muted)}
.rk-janela-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}
.rk-janela-abre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.rk-dlg{width:min(calc(100vw - 32px),420px);max-width:none;max-height:none;margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:var(--s-text)}
.rk-dlg::backdrop{background:var(--s-veu,rgba(0,0,0,.6));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.rk-dlg form{margin:0}
.rk-dlg .rk-sombra-j{width:100%}
.rk-dlg[open] .rk-sombra-j{animation:rk-entra var(--p-vel) var(--p-curva)}
@keyframes rk-entra{from{opacity:0;transform:translateY(10px) scale(.98)}}

/* ── PEÇA 10 · PLAYER ── a tela nasce do degradê do DNA; o play grande é o botão principal, a barra é a faixa do DNA */
.rk-grade--player,.rk-grade--faq,.rk-grade--agenda{align-items:start}
.rk-grade--player{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.rk-player{display:grid;overflow:hidden;background:var(--s-bg)}
.rk-tela{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate}
.rk-tela-pos{position:absolute;inset:0;z-index:-1;
 background:radial-gradient(55% 75% at 28% 30%,color-mix(in srgb,var(--s-brand) 48%,transparent),transparent 70%),
  radial-gradient(50% 70% at 82% 78%,color-mix(in srgb,var(--s-accent) 38%,transparent),transparent 72%),linear-gradient(160deg,var(--s-bg-3),var(--s-bg));
 transition:filter .6s ease,transform 8s linear}
.rk-player[data-tocando] .rk-tela-pos{transform:scale(1.08);filter:saturate(1.25)}
.rk-tela::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 45%,color-mix(in srgb,var(--s-bg) 82%,transparent))}
.rk-tela-leao{position:absolute;top:14px;left:16px;z-index:1;width:30px;height:30px;opacity:.85}
.rk-player-play{--alt:68px;position:absolute;left:50%;top:50%;z-index:1;translate:-50% -50%;
 transition:opacity var(--p-vel) ease,scale var(--p-vel) var(--p-curva),transform var(--p-vel) var(--p-curva),filter var(--p-vel) ease}
.rk-player-play .rk-i{width:26px;height:26px;margin-left:3px}
.rk-player[data-tocando] .rk-player-play{opacity:0;scale:.85;pointer-events:none}
[data-toca] .rk-i{fill:currentColor}
.rk-tela-tit{position:absolute;left:18px;right:18px;bottom:14px;z-index:1;display:grid;gap:5px}
.rk-tela-tit small{font:500 10.5px/1 var(--s-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s-tinta)}
.rk-tela-tit b{font:700 clamp(16px,2.2vw,22px)/1.15 var(--s-font-display);color:var(--s-heading);text-transform:var(--k-ti-caixa);letter-spacing:var(--k-ti-track);text-shadow:var(--k-halo)}
.rk-player-barra{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--s-surface);border-top:1px solid var(--s-line)}
.rk-player-tempo{flex:none;font:500 12px/1 var(--s-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--s-muted)}
.rk-player-tempo b{font-weight:600;color:var(--s-heading)}
.rk-player-faixa{flex:1;width:auto;min-width:50px}
.rk-fila{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.rk-fila a{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px;color:var(--s-text);text-decoration:none;
 border-radius:var(--p-raio-mini);transition:background-color var(--p-vel) ease}
.rk-fila a:hover{background:var(--s-surface-2)}
.rk-fila a[aria-current=true]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-fila a>i{display:grid;place-items:center;aspect-ratio:16/9;color:var(--s-heading);border-radius:var(--p-raio-mini);
 background:radial-gradient(70% 90% at 30% 30%,color-mix(in srgb,var(--s-brand) 45%,transparent),transparent 72%),linear-gradient(160deg,var(--s-bg-3),var(--s-bg))}
.rk-fila a>i .rk-i{width:14px;height:14px;fill:currentColor}
.rk-fila b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.rk-fila small{font-size:12px;color:var(--s-muted)}
.rk-fila em{font:500 12px/1 var(--s-font-mono);font-style:normal;color:var(--s-muted)}

/* ── PEÇA 11 · PERGUNTAS ── cada pergunta é a caixa do DNA; o «abrir» gira */
.rk-grade--faq{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.rk-faq{display:grid;gap:10px}
.rk-perg{padding:0}
.rk-perg summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 18px;list-style:none;cursor:pointer;
 font:600 15px/1.35 var(--s-font-body);color:var(--s-heading)}
.rk-perg summary::-webkit-details-marker{display:none}
.rk-perg summary:focus-visible{outline:2px solid var(--s-tinta);outline-offset:-4px}
.rk-perg summary>i{display:grid;place-items:center;flex:none;width:28px;height:28px;color:var(--s-tinta);background:color-mix(in srgb,var(--s-brand) 11%,transparent);
 border-radius:var(--p-raio-bola);clip-path:var(--p-corte);transition:transform var(--p-vel) var(--p-curva)}
.rk-perg summary>i .rk-i{width:16px;height:16px}
.rk-perg details[open] summary{text-shadow:var(--k-halo-peq)}
.rk-perg details[open] summary>i{transform:rotate(180deg);filter:var(--k-ico-halo)}
.rk-perg details>div{padding:0 18px 16px;font-size:14.5px;line-height:1.6;color:var(--s-muted)}
.rk-perg p{margin:0}
.rk-faq-ajuda{display:grid;gap:12px;align-content:start}
.rk-pilha{display:flex;align-items:center}
.rk-pilha .rk-avatar{width:34px;height:34px;font-size:11.5px;box-shadow:0 0 0 2px var(--s-bg),var(--k-glow)}
.rk-pilha .rk-avatar+.rk-avatar{margin-left:-5px}
.rk-pilha small{margin-left:10px;font-size:12.5px;color:var(--s-muted)}

/* ── PEÇA 12 · PASSOS ── o passo veste a caixa de marcar do DNA: feito = marcada, agora = acesa, a fazer = vazia */
.rk-passos{display:flex;margin:8px 0 0;padding:0;list-style:none}
.rk-passo{position:relative;flex:1;display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;text-align:center}
.rk-passo+.rk-passo::before{content:"";position:absolute;top:17px;left:calc(-50% + 26px);right:calc(50% + 26px);height:2px;border-radius:2px;background:var(--k-ch-linha);opacity:.7}
.rk-passo--feito+.rk-passo::before{background:var(--k-ch-on-fundo);opacity:1;box-shadow:var(--k-glow)}
.rk-passo-n{--anel:var(--k-ck-anel);--anel-cheio:var(--k-ck-anel-cheio);--fio:var(--k-ch-linha);display:grid;place-items:center;width:36px;height:36px;margin-bottom:7px;
 font:700 14px/1 var(--s-font-mono);color:var(--s-muted);background:var(--k-ch-fundo);box-shadow:var(--k-ch-sombra);border-radius:var(--k-ck-raio);clip-path:var(--k-ck-corte)}
.rk-passo-n .rk-i{width:17px;height:17px;stroke-width:2.6}
.rk-passo--feito .rk-passo-n{--fio:var(--k-ch-on-linha);color:var(--k-ck-marca);background:var(--k-ch-on-fundo);box-shadow:var(--k-ch-on-sombra);filter:var(--k-ico-halo)}
.rk-passo--agora .rk-passo-n{--fio:var(--s-tinta);color:var(--s-tinta);filter:var(--k-ico-halo)}
.rk-passo b{font-size:14px;line-height:1.25;color:var(--s-muted)}
.rk-passo--feito b{color:var(--s-heading)}
.rk-passo--agora b{color:var(--s-tinta);text-shadow:var(--k-halo-peq)}
.rk-passo small{font:500 11px/1.3 var(--s-font-mono);color:var(--s-muted)}
.rk-passos-acoes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px}
.rk-tempo{display:grid;margin:0;padding:0;list-style:none}
.rk-tempo li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding-bottom:18px}
.rk-tempo li:last-child{padding-bottom:0}
.rk-tempo li::before{content:"";position:absolute;left:10px;top:24px;bottom:2px;width:2px;border-radius:2px;background:var(--k-ch-linha);opacity:.6}
.rk-tempo li:last-child::before{display:none}
.rk-tempo li.rk-tempo-feito::before{background:var(--k-ch-on-fundo);opacity:1}
.rk-tempo li>i{display:block;width:var(--k-ra-tam);height:var(--k-ra-tam);margin:2px calc((22px - var(--k-ra-tam))/2) 0;background:var(--k-ch-fundo);
 box-shadow:inset 0 0 0 2px var(--k-ch-linha);border-radius:var(--k-ra-raio);transform:var(--k-ra-giro)}
.rk-tempo-feito>i{background:var(--k-ch-on-fundo)!important;box-shadow:var(--k-ch-on-sombra)!important;filter:var(--k-ico-halo)}
.rk-tempo-agora>i{box-shadow:inset 0 0 0 2px var(--s-tinta),0 0 0 4px color-mix(in srgb,var(--s-brand) 18%,transparent)!important;filter:var(--k-ico-halo)}
/* no papel o marco da linha do tempo é contorno de tinta, nunca sombra: o !important da peça vence a camada app, então o papel mora aqui */
@media print{.rk-tempo-feito>i,.rk-tempo-agora>i{box-shadow:none!important;filter:none!important;border:2px solid var(--s-papel-tinta)}.rk-tempo-feito>i{background:var(--s-papel-tinta)!important}}
.rk-tempo b{display:block;font-size:14.5px;color:var(--s-heading)}
.rk-tempo-agora b{color:var(--s-tinta)}
.rk-tempo small{display:block;margin-top:2px;font:500 12px/1.3 var(--s-font-mono);color:var(--s-muted)}
.rk-tempo p{margin:4px 0 0;font-size:13.5px;color:var(--s-muted)}
.rk-tempo .rk-selo{margin-top:8px}

/* ── PEÇA 13 · AVISOS FLUTUANTES ── o aviso sobe por cima da página: fundo cheio, a sombra por fora do corte */
.rk-toasts{display:grid;gap:10px;margin-bottom:16px}
.rk-sombra-f{filter:drop-shadow(0 12px 18px var(--p-sombra-cor)) drop-shadow(0 0 calc(var(--k-a)*8px) color-mix(in srgb,var(--p-aura-cor) calc(var(--k-a)*30%),transparent));
 animation:rk-entra var(--p-vel) var(--p-curva)}
.rk-toast{--cor:var(--s-ok);--fio:var(--k-cx-fio);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 10px 12px 14px;
 background:linear-gradient(var(--s-surface),var(--s-surface)),var(--s-bg-2);box-shadow:inset 3px 0 0 var(--cor)}
.rk-toast>.rk-i,.rk-toast>.rk-gira{color:var(--cor);filter:var(--k-ico-halo)}
.rk-toast>.rk-i{width:20px;height:20px}
.rk-toast>.rk-gira{width:18px;height:18px}
.rk-toast b{display:block;font-size:14px;color:var(--s-heading)}
.rk-toast div>span{display:block;font-size:12.5px;color:var(--s-muted)}
.rk-toast .rk-prog{margin-top:8px}
.rk-toast--at{--cor:var(--s-warn)}
.rk-toast--info{--cor:var(--s-tinta)}
.rk-toast-acoes{display:flex;align-items:center;gap:4px}
.rk-dicas-palco{justify-content:center;gap:22px;padding:58px 0 8px}
.rk-tip{position:relative;display:inline-flex}
.rk-tip-b{--fio:var(--k-cx-fio);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:5;width:max-content;max-width:210px;padding:8px 11px;
 font:500 12.5px/1.4 var(--s-font-body);text-align:center;color:var(--s-heading);background:linear-gradient(var(--s-surface-2),var(--s-surface-2)),var(--s-bg-2);
 border-radius:var(--p-raio-mini);clip-path:var(--p-corte);opacity:0;translate:-50% 4px;pointer-events:none;
 transition:opacity var(--p-vel) ease,translate var(--p-vel) var(--p-curva)}
.rk-tip:hover .rk-tip-b,.rk-tip:focus-within .rk-tip-b,.rk-tip--fixa .rk-tip-b{opacity:1;translate:-50% 0}
.rk-termo{padding:0;border:0;background:none;font:600 15px/1 var(--s-font-body);color:var(--s-heading);text-decoration:underline dotted var(--s-tinta);
 text-underline-offset:5px;cursor:help}
.rk-termo:focus-visible{outline:2px solid var(--s-tinta);outline-offset:4px}
.rk-acoes-palco{display:grid;justify-items:start;align-content:start;gap:8px;min-height:250px}
.rk-acoes-palco>.rk-sombra-f{width:min(100%,250px)}
.rk-acoes .rk-op{width:100%;border:0;background:transparent;text-align:left}
.rk-acoes .rk-op:hover,.rk-acoes .rk-op:focus-visible{outline:0;color:var(--s-heading);background:color-mix(in srgb,var(--s-brand) 12%,transparent)}
.rk-acoes .rk-op .rk-i{margin:0;opacity:1;color:var(--s-muted)}
.rk-acoes kbd{margin-left:auto;padding:3px 6px;font:500 11px/1 var(--s-font-mono);color:var(--s-muted);border-radius:4px;box-shadow:inset 0 0 0 1px var(--s-line)}
.rk-acoes hr{width:100%;height:1px;margin:3px 0;border:0;background:var(--s-line)}
.rk-acoes .rk-op--perigo,.rk-acoes .rk-op--perigo .rk-i{color:var(--s-danger)}
.rk-acoes .rk-op--perigo:hover{color:var(--s-danger);background:color-mix(in srgb,var(--s-danger) 12%,transparent)}

/* ── PEÇA 14 · AGENDA ── o dia escolhido veste o «ativo», hoje ganha o anel na tinta, o ponto é a cor da série */
.rk-grade--agenda{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.rk-cal{--c1:var(--s-tinta);--c2:var(--s-serie-2);--c3:var(--s-serie-3);padding:18px}
.rk-cal-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.rk-cal-topo>b{font:700 18px/1.1 var(--s-font-display);font-weight:var(--k-ti-peso);color:var(--s-heading);text-transform:var(--k-ti-caixa);
 font-variant-caps:var(--k-ti-var);letter-spacing:var(--k-ti-track);text-shadow:var(--k-halo-peq)}
.rk-cal-nav{display:flex;gap:2px}
.rk-cal-sem,.rk-cal-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.rk-cal-sem span{padding:6px 0;font:var(--k-rot-font);font-variant-caps:var(--k-rot-var);text-transform:var(--k-rot-caixa);letter-spacing:var(--k-rot-track);color:var(--k-rot-cor)}
.rk-dia{position:relative;display:grid;place-items:center;height:44px;padding:0 0 6px;border:0;background:transparent;font:500 14px/1 var(--s-font-body);
 font-variant-numeric:tabular-nums;color:var(--s-text);border-radius:var(--p-raio-mini);cursor:pointer;transition:background-color var(--p-vel) ease,color var(--p-vel) ease}
button.rk-dia:hover{color:var(--s-heading);background:var(--s-surface-2)}
.rk-dia--fora{color:var(--s-muted);cursor:default}
.rk-dia--hoje{font-weight:700;color:var(--s-tinta);box-shadow:inset 0 0 0 1.5px var(--s-tinta)}
.rk-dia[aria-pressed=true]{font-weight:700;color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-dia:focus-visible{outline:2px solid var(--s-tinta);outline-offset:2px}
.rk-dia>i{position:absolute;left:50%;bottom:7px;display:flex;gap:3px;translate:-50% 0}
.rk-dia s{width:4px;height:4px;border-radius:50%;background:var(--c)}
.rk-dia[aria-pressed=true] s{background:currentColor}
.rk-ev1{--c:var(--c1)}
.rk-ev2{--c:var(--c2)}
.rk-ev3{--c:var(--c3)}
.rk-agenda-lista{--c1:var(--s-tinta);--c2:var(--s-serie-2);--c3:var(--s-serie-3);display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.rk-agenda-lista li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--p-raio-mini);
 background:color-mix(in srgb,var(--s-text) 3%,transparent);box-shadow:inset 3px 0 0 var(--c)}
.rk-agenda-dia{display:grid;justify-items:center;gap:2px;width:40px}
.rk-agenda-dia b{font:700 20px/1.25 var(--s-font-display);color:var(--s-heading)}
.rk-agenda-dia small{font:500 10.5px/1.3 var(--s-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted)}
.rk-agenda-lista div>b{display:block;overflow:hidden;font-size:14px;color:var(--s-heading);text-overflow:ellipsis;white-space:nowrap}
.rk-agenda-lista div>small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--s-muted)}
.rk-agenda-lista small .rk-i{width:13px;height:13px}

/* ── PEÇA 15 · CHAT ── a minha mensagem veste a marca do DNA (a do botão principal), a dele é a superfície */
.rk-chat{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);overflow:hidden;background:var(--s-bg)}
.rk-conversas{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background:var(--s-surface);border-right:1px solid var(--s-line)}
.rk-conversas .rk-in{margin:0 4px 8px}
.rk-conversa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;color:var(--s-text);text-decoration:none;
 border-radius:var(--p-raio-mini);transition:background-color var(--p-vel) ease}
.rk-conversa:hover{background:var(--s-surface-2)}
.rk-conversa[aria-current=true]{color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);border-radius:var(--k-at-raio);text-shadow:var(--k-at-txt)}
.rk-conversa b{display:block;overflow:hidden;font-size:13.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.rk-conversa>span>small{display:block;overflow:hidden;font-size:12px;color:var(--s-muted);text-overflow:ellipsis;white-space:nowrap}
.rk-conversa-fim{display:grid;justify-items:end;gap:5px}
.rk-conversa-fim em{font:500 12px/1 var(--s-font-mono);font-style:normal;color:var(--s-muted)}
.rk-conversa .rk-cnt{margin:0}
.rk-conversa[aria-current=true]>span>small,.rk-conversa[aria-current=true] .rk-conversa-fim em{color:inherit}
.rk-conversa[aria-current=true] .rk-cnt{--k-cnt-cor:var(--k-at-cnt-cor);--k-cnt-fundo:var(--k-at-cnt-fundo)}
.rk-chat-mio{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:540px}
.rk-chat-topo{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--s-surface);border-bottom:1px solid var(--s-line)}
.rk-chat-topo b{display:block;font-size:15px;color:var(--s-heading)}
.rk-chat-topo small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--s-ok)}
.rk-online{width:8px;height:8px;border-radius:50%;background:var(--s-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--s-ok) 22%,transparent)}
.rk-chat-acoes{display:flex;gap:2px;margin-left:auto}
.rk-chat-corpo{display:flex;flex-direction:column;gap:6px;padding:16px;overflow:auto}
.rk-chat-data{align-self:center;margin:2px 0 8px;padding:5px 10px;font:500 10.5px/1 var(--s-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s-muted);
 border-radius:999px;background:color-mix(in srgb,var(--s-text) 6%,transparent)}
.rk-msg{align-self:flex-start;max-width:min(78%,380px);padding:9px 12px 7px;color:var(--s-text);background:var(--s-surface-2);
 border-radius:var(--rk-rc) var(--rk-rc) var(--rk-rc) var(--p-raio-mini);clip-path:var(--p-corte)}
.rk-msg p{margin:0;font-size:14.5px;line-height:1.45}
.rk-msg>small{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:3px;font:500 10.5px/1 var(--s-font-mono);color:var(--s-muted)}
.rk-msg>small .rk-i{width:14px;height:14px}
.rk-msg--eu{align-self:flex-end;color:var(--p-btn-cor);background:var(--s-marca-lida,var(--k-marca-fundo));border-radius:var(--rk-rc) var(--rk-rc) var(--p-raio-mini) var(--rk-rc);text-shadow:var(--p-btn-txt)}
.rk-msg--eu>small{color:inherit}
.rk-arq{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--p-raio-mini);background:color-mix(in srgb,currentColor 12%,transparent)}
.rk-arq>.rk-i{width:20px;height:20px}
.rk-arq b{display:block;font-size:13.5px}
.rk-arq small{font-size:12px;color:var(--s-muted)}
.rk-digitando{display:flex;gap:4px;padding:12px 14px}
.rk-digitando i{width:7px;height:7px;border-radius:50%;background:var(--s-muted);animation:rk-pula 1.2s ease-in-out infinite}
.rk-digitando i:nth-child(2){animation-delay:.15s}
.rk-digitando i:nth-child(3){animation-delay:.3s}
@keyframes rk-pula{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.rk-chat-pe{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;background:var(--s-surface);border-top:1px solid var(--s-line)}
.rk-chat-pe .rk-in{flex:1}

/* ── PEÇA 16 · FILTROS, ETIQUETAS E PÁGINAS ── */
.rk-filtros-topo{display:flex;flex-wrap:wrap;gap:10px}
.rk-filtros-topo .rk-in{flex:1;min-width:min(100%,200px)}
.rk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rk-chip{--fio:var(--s-line);display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:0;background:color-mix(in srgb,var(--s-text) 4%,transparent);
 font:600 13px/1 var(--s-font-body);letter-spacing:calc(var(--p-track)*.5);text-transform:var(--p-caixa);color:var(--s-muted);border-radius:var(--p-raio-pilula);
 clip-path:var(--p-corte);cursor:pointer;transition:color var(--p-vel) ease,background-color var(--p-vel) ease}
.rk-chip:hover{color:var(--s-heading)}
.rk-chip .rk-i{display:none;width:14px;height:14px;stroke-width:2.4}
.rk-chip[aria-pressed=true]{--fio:var(--k-ch-on-linha);color:var(--k-at-cor);background:var(--k-at-fundo);box-shadow:var(--k-at-sombra);text-shadow:var(--k-at-txt)}
.rk-chip[aria-pressed=true] .rk-i{display:block}
.rk-chip:focus-visible{outline:2px solid var(--s-tinta);outline-offset:3px}
.rk-filtros-ativos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--s-line)}
.rk-limpa{padding:0 4px;border:0;background:none;font:600 12.5px/1 var(--s-font-body);color:var(--s-tinta);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rk-etq{--c:var(--s-tinta);--fio:color-mix(in srgb,var(--c) 45%,transparent);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 10px;
 font:600 12.5px/1 var(--s-font-body);white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:var(--p-raio-mini);clip-path:var(--p-corte)}
.rk-etq--sem{padding-right:10px}
.rk-etq>i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 6px color-mix(in srgb,var(--c) 60%,transparent)}
.rk-etq button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:inherit;border-radius:var(--p-raio-mini);cursor:pointer;opacity:.75}
.rk-etq button:hover{opacity:1;background:color-mix(in srgb,var(--c) 18%,transparent)}
.rk-etq button .rk-i{width:12px;height:12px;stroke-width:2.4}
.rk-etq-nova{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font:600 12.5px/1 var(--s-font-body);color:var(--s-muted);background:transparent;
 border:1.5px dashed color-mix(in srgb,var(--s-text) 28%,transparent);border-radius:var(--p-raio-mini);cursor:pointer}
.rk-etq-nova:hover{color:var(--s-tinta);border-color:var(--s-tinta)}
.rk-etq-nova .rk-i{width:13px;height:13px}
.rk-in--etq{flex-wrap:wrap;gap:6px;margin-top:14px;padding:6px 8px}
.rk-in--etq input{height:28px;min-width:120px}
.rk-pags{display:grid;gap:16px}
.rk-pag-mini{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--s-muted)}
.rk-pag-mini b{color:var(--s-heading);font-variant-numeric:tabular-nums}
.rk-mais .rk-prog-txt{margin:0 0 7px}
.rk-mais .rk-b{margin-top:12px}

@media (max-width:900px){.rk-grade--abas,.rk-grade--player,.rk-grade--faq,.rk-grade--agenda{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
 .rk-tab-topo .rk-in{width:100%;margin-left:0}
 .rk-abas-v{grid-template-columns:minmax(0,1fr)}
 .rk-abas--v{flex-direction:row;overflow-x:auto;padding:0;box-shadow:inset 0 -1px 0 var(--s-line)}
 .rk-chat{grid-template-columns:minmax(0,1fr)}
 .rk-conversas{display:none}
}
@media (max-width:560px){
 .rk-player-play{--alt:52px}
 .rk-tela-tit small,.rk-passo small{display:none}
 .rk-palco{padding:22px 12px}
}
@media (prefers-reduced-motion:reduce){.rk-digitando i,.rk-sombra-f,.rk-dlg[open] .rk-sombra-j{animation:none}.rk-tela-pos{transition:none}}

@media (max-width:760px){
 .rk-app{grid-template-columns:minmax(0,1fr)}
 .rk-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--s-line);scrollbar-width:none}
 .rk-side small{display:none}
 .rk-side a{flex:none}
 .rk-mio{padding:4px 14px 16px}
 .rk-evo{padding:16px 12px 14px}
 .rk-gl{grid-template-columns:22px minmax(0,1fr);grid-template-rows:150px auto;column-gap:6px}
 .rk-gl-v{font-size:12px}
 .rk-gl-v--impar{display:none}
 .rk-gl-x{font-size:12px}
 .rk-gl-x span:nth-child(even){visibility:hidden}
}
@media (max-width:560px){.rk-topo .rk-in{display:none}}
@media (prefers-reduced-motion:reduce){.rk-prog--sem i,.rk-esq i{animation:none}}
}
@layer dna{[data-estilo="royal-flame"]{--s-bg:#020202;--s-bg-2:#090806;--s-bg-3:#11100C;--s-surface:#0C0B08;--s-surface-2:#14120D;--s-text:#E8E2D1;--s-heading:#FFF1B4;--s-muted:#B5AB94;--s-line:rgba(242,214,124,.26);--s-hair:rgba(242,214,124,.14);--s-brand:#C89D2C;--s-brand-2:#F2D67C;--s-brand-3:#7A5516;--s-accent:#0F5E8B;--s-accent-3:#062C45;--s-on-brand:#1A1004;--s-ok:#70C180;--s-warn:#E6BE63;--s-danger:#EF747E;--s-font-display:'Cinzel Decorative', Georgia, serif;--s-font-body:'Cormorant Garamond', Georgia, serif;--s-font-mono:'IBM Plex Mono', ui-monospace, monospace;--s-radius:0px;--s-shadow:0 24px 70px rgba(0,0,0,.55);--s-grad-brand:linear-gradient(135deg,#7A5516 0%,#A97720 22%,#C89D2C 42%,#FFF1B4 55%,#C89D2C 72%,#6B4312 100%);--s-camadas:radial-gradient(900px 700px at 12% -12%,rgba(255,203,100,.13),transparent 58%),radial-gradient(850px 560px at 92% 4%,rgba(152,95,20,.20),transparent 60%),radial-gradient(600px 520px at 52% 110%,rgba(255,219,135,.07),transparent 58%),linear-gradient(180deg,#050505,#080703 36%,#020202);--s-tinta:#F2D67C;--s-marca-lida:#C89D2C;--s-serie-2:#7A5516;--s-serie-3:var(--s-muted);color-scheme:dark;--p-btn-fio-cor:transparent;--p-btn-familia:var(--s-font-display);--p-btn-peso:700;--p-con-fio:var(--s-tinta);--p-con-fundo:transparent;--p-con-sombra:0 0 0 0 transparent;--p-corte:none;--p-raio:0px;--p-corte-caixa:none;--p-ponta:50%;--p-btn-bg:var(--s-grad-brand);--p-btn-cor:var(--s-on-brand);--p-btn-fio:inset 0 0 0 0 transparent;--p-btn-sombra:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.28);--p-btn-borda:0 solid transparent;--p-caixa:none;--p-track:.06em;--p-vel:.3s;--p-curva:cubic-bezier(.2,.7,.2,1);--p-dens:1;--p-varre:0;--p-brilho:1;--p-mira:0;--p-sombra-cor:color-mix(in srgb,var(--s-bg) 45%,black);--p-grao:0;--p-aura:1.1;--p-aura-cor:var(--s-brand);--p-aura-txt:1;--p-aura-scan:0;--p-aura-nevoa:.5;--p-aura-lustre:0;--p-leao:drop-shadow(0 2px 6px color-mix(in srgb,var(--s-brand) 35%,transparent));--p-raio-mini:0;--p-raio-pilula:0;--p-raio-bola:0;--p-anel:none;--p-anel-cheio:0;--p-anel-caixa:none;--p-anel-caixa-cheio:0;--k-cx-fundo:var(--s-surface);--k-cx-fio:color-mix(in srgb,var(--s-brand) 48%,transparent);--k-cx-sombra:0 0 0 0 transparent;--k-cx-blur:none;--k-cx-raio:var(--rk-rc);--k-cx-linha:color-mix(in srgb,var(--s-brand) 30%,transparent);--k-dna-sombra:0 0 0 0 transparent;--k-in-fundo:var(--s-bg);--k-in-fio:color-mix(in srgb,var(--s-brand) 30%,transparent);--k-in-sombra:inset 0 2px 6px var(--p-sombra-cor);--k-in-blur:none;--k-in-raio:var(--p-raio);--k-rot-font:600 13px/1.25 var(--s-font-display);--k-rot-var:small-caps;--k-rot-caixa:lowercase;--k-rot-track:.09em;--k-rot-cor:var(--s-brand-2);--k-rot-marca:none;--k-rot-mw:0;--k-rot-mh:0;--k-rot-mr:0;--k-ti-caixa:none;--k-ti-var:small-caps;--k-ti-track:.03em;--k-ti-peso:700;--k-fundo:radial-gradient(130% 90% at 50% 10%,transparent 48%,var(--p-sombra-cor) 100%);--k-tremula:none;--k-at-fundo:color-mix(in srgb,var(--s-brand) 10%,transparent);--k-at-cor:var(--s-heading);--k-at-sombra:inset 0 0 0 1px var(--s-brand),0 0 14px -3px color-mix(in srgb,var(--s-brand) 70%,transparent);--k-at-raio:var(--p-raio-mini);--k-at-cnt-fundo:var(--s-brand);--k-at-cnt-cor:var(--s-on-brand);--k-se-raio:999px;--k-se-corte:none;--k-se-img:none;--k-se-tinta:11%;--k-se-sombra:0 0 0 0 transparent;--k-se-font:800 10px/1 var(--s-font-body);--k-se-var:normal;--k-se-caixa:uppercase;--k-se-track:.17em;--k-se-pad:0 13px;--k-se-fio-a:30%;--k-ch-raio:0px;--k-ch-corte:none;--k-ch-linha:rgba(216,168,71,.36);--k-ch-fundo:linear-gradient(180deg,#050505,#0E0C08);--k-ch-sombra:inset 0 2px 5px rgba(0,0,0,.85),inset 0 -1px 0 rgba(255,246,209,.06);--k-ch-blur:none;--k-ch-on-fundo:linear-gradient(135deg,#6B4312 0%,#B77A22 20%,#F4C96E 42%,#FFF6D1 53%,#D8A847 68%,#8A5718 100%);--k-ch-on-sombra:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.25),0 0 16px -4px rgba(244,201,110,.7);--k-ch-on-linha:rgba(255,246,209,.55);--k-ck-raio:5px;--k-ck-corte:none;--k-ck-marca:var(--s-on-brand);--k-bo-raio:0px;--k-bo-corte:none;--k-bo-fundo:radial-gradient(circle at 36% 30%,#FFF6D1,#D8A847 46%,#6B4312);--k-bo-sombra:0 2px 4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.5);--k-bo-on-fundo:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M5 .8 9.2 5 5 9.2 .8 5Z' fill='none' stroke='%23F4C96E' stroke-width='1.1'/><path d='M5 3.4 6.6 5 5 6.6 3.4 5Z' fill='%23F4C96E'/></svg>") center/9px 9px no-repeat,radial-gradient(circle at 38% 32%,#3A2A10,#0E0904 72%);--k-bo-on-sombra:0 2px 5px rgba(0,0,0,.55),inset 0 0 0 1px rgba(36,23,6,.7);--k-tr-alt:6px;--k-tr-raio:0px;--k-tr-cheio:var(--s-brand);--k-tr-vazio:transparent;--k-tr-sobre:none;--k-tr-sob:repeating-linear-gradient(90deg,transparent 0 11px,rgba(216,168,71,.3) 11px 12px) 0 50%/100% 2px no-repeat,linear-gradient(#0B0A07,#0B0A07);--k-tr-sombra:inset 0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(216,168,71,.22);--k-tr-cheio-img:linear-gradient(135deg,#6B4312 0%,#B77A22 20%,#F4C96E 42%,#FFF6D1 53%,#D8A847 68%,#8A5718 100%);--k-po-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'><defs><linearGradient id='o' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%236B4312'/><stop offset='.22' stop-color='%23B77A22'/><stop offset='.44' stop-color='%23F4C96E'/><stop offset='.54' stop-color='%23FFF6D1'/><stop offset='.7' stop-color='%23D8A847'/><stop offset='1' stop-color='%238A5718'/></linearGradient></defs><circle cx='13' cy='13' r='12.2' fill='url(%23o)' stroke='%23241706' stroke-width='.8'/><circle cx='13' cy='13' r='8.4' fill='%230B0905' stroke='%23241706' stroke-width='.8'/><circle cx='13' cy='13' r='7.2' fill='none' stroke='%23D8A847' stroke-opacity='.55' stroke-width='.6'/><path d='M13 8.4 17.6 13 13 17.6 8.4 13Z' fill='none' stroke='%23F4C96E' stroke-width='1.2'/><path d='M13 11.1 14.9 13 13 14.9 11.1 13Z' fill='%23F4C96E'/></svg>");--k-po-filtro:none;--k-po-luz:0 0 14px -2px rgba(244,201,110,.55);--k-po-larg:26px;--k-po-alt:26px;--k-po-raio:0px;--k-po-fundo:transparent;--k-po-sombra:0 3px 8px rgba(0,0,0,.7);--k-po-giro:rotate(0deg);--p-halo-pri:drop-shadow(0 0 0 transparent);--p-halo-con:drop-shadow(0 0 0 transparent);--p-btn-txt:none;--p-txt-con:none;--k-cnt-fundo:var(--s-brand);--k-cnt-cor:var(--s-on-brand);--k-cnt-raio:var(--p-raio-pilula);--k-cnt-corte:none;--k-cnt-fio:transparent;--k-cnt-sombra:0 0 0 0 transparent;--k-cnt-txt:none;--k-cnt-halo:none;--k-cnt-font:600 11px/1 var(--s-font-mono);--k-cnt-pad:6px;--k-cnt-mw:22px;--k-at-txt:none;--k-marca-fundo:var(--p-btn-bg);--k-kpi-barra:linear-gradient(transparent,transparent);--k-kpi-fundo:var(--k-cx-fundo);--k-kpi-fio:var(--k-cx-fio);--k-kpi-linha:var(--k-cx-linha);--k-kpi-rot-font:500 10.5px/1.2 var(--s-font-mono);--k-kpi-rot-track:.14em;--k-kpi-num-img:none;--k-kpi-num-fill:currentColor;--k-kpi-num-txt:var(--k-halo-peq);--k-kpi-num-filtro:none;--k-li-gap:0;--k-li-pad:10px 0;--k-li-fundo:transparent;--k-li-topo:1px solid var(--s-line);--k-li-sombra:0 0 0 0 transparent;--k-li-raio:0;--k-li-ponto:none;--k-pg-alt:10px;--k-cena:none;--k-win-img:none;--k-bar-img:none;--k-ra-raio:0px;--k-ra-giro:rotate(45deg);--k-ra-tam:15px;--k-ra-pt:6px;--k-ra-pt-raio:0px;--k-cx-anel:none;--k-cx-anel-cheio:0;--k-ch-anel:none;--k-ch-anel-cheio:0;--k-ck-anel:none;--k-ck-anel-cheio:0;--k-se-anel:none;--k-se-cheio:0;--k-pg-corte:none;--p-anel-pri:none;--k-cnt-anel:none;--k-cnt-anel-cheio:0;--k-pg-anel:none;--k-pg-anel-cheio:0}}@property --bb-f{syntax:'<length>';inherits:true;initial-value:0px}@property --bb-p{syntax:'<number>';inherits:true;initial-value:0}@property --rk-sh{syntax:'<percentage>';inherits:true;initial-value:110%}@property --hs-x{syntax:'<percentage>';inherits:true;initial-value:0%}@property --oa-o{syntax:'<length>';inherits:true;initial-value:0px}@property --k5-x{syntax:'<percentage>';inherits:true;initial-value:0%}@property --gg-x{syntax:'<percentage>';inherits:true;initial-value:0%}@property --if-c{syntax:'<length>';inherits:true;initial-value:0px}@property --if-f{syntax:'<length>';inherits:true;initial-value:0px}@property --if-p{syntax:'<number>';inherits:true;initial-value:0}@property --crb-gi{syntax:'<angle>';inherits:true;initial-value:0deg}@layer alma{@keyframes rk-cofre{0%,62%{--rk-sh:110%}100%{--rk-sh:-12%}}[data-estilo="royal-flame"] :is(.rk-b--pri,.rk-b--con):not([disabled])::after{background:linear-gradient(118deg,transparent 0 41%,rgba(255,252,235,.5) 50%,transparent 59% 100%) var(--rk-sh) 0/250% 100% no-repeat,var(--fundo);animation:rk-cofre 5.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){[data-estilo="royal-flame"] :is(.rk-b--pri,.rk-b--con)::after{animation:none}}}