/* Pantalla de carga: se ve apenas abre la app y desaparece cuando la app arranca. */
html, body { margin: 0; background: #181C20; }
.arranque { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; background: #181C20; }
.arranque svg { width: 96px; height: 96px; animation: arranque-titila 1.1s ease-in-out infinite; }
.arranque-barra { width: 160px; height: 4px; border-radius: 4px; background: #2c3238; overflow: hidden; }
.arranque-barra i { display: block; width: 40%; height: 100%; border-radius: 4px; background: #FF4A00; animation: arranque-avanza 1.2s ease-in-out infinite; }
@keyframes arranque-titila { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.94); } }
@keyframes arranque-avanza { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .arranque svg, .arranque-barra i { animation-duration: 3s; } }