/* Carregamento com a logomarca no painel (igual ao do app: livro + "App do Pregador" + barrinha) */
.pc-carregando { position: fixed; inset: 0; z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem;
  background: radial-gradient(60rem 40rem at 50% 40%, rgba(58,109,179,.22), transparent 70%), #24272d; color: #fff; transition: opacity .45s ease, visibility .45s; }
.pc-carregando--sai { opacity: 0; visibility: hidden; pointer-events: none; }
.pc-logo { display: inline-flex; align-items: center; gap: 1.2rem; font: 800 2.6rem/1 Inter, system-ui, sans-serif; letter-spacing: -.03em; animation: pc-sobe .6s cubic-bezier(.2,.8,.2,1) both; }
.pc-logo i { font-size: 4rem; color: #8db4f0; }
.pc-barra { width: 16rem; height: .4rem; border-radius: 98rem; background: rgba(255,255,255,.12); overflow: hidden; position: relative; }
.pc-barra::after { content: ""; position: absolute; inset: 0; width: 40%; border-radius: inherit; background: linear-gradient(90deg, #5d84b8, #9dbcf0); animation: pc-corre 1.1s ease-in-out infinite; }
@keyframes pc-corre { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
@keyframes pc-sobe { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .pc-logo, .pc-barra::after { animation: none; } }