.page-template-playground{background-color:#f6f1f7}.playground-game{width:100%}.playground-game .board{width:100%;height:100vh;position:relative}.playground-game .board .background-blurred{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(4px)}.playground-game .board .background-blurred img{object-fit:cover;object-position:center;height:90%;user-select:none;opacity:.6}.playground-game .board .magnet{position:absolute;font-size:9.7395833333vw;font-weight:500;color:#fc4a00;cursor:pointer;opacity:1}.playground-game .board .magnet .letter{display:inline-flex}.playground-game .board .magnet .letter.floating-3{animation:floating-3 infinite linear}.playground-game .board .magnet .letter.floating-4{animation:floating-4 infinite linear}.playground-game .board .magnet .letter.floating-5{animation:floating-5 infinite linear}.playground-game .board .magnet .letter.floating-6{animation:floating-6 infinite linear}.playground-game .board .magnet .letter.floating-7{animation:floating-7 infinite linear}.playground-game .board .magnet .letter.floating-8{animation:floating-8 infinite linear}.playground-game .board .magnet .letter.floating-9{animation:floating-9 infinite linear}.playground-game .board .magnet .letter.floating-10{animation:floating-10 infinite linear}.playground-game .board .magnet .letter.floating-11{animation:floating-11 infinite linear}.playground-game .board .magnet .letter.floating-12{animation:floating-12 infinite linear}.playground-game .board .magnet .letter.floating-13{animation:floating-13 infinite linear}.playground-game .board .magnet .letter.floating-14{animation:floating-14 infinite linear}.playground-game .board .magnet .letter.floating-15{animation:floating-15 infinite linear}.playground-game .board .magnet .letter.floating-16{animation:floating-16 infinite linear}.playground-game .board .magnet .letter.floating-17{animation:floating-17 infinite linear}.playground-game .board .magnet .letter.floating-18{animation:floating-18 infinite linear}.playground-game .board .magnet .letter.floating-19{animation:floating-19 infinite linear}.playground-game .board .magnet .letter.floating-20{animation:floating-20 infinite linear}.playground-game .board .magnet .letter.floating-duration-3{animation-duration:3s}.playground-game .board .magnet .letter.floating-duration-4{animation-duration:4s}.playground-game .board .magnet .letter.floating-duration-5{animation-duration:5s}.playground-game .board .magnet .letter.floating-duration-6{animation-duration:6s}.playground-game .board .magnet .letter.floating-duration-7{animation-duration:7s}.playground-game .board .magnet .letter.floating-duration-8{animation-duration:8s}.playground-game .board .magnet.accepted{animation:bounce-scale-10 infinite linear}.playground-game .board .magnet.completed{transition:all 4s cubic-bezier(0.34, 1.56, 0.64, 1),color linear .2s;top:calc(50% - 5.2083333333vw) !important;left:50% !important;--offset-x: 0!important;--offset-y: 0!important;transform:translate(-50%, -50%) !important;pointer-events:none;color:#000}.playground-game .board .magnet.completed .letter{animation:floating-10 infinite linear;animation-duration:3s}.playground-game .board .magnet.fake-completed{transition:all 4s cubic-bezier(0.34, 1.56, 0.64, 1),color linear .2s;top:calc(50% - 5.2083333333vw) !important;left:50% !important;--offset-x: 0!important;--offset-y: 0!important;transform:translate(-50%, -50%) !important;pointer-events:none;animation:fade-in 1s ease-in-out forwards;opacity:0;color:#000}.playground-game .board .magnet.fake-completed .letter{animation:floating-10 infinite linear;animation-duration:3s}.playground-game .board .magnet.dissapear{animation:none;transition:top linear 1s,left linear 1s,opacity linear .6s;top:24% !important;left:46% !important;opacity:0}.playground-game .board .completed-message{position:absolute;top:calc(50% + 6.25vw);left:50%;transform:translate(-50%, -50%);font-size:2.0833333333vw;line-height:1.25;text-align:center;font-weight:300;width:51.5625vw;opacity:0;transition:opacity linear .4s}.playground-game .board .completed-message.show{opacity:1}.playground-game .board .go-down{position:absolute;bottom:8vh;left:50%;z-index:1;transform:translate(-50%, 0);opacity:0;pointer-events:none;transition:opacity linear .3s;animation:bounce-arrows 2s infinite}.playground-game .board .go-down.show{opacity:1;pointer-events:initial}.playground-game .board .btn{position:absolute;bottom:8vh;left:50%;z-index:1;transform:translate(-50%, 0);opacity:0;pointer-events:none;transition:opacity linear .3s}.playground-game .board .btn.show{opacity:1;pointer-events:initial}.playground-content{flex-direction:column;align-items:center;width:100%;padding-bottom:3.125vw;display:none}.playground-content.show{display:flex}.playground-content .filter-categories{display:flex;justify-content:center;width:100%;gap:.4166666667vw;margin-top:2.0833333333vw}.playground-content .filter-categories .tag-category{background-color:#f3d0f9;border-radius:1.5625vw;text-align:center;color:#fc4a00;font-size:1.0416666667vw;font-weight:300;padding:.5208333333vw .78125vw;min-width:10.15625vw;transition:all linear .2s;cursor:pointer}.playground-content .filter-categories .tag-category:hover{background-color:#fc4a00;color:#fff}.playground-content .filter-categories input{display:none}.playground-content .filter-categories input:checked+label{background-color:#fc4a00;color:#fff}.playground-content .cards-playground{display:flex;flex-wrap:wrap;width:100%;margin-top:8.3333333333vw;opacity:0;transition:opacity linear 0s}.playground-content .cards-playground.animated{opacity:1;transition:opacity linear .2s}.playground-content .cards-playground .column-card{display:flex;flex-direction:column;flex-wrap:wrap;width:50%;transition:all linear .2s}.playground-content .cards-playground .column-card .card-playground{position:relative;margin-top:12.5vw;overflow:hidden}.playground-content .cards-playground .column-card .card-playground:before{content:"";position:absolute;width:100%;height:100%;opacity:.7;background-color:#f3d0f9;z-index:1}.playground-content .cards-playground .column-card .card-playground .card-image{width:100%;height:23.4375vw}.playground-content .cards-playground .column-card .card-playground .card-image img{transform:scale(1);width:100%;height:100%;transition:all linear .2s;object-fit:cover;object-position:center}.playground-content .cards-playground .column-card .card-playground .card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;padding:1.0416666667vw}.playground-content .cards-playground .column-card .card-playground .card-content .card-title{width:100%;font-size:2.2395833333vw;text-align:center;font-weight:500;line-height:1.2}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories{display:flex;justify-content:center;flex-wrap:wrap;width:100%;text-align:center;margin-top:1.5625vw}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories .tag{margin:.5208333333vw;font-size:.9375vw;font-weight:300;padding:.3125vw 1.0416666667vw;background-color:#fc4a00;border-radius:1.0416666667vw;color:#fff;min-width:7.8125vw}.playground-content .cards-playground .column-card:nth-child(4n+1) .card-playground{animation:floating-8 infinite linear;margin-top:0;top:-5.2083333333vw;left:1.0416666667vw;animation-duration:3.4s}.playground-content .cards-playground .column-card:nth-child(4n+2) .card-playground{animation:floating-13 infinite linear;left:-1.5625vw;top:-3.125vw;animation-duration:3s}.playground-content .cards-playground .column-card:nth-child(4n+3) .card-playground{animation:floating-8 infinite linear;margin-top:0;top:-5.2083333333vw;left:2.6041666667vw;animation-duration:4s}.playground-content .cards-playground .column-card:nth-child(4n+4) .card-playground{animation:floating-13 infinite linear;animation-duration:3.6s;top:-3.125vw}.playground-content .cards-playground .column-card:hover{transform:scale(1.03) !important}.playground-content .cards-playground .column-card:hover .card-playground .card-image img{transform:scale(1.1)}.playground-content .back-home{position:relative;z-index:1}.floating-card{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);transform:translate(-200vw, -200vw);opacity:0;transition:opacity linear .2s,transform linear 0s .2s;z-index:2}.floating-card.show{transition:opacity linear .2s,transform linear 0s 0s;transform:translate(0, 0);opacity:1}.floating-card .inner{position:relative;width:67.1875vw;display:flex;background-color:#fff;box-shadow:4px 7px 24px rgba(0,0,0,.5)}.floating-card .inner .close{content:"";position:absolute;right:1.3020833333vw;top:1.3020833333vw;width:1.5625vw;height:1.5625vw;background:url(../img/close-card.png);background-size:cover}.floating-card .inner .card-left{width:50%}.floating-card .inner .card-left img{width:100%;height:100%;object-fit:cover;object-position:center}.floating-card .inner .card-right{width:50%;display:flex;flex-direction:column;align-items:flex-start;padding:2.6041666667vw 5.2083333333vw;padding-top:4.1666666667vw;font-weight:300}.floating-card .inner .card-right .card-title{font-size:2.0833333333vw;font-weight:500;line-height:1.2}.floating-card .inner .card-right .card-text{margin-top:1.0416666667vw;font-size:1.3020833333vw;line-height:1.2}.floating-card .inner .card-right .card-link{border:1px solid #000;text-align:center;color:#000;padding:.15625vw .9375vw;border-radius:1.0416666667vw;font-size:.9375vw;margin-top:2.6041666667vw}.floating-card .inner .card-right .card-link:hover{background-color:#000;color:#fff}@keyframes card-rotating-right{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes card-rotating-left{from{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes floating-3{from{transform:rotate(0deg) translate3d(3px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(3px, 0, 0) rotate(-360deg)}}@keyframes floating-4{from{transform:rotate(0deg) translate3d(4px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(4px, 0, 0) rotate(-360deg)}}@keyframes floating-5{from{transform:rotate(0deg) translate3d(5px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(5px, 0, 0) rotate(-360deg)}}@keyframes floating-6{from{transform:rotate(0deg) translate3d(6px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(6px, 0, 0) rotate(-360deg)}}@keyframes floating-7{from{transform:rotate(0deg) translate3d(7px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(7px, 0, 0) rotate(-360deg)}}@keyframes floating-8{from{transform:rotate(0deg) translate3d(8px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(8px, 0, 0) rotate(-360deg)}}@keyframes floating-9{from{transform:rotate(0deg) translate3d(9px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(9px, 0, 0) rotate(-360deg)}}@keyframes floating-10{from{transform:rotate(0deg) translate3d(10px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(10px, 0, 0) rotate(-360deg)}}@keyframes floating-11{from{transform:rotate(0deg) translate3d(11px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(11px, 0, 0) rotate(-360deg)}}@keyframes floating-12{from{transform:rotate(0deg) translate3d(12px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(12px, 0, 0) rotate(-360deg)}}@keyframes floating-13{from{transform:rotate(0deg) translate3d(13px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(13px, 0, 0) rotate(-360deg)}}@keyframes floating-14{from{transform:rotate(0deg) translate3d(14px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(14px, 0, 0) rotate(-360deg)}}@keyframes floating-15{from{transform:rotate(0deg) translate3d(15px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(15px, 0, 0) rotate(-360deg)}}@keyframes floating-16{from{transform:rotate(0deg) translate3d(16px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(16px, 0, 0) rotate(-360deg)}}@keyframes floating-17{from{transform:rotate(0deg) translate3d(17px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(17px, 0, 0) rotate(-360deg)}}@keyframes floating-18{from{transform:rotate(0deg) translate3d(18px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(18px, 0, 0) rotate(-360deg)}}@keyframes floating-19{from{transform:rotate(0deg) translate3d(19px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(19px, 0, 0) rotate(-360deg)}}@keyframes floating-20{from{transform:rotate(0deg) translate3d(20px, 0, 0) rotate(0deg)}to{transform:rotate(360deg) translate3d(20px, 0, 0) rotate(-360deg)}}@keyframes bounce-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes bounce-arrows{0%,20%,50%,80%,100%{transform:translate(-50%, 0)}40%{transform:translate(-50%, -20px)}60%{transform:translate(-50%, -10px)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(min-width: 1920px){.playground-game .board .magnet{font-size:187px}.playground-game .board .magnet.completed{top:calc(50% - 100px) !important}.playground-game .board .magnet.fake-completed{top:calc(50% - 100px) !important}.playground-game .board .completed-message{top:calc(50% + 120px);font-size:40px;width:990px}.playground-content{padding-bottom:60px}.playground-content .filter-categories{gap:8px;margin-top:40px}.playground-content .filter-categories .tag-category{border-radius:30px;font-size:20px;padding:10px 15px;min-width:195px}.playground-content .cards-playground{margin-top:160px}.playground-content .cards-playground .column-card .card-playground{margin-top:240px}.playground-content .cards-playground .column-card .card-playground .card-image{height:450px}.playground-content .cards-playground .column-card .card-playground .card-content{padding:20px}.playground-content .cards-playground .column-card .card-playground .card-content .card-title{font-size:43px}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories{margin-top:30px}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories .tag{margin:10px;font-size:18px;padding:6px 20px;border-radius:20px;min-width:150px}.playground-content .cards-playground .column-card:nth-child(4n+1) .card-playground{top:-100px;left:20px}.playground-content .cards-playground .column-card:nth-child(4n+2) .card-playground{left:-30px;top:-60px}.playground-content .cards-playground .column-card:nth-child(4n+3) .card-playground{top:-100px;left:50px}.playground-content .cards-playground .column-card:nth-child(4n+4) .card-playground{top:-60px}.floating-card .inner{width:1290px}.floating-card .inner .close{right:25px;top:25px;width:30px;height:30px}.floating-card .inner .card-right{padding:50px 100px;padding-top:80px}.floating-card .inner .card-right .card-title{font-size:40px}.floating-card .inner .card-right .card-text{margin-top:20px;font-size:25px}.floating-card .inner .card-right .card-link{padding:3px 18px;border-radius:20px;font-size:18px;margin-top:50px}}@media(max-width: 1560px)and (min-width: 992px){.playground-content{padding-bottom:3.125vw}.playground-content .filter-categories{gap:0.4166666667vw;margin-top:2.0833333333vw}.playground-content .filter-categories .tag-category{border-radius:1.5625vw;font-size:1.6145833333vw;padding:0.5208333333vw 0.78125vw;min-width:13.0208333333vw}.playground-content .cards-playground{margin-top:8.3333333333vw;width:81.25vw}.playground-content .cards-playground .column-card .card-playground{margin-top:12.5vw}.playground-content .cards-playground .column-card .card-playground .card-image{height:23.4375vw}.playground-content .cards-playground .column-card .card-playground .card-content{padding:1.0416666667vw}.playground-content .cards-playground .column-card .card-playground .card-content .card-title{font-size:2.2395833333vw}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories{margin-top:1.5625vw}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories .tag{margin:0.5208333333vw;font-size:1.09375vw;padding:0.3125vw 1.0416666667vw;border-radius:1.0416666667vw;min-width:7.8125vw}.playground-content .cards-playground .column-card:nth-child(4n+1) .card-playground{top:-5.2083333333vw;left:1.0416666667vw}.playground-content .cards-playground .column-card:nth-child(4n+2) .card-playground{animation:floating-13 infinite linear;left:-1.5625vw;top:-3.125vw}.playground-content .cards-playground .column-card:nth-child(4n+3) .card-playground{top:-5.2083333333vw;left:2.6041666667vw}.playground-content .cards-playground .column-card:nth-child(4n+4) .card-playground{top:-3.125vw}.floating-card .inner{width:67.1875vw;box-shadow:0.2083333333vw 0.3645833333vw 1.25vw rgba(0,0,0,.5)}.floating-card .inner .close{right:1.3020833333vw;top:1.3020833333vw;width:1.5625vw;height:1.5625vw}.floating-card .inner .card-right{padding:2.6041666667vw 5.2083333333vw;padding-top:4.1666666667vw}.floating-card .inner .card-right .card-title{font-size:2.0833333333vw}.floating-card .inner .card-right .card-text{margin-top:1.0416666667vw;font-size:1.3020833333vw}.floating-card .inner .card-right .card-link{border-radius:0.625vw;padding:0.625vw 1.5625vw;font-size:1.7708333333vw;margin-top:2.6041666667vw}}@media(max-width: 991px){.playground-game .board .background-blurred img{height:auto;width:90%}.playground-game .board .magnet{font-size:15vw}.playground-game .board .magnet.completed{top:calc(50% - 80px) !important}.playground-game .board .magnet.fake-completed{top:calc(50% - 80px) !important}.playground-game .board .completed-message{top:calc(50% + 20px) !important;width:calc(100% - 40px);font-size:16px}.playground-content .filter-categories{flex-wrap:nowrap;overflow:auto;justify-content:flex-start;padding:10px;padding-bottom:10px}.playground-content .filter-categories .tag-category{font-size:22px;padding:8px 15px;min-width:auto;border-radius:30px}.playground-content .cards-playground{margin-top:0px}.playground-content .cards-playground .column-card{width:100%;align-items:center}.playground-content .cards-playground .column-card .card-playground{width:92%;max-width:480px;top:0 !important;left:0 !important;margin-top:20px !important;animation:none !important}.playground-content .cards-playground .column-card .card-playground .card-image{height:360px}.playground-content .cards-playground .column-card .card-playground .card-content .card-title{font-size:30px}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories{margin-top:20px}.playground-content .cards-playground .column-card .card-playground .card-content .card-categories .tag{font-size:16px;padding:4px 15px;min-width:auto;margin:5px;border-radius:20px}.playground-content .back-home{margin-top:30px}.floating-card .inner{width:calc(100% - 20px);flex-direction:column}.floating-card .inner .close{right:25px;top:25px;width:30px;height:30px}.floating-card .inner .card-left{width:100%}.floating-card .inner .card-right{width:100%;padding:20px 20px;padding-top:20px;max-height:58vh;overflow:auto}.floating-card .inner .card-right .card-title{font-size:26px}.floating-card .inner .card-right .card-text{font-size:16px;margin-top:10px}.floating-card .inner .card-right .card-link{padding:6px 15px;font-size:20px;margin-top:20px;border-radius:12px}}/*# sourceMappingURL=game.css.map */