/* RUBY: transición FLIP desde pantalla completa hasta el logo del encabezado */
body.ruby-splash-active { margin:0 !important; overflow:hidden !important; background:#000 !important; }
body.ruby-splash-active .logo-cobra #ruby-logo-final { visibility:hidden !important; }
#ruby-splash { position:fixed !important; inset:0 !important; z-index:2147483647 !important; display:block !important; overflow:visible !important; background:#000 !important; opacity:1; }
#ruby-splash-logo { position:fixed !important; left:50% !important; top:50% !important; width:86vw !important; max-width:1400px !important; max-height:80vh !important; height:auto !important; object-fit:contain !important; transform:translate(-50%,-50%) translate(0,0) scale(1) !important; transform-origin:center center !important; transition:transform 1.6s cubic-bezier(.22,.75,.25,1) !important; }
#ruby-splash.ruby-splash-moving { background:transparent !important; pointer-events:none !important; }
#ruby-splash.ruby-splash-moving #ruby-splash-logo { transform:translate(-50%,-50%) translate(var(--ruby-dx),var(--ruby-dy)) scale(var(--ruby-sx),var(--ruby-sy)) !important; }
@media (prefers-reduced-motion:reduce) { #ruby-splash-logo { transition-duration:.01ms !important; } }