.demo-noise{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.demo-grid{pointer-events:none;background-image:linear-gradient(#c9a2270a 1px,#0000 1px),linear-gradient(90deg,#c9a2270a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.demo-orb{filter:blur(60px);pointer-events:none;border-radius:9999px;animation:12s ease-in-out infinite demo-float;position:absolute}@keyframes demo-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.06)}}.demo-input{color:#fff;background:#00000073;border:1px solid #ffffff1a;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem;transition:border-color .3s,box-shadow .3s,background .3s}.demo-input:focus{background:#000000a6;border-color:#e4c45a8c;box-shadow:0 0 0 3px #c9a2271f}.demo-input::placeholder{color:#ffffff59}.hub-panel{isolation:isolate;border:1px solid #ffffff14;min-height:160px;transition:border-color .45s,transform .45s,box-shadow .45s;position:relative;overflow:hidden}.hub-panel:hover{border-color:#e4c45a73;transform:translateY(-4px);box-shadow:0 30px 80px #00000073,0 0 60px #c9a2271a}.hub-video{opacity:.55;transition:opacity .5s,transform 8s;position:absolute;inset:0;transform:scale(1.05)}.hub-panel:hover .hub-video{opacity:.85;transform:scale(1.12)}.hub-video--muni{background:radial-gradient(circle at 20% 30%,#10b98173,#0000 40%),radial-gradient(circle at 80% 70%,#06b6d459,#0000 45%),linear-gradient(135deg,#052e24,#0a1628 55%,#020617);animation:14s ease-in-out infinite alternate hub-drift}.hub-video--concejal{background:radial-gradient(circle at 25% 40%,#6366f180,#0000 42%),radial-gradient(circle at 75% 60%,#a855f747,#0000 45%),linear-gradient(135deg,#0f172a,#1e1b4b 55%,#020617);animation:16s ease-in-out infinite alternate-reverse hub-drift}.hub-video--crm{background:radial-gradient(circle at 30% 35%,#f59e0b66,#0000 42%),radial-gradient(circle at 70% 65%,#f9731647,#0000 45%),linear-gradient(135deg,#1c1408,#0b1f3a 55%,#020617);animation:15s ease-in-out infinite alternate hub-drift}@keyframes hub-drift{0%{background-position:0 0,100% 100%,0 0}to{background-position:20% 10%,80% 90%,0 0}}.tour-chrome{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffffff7,#ffffffe6);box-shadow:0 10px 40px #0f172a1f}.soft-panel{background:#ffffffeb;border:1px solid #94a3b840;border-radius:16px;box-shadow:0 10px 30px #0f172a0f}.soft-panel--active{border-color:#f59e0bbf;box-shadow:0 0 0 3px #f59e0b2e,0 20px 50px #0f172a24}.demo-side{background:linear-gradient(#0f172a,#020617);border:1px solid #ffffff0f;box-shadow:0 20px 50px #02061759}.kpi-chip{background:linear-gradient(#fff,#f8fafc);border:1px solid #94a3b833;border-radius:14px;padding:1rem;position:relative;overflow:hidden}.kpi-chip:after{content:"";background:linear-gradient(90deg,#0000,#c9a227b3,#0000);height:2px;position:absolute;inset:auto 0 0}