/* BBS Motion — estados iniciales. Solo aplican con JS activo (html.bbs-m) y sin "reducir movimiento". */
html.bbs-m:not(.bbs-m-listo) [data-motion~="reveal"]:not(.bbs-v),
html.bbs-m:not(.bbs-m-listo) [data-motion~="words"]:not(.bbs-v),
html.bbs-m:not(.bbs-m-listo) [data-motion~="image"]:not(.bbs-v),
html.bbs-m:not(.bbs-m-listo) [data-motion~="line"]:not(.bbs-v),
html.bbs-m:not(.bbs-m-listo) [data-motion~="stagger"] > .e-con-inner > :not(.bbs-v),
html.bbs-m:not(.bbs-m-listo) [data-motion~="stagger"] > :not(.e-con-inner):not(.bbs-v) { opacity: 0; }
.bbs-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .14em; margin-bottom: -.14em; }
.bbs-wi { display: inline-block; }
[data-motion~="marquee"] { overflow: hidden; }
.bbs-mq { display: flex; flex-wrap: nowrap; width: max-content; }
.bbs-mq > * { flex: 0 0 auto; }
[data-motion~="scrub"] canvas.bbs-scrub { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 0; pointer-events: none; border-radius: inherit; }
.bbs-orbit-ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 0; }
.bbs-orbit-base { fill: none; stroke: rgba(255,255,255,0.12); stroke-width: 0.16; }
.bbs-orbit-arc { fill: none; stroke-width: 0.3; stroke-linecap: round; filter: drop-shadow(0 0 3px rgba(124,92,255,0.8)); }
.bbs-orbit-fx { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1; }
.bbs-orbit-dot { fill: #fff; filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px #7C5CFF); transition: opacity .3s; }
.bbs-orbit-beam { stroke: rgba(214,206,255,0.95); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 1; filter: drop-shadow(0 0 6px rgba(124,92,255,0.95)); }
.bbs-orbit-liq { position: absolute; pointer-events: none; z-index: 2; mix-blend-mode: screen; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background: linear-gradient(to top, rgba(124,92,255,0.9), rgba(150,128,255,0.6) 65%, rgba(235,230,255,0.85)); transition: clip-path .18s linear; }
.bbs-orbit-o2 { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.bbs-orb { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: box-shadow .4s, border-color .4s; }
.bbs-orb.bbs-orb-activa { box-shadow: 0 0 0 1px var(--orb-c2, rgba(214,206,255,0.9)), 0 0 42px var(--orb-c, #7C5CFF) !important; }
[data-motion~="orbit"] .bbs-orb { border-color: var(--orb-c2, rgba(124,92,255,0.55)) !important; transition: box-shadow .4s, border-color .4s, filter .4s; }
.bbs-orbit-mundo { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.bbs-orbit-liqgl { background: none !important; mix-blend-mode: normal; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; filter: saturate(1.1) drop-shadow(0 0 18px rgba(255,255,255,0.12)); }