/* pedido-matricula.css — só o que os componentes que a página já tem não cobrem (solicitar-proposta.html, 21/10/2026).
   Sem cor nova, sem componente novo: o envio de arquivo é o do Portal do credenciado (css/credenciado.css,
   .cr-envio-bts/.cr-bt-arq/.cr-so-cel), com as mesmas regras; o resto usa .opcoes, .campo, .ajuda, .aceite,
   .aviso-lgpd, .btn, .protocolo e .resultado da própria página. A câmera ocupa a tela (é o visor). */
.cr-envio-bts{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}
.cr-bt-arq{position:relative;overflow:hidden;cursor:pointer}
.cr-bt-arq input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.cr-bt-arq:focus-within{outline:2px solid var(--laranja);outline-offset:2px}
.cr-so-cel{display:none}
@media (pointer:coarse){.cr-so-cel{display:inline-flex}}
.an-arq{margin:6px 0 0}
.an-arq a{margin-left:8px}
.an-foto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 12px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px solid var(--fio)}
.an-foto .ajuda{grid-column:1 / -1}
.aviso-lgpd p+p{margin-top:4px}
/* a câmera: o visor ocupa a tela; os controles são os da página */
body.cam-aberta{overflow:hidden}
.cam-ov{position:fixed;inset:0;z-index:2147483000;background:var(--noite)}
.cam-ov[hidden]{display:none!important}
.cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--noite)}
.cam-barra{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:10px var(--margem) calc(10px + env(safe-area-inset-bottom));background:var(--branco)}
.cam-barra .cam-gps{flex:1 1 100%;margin:0}
.cam-barra .btn{height:40px}
.cam-barra .campo{flex:1 1 180px}
@media (max-height:500px){.cam-barra{padding-top:6px;padding-bottom:6px;gap:6px 10px}.cam-barra .cam-gps{flex-basis:auto}.cam-barra .campo{flex:0 1 200px}.cam-barra .campo label{display:none}}
body.cam-aberta [class*="alva"],body.cam-aberta [id*="alva"]{visibility:hidden!important}
/* pagamento: o QR do Pix */
.pg-qr{width:200px;height:200px;border:1px solid var(--fio-2);border-radius:var(--raio);background:var(--branco)}
@media (max-width:640px){
  .cr-envio-bts .btn{flex:1 1 100%;justify-content:center}
  .an-foto{grid-template-columns:minmax(0,1fr)}
}