[hidden] { display: none !important; }
.a-caneta { font: 400 2rem/1.2 var(--caneta); }
.a-maquina { font: 400 1.125rem/1.4 var(--corpo); }
.faixa-nome, .opcao-nome, .titulo-musica { font-family: var(--caneta); font-style: normal; }
.tabela-faixas .faixa-nome { text-decoration: none; }
@media (hover: hover) { .tabela-faixas .faixa-nome:hover { text-decoration: underline; text-decoration-thickness: 1px; } }

.topo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .5rem 2.5rem;
  padding: 1.25rem clamp(1.25rem, 4vw, 4rem) 0;
}
.topo-nome { max-width: 16em; font: italic 400 clamp(1.5rem, 2.6vw, 2.25rem)/1.05 var(--display); text-decoration: none; }
.topo-nav { display: flex; flex-wrap: wrap; gap: 0 1.25rem; font: italic 400 1.12rem/1.5 var(--legenda); }
.topo-nav a { display: inline-block; padding: .55rem 0; }
.topo-nav [aria-current] { text-decoration: none; color: var(--radio); }
.quem { font: italic 400 1.12rem/1.5 var(--legenda); }

main.interna { padding: clamp(2rem, 4vw, 3.5rem) 0 0; }
.titulo-interno { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); padding: 0 clamp(1.25rem, 4vw, 4rem); font: italic 400 clamp(3.25rem, 9.5vw, 8.5rem)/.9 var(--display); filter: url(#sangria-fina); }
.abre { max-width: 34em; margin: 0 0 2.5rem; padding: 0 clamp(1.25rem, 4vw, 4rem); }

.folha-pagina { width: min(100% - 2rem, 50rem); margin: 0 auto calc(var(--pauta) * 2.5); transform: rotate(-.35deg); }
.folha-pagina:nth-of-type(even) { transform: rotate(.3deg); }
.folha-pagina h2:not(.so-leitor), .folha-lateral h2 { font: italic 400 clamp(2.5rem, 6vw, 4.5rem)/.95 var(--display); margin: 0 0 var(--pauta); }
.titulo-musica { font-size: clamp(4.5rem, 15vw, 11rem); line-height: .85; font-weight: 400; margin: 0; word-spacing: -.2em; }
.folha-pagina > p + form { margin-top: var(--pauta); }
.nota-mao { font: 400 1.75rem/1.2 var(--caneta); }
.subtitulo-folha { margin: calc(var(--pauta) * 2) 0 calc(var(--pauta) / 2); font: italic 400 1.75rem/1.2 var(--display); }
.subtitulo-folha:first-child { margin-top: 0; }
.show-titulo.show-titulo { font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.1; }

.folha-livro { width: min(100% - 2rem, 62rem); margin: clamp(5rem, 12vw, 10rem) auto 0; transform: rotate(.4deg); }
.folha-livro h2 { font-size: clamp(3.5rem, 9vw, 7rem); }
.folha-sumario { width: min(100% - 2rem, 46rem); margin: calc(var(--pauta) * -1) clamp(1rem, 12vw, 14rem) 0 auto; transform: rotate(-.6deg); }
.folha-sumario h2 { font-size: clamp(3rem, 7vw, 5.5rem); }
.sumario { margin: 0; padding: 0; list-style: none; }
.sumario a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 1rem; padding: .65rem 0 .55rem; border-top: 1px solid var(--prussia); text-decoration: none; }
.sumario li:last-child a { border-bottom: 1px solid var(--prussia); }
.sumario b { font: 400 1.65rem/1.2 var(--display); }
.sumario b.faixa-nome { font: 400 2.1rem/1.1 var(--caneta); }
.sumario i { font: italic 400 1.05rem/1.3 var(--legenda); color: var(--ferro); }
@media (hover: hover) { .sumario a:hover b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; } }

.campo { display: block; margin: 0 0 calc(var(--pauta) * .75); }
.campo label, .caixinha { display: block; font: italic 400 1.12rem/1.4 var(--legenda); }
.campo small, .campo-nota { display: block; font: italic 400 1rem/1.35 var(--legenda); color: var(--ferro); }
.campo input:not([type="file"]), .campo textarea, .campo select {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: .15rem .1rem;
  color: var(--prussia);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--prussia);
  border-radius: 0;
}
.campo textarea { border: 1px solid var(--prussia); resize: vertical; line-height: 36px; padding: 0 .4rem; }
.campo input[type="file"] { display: block; width: 100%; min-height: 44px; padding: .6rem 0; font: italic 400 1.05rem/1.3 var(--legenda); }
input, textarea, select { font-size: inherit; }
.campo input:focus-visible, .campo textarea:focus-visible, .campo select:focus-visible { outline: 2px solid var(--prussia); outline-offset: 2px; }
.caixinha { display: flex; gap: .5rem; align-items: flex-start; min-height: 44px; padding: .4rem 0; }
.caixinha input { width: 1.25rem; height: 1.25rem; margin: .1rem 0 0; flex: none; accent-color: var(--prussia); }
.verificacao:not(:empty) { margin: 0 0 calc(var(--pauta) / 2); }

