/* Tela de carregamento: pintada pelo HTML antes de qualquer JavaScript. */
#carregando { position: fixed; inset: 0; z-index: 50; display: grid; place-content: center; justify-items: center; gap: 18px;
  background: #F4F3EF; color: #1C1C1C; transition: opacity .6s; }
#carregando.pronto { opacity: 0; pointer-events: none; }
#carregando p { margin: 0 -0.42em 0 0; font: 500 17px/1 Archivo, system-ui, sans-serif; font-stretch: 125%; letter-spacing: .42em; }
#carregando .trilho { width: 160px; height: 1px; background: #D9D5CD; overflow: hidden; }
#barra-carregando { height: 100%; background: #1E2A4A; transform-origin: left; transform: scaleX(.04); transition: transform .3s; }