/* ============================================================ MU NETWORK — Keyframes & Animations ============================================================ */ @keyframes rotateSlow { to { transform: rotate(360deg); } } @keyframes twinkle { from { opacity: .35; } to { opacity: .8; } } @keyframes floatSoft { from { transform: translateY(0); } to { transform: translateY(-10px); } } @keyframes kenBurns { from { transform: scale(1.05) translate(0,0); } to { transform: scale(1.15) translate(-1%, -1%); } } @keyframes scrollDot { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(14px); opacity: 0; } } @keyframes pulseSoft { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 24px rgba(56,209,255,.4)); } 50% { transform: scale(1.04); filter: drop-shadow(0 0 40px rgba(56,209,255,.7)); } } @keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalIn { from { opacity: 0; transform: translateY(20px) scale(.97); } to { opacity: 1; transform: none; } } @keyframes waPulse { 0% { box-shadow: 0 10px 30px rgba(37,211,102,.5), 0 0 0 0 rgba(37,211,102,.7); } 70% { box-shadow: 0 10px 30px rgba(37,211,102,.5), 0 0 0 20px rgba(37,211,102,0); } 100% { box-shadow: 0 10px 30px rgba(37,211,102,.5), 0 0 0 0 rgba(37,211,102,0); } } /* Reveal on scroll (Intersection Observer) IMPORTANTE: por defecto el contenido es VISIBLE. Solo se anima cuando el JS corre correctamente y marca . Así, si el JavaScript falla o el navegador lo bloquea, ninguna sección queda invisible. */ .js-armed .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); } .js-armed .reveal.is-visible { opacity: 1; transform: none; } .js-armed .reveal:nth-child(1) { transition-delay: .05s; } .js-armed .reveal:nth-child(2) { transition-delay: .15s; } .js-armed .reveal:nth-child(3) { transition-delay: .25s; } .js-armed .reveal:nth-child(4) { transition-delay: .35s; } .js-armed .reveal:nth-child(5) { transition-delay: .45s; } /* Shine */ .shine { position: relative; overflow: hidden; } .shine::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transform: skewX(-20deg); animation: shineMove 3.5s infinite; } @keyframes shineMove { 0% { left: -60%; } 60%, 100% { left: 130%; } } /* Payment hub effects */ @keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @keyframes shimmerBorder { 0% { filter: hue-rotate(0deg) brightness(1); } 50% { filter: hue-rotate(8deg) brightness(1.25); } 100% { filter: hue-rotate(0deg) brightness(1); } } @keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 0 rgba(240,193,75,0); } 50% { box-shadow: 0 0 28px rgba(240,193,75,.35); } } .item-tooltip__stats p.gold{color:#FFD700!important;} .item-tooltip__stats p.green{color:#00FF66!important;} .item-tooltip__stats p.red{color:#FF5555!important;} .item-tooltip__stats p.cyan{color:#00FFFF!important;} .item-tooltip__stats p.orange{color:#FF9800!important;} .item-tooltip__stats p.purple{color:#C77DFF!important;} .item-tooltip__stats p.white{color:#FFFFFF!important;} .item-tooltip__stats p.blue{color:#66CCFF!important;} /* Tooltip V2 */ :root{ --tooltip-width:360px;--tooltip-padding:16px;--tooltip-image-size:72px; } .item-tooltip{width:var(--tooltip-width)!important;padding:var(--tooltip-padding)!important;} .item-tooltip__img img{width:var(--tooltip-image-size)!important;height:auto!important;} .item-tooltip__stats p.gold{color:#FFD700!important}.item-tooltip__stats p.yellow{color:#FFFF00!important}.item-tooltip__stats p.darkgold{color:#C9A227!important}.item-tooltip__stats p.green{color:#00FF66!important}.item-tooltip__stats p.lime{color:#7CFC00!important}.item-tooltip__stats p.darkgreen{color:#00B050!important}.item-tooltip__stats p.red{color:#FF5555!important}.item-tooltip__stats p.darkred{color:#CC0000!important}.item-tooltip__stats p.blue{color:#66CCFF!important}.item-tooltip__stats p.skyblue{color:#87CEEB!important}.item-tooltip__stats p.cyan{color:#00FFFF!important}.item-tooltip__stats p.aqua{color:#7FFFD4!important}.item-tooltip__stats p.purple{color:#C77DFF!important}.item-tooltip__stats p.violet{color:#8A2BE2!important}.item-tooltip__stats p.magenta{color:#FF00FF!important}.item-tooltip__stats p.orange{color:#FF9800!important}.item-tooltip__stats p.pink{color:#FF69B4!important}.item-tooltip__stats p.white{color:#FFF!important}.item-tooltip__stats p.silver{color:#D9D9D9!important}.item-tooltip__stats p.gray{color:#A0A0A0!important}.item-tooltip__stats p.darkgray{color:#606060!important}.item-tooltip__stats p.black{color:#000!important}