:root{--negro:#080808;--azul-glow:rgba(0,0,0,.3);--blanco:#fff;--gris-sub:#bbb;--box-transition:all 0.5s cubic-bezier(0.4,0.0,0.2,1);--fade-transition:opacity 0.2s ease-in-out}.mundial-widget{align-items:center;bottom:20px;cursor:pointer;display:flex;left:20px;margin:-10px;padding:10px;position:fixed;z-index:1000}.icon-container{flex-shrink:0;height:50px;position:relative;width:50px;z-index:3}.icon-container img{border:2px solid #2a2a2a;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3);height:100%;object-fit:cover;width:100%}.banner-box{background-color:var(--negro);border:1px solid #333;border-radius:16px;box-shadow:0 0 30px var(--azul-glow);color:var(--blanco);font-family:poppins;height:54px;margin-left:15px;overflow:hidden;position:relative;transition:var(--box-transition);width:230px}.banner-content{color:var(--blanco);left:20px;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%)}.state-closed{font-size:13px;font-weight:500;opacity:1}.state-opened{align-items:center;display:flex;opacity:0;width:650px}.text-group{flex-grow:1}.text-group h4{font-size:16px;font-weight:700;margin:0 0 4px}.text-group p{color:var(--gris-sub);font-size:13px;margin:0;max-width:450px;white-space:normal}.btn-action{background-color:var(--blanco);border:none;border-radius:30px;box-shadow:0 4px 15px hsla(0,0%,100%,.2);color:var(--negro);cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;margin-right:10px;padding:10px 14px;white-space:nowrap}.mundial-widget:hover .banner-box{box-shadow:0 0 50px var(--azul-glow);height:90px;width:700px}.mundial-widget:hover .state-closed{opacity:0;transform:translateY(-50%) translateX(-20px)}.mundial-widget:hover .state-opened{opacity:1;transform:translateY(-50%) translateX(0)}.state-opened{transform:translateY(-50%) translateX(20px)}.mundial-widget:hover .close-icon{opacity:1}.mundial-widget.mobile-btn{display:none}@media screen and (max-width:900px){.mundial-widget.mobile-btn{display:flex}.mundial-widget.desktop-btn{display:none}}