.universo{
 position:relative;width:100%;max-width:min(680px,80svh);aspect-ratio:1 / 1;justify-self:center;
 touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
 isolation:isolate
}
html[data-emblema="vivo"] .universo{cursor:grab}
html[data-emblema="vivo"] .universo.arrastra{cursor:grabbing}
.universo__estatico{position:absolute;left:50%;top:50%;width:auto;height:72%;max-width:none;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-drag:none;transition:opacity 240ms var(--ease-ui)}
.universo canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 240ms var(--ease-ui)}
html[data-emblema] .universo__estatico{opacity:0}
html[data-emblema="vivo"] .universo canvas{opacity:1}
@media(max-width:699.98px){
 
 .universo{width:calc(100% + 2 * var(--margen));max-width:none;margin-inline:calc(-1 * var(--margen))}
}