@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.footer{width:100%;position:fixed;bottom:0;z-index:100;background-color:#fff;box-shadow:#333 0 0 10px;padding:8px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;gap:16px;height:10vh}.footer div{background-color:#505050;color:#000;border-radius:16px;padding:8px;font-size:1.2rem;cursor:pointer;font-weight:600;text-align:center;width:10%;opacity:.5;transition:background-color .3s ease,color .3s ease,opacity .3s ease,transform .2s ease}.footer div.active{background-color:#00b5e2;color:#fff;opacity:1;transform:scale(1.05)}.perfil{padding:8px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;min-width:100px;gap:16px;font-size:1.2rem}.perfil img{width:32px}.navHeader{width:100%;height:10vh;background-color:#fff;border-radius:0 0 16px 16px;position:fixed;box-shadow:#000 0 0 10px;padding:0 16px;transform:translateY(0);transition:transform .4s ease-in-out;display:flex;justify-content:space-between;align-items:center;gap:16px}.navHeader.hidden{transform:translateY(-100%)}.navHeader{top:0;right:0;z-index:100}.navHeader .logo{display:flex;align-items:center;color:#ff8e04;font-weight:700}.navHeader .logo img{width:64px}.menu{width:50%;display:flex;justify-content:end;align-items:center;gap:16px}.menu .menu_item{min-width:100px;cursor:pointer;position:relative}.menu .menu_item img{width:24px}.btn-play{background-color:#00b5e2;color:#fff;border-radius:8px;padding:8px;font-size:1.1rem;cursor:pointer;font-weight:600;text-align:center;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:100%;transition:scale ease .4s}.btn-play:hover{scale:1.05}.btn-exit{background-color:#e20000;color:#fff;border-radius:8px;padding:8px;font-size:1.1rem;cursor:pointer;font-weight:600;text-align:center;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;transition:scale ease .4s}.btn-exit:hover{scale:1.05}.toggleMenu{position:absolute;z-index:200;bottom:-24px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background-color:#fff;color:#ff8e04;font-size:20px;cursor:pointer;box-shadow:#000 0 4px 10px;transition:background-color .2s ease,color .2s ease}.toggleMenu.hidden{background-color:#505050;color:#fff}*{box-sizing:border-box;padding:0;margin:0;border:none;font-family:Inter;list-style-type:none}.main_layout{width:100%;height:100vh;background:linear-gradient(#ffffffe6,#fff9),url(/assets/banner-rv7WyZVH.png);background-repeat:no-repeat;background-size:cover;background-position:right;background-attachment:fixed;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.bounce-enter-active,.bounce-leave-active{animation:bounce-in 1s ease}.bounce-leave-active{animation-direction:reverse}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}