:root{ --cyan:#08d4e4; }

html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}

#splash{
  position:fixed;inset:0;display:grid;place-items:center;
  background:url('./assets/background.png') center/cover no-repeat;
  z-index:900;
}
.center{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;text-align:center;width:100%;height:100%;padding:20px;
  background:rgba(0,0,0,0.45);
}
.hint.top{font-size:1.1rem;color:#fff;margin:0}
.logo{width:min(80vw,480px);height:auto;display:block}
.progress-wrap{
  width:min(600px,90vw);height:14px;background:rgba(255,255,255,.4);
  border-radius:999px;overflow:hidden;margin-top:12px;
}
.progress-bar{width:0%;height:100%;background:var(--cyan);transition:width .2s ease}

/* Botón WhatsApp oficial arriba a la derecha */
.wa-btn{
  position:fixed;top:14px;right:14px;
  display:flex;align-items:center;justify-content:center;
  width:64px;height:64px;
  z-index:1000;
  transition:transform 0.15s ease;
}
.wa-btn:hover{transform:scale(1.08)}
.wa-ico{
  width:100%;height:100%;object-fit:contain;
}

#app,#frame{width:100%;height:100%;border:0}