@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Nunito:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Nunito:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Nunito:wght@400;600;700&display=swap";:root{--color-boton-importante: #e19718;--color-boton-tutorial: #caa615;--color-hover: #c57b14;--color-dorado: #ffd700;--color-marron-claro: #8b4513;--color-marron-oscuro: #663300;--color-texto-claro: #ffffff;--sombra-texto: 2px 2px 4px rgba(0, 0, 0, .6);--sombra-elemento: 0 8px 15px rgba(0, 0, 0, .4);--borde-radio: 20px;--fuente-principal: "Montserrat", sans-serif}html,body{overflow:hidden;height:100vh;width:100vw;margin:0;padding:0;position:fixed;top:0;left:0}body{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--color-texto-claro);font-family:var(--fuente-principal);text-shadow:var(--sombra-texto)}.menu-page{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/Monkey-Pop/assets/fondoInicio-x0km8miT.webp) no-repeat center center/cover;z-index:-1;overflow:hidden}.titulo-juego-container{display:flex;justify-content:center;align-items:center;margin-top:-90px}.titulo-juego-container img{width:300px;height:auto;max-width:90%;object-fit:contain;border-radius:10px}.menu-container-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:80vw;padding:clamp(10px,3vw,30px);margin:0;box-sizing:border-box}.menu-container{text-align:center;background-color:#0006;border:2px solid var(--color-dorado);border-radius:var(--borde-radio);padding:30px;box-shadow:var(--sombra-elemento);position:relative;overflow:hidden}.menu-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:16px 16px 0 0;pointer-events:none}button{display:block;width:250px;margin:15px auto;padding:15px;font-size:22px;border:2px solid var(--color-dorado);border-radius:50px;cursor:pointer;font-family:var(--fuente-principal);letter-spacing:2px;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);pointer-events:none}#play-btn{background:linear-gradient(to bottom,var(--color-boton-importante),var(--color-hover));color:var(--color-texto-claro);transform:scale(1.05);display:flex;align-items:center;justify-content:center;padding:12px 20px}#play-btn span{margin-left:6px;font-size:1.1em}#tutorial-btn{background:linear-gradient(to bottom,var(--color-boton-tutorial),var(--color-hover));color:var(--color-texto-claro)}#settings-btn,#infomonos-btn{background:linear-gradient(to bottom,var(--color-marron-claro),var(--color-marron-oscuro));color:var(--color-texto-claro)}#infomonos-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border-color:#ffec80}#infomonos-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border-color:#ffec80}button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.btn-oscuro{opacity:.8;filter:brightness(70%);background-color:#554231!important;box-shadow:0 4px 8px #0000004d!important;transition:none!important;animation:none!important}.icono-candado,.btn-oscuro .icono-candado{filter:brightness(130%) drop-shadow(0 2px 3px rgba(0,0,0,.4))!important;opacity:1!important}.btn-oscuro:hover{background-color:#554231!important;transform:none!important;filter:brightness(70%)!important;box-shadow:0 4px 8px #0000004d!important;transition:none!important}.btn-oscuro:active{transform:none!important;background-color:#554231!important}.icono-candado{width:36px;height:36px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}footer{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-marron-claro);opacity:77%;text-align:left;padding:7px 0;font-size:16px;box-shadow:0 -4px 10px #0000004d;z-index:100}footer a{cursor:pointer;color:var(--color-texto-claro);text-decoration:none;font-weight:700;padding:0 10px}footer a:hover{color:var(--color-dorado);text-decoration:underline;text-decoration:none}@keyframes pulsate{0%{transform:scale(1.05)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}#play-btn{animation:pulsate 2s infinite}.modal-confirmacion{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal-contenido{background:linear-gradient(to bottom,#8b4513,#630);border:3px solid var(--color-dorado, #ffd700);border-radius:15px;padding:20px;max-width:450px;text-align:center;color:#fff;box-shadow:0 5px 15px #00000080;animation:aparecer .3s ease-out;position:relative}.modal-contenido h1{color:gold;margin-bottom:15px;font-family:Luckiest Guy,Comic Sans MS,cursive;font-size:28px;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.modal-contenido p{margin-bottom:20px;font-size:18px;line-height:1.4}.modal-cerrar-btn{position:absolute;top:10px;left:10px;background-color:#0000004d;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:28px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s,transform .2s;padding:0;line-height:1;z-index:10;box-shadow:0 2px 5px #0000004d}.modal-cerrar-btn:hover{background-color:#00000080}.modal-botones{display:flex;justify-content:center;gap:15px}.btn-primario{background-color:#70c74e}.btn-primario:hover{background-color:#36ba6f}.btn-secundario{background-color:#dbbd43}.btn-secundario:hover{background-color:#f3f38e}.modal-header{display:flex;align-items:center;justify-content:center;margin-bottom:15px;position:relative}.modal-header h1{margin-bottom:0}.modal-icono-candado{width:80px;height:80px;position:absolute;right:0;top:50%;transform:translateY(-50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}@keyframes aparecer{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){button{width:200px;padding:12px;font-size:18px}.menu-container{padding:20px}.titulo-juego-container img{width:250px}}@media (max-width: 500px){.modal-contenido{width:90%;padding:15px}.modal-icono-candado{width:30px;height:30px}.modal-header h1{font-size:24px}}@media (max-height: 450px){.menu-container-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:15%;gap:30px}.titulo-juego-container{display:flex;justify-content:center;align-items:center;margin-top:0}button{width:180px;padding:10px;font-size:16px}.menu-container{padding:10px}.titulo-juego-container img{width:20vm}}@media (max-height: 400px){.menu-container-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10%;gap:20px}}.accesibilidad-flotante{position:fixed;top:20px;right:20px;width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);border-radius:12px;background:linear-gradient(to bottom,#36ba6f,#70c74e);border:3px solid var(--color-dorado);box-shadow:0 4px 10px #00000080;cursor:pointer;z-index:1000;padding:0;display:flex;justify-content:center;align-items:center;transition:all .3s ease;overflow:hidden}.icono-accesibilidad-flotante{width:clamp(24px,5vw,40px);height:auto;object-fit:contain;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}@media (max-width: 600px){.accesibilidad-flotante{top:10px;right:10px}}@media (max-width: 320px),(max-height: 450px){.accesibilidad-flotante{top:5px;right:5px}}.menu-container-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;padding:clamp(10px,3vw,30px)}.titulo-juego-container{margin-top:clamp(-60px,-8vh,-90px);margin-bottom:clamp(10px,3vh,30px)}.titulo-juego-container img{width:clamp(200px,80vw,400px);max-height:30vh;object-fit:contain}.menu-container{width:clamp(250px,90%,450px);padding:clamp(15px,4vw,30px)}button{width:clamp(180px,80%,250px);margin:clamp(10px,2vh,15px) auto;padding:clamp(10px,2vh,15px);font-size:clamp(16px,4vw,22px)}footer{padding:clamp(5px,1vh,10px) 0;font-size:clamp(12px,3vw,16px);display:flex;justify-content:space-evenly;flex-wrap:wrap}footer a{padding:5px;white-space:nowrap}.modal-contenido{width:clamp(250px,90%,450px);padding:clamp(15px,4vw,25px)}.modal-contenido h1{font-size:clamp(20px,5vw,28px);font-family:var(--fuente-principal)}.modal-contenido p{font-size:clamp(14px,4vw,18px)}.modal-icono-candado{width:clamp(40px,10vw,80px);height:auto}@media (max-height: 450px){.menu-container-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5vh 5vw;gap:clamp(15px,3vw,30px)}.titulo-juego-container{margin-top:0;width:40%}.titulo-juego-container img{width:100%;height:auto;max-height:80vh}.menu-container{width:50%;max-height:80vh;overflow-y:auto;padding:15px}button{margin:8px auto;padding:8px}@media (max-width: 700px){.menu-container-container{padding:2vh 3vw;gap:10px}.menu-container{padding:10px}button{margin:6px auto;padding:6px;font-size:14px}}}@media (max-width: 320px) and (max-height: 568px){.titulo-juego-container{margin-top:-30px}.titulo-juego-container img{width:180px}.menu-container{padding:12px}button{width:160px;margin:8px auto;padding:8px;font-size:16px}footer{padding:3px 0;font-size:11px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;color:#000;background-color:#fff}:root{--color-terreno: #4CAF50;--color-agua: #2196F3;--color-camino: #A1887F;--color-seleccionado: #FFC107;--color-terreno-hover: #66BB6A}.casilla-mapa{width:36px;height:36px;transition:all .2s ease;position:relative}.casilla-default{background-image:url(/Monkey-Pop/assets/cesped2-DOiEIiaY.webp);cursor:pointer;z-index:3}.casilla-agua{background-image:url(/Monkey-Pop/assets/agua3-2XzmgMXO.jpg);background-size:cover;background-position:center;z-index:5}.casilla-agua_cesped1{background-image:url(/Monkey-Pop/assets/aguaCesped3-Dynet-5z.jpg);background-size:cover;background-position:center;transform:rotate(180deg);z-index:4}.casilla-agua_cesped2{background-image:url(/Monkey-Pop/assets/aguaCesped3-Dynet-5z.jpg);background-size:cover;background-position:center}.casilla-agua_cesped3{background-image:url(/Monkey-Pop/assets/aguaCesped3-Dynet-5z.jpg);background-size:cover;background-position:center;transform:rotate(90deg)}.casilla-agua_cesped4{background-image:url(/Monkey-Pop/assets/aguaCesped3-Dynet-5z.jpg);background-size:cover;background-position:center;transform:rotate(270deg)}.casilla-tierra_cesped1{background-image:url(/Monkey-Pop/assets/cespedTierra5-DXdQcSam.jpg);background-size:cover;background-position:center;transform:rotate(180deg);z-index:4}.casilla-tierra_cesped2{background-image:url(/Monkey-Pop/assets/cespedTierra5-DXdQcSam.jpg);background-size:cover;background-position:center;z-index:4}.casilla-florRojaYAzul{background-image:url(/Monkey-Pop/assets/flores-QWLnY1I_.jpg);background-size:cover;background-position:center}.casilla-florRosa{background-image:url(/Monkey-Pop/assets/flores2-CfgSAFHs.jpg);background-size:cover;background-position:center}@keyframes mover-agua{0%{background-position:0 0}to{background-position:20px 20px}}.casilla-camino{background-image:url(/Monkey-Pop/assets/camino2-CZhnHdlj.webp);z-index:5}.casilla-selected{background-color:#ffc107;transform:scale(1.05);z-index:10}.globo{position:absolute;max-width:35px;max-height:35px;border-radius:50%;animation:move 5s linear infinite;z-index:10}.mono{position:absolute;max-width:35px;max-height:35px;z-index:10;transform:translateZ(0);will-change:transform;pointer-events:none}.globo{position:absolute;max-width:35px;max-height:35px;border-radius:50%;animation:move 5s linear infinite;z-index:10;transform:translateZ(0);will-change:transform;pointer-events:none}.globo-explotado{position:absolute;max-width:35px;max-height:35px;border-radius:50%;z-index:10;transform:translateZ(0);will-change:transform;pointer-events:none}.elementos-juego-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.mono-container,.globo-container,.explosion-container{position:absolute;pointer-events:none;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.mono-container{z-index:50}.disparo{position:absolute;max-width:35px;max-height:35px;z-index:10;transform:translateZ(0);will-change:transform;pointer-events:none;z-index:11}.globo-container,.explosion-container{z-index:50}@media (hover: hover){.casilla-default:hover{filter:brightness(1.2);transform:scale(1.05)}}@media (max-width: 1300px){.casilla-mapa{width:32px;height:32px}}@media (max-width: 1150px){.casilla-mapa{width:30px;height:30px}}@media (max-width: 768px){.casilla-mapa{width:35px;height:35px}.casilla-selected{transform:scale(1.02)}}@media (max-width: 480px){.casilla-mapa{width:30px;height:30px}.casilla-selected{transform:none;border-width:1px}}@media (max-height: 450px){.casilla-mapa{width:4.2vw;height:3.2vw}.casilla-selected{transform:none}.mono,.globo,.globo-explotado{max-width:35px;max-height:35px}}@media (max-height: 380px){.casilla-selected{transform:none}.mono,.globo-explotado{max-width:30px;max-height:30px}}@media (max-height: 430px) and (max-width: 930px){.casilla-mapa{width:4.2vw;height:3.4vw}.globo,.globo-explotado{max-width:4.2vw;max-height:3.4vw}}.fin-juego-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in-out}.fin-juego-contenedor{background:linear-gradient(to bottom,#8b4513,#630);border:4px solid #ffd700;border-radius:20px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;text-align:center;position:relative;overflow:hidden}.fin-juego-contenedor:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:16px 16px 0 0;pointer-events:none}.fin-juego-titulo{color:gold;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.6);font-family:var(--fuente-principal);letter-spacing:2px;animation:pulsate 2s infinite;font-weight:700}.fin-juego-estadisticas{background-color:#0000004d;border-radius:12px;padding:20px;margin-bottom:30px}.estadistica{display:flex;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.estadistica:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.etiqueta{color:#fff;font-size:1.2rem;font-weight:700;text-align:left}.valor{color:gold;font-size:1.2rem;font-weight:700}.buttons-container{display:flex;flex-direction:row}.fin-juego-boton{background-color:gold;color:#630;font-size:1.2rem;font-weight:700;padding:15px 30px;border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d;font-family:var(--fuente-principal);letter-spacing:1px}#boton-salir{max-width:110px;justify-content:center}.fin-juego-boton:hover{background-color:#ffec80;transform:translateY(-5px);box-shadow:0 8px 15px #0000004d}.fin-juego-boton:active{transform:translateY(0);box-shadow:0 2px 5px #0000004d}@media (max-width: 850px){.fin-juego-contenedor{height:auto;width:95%;padding:20px}.fin-juego-titulo{font-size:2rem;margin:0 0 5px}.fin-juego-estadisticas{margin-bottom:10px}.etiqueta,.valor{font-size:1rem}}.ajustes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.ajustes-contenedor{background-color:#4d2e00;border:3px solid #8b4513;border-radius:12px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 8px #00000080;position:relative;overflow:hidden;z-index:1000}.ajustes-contenedor:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:9px 9px 0 0;pointer-events:none}.ajustes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #8b4513;padding-bottom:10px}.ajustes-header h2{margin:0;color:gold;font-size:1.6rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:var(--fuente-principal);letter-spacing:1px}.btn-cerrar{background:none;border:none;font-size:28px;cursor:pointer;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.ajustes-body{margin-bottom:20px}.ajuste-item{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.ajuste-item label{font-weight:700;font-size:1.1rem}.ajuste-item input[type=range]{width:50%;accent-color:#e19718}.ajuste-item select{background-color:#6b4115;color:#fff;border:2px solid #8b4513;border-radius:5px;padding:5px 10px;font-size:.9rem}.ajustes-footer{display:flex;justify-content:center;gap:15px}.btn-guardar,.btn-cancelar{background-color:#e19718;color:#fff;border:2px solid #8b4513;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0000004d;transition:all .2s;font-family:var(--fuente-principal)}.btn-guardar:hover,.btn-cancelar:hover{background-color:orange;transform:scale(1.05)}.btn-cancelar{background-color:#6b4115}.btn-cancelar:hover{background-color:#8b5a2b}:root{--color-botones: #8b4513;--color-mejoras: #4caf50;--color-botones-cerrar-vender: #4e350e;--fuente-principal: "Montserrat", sans-serif}.ajustes-mono-container{position:fixed;right:0;top:0;bottom:0;width:200px;background:linear-gradient(135deg,#663300f2,#4d2600fa);border-radius:0 0 0 20px;box-shadow:-5px 0 15px #0009,inset 0 0 20px #ffd70026;padding:10px;z-index:100;overflow-y:hidden;border-left:3px solid var(--color-dorado);margin-top:78px;border-right:none;border-bottom:none;color:#fff;font-family:var(--fuente-principal);text-shadow:2px 2px 4px rgba(0,0,0,.6);transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:slideIn .3s forwards;transform:none;display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.presentacion-continer{padding-bottom:8px;margin-bottom:10px}.presentacion-continer img{width:60px;height:60px;margin:0 auto;display:block}.presentacion-continer h1{font-size:16px;margin:5px 0;text-align:center}.estadisticas-container{padding:0 5px}.estadisticas-container h2{font-size:16px;margin:5px 0}.estadistica-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.estadistica-row p{margin:0;font-size:14px;flex-grow:1}.botones-container-cerrar-vender{margin-top:auto}.botones-container-cerrar-vender button{color:#fff;flex:1;padding:6px 8px;font-size:16px;margin-top:5px;background-color:var(--color-botones-cerrar-vender)}.mejora-label{color:var(--color-mejoras);font-weight:700}.btn-mejora{background-color:var(--color-mejoras);color:#fff;border:none;border-radius:5px;padding:8px 15px;font-family:var(--fuente-principal);font-size:16px;cursor:pointer;width:80%;margin:10px auto;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0000004d;transition:all .2s ease;display:block}.btn-mejora:hover{background-color:#45a049;box-shadow:0 3px 6px #0006;transform:translateY(-2px)}.btn-mejora:active{background-color:#3d8b40;box-shadow:0 1px 3px #0000004d;transform:translateY(1px)}.btn-mejora.disabled{background-color:#666!important;color:#999!important;cursor:not-allowed!important;opacity:.6;pointer-events:none;box-shadow:none!important;transform:none!important;transition:none!important}.btn-mejora.disabled:hover,.btn-mejora.disabled:active{background-color:#666!important;color:#999!important;transform:none!important;box-shadow:none!important}.btn-mejora:disabled{background-color:#666!important;color:#999!important;cursor:not-allowed!important;opacity:.6;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-mejora:disabled:hover,.btn-mejora:disabled:active{background-color:#666!important;color:#999!important;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.ajustes-mono-container{margin-top:110px}}@media (max-width: 480px){.ajustes-mono-container{margin-top:260px}}@media (max-height: 535px){.ajustes-mono-container{margin-top:100px;width:150px;height:auto}.presentacion-continer img{width:50px;height:50px}.estadisticas-container h2{font-size:14px}.estadisticas-container{padding:0 3px;font-size:12px}.btn-mejora{font-size:10px;padding:6px 10px}.botones-container-cerrar-vender button{width:100%;padding:5px 6px;font-size:.6rem}}@media (max-height: 480px){.ajustes-mono-container{width:150px}.presentacion-continer{padding:0;margin-bottom:0}.estadisticas-container div{margin-bottom:0}}@media (max-height: 435px){.ajustes-mono-container{margin:89px 0 0}}@media (max-height: 425px){.ajustes-mono-container{width:130px;height:auto;margin:95px 0 0;padding:5px;max-height:calc(100vh - 55px)}.presentacion-continer{margin-bottom:5px;padding-bottom:0}.presentacion-continer img{width:40px;height:40px;margin:0 auto 5px}.presentacion-continer h1{margin:0 0 5px;font-size:14px;line-height:1}.estadistica-row{margin-bottom:3px}.botones-container-cerrar-vender button{padding:1px 3px;font-size:9px}}@media (max-height: 400px){.ajustes-mono-container{margin:80px 0 0}}@media (max-height: 362px){.ajustes-mono-container{margin:60px 0 0}}.orientation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.orientation-container{background:linear-gradient(135deg,#4d2e00,#8b4513);border:3px solid #ffd700;border-radius:15px;padding:20px;text-align:center;max-width:80%;animation:popupWarning .5s ease-out forwards;box-shadow:0 8px 15px #0009}.rotate-icon{width:100px;height:100px;animation:rotateDevice 3s infinite ease-in-out;margin-bottom:15px}.orientation-container h2{color:gold;font-family:Luckiest Guy,Comic Sans MS,cursive;font-size:24px;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.orientation-container p{color:#fff;font-size:16px;margin:10px 0}@keyframes rotateDevice{0%{transform:rotate(0)}20%{transform:rotate(0)}30%{transform:rotate(90deg)}70%{transform:rotate(90deg)}80%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes popupWarning{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}:root{--color-boton-importante: #e19718;--color-navegador: #282c34;--fuente-principal: "Montserrat", sans-serif}body{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-webkit-user-select:none;user-select:none;user-drag:none;touch-action:none}.fondo-juego{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/Monkey-Pop/assets/fondoJuego-Bck0l4Qa.webp) no-repeat center center/cover;z-index:-1}.game-container{display:grid;flex-grow:1;width:max-content;grid-template-columns:repeat(30,1fr);position:fixed;top:53%;left:50%;transform:translate(-50%,-50%);border:3px solid #ffd700;background:linear-gradient(to bottom,#8b45131a,#6303);border-radius:20px;box-shadow:0 8px 15px #0006;padding:15px;overflow:hidden;z-index:1}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:20px 20px 0 0;pointer-events:none}.coins,.lives{font-size:18px;font-weight:700}@media (max-width: 600px){.header,.menu{flex-direction:column;align-items:center}}.icono-boton{width:40px;height:40px;cursor:pointer;transition:transform .2s}.icono-boton:hover{transform:scale(1.1)}.confirmacion-container{background-color:#4d2e00;border:3px solid #8b4513;border-radius:12px;padding:20px;width:90%;max-width:350px;box-shadow:0 4px 8px #00000080;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:20px}.confirmacion-container:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:9px 9px 0 0;pointer-events:none}.confirmacion-titulo{width:100%;border-bottom:2px solid #8b4513;padding-bottom:10px;margin-bottom:10px;text-align:center}.confirmacion-titulo h2{margin:0;color:gold;font-size:1.6rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:Luckiest Guy,Comic Sans MS;letter-spacing:1px}.confirmacion-container button{background-color:#e19718;color:#fff;border:2px solid #8b4513;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0000004d;transition:all .2s;min-width:120px}.confirmacion-container button:hover{background-color:orange;transform:scale(1.05)}.confirmacion-container button:last-child{background-color:#6b4115}.confirmacion-container button:last-child:hover{background-color:#8b5a2b}.confirmacion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmacion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:overlay-appear .3s ease forwards}@keyframes overlay-appear{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}.confirmacion-container{animation:popup .3s ease-out forwards}@keyframes popup{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.imagenMonoAgarrado{max-width:35px;max-height:35px;object-fit:contain;pointer-events:none;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mono-mapa.mono-mejorado .mono{filter:drop-shadow(0 0 6px #FFD700) drop-shadow(0 0 12px #FFD700)}.mono-mapa.mono-seleccionado .mono{outline:2px solid #f6ff00;outline-offset:0px;border-radius:45%}.circuloRango{position:absolute;background-color:transparent;border:1px solid black;border-radius:50%;opacity:.9;pointer-events:none;cursor:none;left:-4px;top:-9px;z-index:1000;display:flex;justify-content:center;align-items:center;touch-action:none}@media (max-width: 935px){.game-container{grid-template-columns:repeat(20,1fr);top:60%}@media (orientation: landscape){.game-container{padding:10px}.imagenMonoAgarrado{max-width:30px;max-height:30px}.barra-navegacion{height:45px;padding:0 5px}}.confirmacion-container{width:80%;max-width:280px;padding:15px}.confirmacion-titulo h2{font-size:1.4rem}}@media (max-width: 480px){@media (orientation: landscape){.imagenMonoAgarrado,.globo,.mono,.globo-explotado{max-width:25px;max-height:40px}}}body{padding-top:60px}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;background:linear-gradient(to bottom,var(--color-marron-claro),var(--color-marron-oscuro));border-bottom:2px solid var(--color-dorado);padding:5px 10px;box-sizing:border-box;position:fixed;top:0;left:0;box-shadow:var(--sombra-elemento);overflow:visible;margin:0;z-index:1000;height:auto}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}#back-button{background-color:var(--color-dorado);color:var(--color-marron-oscuro);border:none;padding:8px 12px;font-size:.9rem;cursor:pointer;border-radius:50px;margin:0 5px;transition:all .3s;box-shadow:0 4px 8px #0000004d;font-family:var(--fuente-principal);letter-spacing:1px;font-weight:700;white-space:nowrap;flex:0 0 auto}.nav-button{background-color:var(--color-dorado);color:var(--color-marron-oscuro);border:none;padding:8px 12px;font-size:.9rem;cursor:pointer;border-radius:50px;margin:0 5px;transition:all .3s;box-shadow:0 4px 8px #0000004d;font-family:var(--fuente-principal);letter-spacing:1px;font-weight:700;white-space:nowrap}.nav-button:hover,#back-button:hover{background-color:#ffec80;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.nav-button:active,#back-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.info-container{display:flex;align-items:center;background-color:#0000004d;border:1px solid var(--color-dorado);border-radius:15px;padding:4px 8px;box-shadow:0 4px 8px #0000004d}.botones-container{display:flex;justify-content:center;align-items:center;gap:5px;margin:auto 0;height:100%;min-height:100%;padding:10px 0}.botones-container button,.icono-boton{width:30px;height:30px}.monedas-container,.vidas-container{display:flex;align-items:center;margin:0 5px;padding:2px;border-radius:10px}.monedas,.vidas{display:flex;align-items:center;color:var(--color-dorado);font-weight:700;font-size:.9rem;text-shadow:var(--sombra-texto);font-family:var(--fuente-principal);letter-spacing:1px;white-space:nowrap;width:20px;height:20px;object-fit:contain;margin-right:5px;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.monkey.disabled{filter:grayscale(70%) opacity(70%);cursor:not-allowed;pointer-events:none}.monkey-container{display:flex;gap:9px;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;overflow-x:auto;margin:0 10px}.monkey{background:linear-gradient(to bottom,var(--color-marron-oscuro),#4d2600);border:2px solid var(--color-dorado);border-radius:10px;padding:6px;transition:all .2s;cursor:pointer;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden;min-width:40px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.monkey:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:8px 8px 0 0;pointer-events:none}.monkey:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:#ffec80}.monkey:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.monkey img{width:35px;height:35px;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.info-ronda{display:flex;justify-content:center;align-items:center;background-color:#4d2e00;border:3px solid #8b4513;border-radius:12px;padding:8px 16px;margin:0 12px;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden}.info-tutorial{display:flex;justify-content:center;align-items:center;background-color:#4d2e00;border:3px solid #8b4513;border-radius:10px;padding:8px 12px;margin:0 auto;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden;max-width:400px;white-space:normal;text-align:center;word-wrap:break-word;line-height:1.2}.info-tutorial:before,.info-ronda:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:8px 8px 0 0}.info-ronda h2{margin:0;color:gold;font-size:1.4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:1;font-family:Bangers,Comic Sans MS,cursive;letter-spacing:1px}@keyframes roundChange{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.info-ronda.round-change h2{animation:roundChange .5s ease-in-out}.monkey-count{color:var(--color-dorado);font-weight:700;margin-top:2px;font-size:.8rem;text-shadow:var(--sombra-texto);font-family:var(--fuente-principal);letter-spacing:1px;text-align:center}.highlight{animation:pulsate 2s infinite}@media (max-width: 1200px){.navbar{flex-wrap:nowrap;scrollbar-gutter:0px}.monkey-container{flex:1 1 auto;padding:5px 0;gap:2px}.info-ronda{padding:4px 8px;margin:0 5px}.nav-button,#back-button{padding:4px 8px;font-size:.85rem;width:auto}.info-container{width:auto}.vidas-container,.monedas-container{padding:2px;width:auto}.botones-container{gap:3px}.info-tutorial{width:200px;max-width:200px;padding:6px 10px;font-size:.7rem}}@media (max-width: 1000px){body{padding-top:80px}.navbar{padding:5px}.monedas,.vidas{font-size:.85rem}.monkey img{width:30px;height:30px}.botones-container{flex-wrap:wrap;gap:3px;margin:2px 0;padding:1px 0;width:20%}.botones-container .icono-boton{width:20px;height:20px}.info-ronda h2{font-size:.7rem;padding:4px 7px}.info-container{padding:0}.info-container img{width:15px;height:15px}.info-tutorial{width:190px;max-width:200px;padding:6px 10px;font-size:.95rem}}@media (max-width: 841px){.info-tutorial{width:180px;max-width:200px;padding:5px 8px;font-size:.85rem}.info-ronda h2{font-size:.7rem;padding:2px 4px}.info-ronda{padding:3px 6px;margin:0 5px}}@media (max-width: 820px){.info-container{font-size:14px;flex-direction:column}}@media (max-width: 740px){body{padding-top:120px}.monkey img{width:30px;height:30px}.monkey{min-width:35px;min-height:35px;padding:4px}.monkey-count{font-size:.7rem}h2{font-size:.1rem}.boton-barraNavegacion{margin:0}.boton-barraNavegacion img{width:24px;height:24px}.vidas-container{padding:0;margin:0}.vidas{margin:1px}.info-container{font-size:13px}}@media (max-width: 680px){.info-tutorial{width:180px;max-width:200px;padding:4px 3px;font-size:.85rem}.info-ronda h2{font-size:.5rem;padding:1px 2px}.info-ronda{padding:3px 1px;margin:0}}@media (max-width: 650px){.info-tutorial{width:145px;font-size:.85rem}.monkey img{width:21px;height:21px}.navbar{padding:1px}}@media (max-width: 480px){body{padding-top:150px}.info-container{flex-direction:row;width:100%;justify-content:space-around;flex-wrap:wrap}.monkey{min-width:32px;min-height:32px;padding:3px}.monkey img{width:25px;height:25px}.nav-button,#back-button{padding:5px 8px;font-size:.8rem;margin:3px}}@media (max-height: 430px){.monkey-container{padding:0}}.nueva-ronda-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:500;pointer-events:none}.nueva-ronda-overlay>*{pointer-events:auto}.nueva-ronda-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#8b4513,#630);border:4px solid #ffd700;border-radius:20px;box-shadow:0 10px 25px #0009;padding:20px;text-align:center;z-index:101;max-width:80%;animation:appear .5s forwards}.nueva-ronda-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:16px 16px 0 0;pointer-events:none}.nueva-ronda-msg{color:gold;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.6);font-family:Luckiest Guy,Comic Sans MS,cursive;letter-spacing:2px;animation:pulsate 2s infinite}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 600px){.nueva-ronda-msg{font-size:2rem}}@media (max-width: 768px){.nueva-ronda-container{padding:15px;max-width:85%;max-height:27%}.nueva-ronda-msg{font-size:22px}}@media (max-width: 480px){.nueva-ronda-container{padding:12px;max-width:80%}}.ajustes-page{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/Monkey-Pop/assets/fondoConfiguraci%C3%B3n-CO8fffDz.webp) no-repeat center center/cover;z-index:-1}body{height:100vh;font-family:var(--fuente-principal);overflow:hidden;color:var(--color-texto-claro);padding:10px;box-sizing:border-box;text-shadow:var(--sombra-texto)}#container-controles{color:var(--color-texto-claro);background-color:#630c;position:fixed;top:53%;left:50%;transform:translate(-50%,-50%);border-radius:var(--borde-radio);border:2px solid var(--color-dorado);padding:25px;box-shadow:var(--sombra-elemento);overflow:hidden;width:28%}#container-controles:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:16px 16px 0 0;pointer-events:none}#container-controles h1{text-align:center;margin-bottom:20px;font-size:clamp(1.5rem,5vw,2rem);letter-spacing:2px}form{display:flex;flex-direction:column;gap:20px}label{font-size:clamp(1rem,4vw,1.2em);letter-spacing:1px}#mensaje-guardado-correctamente{font-size:13px;animation:aparecer 1s ease-out forwards}@keyframes aparecer{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;background:linear-gradient(to right,var(--color-marron-claro),var(--color-marron-oscuro));border-radius:50px;border:1px solid var(--color-dorado);outline:none;opacity:.8;transition:opacity .3s;box-shadow:0 2px 4px #0000004d}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-dorado);cursor:pointer;box-shadow:0 2px 4px #00000080;transition:all .3s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background-color:#ffec80}select{padding:10px;border-radius:50px;border:2px solid var(--color-dorado);background:var(--color-marron-oscuro);color:var(--color-texto-claro);font-family:var(--fuente-principal);font-size:clamp(.9rem,3vw,1rem);letter-spacing:1px;box-shadow:0 4px 8px #0000004d;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}select:hover{border-color:#ffec80;transform:translateY(-2px);box-shadow:0 6px 12px #0006}#boton-submit{background:linear-gradient(to bottom,var(--color-boton-importante),var(--color-hover));margin-top:20px;width:100%;border-radius:50px;border:2px solid var(--color-dorado);color:var(--color-texto-claro);font-family:var(--fuente-principal);font-size:clamp(1rem,4vw,1.2em);cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden}#boton-submit:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);pointer-events:none}#boton-submit:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border-color:#ffec80}#boton-submit:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}@media (max-width: 950px){#container-controles{padding:15px;width:45%}#container-controles h1{font-size:clamp(1.5rem,5vw,2rem)}form{gap:10px}label{font-size:clamp(.9rem,4vw,1.2em)}input[type=range]::-webkit-slider-thumb{width:15px;height:15px}select{font-size:clamp(.8rem,3vw,1rem)}}@media (max-width: 550px){#container-controles{width:90%}}@media (max-height: 500px){#container-controles{max-height:80vh;padding:12px}form{gap:0px}#boton-submit{margin-top:15px;height:40px}#container-controles h1{margin:0 0 5px;padding:0;font-size:clamp(1.2rem,3vw,1.5rem);letter-spacing:1px;line-height:1}}.ajuste-item{display:flex;flex-direction:column;margin-bottom:15px}.toggle-container{display:flex;align-items:center}.toggle-label{margin-left:10px;font-size:.9rem;color:var(--color-texto-claro)}.boton-sonido{background:linear-gradient(to bottom,var(--color-marron-claro),var(--color-marron-oscuro));border:2px solid var(--color-dorado);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;padding:5px;box-shadow:0 4px 6px #0000004d}.boton-sonido:hover{transform:scale(1.1);box-shadow:0 6px 10px #0006;border-color:#ffec80}.boton-sonido:active{transform:scale(.95)}.icono-sonido{width:25px;height:25px;object-fit:contain}.pro-tip-container{display:none}@media (hover: hover){.pro-tip-container{display:block;position:fixed;right:50px;top:120px;width:220px;max-width:25%;z-index:90;font-size:20px}}.pro-tip{background:linear-gradient(to bottom,#8b4513,#630);border:2px solid var(--color-dorado, #ffd700);border-radius:12px;padding:12px 15px;color:#fff;box-shadow:0 4px 8px #0000004d;max-width:100%;position:relative;overflow:hidden}.pro-tip:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:10px 10px 0 0;pointer-events:none}.pro-tip-header{display:flex;align-items:center;margin-bottom:8px}.pro-tip-icon{margin-right:10px;width:24px;height:24px;flex-shrink:0;margin-bottom:7px}.pro-tip-icon img{width:100%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pro-tip-content{display:flex;flex-direction:column}.pro-tip h2{color:gold;font-size:18px;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-family:var(--fuente-principal);letter-spacing:1px;font-weight:700}.pro-tip p{font-size:14px;line-height:1.4;margin:8px 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.6)}@media (max-width: 768px){.pro-tip-icon{width:20px;height:20px}.pro-tip h2{font-size:16px}.pro-tip p{font-size:13px}}@media (max-width: 480px){.pro-tip-icon{width:28px;height:28px}.pro-tip h2{font-size:15px}.pro-tip p{font-size:12px;line-height:1.3}}@media (max-height: 500px){.pro-tip{flex-direction:row;align-items:center;padding:8px 12px;text-align:left}.pro-tip-icon{margin-bottom:0;margin-right:10px}.pro-tip h2{margin-bottom:4px;text-align:left}.pro-tip p{text-align:left}}:root{--fuente-principal: "Montserrat", sans-serif}.tutorial-container-bienvenida{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:200;pointer-events:none}.tutorial-container{position:fixed;bottom:40px;left:0;right:0;margin:0 auto;width:100%;z-index:80;pointer-events:none;display:flex;justify-content:center;align-items:center}.tutorial-mensaje{background:linear-gradient(to bottom,#8b4513,#630);border-radius:12px;box-shadow:0 4px 15px #0006;padding:12px 20px;max-width:900px;width:80%;pointer-events:auto;border:2px solid var(--color-dorado);position:relative;overflow:hidden}.tutorial-mensaje:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:10px 10px 0 0;pointer-events:none}.tutorial-content{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.tutorial-text{flex:4}.tutorial-text h1{font-family:var(--fuente-principal);color:gold;margin:0 0 10px;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px;font-weight:700}.tutorial-text p{color:#fff;font-size:18px;margin-bottom:6px;line-height:1.3;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.tutorial-image{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.tutorial-image img{max-width:100%;max-height:130px;border-radius:8px;object-fit:contain;box-shadow:0 4px 8px #00000080;border:1px solid var(--color-dorado)}.tutorial-button{background-color:#926e06;color:#fff;border:none;padding:8px 12px;font-size:14px;border-radius:18px;cursor:pointer;transition:background-color .3s,transform .2s;margin-top:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-family:Luckiest Guy,Comic Sans MS;letter-spacing:.5px;max-width:170px;width:fit-content;text-align:center;display:inline-block}.tutorial-button:hover{background-color:var(--color-hover);transform:translateY(-2px)}.imagen-temporal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#00000080;animation:fadeIn .3s ease-in-out}.imagen-temporal-container{background:transparent;padding:20px;border-radius:10px;box-shadow:0 0 20px #00000080;max-width:80%;max-height:80%;overflow:hidden;animation:scaleIn .3s ease-in-out}.imagen-temporal{max-width:100%;max-height:70vh;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@media (min-width: 1200px){.tutorial-mensaje{width:800px;padding:16px 25px}}@media (max-width: 1199px) and (min-width: 769px){.tutorial-mensaje{width:650px}}@media (max-width: 768px){.tutorial-container{bottom:50px}.tutorial-mensaje{width:85%;max-width:550px;padding:14px 18px}.tutorial-content{flex-direction:row;gap:15px}.tutorial-text h2{font-size:26px}.tutorial-text p{font-size:18px}}@media (max-width: 576px){.tutorial-container{bottom:30px;width:100%}.tutorial-mensaje{width:85%;max-width:none;padding:12px 16px}.tutorial-content{flex-direction:row}.tutorial-text{flex:3}.tutorial-image{flex:1}.tutorial-image img{max-height:100px}.tutorial-button{padding:6px 10px;font-size:13px;max-width:110px}}@media (max-width: 380px){.tutorial-container{bottom:25px;width:100%}.tutorial-mensaje{width:97%;padding:10px 12px;border-radius:10px}.tutorial-text h2{font-size:18px}.tutorial-text p{font-size:14px;margin-bottom:6px}.tutorial-button{padding:5px 8px;font-size:12px;border-radius:15px}}@media (max-height: 500px){.tutorial-container{bottom:15px;width:100%}.tutorial-mensaje{width:96%;max-width:none;padding:8px 12px}.tutorial-content{flex-direction:row}.tutorial-text{flex:2}.tutorial-image{flex:1}.tutorial-image img{max-height:80px}.tutorial-text h2{font-size:20px;margin-bottom:5px}.tutorial-text p{font-size:18px;margin-bottom:4px;line-height:1.2}}@media (max-height: 500px) and (min-width: 600px){.tutorial-container{bottom:15px;width:100%}.tutorial-mensaje{width:84%;max-width:none;padding:10px 14px}.tutorial-content{flex-direction:row;gap:6px}.tutorial_text{flex:3}.tutorial-image{flex:2}.tutorial-image img{max-height:100px}.tutorial-text h2{font-size:18px;margin-bottom:6px}.tutorial-text p{font-size:14px;margin-bottom:6px;line-height:1.2}.tutorial-button{padding:5px 10px;font-size:13px}}@media (max-height: 400px){.tutorial-container{bottom:10px}.tutorial-mensaje{padding:8px}.tutorial-text h2{font-size:16px;margin-bottom:4px}.tutorial-text p{font-size:16px;margin-bottom:4px;line-height:1.1}.tutorial-image img{max-height:80px}.tutorial-text p:not(:first-of-type){display:none}}@media (min-width: 900px) and (max-height: 600px){.tutorial-container{bottom:30px}.tutorial-mensaje{max-width:700px;width:90%}.tutorial-content{flex-direction:row;align-items:center}.tutorial-text{flex:2}.tutorial-image{flex:1}}@media (max-width: 576px){.tutorial-container-bienvenida .tutorial-mensaje{width:90%;max-width:350px}}:root{--color-dorado: #ffd700;--color-marron-claro: #8b4513;--color-marron-oscuro: #663300;--color-verde-selva: #2e7d32;--color-verde-claro: #4caf50;--color-azul-cielo: #64b5f6;--sombra-texto: 2px 2px 4px rgba(0, 0, 0, .6);--sombra-elemento: 0 8px 15px rgba(0, 0, 0, .4);--borde-radio: 20px;--fuente-principal: "Montserrat", sans-serif;--fuente-secundaria: "Nunito", sans-serif}.body{overflow:hidden}.creditos-container{width:clamp(280px,90%,900px);margin:2000px 0 0;padding:clamp(20px,5vh,50px);display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;color:#fff;min-height:100vh;overflow-y:auto}@keyframes suaveFondo{0%{transform:scale(1)}to{transform:scale(1.1)}}.boton-volver{background-color:var(--color-boton-importante);color:#000;border:none;border-radius:30px;padding:12px 25px;font-family:var(--fuente-principal);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--sombra-elemento)}.boton-volver:hover{background-color:var(--color-hover);transform:translateY(-3px);box-shadow:var(--sombra-hover)}.boton-volver:active{transform:translateY(-1px)}.barra-navegacion{position:fixed!important;width:100%!important;top:0!important;left:0!important;z-index:9999!important}.creditos-titulo{font-family:var(--fuente-principal);font-weight:700;font-size:clamp(2.5rem,10vw,4rem);color:var(--color-dorado);text-align:center;position:relative;animation:brilloTitulo 3s ease-in-out infinite alternate;letter-spacing:2px;margin-top:20px;margin-bottom:30px;border-radius:20px;background-color:#4b2300e6;padding:10px 30px}@keyframes brilloTitulo{0%{text-shadow:var(--sombra-texto),0 0 10px rgba(255,215,0,.6)}to{text-shadow:var(--sombra-texto),0 0 20px rgba(255,215,0,.9),0 0 30px rgba(255,215,0,.3)}}.creditos-titulo:after{content:"";position:absolute;bottom:-10px;left:10%;width:80%;height:3px;background:linear-gradient(to right,transparent,var(--color-dorado),transparent)}.seccion-creditos{background:linear-gradient(135deg,#630c,#4d2600e6);border-radius:var(--borde-radio);padding:clamp(20px,4vw,40px);margin-bottom:2rem;width:100%;box-shadow:var(--sombra-elemento);border:2px solid var(--color-marron-claro);position:relative;transition:transform .3s,box-shadow .3s}.seccion-creditos:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:-1;pointer-events:none}.seccion-creditos:hover{transform:translateY(-5px);box-shadow:var(--sombra-elemento),0 10px 20px #00000080}.seccion-titulo{color:var(--color-dorado);font-family:var(--fuente-principal);font-weight:700;font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,215,0,.5);position:relative;display:flex;align-items:center}.seccion-titulo:before{content:"🐒";margin-right:10px;font-size:1.2em}.equipo-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.miembro-equipo{background:#0003;border-radius:12px;padding:15px;transition:all .3s;border:1px solid rgba(255,215,0,.1);position:relative}.miembro-equipo:hover{background:#ffd7001a;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.miembro-equipo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-dorado),transparent);transform:scaleX(0);transition:transform .3s}.miembro-equipo:hover:after{transform:scaleX(1)}.nombre-miembro{color:#fff;font-family:var(--fuente-principal);font-weight:700;font-size:clamp(1.1rem,3vw,1.3rem);margin-bottom:5px}.rol-miembro{color:var(--color-dorado);font-family:var(--fuente-secundaria);font-size:clamp(.9rem,2.5vw,1rem);font-style:italic;margin-bottom:10px}.descripcion-miembro{color:#ffffffe6;font-family:var(--fuente-secundaria);font-size:.9rem;line-height:1.5}.contacto-miembro{margin-top:10px;display:flex;gap:10px}.contacto-miembro a{color:var(--color-azul-cielo);text-decoration:none;transition:all .2s;font-size:.85rem;display:flex;align-items:center}.contacto-miembro a:hover{color:#fff;text-decoration:underline}.contacto-miembro a span{margin-right:5px}.agradecimientos-lista{color:#fff;font-family:var(--fuente-secundaria);line-height:1.7;padding-left:20px;opacity:1!important}.agradecimientos-lista li{margin-bottom:.5rem;position:relative;padding-left:1.5rem}.agradecimientos-lista li:before{content:"🍌";position:absolute;left:0;top:0;font-size:.9rem}.tecnologias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;width:100%;opacity:1!important}.tecnologia-item{background:#140a0099;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s;min-height:180px;border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 8px #0000004d}.tecnologia-item:hover{transform:translateY(-5px);background:#281400b3;border-color:#ffd70080;box-shadow:0 6px 12px #0006,0 0 15px #ffd7004d}.tecnologia-logo-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;background-color:#ffffff1a;border-radius:50%;padding:10px;border:2px solid rgba(255,215,0,.3)}.tecnologia-logo{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}.tecnologia-item:hover .tecnologia-logo{transform:scale(1.1)}.tecnologia-info{flex:1;display:flex;flex-direction:column}.tecnologia-nombre{color:var(--color-dorado);font-family:var(--fuente-principal);font-weight:700;font-size:1.1rem;margin-bottom:8px}.tecnologia-descripcion{color:#ffffffe6;font-family:var(--fuente-secundaria);font-size:.9rem;line-height:1.4}.nav-controles{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap;justify-content:center}.control-boton{background-color:#281400cc;color:var(--color-dorado);border:2px solid var(--color-dorado);border-radius:30px;padding:10px 20px;font-family:var(--fuente-principal);font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--sombra-elemento)}.control-boton:hover{background-color:#3c1e00e6;transform:translateY(-3px);box-shadow:0 8px 15px #0006}.control-boton:active{transform:translateY(0)}.fade-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.animate{animation:fadeInUp .7s ease-out forwards}@keyframes fadeInUp{0%{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.seccion-creditos{opacity:1!important;animation-delay:.5s;animation-fill-mode:backwards}.creditos-footer{margin-top:2rem;text-align:center;color:#ffffffb3;font-family:var(--fuente-secundaria);font-size:.9rem;width:100%;background:#281400f5;color:#fff!important;border-radius:0 0 20px 20px;box-shadow:0 2px 8px #00000040;padding:1.5rem 0 1rem}.creditos-footer hr{border:0;height:1px;background:linear-gradient(to right,transparent,#ffd700,transparent);margin-bottom:1rem}.creditos-container a:not(.boton-volver){color:var(--color-dorado);text-shadow:1px 1px 2px #000;font-weight:600;text-decoration:none;transition:all .2s}.creditos-container a:not(.boton-volver):hover{color:#fff;text-decoration:underline}.version-info{margin-top:.5rem;font-size:.8rem;color:#ffffff80;color:gold;font-weight:600;text-shadow:1px 1px 2px #000}@media (max-width: 768px){.creditos-container{padding-top:300px;margin-top:70px}.navegacion-interna{top:70px;padding:5px 0}.navegacion-interna ul{gap:5px}.navegacion-interna a{padding:6px 10px;font-size:.9rem}.tecnologias-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 700px){.creditos-container{margin-top:2360px}}@media (max-width: 530px){.creditos-container{margin-top:2760px}}@media (max-width: 470px){.creditos-container{margin:2200px auto 0;padding:10% 0;width:90%;max-width:400px}}@media (max-height: 500px) and (orientation: landscape){.creditos-container{padding-top:clamp(2300px,50vh,450px);margin-top:0}.navegacion-interna{position:relative;top:0;margin-bottom:20px}.tecnologia-item{min-height:150px}.tecnologia-logo-container{width:60px;height:60px}}@media (max-height: 500px) and (orientation: landscape){.creditos-container{margin-top:0}}:root{--color-boton-importante: #e19718;--color-hover: #c57b14;--color-dorado: #ffd700;--color-dorado-claro: #ffec80;--color-marron-claro: #8b4513;--color-marron-oscuro: #663300;--color-texto-claro: #ffffff;--color-texto-tarjeta: #FEFDE0;--color-texto-descripcion: #F5EAAA;--sombra-texto: 2px 2px 4px rgba(0, 0, 0, .6);--sombra-elemento: 0 8px 15px rgba(0, 0, 0, .4);--sombra-hover: 0 12px 25px rgba(0, 0, 0, .5);--borde-radio: 20px;--fuente-principal: "Montserrat", sans-serif;--fuente-parrafos: "Nunito", sans-serif;--transicion-suave: all .3s cubic-bezier(.25, .46, .45, .94)}body{padding-top:clamp(250px,15vh,150px);margin:0;font-family:var(--fuente-parrafos);color:var(--color-texto-claro);background-image:url(/Monkey-Pop/assets/fondoMonos-DwwLfBQT.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;overflow-y:scroll}.titulo-principal{font-family:var(--fuente-principal);color:var(--color-dorado);text-align:center;font-size:clamp(2rem,5vw,2.5rem);margin:0;letter-spacing:2px;font-weight:800;width:100%;position:relative;text-shadow:2px 2px 0 #000000,-2px -2px 0 #000000,2px -2px 0 #000000,-2px 2px 0 #000000,0 0 5px rgba(0,0,0,.9)}.titulo-principal-wrapper{background-color:#281400e6;padding:15px 25px;border-radius:var(--borde-radio);display:block;margin:0 auto 25px;max-width:90%;width:fit-content;border:3px solid var(--color-dorado);box-shadow:var(--sombra-elemento),0 0 15px #00000080;text-align:center}.titulo-principal:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--color-dorado),transparent)}@media (max-width: 768px){.titulo-principal-wrapper{padding:12px 20px;margin-bottom:20px}}@media (max-width: 480px){.titulo-principal-wrapper{padding:10px 15px}.titulo-principal{font-size:clamp(1.6rem,6vw,2rem)}}@media (max-height: 480px) and (orientation: landscape){.titulo-principal-wrapper{padding:8px 15px;margin-bottom:15px}.titulo-principal{font-size:clamp(1.4rem,5vw,1.8rem)}.titulo-principal:after{bottom:-5px;height:1px}}.pagina-mono-info{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;overflow-y:auto;padding-bottom:60px;align-items:center;position:relative}.pagina-mono-info:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0003,#3c1e0099);z-index:-1;pointer-events:none}.separador-navbar{width:100%;height:120px;flex-shrink:0;display:block}.scroll-container-wrapper{position:relative;width:95%;max-width:1400px;display:flex;align-items:center;justify-content:center;margin:20px auto;transition:var(--transicion-suave)}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--color-marron-claro),var(--color-marron-oscuro));color:var(--color-dorado);border:2px solid var(--color-dorado);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:var(--sombra-elemento);transition:var(--transicion-suave);opacity:.9}.scroll-button:hover{background:linear-gradient(135deg,var(--color-marron-oscuro),#472400);color:var(--color-dorado-claro);opacity:1;transform:translateY(-50%) scale(1.15);box-shadow:0 0 15px #ffd70066}.scroll-button:active{transform:translateY(-50%) scale(.95);box-shadow:0 0 10px #ffd7004d}.scroll-button.left{left:-20px;box-shadow:-3px 0 10px #0000004d,var(--sombra-elemento)}.scroll-button.right{right:-20px;box-shadow:3px 0 10px #0000004d,var(--sombra-elemento)}.contenedor-monos{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:35px;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;min-height:620px;padding:35px 15px;touch-action:pan-x;-ms-overflow-style:none}.contenedor-monos::-webkit-scrollbar{display:none}.scroll-container-wrapper:before,.scroll-container-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:5;pointer-events:none}.scroll-container-wrapper:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.2),transparent)}.scroll-container-wrapper:after{right:0;background:linear-gradient(to left,rgba(0,0,0,.2),transparent)}.tarjeta-mono{background:linear-gradient(135deg,#50280fe0,#3c1e0af2);border:4px solid var(--color-dorado);border-radius:var(--borde-radio);padding:28px;width:330px;min-width:330px;height:auto;min-height:560px;box-shadow:var(--sombra-elemento),inset 0 0 20px #32140099,0 0 #ffd70000;display:flex;flex-direction:column;align-items:center;text-align:center;transition:var(--transicion-suave);position:relative;overflow:visible;flex-shrink:0;transform:translateY(0)}.tarjeta-mono:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);pointer-events:none;border-radius:calc(var(--borde-radio) - 4px) calc(var(--borde-radio) - 4px) 0 0}.tarjeta-mono:hover{transform:translateY(-12px) scale(1.04);box-shadow:var(--sombra-hover),inset 0 0 20px #3c1e00b3,0 0 15px #ffd7004d;border-color:var(--color-dorado-claro);z-index:2}.tarjeta-mono:active{transform:translateY(-5px) scale(1.02);transition:all .1s ease}.imagen-mono{width:140px;height:140px;object-fit:contain;margin-bottom:25px;background:radial-gradient(ellipse at center,#00000026,#00000059);border-radius:20px;padding:10px;border:3px solid rgba(255,215,0,.7);filter:drop-shadow(3px 3px 5px rgba(0,0,0,.4));transition:var(--transicion-suave)}.tarjeta-mono:hover .imagen-mono{filter:drop-shadow(4px 4px 8px rgba(0,0,0,.5)) brightness(1.15);border-color:var(--color-dorado-claro);transform:scale(1.05)}.info-texto-mono{width:100%;overflow:visible;height:auto;display:flex;flex-direction:column;flex-grow:1}.info-texto-mono h2{font-family:var(--fuente-principal);color:#fff;font-size:1.8em;margin-top:0;margin-bottom:18px;text-shadow:var(--sombra-texto),0 0 10px rgba(255,215,0,.3);letter-spacing:1.5px;word-wrap:break-word;transition:var(--transicion-suave);position:relative}.tarjeta-mono:hover .info-texto-mono h2{color:var(--color-dorado-claro);text-shadow:var(--sombra-texto),0 0 15px rgba(255,215,0,.5)}.info-texto-mono h2:after{content:"";position:absolute;bottom:-8px;left:25%;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);border-radius:2px}.info-texto-mono p{color:var(--color-texto-tarjeta);font-family:var(--fuente-parrafos);font-size:1.05em;margin:10px 0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;transition:var(--transicion-suave)}.info-texto-mono p strong{color:var(--color-dorado);font-weight:700}.tarjeta-mono:hover .info-texto-mono p{color:#fff}.descripcion-mono{font-size:.95em;color:var(--color-texto-descripcion);margin-top:20px!important;font-style:italic;min-height:65px;line-height:1.5;padding-top:12px;border-top:1px solid rgba(255,215,0,.2)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-marron-oscuro);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-dorado),#d4b100);border-radius:10px;border:2px solid var(--color-marron-oscuro)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--color-dorado-claro),var(--color-dorado))}@media (max-width: 1024px){.separador-navbar{height:90px}.scroll-container-wrapper{width:90%;margin:15px auto}.contenedor-monos{padding:25px 20px;gap:25px;min-height:590px}.tarjeta-mono{width:320px;min-width:320px;padding:25px}}@media (max-width: 768px){.titulo-principal{margin-bottom:25px}.titulo-principal:after{width:70%}.separador-navbar{height:150px}.scroll-container-wrapper{width:92%}.scroll-button{width:40px;height:40px;font-size:1.1rem}.scroll-button.left{left:-15px}.scroll-button.right{right:-15px}.contenedor-monos{padding:20px 15px;gap:22px;min-height:570px}.tarjeta-mono{width:310px;min-width:310px;min-height:540px;padding:22px}.imagen-mono{width:120px;height:120px;margin-bottom:20px}.info-texto-mono h2{font-size:1.7em}.info-texto-mono p{font-size:1em}}@media (max-width: 600px){.titulo-principal{font-size:clamp(1.8rem,7vw,2.2rem);margin-bottom:22px}.separador-navbar{height:130px}.scroll-container-wrapper{width:90%;margin:10px auto}.scroll-button{width:35px;height:35px;font-size:1rem}.contenedor-monos{padding:15px;gap:20px;min-height:540px}.tarjeta-mono{width:290px;min-width:290px;min-height:520px;padding:18px}.imagen-mono{width:110px;height:110px;margin-bottom:18px}}@media (max-width: 480px){.titulo-principal{font-size:clamp(1.6rem,6vw,2rem);margin-bottom:20px}.separador-navbar{height:170px}.scroll-container-wrapper{width:88%;padding:0 10px}.scroll-button{width:32px;height:32px;font-size:.9rem}.scroll-button.left{left:-10px}.scroll-button.right{right:-10px}.contenedor-monos{padding:10px 20px;gap:18px;min-height:520px}.tarjeta-mono{width:270px;min-width:270px;min-height:500px;padding:16px}.imagen-mono{width:100px;height:100px;margin-bottom:15px}.info-texto-mono h2{font-size:1.6em}}@media (max-width: 470px){.separador-navbar{height:0px}.contenedor-monos{margin:0 auto;padding:10% 0;width:90%;max-width:400px}}@media (max-width:1000px){.titulo-principal{font-size:clamp(3rem,7vw,2.2rem);margin-bottom:22px}.separador-navbar{height:130px}.scroll-container-wrapper{width:90%;margin:10px auto}.scroll-button{width:35px;height:35px;font-size:1rem}.contenedor-monos{padding:15px;gap:20px;min-height:540px}.tarjeta-mono{width:290px;min-width:290px;min-height:520px;padding:18px}.imagen-mono{width:110px;height:110px;margin-bottom:20px}}@media (max-height: 480px) and (orientation: landscape){.titulo-principal{font-size:clamp(1.4rem,5vw,1.8rem);margin-top:5px;margin-bottom:15px}.separador-navbar{height:20px}.titulo-principal-wrapper{padding:5px 15px}.scroll-container-wrapper{width:80%;max-width:1200px;margin:8px auto;padding:0 30px}.contenedor-monos{padding:10px 40px;gap:35px;min-height:290px;margin:0 40px}.tarjeta-mono{width:210px;min-width:210px;min-height:250px;max-height:400px;padding:12px;border-width:3px}.imagen-mono{width:65px;height:65px;margin-bottom:10px;padding:6px}.info-texto-mono h2{font-size:1.3em;margin-bottom:8px}.info-texto-mono h2:after{bottom:-4px}.info-texto-mono p{font-size:.8em;margin:4px 0;line-height:1.3}.descripcion-mono{font-size:.75em;min-height:40px;margin-top:6px!important;padding-top:6px}.scroll-button{width:28px;height:28px;font-size:.8rem;top:45%}.scroll-button.left{left:15px}.scroll-button.right{right:15px}@media (max-width: 568px){.tarjeta-mono{width:190px;min-width:190px;min-height:260px;max-height:260px;padding:10px}.imagen-mono{width:55px;height:55px;margin-bottom:8px}.info-texto-mono h2{font-size:1.2em}}}@media (max-height: 375px) and (orientation: landscape){.separador-navbar{height:60px}.titulo-principal{font-size:clamp(1.3rem,4.5vw,1.6rem);margin-top:2px;margin-bottom:12px}.scroll-container-wrapper{width:85%;padding:0 25px;margin:5px auto}.contenedor-monos{padding:8px 30px;gap:30px;min-height:240px}.tarjeta-mono{width:180px;min-width:180px;min-height:230px;max-height:230px;padding:10px}.imagen-mono{width:50px;height:50px;margin-bottom:6px;padding:4px}.info-texto-mono h2{font-size:1.1em;margin-bottom:6px}.info-texto-mono p{font-size:.75em;margin:3px 0}}:root{--color-boton-importante: #e19718;--color-hover: #c57b14;--color-dorado: #ffd700;--color-marron-claro: #8b4513;--color-marron-oscuro: #663300;--color-texto-claro: #ffffff;--sombra-texto: 2px 2px 4px rgba(0, 0, 0, .6);--sombra-elemento: 0 8px 15px rgba(0, 0, 0, .4);--borde-radio: 20px;--fuente-principal: "Montserrat", sans-serif}.info-juego-container{width:100%;min-height:100vh;color:var(--color-texto-claro);font-family:var(--fuente-principal);text-shadow:var(--sombra-texto);position:relative;padding-bottom:50px;margin-bottom:15px;overflow-x:hidden;overflow-y:auto}.info-juego-content{max-width:1200px;width:1200px;margin:500px auto 0;padding:20px;background-color:#000000b3;border:3px solid var(--color-dorado);border-radius:var(--borde-radio);box-shadow:var(--sombra-elemento);z-index:1;position:relative}.info-juego-content h1{text-align:center;font-size:3em;color:var(--color-dorado);margin-bottom:30px}.info-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap;cursor:pointer;transition:all .3s;text-shadow:var(--sombra-texto);min-width:120px}.tab-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border-color:#ffec80}.tab-btn.active{background:linear-gradient(to bottom,var(--color-boton-importante),var(--color-hover));transform:scale(1.05)}.tab-content{background-color:#00000080;border:2px solid var(--color-marron-claro);border-radius:var(--borde-radio);padding:25px;min-height:400px;height:1000px}.info-content{animation:fadeIn .5s ease-in-out}.info-header{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap}.info-header h2{color:var(--color-dorado);font-size:2.2em;margin-left:20px}.personaje-imagen{width:120px;height:120px;border-radius:50%;border:3px solid var(--color-dorado);object-fit:cover;box-shadow:var(--sombra-elemento)}.info-text{font-size:1.2em;line-height:1.6}.info-text p{margin-bottom:15px}.info-image-container{text-align:center;margin:25px 0}.info-image{max-width:300px;border-radius:15px;border:2px solid var(--color-dorado);box-shadow:var(--sombra-elemento)}.image-caption{font-size:.9em;margin-top:10px;font-style:italic;color:#e0e0e0}.objetivo-item{background-color:#8b45134d;border-radius:15px;padding:15px;margin-bottom:15px;border-left:5px solid var(--color-dorado)}.objetivo-item h4{color:var(--color-dorado);margin-bottom:8px;font-size:1.3em}.info-importante{background-color:#e197184d;border:2px dashed var(--color-dorado);border-radius:15px;padding:15px;margin:25px 0;text-align:center}.info-importante h4{color:#ffea00;font-size:1.4em}.controles-section{margin-bottom:15px;background-color:#0000004d;border-radius:15px;padding:15px}.controles-section h3{color:var(--color-dorado);border-bottom:1px solid var(--color-dorado);padding-bottom:8px;margin-bottom:15px;font-size:1.5em}.controles-section ul{list-style-type:none;padding-left:10px}.controles-section li{margin-bottom:10px;font-size:1.1em}.controles-section strong{color:var(--color-dorado);margin-right:10px}.estrategia-item{margin-bottom:30px}.estrategia-item h3{color:var(--color-dorado);font-size:1.6em;margin-bottom:15px;border-bottom:2px solid var(--color-marron-claro);padding-bottom:5px}.estrategia-monos{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;justify-content:center}.mono-estrategia{text-align:center;width:130px}.mono-estrategia img{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-dorado);object-fit:cover;margin-bottom:8px;background-color:#0006;padding:5px}.mono-estrategia p{font-size:.9em}.estrategia-item ul{list-style-type:disc;padding-left:20px}.estrategia-item li{margin-bottom:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.info-image{max-width:200px}}@media (max-width: 600px){.info-image{max-width:100px}}@media (max-width: 600px) and (max-height: 1000px){.info-juego-content{padding-top:clamp(40px,40vh,400px);width:80%;height:100%}.info-juego-content h1{font-size:2.5em}.tab-btn{padding:10px 20px;font-size:1.1em;min-width:120px}.personaje-imagen{width:100px;height:100px}.info-header h2{font-size:2em}.info-text{font-size:1.1em}}@media (max-width: 500px) and (min-height: 800px){.info-juego-content{width:95%;margin:1000px auto 0;padding:20px;box-sizing:border-box}.info-text{font-size:1em;line-height:1.5;padding:0 10px;word-break:break-word}.info-text p{margin-bottom:12px;text-align:justify}.tab-content{background-color:#00000080;border:2px solid var(--color-marron-claro);border-radius:var(--borde-radio);padding:25px;min-height:400px;height:90%;box-sizing:border-box}.image-caption{padding:0 10px;text-align:center}.info-juego-container{padding-left:5px;padding-right:5px}}@media (max-width: 920px) and (max-height: 550px){.info-juego-content{width:100%;margin-top:800px;padding:15px}.info-juego-content h1{font-size:2em}.info-header h2{font-size:1.6em;text-align:center}.personaje-imagen{width:80px;height:80px}.info-text{font-size:.95em}.tab-btn{font-size:1em;padding:8px 10px;min-width:unset}.estrategia-monos{gap:10px}.mono-estrategia{width:80px}.mono-estrategia img{width:60px;height:60px}}:root{--color-fondo: #2a5a8a;--color-fondo-oscuro: #1f4d78;--color-fondo-tarjeta: #1f4d78;--color-fondo-opcion: #2c5d8a;--color-texto: #ffffff;--color-texto-secundario: #c8dcff;--color-borde: #ffffff;--color-acento: #ffcc00;--color-sombra: rgba(0, 0, 0, .3);--fuente-principal: "Montserrat", sans-serif;--fuente-secundaria: "Nunito", sans-serif;--radio-borde: 15px;--espacio-navegacion: 60px;--transicion: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-secundaria);line-height:1.6;min-height:100vh;overflow-x:hidden}.accesibilidad-page{width:100%;min-height:100vh;background-color:var(--color-fondo);color:var(--color-texto);padding:0;margin-top:300px;position:relative;padding-top:var(--espacio-navegacion);overflow:hidden}.accesibilidad-contenedor-principal{width:100%;max-width:900px;margin:0 auto;padding:20px;padding-top:calc(var(--espacio-navegacion) + 40px);display:flex;flex-direction:column;gap:30px;position:relative;z-index:10;overflow-y:auto}.accesibilidad-titulo-seccion{text-align:center;margin-bottom:30px;background-color:#0000004d;border-radius:var(--radio-borde);padding:20px}.accesibilidad-titulo-seccion h1{font-size:2.2rem;color:var(--color-texto);text-shadow:2px 2px 4px var(--color-sombra);margin-bottom:15px;font-family:var(--fuente-principal);font-weight:700;letter-spacing:1px}.accesibilidad-descripcion{font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.5}.accesibilidad-tarjeta{background-color:var(--color-fondo-tarjeta);border:3px solid var(--color-borde);border-radius:var(--radio-borde);padding:25px;box-shadow:0 8px 20px var(--color-sombra);margin-bottom:30px}.accesibilidad-seccion-titulo{color:var(--color-texto);font-size:1.75rem;margin-bottom:25px;border-bottom:3px solid var(--color-borde);padding-bottom:10px;text-shadow:1px 1px 3px rgba(0,0,0,.6);font-family:var(--fuente-principal);font-weight:700}.accesibilidad-opcion{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:20px;background-color:var(--color-fondo-opcion);border:2px solid var(--color-texto-secundario);border-radius:12px;transition:var(--transicion)}.opcion-header{flex:1;padding-right:15px}.opcion-label{font-size:1.25rem;font-weight:700;margin-bottom:8px;display:block;font-family:var(--fuente-principal)}.opcion-descripcion{font-size:.95rem;color:var(--color-texto-secundario)}.input-container{min-width:100px;display:flex;justify-content:center;align-items:center}.accesibilidad-opcion select{padding:10px 30px 10px 15px;border-radius:8px;border:2px solid var(--color-borde);background-color:#0000004d;color:var(--color-texto);font-family:var(--fuente-secundaria);font-size:1rem;cursor:pointer;min-width:160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px top 50%}.accesibilidad-opcion input[type=checkbox]{width:28px;height:28px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000004d;border:2px solid var(--color-borde);border-radius:4px;position:relative;outline:none}.accesibilidad-opcion input[type=checkbox]:checked{background-color:var(--color-acento);border-color:var(--color-acento)}.accesibilidad-opcion input[type=checkbox]:checked:after{content:"✓";font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000}.accesibilidad-acciones{display:flex;justify-content:center;margin-top:20px;margin-bottom:40px}.accesibilidad-btn-guardar{background-color:var(--color-acento);color:#000;border:2px solid var(--color-borde);border-radius:50px;padding:14px 30px;font-size:1.3rem;font-weight:700;cursor:pointer;font-family:var(--fuente-principal);letter-spacing:1px;transition:var(--transicion);box-shadow:0 4px 10px var(--color-sombra);min-width:220px}.accesibilidad-btn-guardar:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006}.accesibilidad-btn-guardar:active{transform:translateY(-1px)}.accesibilidad-info{background-color:#0003;padding:15px;border-radius:10px;margin-top:20px;margin-bottom:30px;text-align:center;font-size:1rem}.accesibilidad-info a{color:var(--color-acento);text-decoration:underline;font-weight:700}:root.high-contrast{--color-fondo: #000000;--color-fondo-tarjeta: #111111;--color-fondo-opcion: #222222;--color-borde: #ffff00;--color-texto: #ffffff;--color-texto-secundario: #f0f0f0;--color-acento: #ff6a00}:root[data-text-size=small]{font-size:90%}:root[data-text-size=medium]{font-size:100%}:root[data-text-size=large]{font-size:120%}:root.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}:root[data-colorblind=protanopia]{filter:url(#protanopia)}:root[data-colorblind=deuteranopia]{filter:url(#deuteranopia)}:root[data-colorblind=tritanopia]{filter:url(#tritanopia)}:root[data-colorblind=achromatopsia]{filter:url(#achromatopsia)}@media (min-width: 1400px){.accesibilidad-contenedor-principal{max-width:1100px;padding:30px 40px}.accesibilidad-titulo-seccion h1{font-size:2.5rem}.accesibilidad-descripcion{font-size:1.2rem}.accesibilidad-seccion-titulo{font-size:2rem}.opcion-label{font-size:1.4rem}.opcion-descripcion{font-size:1.1rem}.accesibilidad-opcion select,.accesibilidad-btn-guardar{font-size:1.4rem}}@media (min-width: 992px) and (max-width: 1399px){.accesibilidad-contenedor-principal{max-width:900px;padding:25px 30px}}@media (min-width: 768px) and (max-width: 991px){:root{--espacio-navegacion: 75px}.accesibilidad-contenedor-principal{max-width:95%;padding:20px;padding-top:calc(var(--espacio-navegacion) + 25px)}.accesibilidad-titulo-seccion h1{font-size:2rem}.accesibilidad-tarjeta{padding:20px}.accesibilidad-seccion-titulo{font-size:1.6rem}.accesibilidad-opcion{padding:12px}}@media (min-width: 576px) and (max-width: 767px){:root{--espacio-navegacion: 70px}.accesibilidad-page{padding-top:var(--espacio-navegacion)}.accesibilidad-contenedor-principal{max-width:100%;padding:15px;padding-top:calc(var(--espacio-navegacion) + 20px);gap:20px}.accesibilidad-titulo-seccion{padding:15px;margin-bottom:20px}.accesibilidad-titulo-seccion h1{font-size:1.8rem;margin-bottom:10px}.accesibilidad-descripcion{font-size:.95rem}.accesibilidad-tarjeta{padding:15px;border-width:2px;margin-bottom:20px}.accesibilidad-seccion-titulo{font-size:1.5rem;margin-bottom:20px}.opcion-label{font-size:1.1rem}.accesibilidad-btn-guardar{min-width:200px;font-size:1.2rem}}@media (max-width: 1000px){.accesibilidad-page{margin-top:600px}}@media (max-width: 575px){:root{--espacio-navegacion: 65px}.accesibilidad-page{padding-top:var(--espacio-navegacion)}.accesibilidad-contenedor-principal{max-width:100%;padding:12px;padding-top:calc(var(--espacio-navegacion) + 15px);gap:15px}.accesibilidad-titulo-seccion{padding:12px;margin-bottom:15px}.accesibilidad-titulo-seccion h1{font-size:1.6rem;margin-bottom:8px;letter-spacing:0}.accesibilidad-descripcion{font-size:.9rem}.accesibilidad-tarjeta{padding:12px;border-width:2px;border-radius:10px;margin-bottom:15px}.accesibilidad-seccion-titulo{font-size:1.4rem;margin-bottom:15px;padding-bottom:8px}.accesibilidad-opcion{padding:10px;margin-bottom:15px;flex-direction:column;align-items:flex-start}.opcion-header{padding-right:0;margin-bottom:10px}.opcion-label{font-size:1.1rem}.opcion-descripcion{font-size:.85rem}.input-container{width:100%;justify-content:flex-start;margin-top:10px}.accesibilidad-opcion select{width:100%;min-width:auto;font-size:.95rem;padding:8px 12px}.accesibilidad-btn-guardar{width:100%;padding:12px;font-size:1.1rem;letter-spacing:0}.accesibilidad-info{font-size:.85rem;padding:10px}}@media (max-width: 360px){.accesibilidad-titulo-seccion h1{font-size:1.4rem}.accesibilidad-seccion-titulo{font-size:1.3rem}.opcion-label{font-size:1rem}.accesibilidad-btn-guardar{font-size:1rem;padding:10px}}@media (max-width: 280px){.accesibilidad-titulo-seccion h1{font-size:1.3rem}.accesibilidad-tarjeta{padding:10px}.accesibilidad-opcion{padding:8px}.accesibilidad-descripcion{font-size:.8rem}}@media (max-height: 450px) and (orientation: landscape){:root{--espacio-navegacion: 60px}.accesibilidad-page{padding-top:var(--espacio-navegacion)}.accesibilidad-contenedor-principal{padding-top:calc(var(--espacio-navegacion) + 10px)}.accesibilidad-titulo-seccion{margin-bottom:10px;padding:10px}.accesibilidad-titulo-seccion h1{font-size:1.5rem;margin-bottom:5px}.accesibilidad-descripcion{font-size:.85rem}.accesibilidad-tarjeta{padding:12px;margin-bottom:15px}.accesibilidad-seccion-titulo{font-size:1.3rem;margin-bottom:12px}.accesibilidad-tarjeta .accesibilidad-opcion{width:calc(50% - 10px);display:inline-flex;vertical-align:top;margin-right:10px}}@supports (padding-top: constant(safe-area-inset-top)){.accesibilidad-page{padding-top:calc(var(--espacio-navegacion) + constant(safe-area-inset-top))}.accesibilidad-contenedor-principal{padding-left:calc(20px + constant(safe-area-inset-left));padding-right:calc(20px + constant(safe-area-inset-right));padding-bottom:calc(20px + constant(safe-area-inset-bottom))}}@supports (padding-top: env(safe-area-inset-top)){.accesibilidad-page{padding-top:calc(var(--espacio-navegacion) + env(safe-area-inset-top))}.accesibilidad-contenedor-principal{padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.accesibilidad-opcion input[type=checkbox],.accesibilidad-opcion select{background-position-x:calc(100% - 10px)}}@media (hover: none){.accesibilidad-opcion{padding:15px}.accesibilidad-opcion input[type=checkbox]{width:32px;height:32px}.accesibilidad-opcion select{padding:12px 15px}.accesibilidad-btn-guardar{padding:16px 30px}}@media screen and (max-width: 768px){.accesibilidad-contenedor-principal{padding-bottom:80px}}@media screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3){.accesibilidad-contenedor-principal{padding-bottom:40px}.accesibilidad-btn-guardar{margin-bottom:20px}}:focus-visible{outline:4px solid var(--color-acento);outline-offset:5px}@media (max-height: 400px){.accesibilidad-contenedor-principal{padding-top:calc(var(--espacio-navegacion) + 110px)}}.global-filter{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.protanopia{backdrop-filter:sepia(.6) hue-rotate(320deg) saturate(.8);-webkit-backdrop-filter:sepia(.6) hue-rotate(320deg) saturate(.8);background-color:#ff7f7f1a;mix-blend-mode:color}.deuteranopia{backdrop-filter:sepia(.6) hue-rotate(30deg) saturate(.8);-webkit-backdrop-filter:sepia(.6) hue-rotate(30deg) saturate(.8);background-color:#7fff7f1a;mix-blend-mode:color}.tritanopia{backdrop-filter:sepia(.6) hue-rotate(180deg) saturate(.8);-webkit-backdrop-filter:sepia(.6) hue-rotate(180deg) saturate(.8);background-color:#7f7fff1a;mix-blend-mode:color}.achromatopsia{backdrop-filter:grayscale(1) contrast(1.2);-webkit-backdrop-filter:grayscale(1) contrast(1.2);mix-blend-mode:normal}.high-contrast{backdrop-filter:contrast(1.8) brightness(1.2);-webkit-backdrop-filter:contrast(1.8) brightness(1.2);background-color:#0000000d;mix-blend-mode:normal;pointer-events:none}.high-contrast.protanopia{backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(320deg) saturate(.9);-webkit-backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(320deg) saturate(.9)}.high-contrast.deuteranopia{backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(30deg) saturate(.9);-webkit-backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(30deg) saturate(.9)}.high-contrast.tritanopia{backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(180deg) saturate(.9);-webkit-backdrop-filter:contrast(1.4) brightness(1.1) sepia(.7) hue-rotate(180deg) saturate(.9)}.high-contrast.achromatopsia{backdrop-filter:grayscale(1) contrast(1.6) brightness(1.1);-webkit-backdrop-filter:grayscale(1) contrast(1.6) brightness(1.1)}