:root{--azul: #21368B;--azul-prof: #16256B;--azul-noche: #0E1A55;--azul-medio: #3D59C2;--azul-claro: #B9C6F2;--amarillo: #FABF0D;--blanco: #FFFFFF;--texto-sec: #DCE3F8;--fuente: "Maven Pro", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--seguro-abajo: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--azul-noche);color:var(--blanco);font-family:var(--fuente)}body{background:radial-gradient(120% 90% at 50% 20%,#2D47AA 0%,var(--azul) 40%,var(--azul-noche) 100%)}#lienzo{position:fixed;inset:0;touch-action:none}#lienzo canvas{display:block;width:100%;height:100%}.cabecera{position:fixed;top:0;left:0;right:0;padding:14px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;z-index:5}.cabecera img{height:26px;pointer-events:auto}.cabecera .titulo{font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--amarillo);text-align:right}.kpis{position:fixed;top:52px;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:0 12px;z-index:4;pointer-events:none}.kpi{background:#ffffff14;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:6px 10px;min-width:92px;text-align:center}.kpi b{display:block;font-size:18px;font-weight:900;color:var(--amarillo)}.kpi span{font-size:11px;color:var(--texto-sec)}#pista{position:fixed;left:50%;bottom:calc(96px + var(--seguro-abajo));transform:translate(-50%,10px);background:#0e1a55d9;border:1px solid rgba(250,191,13,.6);padding:10px 16px;border-radius:999px;font-size:14px;opacity:0;transition:.35s;pointer-events:none;z-index:6;white-space:nowrap}#pista.visible{opacity:1;transform:translate(-50%)}.acciones{position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(12px + var(--seguro-abajo));display:flex;gap:8px;justify-content:center;z-index:5}.btn{appearance:none;border:0;border-radius:999px;padding:12px 18px;min-height:44px;font:800 14px var(--fuente);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-amarillo{background:var(--amarillo);color:var(--azul)}.btn-vidrio{background:#ffffff1f;color:var(--blanco);border:1px solid rgba(255,255,255,.3)}#panel{position:fixed;left:0;right:0;bottom:0;max-height:62vh;overflow-y:auto;background:#fff;color:var(--azul);border-radius:22px 22px 0 0;padding:18px 18px calc(20px + var(--seguro-abajo));transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:10;box-shadow:0 -10px 40px #0e1a5573}#panel.abierto{transform:translateY(0)}#panel .asa{width:44px;height:5px;border-radius:3px;background:#d0d0cc;margin:-6px auto 12px}#panel h2{margin:0 0 4px;padding-right:40px;font-size:22px;font-weight:900;line-height:1.15}#panel .sub{color:#666660;font-size:13px;margin-bottom:12px}#panel .chip{display:inline-block;background:var(--amarillo);color:var(--azul);border-radius:999px;padding:4px 12px;font-weight:900;font-size:15px;margin-right:6px}#panel ul{list-style:none;margin:12px 0;padding:0}#panel li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #E8E8E5;font-size:14px;color:#444440}#panel li b{color:var(--azul);white-space:nowrap}#panel .cerrar{position:absolute;top:12px;right:14px;background:#f2f2f0;border:0;width:34px;height:34px;border-radius:50%;font-size:18px;color:var(--azul);cursor:pointer}#panel .ctas{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}#panel .btn-azul{background:var(--azul);color:#fff}#carga{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(120% 90% at 50% 30%,#2D47AA,var(--azul) 45%,var(--azul-noche));transition:opacity .6s}#carga.oculto{opacity:0;pointer-events:none}#carga img{width:190px}#carga .riel{width:200px;height:6px;border-radius:3px;background:#ffffff2e;overflow:hidden}#carga-barra{height:100%;width:5%;background:var(--amarillo);transition:width .3s}#carga-texto{font-size:13px;color:var(--texto-sec);letter-spacing:.04em}.marcador{position:fixed;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;z-index:3}.marcador button{appearance:none;border:3px solid #fff;background:var(--azul);color:var(--amarillo);width:34px;height:34px;border-radius:50%;font:900 15px var(--fuente);box-shadow:0 4px 14px #0e1a5580;cursor:pointer}.etiqueta{position:fixed;left:0;top:0;transform:translate(-50%,-140%);background:#fff;color:var(--azul);font-weight:900;font-size:13px;padding:5px 10px;border-radius:999px;pointer-events:none;z-index:3;white-space:nowrap;box-shadow:0 4px 14px #0e1a5566}.sin-webgl{position:fixed;inset:0;overflow:auto;padding:80px 18px 40px}@media(min-width:900px){.kpi b{font-size:22px}#panel{left:auto;right:24px;bottom:24px;width:400px;border-radius:22px;max-height:80vh}}