@font-face{font-family:"AudreyKids";src:url('AudreyKids.ttf') format("truetype")}:root{--font-family:'Source Sans 3',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--heading-font-family:'AudreyKids',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--noto-bw-emoji:'Noto Emoji',sans-serif;--noto-emoji:'Noto Color Emoji',sans-serif;--noto-emoji-message:'Source Sans 3',sans-serif,'Noto Color Emoji';--system-font:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;--color1:#398cf6;--color1-white:#ecf4ff;--color1-light:#a0c9ff;--color1-black:#2b64ae;--color2:#21dddf;--color2-light:#81f2f3;--color2-black:#1a9495;--color3:#40d789;--color3-light:#4def9b;--color3-black:#1ca35d;--color4:#fbc654;--color4-black:#af681c;--color5:#f73e9d;--color5-light:#fb8bc5;--color5-black:#c9297b;--white2:rgba(255,255,255,0.2);--white3:rgba(255,255,255,0.4);--white4:rgba(255,255,255,0.8);--gray0:#fefefe;--gray1:#eff3f8;--gray2:#e2e9f1;--gray3:#d6dde7;--gray4:#c4cedb;--gray5:#b0bbca;--gray6:#747e8a;--gray7:#464c54;--gray-shadow:190deg 35% 50%;--container-shadow:rgba(51,32,93,0.11);--blue-shadow:209deg 83% 10%;--black:#2e2e30;--header-height:160px;--chat-form-height:80px;--chat-form-height-767:65px;--left-width:384px;--right-width:896px;--width-bar:calc(100% - 60px);--border-bottom-bar:4px solid var(--gray2);--border-bottom-container:10px solid hsl(var(--gray-shadow)/0.3);--border-bottom-menu:3px solid #0e7487;--linear-gradient0:linear-gradient(180deg,var(--gray1) 50%,var(--gray2) 90%);--linear-gradient1:linear-gradient(130deg,var(--color2) -90%,var(--color1) 100%);--linear-gradient2:linear-gradient(165deg,var(--black) 0,var(--color2) 30%,transparent 50%);--linear-gradient3:linear-gradient(35deg,var(--black) 0,var(--color1) 50%,transparent 80%);--linear-gradient-message:linear-gradient(155deg,var(--color2) -60%,var(--color1) 120%);--linear-gradient-chatcont:radial-gradient(circle,var(--gray1) 0,white 110%);--box-shadow-cuenta1:0 10px 0 0 var(--color5-black),0 10px 10px var(--container-shadow),0 12px 12px var(--container-shadow),0 14px 14px var(--container-shadow),0 16px 18px var(--container-shadow),0 18px 20px var(--container-shadow);--box-shadow-cuenta2:0 10px 0 0 var(--gray4),0 10px 10px var(--container-shadow),0 12px 12px var(--container-shadow),0 14px 14px var(--container-shadow),0 16px 18px var(--container-shadow),0 18px 20px var(--container-shadow);--box-shadow-container:0 1px 1px var(--container-shadow),0 2px 2px var(--container-shadow),0 4px 4px var(--container-shadow),0 6px 8px var(--container-shadow),0 8px 16px var(--container-shadow);--box-shadow-bar:0 8px 10px -6px hsl(var(--gray-shadow));--box-shadow-message:0 3px 10px -6px hsl(var(--gray-shadow));--box-shadow-message-wrapper:0 8px 20px -10px hsl(var(--gray-shadow) / .8);--box-shadow-input:inset 0 4px 0 0 hsl(var(--gray-shadow)/0.3),0 0 10px 12px white,0 12px 7px 0 hsl(var(--gray-shadow)/0.4);--box-shadow-range:0 -3px 0 0 hsl(var(--gray-shadow)/0.5),0 0 10px 12px white,0 12px 7px 0 hsl(var(--gray-shadow)/0.4);--box-shadow-toggle:0 -3px 0 0 hsl(var(--gray-shadow)/0.5),0 0 6px 8px white,0 8px 6px 0 hsl(var(--gray-shadow)/0.4);--background-dark:hsl(var(--blue-shadow)/0.8);--background-dark-blur:blur(15px);--giant-heading-size:74px;--big-heading-size:64px;--normal-heading-size:48px;--small-heading-size:38px;--tiny-heading-size:28px;--extratiny-heading-size:22px;--heading-line-height:1.3;--font-size-giant:58px;--font-size-big:38px;--font-size-bigger:24px;--font-size-base-big:20px;--font-size-base:18px;--font-size-small:16px;--font-size-tiny:12px;--motion-ease:cubic-bezier(0.68,-0.6,0.32,1.6);--motion-duration:.3s;--cursor-arrow:url(../imagenes/cursor-arrow.svg) 7 2,auto;--cursor-hand:url(../imagenes/cursor-hand-pointer.svg) 8 0,auto;--cursor-plus:url(../imagenes/cursor-crosshair.svg) 16 16,auto;--cursor-eye-dropper:url(../imagenes/cursor-eye-dropper.svg) 2 30,auto;--cursor-target:url(../imagenes/cursor-target.svg) 16 16,auto;--primary-menu-timing-func:cubic-bezier(0.86,0,0.07,1);--button-radius:50px;--hue:318;--fg:hsl(var(--hue),10%,10%);--trans-dur:.3s;--trans-timing:cubic-bezier(0.83,0,0.17,1);--border-color-button:var(--color5-light);--shadow-color-button:var(--color5-black);--background-color-button:var(--color5);--leftside-background-color:rgba(255,255,255,0.5);--leftside-background-piano-color:rgba(67,120,213,0.4);--leftside-box-shadow:inset 0 50px 30px 0 rgba(255,255,255,0.3);--leftside-box-shadow-piano:inset 0 50px 30px 0 rgba(122,165,240,0.3);--border-bottom-container-piano:10px solid #14336d}*{margin:0;padding:0}*,*:after,*:before{box-sizing:border-box}html{width:100%;height:100%;cursor:var(--cursor-arrow);background-color:#fff;background-image:url(../imagenes/background5.svg);background-position:center;background-attachment:fixed;background-size:cover;overflow:hidden}body{height:100%;min-height:100%;display:flex;justify-content:center;align-items:center;font-family:var(--font-family);font-size:18px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:var(--cursor-arrow);overflow:hidden}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}::placeholder{color:var(--gray5);opacity:1}::-moz-selection{color:white;background:var(--color1-light)}::selection{color:white;background:var(--color1-light)}::-webkit-scrollbar{width:10px;background-color:transparent}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--color1-light);border-radius:10px;background-clip:padding-box}.hljs::-webkit-scrollbar-thumb,.chat-form-message::-webkit-scrollbar-thumb,#drawing-lessons::-webkit-scrollbar-thumb,#chess-lessons::-webkit-scrollbar-thumb,#results-right::-webkit-scrollbar-thumb,#piano-songs::-webkit-scrollbar-thumb,#search-right::-webkit-scrollbar-thumb{background-color:var(--gray3)}scrollbar{-moz-appearance:none !important;width:25px;scrollbar-color:grey orange}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--color1-light) transparent}.hljs,.chat-form-message,#drawing-lessons,#chess-lessons,#results-right,#piano-songs,#search-right,#login{scrollbar-color:var(--gray3) transparent !important}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--black) !important}input:-moz-autofill{box-shadow:0 0 0 1000px white inset;-moz-text-fill-color:var(--black) !important}input:focus{color:var(--black) !important}label,input,textarea{cursor:var(--cursor-arrow)}button,select{cursor:var(--cursor-hand)}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font-family);color:var(--black);font-weight:400;font-style:normal}h1{font-size:var(--big-heading-size)}h2{font-size:var(--normal-heading-size)}h3,h4{font-size:var(--small-heading-size);line-height:var(--heading-line-height)}h5,h6{font-size:var(--tiny-heading-size);line-height:var(--heading-line-height)}.banner{position:relative;width:420px;height:80px;line-height:76px;border:2px solid var(--color5-black);background:var(--color5);border-radius:4px;box-shadow:var(--box-shadow-bar)}.banner::before,.banner::after{content:"";position:absolute;z-index:-1;left:-60px;top:38px;display:block;width:80px;height:0;border:40px solid var(--color5);border-right:20px solid var(--color5-black);border-bottom-color:var(--color5);border-left-color:transparent;transform:rotate(-5deg)}.banner::after{left:auto;right:-60px;border-left:20px solid var(--color5-black);border-right:30px solid transparent;transform:rotate(5deg)}.iconof{font-family:"fontello";font-style:normal;font-weight:normal;font-size:inherit;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.emoji{font-family:var(--noto-emoji)}.mensaje-chat{position:relative;width:100%;height:40px;margin-top:10px;display:flex;justify-content:center;align-items:center}.mensaje-chat.nomore{background-color:white;border-radius:20px;padding:10px}.mensaje-chat.error{background-color:red;color:white;border-radius:20px;padding:10px}#cargador{position:absolute;left:0;top:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;backdrop-filter:var(--background-dark-blur);background-color:var(--background-dark);z-index:9999}.cargador-chat{position:absolute;left:50%;width:auto;height:48px;transform:translate(-50%,0)}#cargador-mensajes-anteriores{display:none;top:calc(var(--header-height) + 40px)}#cargador-mensajes-posteriores{display:none;bottom:calc(var(--chat-form-height) - 10px)}.loader{box-sizing:border-box;position:relative;width:48px;height:48px;animation:spin 1s linear infinite}.cargador-chat .loader{width:20px;height:20px}.loader:after,.loader:before{content:"";width:24px;height:24px;position:absolute;border-radius:50%;background:var(--color5);animation:spin 1s linear infinite;transform-origin:0 100%}.cargador-chat .loader:after,.cargador-chat .loader:before{width:10px;height:10px}.loader:before{transform-origin:0 50%;background:white}.search_chat .loader,#search-toolbar .loader{position:absolute;right:25px;top:25px;width:10px;height:10px}#search-toolbar .loader{right:60px;top:25px}.search_chat .loader:after,.search_chat .loader:before,#search-toolbar .loader:after,#search-toolbar .loader:before{width:10px;height:10px}#search-left{cursor:var(--cursor-arrow)}@keyframes spin{to{transform:rotate(360deg)}}.button-pushable{position:relative;width:200px;border:0;background:transparent;padding:0;outline-offset:4px;transition:filter 250ms;touch-action:manipulation}.button-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;background:hsl(var(--gray-shadow) / .2);transform:translateY(6px);transition:transform 200ms cubic-bezier(.3,.7,.4,1.5);box-shadow:0 0 3px 2px hsl(var(--gray-shadow) / .2)}.button-edge{position:absolute;bottom:0;left:0;width:100%;height:98%;border-radius:30px;background:linear-gradient(to left,hsl(395deg 95% 40%) 0,hsl(395deg 95% 50%) 8%,hsl(395deg 95% 50%) 92%,hsl(395deg 95% 40%) 100%)}.button-wrapper.disabled .button-pushable .button-edge{background:linear-gradient(to left,hsl(35deg 10.47% 66.75%) 0,hsl(35deg 1.43% 53.02%) 8%,hsl(35deg 1.8% 51.24%) 92%,hsl(35deg 1.27% 36.69%) 100%)}.button-front{width:100%;height:60px;display:block;position:relative;border:3px solid #ffdc87;border-radius:30px;font-family:var(--heading-font-family);line-height:54px;font-size:var(--normal-heading-size);text-align:center;letter-spacing:2px;text-shadow:0 2px 3px hsl(395deg 95% 30%);white-space:nowrap;color:white;background:linear-gradient(to bottom,#ffc740 0,#f7ba25 100%);transform:translateY(-8px);transition:transform 200ms cubic-bezier(.3,.7,.4,1.5)}.button-wrapper.disabled .button-pushable .button-front{border:3px solid #e3e3e3;text-shadow:1px 1px 2px hsl(35deg 8.41% 25.56%);background:linear-gradient(to bottom,#c7c3b9 0,#b1ada1 100%)}.button-pushable:hover{filter:brightness(103%);-webkit-filter:brightness(103%)}.button-pushable:hover .button-front{transform:translateY(-10px);transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}#cuenta .button-pushable:active .button-front,.modal-button .button-pushable:active .button-front{transform:translateY(0);transition:transform 100ms}#cuenta .button-pushable{-webkit-filter:hue-rotate(94deg);filter:hue-rotate(94deg)}.button-pushable:hover .button-shadow{transform:translateY(8px);transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}.button-pushable:active .button-shadow{transform:translateY(0);transition:transform 100ms;box-shadow:0 0 3px 2px hsl(var(--gray-shadow) / 0)}.button-pushable:focus:not(:focus-visible){outline:0}.botones{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;padding-left:15px}.botones .opcion-icono{display:flex;justify-content:center;align-items:center;overflow:hidden;width:35px;height:35px;margin-right:30px;text-decoration:none;background:transparent;border-width:0 !important;transition:all .1s ease-out}.answer .answer-button{display:flex;flex-direction:row;align-items:center;justify-content:center}.button-wrapper{position:relative;width:110px;height:100%;margin-right:15px;display:inline-block}.botones .button-wrapper,.answer .button-wrapper.opcion-guia,.answer .button-wrapper.opcion-guia-siguiente{width:200px;height:100%;margin:0}.answer .button-wrapper.opcion-guia-siguiente{-webkit-filter:hue-rotate(36deg);filter:hue-rotate(36deg)}.button-wrapper .button-pushable{width:100%}.button-wrapper .button-pushable .button-front{border:3px solid #ffda81;font-size:calc(var(--tiny-heading-size) - 5px);letter-spacing:1px;transform:translateY(-5px);height:35px;line-height:32px;text-shadow:1px 1px 2px hsl(395deg 95% 40%)}.button-wrapper .button-pushable:hover .button-front{transform:translateY(-6px)}.button-wrapper .button-pushable.active .button-front,.button-wrapper .button-pushable:active .button-front{transform:translateY(0);transition:transform 100ms}#container-login{display:none;justify-content:center;align-items:center;flex-direction:column;flex:1 1 auto;height:100%;overflow:hidden}#login{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 0 30px 5px;width:100%;height:700px;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;z-index:2}#cuenta{opacity:0;position:relative;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;width:380px;padding:50px;height:auto;background-color:white;border-radius:60px;box-shadow:var(--box-shadow-cuenta2)}#cuenta p{margin:0 0 30px;text-align:center}#encabezado{display:flex;align-items:center;justify-content:center;opacity:0;width:310px;height:120px;background-color:var(--color5);border-radius:60px;margin-bottom:30px;box-shadow:var(--box-shadow-cuenta1)}#encabezado h1{font-size:var(--big-heading-size);color:white}#eslogan{position:relative;width:100%;height:60px}.ribbon{font-family:var(--heading-font-family);font-size:calc(var(--tiny-heading-size));text-align:center;position:absolute;left:0;top:0;width:100%;background-color:var(--color5);color:white;height:60px;line-height:60px;padding:0 10px;border-radius:4px;border:2px solid var(--color5-black);border-style:none solid solid solid;box-shadow:var(--box-shadow-bar);z-index:2}.ribbon-left,.ribbon-right{position:absolute;left:-30px;top:35px;width:50px;height:0;border:25px solid var(--color5);border-right:20px solid var(--color5-black);border-bottom-color:var(--color5);border-left-color:transparent;transform:rotate(-5deg);z-index:1}.ribbon-right{left:auto;right:-25px;border-left:15px solid var(--color5-black);border-right:15px solid transparent;transform:rotate(5deg)}#cuenta .campo{height:60px;width:280px;margin-bottom:25px}#cuenta input[type='text'],#cuenta input[type='password']{width:100%;height:100%;color:var(--black);font-size:var(--font-size-base-big);padding:0 20px;background-color:var(--gray1);border:0;border-radius:50px;box-shadow:var(--box-shadow-input)}#cuenta input[type='text']:focus,#cuenta input[type='password']:focus{outline:0}#cuenta .botones{height:60px;text-align:center;margin-top:50px;padding-left:0}#cuenta .resultado{text-align:center;margin-bottom:30px}.media-content{position:absolute;min-width:512px;max-width:512px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;background-color:transparent}.media-content.youtube{min-width:650px;max-width:650px}.media-interior{position:relative;padding:0}.media-interior .close{top:-1px !important;right:-19px !important}#mediaContenido{margin:0;padding:0;box-shadow:inset 0 -20px 20px 5px hsl(var(--gray-shadow)/0.2),0 190px 70px -50px hsl(var(--blue-shadow)/0.5)}#mediaTitulo h3{font-family:var(--heading-font-family);color:white;text-shadow:3px 3px 5px hsl(var(--blue-shadow)/0.5);margin:0 50px 15px 15px}#mediaImage{line-height:0}#mediaImage img{max-width:100%;max-height:100%;object-fit:contain}.modal{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;backdrop-filter:var(--background-dark-blur);background-color:var(--background-dark);z-index:9998}.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px;max-width:450px}.modal-content,.modal-chess-content,.modal-generator-content{width:100%;border-radius:80px;background-image:radial-gradient(circle,var(--color1-light) 50%,var(--color1) 100%);box-shadow:inset 0 1px 0 0 var(--color1-light),inset 0 -2px 1px 0 var(--color1-light),0 10px 0 0 var(--color1-black),0 10px 20px 0 hsl(var(--blue-shadow)/0.5)}.modal-interior{position:relative;padding:15px}.modal-interior .label{font-size:var(--font-size-base-big);color:var(--color5);font-weight:800;line-height:36px}.modal-linea{display:none;justify-content:space-between;align-items:center;margin-top:10px}.modal-linea .label{display:inline-block;width:160px;height:36px}#modalContenido,#chessModalContenido,#generatorModalContenido{background-color:var(--gray0);margin-top:0;padding:30px;border-radius:68px;box-shadow:inset 0 -3px 6px 1px hsl(var(--gray-shadow)/0.6),0 2px 5px rgba(43,100,174,0.8)}#modalRange{text-align:center;margin-top:10px}#modalRange div{margin-bottom:5px;text-align:center}#modalTitulo,#chessModalTitulo,#generatorModalTitulo{position:absolute;top:-23px;left:50%;transform:translate(-50%,0);padding:0 20px;border-radius:20px;border-bottom:5px solid var(--color5-black);background-image:linear-gradient(195deg,var(--color5-light) -80%,var(--color5) 100%);overflow:hidden;height:60px;line-height:55px;text-align:center;white-space:nowrap;box-shadow:inset 0 1px 0 0 var(--color5-light),inset 0 -2px 0 0 var(--color5-light),0 6px 6px 0 hsl(var(--gray-shadow)/0.4);z-index:9998}#modalTitulo h2,#chessModalTitulo h2,#modalContenido h2,#generatorModalTitulo h2{font-size:var(--small-heading-size);color:white;text-shadow:2px 2px 4px var(--color5-black)}#generatorModalContenido{max-height:400px;padding:0 0 0 20px;overflow:hidden}#modalContenido h4{color:var(--black);text-shadow:none;margin-bottom:15px}#modalContenidoTexto,#chessModalContenidoTexto{margin-top:10px;font-size:var(--font-size-base)}#chessModalContenidoTexto{padding:10px 0}.modal-button{height:60px;text-align:center;margin-top:40px}.modal-button .button-pushable{-webkit-filter:hue-rotate(94deg);filter:hue-rotate(94deg)}.close{display:flex;justify-content:center;align-items:center;position:absolute;top:36px;right:6px;transform:translate(0,-50%);width:38px;height:38px;background-image:radial-gradient(circle,#ff7e73 0,red 100%);border-width:0 !important;border-radius:100%;box-shadow:inset 0 0 0 3px #ff948b,0 4px 0 0 #c32215,0 6px 6px 0 hsl(var(--gray-shadow)/0.4);z-index:5}.modal-interior .close{z-index:9999}.close .iconof{line-height:100%;font-size:var(--font-size-bigger)}.media-interior .close{top:5px}.close i{margin:0;color:white;font-size:30px;text-shadow:1px 2px 3px red;transition:all .2s ease-out}.close:hover i{transform:rotate(90deg)}.container{position:relative;width:1280px;max-width:100%;height:calc(100% - 60px);display:none;border-radius:30px;box-shadow:var(--box-shadow-container);border-bottom:var(--border-bottom-container);overflow:hidden;background:transparent;background-color:white;background-image:url(../imagenes/background-container2.svg);background-attachment:fixed;background-size:cover}#background-overlay{display:flex;width:100%;height:100%}.container .left-side{position:relative;width:var(--left-width);min-width:290px;height:100%;display:flex;flex:30%;flex-direction:column;background:var(--leftside-background-color);box-shadow:var(--leftside-box-shadow);overflow:hidden}.user_header{position:relative;width:100%;height:var(--header-height);background-color:var(--color2);border-radius:0 0 0 40px}.user_info{width:100%;display:flex;align-items:center;padding:30px;background-color:transparent}#user-image{min-width:50px;height:50px;margin-right:15px;border-radius:50%;background-color:var(--color1-light);border:2px solid white;background-image:url('../imagenes/user.jpg');background-repeat:no-repeat;background-position:top center;background-size:50px}.user_details{width:100%;overflow:hidden}.names{position:relative;display:flex;flex-direction:column;padding-right:10px}#user-name{position:relative;font-family:var(--heading-font-family);font-size:var(--tiny-heading-size);line-height:var(--heading-line-height);color:white;padding-right:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#school-name{position:relative;font-size:15px;color:var(--white4);padding-right:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search_chat input{width:100%;outline:0;border:0;height:26px;line-height:26px;font-size:20px;color:var(--black);background:transparent;padding:0 56px}.help-container,.results{position:relative;height:calc(100% - var(--header-height));padding-top:60px;overflow-y:scroll}.help-container .block,.results .block,#results-right .block{position:relative;width:calc(100% - 50px);display:flex;align-items:center;margin:0 20px 15px 30px;border-radius:30px;transition:all .1s ease-out}#results-right .block{width:100%;margin:0 0 2px 0}#results-right .block.sinresultados{font-size:var(--font-size-small);padding:10px 15px}.help-container .block{background-color:white;padding:15px}.results .block button,.results .block.sinresultados,#results-right .block button{text-decoration:none;background-color:white;text-align:left;color:var(--black);font-size:var(--font-size-tiny);overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;padding:15px;border-radius:15px;border-width:0 !important;transition:all .1s ease-out}.results .block.sinresultados{width:auto;font-size:var(--font-size-small);padding:10px 15px}.results .block button:hover,.results .block button.active,#results-right .block button:hover,#results-right .block button.active{background-color:var(--color5);color:white}.help-container .block.active{background:var(--color5)}.help-container .block.active:hover{background:var(--color5)}.help-container .block:hover{background:var(--gray1)}.help-container .block .imgBox{position:relative;min-width:50px;height:50px;overflow:hidden;border-radius:50%;margin-right:15px;border:2px solid white}.help-container .block .details{position:relative;width:100%}.help-container .block .details .listHead{display:flex;justify-content:space-between}.help-container .block .details .listHead h5{color:var(--black);margin-right:8px}.help-container .block.active .details .listHead h5{color:white}.help-container .block .details .listHead .time{font-size:12px;color:var(--gray6);white-space:nowrap}.help-container .block.active .details .listHead .time{color:var(--white4)}.help-container .block.unread .details .listHead .time{color:var(--white4)}.message_p{display:flex;justify-content:space-between;align-items:center}.message_p b{background:var(--gray2);color:var(--white);min-width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75rem}.message_p p{color:var(--gray6);display:-webkit-box;-webkit-line-clamp:1;font-size:15px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.help-container .block.active .details .message_p p{color:white}.container .right-side{position:relative;height:100%;display:flex;flex:70%;flex-direction:column;min-width:0;word-wrap:break-word;overflow:hidden;transition:background-image .5s ease;background-color:transparent}.header{position:relative;height:var(--header-height);margin:0;display:flex;justify-content:space-between;align-items:center;background-image:url('../imagenes/fondo1.jpg');background-position:top left;border-radius:0 0 40px 0}.header_elements{position:relative;width:100%;height:100%;display:flex;justify-content:start;align-items:start}#search-toolbar{width:100%;min-height:100%;padding:4px 0}.header_elements .mia{position:relative;width:200px;height:100%;overflow:hidden}.mia_images{width:100%;height:100%;overflow:hidden}.mia_head{position:relative;margin:5px 0 0 30px;height:110px;width:140px;transform-origin:center bottom;z-index:3;transition:transform .2s ease-in}#mia_head_front1,#mia_head_front2,#mia_head_front3,#mia_head_up{position:absolute;top:30px;left:0;height:auto;width:140px;z-index:3}#mia_head_front2,#mia_head_front3{display:none}#mia_sclera1,#mia_sclera2{position:absolute;top:52px;left:36px;background-color:#ffebe0;width:28px;height:24px;border-radius:40%;z-index:3;box-shadow:inset 0 7px 2px 0 #e4af9b}#mia_sclera2{left:75px}#mia_eyes{position:absolute;top:50px;left:0;width:140px;height:auto}#mia_eyes .eyes{display:none;position:absolute;top:0;left:0;width:140px;height:auto;z-index:6}#m_eyebrow1,#m_eyebrow2{position:absolute;top:-7px;left:40px;width:22px;height:auto;z-index:4;transform:rotate(-6deg);transform-origin:center center;transition:transform .05s ease-out}#m_eyebrow2{left:76px;transform:scaleX(-1) rotate(-6deg)}#m_pupil1,#m_pupil2{position:absolute;top:7px;left:43px;width:18px;height:18px;z-index:5;transition:transform .05s ease-in}#m_pupil2{left:78px}#m_pupil1 img,#m_pupil2 img{width:100%;height:100%}.pupil_reflect{position:absolute;top:5px;left:3px;width:3px;height:3px;background-color:white;border-radius:50%}#m_pupil2 .pupil_reflect{top:6px;width:2px;height:2px;left:13px}#m_eyes,#m_glasses{position:absolute;top:0;left:0;width:140px;height:auto;z-index:7;transition:all .3s cubic-bezier(0.1,0.1,1,0.05)}#m_glasses{top:-6px;width:140px;height:auto;z-index:8}#mia_mouth{position:absolute;top:84px;left:54px;width:32px;height:auto;z-index:3}#mia_mouth .mouth{position:absolute;top:0;left:0;width:32px;height:auto;display:none;z-index:5}#m_hair1{position:absolute;top:0;left:0;height:auto;width:140px;z-index:5}#m_hair2{position:absolute;top:20px;left:30px;height:auto;width:140px;z-index:1;transform-origin:center bottom;transition:transform .2s ease-in}#mia_extras{position:absolute;top:0;left:0;width:200px;height:100%;transform-origin:center center;z-index:4;overflow:hidden}#mia_extras_canvas{display:none;position:relative;width:100%;height:100%;z-index:2;transition:transform .1s ease-in}#m_canvas{position:absolute;top:105px;right:48px;height:auto;width:76px;z-index:5;transform:rotate(30deg) translateY(40px) translateX(20px);transition:transform .2s ease-in-out}#m_pencil{position:absolute;top:95px;right:100px;width:7px;height:auto;z-index:4;transform:rotate(-15deg) translateY(40px) translateX(0);transition:transform .15s ease-in-out}#mia_body{position:relative;margin:0 0 0 30px;height:54px;width:140px;transform:translateY(-6px);z-index:2;transition:transform .2s ease-in}#m_torso{position:absolute;top:-6px;left:50%;width:34px;height:auto;transform:translate(-50%,0);transform-origin:center center;z-index:2}#m_arm1,#m_arm2{display:block;position:absolute;top:5px;width:38px;height:auto;transform-origin:center left;z-index:1;transition:all .2s ease-in}#m_arm1{left:62px;transform:scaleX(-1) rotate(65deg)}#m_arm2{left:79px;transform:rotate(65deg)}.arm_hand_on_bar_pos1,.arm_hand_on_canvas_pos1,.arm_sleepy_pos1{left:66px !important;top:4px !important;width:25px !important;height:15px !important;transform:scaleX(-1) rotate(37deg) !important}.arm_hand_on_bar_pos2{transform:scaleX(-1) rotate(37deg) !important;transition:all .1s ease !important}.arm1_move1{transform:scaleX(-1) rotate(55deg) !important}.arm2_move1{transform:rotate(55deg) !important}#m_foreground_arm1,#m_foreground_arm2{display:none;position:absolute;top:117px;width:125px;height:15px;transform-origin:top left;z-index:7;transition:all .2s ease-out}#m_foreground_arm1{left:90px;transform:scaleX(-1)}#m_foreground_arm2{left:111px;transform-origin:top right}#m_arm1_arm,#m_arm2_arm{display:none;position:absolute;top:0;left:0;width:38px;height:auto;transform-origin:center left;z-index:8}#m_arm1_forearm_group,#m_arm2_forearm_group{position:absolute;top:0;left:30px;width:80px;height:20px;transform-origin:center left}#m_arm1_forearm,#m_arm2_forearm{position:absolute;top:0;left:0;width:40px;height:auto;z-index:9}#m_arm1_hand_group,#m_arm2_hand_group{display:none;position:absolute;top:0;left:30px;width:30px;height:20px;transform-origin:center left;transition:transform .2s ease-out}#m_arm1_hand2,#m_arm2_hand2,#m_arm1_hand3,#m_arm2_hand3{display:none;position:absolute;top:-1px;left:0;width:auto;height:16px;z-index:10}.hand_on_bar_pos1,.hand_on_canvas_pos1,.forearm_sleepy_pos1{transform:scaleX(1) rotate(0) translateY(20px) translateX(-45px) !important;z-index:3 !important}.hand_on_bar_pos2{transform:scaleX(1) rotate(0) translateY(2px) translateX(-45px) !important;z-index:3 !important;transition:transform .2s ease-in !important}.hand_on_bar_pos3{transform:scaleX(1) rotate(0) translateY(7px) translateX(-45px) !important;z-index:7 !important;transition:transform .1s ease-in !important}.hand_on_bar_reverse2{transform:scaleX(1) rotate(0) translateY(20px) translateX(-45px) !important;z-index:3 !important;transition:transform .2s ease-in !important}.hand_on_bar_reverse3{transform:scaleX(1) rotate(0) translateY(5px) translateX(-45px) !important;z-index:7 !important;transition:transform .1s ease-in !important}.forearm_drawing1{transform:scaleX(1) rotate(-40deg) translateY(-2px) translateX(-50px) !important;transition:transform .5s ease-in-out !important}.forearm_drawing2{transform:scaleX(1) rotate(-45deg) translateY(-7px) translateX(-53px) !important;transition:transform .5s ease-in-out !important}.forearm_drawing3{transform:scaleX(1) rotate(-35deg) translateY(-3px) translateX(-54px) !important;transition:transform .5s ease-in-out !important}.pencil_drawing1{transform:rotate(-30deg) translateY(0) translateX(0) !important;transition:transform .5s ease-in-out !important}.pencil_drawing2{transform:rotate(-35deg) translateY(0) translateX(11px) !important;transition:transform .5s ease-in-out !important}.pencil_drawing3{transform:rotate(-25deg) translateY(-2px) translateX(19px) !important;transition:transform .5s ease-in-out !important}.hand_canvas{animation:hand_canvas .3s ease-in-out forwards}.reverse_hand_canvas{animation:reverse_hand_canvas .3s ease-in-out forwards}.forearm_sleepy_pos1{transition:transform .2s ease-out !important}.forearm_sleepy_pos2{transform:scaleX(1) rotate(-84deg) translateY(-14px) translateX(-47px) !important}.hand_sleepy_pos1{transform:rotate(0) translateY(0) translateX(0) !important}.hand_sleepy_pos2{transform:rotate(-43deg) translateY(5px) translateX(4px) !important}.glasses_sleepy{transform:rotate(10deg) !important}.body_show_up{transform:translateY(-150px) !important}.body_move_left{transform:translateY(-6px) translateX(2px) !important}.head_move_left{transform:rotate(-2deg) translateX(2px) !important}.head_move_left2{transform:rotate(-4deg) translateX(2px) !important}.head_close{transform:scale(1.02) translateY(2px) !important}.talking1{transform:rotate(-3deg) !important}.talking2{transform:rotate(3deg) !important}.talkingHeadMoved1{transform:rotate(-3deg) translateX(2px) !important}.talkingHeadMoved2{transform:rotate(3deg) translateX(2px) !important}.playing1{transform:rotate(-5deg)}.playing2{transform:rotate(5deg)}.playing-transition{transform:rotate(0)}.lookup{transform:translateY(-3px)}.lookdown{transform:translateY(4px)}.lookdown_dinamic{animation:lookdown_dinamic 10s steps(1) infinite}.eyebrow1_up{transform:rotate(-14deg) translateY(-1px) !important}.eyebrow2_up{transform:scaleX(-1) rotate(-1deg) translateY(-2px) !important}.eyebrow1_sad{transform:rotate(-15deg) translateY(-1px) !important}.eyebrow2_sad{transform:scaleX(-1) rotate(-15deg) translateY(-1px) !important}.lookleft1{transform:translateX(-5px)}.lookleft2{transform:translatex(-3px)}.lookright1{transform:translateX(3px)}.lookright2{transform:translatex(5px)}@keyframes body_left_idle{0%{transform:translateX(-2px) translateY(-6px)}20%{transform:translateX(-2px) translateY(-5px)}40%{transform:translateX(-2px) translateY(-6px)}40%{transform:translateX(-2px) translateY(-5px)}60%{transform:translateX(-2px) translateY(-6px)}80%{transform:translateX(-2px) translateY(-5px)}100%{transform:translateX(-2px) translateY(-6px)}}@keyframes head_left_idle{0%{transform:rotate(3deg) translateX(-2px) translateY(0)}20%{transform:rotate(3deg) translateX(-2px) translateY(1px)}40%{transform:rotate(3deg) translateX(-2px) translateY(0)}40%{transform:rotate(3deg) translateX(-2px) translateY(1px)}60%{transform:rotate(3deg) translateX(-2px) translateY(0)}80%{transform:rotate(3deg) translateX(-2px) translateY(1px)}100%{transform:rotate(3deg) translateX(-2px) translateY(0)}}@keyframes lookdown_dinamic{0%{transform:translateY(4px) translateX(0)}20%{transform:translateY(3px) translateX(-1px)}40%{transform:translateY(4px) translateX(0)}40%{transform:translateY(3px) translateX(1px)}60%{transform:translateY(4px) translateX(0)}80%{transform:translateY(3px) translateX(-1px)}100%{transform:translateY(4px) translateX(-1px)}}@keyframes hand_canvas{90%{transform:rotate(-1deg) translateY(-1px) translateX(-1px)}100%{transform:rotate(0) translateY(0) translateX(0)}}@keyframes reverse_hand_canvas{0%{transform:rotate(0) translateY(0) translateX(0)}20%{transform:rotate(-1deg) translateY(-2px) translateX(-2px)}100%{transform:rotate(30deg) translateY(50px) translateX(20px)}}.header_elements .text_name{width:auto;margin:20px 0 0 60px;overflow:hidden}.header_elements .text_name h1{position:absolute;top:12px;left:215px;font-size:var(--giant-heading-size);line-height:1;color:white}.header_elements .text_name div{position:absolute;top:82px;left:215px;font-weight:400;font-size:15px;color:white}.options,.search_chat{position:absolute;top:calc(var(--header-height) - 30px);left:30px;width:var(--width-bar);min-height:60px;padding:10px 0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;background-color:white;border-bottom:var(--border-bottom-bar);border-radius:30px;box-shadow:var(--box-shadow-bar);z-index:4}#chat-toolbar,#drawing-toolbar,#piano-toolbar,#drawing-lessons-toolbar,#search-toolbar,#chess-toolbar,#tetris-toolbar{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}#drawing-toolbar,#drawing-lessons-toolbar,#piano-toolbar,#search-toolbar,#chess-toolbar,#tetris-toolbar{display:none}.border-left,.border-right{position:absolute;bottom:0;width:130px;height:30px;background-position:top left}.border-left{left:0;background-image:url('../imagenes/border_left.png')}.border-right{right:0;background-image:url('../imagenes/border_right.png')}.points{height:30px;width:auto;padding:0 2px 0 15px;margin-right:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;border-radius:50px;background-image:linear-gradient(90deg,#fa9229 0,#eb5513 100%);transition:transform .5s ease-in-out}.points-value{font-family:var(--font-family);font-size:var(--tiny-heading-size);font-weight:800;padding-right:10px;height:30px;line-height:30px;color:white}.points-star{width:26px;height:26px}particle{position:fixed;top:0;left:0;opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:contain;z-index:15}.range{-webkit-appearance:none;width:180px;height:30px;background-color:var(--gray2);border-radius:20px;background-image:linear-gradient(var(--white2) -40%,var(--color5) 80%);background-size:50% 100%;background-repeat:no-repeat;box-shadow:var(--box-shadow-range)}#brushSize{background-size:7% 100%}#brushBlur{background-size:0 100%}.range::-webkit-slider-thumb{-webkit-appearance:none;height:46px;width:46px;transform:translateY(-4px);border-radius:100%;background-image:radial-gradient(circle,#ff8cca 0,#ff7fbf 100%);box-shadow:inset 0 0 0 3px #ffb3dc,0 3px 0 0 #ff61b8,0 10px 6px 0 hsl(var(--gray-shadow)/0.4);border:0;cursor:var(--cursor-hand);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.range::-moz-range-thumb{-webkit-appearance:none;height:46px;width:46px;transform:translateY(-4px);border-radius:100%;background-image:radial-gradient(circle,#ff8cca 0,#ff7fbf 100%);box-shadow:inset 0 0 0 3px #ffb3dc,0 3px 0 0 #ff61b8,0 10px 6px 0 hsl(var(--gray-shadow)/0.4);border:0;cursor:var(--cursor-hand);-moz-user-select:none;user-select:none}.range::-ms-thumb{-webkit-appearance:none;height:46px;width:46px;transform:translateY(-4px);border-radius:100%;background-image:radial-gradient(circle,#ff8cca 0,#ff7fbf 100%);box-shadow:inset 0 0 0 3px #ffb3dc,0 3px 0 0 #ff61b8,0 10px 6px 0 hsl(var(--gray-shadow)/0.4);border:0;cursor:var(--cursor-hand);-ms-user-select:none;user-select:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:var(--cursor-hand)}input[type=checkbox]:focus{outline:0}.toggle{height:20px;width:34px;border-radius:16px;display:inline-block;position:relative;margin:0;box-shadow:var(--box-shadow-toggle);background-color:var(--gray2);transition:all .2s ease;z-index:30}.toggle::after{content:"";position:absolute;top:-4px;left:-2px;width:24px;height:24px;border-radius:50%;background-image:linear-gradient(var(--gray2) -50%,var(--gray5) 100%);box-shadow:inset 0 0 0 3px var(--gray3),0 3px 0 0 var(--gray6),0 8px 6px 0 hsl(var(--gray-shadow)/0.4);transition:all .2s cubic-bezier(0.9,0.6,0.75,1.35);z-index:31}.toggle:checked{border-color:var(--color3)}.toggle:checked::after{transform:translateX(14px);background-image:linear-gradient(white -50%,var(--color3) 100%);box-shadow:inset 0 0 0 3px rgba(255,255,255,0.4),0 3px 0 0 var(--color3-black),0 8px 6px 0 hsl(var(--gray-shadow)/0.4),0 0 20px 0 var(--color3-light)}.arena{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:1px;margin-top:22px}.chatcont{position:relative;padding-bottom:var(--chat-form-height);display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:1px;overflow:hidden}#mic-canvas{position:absolute;top:0;left:0;width:100%;padding:0 30px;background-color:transparent;border-radius:50%;pointer-events:none;z-index:6}#noscroll{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(3px);background-color:rgba(28,54,85,0.5);z-index:11}.chatbox{height:100%;position:relative;padding:15px 70px 45px 80px;overflow-y:scroll;scroll-behavior:smooth}.day_separator{font-family:var(--heading-font-family);font-size:var(--small-heading-size);color:var(--color5);height:120px;line-height:50px;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:40px 0 30px}.day_separator::before,.day_separator::after{content:"";border-top:.1rem dashed var(--color5);align-self:center}.message,.dots{position:relative;display:flex;width:100%;margin-top:10px;min-height:105px}.message .content{position:relative;right:0;color:white;text-align:left;max-width:90%;padding:15px;background:var(--color1);border-radius:30px 30px 0 30px}.my_msg .content:before,.friend_msg .content:before{content:'';position:absolute}.my_msg .content:before{bottom:-15px;right:0;border-top:18px solid var(--color1);border-left:18px solid transparent}.message .content .answer,.message .content .answer p{font-family:var(--noto-emoji-message);font-size:var(--font-size-base);font-weight:400;white-space:normal;line-height:1.3;margin-bottom:15px}.message .content .answer p.fuente{font-size:15px;margin-top:15px}.message .content .answer img{border-radius:15px;margin-bottom:15px;max-width:128px;display:inline-block;view-timeline-name:--image;view-timeline-axis:block;animation-timeline:--image;animation-name:animagen;animation-range:entry 25% cover 50%;animation-fill-mode:both}.message .content .answer .image_ai{width:128px;height:128px;cursor:var(--cursor-hand);overflow:hidden}.message .content .answer .image_ai:nth-child(2){margin-left:15px}@keyframes animagen{from{opacity:0;scale:25%}to{opacity:1;scale:100%}}.my_msg_big,.my_msg_giant{text-align:center}.my_msg_big{font-size:var(--font-size-big) !important}.my_msg_giant{font-size:var(--font-size-giant) !important}.message .content .answer ol,.message .content .answer ul{margin:0 15px 15px}.message .content .answer li{margin:5px 15px;font-size:var(--font-size-base)}.message .content .answer li p{margin:0;font-size:var(--font-size-base)}.message .content .answer a{text-decoration:none;color:var(--color1);transition:all .1s ease-out}.message .content .answer a:hover{text-decoration:none;color:var(--color5)}.message .content .time{font-family:var(--font-family);display:block;margin-top:5px;font-size:var(--font-size-small);color:var(--white4);text-align:right}.message .content .time button,.message .content .time a{color:var(--white4);text-decoration:none;font-size:var(--font-size-base);margin-right:6px;background:transparent;border-width:0 !important;transition:all .1s ease-out;cursor:var(--cursor-hand)}.message .content .time button:hover,.message .content .time a:hover{text-decoration:none;color:white}.message .content.invisible{opacity:0}.my_msg{justify-content:flex-end}.friend_msg{justify-content:flex-start}.friend_msg .content{background-color:white;color:var(--black);border-radius:0 30px 30px 30px}.friend_msg .content.no_tip{border-radius:30px}.friend_msg .content:before{top:-15px;left:0;border-bottom:18px solid white;border-right:18px solid transparent}.friend_msg .content.no_tip:before{top:0;left:0;border-bottom:unset;border-right:unset}.friend_msg .content .time{color:var(--gray4)}.friend_msg .content .time button,.friend_msg .content .time a{color:var(--gray5)}.friend_msg .content .time button:hover,.friend_msg .content .time a:hover{color:var(--black)}.guia_msg{opacity:0;position:absolute;top:0;left:0;display:flex;width:300px;min-height:105px;margin-top:20px;z-index:9991}.guia_msg .content{background-color:white;color:var(--black);font-size:var(--font-size-small);border-radius:30px;box-shadow:0 30px 25px rgba(29,46,66,0.4)}.guia1{top:15px;left:0}.guia2{top:190px;left:50px}.guia3{top:190px;left:110px}.guia_anim{animation:guia-anim .2s ease-in forwards}.guia_anim_close{animation:guia-anim-close .2s ease-in forwards}@keyframes guia-anim{from{opacity:0;scale:0}to{opacity:1;scale:100%}}@keyframes guia-anim-close{from{opacity:1;scale:100%}to{opacity:0;scale:0}}.video-result{padding:15px;border-radius:15px;display:block;cursor:var(--cursor-hand)}.video-result:hover{background-color:var(--color1-white)}.video-result img{width:120px;height:90px}.video-result .description{font-size:var(--font-size-small) !important;margin-top:5px}code{font-family:var(--font-family);font-weight:600}pre{position:relative;margin-bottom:15px}pre code.hljs{font-family:var(--system-font);font-weight:inherit;font-size:var(--font-size-base);display:block;overflow-x:scroll;padding:10px 15px}.hljs{background:hsl(var(--gray-shadow)/0.05);border-radius:15px;color:var(--black)}button.copy{padding:0;width:30px;height:30px;border:0;position:absolute;top:10px;right:10px;background:transparent}button.copy i{color:var(--gray4);font-size:var(--font-size-base-big);margin:0}.cursor{width:10px;height:16px;background-color:var(--black);display:inline-block;vertical-align:middle}.cursor_wait{animation:blink .5s infinite;opacity:0}.cursor_blink{animation:blink .5s 3,hideCursor .5s 3 step-end;opacity:0}@keyframes mia_talking1{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(0) rotate(-5deg)}}@keyframes mia_playing1{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(0) rotate(-5deg)}}@keyframes mia_playing2{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(0) rotate(5deg)}}@keyframes mia_playing_transition1{0%{transform:translateY(0) rotate(-5deg)}100%{transform:translateY(0) rotate(0)}}@keyframes mia_playing_transition2{0%{transform:translateY(0) rotate(5deg)}100%{transform:translateY(0) rotate(0)}}@keyframes rotate{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}@keyframes hideCursor{to{opacity:0}}.chess-cont{display:none;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;position:relative;overflow:hidden}#board{position:relative;width:500px;height:500px;margin-top:30px;background-image:url(../imagenes/background_chess_board.svg);background-size:cover;z-index:2}.button-wrapper.opcion-nuevo-juego{width:auto;-webkit-filter:hue-rotate(164deg);filter:hue-rotate(164deg)}#opcion-nuevo-juego{width:170px}#opcion-nuevo-juego .button-front{font-size:calc(var(--tiny-heading-size) - 4px);height:50px;line-height:48px}#modal-chess .modal-container{width:320px}#modal-chess .button-wrapper{width:100%;margin-top:20px}#modal-chess .button-wrapper.opcion-juego-facil{-webkit-filter:hue-rotate(36deg);filter:hue-rotate(36deg)}#modal-chess .button-wrapper.opcion-juego-intermedio{-webkit-filter:hue-rotate(94deg);filter:hue-rotate(94deg)}#modal-chess .button-wrapper button{width:150px}#modal-chess .button-wrapper button .button-front{font-size:calc(var(--tiny-heading-size) - 4px);height:40px;line-height:36px}#chess-capture,#chess-promotion{display:none;position:absolute;top:0;left:0;width:150px;height:150px;background-image:none;background-repeat:no-repeat;z-index:3}.cm-chessboard .board.input-enabled .square{cursor:var(--cursor-hand)}.square-cursor-custom{cursor:var(--cursor-arrow) !important}.ajedrez-background{background-image:url("../imagenes/background-chess.svg");background-size:100% auto;background-position:bottom left;background-repeat:repeat}#tetris-toolbar{justify-content:center}#tetris-buttons{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:350px;height:50px;margin-top:10px}.tetris-button{width:85px !important}.tetris-button.button-wrapper{margin:0}.tetris-button .button-edge,.tetris-button .button-front{border-radius:10px}.tetris-button .button-front{height:40px !important;line-height:33px !important}.tetris-option{width:110px !important;height:auto !important;margin:0 0 10px 10px;-webkit-filter:hue-rotate(277deg);filter:hue-rotate(277deg)}.tetris-option.disabled{-webkit-filter:hue-rotate(200deg);filter:hue-rotate(200deg)}.tetris-option .button-front{height:auto !important;line-height:28px !important;text-wrap:wrap}.tetris-check{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0 10px}.tetris-check .label{display:inline-block;width:60px;height:36px;line-height:36px;font-weight:800}.tetris-check .toggle{box-shadow:0 0 14px 5px var(--color1-light)}.tetris-info-toolbar{display:flex;align-items:center;justify-content:start;flex-direction:row;width:360px;height:100%}.tetris-info-toolbar div:not(:first-child){border-left:1px solid var(--gray2);padding-left:15px}.tetris-info-toolbar div:not(:last-child){padding-right:15px}.tetris-info-group .tetris-button{width:100%;height:60px}.tetris-cont{display:none;align-items:center;justify-content:start;flex-direction:column;width:100%;height:100%;position:relative}.tetris-body{display:flex;align-items:center;justify-content:center;flex-direction:row;width:360px;height:480px;margin-top:30px}#tetris-right-side{display:flex;align-items:left;justify-content:space-between;flex-direction:column;width:120px;height:100%;padding:0 0 15px}.tetris-info{display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:100%;font-weight:600}.tetris-info-siguiente{flex-direction:column;margin-left:10px;background-color:black;border-radius:5px;padding:6px;box-shadow:inset 0 27px 0 0 var(--gray7)}.tetris-info-siguiente span:first-child{padding-bottom:10px;text-align:center;color:white !important}.tetris-info span:first-child{font-size:12px;color:var(--black)}.tetris-info span:last-child{font-size:26px;color:var(--color5);font-weight:900}#tetris-overlay{display:none;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(3px);background-color:rgba(28,54,85,0.6);text-shadow:1px 1px 2px var(--black);z-index:4;transition:opacity .2s ease}#tetris-overlay-txt,#tetris-overlay-help{display:none;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;font-size:38px;font-weight:600;color:white;text-align:center;z-index:5;text-shadow:1px 1px 2px var(--black);transition:opacity .2s ease}#tetris-overlay-txt div{font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:5px}#tetris-overlay-txt div span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#tetris-overlay-txt div.clasificado{font-weight:600;background-color:var(--color5);text-shadow:1px 1px 2px var(--color5-black)}#tetris-overlay-txt h2,#tetris-overlay-help h2{font-size:34px;font-weight:400;color:var(--color5);margin-bottom:20px;width:100%;text-align:center}#tetris-overlay-help h2{font-size:36px;font-weight:600;line-height:1.2}#tetris-overlay-txt h3{font-size:20px;font-weight:600;color:white;margin-bottom:10px;padding-bottom:10px;width:100%;text-align:center;border-bottom:1px solid var(--gray5)}#tetris-overlay-help div{font-size:13px;font-weight:300;line-height:1.1;display:block;margin:5px 0;text-align:left}#tetris-overlay-help h5{font-size:16px;font-weight:400;line-height:1.3;color:var(--color1-light);margin:10px 0;width:100%;text-align:center}#tetris-board-container{position:relative;background-color:black;width:240px;height:480px;border-radius:6px;overflow:hidden}#tetris-board,#tetris-effects-board{width:240px;height:480px;z-index:2}#tetris-effects-board{position:absolute;top:0;left:0;z-index:3;cursor:var(--cursor-target)}#tetris-board-next{width:96px;height:48px;z-index:5}#tetris-points{display:none;opacity:0;position:absolute;top:100px;left:50%;font-size:26px;font-weight:900;color:white;z-index:3;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .5s ease}#tetris-bonus{display:none;opacity:0;position:absolute;top:100px;left:50%;width:200px;text-align:center;font-size:34px;font-weight:900;color:yellow;z-index:3;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .5s ease}.tetris-points-anim{transform:translateX(-50%) translateY(-80px) !important}.tetris-element-active{opacity:1 !important}.tetris-background{background-color:transparent;background-image:url("../imagenes/background-tetris.svg");background-size:cover;background-position:top left;background-repeat:no-repeat}.unselectable{-webkit-user-select:none;user-select:none}.piano-background{background-color:transparent;background-image:url("../imagenes/background-piano.svg");background-size:cover;background-position:top left;background-repeat:no-repeat}#piano-toolbar{justify-content:space-between}#piano-toolbar input{width:24px;height:24px;margin-left:5px;cursor:var(--cursor-hand)}#piano-toolbar .opciones,#drawing-lessons-toolbar .opciones,#chess-toolbar .opciones{width:auto;height:auto;margin:0 15px;display:flex;justify-content:start;align-items:center}#piano-toolbar .opciones:first-child,#drawing-lessons-toolbar .opciones:first-child,#chess-toolbar .opciones:first-child{width:70%}#piano-toolbar .opciones:last-child,#drawing-lessons-toolbar .opciones:last-child,#chess-toolbar .opciones:last-child{width:30%;justify-content:end}.opcionaprende{width:36px;height:36px;line-height:36px;text-align:center;padding:0;margin:0;color:var(--black);border-radius:100%;border-width:0 !important;background-color:transparent;transition:all .1s ease-out;overflow:hidden}.opcionaprende i{font-size:20px;line-height:36px;margin:0;pointer-events:none !important}.opcionaprende.active{background-color:var(--gray2);color:var(--color1)}.opcionaprende.disabled{color:var(--gray5)}.opcionaprende:hover{transition:transform 50ms cubic-bezier(.3,.7,.4,1.5)}#opcion-play,#opcion-start,#opcion-play-dibujo,#opcion-start-dibujo,#opcion-start-ajedrez,#opcion-play-ajedrez{display:none}#piano-cancion-seleccionada,#dibujo-seleccionado,#ajedrez-leccion-seleccionada{width:400px;height:36px;line-height:36px;font-size:var(--font-size-small);overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:var(--cursor-hand)}#piano-cancion-seleccionada .iconof,#dibujo-seleccionado .iconof,#ajedrez-leccion-seleccionada .iconof{margin-right:10px}#piano-songs,#drawing-lessons,#chess-lessons,#results-right{width:100%;height:auto;padding:15px;max-height:400px;overflow-y:auto;overflow-x:hidden}#results-right{margin:10px 0}#piano-songs.closed,#drawing-lessons.closed,#chess-lessons.closed{display:none}.lista-barra,.lista-barra-cancion,.lista-barra-ajedrez{width:100%;font-size:var(--font-size-base);color:var(--gray6);padding:4px 15px;margin:2px 0;border-radius:15px;cursor:var(--cursor-hand);transition:all .1s ease-in-out}.lista-barra:hover,.lista-barra-cancion:hover,.lista-barra-ajedrez:hover{color:var(--black);background-color:var(--gray2)}.lista-barra.selected,.lista-barra.selected:hover,.lista-barra-cancion.selected,.lista-barra-cancion.selected:hover,.lista-barra-ajedrez.selected,.lista-barra-ajedrez.selected:hover{color:white;background-color:var(--color5)}#opcion-guia-piano,#opcion-guia-dibujo{display:none;width:58px;height:48px;position:absolute;top:35px;left:15px;z-index:4;transition:all .1s ease-out;overflow:hidden}#opcion-guia-dibujo{top:15px}#opcion-guia-dibujo #icono-perro,#opcion-guia-dibujo.active #icono-volver{display:inline-block}#opcion-guia-dibujo #icono-volver,#opcion-guia-dibujo.active #icono-perro{display:none}#opcion-guia-piano.active svg,#opcion-guia-piano.active svg path{fill:var(--color3)}#opcion-guia-dibujo.active svg,#opcion-guia-dibujo.active svg path{fill:var(--color5)}.piano-cont{display:none;flex-direction:column;justify-content:end;align-items:center;width:100%;height:100%;position:relative;overflow:hidden;z-index:1}#piano-board{width:100%;height:calc(100% - 190px);background-color:transparent}.piano{display:flex;flex-direction:row;justify-content:center;align-items:start;width:100%;height:190px;position:relative}.piano-keys{width:280px;display:flex;justify-content:center;list-style:none}.piano-keys .key{cursor:var(--cursor-hand);user-select:none;position:relative;text-transform:uppercase;transition:all .1s ease-in-out}.piano-keys .black{z-index:2;width:30px;height:90px;margin:0 -15px 0 -15px;border-radius:2px;background:linear-gradient(var(--black) 10%,var(--gray6) 100%);box-shadow:inset 0 -8px 0 3px var(--black)}.piano-keys .black.active{background:linear-gradient(var(--color5) 80%,white 130%);box-shadow:inset 0 -3px 0 3px var(--color5-black)}.piano-keys .white{height:160px;width:40px;border-radius:0 0 6px 6px;background:linear-gradient(var(--gray1) -20%,white 100%);box-shadow:inset 0 -4px 0 1px var(--gray3)}.piano-keys .white.active{background:linear-gradient(var(--color5) 80%,white 130%);box-shadow:inset 0 0 0 0 var(--color5-black),0 0 30px 20px rgba(255,186,222,0.2);height:165px}.piano-keys .key .note_txt{position:absolute;width:100%;text-align:center;transition:all .05s ease-in-out}.piano-keys .key .key_txt{position:absolute;width:100%;text-align:center;transition:all .05s ease-in-out}.piano-keys .white .note_txt{bottom:43px;color:var(--gray4);font-size:var(--font-size-small)}.piano-keys .white.active .note_txt{bottom:40px;color:white}.piano-keys .white .key_txt{bottom:5px;color:var(--gray5);font-size:var(--font-size-base-big)}.piano-keys .white.active .key_txt{bottom:2px;color:white}.piano-keys .black .note_txt{bottom:50px;color:var(--gray6);font-size:var(--font-size-tiny)}.piano-keys .black.active .note_txt{bottom:47px;color:white}.piano-keys .black .key_txt{font-family:var(--bold-font-family);bottom:10px;font-size:var(--font-size-base-big);color:var(--gray4)}.piano-keys .black.active .key_txt{bottom:7px;color:white}.piano-keys .white.guide-first-key{background:linear-gradient(var(--color3) 80%,white 130%);box-shadow:inset 0 -3px 0 1px var(--color3-black),0 0 30px 20px rgba(167,255,210,0.2)}.piano-keys .white.guide-first-key.active{box-shadow:inset 0 0 0 0 var(--color3-black),0 0 30px 20px rgba(167,255,210,0.2)}.piano-keys .white.guide-first-key .note_txt,.piano-keys .white.guide-first-key .key_txt{color:white}.piano-keys .black.guide-first-key{background:linear-gradient(var(--color3) 80%,white 130%);box-shadow:inset 0 -8px 0 3px var(--color3-black),0 0 30px 20px rgba(167,255,210,0.2)}.piano-keys .black.guide-first-key.active{box-shadow:inset 0 -3px 0 3px var(--color3-black)}.piano-keys .black.guide-first-key .note_txt,.piano-keys .black.guide-first-key .key_txt{color:white}.init-image-cont{display:none;width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden;z-index:1}.init-image{position:relative;height:100%;display:flex;flex-direction:column;justify-content:start}.init-image-preview{margin:30px auto 0;max-width:512px;max-height:512px}#previsualizar-imagen{display:block;max-width:100%}.module-options{width:100%;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px auto 0}.init-image .module-options{margin-top:10px}.module-options label{margin-right:15px}.module-options input{width:200px;padding:5px 15px;margin-right:15px;border-radius:15px;border-width:0 !important}.module-options input:focus{outline:0}#pausa-dibujo{width:100px}.right-side-drawing{background-image:url(../imagenes/spill.svg);background-size:800px 800px;background-position:top 200px center;background-repeat:no-repeat !important}#canvas-layers{display:none;position:relative;width:512px;height:512px;box-shadow:var(--box-shadow-message-wrapper);z-index:1}#background-canvas,#drawing-canvas,#geometry-canvas{width:512px;height:512px;position:absolute;left:0;top:0;cursor:var(--cursor-plus);z-index:1}#drawing-canvas{z-index:2}#geometry-canvas{display:none;z-index:3}#drawing-toolbar{justify-content:space-between}#drawing-toolbar input{width:150px;height:20px;margin-left:5px;cursor:var(--cursor-hand)}#drawing-toolbar .section{position:relative;width:auto;height:100%;display:flex;justify-content:space-evenly;align-items:center}#pencil-settings{position:absolute;top:45px;left:15px;width:320px;height:150px;display:none;justify-content:space-between;align-items:center;flex-direction:column;background-color:white;box-shadow:var(--box-shadow-bar);z-index:5}#brushSizeRange,#brushBlurRange{width:100%;height:54px;display:flex;justify-content:space-evenly;align-items:center;margin-top:15px}#brushBlurRange{margin-top:0;margin-bottom:15px}#brushSizeRange div,#brushBlurRange div{width:100px;text-align:right;font-size:var(--font-size-base);color:var(--color5);font-weight:800}#opcion-guardar-dibujo,#opcion-cargar-borrador{margin-right:15px}.opcionpincel,.opcionpizarra{width:36px;height:36px;line-height:36px;text-align:center;padding:0;margin:0 5px;border-width:0 !important;background-color:transparent;transition:all .1s ease-out;overflow:hidden}.module-options .opcionpizarra{width:30px;height:30px;line-height:30px;color:var(--black);border-radius:0}.strokeColor,.fillColor{width:26px;height:26px;border-radius:2px;margin:0 5px;cursor:var(--cursor-hand);background-color:#de00ff;border:3px solid var(--black);border-radius:3px}.strokeColor{background-color:transparent;border:7px solid var(--black)}.opcionpincel:first-child,.opcionpizarra:first-child{margin-left:15px}.opcionpizarra:last-child{margin-right:15px}.module-options .opcionpizarra i{font-size:30px;line-height:30px;margin:0}.opcionpizarra:hover{color:white}.alwan__button,.alwan__slider{cursor:var(--cursor-hand) !important}.alwan__palette{cursor:var(--cursor-eye-dropper) !important}.dibujo-background{background-image:url("../imagenes/background_drawing.svg");background-position:bottom right 5%;background-repeat:no-repeat}.toolbar-separator{width:2px;height:20px;background-color:var(--gray2);border-left:1px solid var(--gray4);margin:0 15px}.chat-form{width:100%;height:auto;position:absolute;left:0;bottom:20px;padding:0 30px 0;display:flex;flex-direction:column;justify-content:end;z-index:10}.chat-form-message-wrapper{position:relative;padding:14px 0;border-radius:30px;border-bottom:var(--border-bottom-bar);min-width:0;background-color:white;box-shadow:var(--box-shadow-bar)}.chat-form-message-basic{position:relative;display:flex;flex-grow:1;width:100%;opacity:1;transition:opacity 200ms ease-in-out}.chat-form-message,#search-right{font-family:var(--noto-emoji-message);resize:none;color:var(--black);font-size:20px;font-weight:400;line-height:28px;border:0;outline:0;width:100%;min-height:28px;max-height:112px;overflow-x:hidden;overflow-y:scroll;padding:0 105px 0 52px;background-color:transparent;cursor:var(--cursor-arrow);text-size-adjust:none}#search-right{font-size:20px;line-height:28px;min-height:28px;max-height:56px;padding:0 90px 0 56px}emoji-picker{overflow:hidden;font-family:var(--font-family);--background:white;--emoji-font-family:var(--noto-emoji);width:100%;margin-top:5px;height:0;border-radius:30px;--emoji-padding:10px;--border-size:0;--button-active-background:var(--color1);--button-hover-background:var(--gray1);--category-emoji-size:24px;--emoji-size:30px;--input-padding:8px 15px;--input-line-height:100%;--input-font-size:16px;--input-placeholder-color:var(--gray5);--input-font-color:var(--black);--input-border-color:var(--gray5);--input-border-radius:15px;--num-columns:14;--outline-size:1px;--outline-color:transparent;box-shadow:var(--box-shadow-bar);z-index:19}.emoji-menu{display:none !important}.pad-top{height:30px !important}#log{opacity:0;background:linear-gradient(165deg,var(--color2-light) -50%,var(--color2) 100%);font-family:var(--heading-font-family);color:white;font-size:var(--tiny-heading-size);line-height:var(--heading-line-height);width:300px;min-height:50px;padding:15px;display:none;justify-content:start;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:1px 1px 2px rgba(0,0,0,0.1);box-shadow:var(--box-shadow-bar);border-radius:15px;z-index:5;transition:opacity .2s ease-in-out}#rectime{position:absolute;bottom:-12px;right:80px;font-family:var(--heading-font-family);font-size:var(--normal-heading-size);text-align:right;color:var(--color5)}.opcion{font-size:20px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:100%;color:var(--black);border-width:0 !important;background-color:transparent;transition:all .1s ease-out}.opcion i{margin:0}button,.opcion,.key,#piano-cancion-seleccionada,#dibujo-seleccionado,#ajedrez-leccion-seleccionada,.answer-button,.menu-button,.square{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:focus{outline:0}#opcion-callar,#day-info{opacity:0;display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:var(--font-family);font-size:var(--font-size-small);height:22px;background:var(--gray0);color:var(--black);width:100px;padding:0 15px;position:absolute;bottom:90px;left:calc(50% - 40px);box-shadow:0 6px 6px hsl(var(--gray-shadow) / .2);border-radius:20px;z-index:8;transform:scale(0) translate(-50%,0)}#opcion-callar{transform-origin:center center;transition:opacity .2s ease-out,transform .2s ease-out,left .2s ease-out}#day-info{display:none;bottom:unset;top:calc(var(--header-height) + 40px);left:50%;transform:translate(-50%,0);white-space:nowrap;z-index:9;transition:width .1s ease}#opcion-callar.active{opacity:1;transform:scale(1) translate(-50%,0);left:50%}#opcion-callar i{color:red;margin:0 8px 0 0}#opcion-scroll{opacity:0;position:absolute;bottom:calc(var(--chat-form-height) + 20px);right:45px;width:30px;height:30px;line-height:30px;background-color:white;font-size:24px;color:var(--color5);box-shadow:0 8px 10px hsl(var(--gray-shadow) / .2);z-index:8;transform:scale(0);transition:opacity .2s ease-out,transform .2s ease-out}#opcion-scroll.active{opacity:1;transform:scale(1);transition:opacity .2s ease-in,transform .2s ease-in .5s}#opcion-limpiar,#opcion-emojis,#opcion-buscar,#opcion-buscar-derecha{width:56px;height:56px;font-size:26px;line-height:56px;position:absolute;bottom:-14px;right:60px;color:var(--gray5)}#opcion-limpiar{right:60px}#opcion-dibujo,#opcion-imagen,#opcion-piano,#opcion-ajedrez,#opcion-tetris{z-index:4;transition:transform .5s ease-in-out}#opcion-emojis{left:0}#opcion-buscar,#opcion-buscar-derecha{top:0;left:0}#opcion-enviar{width:60px;height:60px;position:absolute;bottom:-2px;right:0;font-size:32px;color:white;background-image:radial-gradient(circle,var(--color5-light) 0,var(--color5) 100%);box-shadow:inset 0 0 0 3px var(--color5-light),0 4px 0 0 var(--color5),0 8px 16px 0 hsl(var(--gray-shadow)/0.6);z-index:8}#opcion-enviar.active{font-size:28px}#opcion-enviar.inactive{background-image:radial-gradient(circle,var(--gray2) 0,var(--gray6) 100%);box-shadow:inset 0 0 0 3px var(--gray4),0 4px 0 0 var(--gray6),0 8px 16px 0 hsl(var(--gray-shadow)/0.6)}#opcion-cerrar-init-imagen,#opcion-cerrar-piano,#opcion-cerrar-ajedrez,#opcion-cerrar-tetris{right:15px;top:15px;transform:translate(0)}#opcion-cerrar-piano{top:37px}#opcion-cerrar-init-imagen:hover,#opcion-cerrar-piano:hover{color:var(--gray6)}#search-close{position:absolute;top:8px;right:10px;color:var(--gray5)}.opcion-pulse{animation:opcion-pulse 1s infinite}.opcion-pulse-off{transition:transform .5s ease-in-out}@keyframes opcion-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:inset 0 0 0 3px var(--color5-light),0 4px 0 0 var(--color5),0 8px 16px 0 hsl(var(--gray-shadow)/0.6),0 0 0 0 rgba(251,139,197,0.7)}70%{box-shadow:inset 0 0 0 3px var(--color5-light),0 4px 0 0 var(--color5),0 8px 16px 0 hsl(var(--gray-shadow)/0.6),0 0 0 20px rgba(251,139,197,0)}100%{box-shadow:inset 0 0 0 3px var(--color5-light),0 4px 0 0 var(--color5),0 8px 16px 0 hsl(var(--gray-shadow)/0.6),0 0 0 0 rgba(251,139,197,0)}}.simple-keyboard-ghost{width:100%;height:315px}#simple-keyboard{position:absolute;bottom:0;left:0;z-index:20}.hg-theme-default{background-color:white;font-family:var(--font-family) !important;font-weight:900;padding:10px 5px 10px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:6}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{font-size:var(--small-heading-size);color:var(--black);-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:white;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 4px 0 var(--gray5);box-sizing:border-box;cursor:var(--cursor-hand);display:flex;height:60px;line-height:60px;justify-content:center;padding:5px;transition:all .1s ease-in-out}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{color:white;background:var(--color5);box-shadow:0 0 1px 0 var(--gray4)}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default.hg-layout-shift .hg-button-shift{color:white;background:var(--color5);box-shadow:0 0 1px 0 var(--gray4)}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:var(--color4);border-bottom:2px solid var(--color4-black);border-radius:10px;display:inline-flex;max-width:272px;position:absolute;top:-104px;left:52px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{color:var(--black);align-items:center;display:flex;height:32px;justify-content:center;width:40px;cursor:var(--cursor-hand);transition:all .1s ease-out}li.hg-candidate-box-list-item:hover,li.hg-candidate-box-list-item:active{background:var(--color5)}.hg-candidate-box-prev:before{content:""}.hg-candidate-box-next:before{content:""}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:var(--cursor-hand);display:flex;padding:0}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.menu-container{display:flex;align-items:center;justify-content:center;z-index:10}.menu-button{position:absolute;top:30px;height:var(--button-radius);width:var(--button-radius);border-radius:50%;background-color:transparent;color:white;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-hand)}.menu-button::after,.menu-button::before{position:absolute;display:inline-block;content:"";height:100px;width:100px;border-radius:50%;background-color:transparent;border:0 solid rgba(255,255,255,0.5);opcacity:0;cursor:var(--cursor-hand)}.menu-button::before{height:80px;width:80px}.menu-button.clicked::after{animation-duration:500ms;animation-name:touch-click-inner;animation-iteration-count:1;animation-fill-mode:forwards}.menu-button.clicked::before{animation-name:touch-click-outer;animation-duration:500ms;animation-iteration-count:1;animation-delay:250ms}.menu-button .icon-container{height:inherit;width:inherit;border-radius:inherit;display:inherit;align-items:inherit;justify-content:inherit;overflow:hidden;position:relative;cursor:inherit;font-size:22px}.icon-container .close-icon{transform:scale(0) rotate(-270deg);opacity:0}.icon-container .arrow-icon{position:absolute}.icon-container .arrow-icon.hiding-spot{transform:translateX(calc(var(--button-radius) / -2)) translateY(calc(var(--button-radius) / 2));opacity:0}.icon-container .close-icon.show{animation-duration:500ms;animation-name:close-in;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}.icon-container .close-icon.hide{animation-duration:500ms;animation-name:close-out;animation-timing-function:var(--primary-menu-timing-func)}.icon-container .arrow-icon.show{opacity:0;animation-duration:500ms;animation-name:arrow-in;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}.icon-container .arrow-icon.hide{animation-duration:500ms;animation-name:arrow-out;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}.menu-container .inner-menu{position:absolute;right:calc(var(--right-width) + 80px);top:30px;height:260px;width:calc(var(--left-width) - 60px);border-radius:30px;background-image:radial-gradient(circle,var(--color5-light) 0,var(--color5) 100%);transform:translateX(0) translateY(70px);padding:30px;overflow:hidden;box-shadow:inset 0 0 0 0 transparent,0 4px 0 0 var(--color5),0 8px 16px 0 hsl(var(--gray-shadow)/0.6);transition:transform .25s ease-in-out}.menu-container .inner-menu.transition{transition:all 250ms cubic-bezier(0.86,0,0.67,1)}.menu-container .inner-menu.closed{height:var(--button-radius);width:var(--button-radius);border-radius:50%;padding:0;transform:unset;box-shadow:inset 0 0 0 3px var(--color5-light),0 4px 0 0 var(--color5),0 8px 6px 0 hsl(var(--gray-shadow)/1.5)}.menu-container .inner-menu>ul{height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:space-evenly;margin:0;padding:0}.menu-container .inner-menu>.menu-list>.menu-item{color:white;font-size:var(--font-size-base);font-weight:600;letter-spacing:2px;width:100%;display:flex;align-items:center;cursor:var(--cursor-hand);overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent}.menu-container .inner-menu>.menu-list>.menu-item:active{background:transparent}.menu-container .inner-menu>.menu-list>.menu-item>.item-icon{opacity:0;margin-right:20px;font-size:24px;display:flex;align-items:center;justify-content:center}.menu-container .inner-menu>.menu-list>.menu-item>.item-icon.text-in{animation-duration:500ms;animation-name:fadeInAnimation;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}.menu-container .inner-menu>.menu-list>.menu-item>.item-text{opacity:0}.menu-container .inner-menu>.menu-list>.menu-item>.item-text.text-in{animation-duration:800ms;animation-name:text-in;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}.menu-container .inner-menu>.menu-list>.menu-item.text-hides{animation-duration:200ms;animation-name:fadeOutAnimation;animation-fill-mode:forwards;animation-timing-function:var(--primary-menu-timing-func)}#menu-buscar,#menu-generador{display:none}@keyframes touch-click-inner{50%{transform:scale(0.375);border-width:30px;opacity:1}100%{transform:scale(1);border-width:1px;opacity:0}}@keyframes touch-click-outer{0%{border-width:10px;opacity:0}50%{opacity:.2}100%{transform:scale(1.1);opacity:0}}@keyframes close-in{0%{transform:scale(0) rotate(270deg);opacity:0}100%{transform:scale(1.1) rotate(0);opacity:1}}@keyframes close-out{0%{transform:scale(1.1) rotate(0);opacity:1}100%{transform:scale(0) rotate(270deg);opacity:0}}@keyframes arrow-out{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(calc(var(--button-radius) / 1.5)) translateY(calc(var(--button-radius) / -1.5))}}@keyframes arrow-in{0%{transform:translateX(calc(-1 * var(--button-radius))) translateY(calc(var(--button-radius)));opacity:0}100%{transform:translateX(0) translateY(0);opacity:1}}@keyframes text-in{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes text-hides{0%{opacity:1}100%{opacity:0}}.fadeIn50{opacity:0;animation:fadeInAnimation .05s ease-in-out forwards}.fadeIn100{opacity:0;animation:fadeInAnimation .1s ease-in-out forwards}.fadeIn200{opacity:0;animation:fadeInAnimation .2s ease-in-out forwards}@keyframes fadeInAnimation{from{opacity:0}to{opacity:1}}.fadeOut50{opacity:1;animation:fadeOutAnimation .05s ease-in-out forwards}.fadeOut100{opacity:1;animation:fadeOutAnimation .1s ease-in-out forwards}.fadeOut200{opacity:1;animation:fadeOutAnimation .2s ease-in-out forwards}@keyframes fadeOutAnimation{from{opacity:1}to{opacity:0}}.prompt-generator,.prompt-generator-form,.prompt-generator-result{display:flex;flex-direction:column;align-items:center;padding:0 30px 30px}.modal-scroll{max-height:400px;padding:30px 10px 30px 0;overflow-y:auto}#prompt-generator{opacity:1;padding:0}.prompt-generator-result-buttons{display:flex;align-items:center;align-content:space-evenly;padding-bottom:30px}.prompt-generator-form label{margin-top:10px;font-size:16px;text-align:center}.prompt-generator-form select,.prompt-generator-form input{margin-top:5px;padding:10px;font-size:var(--font-size-bigger);width:100%;border:0;border-radius:15px;background-color:white;border:3px solid var(--color2-light)}.prompt-generator-form input{font-size:var(--font-size-base)}.prompt-generator-form select:focus,.prompt-generator-form input:focus{outline:0;box-shadow:0 0 50px 0 white}.opcion-generar-prompt,.opcion-editar-prompt,.opcion-enviar-prompt{width:auto;margin-top:30px}.prompt-generator-form .button-front,.prompt-generator-result .button-front{font-size:var(--font-size-bigger);height:50px !important;line-height:48px !important;padding:0 15px}.prompt-generator-form .button-wrapper{margin-right:0;-webkit-filter:hue-rotate(277deg);filter:hue-rotate(277deg)}.prompt-generator-result .button-wrapper{-webkit-filter:hue-rotate(36deg);filter:hue-rotate(36deg)}.prompt-generator-result .button-wrapper:last-child{margin-right:0}.prompt-generator-result{margin-top:30px;opacity:0;display:none}.prompt-generator-display{margin-top:10px;font-size:var(--font-size-small);color:var(--black);background-color:white;border-radius:15px;padding:15px;width:100%}#modal-generator .modal-container{width:350px}#module-description{opacity:0;display:none;flex-direction:column;align-items:center;align-content:start;padding:0 30px}#module-description h2{font-size:var(--tiny-heading-size);text-align:center;color:var(--color5);margin-bottom:15px}#module-description .piano-description h2{color:var(--color5-light)}#module-description h3{font-size:var(--extratiny-heading-size);text-align:center;color:var(--color1);margin-bottom:15px}#module-description .piano-description h3{color:white}#module-description div,#module-description li{list-style-position:inside;font-size:var(--font-size-small);margin-bottom:15px}#module-description li{margin-bottom:5px}#module-description ul.description-list li:last-child{margin-bottom:15px}#module-description .piano-description div{color:white}#module-description ul{list-style:circle}#module-description .chess-description ul.habilities{list-style-position:inside;list-style-image:url("../imagenes/check-mark.svg")}#module-description .piano-description ul{list-style-position:inside;list-style-image:url("../imagenes/musical-note.svg")}#module-description li{color:var(--black)}#module-description .piano-description li{color:white}#module-description .piano-description li::marker{font-size:30px}#module-description .chess-description ul.habilities li::marker{font-size:30px}#module-description .image-text .img{float:left;width:42px;height:42px;margin:0 10px 0 0;cursor:var(--cursor-arrow) !important}#module-description .image-text .img.fillColor,#module-description .image-text .img.strokeColor{width:30px !important;height:30px !important;margin:0 15px 0 7px}#module-description .piano-description .image-text .img{width:48px;height:48px}#module-description .image-text .img.piano{filter:invert(100%) brightness(1000%)}@media(max-width:1280px){.container{height:100%;flex:1 1 0%;box-shadow:none;border-bottom:0;border-radius:0}.right-side-piano{background-position:top 350px center}}@media(max-width:1200px){.piano-keys{width:33%;display:flex;justify-content:center;list-style:none}.piano-keys .white{width:14%}.prompt-generator-result .button-front{font-size:var(--font-size-small) !important;height:40px !important;line-height:38px !important;padding:0 10px}}@media(min-width:1024px) and (max-width:1100px){emoji-picker{--num-columns:12}}@media(min-width:768px) and (max-width:799px){.opcionpincel,.opcionpizarra{width:28px;height:28px;line-height:28px;margin:0 3px}.strokeColor,.fillColor{width:24px;height:24px;margin:0 3px}.toolbar-separator{margin:0 8px}}@media(min-width:800px) and (max-width:890px){.opcionpincel,.opcionpizarra{width:28px;height:28px;line-height:28px;margin-right:5px}.strokeColor,.fillColor{width:24px;height:24px;margin-left:5px}.toolbar-separator{margin:0 10px}}@media(min-width:861px) and (max-width:1023px){emoji-picker{--num-columns:10}.menu-container .inner-menu>.menu-list>.menu-item{font-size:14px}}@media(min-width:768px) and (max-width:860px){emoji-picker{--num-columns:8}.piano-keys .black .note_txt{font-size:calc(var(--font-size-tiny) - 2px)}.menu-container .inner-menu>.menu-list>.menu-item{font-size:14px}.opcionpincel,.opcionpizarra{margin-right:5px}}@media(max-width:767px){::-webkit-scrollbar{width:5px}.container .left-side{flex:0%;display:none}.container .right-side{flex:100%;flex-grow:1}.header{border-radius:0 0 40px 40px}.chatcont{padding-bottom:var(--chat-form-height-767)}.chatbox{padding:15px 30px 45px 40px}.init-image-cont{padding-bottom:calc(var(--chat-form-height-767) + 15px)}.chat-form{bottom:0;padding:0}.chat-form-message-wrapper{border-radius:27px;margin:0 5px 5px}emoji-picker{--num-columns:12;margin-top:0;border-radius:0}.message .content{max-width:92%}.message .content .answer,.message .content .answer p{font-size:calc(var(--font-size-base) + 1px)}.guia_msg .content .answer{font-size:var(--font-size-base)}.my_msg_big{font-size:24px !important}.my_msg_giant{font-size:44px !important}.day_separator{font-size:var(--tiny-heading-size)}#opcion-scroll{right:20px}#opcion-callar.anim{bottom:calc(var(--chat-form-height-767) + 10px) !important}.media-content{min-width:512px;max-width:512px}.media-content.youtube{min-width:500px;max-width:500px}#modalTitulo h2,#chessModalTitulo h2,#generatorModalTitulo h2,#mediaTitulo h3{font-size:var(--tiny-heading-size)}.menu-button{top:10px}.menu-container .inner-menu{top:10px}.piano-keys .black{width:20px;margin:0 -10px 0 -10px}.piano-keys .black .note_txt{font-size:calc(var(--font-size-tiny) - 4px)}.piano-keys .black .key_txt{font-size:var(--font-size-base)}#cargador-mensajes-posteriores{bottom:calc(var(--chat-form-height-767) - 15px)}.dibujo-background{background-size:120% 120%;background-position:top 50% right -15%}#mic-canvas{padding:0 5px}}@media(min-height:811px) and (max-height:855px){#board{width:450px;height:450px}}@media(max-height:810px){#board{width:350px;height:350px}}@media(min-height:925px) and (min-width:925px){#board{width:560px;height:560px}}@media(min-height:925px) and (min-width:565px) and (max-width:767px){#board{width:560px;height:560px}}@media(min-height:1000px) and (min-width:1100px){#board{width:660px;height:660px}}@media(max-width:610px){emoji-picker{--num-columns:10}.opcionpincel,.opcionpizarra{width:28px;height:28px;line-height:28px;margin-right:5px}.strokeColor,.fillColor{width:24px;height:24px;margin-left:5px}.toolbar-separator{margin:0 10px}}@media(max-width:520px){.init-image-preview{max-width:360px;max-height:360px;margin:70px auto 0}.init-image-cont{background-position:center -130px;background-size:cover}#canvas-layers{width:360px;height:360px}#background-canvas{width:360px;height:360px}#drawing-canvas{width:360px;height:360px}#geometry-canvas{width:360px;height:360px}emoji-picker{--num-columns:9}.media-content{min-width:90%;max-width:90%}.media-content.youtube{min-width:340px;max-width:340px}.piano-keys .white .note_txt{font-size:calc(var(--font-size-tiny) - 2px)}.piano-keys .black{width:18px;margin:0 -9px 0 -9px}#board{width:350px;height:350px;margin-top:70px}.opcionpincel,.opcionpizarra{margin-right:5px}.init-image .module-options{display:none !important}.opcionpincel,.opcionpizarra{margin:0 3px}.strokeColor,.fillColor{margin:0 3px}.toolbar-separator{margin:0 8px}}@media(max-width:480px){.header{background-position:-18px top;border-radius:0 0 30px 30px}#mia_head{margin:5px 0 0 20px}#m_hair2{left:20px}#mia_body{margin:0 0 0 20px}#mia_extras_canvas{margin-left:-10px}#m_foreground_arm1{left:80px}#m_foreground_arm2{left:101px}.header_elements .text_name{margin:26px 0 0 44px}.header_elements .text_name h1{left:190px}.header_elements .text_name div{left:190px}.options{width:calc(100% - 20px);left:10px}.hg-theme-default .hg-button{font-size:var(--tiny-heading-size)}emoji-picker{--num-columns:8}.message .content{max-width:95%}.my_msg .content:before{bottom:-10px}.friend_msg .content:before{top:-10px}.chatbox{padding:15px 15px 45px 20px}@supports not selector(::-webkit-scrollbar){.chatbox{padding:15px 20px 45px 20px}}.botones .opcion-icono{margin-right:20px}#piano-cancion-seleccionada{width:200px}#dibujo-seleccionado{width:200px}#ajedrez-leccion-seleccionada{width:200px}#tetris-right-side{padding:60px 0}}@media(max-width:430px){.opcionpincel,.opcionpizarra{width:26px;height:26px;line-height:26px;margin:0 2px}.opcionpizarra:first-child{margin-left:5px}.strokeColor,.fillColor{width:22px;height:22px;margin:0 2px}.toolbar-separator{margin:0 4px}}@media(max-width:410px){emoji-picker{--num-columns:6;--category-emoji-size:1.125rem}.tetris-info-toolbar div:first-child{padding-left:15px}}@media(max-width:400px){.chat-form-message{font-size:20px;padding:0 105px 0 53px}.botones .opcion-icono{margin-right:15px}#cuenta{width:350px}#cuenta p,#cuenta .resultado{font-size:var(--font-size-base)}.ribbon{font-size:calc(var(--tiny-heading-size) - 2px)}#cuenta .campo{width:270px}.piano-keys .white{border-radius:0}.piano-keys .black{border-radius:0}}