/* galeria protegida: formulário do código e avisos */
.trancada{padding-bottom:12vh}
.trancada h1{max-width:14em}
.codigo{margin:26px 0 8px;max-width:520px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px 22px}
.codigo label{display:block;font-weight:800;color:var(--escuro);margin-bottom:8px}
.codigo .linha{display:flex;gap:10px;flex-wrap:wrap}
.codigo input{flex:1 1 200px;min-height:50px;border:2px solid var(--escuro);border-radius:999px;padding:0 20px;font:700 18px var(--fonte-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--escuro);background:#fff}
.codigo input:focus-visible{outline:3px solid var(--destaque);outline-offset:2px}
.codigo input[aria-invalid=true]{border-color:#C0392B}
.codigo .erro{color:#B42318;font-weight:700;margin:10px 0 0}
.codigo .ajuda{font-size:15px;color:var(--apagado);margin:10px 0 0}
.codigo.compacto{background:transparent;border:0;padding:0;margin-top:10px}
.ver-todas{margin:28px 0;padding:24px;border:2px dashed var(--linha);border-radius:var(--raio)}
.ver-todas h2{font-size:clamp(24px,3vw,32px);margin:0}
.ainda{margin-top:18px}
.cartao{scroll-margin-top:150px}