*{box-sizing:border-box}body{width:100vw;height:100vh}.play{display:none;font-size:.8em;cursor:pointer}.overlay{background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.overlay .consejo{position:relative;background-color:#fff;border-radius:1rem;width:75%;padding:8rem 4rem;text-align:center}.overlay .consejo .close{position:absolute;top:1rem;right:2rem;font-size:5rem;cursor:pointer}.overlay .consejo .title{font-size:8rem;font-weight:700}.overlay .consejo .text{font-size:4rem}@media (max-width:768px){.main .menu div{width:70%!important;font-size:38px!important}.main .main-cont .game{width:45%!important}.main .main-cont .game .completa{margin-top:1em!important}.main .main-cont .mainChar{width:45%!important}.main .cards-container{flex-direction:column!important;margin-top:0!important}.main .cards-container .pj-card{padding:1em 3em!important}.main .cards-container .pj-card p{font-size:22px!important}.main .cards-container .pj-card img{width:20%!important}.main .info{padding:2em}.main .info .text{padding-left:2em}.main .info .avatar{width:30%!important}.modal-container{min-width:55vw!important;max-width:80vw}.modal-container .title{font-size:34px!important}.modal-container .body-cont .item{font-size:1.1em!important}.overlay .consejo{width:90%!important}.overlay .consejo .title{font-size:6rem;font-weight:700}.overlay .consejo .text{font-size:3rem}}@media (max-width:767px){.main .title div{font-size:35px!important}.main .title img{width:260px!important}.main .elements-container{font-size:.9em!important}.main .name{font-size:2em!important;margin-bottom:0!important}.main .cards-container{flex-direction:column!important;margin-top:0!important}.main .cards-container .pj-card{padding:1em 3em!important}.main .cards-container .pj-card p{font-size:22px!important}.main .cards-container .pj-card img{width:30%!important}.main .info{padding:1em 2em 0;flex-direction:column!important;justify-content:center!important;align-items:center!important}.main .info .text{padding-left:0;font-size:.9em!important}.main .info .avatar{width:30%!important}.main .main-cont .game{width:49%!important}.main .main-cont .game .completa,.main .main-cont .game .game-desc{font-size:1em!important;padding:1em!important}.main .main-cont .game .completa{margin-top:1em!important}.main .main-cont .mainChar{width:49%!important}.main .main-cont .mainChar .desc{font-size:1em!important;padding:1em!important}.main .menu div{width:90%!important;font-size:28px!important}.main .btn-games .games-row>*{font-size:15px!important}.main .knwoledge-level-container{margin-top:1.5em!important;margin-bottom:2em}.main .knwoledge-level-container .knwoledge-level-button{font-size:20px!important}.modal-container{min-width:90vw!important;max-height:80%;overflow-y:auto}.modal-container .title{font-size:28px!important}.modal-container .body-cont{padding:1em 1.5em!important}.modal-container .body-cont .item{font-size:.9em!important}.overlay .consejo{padding:6rem 3rem!important}.overlay .consejo .close{font-size:2rem}.overlay .consejo .title{font-size:3rem;font-weight:700}.overlay .consejo .text{font-size:1.5rem}.mt-2{font-size:1.4em!important}.radio{padding-left:0!important;display:flex}.radio label{font-size:1em!important}}