Description:

@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); .rb-juegos-wrap{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 18px 0 10px; /* ms aire */ } .rb-juegos-btn{ --rb-bg:#501051; --rb-deep:#0a0247; --rb-white:#eff0f5; display: inline-flex; align-items: center; height: 56px; /* */ border-radius: 16px; /* */ background: var(--rb-bg); border: 2px solid rgba(10,2,71,.55); /* ms marcado */ box-shadow: 0 18px 34px rgba(10,2,71,.18); /* ms presencia */ overflow: hidden; text-decoration: none !important; user-select: none; -webkit-tap-highlight-color: transparent; margin: 0 auto; max-width: 100%; position: relative; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .rb-juegos-btn::before{ content:""; position:absolute; inset:-2px; border-radius: 18px; pointer-events:none; background: radial-gradient(circle at 50% 30%, rgba(239,240,245,.18), transparent 55%); opacity:.9; } .rb-juegos-btn:hover{ transform: translateY(-2px); box-shadow: 0 22px 44px rgba(10,2,71,.22); filter: saturate(1.05); } /* Rieles laterales */ .rb-juegos-rail{ width: 74px; /* */ height: 100%; overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(10,2,71,.26), rgba(10,2,71,.14)); } .rb-juegos-rail::after{ content:""; position:absolute; top: 10px; bottom: 10px; right: 0; width: 1px; background: rgba(239,240,245,.22); opacity: .85; } .rb-juegos-rail--right::after{ left: 0; right: auto; } .rb-juegos-track{ position:absolute; inset: 0; display:flex; align-items:center; gap: 12px; padding: 0 12px; will-change: transform; opacity: .97; } .rb-juegos-rail--left .rb-juegos-track{ animation: rbMarqueeLeft 2.6s linear infinite; } .rb-juegos-rail--right .rb-juegos-track{ animation: rbMarqueeRight 2.6s linear infinite; } @keyframes rbMarqueeLeft{ 0% { transform: translateX(0); } 100% { transform: translateX(-74px); } /* = ancho del rail */ } @keyframes rbMarqueeRight{ 0% { transform: translateX(-74px); } 100% { transform: translateX(0); } } .rb-juegos-ico{ width: 20px; height: 20px; flex: 0 0 auto; filter: drop-shadow(0 3px 6px rgba(0,0,0,.28)); opacity: .97; } /* Centro fijo */ .rb-juegos-center{ height: 100%; display:flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 18px; min-width: 260px; text-align: center; position: relative; } .rb-juegos-top{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 11px; lett