@font-face{font-family:Flama-bold;src:url(../fonts/Flama-Bold.otf)}@font-face{font-family:Flama-book;src:url(../fonts/Flama-Book.otf)}@keyframes example{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes welcomeText{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}*{margin:0;padding:0}#clickToStart{display:flex;justify-content:center;align-items:center;background-color:#69686866;position:fixed;top:0;left:0;right:0;bottom:0;outline:none;z-index:11}#clickToStart h1{display:none;color:#fff;font-family:Flama-book;font-size:85px;text-align:center;margin:auto;animation:welcomeText;animation-duration:1s}.fullScreen{position:fixed;z-index:10;bottom:20px;right:20px;cursor:pointer}#fullScreenOff{display:none}#fullScreenOn{display:block}#portraitInfo{display:none;position:fixed;top:0;z-index:100;width:100vw;height:100vh;background-color:#000;color:#fff}.customButtonTwo{font-weight:400;border-radius:80px;background-color:transparent;padding:10px 38px;font-size:14px;border:none;outline:none;color:#fff;margin:20px 0;border:solid white 1px;text-transform:uppercase;cursor:pointer}.customButton{font-weight:400;border-radius:80px;background:linear-gradient(90deg,rgba(252,147,96,1),rgba(40,154,180,1));padding:5px 10px;font-size:20px;border:none;outline:none;color:#fff;margin:20px 0}#loader{position:fixed;top:0;width:100vw;height:100vh;overflow:hidden;background-color:#000;background-image:url(/images/Portada\ mubico.jpg);background-position:0px 250px;background-size:1300px;background-repeat:no-repeat;z-index:100}#loader>.infoSeccion{color:#fff;position:absolute;top:400px;right:30px;font-family:Flama-bold;font-weight:300;width:500px}#loader>.infoSeccion>.text>h1{font-family:Flama-bold}#loader>.infoSeccion>.text>p{margin:30px 0 80px;font-size:20px;font-family:Flama-book}#loader>.header{display:flex;justify-content:space-between;align-items:center;color:#fff;position:absolute;top:20px;left:90px;font-family:Flama-book;font-weight:400;height:50px;width:185px;box-sizing:border-box;overflow:hidden}#loader>.header>span{font-family:Flama-book;font-weight:300;font-size:20px;text-transform:uppercase}#loader>.header>hr{width:100%;transform:rotate(90deg)}.footer{position:absolute;bottom:10px;right:80px;display:flex;justify-content:space-between;width:90%;align-items:center;height:40px}.footer>.info{display:flex;align-items:center;color:#fff;overflow:hidden}.footer>.info>img{width:15px}.credits{color:#fff;font-family:Flama-book;font-weight:300;font-size:12px;text-transform:uppercase}.footer>.info>span{font-family:Flama-book;font-weight:300;font-size:12px;text-transform:uppercase}.footer>.info>hr{width:50px;transform:rotate(90deg)}#startButton{font-family:Flama-book;text-transform:uppercase;background-color:#fff;height:50px;border-radius:60px;border:none;font-size:24px;width:250px}.lds-dual-ring{display:block;width:20px;height:20px;margin:0 0 30px}.lds-dual-ring:after{content:" ";display:block;width:24px;height:24px;margin:8px;border-radius:50%;border:6px solid rgb(255,255,255);border-color:rgb(255,255,255) transparent rgb(39,105,69) transparent;animation:lds-dual-ring 1.2s linear infinite}#loadText{color:#fff;font-family:Flama-book;text-align:start;font-size:24px;overflow:hidden}#playButton{display:none;font-family:Flama-book;text-transform:uppercase;background-color:#fff;height:50px;border-radius:60px;border:none;font-size:24px;width:250px;margin-bottom:20px}.fadeIn{animation:in .6s;animation-fill-mode:forwards}.fadeOut{animation:out .6s;animation-fill-mode:forwards}#box{position:absolute;top:0;width:100vw;height:100vh;z-index:1}#c{position:fixed;left:0;top:0;width:100vw;height:100vh;display:block;z-index:-1}#modal3dClose{position:absolute;background-color:transparent;outline:none;border:none;color:#fff;top:20px;z-index:10;right:40px;font-family:Flama-bold;font-size:30px;float:right;cursor:pointer}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes out{0%{opacity:1}to{opacity:0}}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#modal3d{display:none;touch-action:auto!important;border:solid white 2px;padding:30px;border-radius:50px;color:#fff;position:absolute;top:10px;width:70%;height:70%;max-width:670px;max-height:450px;left:0;right:0;top:0;bottom:0;margin:auto;z-index:3;overflow:hidden;background-color:#3b3b3b}.landscapeModal{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:25px;color:#fff;position:absolute;top:10px;width:311px;height:372px;box-sizing:border-box;font-family:Flama-book;left:0;right:0;top:0;bottom:0;margin:auto;animation:example;animation-duration:.3s;z-index:11;touch-action:auto!important;overflow:hidden;border:solid white 3px;background-color:#333;transition-duration:1s}.landscapeImage{display:flex;justify-content:center;align-items:center;background-color:#0c9;width:95px;height:95px;margin-bottom:50px;border-radius:50%;animation:landIconAnim 2s infinite;animation-delay:2s}.landscapeModalwrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background-color:#0000006e;z-index:10;transition-duration:1s}@keyframes landIconAnim{0%{transform:rotate(-50deg)}50%{transform:rotate(0)}to{transform:rotate(-50deg)}}#modal{display:none;background-color:#333;border:solid white 2px;padding:30px 30px 30px 80px;border-radius:50px;color:#fff;position:absolute;top:10px;width:95%;height:95%;max-height:500px;max-width:700px;box-sizing:border-box;left:0;right:0;top:0;bottom:0;margin:auto;animation:example;animation-duration:.3s;z-index:2;touch-action:auto!important;overflow:hidden}#close{position:absolute;top:30px;right:30px;cursor:pointer}#modal h1{font-size:27px;font-family:Flama-book;font-weight:400}#modal .sec_1{position:absolute;display:flex;top:0;left:10px;bottom:0;margin:auto;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;height:80%;width:15%}#modal .sec_1 img{max-width:50px}#modal .sec_2{padding:0 20px;width:100%;overflow-y:scroll}.sec_2::-webkit-scrollbar{background-color:#f1f1f1;width:1px;display:none}.sec_2::-webkit-scrollbar-track{background-color:#ccc;display:none;width:1px}.sec_2::-webkit-scrollbar-thumb{background-color:#888;width:1px}.sec_2::-webkit-scrollbar-thumb:hover{background-color:#555;width:1px}#modal h3{text-transform:uppercase;font-family:Flama-bold;font-size:14px;font-weight:400;margin-top:20px}#modal p{font-size:14px;font-family:Flama-book;font-weight:400}@media screen and (max-width: 780px){#clickToStart h1{font-size:45px}#loader>.header{top:60px;left:35px;width:140px}#loader>.header>img{height:40px;width:40px}#loader>.header>span{font-family:Flama-book;font-weight:300;font-size:18px;text-transform:uppercase}#loader>.header>hr{width:40px;transform:rotate(90deg)}#loader{left:0;background-color:#000;background-position:10px 90px;background-size:900px}#loader>.header{position:absolute;top:0;z-index:2}#loader>.infoSeccion{flex-direction:column;top:0;right:0;bottom:0;left:0;width:100%!important;padding-top:50px!important;background-color:#000000c1}.infoSeccion>.text>h1{font-family:Flama-bold;font-size:18px!important;margin:20px 0;padding-left:30px;max-width:250px}.infoSeccion>.text>p{padding-left:30px;font-size:16px!important;max-width:250px;font-family:Flama-book}.infoSeccion>.loadingSec{margin:60px 0}#playButton{display:none;font-family:Flama-book;text-transform:uppercase;background-color:#fff;height:40px;border-radius:60px;border:none;font-size:18px;width:200px;margin:auto auto 20px}#loadText{color:#fff;font-family:Flama-book;text-align:center;overflow:hidden;margin-left:auto}.footer{position:absolute;bottom:10px;right:0;display:flex;justify-content:space-between;width:100%;align-items:center;height:40px}.footer>.info{display:flex;align-items:center;color:#fff;overflow:hidden}.footer>.info>img{width:15px}.credits{padding-left:20px;color:#fff;font-family:Flama-book;font-weight:300;font-size:10px;width:40%;text-transform:uppercase}.footer>.info>span{font-family:Flama-book;font-weight:300;font-size:10px;text-transform:uppercase}.footer>.info>hr{width:50px;transform:rotate(90deg)}}@media screen and (min-width: 781px) and (max-width: 1200px){#loader>.header{top:50px!important}#loader>.header>img{height:50px;width:50px}#loader>.header>span{font-size:25px}#loader{left:0;background-color:#000;background-position:0px 340px;background-size:1800px}#loader>.header{position:absolute;top:0;z-index:2}#loader>.infoSeccion{flex-direction:column;top:0;right:0;bottom:0;left:0;width:100%!important;padding-top:250px;background-color:#000000c1}.infoSeccion>.text{padding-left:60px}.infoSeccion>.text>h1{font-family:Flama-bold;font-size:29px;margin:20px 0;padding-left:30px;max-width:450px}.infoSeccion>.text>p{padding-left:30px;font-size:26px;max-width:450px;font-family:Flama-book}.infoSeccion>.loadingSec{margin:250px 0}#playButton{display:none;font-family:Flama-book;text-transform:uppercase;background-color:#fff;height:60px;border-radius:60px;border:none;font-size:30px;width:300px;margin:auto auto 20px}#loadText{color:#fff;font-family:Flama-book;text-align:center;overflow:hidden;margin-left:auto}.footer{position:absolute;bottom:10px;right:0;display:flex;justify-content:space-between;width:100%;align-items:center;height:40px}.footer>.info{display:flex;align-items:center;color:#fff;overflow:hidden}.footer>.info>img{width:15px}.credits{padding-left:30px;color:#fff;font-family:Flama-book;font-weight:300;font-size:16px;width:40%;text-transform:uppercase}.footer>.info>span{font-family:Flama-book;font-weight:300;font-size:16px;padding-right:30px;text-transform:uppercase}.footer>.info>hr{width:50px;transform:rotate(90deg)}}@media screen and (min-width: 1200px){#loader{background-image:url(/images/Portada\ mubico.jpg);background-position:0px 50px!important;background-size:1300px!important}#loader>.infoSeccion{position:absolute!important;background-color:transparent;align-items:center!important;justify-content:center!important;flex-direction:column!important;left:400px!important;width:500px!important}#loader>.infoSeccion>.text{margin:80px}#loader>.infoSeccion>.text>h1{font-family:Flama-bold;max-width:400px}#loader>.infoSeccion>.text>p{margin:0;max-width:400px;font-size:22px;width:100%;font-family:Flama-book}#loadText{font-size:18px}#playButton{font-size:24px!important;width:250px!important;margin-bottom:20px}}@media screen and (orientation: landscape){#loader>.header{position:absolute;left:initial;top:40px!important;right:80px;width:140px}#loader>.header>img{height:40px;width:40px}#loader>.header>span{font-family:Flama-book;font-weight:300;font-size:18px;text-transform:uppercase}#loader>.header>hr{width:40px;transform:rotate(90deg)}#loader{left:0;background-color:#000;background-position:200px 200px;background-size:contain}#loader>.header{position:absolute;top:0;z-index:2}#loader>.infoSeccion{display:flex;align-items:center;justify-content:center;flex-direction:row;justify-content:space-between;top:0;right:0;bottom:0;left:0;width:100%!important;padding-top:25px!important}.infoSeccion>.text>h1{font-family:Flama-bold;font-size:18px!important;padding-left:30px;max-width:250px;margin:20px 0}.infoSeccion>.text>p{padding-left:30px;font-size:16px!important;max-width:200px;font-family:Flama-book}.loadingSec{margin-right:80px!important}.loadingSec>#playButton{display:none;font-family:Flama-book;text-transform:uppercase;background-color:#fff;height:40px;border-radius:60px;border:none;font-size:18px;width:160px;margin:auto auto 20px}.loadingSec>#loadText{font-size:14px}.footer{position:absolute;bottom:10px;right:0;display:flex;justify-content:space-between;width:100%;align-items:center;height:40px}.footer>.info{display:flex;align-items:center;color:#fff;overflow:hidden}.footer>.info>img{width:15px}.credits{padding-left:20px;color:#fff;font-family:Flama-book;font-weight:300;font-size:10px;width:40%;text-transform:uppercase}.footer>.info>span{font-family:Flama-book;font-weight:300;font-size:10px;text-transform:uppercase;margin-right:20px}.footer>.info>hr{width:50px;transform:rotate(90deg)}}.map{position:relative;margin-left:-20px;width:25px;height:25px;background-color:#9ddff7;border-radius:50%;animation:upDownAnimation 1.4s infinite}.marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background-color:#b9b9b9;border:solid rgb(109,109,109) 1px}.markerPin{position:absolute;top:120%;left:0;border-radius:30px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #9ddff7}@keyframes upDownAnimation{0%{bottom:0}50%{bottom:20px}to{bottom:0}}