.botao-papel {
  display: inline-block;
  min-height: 44px;
  padding: .4rem 1.1rem;
  background: var(--prussia);
  color: var(--papel);
  font: italic 400 1.12rem/1.5 var(--legenda);
}
.botao-papel:disabled { opacity: .55; cursor: progress; }
@media (hover: hover) { .botao-papel:hover:not(:disabled) { background: var(--prussia-media); } }
.acao, .acao-miuda { min-height: 44px; }
.acao-miuda { padding: .15rem .1rem; font: italic 400 .98rem/1.3 var(--legenda); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; color: var(--ferro); }
.denuncia { font: italic 400 .98rem/1.3 var(--legenda); color: var(--ferro); }
form .aviso { margin-top: calc(var(--pauta) / 2); }

.assinaturas { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: var(--pauta) 2rem; margin: calc(var(--pauta) * 1.5) 0 var(--pauta); padding: 0; list-style: none; }
.form-livro { max-width: 34rem; }
.assinatura { display: flex; flex-direction: column; }
.assinatura:nth-child(3n + 1) { transform: rotate(-1.2deg); }
.assinatura:nth-child(4n + 2) { transform: rotate(.9deg); }
.assinatura-nome { font: 400 2.5rem/1 var(--caneta); overflow-wrap: anywhere; }
.assinatura-recado { font: 400 1.6rem/1.1 var(--caneta); overflow-wrap: anywhere; }
.assinatura-pe { font: italic 400 .98rem/1.3 var(--legenda); color: var(--ferro); }

.votacao { margin-top: calc(var(--pauta) * 2); }
.votacao h3 { margin: 0; font: italic 400 clamp(2rem, 5vw, 3rem)/1 var(--display); }
.opcoes { margin-top: calc(var(--pauta) / 2); }
.opcoes li { display: grid; grid-template-columns: 1fr auto; gap: .1rem 1rem; align-items: center; padding: .55rem 0; border-top: 1px solid var(--prussia); }
.opcoes li:last-child { border-bottom: 1px solid var(--prussia); }
.opcao-nome { font-size: 2rem; line-height: 1.1; grid-column: 1; }
.opcoes li.escolhida .opcao-nome { text-decoration: underline wavy 1px; text-underline-offset: .15em; }
.risquinhos { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .6rem; }
.risquinhos svg { max-width: 100%; height: auto; }
.risquinhos-n { font: italic 400 1rem/1.2 var(--legenda); color: var(--ferro); }
.opcoes button { grid-column: 2; grid-row: 1 / span 2; }

.mapa-pagina { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem clamp(1rem, 3vw, 3rem); align-items: start; padding: 0 clamp(1rem, 4vw, 4rem); margin-bottom: calc(var(--pauta) * 2.5); }
.mapa-figura { margin: 0; position: sticky; top: 1rem; }
.mapa { display: block; width: 100%; height: auto; max-height: 82svh; overflow: visible; }
.mapa-estados path { fill: rgb(230 225 211 / .035); stroke: var(--papel); stroke-width: .55; stroke-linejoin: round; }
.mapa-ponto { fill: var(--radio); fill-opacity: .55; stroke: var(--radio); stroke-width: .8; }
.mapa-figura figcaption { margin-top: .75rem; font: italic 400 .98rem/1.35 var(--legenda); color: var(--chumbo); }
.mapa-lado { display: grid; gap: var(--pauta); }
.folha-lateral { transform: rotate(.5deg); }
.folha-lista { transform: rotate(-.5deg); }
.folha-lateral h2 { font-size: clamp(2.25rem, 4.2vw, 3.5rem); }
.lista-cidades, .lista-adesivos { margin: 0; padding: 0; list-style: none; }
.lista-cidades { max-height: 22rem; overflow-y: auto; }
.lista-cidades li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 1rem; padding: .35rem 0; border-top: 1px solid var(--prussia); }
.cidade-nome { font: 400 1.75rem/1.1 var(--caneta); }
.cidade-n { font: italic 400 1rem/1.75 var(--legenda); color: var(--ferro); }
.adesivo { display: flex; flex-direction: column; padding: .5rem 0; border-top: 1px solid var(--prussia); }
.adesivo-foto { width: min(100%, 14rem); height: auto; margin: .4rem 0; }
.campo-cidade { position: relative; }
.cidade-lista { position: absolute; z-index: 5; left: 0; right: 0; top: 100%; max-height: 16rem; overflow-y: auto; background: var(--papel); border: 1px solid var(--prussia); }
.cidade-lista li { padding: .55rem .6rem; font: 400 1.125rem/1.3 var(--corpo); cursor: pointer; }
.cidade-lista [aria-selected="true"] { background: var(--prussia); color: var(--papel); }
.cidade-nada { font-style: italic; color: var(--ferro); cursor: default; }
.nota-grupo { margin-top: var(--pauta); font: italic 400 1.12rem/1.5 var(--legenda); }

