@font-face{font-family:bbvaweb;src:url(/fuentes/PressStart2P-Regular.ttf) format("truetype")}html,body{margin:0;padding:0;font-family:bbvaweb}.displayOff{opacity:0}.displayOn{opacity:1;-webkit-transition:all ease-out 3s;-moz-transition:all ease-out 3s;-o-transition:all ease-out 3s;transition:all ease-out 3s}.mainScreen{position:absolute;width:100vw;height:100vh;background-color:#222;overflow:hidden}.stepTitle{color:#fff;font-size:16px;margin-bottom:2rem}.avatarNameBox,.avatarConfigBox,.officeSelectorBox{position:absolute;width:100%;height:100%;top:0;left:2500px}.logosBox{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.hotelLogo,.nextLogo{width:20%}.startButon{width:20%;margin-top:3rem;background-color:#00cdce;color:#fff;cursor:pointer;text-align:center;padding:20px;font-size:1rem}.avatarNameBox{display:grid;justify-items:center;grid-template-rows:auto 50%}.imputNameBox{width:40%;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:1rem}.imputNameBox input[type=text]{width:100%;padding:12px 20px;box-sizing:border-box;background-color:#222;border:2px solid #00cdce;font-family:bbvaweb;color:#fff;-webkit-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out}.imputNameBox input[type=text]:focus{outline:none;background-color:#00cece4b}.imputNameBox input[type=text]:disabled{opacity:.2!important}.userNameAdvice{font-size:.8rem;color:#ff6c6c}.avatarConfigBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem}.avatarConfig{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatarconfigSelectSection{background-color:#08f;width:100%;background-color:#222;display:flex;align-items:center;justify-content:space-around}.avatarconfigSelectSection .selectorImage{height:150px}.leftSelectorArrow,.rightSelectorArrow{cursor:pointer;animation:breathing 2s ease-out infinite normal}:is(.leftSelectorArrow,.rightSelectorArrow) img{width:50px}.officeSelectorBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.officeSelectorBox .navigateButtons{width:50%}.oficeSelectorMasonry{width:50%;display:flex;justify-items:center;align-items:center;gap:1rem}.floorSelectorButton{background-color:#00cdce;cursor:pointer;width:150px;height:200px;opacity:.5;transition:opacity .2s linear;display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem;box-sizing:border-box}.floorSelectorButton span{color:#fff;font-size:12px;opacity:1}.manoterasBg:hover{opacity:1}.manoterasBg{background-image:url(/images/manoteras.png);background-size:cover;background-repeat:no-repeat}.tablas2Bg{background-image:url(/images/p0Icon.png);background-size:cover;background-repeat:no-repeat;filter:grayscale(100%);cursor:not-allowed}.tablas2P1Bg{background-image:url(/images/p1Icon.png);background-size:cover;background-repeat:no-repeat;filter:grayscale(100%);cursor:not-allowed}.tablas2P2Bg{background-image:url(/images/p2Icon.png);background-size:cover;background-repeat:no-repeat;filter:grayscale(100%);cursor:not-allowed}.navigateButtons{width:40%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.navigateBackButton,.navigateContinueButton{background-color:#2ecbcc;color:#fff;text-align:center;font-size:12px;padding:16px 0;cursor:pointer;min-width:200px}.navigateBackButton:before{content:"";background-image:url(/images/arrowPixel.png);background-size:20px 23px;display:inline-block;width:20px;height:20px;background-repeat:no-repeat;margin-right:10%}.navigateContinueButton:after{content:"";background-image:url(/images/arrowPixelRight.png);background-size:20px 23px;display:inline-block;width:20px;height:20px;background-repeat:no-repeat;margin-left:10%}.navigateContinueButton[disabled=true]{background-color:#cccbcc}.minButton{position:absolute;top:30px;left:30px;width:20%;line-height:22px}.popInfoBox{width:300px;height:250px;position:absolute;top:100px;left:-1500px;border-radius:3px;background:#fff;border:solid 1px #2c2c2c}.popInfoTitle{font-size:14px;padding:0 10px;color:#08f}.popInfoDesc{font-size:12px;padding:10px}.publicChatWindow{position:absolute;bottom:40px;left:30px;width:100%}.publicChatWindow [type=text]{position:relative;float:left;margin:0;border:0;font-size:10px;font-family:bbvaweb;color:#000;height:28px;width:0%;padding-left:2px}.publicChatButton{position:relative;float:left;width:30px;height:30px;cursor:pointer;background-color:#2ecbcc;background-image:url(/images/publiChat.png);background-size:cover}.privateChatWindow{position:absolute;width:300px;height:150px;inset:0 25px -1500px 0;margin:auto;background-color:#fff;border:solid 0px #2c2c2c;border-radius:4px}.privateChatWindow:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:25px solid transparent;border-top-color:#fff;border-bottom:0;border-right:0;margin-left:-19px;margin-bottom:-25px}.privateChatWindowClose{position:absolute;width:20px;height:20px;color:#000;font-size:12px;right:3px;cursor:pointer;top:3px;padding:5px;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.privateChatWindowSend{position:absolute;width:21px;height:21px;color:#000;font-size:12px;right:0;cursor:pointer;bottom:0;padding:5px;background-color:#dddbdb;background-image:url(/images/privateChat.png);background-size:cover;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.changeMessageListBox{position:relative;height:85%;width:100%;border-bottom:dashed 1px #333;overflow-y:scroll;overflow-anchor:none}.changeMessageListBox::-webkit-scrollbar{display:none}.chatMessageList{position:relative;min-height:150px;bottom:0;width:100%;float:left;background-color:#fff;display:flex;flex-flow:column nowrap;justify-content:flex-end;overflow:auto}.chatMessageList::-webkit-scrollbar{display:none}.textPrivate{position:relative;height:15%;width:100%;float:left;padding:0 10px;box-sizing:border-box;font-family:bbvaweb;font-size:7px;border:0;outline:none;background-color:#f5f5f5;color:#000;-webkit-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out}.messageReceiverText,.messageSenderText{font-size:8px;padding:0 10px 10px;color:#333;margin:0;line-height:12px}.messageSenderText{color:#439455}@-webkit-keyframes breathing{0%{-webkit-transform:scale(.9);transform:scale(.9)}25%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes breathing{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}25%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}}