/* cadanun: bloco sem-id */
:root{
  color-scheme:light;
  /* PALETA ÚNICA (comentário 2): ouro do skin019 + tinta + cinza + branco. Nada mais. */
  --bg:#F7F8FA; --tinta:#1B1B1F; --tinta2:#5E5E5E; --tinta3:#8A8F98; --hair:rgba(27,27,31,.10); --div:rgba(27,27,31,.07);
  --gold-light:#F3C651; --gold:#E9A930; --gold-dark:#B88008; --gold-text:#8A5E04; --gold-title:#B77C09; --gold-line:#F3E3BD;
  --gold-grad:linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%);
  --gold-ink:#FFFFFF; --gold-ink-shadow:0 1px 2px rgba(60,40,0,.55);
  --chip-bg:rgba(233,169,48,.14); --chip-bd:rgba(233,169,48,.32); --gold-soft:rgba(233,169,48,.09);
  /* vidro iOS */
  --glass:rgba(255,255,255,.66); --glass-bd:rgba(255,255,255,.75); --glass-in:rgba(255,255,255,.55);
  --sombra-sm:0 1px 2px rgba(27,27,31,.06); --sombra-md:0 8px 24px -12px rgba(27,27,31,.18);
  --r-sm:12px; --r-md:16px; --r-lg:22px;
  --FUNDO:url('https://app019.com/assets/img/fb/app019-fallback-card-v3-900.webp');
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tinta);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
/* fundo com manchas suaves para o vidro ter o que desfocar */
body{background:radial-gradient(520px 320px at 12% -6%,rgba(243,198,81,.45),transparent 62%),radial-gradient(420px 320px at 96% 18%,rgba(233,169,48,.22),transparent 60%),radial-gradient(520px 420px at 50% 110%,rgba(184,128,8,.16),transparent 60%),var(--bg);min-height:100vh}
#T{max-width:480px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0)) 14px calc(96px + env(safe-area-inset-bottom,0))}
.brand{text-align:center;padding:4px 0 12px}
.brand img{height:34px;width:auto;display:block;margin:0 auto}
/* o cabeçalho universal do site (topo019/nav019) já traz o logo: não duplicar */
body.tem-topo .brand img{display:none}
body.tem-topo .brand{padding-top:0}
.brand p{margin:6px 0 0;font-size:13.5px;color:var(--tinta2);font-weight:600}
/* PAINEL DE VIDRO (iOS): translúcido, blur, borda clara e brilho interno */
.painel{background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1px solid var(--glass-bd);border-radius:26px;box-shadow:0 24px 60px -30px rgba(110,65,2,.35),inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(27,27,31,.05);overflow:hidden;position:relative}
.topo{display:grid;grid-template-columns:44px 1fr 56px;align-items:center;padding:10px 12px 6px}
.topo .bk{width:44px;height:44px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--tinta);cursor:pointer;visibility:hidden}
.topo .bk:hover{background:var(--div)}
.topo .bk svg{width:22px;height:22px}
.topo .tt{text-align:center;font-size:12px;font-weight:800;color:var(--gold-text);letter-spacing:.6px;text-transform:uppercase}
.topo .ct{justify-self:end;font-size:13px;font-weight:800;color:var(--gold-text);background:var(--chip-bg);border:1px solid var(--chip-bd);border-radius:999px;padding:4px 10px;font-variant-numeric:tabular-nums;visibility:hidden}
.prog{height:3px;background:var(--div);margin:0 16px;border-radius:3px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--gold-grad);transition:width .35s ease}
/* CARTÃO AO VIVO (.mc do /cadastrar-anuncio/ vivo; comentário 1: Contato/GPS no rodapé) */
.stage{padding:14px 16px 0}
.stage .lbl{font-size:11px;font-weight:800;color:var(--gold-text);letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:6px}
.mc{--ca:#B88008;position:relative;width:100%;min-height:230px;border-radius:22px;overflow:hidden;background-image:var(--FUNDO);background-size:cover;background-position:88% center;background-color:#1a1712;box-shadow:0 14px 34px -16px rgba(60,40,0,.6),0 0 0 1px rgba(255,255,255,.5)}
.mc.has-photo{background-image:var(--PHOTO);background-position:center}
.mc .ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,10,16,.92) 0%,rgba(8,10,16,.8) 46%,rgba(8,10,16,.22) 74%,transparent 96%)}
.mc .catgrad{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(184,128,8,.55) 0%,rgba(184,128,8,.22) 55%,transparent 100%)}
.mc .bot{position:relative;z-index:2;display:flex;flex-direction:column;padding:14px;min-height:230px}
.mc .catchip{align-self:flex-start;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fff;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(12px)}
.mc .catchip svg{width:13px;height:13px;fill:#fff}
.mc .t{color:#fff;font-weight:800;font-size:18px;line-height:1.18;text-shadow:0 1px 6px rgba(0,0,0,.65);margin:.6em 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc .su{color:rgba(255,255,255,.94);font-size:12px;line-height:1.35;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mc .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.mc .tag{font-size:9.5px;font-weight:700;color:#fff;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3)}
.mc .tag.main{background:rgba(184,128,8,.6);border-color:rgba(255,255,255,.45)}
.mc .row{display:flex;gap:8px;margin-top:auto;padding-top:14px;width:100%}
.mc .bc{flex:1;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.45);background:rgba(184,128,8,.45);backdrop-filter:blur(18px);color:#fff;font-size:14px;font-weight:800;letter-spacing:.3px;display:grid;place-items:center}
.mc .bg{flex:0 0 48px;width:48px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.45);background:rgba(184,128,8,.45);backdrop-filter:blur(18px);color:#fff;display:grid;place-items:center}
.mc .bg svg{width:18px;height:18px;fill:#fff}
.mc.bate{animation:pulseCard .5s ease}
@keyframes pulseCard{0%{transform:scale(1)}40%{transform:scale(1.02)}100%{transform:scale(1)}}
.mc .vazio{opacity:.6;font-style:italic}
.mc .podio{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:50%;background:var(--gold-grad);display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.mc .podio svg{width:16px;height:16px;fill:#fff}
.stage .nota{font-size:11.5px;color:var(--tinta3);text-align:center;margin:8px 0 0;line-height:1.4}
/* etapa */
.tela{padding:16px 16px 18px;animation:stepIn .22s ease both}
@keyframes stepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.tela.back{animation-name:stepBack}
@keyframes stepBack{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tela{animation:none}.mc.bate{animation:none}}
h2{font-size:20px;line-height:1.25;margin:0 0 4px;font-weight:800;letter-spacing:-.3px;color:var(--tinta)}
.sub{color:var(--tinta2);font-size:14.5px;margin:0 0 14px;line-height:1.45}
.sub b{color:var(--tinta)}
.dica{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--gold-text);background:var(--gold-soft);border:1px solid var(--chip-bd);border-radius:var(--r-sm);padding:9px 12px;margin:0 0 12px;line-height:1.4}
.dica svg{width:16px;height:16px;flex:none;stroke:var(--gold-text);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.peq{font-size:12px;color:var(--tinta3);line-height:1.45;margin:8px 0 0}
.inp{width:100%;font:inherit;font-size:17px;padding:0 15px;height:52px;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--glass-in);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--tinta);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),var(--sombra-sm);transition:border-color .15s,box-shadow .15s,background .15s}
.inp::placeholder{color:var(--tinta3)}
.inp:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.85);box-shadow:0 0 0 4px rgba(233,169,48,.16)}
textarea.inp{height:auto;min-height:104px;padding:13px 15px;resize:vertical;line-height:1.4}
.cnt{text-align:right;font-size:12px;color:var(--tinta3);margin-top:5px;font-variant-numeric:tabular-nums}
.hint{font-size:13px;color:var(--tinta2);margin:10px 0 0;line-height:1.45}
.fl{display:block;font-size:12px;font-weight:800;color:var(--gold-text);margin:14px 0 6px;letter-spacing:.5px;text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{border:1px solid var(--chip-bd);background:var(--glass-in);border-radius:999px;padding:0 13px;height:38px;font:inherit;font-size:13.5px;font-weight:600;color:var(--gold-text);cursor:pointer;display:inline-flex;align-items:center;gap:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chip:active,.chip.on{background:var(--chip-bg);border-color:var(--gold)}
.chip .cb{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--chip-bd);display:inline-grid;place-items:center;font-size:12px;color:#fff;background:#fff}
.chip.on .cb{background:var(--gold-grad);border-color:var(--gold-dark);text-shadow:var(--gold-ink-shadow)}
.chip.principal{box-shadow:0 0 0 2px rgba(233,169,48,.25)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--div);border-radius:12px;padding:4px;margin-top:10px}
.seg button{border:0;background:transparent;border-radius:9px;height:40px;font:inherit;font-size:14px;font-weight:700;color:var(--tinta2);cursor:pointer}
.seg button.on{background:#fff;color:var(--gold-text);box-shadow:var(--sombra-sm)}
.list{border:1px solid var(--hair);border-radius:var(--r-md);background:rgba(255,255,255,.8);margin-top:10px;overflow-y:auto;max-height:34vh;box-shadow:var(--sombra-sm)}
.list button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-bottom:1px solid var(--div);background:transparent;padding:0 15px;height:48px;font:inherit;font-size:15.5px;color:var(--tinta);cursor:pointer}
.list button:last-child{border-bottom:0}
.list button.on{background:var(--chip-bg);color:var(--gold-text);font-weight:700}
.list button span{font-size:12px;color:var(--tinta3);font-weight:400}
/* contatos (comentário 7 + anexo): 6 linhas sempre visíveis, check liga o campo, ★ marca a principal */
.ct-grid{display:grid;gap:9px;margin-top:10px}
.ct-row{display:grid;grid-template-columns:24px 82px 1fr 40px;gap:8px;align-items:center;padding:8px 10px;background:var(--glass-in);border:1px solid var(--hair);border-radius:15px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ct-row.off{opacity:.72;grid-template-columns:24px 1fr;padding:9px 10px;cursor:pointer}
.ct-row.off .inp,.ct-row.off .rad{display:none}
.ct-row.off .clabel::after{content:"  + adicionar";font-weight:600;color:var(--gold-text);font-size:11px}
.ct-row .cb{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--chip-bd);display:grid;place-items:center;font-size:13px;color:#fff;background:#fff;cursor:pointer}
.ct-row.on .cb{background:var(--gold-grad);border-color:var(--gold-dark);text-shadow:var(--gold-ink-shadow)}
.ct-row .clabel{font-size:13px;font-weight:800;color:var(--tinta);cursor:pointer}
.ct-row .inp{height:42px;font-size:15px;padding:0 12px}
.ct-row .inp:disabled{background:transparent;box-shadow:none;border-color:transparent;color:var(--tinta3)}
.ct-row .rad{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--chip-bd);background:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px;color:var(--tinta3)}
.ct-row .rad.on{background:var(--gold-grad);border-color:var(--gold-dark);color:#fff;text-shadow:var(--gold-ink-shadow)}
.ct-row .rad:disabled{visibility:hidden}
.acao{display:flex;gap:10px;margin-top:16px}
.btn{flex:1;border:0;border-radius:var(--r-sm);height:52px;padding:0 18px;font:inherit;font-size:16px;font-weight:800;cursor:pointer;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn.p{background:var(--gold-grad);color:var(--gold-ink);text-shadow:var(--gold-ink-shadow);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 22px -10px rgba(120,80,0,.6),inset 0 1px 0 rgba(255,233,168,.6)}
.btn.p:hover{filter:brightness(.96)}.btn.p:active{filter:brightness(.9)}
.btn.p:disabled{opacity:.45;cursor:not-allowed;filter:none}
.btn.g{background:var(--glass-in);border:1px solid var(--hair);color:var(--tinta);flex:0 0 auto;padding:0 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn.o{background:rgba(255,255,255,.7);border:1.5px solid var(--gold);color:var(--gold-text)}
.link{background:none;border:0;color:var(--gold-text);text-decoration:underline;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:10px 0 0;display:block;width:100%;text-align:center}
.err{color:var(--gold-text);font-size:13.5px;min-height:18px;margin-top:8px;font-weight:700}
.err a{color:var(--gold-text)}
.alert{display:flex;gap:12px;border-radius:var(--r-sm);padding:12px 14px;margin:12px 0 0;font-size:13.5px;line-height:1.45;align-items:flex-start;background:var(--gold-soft);border:1px solid var(--chip-bd);color:var(--tinta2)}
.alert b{display:block;color:var(--tinta)}
.alert .ic{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--gold-grad);text-shadow:var(--gold-ink-shadow)}
.check{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;font-size:13.5px;color:var(--tinta2);line-height:1.45}
.check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--gold-dark)}
.check a{color:var(--gold-text);font-weight:600}
.foto-drop{border:1.5px dashed var(--chip-bd);border-radius:var(--r-md);padding:18px 14px;text-align:center;background:var(--glass-in);cursor:pointer;color:var(--tinta2);font-size:14px;display:block}
.foto-drop img{max-width:100%;max-height:160px;border-radius:var(--r-sm);display:block;margin:0 auto 8px}
.foto-drop .ic{width:46px;height:46px;border-radius:50%;background:var(--chip-bg);display:grid;place-items:center;margin:0 auto 8px}
.foto-drop svg{width:24px;height:24px;stroke:var(--gold-text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* boas-vindas */
.wel{text-align:center;padding:8px 0 4px}.wel .pk{text-align:left;margin-top:14px}.wel .fl{text-align:left}
/* chamada principal: amarelo APP019 com faixa de brilho correndo apenas dentro das letras */
.wel h1{font-size:27px;line-height:1.18;margin:8px 0 8px;font-weight:900;letter-spacing:-.55px;color:transparent;background:linear-gradient(100deg,#D99910 0%,#E9A930 28%,#F3C651 42%,#FFF7D1 50%,#F3C651 58%,#E9A930 72%,#D99910 100%);background-size:240% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 5px rgba(184,128,8,.22));animation:welcomeTitleShine 3.4s ease-in-out infinite}
@keyframes welcomeTitleShine{0%{background-position:120% 0}55%,100%{background-position:-120% 0}}
.wel .sub{font-size:15px}
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.passos div{background:var(--glass-in);border:1px solid var(--glass-bd);border-radius:14px;padding:11px 6px;font-size:12px;color:var(--tinta2);line-height:1.3;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.passos b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold-grad);color:#fff;text-shadow:var(--gold-ink-shadow);font-size:13px;margin:0 auto 6px}
.wel .btn{width:100%;height:56px;font-size:17px}
/* CTA inicial: pulso premium e lento, sem piscar nem alterar a legibilidade */
.wel .btn.p[data-act="start"]{transform-origin:center;animation:welcomeCtaPulse 2.35s ease-in-out infinite;will-change:transform,box-shadow}
@keyframes welcomeCtaPulse{0%,100%{transform:scale(1);box-shadow:0 10px 22px -10px rgba(120,80,0,.60),inset 0 1px 0 rgba(255,233,168,.60),0 0 0 0 rgba(233,169,48,.18)}50%{transform:scale(1.018);box-shadow:0 14px 30px -10px rgba(120,80,0,.68),inset 0 1px 0 rgba(255,242,196,.78),0 0 0 8px rgba(233,169,48,0)}}
@media (prefers-reduced-motion:reduce){.wel h1,.wel .btn.p[data-act="start"]{animation:none}.wel h1{background-position:50% 0}}
/* prazos (comentário 9): lista .pk do totem de vaga, nome grande à direita, sem vermelho */
.pk{position:relative;border:1px solid var(--hair);border-radius:var(--r-md);padding:14px 14px 12px;background:var(--glass-in);margin:12px 0 0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),var(--sombra-sm)}
.pk.on{background:rgba(255,249,234,.9);border-color:var(--gold);box-shadow:0 8px 24px -12px rgba(184,128,8,.35),0 0 0 3px rgba(233,169,48,.14)}
.pk .cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pk h3{margin:0;font-size:15.5px;font-weight:800;color:var(--tinta)}
.pk .pk-sub{color:var(--tinta2);font-size:13px;margin:2px 0 0}
.pk .nome{flex:none;text-align:right;font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:2px}
.pk .nome small{display:block;font-size:10.5px;letter-spacing:.6px;font-weight:800;color:var(--gold-text);-webkit-text-fill-color:var(--gold-text);text-transform:uppercase;margin-top:3px}
.pk ul{margin:8px 0 0;padding-left:18px;color:var(--tinta2);font-size:13px;line-height:1.5}
.pk .badge-rec{position:absolute;top:-11px;left:12px;background:var(--gold-grad);color:#fff;text-shadow:var(--gold-ink-shadow);font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 10px}
.pk-cb-row{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid var(--div);font-size:13px;font-weight:700;color:var(--tinta2);user-select:none}
.pk.on .pk-cb-row{color:var(--gold-text)}
.pk-cb{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--chip-bd);border-radius:6px;background:#fff;font-size:14px;color:#fff}
.pk.on .pk-cb{border-color:var(--gold-dark);background:var(--gold-grad);text-shadow:var(--gold-ink-shadow)}
.podio-mini{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold-grad);vertical-align:-4px;margin-right:4px}
.podio-mini svg{width:11px;height:11px;fill:#fff}
/* pódio numerado (anexo): 1 · 2 · 3 + "custo médio de investimento" */
.pk .esq{display:flex;align-items:center;gap:10px;min-width:0}
.pk .num{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,250,232,.95),rgba(243,198,81,.35));border:1px solid var(--chip-bd);color:var(--gold-text);font-weight:900;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.pk .custo{display:flex;flex-direction:column;line-height:1.1;gap:2px;min-width:0}
.pk .custo .op{font-size:11px;font-weight:700;color:var(--tinta3)}
.pk .custo .lb{font-size:9.5px;font-weight:700;color:var(--tinta3);white-space:nowrap}
.pk .custo .vl{font-size:15px;font-weight:900;color:var(--tinta)}
.pk .nome small{white-space:normal;max-width:140px;margin-left:auto}
.pk .custo .vl{white-space:nowrap}
.mini{display:flex;align-items:center;gap:10px;background:var(--gold-soft);border:1px solid var(--chip-bd);border-radius:var(--r-sm);padding:8px 12px;margin:0 0 12px;font-size:13px;color:var(--tinta2)}
.mini b{color:var(--tinta);font-weight:800}
.mini i{width:30px;height:30px;border-radius:8px;background:var(--gold-grad);flex:none;background-image:var(--PHOTO,none);background-size:cover;background-position:center}
.resumo{background:var(--glass-in);border:1px solid var(--hair);border-radius:var(--r-md);padding:12px 14px;font-size:14px;margin:0 0 6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.resumo .ln{display:flex;justify-content:space-between;gap:12px;margin:4px 0;color:var(--tinta2)}
.resumo .ln b{color:var(--tinta);font-weight:600;white-space:nowrap}
.resumo .tot{font-weight:800;border-top:1px solid var(--div);padding-top:8px;margin-top:6px;font-size:16px;color:var(--tinta)}
.resumo .tot b{color:var(--gold-title);font-size:19px;font-weight:800}
.metodo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}
.met{border:1px solid var(--hair);background:var(--glass-in);border-radius:var(--r-md);padding:12px 10px;font:inherit;font-weight:800;font-size:15px;color:var(--tinta);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}
.met small{font-weight:600;color:var(--tinta2);font-size:11.5px}
.met svg{width:24px;height:24px;stroke:var(--gold-text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.met.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,169,48,.16);background:rgba(255,249,234,.9)}
.qr{width:190px;height:190px;margin:12px auto 10px;border-radius:var(--r-md);background:#fff;border:1px solid var(--hair);box-shadow:var(--sombra-md);padding:14px}
.qr div{width:100%;height:100%;background:repeating-linear-gradient(90deg,#1B1B1F 0 9px,transparent 9px 16px),repeating-linear-gradient(0deg,#1B1B1F 0 9px,#fff 9px 16px);background-blend-mode:screen;border-radius:6px;opacity:.9}
.codepix{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;word-break:break-all;background:rgba(255,255,255,.8);border:1px solid var(--hair);border-radius:var(--r-sm);padding:10px 12px;color:var(--tinta2);line-height:1.4}
.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pl 1s infinite alternate;margin:5px 0 0;flex:none}
@keyframes pl{from{opacity:.3}to{opacity:1}}
/* sucesso (comentário 12): só a paleta da marca + estouro */
.suc{text-align:center;padding:4px 0}
.suc .ok{width:84px;height:84px;border-radius:50%;background:var(--gold-grad);color:#fff;font-size:42px;display:grid;place-items:center;margin:4px auto 12px;box-shadow:0 16px 34px -10px rgba(184,128,8,.6),0 0 0 8px rgba(233,169,48,.14);text-shadow:var(--gold-ink-shadow);animation:pop .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.suc h2{font-size:23px}
/* anel de estouro (anexo) por cima do confete */
.burst{position:relative;width:96px;height:28px;margin:-4px auto 2px;pointer-events:none}
.burst i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px rgba(255,255,255,.6);animation:burst 1.15s cubic-bezier(.2,.8,.2,1) both}
.burst i:nth-child(1){--x:-42px;--y:-18px}.burst i:nth-child(2){--x:-28px;--y:-30px;animation-delay:.04s}.burst i:nth-child(3){--x:-11px;--y:-38px;animation-delay:.08s}.burst i:nth-child(4){--x:12px;--y:-38px;animation-delay:.12s}.burst i:nth-child(5){--x:30px;--y:-28px;animation-delay:.16s}.burst i:nth-child(6){--x:44px;--y:-14px;animation-delay:.20s}.burst i:nth-child(7){--x:-48px;--y:4px;animation-delay:.12s}.burst i:nth-child(8){--x:48px;--y:5px;animation-delay:.16s}
@keyframes burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}30%{opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1);opacity:0}}
.suc .mc{text-align:left}
.suc .acao{flex-wrap:wrap}.suc .acao .btn{font-size:14.5px;padding:0 12px;flex:1 1 100%}.suc .acao .btn.g{flex:1 1 calc(50% - 5px)} /* MELHORIAS0920: 3 acoes no sucesso cabem em 375px sem quebrar palavra */
a{color:inherit}
#confete{position:fixed;inset:0;pointer-events:none;z-index:98}
.terms-bottom{color:var(--tinta2);font-size:13px;font-weight:500;text-align:center;margin-top:16px;line-height:1.6}
.terms-bottom a{color:var(--gold-text);font-weight:700}
.footer-link{text-align:center;padding:2px 8px 4px;font-size:10.5px;color:var(--tinta3)}
.footer-link a{color:var(--tinta3)}

/* v7: pacotes com identidade progressiva + seleção independente */
.pk[data-plan="VIP_USER"]{border-color:rgba(243,198,81,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 16px -14px rgba(184,128,8,.28)}
.pk[data-plan="EMPRESA_VIP365"]{border-color:rgba(233,169,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px -14px rgba(184,128,8,.38)}
.pk[data-plan="AD_100D"]{border-color:rgba(184,128,8,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 28px -14px rgba(120,78,0,.58),0 2px 8px rgba(184,128,8,.11)}
.pk.on{box-shadow:0 10px 26px -13px rgba(184,128,8,.42),0 0 0 3px rgba(233,169,48,.14),inset 0 1px 0 rgba(255,255,255,.92)}
.pk .custo .lb{font-size:10.5px;line-height:1.15}
.pk .rankline{display:flex;align-items:center;gap:5px}
.pk .podio-inline{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--gold-grad);color:#fff;box-shadow:0 4px 10px -6px rgba(60,40,0,.7)}
.pk .podio-inline svg{width:11px;height:11px;fill:currentColor}
/* ferramentas de desenvolvimento só aparecem quando JS habilita ?sim=1 */
/* sem background-clip:text o título ficaria invisível (color:transparent): volta a ouro sólido */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.wel h1{color:var(--gold-text);background:none;animation:none}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .painel,.inp,.ct-row,.chip,.btn.g{background:rgba(255,255,255,.94)}
}
@media(max-width:390px){
  .ct-row.on{grid-template-columns:22px 70px minmax(0,1fr) 38px;gap:6px;padding:7px 8px}
  .ct-row.off{grid-template-columns:22px 1fr}
  .ct-row .clabel{font-size:11.5px}
  .ct-row .inp{font-size:14px;padding:0 9px}
  .pk .nome{font-size:19px}
}