/* Pantalla de carga de MusicVerse (ver carga.js). Compartida por la plaza,
   el venue y el login: misma gráfica en todas las entradas al mundo. */
#mv-carga { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at 50% 40%, #2a0f2e 0%, #140818 55%, #0a0710 100%);
  font-family: Poppins, system-ui, sans-serif; color: #f3e9ff;
  opacity: 1; transition: opacity .6s ease; }
#mv-carga.oculta { opacity: 0; pointer-events: none; }
.mv-carga-caja { width: min(420px, 82vw); text-align: center; }
.mv-carga-logo { font: 600 clamp(26px, 6vw, 38px)/1 Poppins, system-ui, sans-serif; letter-spacing: .14em; color: #fff;
  text-shadow: 0 0 18px rgba(240, 75, 158, .55); }
.mv-carga-logo span { color: #F04B9E; }
#mv-carga-nivel { margin-top: 10px; font: 500 14px/1.4 Poppins, system-ui, sans-serif; letter-spacing: .3em;
  text-transform: uppercase; color: #d9c7ff; }
.mv-carga-barra { margin: 28px 0 12px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .1); overflow: hidden; }
#mv-carga-fill { display: block; height: 100%; width: 0; border-radius: 4px;
  background: linear-gradient(90deg, #8a4bff, #F04B9E, #ffb347); box-shadow: 0 0 12px rgba(240, 75, 158, .8);
  transition: width .3s ease; }
#mv-carga-estado { font: 400 12px/1.5 ui-monospace, Consolas, monospace; color: #b9a6d6; min-height: 18px; }
/* Botón "Entrar" (venue: hace falta un toque para que el navegador deje sonar
   la música). Aparece recién cuando terminó de cargar. */
#mv-carga .mv-carga-cta { display: none; margin: 22px auto 0; width: max-content; cursor: pointer;
  font: 600 12px/1 ui-monospace, Consolas, monospace; letter-spacing: .2em; text-transform: uppercase;
  color: #fff; border: 1px solid #F04B9E; border-radius: 999px; padding: 13px 26px;
  background: rgba(240, 75, 158, .14); box-shadow: 0 0 18px rgba(240, 75, 158, .35);
  animation: mv-carga-pulso 2.2s ease-in-out infinite; }
#mv-carga.lista .mv-carga-cta { display: block; }
@keyframes mv-carga-pulso { 0%, 100% { opacity: 1 } 50% { opacity: .55 } }
