.demo-raiz{display:flex;flex-direction:column;width:100%;height:100vh}.demo-app{position:relative;flex:1;min-height:0;display:flex}.demo-barra{flex:0 0 auto;display:flex;align-items:center;gap:16px;height:52px;padding:0 16px;background:#0b1f3a;color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;box-shadow:0 1px #ffffff14;z-index:10}.demo-marca{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.demo-marca img{border-radius:7px}.demo-aviso{flex:1;margin:0;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-aviso strong{color:#fcd34d}.demo-acciones{display:flex;gap:8px}.demo-boton{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:10px;border:0;font:inherit;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap}.demo-boton--primario{background:#fbbf24;color:#0b1f3a}.demo-boton--primario:hover{background:#fcd34d}.demo-boton--secundario{background:#ffffff1f;color:#fff}.demo-boton--secundario:hover{background:#fff3}.demo-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b1f3a99;font-family:Plus Jakarta Sans,system-ui,sans-serif}.demo-tarjeta{width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto;padding:28px;border-radius:20px;background:#fff;color:#0f172a;box-shadow:0 25px 50px -12px #0006}.demo-tarjeta h1{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2}.demo-tarjeta p{margin:0 0 16px;font-size:14px;line-height:1.55;color:#475569}.demo-tarjeta ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}.demo-tarjeta li{display:flex;gap:12px;align-items:flex-start}.demo-tarjeta li>span{font-size:22px;line-height:1}.demo-tarjeta li strong{display:block;font-size:14px}.demo-tarjeta li small{display:block;font-size:13px;line-height:1.45;color:#64748b}.demo-tarjeta .demo-boton--secundario{background:#e2e8f0;color:#0f172a}.demo-empezar{width:100%;height:44px;font-size:15px}.demo-tarjeta .demo-letra-chica{margin:12px 0 0;font-size:12px;color:#64748b;text-align:center}.demo-tarjeta--qr{max-width:340px;text-align:center}.demo-tarjeta--qr img{display:block;margin:0 auto;border-radius:8px}.demo-tarjeta--qr .demo-letra-chica{margin-bottom:16px}@media(max-width:760px){.demo-aviso,.demo-marca span{display:none}.demo-acciones{margin-left:auto}}html,body,#root{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}[data-reactroot]{height:100%;display:flex;flex-direction:column}