/* App. Usa as variáveis, o fundo animado e os botões de ../estilo.css; o visual segue a página inicial. */
body.app{padding-bottom:3rem}
.app .topo a.marca{color:var(--tinta);text-decoration:none}
.app-main{max-width:58rem;padding-bottom:2rem}
.cabeca-passos>.sobretitulo{margin-top:1.4rem}
.app-titulo{font-size:clamp(2.1rem,5.5vw,3.3rem);margin:0 0 1rem;animation:sobe .7s cubic-bezier(.2,.8,.2,1) both}

/* abertura do site (tela "inicio"): usa as seções de ../estilo.css; some a cabeça das etapas */
.na-inicio .app-main{max-width:68rem}
.na-inicio .cabeca-passos{display:none}
.intro .abertura{padding-top:1.5rem}
@media(min-width:60rem){.intro .abertura{padding-top:2.5rem}}
.intro .bloco{position:relative}
.intro .bloco::before{left:0;right:0}
.acoes-intro{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.acoes-intro .btn{margin:0}
.selos-intro{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.selos-intro li{display:inline-flex;align-items:center;gap:.45rem;font-size:13px;color:var(--suave);padding:.3rem .75rem;border:1px solid var(--linha);border-radius:99px;background:rgba(24,24,37,.6);backdrop-filter:blur(6px)}
.selos-intro li::before{content:"✓";color:var(--ok);font-weight:700}
.planos-intro .num strong small{font-size:1rem;letter-spacing:0}
.planos-intro .num b{color:var(--tinta)}
.planos-intro:empty{display:none}
.convite{margin:4rem 0 1rem;padding:2.4rem 1.5rem;text-align:center;border:1px solid var(--linha);border-radius:18px;
  background:radial-gradient(120% 140% at 50% 0%,rgba(137,180,250,.16),rgba(203,166,247,.08) 45%,rgba(17,17,27,.82) 75%);box-shadow:0 30px 80px -30px #000}
.convite h2{font-size:clamp(1.5rem,3.6vw,2.2rem);margin:0 0 1.3rem}
.convite h2::before{content:none}
.convite .btn{margin:0}
@media(min-width:48rem){.app .rodape-grade{grid-template-columns:1.6fr 1.2fr 1.2fr}}

/* barra de etapas */
.passos-nav ol{list-style:none;margin:1.4rem 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;position:relative}
.passos-nav li{position:relative}
.passos-nav li+li::before{content:"";position:absolute;top:1.05rem;right:calc(50% + 1.3rem);width:calc(100% - 2.2rem);height:2px;background:var(--linha);transition:background .4s}
.passos-nav li:has(.feito)+li::before,.passos-nav li:has([aria-current])::before{background:linear-gradient(90deg,var(--ok),var(--acento))}
.passos-nav a{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:var(--apagado);font-size:13px;transition:color .2s}
.passos-nav a:hover{color:var(--tinta)}
.passos-nav a.bloqueado{pointer-events:none;opacity:.45}
.passos-nav .n{width:2.2rem;height:2.2rem;background:var(--sup2);border:2px solid var(--linha);color:var(--suave);transition:all .3s}
.passos-nav a.feito .n{background:var(--ok);border-color:var(--ok);color:var(--acento-t);font-size:0}
.passos-nav a.feito .n::after{content:"✓";font-size:1rem}
.passos-nav a[aria-current] {color:var(--tinta);font-weight:600}
.passos-nav a[aria-current] .n{background:var(--acento);border-color:var(--acento);color:var(--acento-t);box-shadow:0 0 0 0 rgba(137,180,250,.6);animation:pulso-azul 2s infinite}
@keyframes pulso-azul{70%{box-shadow:0 0 0 .6rem rgba(137,180,250,0)}100%{box-shadow:0 0 0 0 rgba(137,180,250,0)}}
@media(max-width:34rem){.passos-nav a:not([aria-current]) .rot-passo{display:none}}

/* cada etapa é uma janela, como a do exemplo da página de espera */
.passo{background:rgba(17,17,27,.82);border:1px solid var(--linha);border-radius:14px;padding:0 1.5rem 1.4rem;margin:0 0 1.4rem;
  backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px #000,0 0 0 1px rgba(137,180,250,.06)}
.tela:not([hidden]){animation:entra-tela .45s cubic-bezier(.2,.8,.2,1)}
@keyframes entra-tela{from{opacity:0;transform:translateY(16px)}}
.janela-barra{display:flex;align-items:center;gap:.4rem;margin:0 -1.5rem 1.3rem;padding:.7rem .95rem;border-bottom:1px solid var(--linha);font:12px var(--mono);color:var(--apagado)}
.janela-barra i{width:.7rem;height:.7rem;border-radius:50%;background:var(--linha)}
.janela-barra i:nth-child(1){background:var(--erro)}.janela-barra i:nth-child(2){background:var(--amarelo)}.janela-barra i:nth-child(3){background:var(--ok)}
.janela-barra span{margin-left:.6rem}
.passo h2{display:flex;align-items:center;gap:.7rem;margin:0 0 .6rem;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.02em}
.passo h2:focus{outline:0}
.passo h2::before{content:"## ";color:var(--destaque);font-weight:400;font-family:var(--mono)}
.passo h2 small{font-weight:400;color:var(--apagado);font-size:.8rem;letter-spacing:0}
.n{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--acento);color:var(--acento-t);font:700 .95rem var(--mono);flex:none}
.nav-tela{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.6rem;padding-top:1.1rem;border-top:1px dashed var(--linha)}
.nav-tela .btn{margin:0}
.falta-tela{min-height:1.2em;margin:.6rem 0 0;text-align:right}
.falta-tela:empty{display:none}
.falta-tela.treme{animation:treme-x .4s}
.campo-prompt{margin-top:1.2rem}

/* etapa pronto */
.selo-pronto{width:7.5rem;height:7.5rem;margin:.4rem auto 1rem;color:var(--ok)}
.selo-pronto svg{width:100%;height:100%;overflow:visible;animation:selo .8s cubic-bezier(.3,1.5,.5,1) both}
.selo-pronto circle{fill:none;stroke:currentColor;stroke-width:2}.selo-pronto circle+circle{stroke-dasharray:3 3}
.selo-pronto text{fill:currentColor;font:600 8.2px var(--mono);letter-spacing:.06em}
.selo-pronto .ok{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:traca .5s .6s ease-out forwards}
#p6 h2{justify-content:center}
#p6 .resultado{margin-top:.6rem}
@media (prefers-reduced-motion:reduce){.selo-pronto .ok{stroke-dashoffset:0}}
.campo{display:grid;gap:.35rem;margin:0 0 1rem}
.campo label{font-weight:600;font-size:14px}.campo label small{font-weight:400;color:var(--apagado)}
.app input[type=text],.app textarea,.app select{width:100%;padding:.7rem .9rem;font:1rem system-ui,sans-serif;color:var(--tinta);background:rgba(17,17,27,.9);border:1px solid var(--linha);border-radius:10px;transition:border-color .2s,box-shadow .2s}
.app textarea#letra{font:1.02rem/1.7 var(--mono);min-height:16rem;caret-color:var(--destaque)}
.app input:focus,.app textarea:focus,.app select:focus{outline:0;border-color:var(--acento);box-shadow:0 0 0 3px rgba(137,180,250,.2)}
button.link{background:none;border:0;padding:0;color:var(--acento);font:inherit;text-decoration:underline;cursor:pointer}
button.link[disabled]{color:var(--ok);text-decoration:none;cursor:default}
.vazio{color:var(--apagado);font-style:italic}
.aviso{color:var(--amarelo);font-size:14px}
.miudo code{font-size:12.5px}

/* versos (etapa 3 e página de verificação) */
.versos{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.verso{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;align-items:center;padding:.7rem .85rem;border-radius:10px;background:transparent;border:1px solid transparent;transition:background .2s,border-color .2s}
.verso:hover{background:rgba(24,24,37,.8);border-color:var(--linha)}
.verso.nova-estrofe{margin-top:1rem}
.v-texto{font:1.02rem/1.45 var(--mono)}
.verso .v-texto{text-decoration:underline 2px transparent;text-underline-offset:5px;transition:text-decoration-color .3s}
.verso[data-o=seu] .v-texto{text-decoration-color:rgba(166,227,161,.45)}
.verso[data-o=misto] .v-texto{text-decoration-color:rgba(249,226,175,.45)}
.verso[data-o=ia] .v-texto{text-decoration-color:rgba(243,139,168,.45)}
.v-num{display:inline-block;min-width:1.8rem;color:var(--apagado);font-size:12px}
@media(max-width:34rem){.verso{grid-template-columns:1fr}}

/* etapa 3: pergunta geral, qual IA e um toque por verso */
.uso-ia{display:grid;gap:.6rem;margin:.3rem 0 1rem}
@media(min-width:40rem){.uso-ia{grid-template-columns:repeat(3,1fr)}}
.uso-ia button{display:grid;gap:.2rem;text-align:left;padding:.95rem 1.05rem;border-radius:12px;border:1px solid var(--linha);background:var(--sup2);color:var(--tinta);font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}
.uso-ia button:hover{border-color:#585b70;transform:translateY(-2px)}
.uso-ia b{font-size:1.05rem}
.uso-ia small{color:var(--suave);font-size:13px}
.uso-ia button[aria-pressed=true]{border-color:var(--acento);background:rgba(137,180,250,.1);box-shadow:0 0 0 2px rgba(137,180,250,.35)}
.resumo-uso{margin:0 0 1rem;color:var(--ok);font-weight:600}
.barra-sel{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .8rem}
.barra-sel .btn{width:auto;margin:0}
.sel-dica{font-size:13px;color:var(--amarelo)}
.sel-barra{position:sticky;top:.5rem;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;width:100%;padding:.6rem .8rem;border:1px solid var(--acento);border-radius:12px;background:rgba(17,17,27,.96);box-shadow:0 12px 30px -12px #000}
.sel-qtd{font-weight:600;font-size:14px;margin-right:.2rem}
.sel-sep{font-size:13px;color:var(--suave)}
.sel-o{font:600 12.5px var(--mono);padding:.35rem .8rem;border-radius:6px;border:0;color:var(--acento-t);cursor:pointer}
.sel-o.ia{background:var(--erro)}.sel-o.misto{background:var(--amarelo)}.sel-o.seu{background:var(--ok)}
.sel-o[disabled]{opacity:.4;cursor:not-allowed}
.sel-barra .btn{margin-left:auto}
.sel-ia{display:inline-flex;gap:.4rem;flex-wrap:wrap}
.app .sel-ia select{width:auto;padding:.4rem .6rem;font-size:14px}
.app .sel-ia input{width:11rem;padding:.4rem .6rem;font-size:14px}
.dica-toque{font-size:13.5px;color:var(--suave);margin:0 0 .6rem}
.dica-toque .tag{padding:.05rem .45rem}
.versos.toque{gap:.25rem}
.versos.toque .verso{grid-template-columns:1fr auto;gap:0 .2rem;padding:0 .3rem 0 0}
.versos.toque .verso[data-o=ia]{background:rgba(243,139,168,.07)}
.versos.toque .verso[data-o=misto]{background:rgba(249,226,175,.07)}
.v-toque{display:flex;align-items:center;gap:.6rem;width:100%;min-height:2.9rem;padding:.55rem .75rem;border:0;border-radius:10px;background:none;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v-toque .v-texto{flex:1}
.v-toque .tag{flex:none;min-width:3.4rem;padding:.15rem .5rem;transition:transform .15s}
.v-toque:active .tag{transform:scale(.88)}
.tag:not(.seu):not(.ia):not(.misto){background:var(--linha);color:var(--suave)}
.v-caixa{flex:none;display:grid;place-items:center;width:1.3rem;height:1.3rem;border:2px solid var(--linha);border-radius:5px;font-size:.8rem;color:var(--acento-t)}
.v-toque[aria-pressed=true] .v-caixa{background:var(--acento);border-color:var(--acento)}
.versos.selecionando .verso:has([aria-pressed=true]){outline:2px solid rgba(137,180,250,.6)}
.v-ia{grid-column:1/-1;padding:0 .75rem .55rem 3.2rem}
.v-ia.falta select{border-color:var(--amarelo)}
.v-sug{grid-column:1/-1;margin:-.2rem 0 .45rem 3.2rem;font-size:12px;color:var(--amarelo)}
@media(max-width:34rem){.v-sug,.v-ia{margin-left:0;padding-left:.75rem}}

/* provas */
.soltar{display:grid;place-items:center;padding:1.6rem;border:2px dashed var(--linha);border-radius:12px;cursor:pointer;text-align:center;color:var(--suave);transition:border-color .2s,background .2s}
.soltar:hover,.soltar.sobre{border-color:var(--acento);background:rgba(137,180,250,.06)}
.soltar input{position:absolute;opacity:0;width:1px;height:1px}
.provas{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.8rem}
.ev{padding:.9rem 1rem;border:1px solid var(--linha);border-radius:10px;background:var(--sup2)}
.p-topo{display:flex;gap:.8rem;align-items:center}
.p-topo .p-desc{flex:1;padding:.45rem .7rem;font-size:14.5px}
.p-meta{margin:.4rem 0;font-size:13px;color:var(--apagado)}
.p-sha{margin:.3rem 0;font-size:12.5px;word-break:break-all}
.rot{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--apagado)}
.ev progress{width:100%;height:.5rem;accent-color:var(--acento)}
.achados{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.5rem;font-size:14px}
.achados li{padding:.55rem .7rem;border-radius:8px;background:rgba(166,227,161,.07);border:1px solid rgba(166,227,161,.25)}
.achados q{display:block;margin:.25rem 0;font:12.5px/1.45 var(--mono);color:var(--suave)}
.achados .onde{color:var(--apagado);font-size:12.5px}
.achados .pistas{display:block;font-size:12.5px;color:var(--apagado);margin-bottom:.2rem}
.ev select{margin-top:.5rem;width:auto;max-width:100%;padding:.4rem .6rem;font-size:13.5px}

/* declaração e resultado */
.declaracao{white-space:pre-wrap;font:14px/1.6 var(--mono);background:rgba(137,180,250,.07);border:1px solid rgba(137,180,250,.25);border-radius:10px;padding:1rem;margin:0 0 .6rem}
.acoes-decl{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.3rem}
.acoes-decl .btn{width:auto;margin:0}
.aceite{display:flex;gap:.6rem;align-items:flex-start;font-size:14.5px;margin:.4rem 0 1rem;cursor:pointer}
.aceite input{width:1.1rem;height:1.1rem;margin:.2rem 0 0;accent-color:var(--acento);flex:none}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn[disabled]::before{display:none}
.resultado{margin-top:1.2rem;padding:1.1rem 1.2rem;border:1px solid var(--ok);border-radius:12px;background:rgba(166,227,161,.06)}
.resultado h3{margin:.2rem 0 .6rem}
.resultado code{font-size:12.5px;word-break:break-all}
.lista-ok{padding-left:1.1rem;color:var(--suave);font-size:14.5px}
.publicada{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--linha)}
.publicada a{word-break:break-all}

/* página de verificação */
.legenda{font-size:13.5px;color:var(--suave)}
.legenda .tag,.verso .tag{display:inline-block;padding:.1rem .55rem;margin:0 .2rem}
.verso .v-det{grid-column:1/-1;margin:0;font-size:13px;color:var(--apagado)}
.verif-main{max-width:62rem}
.v-carregando{display:flex;align-items:center;gap:1rem;margin-top:3rem}
.v-carregando .lead{margin:0}
.giro{width:1.6rem;height:1.6rem;border-radius:50%;border:3px solid var(--linha);border-top-color:var(--acento);animation:gira .8s linear infinite}

/* abertura: título, veredito e selo */
.v-abertura{display:grid;gap:2rem;align-items:center;padding:1.2rem 0 2.2rem}
@media(min-width:52rem){.v-abertura{grid-template-columns:1.3fr 1fr}}
.v-abertura-texto>*{animation:sobe .7s cubic-bezier(.2,.8,.2,1) both}
.v-abertura-texto>:nth-child(2){animation-delay:.08s}.v-abertura-texto>:nth-child(3){animation-delay:.16s}.v-abertura-texto>:nth-child(4){animation-delay:.24s}.v-abertura-texto>:nth-child(5){animation-delay:.32s}
.verif .app-titulo{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 .6rem}
.veredito{display:flex;gap:.9rem;align-items:center;margin:1.2rem 0 1rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid var(--linha);background:rgba(24,24,37,.75);backdrop-filter:blur(6px);transition:border-color .4s,box-shadow .4s,background .4s}
.veredito b{display:block;font-size:1.15rem}.veredito small{color:var(--suave);font-size:13.5px}
.veredito-icone{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:3px solid var(--linha);border-top-color:var(--acento);animation:gira .8s linear infinite}
.veredito[data-estado=ok]{border-color:var(--ok);background:rgba(166,227,161,.08);box-shadow:0 0 0 4px rgba(166,227,161,.1),0 20px 50px -20px rgba(166,227,161,.45)}
.veredito[data-estado=ruim]{border-color:var(--erro);background:rgba(243,139,168,.08)}
.veredito[data-estado=ok] .veredito-icone,.veredito[data-estado=ruim] .veredito-icone{animation:carimba .45s cubic-bezier(.3,1.6,.5,1);border:0;color:var(--acento-t);font-weight:800;font-size:1.2rem}
.veredito[data-estado=ok] .veredito-icone{background:var(--ok)}.veredito[data-estado=ok] .veredito-icone::after{content:"✓"}
.veredito[data-estado=ruim] .veredito-icone{background:var(--erro)}.veredito[data-estado=ruim] .veredito-icone::after{content:"✗"}
.v-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.v-chips li{font-size:13px;color:var(--suave);padding:.3rem .75rem;border:1px solid var(--linha);border-radius:99px;background:rgba(24,24,37,.6)}
.v-chips b{color:var(--tinta)}
.v-selo-caixa{margin:0;display:grid;justify-items:center;gap:1rem;padding:1.4rem;border:1px solid var(--linha);border-radius:18px;
  background:radial-gradient(120% 120% at 50% 0%,rgba(250,179,135,.12),rgba(17,17,27,.82) 60%);box-shadow:0 30px 80px -30px #000;animation:entra .9s cubic-bezier(.2,.8,.2,1) both}
.v-selo{position:relative;width:11rem;height:11rem;color:var(--apagado);transition:color .6s}
.v-selo svg{width:100%;height:100%;overflow:visible;animation:gira 30s linear infinite}
.v-selo circle{fill:none;stroke:currentColor;stroke-width:2}.v-selo circle+circle{stroke-dasharray:3 3}
.v-selo text{fill:currentColor;font:600 7.4px var(--mono);letter-spacing:.08em}
.v-selo::after{content:attr(data-data);position:absolute;inset:0;display:grid;place-items:center;font:800 1.35rem/1.1 var(--mono);text-align:center;white-space:pre;color:var(--tinta)}
.v-selo.carimbado{color:var(--destaque);animation:selo-v .8s cubic-bezier(.3,1.5,.5,1)}
.v-selo.falhou{color:var(--erro)}
@keyframes selo-v{0%{transform:scale(1.35) rotate(-18deg);opacity:.4}100%{transform:none;opacity:1}}
.v-hash{width:100%;text-align:center}.v-hash code{font-size:11.5px}

/* conferências, uma por vez */
.v-checks{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.5rem}
.v-check{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .8rem;border-radius:10px;background:rgba(24,24,37,.6);border:1px solid var(--linha);font-size:14.5px;word-break:break-word;animation:sobe .4s cubic-bezier(.2,.8,.2,1) both}
.v-check-icone{flex:none;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;font-weight:800;font-size:.8rem;color:var(--acento-t)}
.v-check.conferindo{color:var(--suave)}
.v-check.conferindo .v-check-icone{border:2px solid var(--linha);border-top-color:var(--acento);animation:gira .7s linear infinite}
.v-check.c-ok{border-color:rgba(166,227,161,.35)}.v-check.c-ok .v-check-icone{background:var(--ok);animation:carimba .4s cubic-bezier(.3,1.6,.5,1)}.v-check.c-ok .v-check-icone::after{content:"✓"}
.v-check.c-ruim{border-color:var(--erro);color:var(--erro)}.v-check.c-ruim .v-check-icone{background:var(--erro)}.v-check.c-ruim .v-check-icone::after{content:"✗"}
.v-check.c-info .v-check-icone{background:var(--sup2);color:var(--suave)}.v-check.c-info .v-check-icone::after{content:"i"}
.v-prova{margin-top:.4rem}
@media(min-width:48rem){.v-prova{grid-template-columns:1fr 1fr}}

/* composição da letra */
.composicao{margin:.2rem 0 1rem}
.comp-barra{display:flex;height:.9rem;border-radius:99px;overflow:hidden;background:var(--sup2);gap:2px}
.comp-barra span{width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.v-barra .comp-barra span{width:var(--w)}
.comp-seu{background:var(--ok)}.comp-misto{background:var(--amarelo)}.comp-ia{background:var(--erro)}
.comp-legenda{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:.6rem 0 0;font-size:14px;color:var(--suave)}
.comp-legenda b{font:700 1.05rem var(--mono)}
.c-seu{color:var(--ok)}.c-misto{color:var(--amarelo)}.c-ia{color:var(--erro)}
.comp-ferr{margin-left:auto}

/* versos: aparecem e são carimbados ao rolar */
.v-versos .verso{border-left:3px solid transparent}
.v-versos .verso[data-o=seu]{border-left-color:rgba(166,227,161,.6)}
.v-versos .verso[data-o=misto]{border-left-color:rgba(249,226,175,.7);background:rgba(249,226,175,.04)}
.v-versos .verso[data-o=ia]{border-left-color:rgba(243,139,168,.7);background:rgba(243,139,168,.05)}
.v-pronto .v-versos .verso{opacity:0;transform:translateX(-12px);transition:opacity .5s var(--atraso,0s),transform .5s var(--atraso,0s)}
.v-pronto .v-versos .verso.on{opacity:1;transform:none}
.v-pronto .v-versos .verso .tag{opacity:0}
.v-pronto .v-versos .verso.on .tag{animation:carimba .45s cubic-bezier(.3,1.6,.5,1) calc(var(--atraso,0s) + .25s) forwards}
@media (prefers-reduced-motion:reduce){.v-pronto .v-versos .verso,.v-pronto .v-versos .verso .tag{opacity:1;transform:none}.v-pronto .comp-barra span{transition:none}}
.ev.conferida{border-color:var(--ok);box-shadow:0 0 0 3px rgba(166,227,161,.2)}
.baixar{display:flex;gap:.6rem;flex-wrap:wrap}
.btn.baixa{width:auto;margin:0;font-size:14px;padding:.55rem 1rem}
#conferido{margin-top:.8rem;word-break:break-all}
.btn.secundario{background:transparent;color:var(--tinta);border:1px solid #585b70;box-shadow:none}
.btn.secundario::before{display:none}
.btn.secundario:hover{border-color:var(--acento);color:var(--acento);background:rgba(137,180,250,.08)}

/* assinatura */
.plano-box{margin:1rem 0;padding:1rem 1.1rem;border:1px solid rgba(137,180,250,.35);border-radius:12px;background:rgba(137,180,250,.05)}
.plano-box p{margin:.3rem 0 .6rem}
.planos-app{display:grid;gap:.6rem;margin:.4rem 0 1rem}
@media(min-width:40rem){.planos-app{grid-template-columns:repeat(3,1fr)}}
.plano-op{cursor:pointer}
.plano-op input{position:absolute;opacity:0;pointer-events:none}
.plano-op>span{display:grid;gap:.2rem;padding:.8rem .9rem;border:1px solid var(--linha);border-radius:10px;background:var(--sup2);transition:border-color .2s}
.plano-op input:checked+span{border-color:var(--acento);box-shadow:0 0 0 2px rgba(137,180,250,.3)}
.plano-op input:focus-visible+span{outline:2px solid var(--acento);outline-offset:3px}
.plano-op .preco{font:1.05rem var(--mono)}.plano-op small{color:var(--suave)}
.codigo-linha code{font:1rem var(--mono);color:var(--ok);letter-spacing:.04em;word-break:break-all}
.acoes-plano{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.acoes-plano .btn{width:auto;margin:0}
.pix-caixa{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;align-items:flex-start;margin:.6rem 0 1rem;padding:1rem;border:1px solid rgba(166,227,161,.35);border-radius:12px;background:rgba(166,227,161,.05)}
.pix-qr{width:180px;height:180px;border-radius:8px;background:#fff;padding:6px;flex:none}
.pix-texto{flex:1 1 16rem;display:grid;gap:.5rem;min-width:0}
.pix-texto p{margin:0}
.app #pix-copia{font:12px/1.4 var(--mono);resize:none;word-break:break-all}
.ja-tenho{margin-top:.8rem;font-size:14px}.ja-tenho summary{cursor:pointer;color:var(--suave)}
.ja-tenho .linha{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ja-tenho input{flex:1 1 12rem}

/* painel do dono (/painel) */
.painel{max-width:68rem}
.form-entrar{display:grid;gap:.2rem;margin-top:.8rem}.form-entrar .btn{justify-self:start;width:auto;margin:.4rem 0 0}
.app .form-entrar input{width:100%;padding:.7rem .9rem;font:1rem system-ui,sans-serif;color:var(--tinta);background:rgba(17,17,27,.9);border:1px solid var(--linha);border-radius:10px}
.app .form-entrar #codigo{font-family:var(--mono);letter-spacing:.3em;max-width:12rem}
#entrar{max-width:32rem;margin-top:2rem}
.painel-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.4rem}
.painel-topo .app-titulo{margin:0}
.painel-acoes{display:flex;gap:.8rem;align-items:center}.painel-acoes .btn{width:auto;margin:0}
.bloco-painel{margin-top:2.2rem}
.bloco-painel .numeros{margin-bottom:1rem}
.bloco-painel .num strong{font-size:2.1rem}
.painel-duas{display:grid;gap:1rem}
@media(min-width:48rem){.painel-duas{grid-template-columns:1fr 1fr}}
.caixa-painel{padding:1.1rem 1.2rem;background:rgba(24,24,37,.75);border:1px solid var(--linha);border-radius:14px;backdrop-filter:blur(6px)}
.caixa-painel h3{font-size:.95rem;color:var(--suave);margin:0 0 .7rem}
.linha-painel{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0;font-size:14.5px}
.linha-painel span{color:var(--suave)}.linha-painel b{font-family:var(--mono);font-weight:600;text-align:right}
.barras{display:grid;gap:.45rem}
.barra{display:grid;grid-template-columns:5.5rem 1fr 3rem;gap:.6rem;align-items:center;font-size:13.5px}
.barra-rot{color:var(--suave);font-family:var(--mono)}
.barra b{font-family:var(--mono);text-align:right}
.barra-fundo,.medidor{display:block;height:.7rem;border-radius:99px;background:var(--sup2);overflow:hidden}
.barra-fundo i,.medidor i{display:block;height:100%;min-width:4px;border-radius:99px;background:linear-gradient(90deg,var(--acento),var(--roxo))}
.medidor{margin:.2rem 0 .8rem}
.w0{width:0%}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}