:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #121212; color: #e1e4e5; }
* { box-sizing: border-box; } [hidden] { display: none !important; } body { min-height: 100vh; margin: 0; background: #121212; } body::after { content: ''; position: fixed; inset: 0; z-index: 20; pointer-events: none; border: 0 solid transparent; } body.pulso-metronomo::after { animation: pulso-neon 160ms ease-out; } @keyframes pulso-neon { from { border-color: rgb(34 211 238 / .8); box-shadow: inset 0 0 26px rgb(34 211 238 / .6); } to { border-color: transparent; box-shadow: none; } }
button { min-height: 2.45rem; border: 1px solid #28636a; border-radius: .65rem; padding: .45rem .65rem; background: #152a2d; color: #ddfbff; font: inherit; font-weight: 700; cursor: pointer; } button:hover, button:focus-visible { outline: 2px solid #a3e635; outline-offset: 2px; background: #1b454a; } button:disabled { cursor: not-allowed; opacity: .45; }
.tela-login { display: grid; min-height: 100vh; place-items: center; padding: 1.25rem; background: radial-gradient(circle at 50% 0%, #10444a 0%, #121212 42%, #090a0b 100%); }.cartao-login { width: min(100%, 370px); padding: 1.6rem; border: 1px solid #2d5b61; border-radius: 1.25rem; background: rgb(20 25 27 / .9); box-shadow: 0 18px 55px rgb(0 0 0 / .35), 0 0 30px rgb(34 211 238 / .08); text-align: center; }.logo-login { display: block; width: min(54vw, 165px); margin: -1.65rem auto -.85rem; filter: drop-shadow(0 0 9px rgb(34 211 238 / .18)); }.cartao-login h1 { margin: .45rem 0 .2rem; font-size: 1.65rem; }.texto-login { margin: 0 0 1.35rem; color: #aab4b7; font-size: .88rem; }.form-login { display: grid; gap: .5rem; text-align: left; }.form-login label { color: #b9c3c5; font-size: .78rem; font-weight: 700; }.form-login input { min-height: 2.8rem; border: 1px solid #34484c; border-radius: .7rem; padding: .65rem .75rem; background: #101416; color: #e7eeee; font: inherit; transition: border-color .18s ease, box-shadow .18s ease; }.form-login input:focus { border-color: #22d3ee; outline: none; box-shadow: 0 0 0 3px rgb(34 211 238 / .16), 0 0 16px rgb(34 211 238 / .2); }.botao-entrar { margin-top: .45rem; border: 0; background: linear-gradient(135deg, #22d3ee, #67e8f9 52%, #a3e635); color: #062126; }.botao-entrar:hover,.botao-entrar:focus-visible { background: linear-gradient(135deg, #67e8f9, #a3e635); }.status-login { min-height: 1.2rem; margin: .65rem 0 0; color: #fbbf24; font-size: .78rem; }.botao-secundario,.botao-google { width: 100%; margin-top: .25rem; background: transparent; color: #c6d0d2; }.separador-login { display: flex; align-items: center; gap: .65rem; margin: 1rem 0 .5rem; color: #718084; font-size: .72rem; }.separador-login::before,.separador-login::after { content: ''; flex: 1; height: 1px; background: #2c383b; }.botao-google span { display: inline-grid; width: 1.35rem; height: 1.35rem; margin-right: .4rem; place-items: center; border-radius: 50%; background: #e8eef0; color: #254fc4; }
.visualmente-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }.rotulo { margin: 0; color: #67e8f9; font-size: .64rem; font-weight: 800; letter-spacing: .18em; }.status { min-height: 1.2rem; margin: .5rem 0; color: #fbbf24; font-size: .82rem; text-align: center; }
.barra-superior { position: fixed; inset: 0 0 auto; z-index: 10; display: flex; min-height: 3.45rem; align-items: center; justify-content: space-between; padding: calc(.35rem + env(safe-area-inset-top)) .7rem .35rem; border-bottom: 1px solid #293236; background: rgb(18 18 18 / .96); backdrop-filter: blur(12px); }.botao-icone { min-width: 2.45rem; min-height: 2.45rem; padding: 0; border-color: transparent; background: transparent; color: #dce7e8; font-size: 1.4rem; }.controle-tom { display: flex; align-items: center; gap: .3rem; }.controle-tom button { min-width: 2.25rem; min-height: 2.25rem; padding: 0; font-size: 1.25rem; }.controle-tom span { min-width: 3.2rem; color: #aeb8ba; font-size: .66rem; text-align: center; }.controle-tom strong { display: block; color: #a3e635; font-size: 1.05rem; }
.modo-ao-vivo { min-height: 2.2rem; border-color: #384a4e; background: transparent; color: #aeb8ba; font-size: .72rem; }.modo-ao-vivo.ativo { border-color: #a3e635; background: rgb(163 230 53 / .14); color: #d9ff85; box-shadow: 0 0 13px rgb(163 230 53 / .22); }
.leitor { width: min(100%, 760px); min-height: 100vh; margin: auto; padding: 4.6rem 1rem 10.2rem; }.cabecalho-leitura { margin: 0 0 1.15rem; }.cabecalho-leitura h1 { margin: .2rem 0 0; font-size: clamp(1.25rem, 5vw, 1.7rem); }.artista { margin: .18rem 0 0; color: #919b9e; font-size: .88rem; }.texto-cifra { min-height: calc(100vh - 16rem); margin: 0; padding: .25rem 0; overflow-x: auto; background: transparent; color: #d4d9da; font: 1rem/1.95 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }.acorde { min-height: auto; border: 0; border-radius: .2rem; padding: 0 .1rem; background: transparent; color: #67e8f9; font: inherit; font-weight: 800; text-decoration: none; }.acorde:hover,.acorde:focus-visible { color: #fff; background: #245156; }
.etiqueta-secao { display: inline-block; margin: .8rem 0 .2rem; color: #a3e635; font-weight: 800; letter-spacing: .04em; }
.editor-cifra { display: grid; gap: .6rem; margin-top: .4rem; }.editor-cifra label,.anexos-apoio h2 { color: #b8c2c7; font-size: .8rem; }.editor-cifra textarea { min-height: 55vh; width: 100%; resize: vertical; border: 1px solid #22d3ee; border-radius: .75rem; padding: .85rem; background: #101416; color: #dce7e8; font: .95rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; box-shadow: 0 0 14px rgb(34 211 238 / .14); }.editor-cifra div { display: flex; justify-content: flex-end; gap: .55rem; }.anexos-apoio { margin: 1rem 0 .35rem; padding-top: .65rem; border-top: 1px solid #293236; }.cabecalho-anexos { display: flex; align-items: center; justify-content: space-between; min-height: 2.25rem; }.anexos-apoio h2 { margin: 0; font-weight: 700; }.cabecalho-anexos button { min-width: 2.15rem; min-height: 2.15rem; padding: 0; border-color: #a3e635; background: rgb(163 230 53 / .08); color: #cfff72; font-size: 1.22rem; }.lista-anexos { display: grid; gap: .55rem; margin-top: .5rem; }.lista-anexos img { width: 100%; max-height: 75vh; object-fit: contain; border: 1px solid #2a4d52; border-radius: .75rem; background: #0d1011; }.mensagem-anexos { margin: .28rem 0 0; color: #879397; font-size: .72rem; }
.painel-metronomo-rapido { position: fixed; right: .6rem; bottom: 8.45rem; left: .6rem; z-index: 12; max-width: 470px; margin: auto; border: 1px solid #28636a; border-radius: .85rem; background: rgb(23 26 27 / .98); box-shadow: 0 12px 30px rgb(0 0 0 / .38); }.painel-metronomo-rapido.recolhido { display: none; }.cabecalho-metronomo { display: flex; align-items: center; justify-content: space-between; min-height: 2.45rem; padding: .35rem .45rem .1rem .75rem; color: #dce7e8; font-size: .76rem; }.cabecalho-metronomo button { display: grid; width: 2rem; min-width: 2rem; min-height: 2rem; place-items: center; padding: 0; border: 0; background: transparent; color: #67e8f9; }.cabecalho-metronomo svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }.conteudo-metronomo { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; padding: .45rem .7rem .7rem; }.conteudo-metronomo .campo-metronomo:nth-of-type(3),.conteudo-metronomo .compasso-atual,.conteudo-metronomo .opcao-vibracao,.conteudo-metronomo #alternar-metronomo { grid-column: span 2; }.controle-rolagem { position: fixed; right: 0; bottom: calc(4.55rem + env(safe-area-inset-bottom)); left: 0; z-index: 10; display: grid; grid-template-columns: auto minmax(90px, 250px) auto; align-items: center; gap: .6rem; padding: .45rem .8rem; border-top: 1px solid #293236; background: rgb(18 18 18 / .96); backdrop-filter: blur(12px); }.controle-rolagem label { color: #67e8f9; font-size: 1rem; }.controle-rolagem output { color: #a3e635; font-size: .75rem; font-weight: 800; }.controle-rolagem input { accent-color: #22d3ee; }.controle-rolagem button { min-width: 5.8rem; min-height: 2.35rem; }.navegacao-inferior { position: fixed; right: 0; bottom: 0; left: 0; z-index: 11; display: grid; grid-template-columns: repeat(3, 1fr); min-height: calc(4.55rem + env(safe-area-inset-bottom)); padding: .28rem .45rem calc(.28rem + env(safe-area-inset-bottom)); border-top: 1px solid #293236; background: rgb(18 18 18 / .98); backdrop-filter: blur(12px); }.navegacao-inferior button { display: grid; min-height: 3.75rem; place-items: center; gap: .08rem; border: 0; border-radius: .65rem; padding: .24rem; background: transparent; color: #b8c2c7; font-size: .65rem; }.navegacao-inferior button:hover,.navegacao-inferior button:focus-visible { background: #1b3437; }.navegacao-inferior svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.navegacao-inferior .nova-cifra { color: #d9ff85; }.navegacao-inferior .nova-cifra svg { width: 1.65rem; height: 1.65rem; padding: .17rem; border: 1px solid #a3e635; border-radius: 50%; }.navegacao-inferior #abrir-metronomo.ativo { color: #67e8f9; }.navegacao-inferior #abrir-metronomo.ativo svg { animation: pulso-icone-metronomo .82s ease-in-out infinite; filter: drop-shadow(0 0 5px rgb(34 211 238 / .9)); } @keyframes pulso-icone-metronomo { 50% { transform: scale(1.17); } }
.gaveta { position: fixed; top: 0; bottom: 0; left: 0; z-index: 30; width: min(86vw, 360px); padding: calc(.7rem + env(safe-area-inset-top)) .8rem calc(1rem + env(safe-area-inset-bottom)); overflow-y: auto; transform: translateX(-102%); border-right: 1px solid #28636a; background: #171a1b; box-shadow: 16px 0 38px rgb(0 0 0 / .35); transition: transform .22s ease; }.gaveta.aberta { transform: translateX(0); }.fundo-gaveta { position: fixed; inset: 0; z-index: 25; background: rgb(0 0 0 / .58); }.cabecalho-gaveta { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; }.logo { width: 7.6rem; height: auto; }.recursos-gaveta { display: grid; gap: .45rem; }.acao-gaveta,.atalho-recurso { display: flex; width: 100%; align-items: center; gap: .65rem; border-color: #27363a; background: #1d2426; text-align: left; }.atalho-recurso { justify-content: flex-start; }.seta-painel { display: inline-grid; width: 1.3rem; height: 1.3rem; margin-left: auto; place-items: center; border: 1px solid #22d3ee; border-radius: 50%; color: #a3e635; font-size: .55rem; }.painel-recurso { border: 1px solid #27363a; border-radius: .65rem; background: #1d2426; }.painel-recurso .atalho-recurso { border: 0; background: transparent; }.painel-recurso.recolhido .conteudo-recurso { display: none; }.conteudo-recurso { display: grid; gap: .55rem; padding: .2rem .65rem .7rem; }.conteudo-recurso p { margin: 0; color: #b8c2c7; font-size: .8rem; line-height: 1.45; }.conteudo-recurso .resultado-tom-ideal { color: #a3e635; }.acoes-banda,.ajuste-numerico { display: flex; align-items: center; gap: .35rem; }.acoes-banda button,.ajuste-numerico button { min-height: 2.15rem; }.acoes-banda input,.campo-metronomo input,.campo-metronomo select { min-height: 2.15rem; border: 1px solid #3a5358; border-radius: .45rem; padding: .35rem; background: #121212; color: #e5e7eb; font: inherit; }.acoes-banda input { width: 5.8rem; text-transform: uppercase; }.codigo-banda strong,.compasso-atual,.ajuste-numerico output { color: #a3e635; font-weight: 800; }.status-banda { color: #fbbf24 !important; }.campo-metronomo { display: grid; gap: .25rem; }.campo-metronomo label,.opcao-vibracao { color: #b8c2c7; font-size: .78rem; }.opcao-vibracao { display: flex; align-items: center; gap: .35rem; }.grupo-voz { position: relative; display: flex; align-items: center; gap: .4rem; }.grupo-voz .acao-gaveta { flex: 1; }.ajuda-voz { min-width: 2.35rem; padding: 0; border-radius: 50%; }.texto-ajuda-voz { position: absolute; right: 0; bottom: calc(100% + .45rem); z-index: 1; width: min(270px, 76vw); margin: 0; padding: .7rem; border: 1px solid #28636a; border-radius: .65rem; background: #121212; color: #d4d9da; font-size: .8rem; }.controle-voz.ouvindo { border-color: #a3e635; color: #a3e635; }.controle-voz.ouvindo #icone-voz { color: #f87171; }
.modal-acorde,.modal-compartilhamento,.modal-biblioteca { width: min(92vw, 560px); max-height: 88vh; overflow: auto; border: 1px solid #22d3ee; border-radius: 1rem; padding: 0; background: #171a1b; color: #e5e7eb; }.modal-compartilhamento { width: min(92vw, 360px); }.modal-acorde { width: min(92vw, 360px); }.modal-acorde::backdrop,.modal-compartilhamento::backdrop,.modal-biblioteca::backdrop { background: rgb(0 0 0 / .75); }.conteudo-modal { position: relative; padding: 1.4rem; text-align: center; }.conteudo-modal h2 { margin: .35rem 0; color: #a3e635; }.fechar-modal { position: absolute; top: .55rem; right: .55rem; min-width: 2rem; min-height: 2rem; padding: 0; border: 0; background: transparent; font-size: 1.4rem; }.imagem-qr { display: block; width: min(100%, 280px); margin: 1rem auto; border-radius: .6rem; }.mensagem-acorde { color: #b8c2c7; line-height: 1.5; }.area-diagrama { display: grid; min-height: 220px; place-items: center; }.diagrama-svg { width: 220px; max-width: 100%; }.corda-svg,.traste-svg { stroke: #859298; stroke-width: 1.5; }.pestana-svg { stroke: #e5e7eb; stroke-width: 5; }.dedo-svg { fill: #22d3ee; stroke: #cffafe; stroke-width: 1.5; }.texto-svg { fill: #b8c2c7; font: 16px ui-sans-serif, system-ui, sans-serif; }.numero-dedo-svg { fill: #062126; font: 700 12px ui-sans-serif, system-ui, sans-serif; }.biblioteca { text-align: left; }.biblioteca h2,.biblioteca h3 { color: #a3e635; }.lista-biblioteca,.selecionar-musicas { display: grid; max-height: 10rem; gap: .45rem; overflow: auto; }.lista-biblioteca button { text-align: left; }.form-biblioteca { display: grid; gap: .55rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #293236; }.form-biblioteca input,.form-biblioteca textarea { width: 100%; border: 1px solid #3a5358; border-radius: .5rem; padding: .6rem; background: #121212; color: #e5e7eb; font: inherit; }.form-biblioteca textarea { min-height: 7rem; resize: vertical; }
.modal-premium { width: min(92vw, 390px); border: 1px solid #22d3ee; border-radius: 1.2rem; padding: 0; background: radial-gradient(circle at 50% 0%, #123e44, #171a1b 42%); color: #e5e7eb; box-shadow: 0 0 42px rgb(34 211 238 / .22); }.modal-premium::backdrop { background: rgb(0 0 0 / .72); backdrop-filter: blur(7px); }.premium { padding: 1.7rem 1.35rem 1.25rem; }.icone-premium { width: 4.2rem; height: 4.2rem; margin: -.3rem auto .35rem; padding: .75rem; border: 1px solid #22d3ee; border-radius: 50%; color: #67e8f9; filter: drop-shadow(0 0 13px rgb(34 211 238 / .7)); }.icone-premium svg { width: 100%; height: 100%; fill: currentColor; }.premium h2 { color: #e9ffb5; font-size: 1.55rem; }.subtitulo-premium { margin: .4rem 0 1.1rem; color: #c2cdcf; font-size: .9rem; line-height: 1.45; }.vantagens-premium { display: grid; gap: .6rem; margin: 0 0 1.25rem; padding: 0; list-style: none; text-align: left; color: #dce7e8; font-size: .87rem; }.vantagens-premium li { display: flex; align-items: center; gap: .55rem; padding-bottom: .5rem; border-bottom: 1px solid rgb(88 132 138 / .25); }.icone-beneficio { display: inline-grid; width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; place-items: center; border: 1px solid #a3e635; border-radius: 50%; color: #a3e635; font-size: .76rem; font-weight: 900; }.assinar-premium { width: 100%; min-height: 3rem; border: 0; border-radius: .85rem; background: #a3e635; color: #172000; font-size: .82rem; }.assinar-premium:hover,.assinar-premium:focus-visible { background: #c4ff59; }.mensagem-premium { min-height: 1.15rem; margin: .65rem 0 0; color: #fbbf24; font-size: .75rem; }.fechar-premium-rodape { min-height: 2rem; margin-top: .15rem; border: 0; background: transparent; color: #b8c2c7; font-size: .78rem; }
@media (max-width: 390px) { .leitor { padding-right: .8rem; padding-left: .8rem; }.texto-cifra { font-size: .93rem; }.controle-rolagem { grid-template-columns: auto 1fr auto; }.controle-rolagem button span { display: none; }.controle-rolagem button { min-width: 2.8rem; }.acoes-banda { flex-wrap: wrap; } }
.aba-principal { position: fixed; top: calc(3.45rem + env(safe-area-inset-top)); right: 0; bottom: calc(4.55rem + env(safe-area-inset-bottom)); left: 0; overflow-y: auto; overscroll-behavior: contain; background: #121212; }.leitor.aba-principal { width: 100%; min-height: 0; margin: 0; padding: 1rem 1rem calc(4rem + env(safe-area-inset-bottom)); }.leitor.aba-principal .cabecalho-leitura,.leitor.aba-principal .texto-cifra,.leitor.aba-principal .editor-cifra,.leitor.aba-principal .anexos-apoio,.leitor.aba-principal .status { width: min(100%, 760px); margin-right: auto; margin-left: auto; }.leitor.aba-principal .texto-cifra { min-height: calc(100vh - 14rem); }.leitor.aba-principal { bottom: calc(8.45rem + env(safe-area-inset-bottom)); }.conteudo-aba,.form-cadastro { width: min(100%, 760px); min-height: 100%; margin: 0 auto; padding: 1.1rem 1rem 1.4rem; }.conteudo-aba h1,.form-cadastro h1 { margin: .35rem 0 1rem; color: #e2fbb8; font-size: 1.5rem; }.voltar-leitura { min-height: 2rem; margin: 0 0 .85rem; border: 0; padding: .2rem 0; background: transparent; color: #67e8f9; font-size: .76rem; }.aba-biblioteca .lista-biblioteca { max-height: none; }.aba-biblioteca .lista-biblioteca button { min-height: 3.05rem; border-color: #2b4448; background: #172326; }.form-cadastro { display: grid; gap: .55rem; }.form-cadastro label { color: #c5d0d2; font-size: .8rem; font-weight: 700; }.form-cadastro input,.form-cadastro textarea { width: 100%; border: 1px solid #3a5358; border-radius: .7rem; padding: .75rem; background: #101416; color: #e5e7eb; font: inherit; }.form-cadastro input:focus,.form-cadastro textarea:focus { border-color: #22d3ee; outline: none; box-shadow: 0 0 0 3px rgb(34 211 238 / .13); }.campos-tom { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }.campos-tom label { display: grid; gap: .35rem; }.cabecalho-cifra-cadastro { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .25rem; }.cabecalho-cifra-cadastro button { min-height: 2rem; border-color: #28636a; padding: .25rem .5rem; color: #67e8f9; font-size: .72rem; white-space: nowrap; }.form-cadastro textarea { min-height: min(42vh, 360px); resize: vertical; line-height: 1.55; }.salvar-cadastro { min-height: 3rem; margin-top: .3rem; border: 0; background: linear-gradient(135deg, #22d3ee, #a3e635); color: #082328; }.navegacao-inferior button.ativa { color: #a3e635; background: rgb(163 230 53 / .1); }.navegacao-inferior button.ativa svg { filter: drop-shadow(0 0 4px rgb(163 230 53 / .65)); }
.mensagem-cadastro { min-height: 1.1rem; margin: -.15rem 0 0; color: #fbbf24; font-size: .76rem; }
.secao-biblioteca { margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid #293236; }.secao-biblioteca:first-of-type { margin-top: .35rem; }.cabecalho-secao-biblioteca { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }.cabecalho-secao-biblioteca h2 { margin: 0; font-size: .92rem; }.botao-nova-pasta { display: inline-flex; min-height: 2.15rem; align-items: center; gap: .35rem; border-color: #a3e635; background: rgb(163 230 53 / .08); color: #d9ff85; font-size: .7rem; }.botao-nova-pasta svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.form-biblioteca label { color: #c5d0d2; font-size: .78rem; font-weight: 700; }.lista-setlists { display: grid; gap: .45rem; margin-top: .65rem; }.item-setlist { display: flex; min-height: 2.85rem; align-items: center; border-color: #2f575c; background: #17282b; color: #dce7e8; text-align: left; font-size: .82rem; }.item-setlist::before { content: ''; width: .45rem; height: .45rem; margin-right: .6rem; border-radius: 50%; background: #a3e635; box-shadow: 0 0 8px rgb(163 230 53 / .7); }.limpar-filtro { min-height: 2rem; border: 0; padding: .2rem .35rem; background: transparent; color: #67e8f9; font-size: .72rem; }.filtro-pasta-ativo { margin: .55rem 0 0; color: #a3e635; font-size: .78rem; font-weight: 700; }.form-cadastro select { width: 100%; min-height: 2.8rem; margin-top: .35rem; border: 1px solid #3a5358; border-radius: .7rem; padding: .65rem .75rem; background: #101416; color: #e5e7eb; font: inherit; }.form-cadastro select:focus { border-color: #22d3ee; outline: none; box-shadow: 0 0 0 3px rgb(34 211 238 / .13); }
.navegacao-inferior { grid-template-columns: repeat(4, 1fr); }.modal-busca { width: min(92vw, 480px); border: 1px solid #22d3ee; border-radius: 1rem; padding: 0; background: #171a1b; color: #e5e7eb; }.modal-busca::backdrop { background: rgb(0 0 0 / .75); backdrop-filter: blur(5px); }.busca { text-align: left; }.busca h2 { margin-bottom: .9rem; }.busca input { width: 100%; min-height: 2.9rem; border: 1px solid #3a5358; border-radius: .7rem; padding: .7rem; background: #101416; color: #e5e7eb; font: inherit; }.busca input:focus { border-color: #22d3ee; outline: none; box-shadow: 0 0 0 3px rgb(34 211 238 / .14); }.resultados-busca { display: grid; max-height: 52vh; gap: .45rem; margin-top: .8rem; overflow-y: auto; color: #aeb8ba; font-size: .82rem; }.resultados-busca button { display: grid; min-height: 3rem; gap: .15rem; border-color: #2b4448; background: #172326; text-align: left; }.resultados-busca small { color: #a3e635; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }