*{margin:0;padding:0;box-sizing:border-box}#game-container{width:100%;height:100%}html,body{margin:0;padding:0;height:100dvh;width:100%;overflow:hidden;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-user-select:none;-webkit-text-size-adjust:none}canvas{width:100%!important;height:100%!important;background:#231f20}.simulated-fullscreen,.simulated-fullscreen body{height:100vh!important;overflow:hidden!important}#orientation-warning,#fullscreenContainer{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a001ecc;color:#fff;text-align:center;z-index:9999;font-size:3svw;line-height:4.5svw}#fullScreenButton{border:none;width:24svw;height:5.5svw;border-radius:50px;font-weight:700;cursor:pointer;margin-top:1em;background-color:transparent;background-image:url(/img/BTN_continuar.webp);background-size:contain;background-repeat:no-repeat;background-position:center}.orientation-content{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/img/fondo.webp),radial-gradient(404.06% 122.56% at 89.2% 8.93%,#1e9cf8 5.51%,#0e1d82 80.17%);background-size:100% auto;background-position:top center;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:1.2rem;text-align:center;z-index:9999}.orientation-content h2{color:#ffd000;font-size:6svw;margin:0;line-height:6svw}.orientation-content .logo{margin:6rem 0 4rem;width:50%}.orientation-content .girar{height:20svh;width:auto}.orientation-content .personaje{margin-bottom:4rem;height:25svh;width:auto}.orientation-content p{margin:0;font-size:4svw;color:#fff}.bienvenida{height:100svh;width:100%;background:linear-gradient(#ffffff4d,#ffffff4d),url(/img/BG.webp);background-size:cover;background-repeat:no-repeat;background-position:left center;z-index:0;overflow-y:auto}.contenido{height:100%;width:100%;position:relative;z-index:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3svh}.vertical{display:none}.contenido .audio{width:4svw;height:4svw;position:absolute;top:2%;right:1%;border-radius:50%;border:none;background-image:url(/img/Audio_Play.webp);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-image .5s ease-in-out,opacity .5s ease-in-out}.silencio{background-image:url(/img/Audio_Mute.webp)!important}.contenido img{height:55svh;width:auto}.contenido .opcion{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border-radius:40px;height:12svh;padding:0;border:none;margin:1svh 0;cursor:pointer;transition:transform .3s ease}.contenido .reg{background-image:url(/img/BTN_registrar.webp);width:40svh}.contenido .log{background-image:url(/img/BTN_Iniciar_sesion.webp);width:53svh}.contenido .reg:hover{background-image:url(/img/BTN_registrar_hover.webp);transform:scale(1.1)}.contenido .log:hover{background-image:url(/img/BTN_Iniciar_sesion_hover.webp);transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay .content-modal{background-color:#fff;width:70%;padding:2rem;border-radius:15px;margin:0 auto;color:#a64115;text-align:center}.modal-overlay .content-modal h4{font-weight:700;font-size:2svw;margin:0 0 5svh}.modal-overlay .content-modal p{font-size:1.5svw;text-align:justify}.modal-overlay .content-modal button{border:none;border-radius:50px;background-color:#a64115;color:#fff;font-weight:700;font-size:1.8svw;margin-top:40px;padding:10px 20px}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{border-radius:25px;width:63.7svw;min-height:42.7svw;max-height:95svh;overflow:hidden;transition:transform .3s ease;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center}.modal-reg{background-image:url(/img/tablet_reg.webp)}.modal-log{background-image:url(/img/tablet.webp)}.modal-overlay.active .modal{transform:scale(1)}.modal h2{margin:0;text-align:center;font-size:4svw;font-weight:800}.modal-log h2{color:#2b3c05}.modal-reg h2{color:#0f70b7}.modal-log,.modal-log .links a{color:#2b3c05}.modal-reg,.modal-reg .links a{color:#a64115}.modal-content{text-align:center;transition:all .3s ease;width:75%;min-height:50svh;display:flex;flex-direction:column;justify-content:space-between}.descripcion{font-size:1.2svw;margin-bottom:20px}label{display:block;font-weight:600;margin:10px 0 5px}#olvidaste-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#01032bd0;z-index:9999;display:none;flex-direction:column;justify-content:center;align-items:center}#BTN_Olvidaste_Continuar{width:auto;height:10vh;background-color:transparent;border:none;cursor:pointer}#BTN_Olvidaste_Continuar img{margin-top:20px;width:100%;height:100%}.olvidaste-popup-container{position:relative;display:inline-block}#olvidaste-popup-img{width:auto;height:70vh;display:block}#BTN_Olvidaste_Cancelar{position:absolute;top:-3%;right:-3%;width:5vw;height:5vw;min-width:40px;min-height:40px;max-width:80px;max-height:80px;background-color:transparent;border:none;cursor:pointer;transition:transform .2s ease}#BTN_Olvidaste_Cancelar:hover{transform:scale(1.1)}#BTN_Olvidaste_Cancelar img{width:100%;height:100%;object-fit:contain}input[type=number],input[type=text],input[type=password]{width:100%;padding:10px 12px;outline:none;margin-bottom:15px;font-size:14px;text-align:center;color:#828282;font-size:1.2svw;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;background:#f6f3f3;box-shadow:0 3px 4px #0000004d}input[type=number]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{color:#828282;opacity:.6;text-align:center;font-size:1.2svw}label{font-size:1.25svw;font-weight:800;margin:5px 0}.checkbox{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.checkbox label{font-weight:400;cursor:pointer}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #A64115;background:#fff;border-radius:50%;display:inline-block;position:relative;cursor:pointer;outline:none;transition:background-color .3s ease,border-color .3s ease}.checkbox input[type=checkbox]:checked{background-color:#a64115;border-color:#a64115}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.input-pass{position:relative;display:flex;align-items:center}.toggle-pass{position:absolute;right:15px;cursor:pointer;width:35px;height:35px;top:4%;background-image:url(/img/ocultar-contrasena.webp);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.6;transition:opacity .2s ease}.toggle-pass.visible{background-image:url(/img/mostrar-contrasena.webp);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:1}.toggle-pass:hover{opacity:1}.btn{border:none;border-radius:10px;font-weight:700;width:100%;cursor:pointer;transition:transform .2s ease;position:absolute;bottom:4svh;left:50%;transform:translate(-50%,50%);background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;width:40%;height:8svh;transition:background-image .1s ease}.modal-reg .btn{background-image:url(/img/BTN_registrar.webp)}.modal-reg .btn:hover{background-image:url(/img/BTN_registrar_hover.webp)}.modal-log .btn{background-image:url(/img/BTN_Iniciar_sesion.webp)}.modal-log .btn:hover{background-image:url(/img/BTN_Iniciar_sesion_hover.webp)}.opacity{opacity:0}.links{font-size:14px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:15px auto 0;width:80%}.links a{text-decoration:none;font-size:1.2svw;font-weight:700}.links a:hover{text-decoration:underline}.close-btn{font-size:20px;color:#444;position:absolute;top:2.8svw;right:2svw;width:70px;height:70px;background-image:url(/img/Cerrar.webp);background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:transparent;border:none;cursor:pointer;z-index:100}.fade{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.message{padding:10px;border-radius:4px;font-size:1.2svw;display:none;position:absolute;bottom:20svh;left:50%;transform:translate(-50%,50%);z-index:3}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.visible{display:block}@media (orientation: landscape){@media screen and (max-width: 1280px){.close-btn{width:60px;height:60px}.modal-reg h2{font-size:2.5svw;margin:0 0 5px}.descripcion{font-size:1.1svw;margin:5px 0}label{font-size:1.1svw;margin:3px 0}input[type=number],input[type=text],input[type=password],input[type=number]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{font-size:1.1svw;padding:5px 10px;margin:0 0 5px}.toggle-pass{width:20px;height:20px}.checkbox input[type=checkbox]{width:12px;height:12px}.checkbox input[type=checkbox]:checked:after{width:5px;height:5px}.links{margin:5px auto 0}}@media screen and (max-width: 1000px){.contenido{height:95dvh}.close-btn{width:40px;height:40px}.modal{width:139vh;min-height:90vh;max-height:90vh}}@media screen and (max-width: 768px){.modal-reg h2{margin:0 0 3px}.descripcion{margin:3px 0}input[type=number],[type=text],input[type=password],input[type=number]::placeholder,[type=text]::placeholder,input[type=password]::placeholder{padding:2px 5px}.toggle-pass{height:15px;width:15px;right:8px}}@media (max-width: 1000px) and (max-height: 350px){.modal{width:150dvh;min-height:95dvh;max-height:95dvh;overflow:hidden}.close-btn{top:3svh;right:4svh}.modal-log h2,.modal-reg h2{font-size:2.5svw;margin:0}.descripcion{font-size:.9svw}.modal-reg .descripcion{margin:2px 0}label{font-size:1svw;margin:1px 0}.links{width:100%;margin:1px auto 0}.links a{font-size:1svw}.btn{height:11svh;bottom:6svh}input[type=number],input[type=text],input[type=password],input[type=number]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{padding:2px 10px}.toggle-pass{width:15px;height:15px}}}@media (orientation: portrait){.modal{width:95svh;min-height:90svh;background-size:100% 100%}.modal-content{min-height:60vh;max-height:75svh;overflow-y:auto}.close-btn{width:50px;height:50px;top:1%;right:0%}.contenido{justify-content:center;height:100svh}.contenido img{width:95%;height:auto;margin:20svh 0 15svh}.contenido .audio{width:10svw;height:10svw;top:2svw;right:2svw}.contenido .opcion{height:7svh}.contenido .reg{width:60%}.contenido .log{width:85%}.modal h2{font-size:7svw;margin-bottom:1svh}.descripcion{font-size:4svw;margin-bottom:0}label{font-size:3.2svw}.links{margin:2px auto 0}input[type=number],input[type=text],input[type=password],input[type=number]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{font-size:3svw;padding:5px 8px}input[type=number]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{color:transparent}.vertical{display:block;margin:0 0 3px;padding:0;text-align:center;font-size:2.9svw;color:#828282;opacity:.5;font-style:italic}.checkbox label{font-size:3svw;max-width:90%;text-align:left}.links{flex-direction:column;gap:10px}.links a{font-size:3.5svw}.modal-reg{background-image:url(/img/tablet_reg_ver.webp)}.modal-log{background-image:url(/img/tablet_log_ver.webp)}.toggle-pass{width:25px;height:25px}.message{font-size:3.5svw;text-align:center}.btn{width:50%}#olvidaste-popup-img{height:90vh}#BTN_Olvidaste_Cancelar{width:8vw;height:8vw;min-width:50px;min-height:50px;max-width:70px;max-height:70px}}@supports (-webkit-touch-callout: none){.bienvenida{height:-webkit-fill-available}input[type=number],input[type=text],input[type=password],input[type=email],textarea,select{font-size:16px!important;-webkit-text-size-adjust:100%}html,body{height:-webkit-fill-available}}#loading-window{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:#fff7d5;opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}#loading-window.hidden{opacity:0;visibility:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative}#mascara-loader{position:relative;width:200px;height:200px;overflow:hidden;border-radius:100px;background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:center}#ola-clara,#ola-oscura{position:absolute;top:0;background-repeat:no-repeat;background-size:cover}#ola-clara{left:0;animation:ola-clara-move 7s ease-in-out infinite}#ola-oscura{right:0;animation:ola-oscura-move 7s ease-in-out infinite}.cargando{font-size:20px;color:#528998;text-align:center}@keyframes ola-clara-move{0%{left:0}50%{left:-1000px}to{left:0}}@keyframes ola-oscura-move{0%{right:0}50%{right:-1000px}to{right:0}}@media screen and (max-width: 1000px){#mascara-loader{width:150px;height:150px}}.fondoMapa{width:100dvw;height:100dvh;position:fixed;z-index:0;top:0;left:0}#section-Mapa{height:100svh;width:100%;display:none;align-items:center;justify-content:center;background-image:url(/img/FondoMapa.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:5svh 2svw}#bienvenida-mapa{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;background-color:#01032bd0;width:100dvw;height:100dvh;top:0;left:0}#bienvenida-mapa img{height:80%;width:auto}#bienvenida-mapa button{background:transparent;border:none;cursor:pointer}#bienvenida-mapa button img{height:70px}#alerta_isla_Bloqueada{position:fixed;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:1;background-color:#01032bd0;width:100dvw;height:100dvh}#alerta_isla_Bloqueada img{height:80dvh}#alerta_isla_Bloqueada button{background:transparent;border:none;cursor:pointer}#alerta_isla_Bloqueada button img{height:70px}#alerta_proximamente{position:fixed;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:1;background-color:#01032bd0;width:100dvw;height:100dvh;top:0;left:0}#alerta_proximamente img{height:80dvh}#alerta_proximamente button{background:transparent;border:none;cursor:pointer}#alerta_proximamente button img{height:70px}.marco-Mapa{background-image:url(/img/MarcoMapa.webp);background-size:contain;background-position:center;background-repeat:no-repeat;aspect-ratio:16/9;position:relative;height:100%;width:auto}.marco-Mapa .isla{position:absolute;background:transparent;border:none;cursor:pointer;width:40%}.marco-Mapa #isla4{width:20%}.marco-Mapa .isla img{position:relative;width:100%}.marco-Mapa #isla0 .rutas{width:50%;height:auto;display:block;position:absolute;top:-71%;left:56%}.btn_CerrarSesion{position:absolute;background:transparent;border:none;cursor:pointer;bottom:0%;left:50%;transform:translate(-50%);width:20%}.btn_CerrarSesion img{width:100%;height:auto}:root{--escala-isla: .6;--escala-puntos: .5}.B_img_islas{position:absolute!important;display:block;top:0;left:0}#isla0{top:75%;left:18%;transform:translate(-50%,-50%) scale(var(--escala-isla));animation:escalarIsla 2s ease-in-out infinite}#isla0:hover .Isla0_Hover{filter:blur(90px);background-color:#ffd000}#isla1{top:35%;left:35%;transform:translate(-50%,-50%) scale(var(--escala-isla))}#isla1:hover .Isla1_Hover{filter:blur(90px);background-color:#0ff}#isla2{top:73%;left:53%;transform:translate(-50%,-50%) scale(var(--escala-isla))}#isla2:hover .Isla2_Hover{filter:blur(90px);background-color:#8a38f5}#isla3{top:33%;left:70%;transform:translate(-50%,-50%) scale(var(--escala-isla))}#isla3:hover .Isla3_Hover{filter:blur(130px);background-color:#00ff37}#isla4{top:70%;left:85%;transform:translate(-50%,-50%) scale(var(--escala-isla))}#isla4:hover .Isla4_Hover{filter:blur(60px);background-color:red}.puente{position:absolute}#puente1{top:55%;left:25%;transform:translate(-50%,-50%) scale(var(--escala-puntos))}#puente2{top:58%;left:41%;transform:translate(-50%,-50%) scale(var(--escala-puntos))}#puente3{top:53%;left:68%;transform:translate(-50%,-50%) scale(var(--escala-puntos))}#puente4{top:48%;left:85%;transform:translate(-50%,-50%) scale(var(--escala-puntos))}@media screen and (max-width: 1280px){.btn_CerrarSesion{bottom:2%}#bienvenida-mapa button img,#alerta_isla_Bloqueada button img,#alerta_proximamente button img{height:40px}}@media screen and (max-width: 768px){:root{--escala-puntos: .3}}@keyframes escalarIsla{0%{transform:translate(-50%,-50%) scale(.6)}50%{transform:translate(-50%,-50%) scale(.63)}to{transform:translate(-50%,-50%) scale(.6)}}@supports (-webkit-touch-callout: none){html,body{height:-webkit-fill-available}.fondoMapa,#section-Mapa,#bienvenida-mapa,#alerta_isla_Bloqueada,#alerta_proximamente{position:fixed;inset:0;width:100%;height:-webkit-fill-available!important;min-height:-webkit-fill-available!important;max-height:-webkit-fill-available!important}.marco-Mapa{position:relative;width:auto;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}}