/* Hero oficial de Soluciones · BEOS · todas-capas-8. */
[data-solution-hero-media]{aspect-ratio:800/720}
[data-beos-solutions-hero]{display:block;width:100%;height:100%}
.beos-solutions-composition{position:relative;width:100%;aspect-ratio:800/720;background:transparent;color:#086181}
.beos-solutions-composition *{box-sizing:border-box}
.beos-solutions-composition .composition-poster{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.beos-solutions-composition .stage{width:100%;aspect-ratio:800/720;position:relative;perspective:1100px;isolation:isolate;touch-action:pan-y;overflow:clip}
.beos-solutions-composition .tilt-layer{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.beos-solutions-composition .hammer-front{position:absolute;inset:0;z-index:6;pointer-events:none}
.beos-solutions-composition .world{position:absolute;width:800px;height:720px;left:50%;top:0;transform-origin:top center}
.beos-solutions-composition .scene{position:absolute;inset:0;opacity:0;will-change:transform,opacity}
.beos-solutions-composition .plates{position:absolute;inset:0}
.beos-solutions-composition .plate{position:absolute;left:var(--plate-left,-80px);top:var(--plate-top,35px);width:var(--plate-width,960px);height:var(--plate-height,640px);background-size:var(--atlas-size,200% 200%);background-repeat:no-repeat;pointer-events:none}
.beos-solutions-composition .paid-layered{display:none;background:none;overflow:hidden;contain:paint}
.beos-solutions-composition .paid-layers-active .paid-layered{display:block}
.beos-solutions-composition .hammer{position:absolute;left:0;top:0;width:360px;height:360px;transform-origin:302px 287px;will-change:transform;z-index:5;pointer-events:none}
.beos-solutions-composition .hammer img{display:block;width:100%;height:100%;object-fit:contain}
.beos-solutions-composition .face-light{position:absolute;left:49px;top:145px;width:39px;height:30px;border-radius:50%;background:#d7ffff;box-shadow:0 0 12px 6px #47dfff;opacity:0;transform:rotate(43deg);mix-blend-mode:screen}
.beos-solutions-composition .effects{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}
.beos-solutions-composition .flash{position:absolute;left:0;top:0;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff 3%,#ffefb3 15%,#f4ad68aa 35%,#f29a5800 68%);opacity:0;will-change:transform,opacity}
.beos-solutions-composition .ripple{position:absolute;left:0;top:0;border:2px solid #75ddef;border-radius:50%;width:80px;height:80px;opacity:0;box-shadow:0 0 18px #76e8ff70,inset 0 0 9px #f9b05c55;will-change:transform,opacity}
.beos-solutions-composition .spark{position:absolute;left:0;top:0;width:4px;height:18px;border-radius:8px;background:#f6a052;box-shadow:0 0 7px #f7b879;opacity:0;transform-origin:50% 50%}
.beos-solutions-composition .spark:nth-of-type(3n){background:#36c6e6;box-shadow:0 0 6px #8de9ff}
.beos-solutions-composition .spark:nth-of-type(4n){width:6px;height:6px;background:#fff5d3}
.beos-solutions-composition .social .plates{mask-image:linear-gradient(to bottom,transparent 5px,#000 20px,#000 681px,transparent 691.4px)}
.beos-solutions-composition .processes .plates{mask-image:linear-gradient(to bottom,transparent 165px,#000 180px,#000 605px,transparent 625px)}
.beos-solutions-composition .ecommerce .plates{mask-image:linear-gradient(to bottom,transparent 35px,#000 55px,#000 616px,transparent 623.8px)}
.beos-solutions-composition .marketplaces .plates{mask-image:linear-gradient(to bottom,transparent 35px,#000 58px,#000 605px,transparent 623.8px)}
.beos-solutions-composition .scene-layered{display:block;background:none;overflow:hidden;contain:paint}