.versos { margin: 0 0 var(--pauta); }
.verso { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: .1rem 1.25rem; padding: .3rem 0; }
.verso-vazio { height: var(--pauta); }
.verso-texto { font: 400 1.25rem/1.4 var(--corpo); }
.verso-anotar { min-height: 0; padding: 0 .2rem; opacity: .85; }
.margem { display: grid; gap: .3rem; }
.nota-margem { display: flex; flex-direction: column; transform: rotate(-1deg); padding-left: .5rem; border-left: 1px solid var(--ferro); }
.nota-texto { font: 400 1.5rem/1.05 var(--caneta); overflow-wrap: anywhere; }
.nota-pe { font: italic 400 .9rem/1.2 var(--legenda); color: var(--ferro); }
.form-anotacao { margin: .5rem 0 var(--pauta); padding: var(--pauta) 0; border-block: 1px solid var(--prussia); }
.anotando { font: italic 400 1.05rem/1.4 var(--legenda); margin-bottom: .75rem; }
.memorias { margin: var(--pauta) 0 0; padding: 0; list-style: none; }
.memoria { padding: calc(var(--pauta) / 2) 0; border-top: 1px solid var(--prussia); }
.memoria-texto { font: 400 1.8rem/1.15 var(--caneta); white-space: pre-line; overflow-wrap: anywhere; }
.memoria-quem { font-style: italic; }

.provas { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--pauta) 1.25rem; margin: var(--pauta) 0; }
.prova { flex: 1 1 14rem; max-width: 22rem; margin: 0; }
.prova:nth-child(odd) { transform: rotate(-.8deg); }
.prova:nth-child(even) { transform: rotate(.7deg); }
.prova img, .prova video { display: block; width: 100%; height: auto; border: .5rem solid #fff; background: #fff; }
.prova figcaption { display: flex; flex-wrap: wrap; gap: 0 .6rem; align-items: baseline; margin-top: .25rem; }
.prova-legenda { font: 400 1.5rem/1.1 var(--caneta); width: 100%; overflow-wrap: anywhere; }
.prova-quem { font: italic 400 1rem/1.3 var(--legenda); }
.mandar { margin-top: calc(var(--pauta) / 2); }
.mandar summary { display: inline-block; min-height: 44px; padding: .5rem 0; cursor: pointer; font: italic 400 1.12rem/1.5 var(--legenda); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.mandar[open] summary { text-decoration: none; }
.form-envio { max-width: 34rem; margin-top: calc(var(--pauta) / 2); }
.envio-progresso { display: block; width: 100%; margin-top: .75rem; accent-color: var(--prussia); }

.lambes { display: grid; gap: var(--pauta); }
.lambe { display: flex; flex-direction: column; }
.lambe-titulo { font: italic 400 2rem/1.1 var(--display); }
.form-curto { max-width: 26rem; }
.secreta { margin-top: calc(var(--pauta) * 1.5); outline: none; }
.secreta-texto { margin-bottom: 1em; white-space: pre-line; }
.secreta-foto { display: block; max-width: 100%; height: auto; margin: 0 0 var(--pauta); border: .5rem solid #fff; }
.secreta audio, #sala-palco audio { display: block; width: 100%; margin-bottom: var(--pauta); }
.texto-corrido { font-size: 1.125rem; }
.texto-corrido h3 { margin: calc(var(--pauta) * 1.5) 0 calc(var(--pauta) / 2); font: italic 400 1.75rem/1.2 var(--display); }
.texto-corrido li { padding: .35rem 0; }
.texto-corrido b { font-weight: 700; }
.texto-corrido code { font: inherit; font-style: italic; }
.relogio { min-height: 1.2em; font: 400 clamp(2.25rem, 8vw, 4.5rem)/1.1 var(--display); }
.relogio:empty { display: none; }
#sala-palco { margin-top: var(--pauta); }
#sala-gente { margin: calc(var(--pauta) / 2) 0; }
.recados { max-height: 22rem; overflow-y: auto; margin: 0 0 var(--pauta); padding: 0; list-style: none; }
.recado { padding: .3rem 0; border-top: 1px solid rgb(11 27 51 / .35); overflow-wrap: anywhere; }
.recado-quem { font: italic 400 1.05rem/1.3 var(--legenda); }
.recado-texto { font: 400 1.6rem/1.1 var(--caneta); }
.sala-nota { margin-top: calc(var(--pauta) * 1.5); font: italic 400 1.05rem/1.4 var(--legenda); color: var(--ferro); }

.carteira-pagina { display: grid; grid-template-columns: minmax(0, 36rem) minmax(0, 32rem); justify-content: center; gap: 2rem clamp(1.5rem, 4vw, 4rem); align-items: start; padding: 0 clamp(1rem, 4vw, 4rem); margin-bottom: calc(var(--pauta) * 2.5); }
.carteira-previa { margin: 0; position: sticky; top: 1rem; }
.carteira-previa canvas { display: block; max-width: 100%; max-height: 82svh; width: auto; height: auto; margin-inline: auto; touch-action: pan-y; box-shadow: 0 .6rem 1.6rem rgb(11 27 51 / .28); }
.carteira-troca { animation: carteira-troca .26s ease-out; }
@keyframes carteira-troca { from { opacity: .35; transform: translateY(.35rem); } to { opacity: 1; transform: none; } }
.carteira-troca-modelo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem 1rem; margin-top: .6rem; font: italic 400 1.15rem/1.3 var(--legenda); }
.carteira-troca-modelo .acao { min-height: 44px; min-width: 44px; margin: 0; }
#carteira-legenda { min-width: 14rem; text-align: center; }
.almofada { display: block; width: 100%; min-height: 5rem; margin: 0 0 .4rem; padding: .75rem; border: 1px dashed var(--prussia); font: italic 400 1.15rem/1.3 var(--legenda); background: rgb(20 51 92 / .08); }
.carteira-grupo { min-width: 0; margin: var(--pauta) 0 0; padding: 0; border: 0; }
.carteira-grupo legend { padding: 0; font: italic 400 1.15rem/1.4 var(--legenda); }
.carteira-modelos { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.4rem, 1fr)); gap: .55rem; margin-top: .4rem; }
.carteira-modelo { position: relative; display: block; min-height: 44px; cursor: pointer; font: italic 400 .86rem/1.15 var(--legenda); }
.carteira-modelo canvas { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; background: rgb(11 27 51 / .12); outline: 1px solid rgb(11 27 51 / .25); outline-offset: 0; }
.carteira-modelo span { display: block; margin-top: .2rem; }
.carteira-modelo input:checked ~ canvas { outline: 3px solid var(--prussia); outline-offset: 2px; }
.carteira-modelo input:checked ~ span { font-weight: 700; text-decoration: underline; text-underline-offset: .15em; }
.carteira-modelo input:focus-visible ~ canvas { outline: 3px dashed var(--prussia); outline-offset: 5px; }
.carteira-formatos { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; }
.carteira-formato { position: relative; flex: 1 1 6rem; cursor: pointer; }
.carteira-formato span { display: block; min-height: 44px; padding: .4rem .6rem; border: 1px solid rgb(11 27 51 / .45); font: italic 400 1.05rem/1.2 var(--legenda); }
.carteira-formato small { display: block; font-size: .82rem; }
.carteira-formato input:checked + span { background: var(--prussia); color: #F1EBDA; border-color: var(--prussia); }
.carteira-formato input:focus-visible + span { outline: 3px dashed var(--prussia); outline-offset: 3px; }
.carteira-baixar { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: var(--pauta); }
.carteira-baixar .botao-papel { min-height: 44px; margin: 0; }
.carteira-baixar .botao-papel + .acao { margin-left: 0; min-height: 44px; }
.carteira-creditos { grid-column: 1 / -1; max-width: 62rem; justify-self: center; }

.abas { display: flex; flex-wrap: wrap; gap: 0 1.1rem; padding: 0 clamp(1rem, 4vw, 4rem); margin-bottom: 1.5rem; font: italic 400 1.15rem/1.5 var(--legenda); }
.abas button { min-height: 44px; padding: .4rem 0; font: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.abas [aria-current] { text-decoration: none; color: var(--radio); }
.aba-sair { margin-left: auto; }
.folha-painel { width: min(100% - 2rem, 66rem); transform: none; }
.folha-painel:nth-of-type(even) { transform: none; }
.titulo-aba.titulo-aba { font-size: clamp(2.5rem, 6vw, 4rem); }
.lista-painel { margin: calc(var(--pauta) / 2) 0 var(--pauta); }
.item-painel { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; padding: .75rem 0; border-top: 1px solid var(--prussia); }
.item-corpo { flex: 1 1 22rem; min-width: 0; overflow-wrap: anywhere; font-size: 1.125rem; }
.item-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; }
.previa { display: block; max-width: min(100%, 20rem); max-height: 18rem; margin-bottom: .5rem; background: #fff; }
.form-painel { margin: 0 0 calc(var(--pauta) * 1.5); max-width: 40rem; }
.form-painel textarea { line-height: 1.4; padding: .4rem; }
.email-corpo { white-space: pre-wrap; overflow-wrap: anywhere; font: 400 1rem/1.4 var(--corpo); margin: .25rem 0 0; }
.folha-qr { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: var(--pauta) 1rem; margin: var(--pauta) 0; }
.folha-qr figure { margin: 0; }
.folha-qr figcaption { font: 400 1rem/1.3 var(--corpo); letter-spacing: .06em; text-align: center; }
.qr { display: block; width: 100%; height: auto; }
.lista-registro .item-corpo p + p { color: var(--ferro); font-style: italic; }

.contador { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.chapa { position: relative; }
.chapa > .contador { position: absolute; right: 1rem; bottom: 1rem; z-index: 5; justify-content: flex-end; }
.contador-lugar { flex: 1 0 100%; min-height: 2.75rem; }
.presentes { padding: .1rem .45rem; background: var(--prussia); color: var(--radio); font: italic 400 .98rem/1.3 var(--legenda); }
.pulso { width: .6rem; height: .6rem; background: var(--radio); opacity: .2; border-radius: 50%; }
.pulso.aceso { animation: tique 140ms linear; }
@keyframes tique { from { opacity: 1; } to { opacity: .2; } }
.luzes { position: absolute; inset: 0; z-index: 40; overflow: hidden; pointer-events: none; }
.luz { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--radio); box-shadow: 0 0 9px 2px rgb(191 235 221 / .75); mix-blend-mode: difference; }
.luz.minha { box-shadow: 0 0 13px 4px rgb(191 235 221 / .9); }

.caixa {
  --prussia: #292C2F;
  --chumbo: #A7ADB2;
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 1.25rem;
  color: var(--papel);
  background:
    radial-gradient(circle at 50% 50%, #5a5f64 0 3px, #1a1c1e 4px 7px, transparent 8px) 0 0 / 88px 88px,
    var(--prussia) url(img/chumbo.webp);
  box-shadow: inset 0 0 0 10px #17191b, inset 0 0 90px 10px #111;
}
@media (prefers-reduced-motion: no-preference) { .caixa { transition: transform 1s cubic-bezier(.7, 0, .3, 1); } }
.caixa.abrindo { transform: translateY(-100%); }
body.fechada { overflow: hidden; height: 100svh; }
.termo { width: min(100%, 34rem); padding: clamp(1.5rem, 5vw, 3rem); background: var(--prussia) url(img/chumbo.webp); outline: 1px solid var(--chumbo); outline-offset: -8px; }
.termo-titulo { margin-bottom: 1rem; font: italic 400 clamp(3rem, 9vw, 5rem)/.95 var(--display); }
.termo .campo { margin: 1.25rem 0 0; }
.termo .campo label { color: var(--papel); }
.termo .campo input { color: var(--papel); border-bottom-color: var(--papel); }
.termo .campo input:focus-visible { outline-color: var(--papel); }
.termo-nota { display: block; margin-top: .75rem; font: italic 400 1rem/1.35 var(--legenda); color: var(--papel); }
.termo .aviso { color: var(--papel); }
.termo .verificacao:not(:empty) { margin-top: .75rem; }
.termo-botoes { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; margin-top: 1.25rem; }
.botao-termo { min-height: 44px; padding: .4rem 1rem; background: var(--papel); color: #1e2022; font: italic 400 1.15rem/1.5 var(--legenda); }
.sem-assinar { min-height: 44px; padding: .4rem 0; color: var(--papel); font: italic 400 1.15rem/1.5 var(--legenda); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.termo :focus-visible { outline-color: var(--papel); }

.rodape-interno { align-items: baseline; padding-top: clamp(3rem, 6vw, 5rem); }
.rodape-privacidade { margin: .75rem 0 0; }
.pagina { min-height: 100svh; }
.pagina-corpo { padding: clamp(2rem, 8vw, 6rem) 0; }
.botao-papel:not([hidden]) + .acao { margin-left: 1rem; }

@media (max-width: 760px) {
  .mapa-pagina, .carteira-pagina { grid-template-columns: minmax(0, 1fr); }
  .mapa-figura { position: static; }
  .carteira-previa { position: static; order: -1; width: min(100%, 24rem); margin: 0 auto; }
  .carteira-previa canvas { max-height: 62svh; }
  #carteira-legenda { order: -1; flex-basis: 100%; }
  .carteira-modelos { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding: .4rem .2rem .6rem; }
  .carteira-modelo { flex: 0 0 5.6rem; scroll-snap-align: start; }
  .folha-sumario, .folha-livro { width: calc(100% - 1.25rem); margin-inline: .625rem; }
  .folha-sumario { margin-top: var(--pauta); }
  .verso { grid-template-columns: minmax(0, 1fr); }
  .presentes { font-size: .8rem; }
  .opcoes li { grid-template-columns: minmax(0, 1fr) auto; }
  .prova { flex-basis: 100%; max-width: none; }
  .topo-nav { gap: 0 1rem; font-size: 1.05rem; }
  .abas { gap: 0 .9rem; }
  .aba-sair { margin-left: 0; }
}

@media print {
  body.sem-contador { background: #fff; color: #000; }
  .topo-painel, .titulo-interno, .abas, .form-painel, .lista-painel, .titulo-aba, .subtitulo-folha, .item-acoes, button, .aviso { display: none !important; }
  .folha-painel { width: 100%; margin: 0; padding: 0; color: #000; }
  .folha-painel::before, .folha-painel::after { display: none; }
  .folha-qr { grid-template-columns: repeat(4, 1fr); }
  .folha-qr figure { break-inside: avoid; }
}

@media (max-width: 760px) {
  .pulso { display: none; }
}

.vazio-bloco strong { line-height: 1.15; }
.folha:focus-within { z-index: 10; }
@media (pointer: coarse) { .verso-anotar { min-height: 44px; padding: .5rem .4rem; } }
input[type="file"]::file-selector-button { min-height: 44px; margin-right: .75rem; padding: .3rem .9rem; border: 1px solid var(--prussia); background: transparent; color: var(--prussia); font: italic 400 1.05rem/1.3 var(--legenda); cursor: pointer; }
.campo-nota { margin-bottom: calc(var(--pauta) / 2); }
.folha-pagina h1:not(.titulo-musica) { margin: 0 0 var(--pauta); font: italic 400 clamp(2.5rem, 6vw, 4.5rem)/.95 var(--display); }
@media print { html { background: #fff; } }

.letra { display: inline-flex; justify-content: center; font-weight: inherit; line-height: 0; }
.letra i { display: block; flex: none; font-style: inherit; line-height: 0; }
.palavra, .letras { font-weight: inherit; }
.palavra { white-space: nowrap; }
.creditos { margin-top: 1.25rem; font: italic 400 .95rem/1.4 var(--legenda); color: var(--chumbo); }
.creditos a { color: inherit; }
@media (max-width: 760px) {
  .contador { gap: .35rem; }
  .chapa > .contador { right: .625rem; bottom: .75rem; max-width: calc(100vw - 1.25rem); }
  .chapa > .contador .presentes { position: absolute; right: 0; bottom: calc(100% + .2rem); white-space: nowrap; }
  .contador-lugar { min-height: 5.9rem; }
}
#esconder-marcas { margin-left: .75rem; min-height: 44px; padding: .4rem 0; font: italic 400 1.12rem/1.5 var(--legenda); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }

.folha-pagina.texto-corrido, .folha-pagina.texto-corrido:nth-of-type(even) { transform: none; }
.topo-nome, .rodape-nome { text-wrap: balance; }
.pular { position: absolute; left: .75rem; top: -4rem; z-index: 70; padding: .6rem 1rem; background: var(--papel); color: var(--prussia); font: italic 400 1.12rem/1.5 var(--legenda); }
.pular:focus { top: .75rem; }
main.interna:focus { outline: none; }
.botao-papel:active:not(:disabled) { background: var(--prussia-media); }
.botao-termo:active { background: var(--chumbo); }
.sumario a:active b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
@media (pointer: coarse) {
  .tabela-faixas .faixa-nome, .links a, .shows-passados p a, .banda-contato a, .email a,
  .rodape-privacidade a, .rodape-interno .marcas > p:first-child a { display: inline-block; padding-block: .6rem; }
  #lavar, .topo-nav a { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .carteira-troca { animation: none; }
}

.rodape-logo { display: block; width: min(100%, 26rem); height: auto; }
.rodape-nome { width: min(100%, 26rem); max-width: 26rem; }

.shows-passados h3 {
  display: inline-block;
  margin: 0 0 .75rem;
  padding: .1rem .7rem;
  border: 3px solid #A8221B;
  color: #A8221B;
  font: 400 1.4rem/1.3 'Old Standard TT', 'Times New Roman', serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  transform: rotate(-2.2deg);
  -webkit-mask: url(/img/tinta.webp) center / 100% 100%;
  mask: url(/img/tinta.webp) center / 100% 100%;
}

.figura-recorte { display: block; height: auto; }
.figura-musicas { float: right; width: min(42%, 15rem); margin: calc(var(--pauta) * -1) 0 var(--pauta) 1rem; transform: rotate(-2deg); }
.figura-musica { float: right; width: min(46%, 22rem); margin: 0 0 var(--pauta) 1rem; transform: rotate(1.5deg); }
.figura-livro { float: right; width: min(34%, 15rem); margin: 0 0 var(--pauta) 1rem; transform: rotate(3deg); }
.votacao { clear: both; }
.assinaturas { clear: both; }
#livro-mais { clear: both; }

.nome-figura { grid-column: 2 / 6; grid-row: 2 / span 1; width: 100%; height: auto; align-self: start; }
.nome-texto { grid-row: 2; }
.restante { grid-row: 3; }
.nome-fim { grid-row: 4; }

.carteira-destaque {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem;
  align-items: center;
  padding: clamp(5rem, 10vw, 9rem) clamp(1.25rem, 4vw, 4rem) 0;
}
.destaque-figura { grid-column: 2 / 7; margin: 0; transform: rotate(-1.2deg); }
.destaque-figura canvas, .destaque-figura img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; box-shadow: 0 .8rem 2rem rgb(0 0 0 / .4); }
.destaque-texto { grid-column: 8 / 13; }
.destaque-texto h2 { margin-bottom: 1.5rem; font: italic 400 clamp(3rem, 6.4vw, 6rem)/.92 var(--display); }
.destaque-texto form { margin-top: 1.5rem; }
.destaque-texto .campo label { color: var(--papel); }
.destaque-texto .campo input { color: var(--papel); border-bottom-color: var(--papel); }
.destaque-texto .campo input:focus-visible { outline-color: var(--papel); }
.destaque-texto .botao-papel { min-height: 48px; padding-inline: 1.4rem; background: var(--papel); color: var(--prussia); font-size: 1.25rem; }

.convite-carteira { position: fixed; z-index: 40; left: 50%; bottom: 1rem; width: min(calc(100% - 1.5rem), 40rem); transform: translateX(-50%); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem 1rem; padding: .6rem 1rem; background: var(--papel); color: var(--prussia); font: italic 400 1.12rem/1.35 var(--legenda); box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / .45); }
.convite-carteira[hidden] { display: none; }
.convite-carteira p { margin: 0; flex: 1 1 18rem; }
.convite-carteira a { color: inherit; display: inline-block; min-height: 44px; line-height: 44px; }
.convite-carteira .acao { min-height: 44px; color: inherit; }

.verso-rubrica { margin: .2rem 0; font: italic 400 1.02rem/1.35 var(--legenda); color: var(--ferro); }
.verso-fala .verso-texto { font-size: 1.12rem; line-height: 1.32; }
.verso-fala { padding: .08rem 0; }
.letra-nota { margin: var(--pauta) 0 0; font: italic 400 .98rem/1.35 var(--legenda); color: var(--ferro); }
.creditos-musica { max-width: 44rem; margin-inline: auto; padding: 0 1.25rem; }

@media (max-width: 420px) {
  .menu { font-size: .96rem; }
  .menu a { padding-inline: .2rem; white-space: nowrap; }
}

@media (max-width: 760px) {
  .nome-figura, .nome-texto, .restante, .nome-fim { grid-row: auto; }
  .nome-figura { grid-column: 1 / -1; width: min(86%, 26rem); justify-self: center; }
  .destaque-figura, .destaque-texto { grid-column: 1 / -1; }
  .destaque-figura { margin-bottom: 2rem; }
  .figura-musicas { width: 40%; }
  .figura-musica { width: 46%; }
  .folha-livro { display: flex; flex-direction: column; }
  .folha-livro > * { order: 2; }
  .folha-livro > .folha-topo, #form-livro { order: 0; }
  .figura-livro { order: 1; float: none; align-self: center; width: min(48%, 11rem); margin: var(--pauta) 0; }
}

.cg-quem { margin: var(--pauta) 0; }
.cg-quem canvas { display: block; width: 7.5rem; height: 10rem; margin: 0 0 calc(var(--pauta) / 2); }
.cg-nome { font: 400 clamp(3rem, 11vw, 6.5rem)/.95 var(--caneta); overflow-wrap: anywhere; }
.cg-nome b { font-weight: 400; display: block; }
.cg-link { margin: 0 0 calc(var(--pauta) / 2); overflow-wrap: anywhere; }
.cg-contas { font: italic 400 1.25rem/1.4 var(--legenda); margin: 0 0 var(--pauta); }
.cg-botoes { display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin: 0 0 var(--pauta); }
.cg-previa { display: block; width: min(100%, 15rem); height: auto; aspect-ratio: 9 / 16; margin-top: var(--pauta); border: 1px solid var(--prussia); }
.folha-mural { transform: rotate(.25deg); }
.mural { margin: 0; padding: 0; list-style: none; }
.pedaco { padding: calc(var(--pauta) / 2) 0 var(--pauta); border-top: 1px solid var(--prussia); }
.pedaco-frase { font: 400 clamp(2.4rem, 6vw, 3.6rem)/1.02 var(--caneta); overflow-wrap: anywhere; }
.pedaco-pe { font: italic 400 1.05rem/1.4 var(--legenda); color: var(--ferro); }
.pedaco-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1rem; }
.pedaco-aviso { display: block; font: italic 400 1rem/1.35 var(--legenda); }
#mural-contador { font: italic 400 1rem/1.35 var(--legenda); color: var(--ferro); }
@media (prefers-reduced-motion: reduce) { .folha-mural { transform: none; } }

.carteira-direcao { margin: .8rem 0 .1rem; font: italic 400 1.05rem/1.3 var(--legenda); border-bottom: 1px solid rgb(11 27 51 / .3); }
.carteira-sorte { margin: .4rem 0; font: italic 400 1.02rem/1.35 var(--legenda); }
.carteira-sorte .acao { min-height: 44px; }
.carteira-modelo small { display: block; font-size: .78rem; opacity: .8; }
.destaque-outras { display: grid; gap: .4rem; margin-top: 1.75rem; border-top: 1px solid rgb(230 225 211 / .35); padding-top: .75rem; }
.destaque-outras a { display: block; min-height: 44px; padding: .35rem 0; }
.destaque-outras b { display: block; font: 400 1.5rem/1.15 var(--corpo); }
.destaque-outras i { font: italic 400 1.02rem/1.3 var(--legenda); }
input[type="range"] { width: 100%; min-height: 44px; accent-color: var(--prussia); }
.quiz-opcoes { display: grid; gap: .5rem; margin: .8rem 0; }
.quiz-opcoes button { min-height: 52px; padding: .55rem .9rem; border: 1px solid var(--prussia); text-align: left; font: 400 1.14rem/1.3 var(--corpo); background: rgb(255 255 255 / .25); }
@media (hover: hover) { .quiz-opcoes button:hover { background: var(--prussia); color: #F1EBDA; } }
.quiz-passo { font: italic 400 1.02rem/1.3 var(--legenda); }
.quiz-pergunta { margin: .3rem 0 .2rem; font: 400 1.55rem/1.2 var(--corpo); }
.quiz-resultado { font: 400 2rem/1.1 var(--caneta); margin: .4rem 0 .6rem; }

.folha-lateral > p + form, .folha-lateral > p + div { margin-top: var(--pauta); }
.quiz-resultado + p + .campo { margin-top: var(--pauta); }
.quiz-pagina:has(#quiz-figura[hidden]) { grid-template-columns: minmax(0, 36rem); }

@media (max-width: 760px) {
  .carteira-pagina { display: flex; flex-direction: column; }
  .carteira-pagina > * { min-width: 0; max-width: 100%; }
  .carteira-previa { position: sticky; top: 0; z-index: 11; order: -1; align-self: stretch; width: auto; margin: 0; padding: .35rem 0 .25rem; background: rgb(11 27 51 / .97); }
  .carteira-previa canvas { max-height: 36svh; }
  .carteira-troca-modelo { margin-top: .2rem; gap: 0 .8rem; }
  #carteira-legenda { min-width: 0; }
}