:root{--empatia: #00e2ff;--empatia2: #33e8ff;--empatia3: #7ff0ff;--conocimiento: #001747;--conocimiento2: #33456c;--gris: #666666;--morado: #4b0960;--morado2: #410853;--purpura: #6309c3;--verde: #03ff00;--verde2: #0dff94;--verdeOscuro: #10dd7b;--rojo: #ff0000;--naranja: #f7931e;--naranja2: #f15a24}*{outline:none;box-sizing:border-box;margin:0;padding:0;border:0}img{display:block}input{-webkit-appearance:none}[hidden]{display:none}abbr[title]{border-bottom:1px dotted}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}a{text-decoration:none}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}a:focus,input[type=text]{outline:0px}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}abbr,acronym{border:0 none;font-variant:normal}b,strong{font-weight:700}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}caption,th{text-align:left}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}del,ins{text-decoration:none}em{font-style:italic}fieldset,img,button{border:0 none}figure{margin:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}hr{border:0 none;border-top:1px solid #000;height:1px;margin:0;text-align:left;width:100%}html{background:#fff none repeat scroll 0 0;color:#000;font-size:62.5%;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input[type=button],input[type=submit]{cursor:hand;cursor:pointer}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}mark{background:#ff0;color:#000}ol{list-style:decimal}ol li{list-style:decimal outside}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}table{border-collapse:collapse;border-spacing:0}ul{list-style:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:65%;vertical-align:text-top;top:-0.5em}sub{vertical-align:text-bottom;bottom:-0.25em}svg:not(:root){overflow:hidden}textarea{overflow:auto;resize:none;vertical-align:top}a{color:inherit}body{font-family:"Roboto",sans-serif;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;text-rendering:optimizeLegibility}.font2{font-family:"Nunito",sans-serif;text-rendering:optimizeLegibility}.thin{font-weight:100}.light{font-weight:300}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.black{font-weight:900}.uppercase{text-transform:uppercase}.container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;width:100%}.replaced_text{display:block;text-indent:-9999px}.hide{display:none !important}.transparent{opacity:0}button{background:transparent}button#logInBachillerato{background-color:#00e2ff;color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;width:145px;height:40px}button#logInBachillerato img{width:10px;height:11px;object-fit:contain;margin-left:5px}.action-buttons{position:absolute;left:50%;transform:translateX(-50%);bottom:-17px;display:flex;align-items:center;justify-content:space-around;width:280px;z-index:2}#sendAnswer{align-items:center;background-color:#ff2a54;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:86px}#sendAnswer img{height:16px;margin-right:5px;object-fit:contain;width:19px}#sendAnswer span{color:#fff;font-size:1.2rem}#sendAnswer:hover{background-color:#f60031}#nextExercice{align-items:center;background-color:#26d8c1;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:86px}#nextExercice img{height:9px;margin-left:5px;object-fit:contain;width:13px}#nextExercice span{color:#fff;font-size:1.2rem}#nextExercice:hover{background-color:#1ead9a}#repeatExercice{align-items:center;background-color:#6309c3;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:86px}#repeatExercice img{height:19px;margin-left:5px;object-fit:contain;width:16px}#repeatExercice span{color:#fff;font-size:1.2rem}#repeatExercice:hover{background-color:#4a0792}#continue{align-items:center;background-color:#26d8c1;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:86px}#continue img{height:10px;margin-left:5px;object-fit:contain;width:8px}#continue span{color:#fff;font-size:1.2rem}#continue:hover{background-color:#1ead9a}#playGame{align-items:center;background-color:#0029fa;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:86px}#playGame img{height:10px;margin-left:5px;object-fit:contain;width:8px}#playGame span{color:#fff;font-size:1.2rem}#playGame:hover{background-color:#0021c7}#continueExercice{align-items:center;background-color:#26d8c1;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:115px}#continueExercice img{height:10px;margin-left:5px;object-fit:contain;width:13px}#continueExercice span{color:#fff;font-size:1.2rem}#continueExercice:hover{background-color:#1ead9a}.init #startGame{align-items:center;background-color:#26d8c1;border-radius:1.736px;display:flex;height:35px;justify-content:center;width:66px;position:absolute;bottom:-17.5px;left:50%;transform:translateX(-50%)}.init #startGame img{height:10px;margin-left:5px;object-fit:contain;width:13px}.init #startGame span{color:#fff;font-size:1.2rem}.init #startGame:hover{background-color:#1ead9a}header{align-items:center;background-color:#00102d;display:flex;height:60px;justify-content:space-between;padding:0 80px;width:100%}header .logos{align-items:center;display:flex;justify-content:space-between;position:relative;width:90px}header .logos #kiosLogo{height:27px;object-fit:contain;width:35px}header .logos #schoolLogo{height:27px}header .logos::after{background-color:#666;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:1px}header .progress-bar{background-color:#032659;border-radius:15px;display:flex;align-items:center;justify-content:space-between;height:5px;width:700px;position:relative}header .progress-bar .circle{width:35px;height:35px;border-radius:100%;display:flex;align-items:center;justify-content:center;border:5px solid #032659;background-color:#00102d;z-index:2}header .progress-bar .circle.active{border:0;background-color:#00e2ff}header .progress-bar .circle img{width:17px;object-fit:contain;display:block}header .progress-bar-state{background-color:#00e2ff;height:100%;position:absolute}header .user{align-items:center;display:flex;height:100%;justify-content:center}header .user span{position:relative;align-items:center;color:#fff;display:flex;height:100%;font-size:1.6rem;justify-content:center;cursor:pointer}header .user span .arrowMenu{height:4px;margin-left:5px;object-fit:contain;width:10px}header .user span a{align-items:center;background-color:#00102d;border-top:1px solid #fff;bottom:0;color:#fff;display:flex;font-size:1.6rem;font-weight:bold;justify-content:center;padding:10px;position:absolute;width:100%;z-index:-1;opacity:0;transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1)}header .user span a:hover{background-color:#002261}header .user span:hover a{bottom:-39px;opacity:1;z-index:2}header .user #startTour{height:33px;margin-left:15px;object-fit:contain;width:33px}.CupsUser{display:flex;align-items:center;flex-flow:row wrap;justify-content:flex-end}.CupsUser .Cups{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;margin-right:10px;position:relative}.CupsUser .Cups span{position:relative;align-items:center;color:#fff;display:flex;height:100%;font-size:1.6rem;justify-content:center;cursor:pointer}.CupsUser .Cups span+img{height:35px}.CupsUser .Cups>img{height:100%;margin:10px;object-fit:contain;transition:transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)}.CupsUser .Cups ul{-webkit-transform:translateY(0);background-color:#f8f8f8;height:auto;left:0;overflow:auto;position:absolute;top:130%;-ms-transform:translateY(0);transform:translateY(0);width:100%;z-index:1}.CupsUser .Cups ul li{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-ms-flexbox;display:-webkit-box;display:flex;justify-content:center;padding:15px}.CupsUser .Cups:hover img.arrowMenu{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.CupsUser .Cups:hover ul{bottom:-39px;opacity:1;z-index:2}.arrowMenu{height:4px;margin-left:5px;object-fit:contain;width:10px}footer{align-items:center;color:#333;display:flex;font-size:1.2rem;height:80px;justify-content:space-between;padding:0 83px;width:100%}footer .content-links{display:flex;align-items:flex-end;flex-direction:column}footer .content-links .links{align-items:center;display:flex;margin-bottom:6px}footer .content-links .links a{border-bottom:1px solid #000;margin:0 0 0 10px}footer .content-links .links span{margin:0 0 0 10px}#loader{background-repeat:no-repeat;background-position:center;background-attachment:fixed;position:fixed;width:100%;height:100%;top:0;-webkit-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;background-color:#fff;z-index:999}main.activities{height:calc(100vh - 140px)}main.activities h2{color:#001747;font-size:5.5rem}main.activities ul{display:flex;align-items:center;width:100%;max-width:925px;justify-content:space-between;margin-top:80px}main.activities ul li{border-radius:13px;overflow:hidden;cursor:pointer;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}main.activities ul li a{width:165px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center}main.activities ul li a img{margin-bottom:10px}main.activities ul li a span{font-size:1.4rem;color:#fff}main.activities ul li:nth-child(1){background-color:#fb4576}main.activities ul li:nth-child(1) img{width:54px}main.activities ul li:nth-child(2){background-color:#92bd0b}main.activities ul li:nth-child(2) img{width:112px}main.activities ul li:nth-child(3){background-color:#f0ca0f}main.activities ul li:nth-child(3) img{width:60px}main.activities ul li:hover{transform:scale(1.1)}main.activities ul li.disabled{opacity:.5;pointer-events:none}form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}form#login{max-width:310px;margin-top:60px}form span{display:flex;flex-direction:column;width:100%;margin-bottom:35px}form span label{color:#666;font-size:1.8rem}form span label.error{color:red;font-size:1.5rem;margin-top:5px}form span input{color:#999;font-size:1.6rem;border-bottom:1px solid #00e2ff;padding:10px 0}form span input::placeholder{color:#999;font-size:1.6rem}form span input.ok{border-color:#03ff00;position:relative}form span input.error{border-color:red;position:relative;margin-bottom:0}form span.checkIcon{position:relative}form span.checkIcon.ok::before{color:#03ff00;content:"";font-size:1.4rem;position:absolute;top:80%}form span.checkIcon.ok::after{background-image:url(../img/green_check.svg);content:"";height:17px;left:102%;position:absolute;top:50%;width:17px}form span.checkIcon.error::before{color:red;content:"Correo no registrado";font-size:1.4rem;position:absolute;top:80%}.fancybox-bg{background:#fff !important}.fancybox-is-open .fancybox-bg{opacity:1}.fancybox-close-small svg{display:none}.fancybox-close-small{background-position:center;background-repeat:no-repeat;background-size:18px;background:url(../img/close_blue.svg);height:20px;position:absolute;right:10px;top:10px;width:20px}.fancybox-inner .boxes{background-color:transparent;opacity:1;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;overflow:visible}.fancybox-inner .boxes img{margin-right:30px;width:80px}.fancybox-inner .boxes .txtPass{max-width:500px}.fancybox-inner .boxes .txtPass h1{color:var(--conocimiento);font-size:2.5rem;margin-bottom:5px}.fancybox-inner .boxes .txtPass p{color:var(--gris);font-size:1.4rem;margin-bottom:30px;max-width:335px}.fancybox-inner .boxes .txtPass p span{color:var(--empatia)}.fancybox-inner .boxes .btn-1{font-size:1.4em;display:inline-block}.fancybox-inner .boxes .btn-2{border-radius:4px;color:#fff;display:inline-block;font-size:1.4em;margin-left:90px;padding:10px 0;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;width:135px}.fancybox-inner .boxes .btn-2:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.fancybox-inner .boxes .txtPass p a{color:var(--morado);font-weight:bold;text-decoration:underline}.exercice{align-items:center;background-color:#f2f2f2;border-radius:17px;display:flex;flex-direction:column;justify-content:center;max-width:800px;min-height:580px;position:relative;width:100%}.exercice.init{background-color:#f2f2f2}.exercice.init .intro-txt h2{margin-bottom:20px;color:#00102d}.exercice.init .intro-txt p{max-width:390px;color:#00102d}.exercice.winner{background-image:url(../img/fondo-safe.png)}.exercice.winner #particles-js,.exercice.winner #particles-circles{position:absolute;top:0;left:0;width:100%;height:100%}.exercice.winner .cup{width:100%}.exercice.winner .cup img{display:block;max-height:500px}.exercice .content-exercice{width:100%;display:flex;padding:50px 0;flex-direction:column;align-items:center;justify-content:center}.exercice .intro-txt{align-self:center;margin:0 auto;z-index:2;text-align:center}.exercice .intro-txt h2{color:#fff;font-size:2.8rem;font-weight:bold;letter-spacing:.15em;margin-bottom:10px}.exercice .intro-txt p{color:#fff;font-size:1.4rem;line-height:2.4rem}.exercice .intro-txt button#startGame{align-items:center;border-radius:1.736px;display:flex;font-size:1.2rem;justify-content:center;margin:30px auto 0;color:#fff;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.exercice div#desc_mch{color:#1a1a1a;font-size:1.4rem;font-weight:300;line-height:2.4rem;max-width:516px;text-align:center}.exercice-image{margin:18px 0 30px;max-width:554px;width:100%;position:relative;overflow:hidden}.exercice-image::after{content:"";background-color:#ccc;height:1px;width:644px;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%)}.exercice div#quest{color:#1a1a1a;font-size:1.6rem;font-weight:300;line-height:2.4rem;max-width:500px;text-align:center}.exercice div#quest img{height:50px;object-fit:contain;vertical-align:middle}.exercice #answers{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:40px;max-width:635px;width:100%}.exercice #answers button{align-items:center;background-color:#ddd;border-radius:2px;display:flex;height:110px;justify-content:center;width:110px;flex-direction:column;padding:20px 5px;transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);font-size:1.4rem;font-weight:bold}.exercice #answers button img{width:70%;margin-bottom:10px}.exercice #answers button.single-answer::after{content:"";height:50px;position:absolute;width:50px;background-repeat:no-repeat;background-size:contain;top:-25px;right:-25px;transform:scale(0);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.exercice #answers button.single-answer.opacity{opacity:.5}.exercice #answers button.single-answer.correct{position:relative}.exercice #answers button.single-answer.correct::after{background-image:url(../img/correct.svg);transform:scale(1);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.exercice #answers button.single-answer.incorrect{position:relative}.exercice #answers button.single-answer.incorrect::after{background-image:url(../img/incorrect.svg);transform:scale(1);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.exercice #answers button.single-answer:hover{background-color:#cacaca}.exercice.message{background-color:#f2f2f2}.exercice.message h2{color:#00102d;font-size:3rem;font-weight:bold;margin-bottom:15px}.exercice.message p{color:#1a1a1a;font-size:1.4rem}.exercice.message ul.clues,.exercice.message ol.clues{max-width:525px;justify-content:center;display:flex;align-items:center;flex-flow:row wrap}.exercice.message ul.clues li,.exercice.message ol.clues li{background-color:#fff;border-radius:100%;height:137px;width:137px;display:flex;margin:20px 12px;align-items:center;justify-content:center}.exercice.message ul.clues li img,.exercice.message ol.clues li img{width:50%;height:50%;object-fit:contain}.exercice.message ul.clues li.safe,.exercice.message ol.clues li.safe{align-items:center;display:flex;justify-content:center}.exercice.message ul.clues li.safe span,.exercice.message ol.clues li.safe span{align-items:center;background-color:#00102d;border-radius:100%;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;font-size:2.5rem;font-weight:100;height:40px;justify-content:center;width:40px}.exercice.message ul.clues li.text,.exercice.message ol.clues li.text{background-color:transparent;border-radius:0;width:100%;height:auto;font-size:1.4rem;color:#00102d;margin:10px}.exercice.message ul.clues li.color .bgc,.exercice.message ol.clues li.color .bgc{border-radius:100%;display:block;height:50px;width:50px}.exercice.timeOver{background-image:url(/img/fondo-safe.png)}.exercice.timeOver h2,.exercice.timeOver h3{width:100%;text-align:center;color:#fff;font-weight:bold}.exercice.timeOver h2{font-size:3rem;margin-bottom:10px}.exercice.timeOver h3{font-size:2rem;margin-top:10px}h2.title-emotions{color:#1a1a1a;font-size:2rem;font-weight:bold}.emotions{display:flex;flex-flow:row wrap;height:380px;justify-content:center;margin-top:50px;max-width:685px;text-align:center;width:100%}.emotions button{height:154px;margin:0 25px;width:154px;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.emotions button:hover{transform:scale(1.1);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.emotions button img{height:100%;object-fit:contain;width:100%}.emotions button.opacity{opacity:.5}aside{max-width:312px;width:100%;position:sticky;top:30px}aside .lifes{align-items:center;display:flex;justify-content:space-between;margin:0 auto 30px;max-width:205px;width:100%}aside .lifes span{color:#ff4c4c;font-size:1.5rem}aside .lifes img{height:26px;object-fit:contain;width:32px}aside .progress-cup{margin:20px auto 50px;overflow:hidden;position:relative;height:207px;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}aside .progress-cup img{position:absolute;top:50%;left:50%;height:207px;transform:translate(-50%, -50%);transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}aside .progress-cup .revealCup{width:100%;position:absolute;left:0;height:100%;background-color:#fff;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}aside .cups{align-items:center;background-color:#00102d;display:flex;flex-direction:column;height:235px;justify-content:center;border-radius:17px;position:relative;width:100%}aside .cups-normal{display:flex;align-items:center;margin-bottom:15px}aside .cups-normal img{width:52px;height:75px;object-fit:contain;margin-right:15px}aside .cups-normal .counter span{font-size:2rem;color:#fff}aside .cups-normal .counter h2{color:#fff;font-size:3.9rem}aside .cups-extra{align-items:center;display:flex;margin-top:15px}aside .cups-extra img{height:75px;margin-right:15px;object-fit:contain;width:52px}aside .cups-extra .counter span{color:#fff;font-size:2rem}aside .cups-extra .counter h2{color:#fff;font-size:3.9rem}aside .cups::after{background-color:#666;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:270px}.imageCharacter{position:absolute;width:100%;height:100%;top:0;left:0}.imageCharacter img{position:absolute}.imageCharacter .pentominoImgs img:nth-of-type(1){top:50px;left:340px}.imageCharacter .pentominoImgs img:nth-of-type(2){top:150px;left:540px}.imageCharacter .pentominoImgs img:nth-of-type(3){top:200px;left:150px}.imageCharacter .pentominoImgs img:nth-of-type(4){top:380px;left:430px}.imageCharacter .planeImgs img:nth-of-type(1){top:50%;transform:translateY(-50%);left:30px}.imageCharacter .planeImgs img:nth-of-type(2){top:180px;right:50px}.imageCharacter .parachuteImgs img{top:50%;transform:translateY(-50%);right:50px}.imageCharacter .pipelinesImgs img{transform:translateY(-50%);right:50px;top:50%}.imageCharacter .snakeImgs img{bottom:50px;left:30px}.imageCharacter .snakeImgs img.diamonIntro:nth-of-type(1){top:50px;left:340px}.imageCharacter .snakeImgs img.diamonIntro:nth-of-type(2){top:150px;left:540px}.imageCharacter .snakeImgs img.diamonIntro:nth-of-type(3){top:200px;left:150px}.imageCharacter .snakeImgs img.diamonIntro:nth-of-type(4){top:380px;left:430px}.imageCharacter .snakeImgs img.diamonIntro:nth-of-type(5){top:150px;left:350px}.imageCharacter .treasureImgs img:nth-of-type(1){top:50%;transform:translateY(-50%);right:40px}.imageCharacter .treasureImgs img:nth-of-type(2){top:180px;left:50px}.imageCharacter .mandalasImgs img{opacity:.2}.imageCharacter .safeImgs img{top:50%;transform:translateY(-50%);left:30px}.imageCharacter .animalsdoorImgs img:nth-of-type(1){top:30px;left:30px}.imageCharacter .animalsdoorImgs img:nth-of-type(2){bottom:30px;right:30px}.imageCharacter .mapworldImgs img{top:50%;transform:translateY(-50%);left:30px}.imageCharacter .kiosmanImgs>img:nth-of-type(1){top:80px;left:100px}.imageCharacter .kiosmanImgs>img:nth-of-type(2){bottom:100px;right:130px}.imageCharacter .kiosmanImgs .group{height:150px;overflow:hidden;position:absolute;right:80px;top:80px;width:150px}.imageCharacter .kiosmanImgs .group img:nth-of-type(1){top:50px;left:0}.imageCharacter .kiosmanImgs .group img:nth-of-type(2){bottom:60px;right:50px}.imageCharacter .kiosmanImgs .group img:nth-of-type(3){top:10px;left:40px}.imageCharacter .kiosmanImgs .group img:nth-of-type(4){bottom:20px;right:80px}.imageCharacter .keydoorImgs img:nth-of-type(1){top:80px;left:150px;transform:rotate(15deg)}.imageCharacter .keydoorImgs img:nth-of-type(2){top:80px;left:600px;transform:rotate(45deg)}.imageCharacter .keydoorImgs img:nth-of-type(3){bottom:80px;right:600px;transform:rotate(-45deg)}.imageCharacter .keydoorImgs img:nth-of-type(4){bottom:80px;right:150px;transform:rotate(90deg)}.boxes{align-items:center;background-color:rgba(255,255,255,.9) !important;display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);width:100%;z-index:999}.boxes-content{align-items:center;background-image:url(../img/fondo-juegos.jpg);background-position:center center;background-size:cover;border-radius:17.986px;display:flex;justify-content:center;max-width:768px;min-height:480px;position:relative;transform:scale(0);transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);width:80%}.boxes-content .intro-txt{margin:0 auto;text-align:center;z-index:2}.boxes-content .intro-txt h2{color:#fff;font-size:2.8rem;font-weight:bold;letter-spacing:.15em;margin:0 auto 20px;max-width:480px}.boxes-content .intro-txt p{color:#fff;font-size:1.4rem;line-height:2.4rem;width:100%;max-width:450px;margin:0 auto 15px}.boxes-content .intro-txt .clue{margin:10px 0;max-width:480px}.boxes-content .intro-txt .clue.text{align-items:center;color:#fff;display:flex;font-size:2.4rem;justify-content:center}.boxes-content .intro-txt .clue.text .color{border-radius:100%;display:block;height:50px;width:50px}.boxes-content .intro-txt .clue.img{display:grid;gap:30px;grid-auto-rows:80px;grid-template-columns:repeat(3, 1fr);width:100%}.boxes-content .intro-txt .clue.img img{height:100%;object-fit:contain;width:100%}.boxes-content .intro-txt .clue.safe{align-items:center;display:flex;justify-content:center}.boxes-content .intro-txt .clue.safe span{align-items:center;background-color:rgba(0,16,45,.6);border-radius:100%;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;font-size:2.5rem;font-weight:100;height:40px;justify-content:center;width:40px}.boxes-content .intro-txt .action-buttons{align-items:center;display:flex;justify-content:space-around;margin:30px auto;max-width:380px;position:static;transform:none;width:auto}.boxes-content #closeBoxes{position:absolute;top:30px;right:30px;width:20px;height:20px}.message{align-items:center;background-color:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);width:100%;z-index:999}.message-content{align-items:center;background-color:#f2f2f2;background-position:center center;background-size:cover;border-radius:17.986px;display:flex;flex-direction:column;justify-content:center;max-width:800px;height:500px;position:relative;transform:scale(0);transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);width:80%}.message-content h2{color:#00102d;font-size:3rem;font-weight:bold;margin-bottom:15px;text-align:center}.message-content p{color:#1a1a1a;font-size:1.4rem;line-height:2.2rem;margin:0 auto;max-width:480px;text-align:center;width:100%}.message-content img.timeoverImg{display:none;height:150px;margin:10px 0}.message-content ul.clue,.message-content ol.clue{max-width:525px;justify-content:center;display:flex;align-items:center;flex-flow:row wrap}.message-content ul.clue.img li,.message-content ol.clue.img li{background-color:#fff;border-radius:100%;height:137px;width:137px;display:flex;margin:20px 12px;align-items:center;justify-content:center}.message-content ul.clue.img li img,.message-content ol.clue.img li img{width:50%;height:50%;object-fit:contain}.message-content ul.clue.safe li,.message-content ol.clue.safe li{align-items:center;display:flex;justify-content:center}.message-content ul.clue.safe li span,.message-content ol.clue.safe li span{align-items:center;background-color:#00102d;border-radius:100%;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;font-size:2.5rem;font-weight:100;height:40px;justify-content:center;width:40px}.message-content ul.clue.text li,.message-content ol.clue.text li{background-color:transparent;border-radius:0;width:100%;height:auto;font-size:2.4rem;color:#00102d;margin:10px}.message-content ul.clue.text li.color,.message-content ol.clue.text li.color{margin:50px;border-radius:100%;display:block;height:50px;width:50px}.message-content .action-buttons{align-items:center;display:flex;justify-content:space-around;width:50%}.message-content #closeBoxes{position:absolute;top:30px;right:30px;width:20px;height:20px}.message-content.timeOveMsg{background-image:url(../img/fondo-safe.png)}.message-content.timeOveMsg h2,.message-content.timeOveMsg p{color:#fff}.message-content.timeOveMsg img.timeoverImg{display:block}.customSelect{width:100%;display:block;margin-bottom:20px;font-family:"Nunito"}.customSelect:nth-of-type(2){margin-left:50px;position:relative}.customSelect:nth-of-type(2)::before{color:var(--conocimiento);content:"-";font-size:1.4rem;font-weight:bold;left:-15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.customSelect .ui-selectmenu-text{overflow:visible}.customSelect .ui-selectmenu-button-open .ui-selectmenu-icon{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}.ui-selectmenu-button.ui-button{background:#f8f8f8;color:#001747;outline:none;text-align:left;white-space:nowrap}.ui-button .ui-icon{background-image:url(../img/list.svg) !important;background-position:center;background-repeat:no-repeat;outline:none}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(../img/list2.svg) !important}.customSelect .errorMessage{position:absolute}.ui-menu .ui-menu-item{background:#f8f8f8;color:#001747}.ui-menu .ui-menu-item .ui-state-active{color:#f8f8f8;background:#001747}#selectWeekForm span{margin-bottom:0}.game{background-position:center;background-size:cover;border-radius:17.986px;display:flex;justify-content:center;max-width:800px;min-height:580px;padding:40px 60px;position:relative;width:100%}.game .intro-txt{align-self:center;margin:0 auto;z-index:2;text-align:center}.game .intro-txt h2{color:#fff;font-size:2.8rem;font-weight:bold;letter-spacing:.15em;margin-bottom:10px}.game .intro-txt p{color:#fff;font-size:1.4rem;line-height:2.4rem}.game .intro-txt button#startGame{align-items:center;border-radius:1.736px;border:1px solid #00e2ff;color:#00e2ff;display:flex;font-size:1.2rem;justify-content:center;margin:30px auto 0;min-height:35px;min-width:86px;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.game .intro-txt button#startGame:hover{transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);background-color:#00e2ff;color:#fff}.game .content-game{width:100%;z-index:2;position:relative}.game .content-game .instructions{margin-bottom:60px}.game .content-game .instructions h2{color:#fff;font-size:2.8rem;letter-spacing:.15em;margin-bottom:10px;text-align:center}.game .content-game .instructions p{color:#fff;font-size:1.4rem;text-align:center}.game.pentomino{background-image:url(../img/fondo-juegos.jpg)}.game.pentomino .intro-txt{max-width:380px}.game.safe{background-image:url(../img/fondo-safe.png)}.game.safe .intro-txt{max-width:470px}.game.safe #container-safe{margin:0 auto 30px;position:relative;width:304px}.game.safe #container-safe #roundSafe{left:50%;position:absolute;top:60%;transform:translate(-50%, -50%);width:82px;z-index:1}.game.safe #container-safe svg{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%)}.game.safe #container-safe .groupAll,.game.safe #container-safe .numbSafeGroup{-webkit-transform-origin:center;transform-origin:center}.game.safe #container-safe .numbersGet{align-items:center;display:flex;justify-content:space-between;width:100%;margin-bottom:30px}.game.safe #container-safe .numbersGet span{align-items:center;background-color:rgba(0,16,45,.6);border-radius:100%;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;font-size:2.5rem;font-weight:100;height:40px;justify-content:center;width:40px}.game.safe #container-safe .numbersGet span.noResolve{opacity:.6}.game.safe #container-safe .numbersGet span.fake{opacity:.6;position:relative;overflow:hidden}.game.safe #container-safe .numbersGet span.fake::before{content:"";width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0}.game.plane{background-image:url(../img/fondo-plane.jpg);position:relative}.game.plane.active::after{background-image:url(../img/planeActive.svg);background-repeat:no-repeat;background-size:contain;background-position:0 0;width:100%;height:100%;content:"";position:absolute;top:0;left:0}.game.plane .black{border-radius:17.986px;background-color:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;top:0;left:0}.game.plane .intro-txt{max-width:470px;position:relative;z-index:2}.game.plane .content-game{position:relative;z-index:2}.game.plane .content-game .instructions{max-width:560px;margin:0 auto;position:relative;line-height:2.5rem}.game.plane .content-game .pistas{position:absolute;bottom:0;right:0}.game.plane .content-game .pistas h2{font-size:2.5rem;color:#fff;margin-bottom:10px}.game.plane .content-game .pistas ul li{color:#fff;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px}.game.plane .content-game .pistas ul li span.color{width:15px;height:15px;border-radius:100%;display:block;margin-left:5px}.game.plane .content-game .plane-buttons .plane-button{width:24px;height:24px;border-radius:100%;position:absolute}.game.plane .content-game .plane-buttons .plane-button:nth-of-type(1){left:37.4%;bottom:97.9px}.game.plane .content-game .plane-buttons .plane-button:nth-of-type(2){left:42.3%;bottom:97.9px}.game.plane .content-game .plane-buttons .plane-button:nth-of-type(3){left:53.6%;bottom:97.9px}.game.plane .content-game .plane-buttons .plane-button:nth-of-type(4){left:58.6%;bottom:97.9px}.game.animalsDoor{background-image:url(../img/fondo-doors.jpg)}.game.animalsDoor .intro-txt{margin:0 auto;max-width:470px}.game.animalsDoor .instructions{margin-bottom:20px}.game.animalsDoor .instructions h2,.game.animalsDoor .instructions p{color:#00102d}.game.animalsDoor.init::after{content:"";width:100%;top:0;left:0;height:100%;position:absolute;border-radius:17.986px;background-color:rgba(0,0,0,.8)}.game.animalsDoor .doors{display:flex;align-items:flex-end;justify-content:space-between}.game.animalsDoor .doors button{display:block;position:relative;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.game.animalsDoor .doors button .animalImg{position:absolute;top:60%;left:50%;width:65px;transform:translate(-50%, -50%);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.game.animalsDoor .doors button:nth-of-type(1),.game.animalsDoor .doors button:nth-of-type(3){width:172px;height:238px}.game.animalsDoor .doors button:nth-of-type(2){width:220px;height:305px}.game.animalsDoor .doors button:nth-of-type(2) .animalImg{width:98px}.game.animalsDoor .doors button img{width:100%;height:100%;object-fit:contain}.game.animalsDoor .doors button:hover .animalImg{transform:translate(-50%, -50%) scale(1.1);transform-origin:center center;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.game.animalsDoor .doors button.opacity{opacity:.5;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.game.animalsDoor .doors button.opacity .animalImg{transform:translate(-50%, -50%) scale(1);transform-origin:center center;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.game.animalsDoor .pistas{margin-top:30px}.game.animalsDoor .pistas h2{font-size:2.5rem;color:#00102d;margin-bottom:5px}.game.animalsDoor .pistas ul li{color:#00102d;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px;position:relative;color:#00102d;padding-left:15px}.game.animalsDoor .pistas ul li::before{content:"";position:absolute;left:0;top:50%;background-color:#00102d;width:5px;border-radius:100%;height:5px;transform:translateY(-50%)}.game.mandalas{background-image:url(../img/fondo-mandala.jpg);position:relative}.game.mandalas .intro-txt{max-width:470px}.game.mandalas .intro-txt h2,.game.mandalas .intro-txt p{color:#00102d}.game.mandalas .intro-txt button#startGame{border:1px solid #ff2a54;color:#ff2a54;margin-top:10px}.game.mandalas .intro-txt button#startGame:hover{background-color:#ff2a54;color:#fff}.game.mandalas .intro-txt .grid{width:660px;height:510px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}.game.mandalas .instructions{margin-bottom:20px}.game.mandalas .instructions h2,.game.mandalas .instructions p{color:#00102d}.game.mandalas .mandala-container{width:660px;height:510px;background-color:#fff;margin:0 auto;box-shadow:-15px 30px 20px 0 rgba(0,0,0,.53);display:flex;padding:58px 36px;background-image:url(../img/grid.svg);background-size:108.2%;background-repeat:no-repeat}.game.mandalas .mandala-container .tools{display:flex;align-items:center;justify-content:space-between;width:112px;position:absolute;top:30px;right:30px}.game.mandalas .mandala-container .tools button{width:31px;height:31px;background-color:#05aff2;display:flex;align-items:center;justify-content:center;border-radius:100%;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:relative}.game.mandalas .mandala-container .tools button img{width:15px}.game.mandalas .mandala-container .tools button:hover{background-color:rgba(5,175,242,.5);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.game.mandalas .mandala-container .tools button:disabled{opacity:.2;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.game.mandalas .mandala-container .tools button .colors{background-color:#e6e6e6;display:grid;gap:3px;grid-auto-rows:9px;grid-auto-rows:9px;grid-template-columns:repeat(7, 9px);left:0;height:0;overflow:hidden;padding:0;position:absolute;top:40px;min-width:93px}.game.mandalas .mandala-container .tools button .colors.active{min-height:90px;padding:9px;height:auto}.game.mandalas .mandala-container .tools button .colors li{display:block;height:100%;width:100%}.game.mandalas .mandala-container .tools button .colors li.selectedColor{background-color:#cd5c5c;grid-column:span 3;grid-row:span 3}.game.mandalas .mandala-container .coord{bottom:30px;display:flex;flex-flow:row wrap;justify-content:flex-start;position:absolute;right:30px;width:190px}.game.mandalas .mandala-container .coord h2{color:#00102d;font-size:2.5rem;margin-bottom:10px;width:100%}.game.mandalas .mandala-container .coord ul{width:20%}.game.mandalas .mandala-container .coord ul.figure1{margin-right:30px}.game.mandalas .mandala-container .coord ul li{color:#00102d;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px;position:relative;color:#00102d;padding-left:15px}.game.mandalas .mandala-container .coord ul li::before{content:"";position:absolute;left:0;top:50%;background-color:#00102d;width:5px;border-radius:100%;height:5px;transform:translateY(-50%)}.game.mandalas svg .tick rect{stroke:#d8eaee}.game.mandalas svg .tick text{opacity:0}.game.mapa{padding:0}.game.mapa .intro-txt{height:180px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:426px}.game.mapa .intro-txt h2,.game.mapa .intro-txt p{color:#00102d}.game.mapa .intro-txt button#startGame{margin-top:10px;border:1px solid #00102d;color:#00102d}.game.mapa .intro-txt button#startGame:hover{background-color:#00102d;color:#fff}.game.mapa .intro-txt.hide{z-index:-5}.game.mapa .content-game{z-index:-2}.game.mapa .content-game img#brujula{width:45px;position:absolute;top:20px;right:20px}.game.mapa .content-game text{font-size:1.5rem;fill:#fff;font-weight:bold;text-transform:uppercase}.game.mapa .content-game #mapa{border-radius:17.986px;height:100%;opacity:.5;z-index:-1;cursor:url("../img/pinMapa.png"),auto}.game.mapa .content-game #mapa svg{border-radius:17.986px}.game.mapa .content-game #mapa svg path{fill:#47abba}.game.mapa .content-game #mapa svg path.selected{fill:#2a7f8b}.game.mapa .content-game .pistas{opacity:0;align-items:center;bottom:30px;display:flex;justify-content:space-between;left:50%;position:absolute;transform:translateX(-50%)}.game.mapa .content-game .pistas .image{margin-right:20px}.game.mapa .content-game .pistas h2{font-size:2.5rem;color:#00102d;margin-bottom:10px}.game.mapa .content-game .pistas .list{width:385px}.game.mapa .content-game .pistas ul li{color:#00102d;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px;position:relative;color:#00102d;padding-left:15px}.game.mapa .content-game .pistas ul li::before{content:"";position:absolute;left:0;top:50%;background-color:#00102d;width:5px;border-radius:100%;height:5px;transform:translateY(-50%)}.game.mapa #point{cursor:grab}.game.treasure{background-image:url(../img/fondo-treasure.jpg)}.game.treasure .intro-txt{max-width:470px}.game.treasure .intro-txt h2,.game.treasure .intro-txt p{color:#00102d}.game.treasure .intro-txt button#startGame{border:1px solid #ff2a54;color:#ff2a54}.game.treasure .intro-txt button#startGame:hover{background-color:#ff2a54;color:#fff}.game.treasure .instructions{margin:0 auto;max-width:435px}.game.treasure .instructions h2,.game.treasure .instructions p{color:#00102d}.game.treasure #mapTreasurePlane{display:flex;align-items:center;justify-content:space-between}.game.treasure #mapTreasurePlane .coords{position:absolute;top:50%;transform:translateY(-50%);right:30px}.game.treasure #mapTreasurePlane .coords h2{font-size:2.5rem;color:#00102d;margin-bottom:10px}.game.treasure #mapTreasurePlane .coords ul,.game.treasure #mapTreasurePlane .coords ol{counter-reset:section}.game.treasure #mapTreasurePlane .coords ul li,.game.treasure #mapTreasurePlane .coords ol li{color:#00102d;display:flex;align-items:center;font-size:1.4rem;margin-bottom:10px;position:relative;color:#00102d;padding-left:15px}.game.treasure #mapTreasurePlane .coords ul li::before,.game.treasure #mapTreasurePlane .coords ol li::before{content:"";position:absolute;left:0;top:50%;font-weight:bold;border-radius:100%;transform:translateY(-50%);counter-increment:section;font-size:1.4rem;content:counter(section) "."}.game.treasure #mapTreasurePlane .plano svg{margin-left:10px}.game.treasure #mapTreasurePlane .domain{stroke:#00102d;stroke-width:2}.game.treasure #mapTreasurePlane .grid .domain{opacity:0}.game.treasure #mapTreasurePlane .grid .tick line{stroke:#673500;stroke-width:1;opacity:.3}.game.treasure #mapTreasurePlane .axis .tick text,.game.treasure #mapTreasurePlane .axis .tick line{opacity:0}.game.treasure #mapTreasurePlane .dot{fill:#42210b}.game.pipelines{background-image:url(../img/fondo-saveWater.jpg)}.game.pipelines .intro-txt{margin:0 auto;max-width:480px}.game.pipelines .content-game #pipelinesGame{display:flex;align-items:center;justify-content:center}.game.pipelines .content-game #pipelinesGame .board{display:grid}.game.pipelines .content-game #pipelinesGame .board .cell{width:100%;height:100%;border:1px solid #fff}.game.pipelines .content-game #pipelinesGame .pipes{display:flex;flex-flow:row wrap;width:230px;min-height:340px}.game.pipelines .content-game #pipelinesGame .singlePipe img{width:100%;height:100%}.game.parachute{background-image:url(../img/fondo-parachute.jpg)}.game.parachute.inactive::after{border-radius:17.986px;content:"";background-color:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.game.parachute .intro-txt{position:absolute;z-index:4;width:480px}.game.parachute .content-game{overflow:hidden}.game.parachute .content-game .instructions{opacity:0}.game.parachute #parachuteMan{display:flex;align-items:center;justify-content:center}.game.parachute #parachuteMan svg{position:relative;z-index:10}.game.parachute #parachuteMan .cloudMove{position:absolute;max-height:80px}.game.parachute #parachuteMan .cloudMove.animation{animation-name:slide-out-bck-top;animation-duration:2s;animation-iteration-count:infinite;animation-direction:both;animation:name duration timing-function delay iteration-count direction fill-mode}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(1),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(10){left:0;bottom:-100px}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(2),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(11){left:66px;bottom:-100px;animation-delay:2s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(3),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(12){left:120px;bottom:-100px;animation-delay:1s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(4),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(13){left:180px;bottom:-100px;animation-delay:4s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(5),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(14){left:500px;bottom:-100px;animation-delay:5s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(6),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(15){left:260px;bottom:-100px;animation-delay:2s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(7),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(16){left:0;bottom:-100px;animation-delay:5s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(8),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(17){left:600px;bottom:-100px;animation-delay:3s}.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(9),.game.parachute #parachuteMan .cloudMove.animation:nth-of-type(18){left:550px;bottom:-100px;animation-delay:6s}.game.parachute .pistas{position:absolute;bottom:0;right:0}.game.parachute .pistas h2{font-size:2.5rem;color:#00102d;margin-bottom:10px}.game.parachute .pistas ul li{color:#00102d;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px}.game.parachute .pistas ul li span.color{width:15px;height:15px;border-radius:100%;display:block;margin-left:5px}.game.openDoor{background-image:url(../img/fondo-opendoor.jpg);padding:30px 60px}.game.openDoor.inactive::after{border-radius:17.986px;content:"";background-color:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.game.openDoor .intro-txt{position:relative;max-width:445px;z-index:4}.game.openDoor .content-game .instructions{margin:0 0 0 auto;max-width:360px}.game.openDoor .content-game .instructions h2,.game.openDoor .content-game .instructions p{color:#00102d;text-align:left}.game.openDoor .content-game .instructions h2{margin-bottom:0}.game.openDoor .content-game .instructions p{line-height:2.4rem}.game.openDoor .content-game .options{background-color:rgba(0,0,0,.5);border-radius:0 0 17.986px 0;bottom:-30px;max-width:400px;min-width:400px;position:absolute;right:-60px;display:flex;min-height:210px;align-items:center;justify-content:space-around}.game.openDoor .content-game .options .keys{align-items:center;display:flex;justify-content:space-between}.game.openDoor .content-game .options .keys img{margin:0 10px;width:60px;cursor:grab}.game.openDoor .content-game .options .pistas h2{color:#fff;font-size:2.5rem;margin-bottom:10px}.game.openDoor .content-game .options .pistas li{color:#fff;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px}.game.openDoor .content-game .options .pistas li span.color{width:15px;height:15px;border-radius:100%;display:block;margin-left:5px}.game.openDoor .dropKey{width:160px;height:160px;position:absolute;bottom:30px;left:75px}.game.openDoor .dropKey img{position:absolute;width:70px;transform:rotate(-65deg);top:-50px;left:-50px}.game.animals{background-image:url(../img/fondo-juegos.jpg);padding:40px 30px}.game.animals .intro-txt{max-width:380px}.game.animals .content-game .instructions{margin-bottom:20px}.game.animals .content-game .instructions p{max-width:560px;margin:0 auto;line-height:2.8rem}.game.animals .content-game section{display:flex;align-items:center;justify-content:space-between}.game.animals .content-game .figs{position:relative;margin-top:20px}.game.animals .content-game .panel{position:relative;margin-right:30px}.game.animals .content-game .animal>.cell{background-color:#fff}.game.animals-fill{background-image:url(../img/fondo-juegos.jpg);padding:40px 30px}.game.animals-fill .intro-txt{max-width:380px}.game.animals-fill .content-game .instructions{margin-bottom:20px}.game.animals-fill .content-game .instructions p{max-width:560px;margin:0 auto;line-height:2.8rem}.game.animals-fill .content-game section{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.game.animals-fill .content-game section .panel{display:flex;align-items:center;justify-content:center;position:relative;width:400px}.game.animals-fill .content-game section .panel .figure{position:static;display:flex;align-items:center;justify-content:center}.game.animals-fill .content-game section .table>.cell{border:none}.game.animals-fill .content-game section .cell-container{position:static}.game.animals-fill .content-game .tools{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:112px}.game.animals-fill .content-game .tools button{width:31px;height:31px;background-color:#05aff2;display:flex;align-items:center;justify-content:center;border-radius:100%;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);margin-bottom:20px;position:relative}.game.animals-fill .content-game .tools button img{width:15px}.game.animals-fill .content-game .tools button:hover{background-color:rgba(5,175,242,.5);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.game.animals-fill .content-game .tools button:disabled{opacity:.2;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.game.animals-fill .content-game .tools button .colors{background-color:#e6e6e6;display:grid;gap:3px;grid-auto-rows:9px;grid-auto-rows:9px;grid-template-columns:repeat(7, 9px);left:0;height:0;overflow:hidden;padding:0;position:absolute;top:40px;min-width:93px}.game.animals-fill .content-game .tools button .colors.active{min-height:90px;padding:9px;height:auto}.game.animals-fill .content-game .tools button .colors li{display:block;height:100%;width:100%}.game.animals-fill .content-game .tools button .colors li.selectedColor{background-color:#cd5c5c;grid-column:span 3;grid-row:span 3}.game.animals-fill .content-game .tools .pistas h2{color:#fff;font-size:2.5rem;margin-bottom:10px}.game.animals-fill .content-game .tools .pistas li{color:#fff;display:flex;align-items:center;font-size:1.4rem;margin-bottom:5px}.game.animals-fill .content-game .tools .pistas li img,.game.animals-fill .content-game .tools .pistas li svg{width:47px;margin-left:12px}.game.snake{background-image:url(../img/fondo-snake.png);padding:0;display:flex;align-items:center;justify-content:center}.game.snake.init{background-image:none;background-color:#00102d}.game.snake .intro-txt{max-width:395px}.game.snake .content-game{display:flex;justify-content:space-between;padding:0 30px}.game.snake .content-game .instructions{width:225px;margin:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.game.snake .content-game .instructions p{line-height:2.5rem}.game.snake .content-game .instructions .diamonds{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;margin:0 auto 20px}.game.snake .content-game .instructions .diamonds img{height:48px;margin:10px;opacity:.3}.game.snake .content-game .instructions .keys{width:107px;margin:0 auto;justify-self:flex-end}.game.snake .content-game .snake-game{width:480px;height:480px;background-image:url(../img/fondo-snake-init.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center}.game.kiosman{background-image:url(../img/fondo-pacman.jpg);display:flex}.game.kiosman.init{background-image:none;background-color:#00102d}.game.kiosman .intro-txt{max-width:360px;margin:0 auto}.game.kiosman .content-game{display:flex;justify-content:space-between}.game.kiosman .content-game .instructions{margin:0;width:188px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.game.kiosman .content-game .instructions .figuresKiosMan{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;margin:0 auto 30px;max-width:180px}.game.kiosman .content-game .instructions .figuresKiosMan img{opacity:.5;height:30px;margin:10px}.game.kiosman .content-game .instructions .keys{width:107px;margin:0 auto}.game.kiosman .content-game .kiosman-game{width:488px;height:433px;display:grid;grid-template-columns:repeat(22, 20px);grid-template-rows:repeat(20, 20px)}.game.kiosman .content-game .kiosman-game img{height:20px}.game.kiosman .content-game .kiosman-game .player{width:20px;height:20px;overflow:hidden;position:relative}.game.kiosman .content-game .kiosman-game .player img{position:absolute;top:0;left:0}.time-game{align-items:center;display:flex;flex-direction:column;height:260px;justify-content:center;margin:40px auto;position:relative;width:260px}.time-game img{height:260px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%, -50%);width:220px}.time-game .timer{text-align:center;margin-top:35px;position:relative}.time-game .timer h2{color:#333;font-size:7rem;line-height:5rem}.time-game .timer span{color:#333;font-size:2.2rem}.time-game .timer #timeArc{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}main{padding:26px 0 50px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}main.login{height:calc(100vh - 80px)}main.login h2{color:#001747;font-size:8rem;line-height:7rem}main.login h3{color:#00e2ff;font-size:4.2rem}main.exerciceBoard{padding:26px 0 50px 0;max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;flex-flow:row wrap}.gridIndex{display:-ms-grid;display:grid;-ms-grid-columns:590px auto;grid-template-columns:590px auto;height:100vh}.left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-ms-grid;display:grid;-ms-grid-rows:94px auto;grid-template-rows:94px auto;position:relative;z-index:1}.left::after{content:"";width:100%;height:100%;position:absolute;background-color:#001747;opacity:.8;z-index:-1}.left img{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-sizing:content-box;box-sizing:content-box;padding-left:90px;width:190px}.left h1{font-size:2.9rem;margin:0 auto 30px;max-width:290px;text-align:center}.left h1 span{display:block;font-size:2.3rem;font-weight:normal;margin-top:5px}.left small{display:block;font-size:1.4rem;line-height:2rem;margin:15px auto;max-width:180px;text-align:center}.btn1{border-radius:30px;border:1px solid #fff;color:var(--empatia);display:block;font-size:1.4em;margin:0 auto;padding:10px 0;text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:180px}.btn1:hover{border-color:var(--empatia);color:#fff}.right{align-self:center}.right h2{color:#001747;font-size:2.5rem;max-width:310px;text-align:center;margin:0 auto;margin-bottom:30px;font-weight:bold}.right div{align-items:center;display:flex;height:250px;width:100%;padding:0 112px;justify-content:space-between;position:relative}.right div a{display:block;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.right div a.primaria{width:197px}.right div a.primaria img{width:100%}.right div a.secundaria{width:275px}.right div a.secundaria img{width:100%}.right div a:hover{transform:scale(1.1)}.btn2{background:-webkit-gradient(linear, left bottom, left top, from(#0DFF94), color-stop(#00E2FF), to(#0DFF94));background:-webkit-linear-gradient(bottom, #0DFF94, #00E2FF, #0DFF94);background:-o-linear-gradient(bottom, #0DFF94, #00E2FF, #0DFF94);background:linear-gradient(to top, #0DFF94, #00E2FF, #0DFF94);background-size:100% 200%;border-radius:30px;color:#fff;display:block;font-size:1.4rem;margin:0 auto;max-width:180px;padding:10px 15px 10px 0;position:relative;text-align:center}.btn2:hover{-webkit-animation:animate 1s linear infinite;animation:animate 1s linear infinite}.btn2::after{background-color:#fff;background-image:url(../images/derecha.svg);background-position:center;background-repeat:no-repeat;background-size:70%;border-radius:50%;content:"";height:30px;left:88%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:30px}/*# sourceMappingURL=styles.css.map */