/* Fondo radial inspirado en la maqueta */
body{
  background: radial-gradient(circle at center,#0746a1 0%,#00316e 60%,#00204a 100%);
  color:#0d1b2a;
}

#splash{
  z-index:1050;
  /* el mismo degradado del body, así todo coincide */
  background:radial-gradient(circle at center,
              #0746a1 0%,      /* centro claro */
              #00316e 60%,
              #00204a 100%);
  animation:fadeOut 1s ease 2s forwards;
}


@keyframes fadeOut{ to{opacity:0; visibility:hidden;} }

/* Card */
.qr-card{
  border-radius:1.25rem;
  max-width:480px;
}

.qr-card img{ border-radius:.75rem; }

/* Botones primarios con bordes redondeados tipo app */
.btn-lg{
  border-radius:1rem;
  font-weight:600;
}

/* Modo oscuro iOS/Android opcional */
@media (prefers-color-scheme: dark){
  body{ background:radial-gradient(circle at center,#0d6efd 0%,#051a39 100%); }
  .qr-card{ background:#1e293b; color:#f1f5f9; }
  .btn-outline-primary{ color:#0d6efd; }
}

/* Fondo radial tipo “app” */
body{
  background: radial-gradient(circle at center,#0746a1 0%,#00316e 60%,#00204a 100%);
}

body{
  /* Radial ya existente… */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* Fade‑out de splash */
#splash.fade-out{
  opacity:0; visibility:hidden;
  transition:opacity .6s ease;
}

/* Estilos originales que ya tenías ------------------------- */
.card{ border-radius:1rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); }
.qr-wrap{
  border:1px dashed #adb5bd;
  border-radius:.75rem;
  padding:1rem; min-height:220px;
  display:flex; justify-content:center; align-items:center;
  background:#fff;
}
h1 span{ color:#0d6efd; }

/* Responsividad igual que antes */
@media (max-width:576px){
  h1{ font-size:1.5rem; }
  #btnFloor,#btnConfig{ font-size:1rem; padding:.75rem; }
}