/* Pantalla de carga: la trae el HTML (sin esperar al JavaScript) y la app la
   reemplaza en cuanto arranca. Así nunca se ve una página en blanco ni HTML sin estilos. */
.arranque {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: #0f2236;
}
.arranque svg {
  width: 44px;
  height: auto;
  animation: arranque-latido 1.1s ease-in-out infinite;
}
@keyframes arranque-latido {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.94);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .arranque svg {
    animation: none;
  }
}