@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bs-primary: #023874;--bs-success: #feed01;--color-light1: rgb(185, 185, 185);--color-light2: #43434390;--color-white: #ffffff;--color-black: #000000;--transition150: all .15s;--transition300: all .3s;--transition4: all .25s ease;--shadow-general: 0px 10px 15px -9px rgba(0, 0, 0, .071);--fonts: "Space Grotesk Variable", sans-serif}body{overflow-x:hidden}*{box-sizing:border-box;text-decoration:none;font-family:Space Grotesk Variable,sans-serif!important;margin:0;padding:0;color:var(--color-white);transition:var(--transition150)}*:focus-visible{outline:none}img{width:100%;display:block;margin:none;transition:var(--transition150);height:auto}.cl-normal{width:1240px}form{width:100%}.body-home{background-image:url(http://play.euroclab.co/assets/image.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;min-height:100vh}.body-home .cl-normal{display:flex;justify-content:center;align-items:center}.container-register{background-color:var(--bs-primary);display:flex;justify-content:center;border-radius:2rem;padding:2.5rem 1rem;width:440px;box-shadow:var(--shadow-general)}.input-register input{border-radius:4px;margin:.8rem 0;color:var(--bs-primary);padding:.5rem;font-size:1.2rem;width:100%;box-shadow:var(--shadow-general);border:2px solid transparent}.input-register input::placeholder{color:var(--color-light1)}.input-register input:focus{border:2px solid var(--bs-success);outline:none}.btn-register button{background-color:var(--bs-success);color:var(--bs-primary);font-weight:700;font-size:1.2rem;width:100%;border:none;margin:.5rem 0;padding:.5rem;border-radius:4px;box-shadow:var(--shadow-general);cursor:pointer}.body-login{background-image:url(http://play.euroclab.co/assets/image.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;min-height:100vh}.body-login .cl-normal{display:flex;justify-content:center;align-items:center}.container-login{background-color:var(--color-white);display:flex;justify-content:center;border-radius:2rem;padding:2.5rem 1rem;width:600px;box-shadow:var(--shadow-general);border:1px solid var(--color-light1)}.input-login input{border-radius:4px;background-color:var(--color-white);margin:.8rem 0;color:var(--bs-primary);padding:.5rem;font-size:1.2rem;width:100%;box-shadow:var(--shadow-general);border:1px solid var(--color-light1)}.input-login input::placeholder{color:var(--color-light1)}.input-login input:focus{border:1px solid var(--bs-primary);outline:none}.input-check{padding:.8rem 0rem}.input-check input{-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);margin-right:.5rem}.input-check label{color:var(--color-black);font-size:1rem;cursor:pointer}.btn-login{display:flex;justify-content:center}.btn-login button,.btn-login a{background-color:var(--bs-success);color:var(--bs-primary);font-weight:700;font-size:1.8rem;border:none;margin:.5rem 0;padding:.5rem 2rem;border-radius:4px;box-shadow:var(--shadow-general);cursor:pointer;text-transform:uppercase}.body-juega{background-image:url(http://play.euroclab.co/assets/image.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;min-height:100vh}.body-juega .cl-normal{display:flex;justify-content:center;align-items:center}.container-juega{display:flex;justify-content:center;flex-direction:column;border-radius:2rem;padding:2.5rem 1rem;box-shadow:var(--shadow-general)}.title-item h2{color:var(--bs-primary);text-align:center;font-weight:900;font-size:2.5rem;-webkit-text-stroke:1px}.juego-items{display:flex;justify-content:space-between;margin-top:1.5rem}.juego-items a{width:30%;box-sizing:var(--shadow-general)}.juego-items a h3{font-size:2.5rem;color:var(--bs-primary);text-align:center;font-weight:900;-webkit-text-stroke:1px}.juego-items a img{border-radius:2.7rem}.resultados-relacionar{background-color:#000000c4;width:80%;text-align:center;padding:1rem;border-radius:.5rem;display:grid}.resultado-container-rela{display:flex;align-items:center;margin-top:10px;justify-content:space-between;width:100%;order:1}.resultado-item-relacionar{position:relative}.resultado-icono-relacionar{max-width:160px;min-width:50px;position:absolute;inset:0;margin:auto;display:flex;justify-content:center;align-items:center}.body-ins{background-image:url(http://play.euroclab.co/assets/ins3.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.type-2{background-image:url(http://play.euroclab.co/assets/type2.webp)}.type-1{background-image:url(http://play.euroclab.co/assets/type1.webp)}.body-ins .cl-normal{display:flex;justify-content:center;align-items:center}.container-ins{display:flex;justify-content:center;flex-direction:column;border-radius:2rem;padding:2.5rem 2rem;width:800px;position:relative;box-shadow:var(--shadow-general);z-index:2}.body-ins:after{content:"";background-color:#0008;position:fixed;z-index:1;inset:0}.item-text h3{font-size:2.3rem}.logowhite{position:fixed;z-index:3;top:2rem;right:2rem;width:180px;height:auto}.item-text ol{margin-top:1rem;font-size:1.5rem;margin-left:1.5rem}.body-relacionar{background-image:url(http://play.euroclab.co/assets/ins3.webp);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;min-height:100vh}.body.relacionar:after{content:"";background-color:#0008;position:fixed;z-index:1;inset:0}.body-relacionar .cl-normal{display:flex;justify-content:center;align-items:center}.relacionar-juega{width:100%}.container-relacionar{background-color:var(--color-black);display:flex;justify-content:center;flex-direction:column;border-radius:2rem;padding:2.5rem 2rem;width:100%;box-shadow:var(--shadow-general)}.item-relacionar{display:flex;align-items:stretch;justify-content:space-between;width:100%;     transform: scale(0.9);}.respuesta{background:linear-gradient(45deg,#0b44ffba,#0085ffc4);border:none;border-radius:4px;color:#fff;transition:all .3s ease;box-shadow:0 8px 41px #2196f3;text-align:center;font-size:1.9rem;padding:.5rem 1rem;border:3px solid white}.elementDrag{cursor:pointer;padding:1rem 2rem;max-width:200px}.textos{color:#000}.preguntas-container,.respuestas-container{width:40%}.relacionar-respuesta{display:flex;align-items:center;width:100%;height:10rem}.item_llegado{position:absolute;inset:0;margin:auto}.body-penalti{display:flex;align-items:center;justify-content:center}#response{z-index:6;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}#renderCanvas{width:100%;height:100%;touch-action:none;position:relative;z-index:1}.error-mensaje,.cargando{font-size:3rem;font-weight:900}.cargando{color:#fff;stroke:1px solid white}.error-mensaje{color:red}.pregunta-container{width:90%;margin-top:20rem}.pregunta-item{background:linear-gradient(45deg,#1756feba,#004cffc4);border:none;border-radius:12px;color:#000;transition:all .3s ease;box-shadow:0 0 15px #0032ff55;text-align:center;color:#fff;font-size:2rem;font-weight:900;padding:1.5rem 8rem;margin-bottom:1rem;text-transform:uppercase}.botones-container{display:flex;align-items:center;justify-content:space-between}.botones-container button{background:linear-gradient(135deg,#0074ffc7,#1960ffbd);border:none;border-radius:12px;color:#fff;text-transform:uppercase;box-shadow:0 10px 20px #0074ff7d,0 6px 6px #0029ff73;transition:transform .3s ease,box-shadow .3s ease;text-align:center;font-size:1.5rem;font-weight:900;padding:1rem;cursor:pointer}.contador{position:absolute;top:1rem;background-color:red;font-size:2rem;font-weight:800;color:#fff;padding:5px;z-index:9}.resultados{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:99}.row-resultados{background-color:#000000c4;width:80%;text-align:center;padding:1rem;border-radius:.5rem}.resultado-item{position:fixed;inset:0;justify-content:center;align-items:center}.resultado-item img{max-width:160px;min-width:50px}.resultados-padre{display:flex;align-items:center;justify-content:space-between;gap:2rem}.user-data{font-size:3rem;font-weight:900;margin:1rem 0rem;text-transform:uppercase}.item-contador{font-size:3rem;font-weight:500;margin:1rem 0rem;text-transform:uppercase}@media screen and (max-width: 768px){.cl-normal{width:85%;margin:auto}}@media screen and (max-width: 360px){.cl-normal{width:92%;margin:auto}}.respuestas-container,.preguntas-container{display:grid}.respuesta-container{position:relative;width:100%;height:10rem;display:grid;align-items:center}.respuesta{margin:0;text-align:center;font-weight:900}.contador{position:absolute;top:1rem;background-color:red;font-size:2rem;font-weight:800;color:#fff;padding:5px}.respuesta-correcta{color:#0bff00;font-weight:700}.respuesta-incorrecta{color:red;font-weight:700}.resultado-container{display:flex;align-items:center;margin-top:10px;justify-content:space-between;width:100%;z-index:2}.resultado-icono{position:absolute;width:50%;right:0;bottom:0}.resultado-imagen{max-width:160px;min-width:50px}.item-tiempo{color:#fff;position:relative;z-index:2;font-size:2.5rem;font-weight:900;order:2}.elementDrag{touch-action:none}.respuesta-container.dragover{background-color:#0000001a}.user-data{font-size:3rem;font-weight:900;margin:1rem 0rem;text-transform:uppercase;order:2;z-index:8}.transform-img{animation:leaves 3s ease-in-out infinite alternate;position:absolute}.btn-terminos{color:var(--bs-primary);background:none;border:none;font-weight:800;font-size:1rem;cursor:pointer}.termino-modal,.termino-modal strong{color:#000}.fixed-modal{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;min-width:100vw;min-height:100vh;background-color:#0000006a}.modal-item{max-width:420px;background-color:#fff;border-radius:12px;padding:1rem;position:relative}.close-modal{position:absolute;right:10px;top:10;background:#fff;color:#000;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.invisible{display:none}.visible{display:flex}.logo_azul{position:absolute;top:10px;right:20px;width:200px;z-index:90}@keyframes leaves{0%{transform:scale(3)}50%{transform:scale(2)}to{transform:scale(3.5)}}.botones-container{gap:12px}@media screen and (max-width: 480px){.modal-item{max-width:280px;background-color:#fff;border-radius:12px;padding:1rem}}@media screen and (max-height: 674px){.container-login{transform:scale(.5)}.modal-item{transform:scale(.7)}.container-register{transform:scale(.8)}.logo_azul{width:110px;right:4px}.container-juega{transform:scale(.9);box-shadow:none}.title-item h2{font-size:1.5rem;-webkit-text-stroke:0px}.pregunta-item{font-size:1.5rem}.item-text,.pregunta-container{transform:scale(.8)}.botones-container button{font-size:1.1rem}.juego-items a h3{font-size:1.5rem;-webkit-text-stroke:0px}.pregunta-container{width:90%;margin-top:18rem;padding-bottom:3rem}.botones-container{gap:8px}}@media screen and (max-height: 820px) and (max-width: 1400px){.item-relacionar{transform:scale(.65)}.elementDrag{padding:0;transform: scale(0.8);}.respuesta{font-size:1.5rem}.pregunta-container{margin-top:18rem;transform:scale(.7)}.contador{font-size:0.8rem; left: 0px;   position: fixed; top: 10px; }.preguntas-container .item-relacionar{transform:scale(1)}}