*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fondo-header-principal{position:fixed;top:0;left:0;width:100vw;box-sizing:border-box;z-index:200;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;background-color:#2e0455;height:50px;padding:0 10px}.link{display:flex;align-items:center;gap:1em}.bloque{display:flex;flex-direction:row;width:33.33%;align-items:center;gap:1em;padding:0;transition:width .3s}.bloque.izquierdo{width:40%;justify-content:flex-start}.bloque.central{width:40%;justify-content:center;font-size:1em;font-style:italic}.bloque.derecho{width:20%;justify-content:flex-end;font-size:1em;font-weight:700}.texto-logo{display:flex;flex-direction:column;justify-content:flex-start}.texto-pagina-inicial{color:#fff;font-size:1.2em;font-weight:700;font-family:Comic Sans MS,cursive;line-height:1.1}.salto-linea{display:none}.boton-header{display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;padding:0 20px;height:36px;line-height:20px;font-size:1em;color:#fff;font-weight:700;font-style:normal;background-color:#6d07cc;border:1px solid white}.texto-boton{cursor:pointer;text-decoration:underline;color:#fff}.icon{fill:red}@media(max-width:1024px){.bloque.central{display:none}.bloque.izquierdo{width:80%}.bloque.derecho{width:25%}.salto-linea{display:block}}@media(max-width:480px){.texto-logo{display:none}}@media(max-width:360px){.bloque.central,.bloque.izquierdo{display:none}.bloque.derecho{width:100%}.salto-linea{display:block}}.dropdown-button{position:relative;display:inline-block}.icon{display:flex;padding:2px;justify-content:flex-end;border-radius:25px;background:none;border:none;cursor:pointer}.icon.perfil{padding:0}.icon.menu{border-radius:10px}.icon:hover{background:none;border:none;cursor:pointer}.icon:active{transform:scale(.9)}.icon:focus{outline:3px solid rgb(255,255,255);outline-offset:0;background:none;box-shadow:none}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid black;border-radius:6px;min-width:160px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;z-index:999999;padding-top:10px;padding-bottom:10px;animation:fadeIn .25s ease-out}.dropdown-menu.left{left:0;top:140%}.dropdown-menu.right{right:0;top:112%}.dropdown-menu a{padding:10px 16px;display:block;color:#333;border-radius:6px;transition:background-color .3s,padding-left .3s}.dropdown-menu a:hover{background:#f3f4f6c5;padding-left:20px;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.dropdown-button.menu{display:none}}.dropdown-item{padding:10px 16px;text-align:left;display:block;background-color:#fff;color:#000;border:1px solid transparent;border-radius:0;transition:background-color .3s,padding-left .3s;cursor:pointer}.dropdown-item:disabled{cursor:default;border:1px solid transparent}.dropdown-item:not(:disabled):hover{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent;outline:none}.dropdown-item:not(:disabled):focus{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent;outline:none}.dropdown-item:not(:disabled):active{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent;outline:none}.dropdown-item.rojo{color:red}.dropdown-item.rojo:hover{background:#ff00001e}.toast{position:fixed;top:60px;right:20px;width:260px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;overflow:hidden;font-family:sans-serif;font-weight:600;animation:toast-in .4s ease forwards,toast-out .4s ease forwards 1.6s;z-index:999999}.toast-header{height:6px;width:100%}.toast-header.success{background:#2ecc71}.toast-header.error{background:#e74c3c}.toast-header.info{background:#2e0455}.toast-header.warning{background:#f1c40f}.toast-body{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:15px;border-radius:0 0 10px 10px;color:#000}.toast-body.success{background:#2ecc7126}.toast-body.error{background:#e74c3c26}.toast-body.info{background:#5d08be26}.toast-body.warning{background:#f1c40f33}.toast-x{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;margin-left:10px;color:#555;transition:.15s all ease}.toast-x:hover{color:#000;outline:none}.toast-x:active{transform:scale(.7);outline:none}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.fondo{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:calc(100vh - 50px);margin-top:50px;width:100vw;background-color:#6206b8}.contenedor-tarjetas{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;gap:2.5em;padding:1em 2em}.tarjeta{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;height:40em;min-width:10em;border-radius:20px;background-color:#fff;color:#000;border:2px solid black}h1{margin:0;font-size:clamp(2em,2.5vw,4em)}.tarjeta.verde{background-color:#016907;color:#fff;border:2px solid white;width:33.33%}.tarjeta.amarilla{background-color:#927000;color:#fff;border:2px solid white;width:33.33%}.tarjeta.azul{background-color:#0c007a;color:#fff;border:2px solid white;width:33.33%}.tarjeta.roja{background-color:#910101;color:#fff;border:2px solid white;width:33.33%}.imagen{width:46%}.ajuste-linea{display:flex;flex-direction:column}.imagen-home{width:730px}@media(max-width:768px){.imagen-home{width:95%}.fondo{padding:10px}.contenedor-tarjetas{flex-direction:column;justify-content:center;align-items:center}.tarjeta{flex-direction:row;height:12em;gap:20px;padding:1em}.tarjeta.verde,.tarjeta.amarilla,.tarjeta.azul,.tarjeta.roja{width:100%}.imagen{width:auto;height:80%}}@media(max-width:384px){.tarjeta{flex-direction:column;height:auto;gap:.5em;padding:1em 0}.tarjeta h1{font-size:2em;margin:0}.tarjeta.verde,.tarjeta.amarilla,.tarjeta.azul,.tarjeta.roja{width:100%}.imagen{width:40%;height:auto}}.fondo-login{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:calc(100vh - 50px);margin-top:50px;width:100vw;background-color:#6206b8}.recuadro-login{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:30em;color:#000;background-color:#fff;border-radius:20px;border:2px solid black;gap:.8em;padding-bottom:2em;transition:width .5s ease}.recuadro-login h1,.recuadro-login h2{margin-top:.5em;margin-bottom:0}.recuadro-login input{background-color:#fff;color:#000;height:3em;width:18em;border:3px solid black;border-radius:10px}.recuadro-login input:focus{border-color:#6d07cc;outline:none;box-shadow:0 0 10px #6d07cc}.boton-login{display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;padding:0 20px;height:2.5em;width:60%;line-height:20px;font-size:1em;color:#fff;font-weight:700;font-style:normal;background-color:#6d07cc;border:1px solid white}.boton-login:hover{outline:none;border-color:#6d07cc;box-shadow:0 0 10px #6d07cc}.link-login{color:#6d07cc;font-weight:700}.error-oculto{opacity:0;color:red;transform:translateY(-10px);transition:opacity .8s ease,transform .8s ease}.error-visible{opacity:1;color:red;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}@media(max-width:1024px){.recuadro-login{width:27.5em}}@media(max-width:768px){.recuadro-login{width:25em}}@media(max-width:480px){.recuadro-login{width:22.3em}}@media(max-width:360px){.recuadro-login{width:20em}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999;opacity:0;transition:all .5s ease}.modal-overlay.show{opacity:1}.modal-content{background:#fff;color:#000;border:4px solid black;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-radius:12px;padding-bottom:10px;max-width:400px;width:90%;box-shadow:0 4px 12px #00000026;transform:translateY(-40px);opacity:0;transition:all .5s ease}.modal-content.show{transform:translateY(0);opacity:1}.modal-title{display:flex;color:#fff;padding:0 20px;text-align:center;width:100%;justify-content:center;background:#2e0455;border-top-left-radius:6px;border-top-right-radius:6px;min-height:40px}.modal-title h2{margin-top:10px;margin-bottom:10px}.modal-message{display:flex;text-align:center;justify-content:center}.modal-message p{font-size:x-large;font-weight:500}.modal-button-zone{display:flex;justify-content:center;gap:20px;padding:0 30px}.modal-button{background:#5900ff;border-radius:50px}.modal-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:30px 20px}.modal-loading-container p{font-size:1.2rem;font-weight:600;color:#000;text-align:center}.loading{border:20px solid #2e0455ff;border-top:20px solid #5900ff;border-radius:50%;margin-top:20px;width:120px;height:120px;animation:rotar .9s linear infinite}.fondo-dashboard{display:flex;position:relative;left:250px;height:calc(100vh - 50px);width:calc(100vw - 250px);margin-top:50px;flex-direction:column;justify-content:flex-start;text-align:center;align-items:center;padding:20px;background-color:#fff;color:#000;overflow-y:auto;overflow-x:hidden;scrollbar-color:#6206b8ff #ffffff}.texto-dashboard{font-size:x-large}.parrafo-dashboard{text-align:justify}.boton-dashboard{display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;padding:0 20px;height:2em;width:10em;font-size:xx-large;max-width:90%;line-height:20px;color:#fff;font-weight:700;font-style:normal;background-color:#6d07cc;border:1px solid white;flex-shrink:0;margin-top:40px}.boton-dashboard:hover{outline:none;border-color:#6d07cc;box-shadow:0 0 10px #6d07cc}.boton-dashboard:focus{outline:none;border-color:#6d07cc;box-shadow:0 0 #6d07cc}.boton-dashboard.cancelar{background-color:#802929;border-color:#802929;box-shadow:0 0 #802929}.boton-dashboard.cancelar:hover{outline:none;border-color:#802929;box-shadow:0 0 10px #802929}.boton-dashboard.cancelar:focus{outline:none;border-color:#802929;box-shadow:0 0 #802929}.campos-input{background-color:#fff;color:#000;font-size:larger;padding:10px;width:18em;max-width:90%;border:3px solid black;border-radius:10px}.barra-notificaciones{display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;padding:8px 12px;border-bottom:1px solid #ddd;position:sticky;margin-top:-20px;width:calc(100% + 40px);z-index:500}.barra-notificaciones-boton{padding:6px 14px;background:#2e0455;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:.2s;height:40px;width:200px;max-width:45%}.barra-notificaciones-boton:hover{opacity:.85}.barra-notificaciones-boton.delete{background:#d63031;padding-top:0;padding-bottom:0}@media(max-width:1024px){.fondo-dashboard{left:220px;width:calc(100vw - 220px)}.construccion{width:80%}}@media(max-width:768px){.fondo-dashboard{left:190px;width:calc(100vw - 190px)}}@media(max-width:480px){.fondo-dashboard{left:70px;width:calc(100vw - 70px)}}@media(max-width:360px){.fondo-dashboard{left:70px;width:calc(100vw - 70px)}}.fondo-sidebar-admin{position:fixed;top:50px;left:0;width:250px;box-sizing:border-box;z-index:120;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#6206b8;height:calc(100% - 50px);padding:0}.sidebar-titulo{padding:20px 16px;text-align:left;display:block;background-color:#6206b8;color:#fff;font-weight:900;font-size:xx-large;border:2px solid transparent;border-left:10px solid transparent;border-radius:0;width:100%}.sidebar-texto{display:block}.sidebar-linea{width:100%;border:none;background-color:#2e0455;height:2px;margin:0%}@media(max-width:1024px){.fondo-sidebar-admin{width:220px}}@media(max-width:768px){.fondo-sidebar-admin{width:190px}}@media(max-width:480px){.fondo-sidebar-admin{width:70px}.sidebar-texto,.sidebar-titulo{display:none}}@media(max-width:360px){.fondo-sidebar-admin{width:70px}.sidebar-titulo{display:none}}.sidebar-item{padding:6px;display:flex;text-align:left;justify-content:left;align-items:center;background-color:#6206b8;color:#fff;border:2px solid transparent;border-left:10px solid transparent;border-radius:0;transition:background-color .1s,padding-left .1s;cursor:pointer;gap:10px;width:100%}.sidebar-item p{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sidebar-item:disabled{cursor:default}.sidebar-item:not(:disabled):hover{background:#ffffff1c;border:2px solid transparent;border-left:10px solid transparent}.sidebar-item:not(:disabled):focus{background:#fff0;border:2px solid transparent;border-left:10px solid transparent;border-bottom:2px solid transparent;outline:none}.sidebar-item:not(:disabled):active{background:#ffffff17;padding-left:25px;border:2px solid transparent;border-left:10px solid transparent;border-bottom:2px solid transparent;outline:none;box-shadow:none}.sidebar-item.active,.sidebar-item.active:hover{background:#ffffff17;font-weight:900;border:2px solid transparent;border-left:10px solid #2e0455ff;border-bottom:2px solid #2e0455ff;outline:none;box-shadow:none}.sidebar-item.active:focus{background:#ffffff0e;font-weight:900;border:2px solid transparent;border-left:10px solid #2e0455ff;border-bottom:2px solid #2e0455ff;outline:none}.sidebar-imagen{width:30px}.perfil-contenido{display:flex;width:100%;flex-direction:row;justify-content:center}.perfil-columna1,.perfil-columna2{display:flex;align-items:center;width:50%;flex-direction:column}.perfil-input{background-color:#fff;color:#000;font-size:larger;padding:10px;width:25em;max-width:90%;border:3px solid black;border-radius:10px}.perfil-input.date{width:31em}.perfil-input:hover{outline:none;border-color:#6d07cc;box-shadow:0 0 10px #6d07cc}.perfil-input:focus{outline:none;border-color:#6d07cc;box-shadow:0 0 #6d07cc}.perfil-box-row{display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;gap:3em;width:100%}@media(max-width:1024px){.perfil-contenido{flex-direction:column}.perfil-columna1,.perfil-columna2{width:100%}}.notificacion-item{padding:10px 16px;text-align:left;display:flex;background-color:#fff;color:#000;border:1px solid transparent;border-radius:0;transition:background-color .3s,padding-left .3s;cursor:pointer;width:100%}.notificacion-item p{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.notificacion-item:disabled{cursor:default;border:1px solid transparent}.notificacion-item:not(:disabled):hover{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent}.notificacion-item:not(:disabled):focus{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent;outline:none}.notificacion-item:not(:disabled):active{background:#f3f4f6c5;padding-left:25px;border:1px solid transparent;outline:none;box-shadow:none}.notificacion-item.rojo{color:red}.notificacion-item.rojo:hover{background:#ff00001e}.linea{width:100%;border:none;background-color:#000;height:1px}.fondo-juegos{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:calc(100vh - 50px);margin-top:50px;gap:4em;width:100vw;background-color:#6206b8}.area-juego{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:50em;width:70%;border-radius:20px;background-color:#fff;color:#000;border:2px solid black}.area-pdf{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:40em}.area-puntaje{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:50em;width:20%;border-radius:20px;background-color:#fff;color:#000;border:2px solid black}.fondo-carga{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#242428;display:flex;justify-content:center;align-items:center;z-index:10;color:#fff}.fondo-carga p{margin-left:15px}.simbolo-carga{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:rotar 1s linear infinite}@media(max-width:1600px){.fondo-juegos{flex-direction:column;padding:1em 0}}.fondo-dashboard-admin{display:flex;position:relative;left:250px;height:calc(100vh - 50px);width:calc(100vw - 250px);margin-top:50px;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:20px;background-color:#fff;color:#000;overflow-y:auto;overflow-x:hidden;scrollbar-color:#6206b8ff #ffffff}.texto-dashboard-admin{font-size:x-large}.boton-dashboard-admin{display:flex;align-items:center;justify-content:center;border-radius:20px;margin-top:30px;cursor:pointer;padding:0 20px;height:2.5em;width:40%;line-height:20px;font-size:1em;color:#fff;font-weight:700;font-style:normal;background-color:#6d07cc;border:1px solid white}.construccion{width:630px}.campos-input{background-color:#fff;color:#000;font-size:larger;padding:10px;width:18em;max-width:90%;border:3px solid black;border-radius:10px;margin:20px}.campos-input:focus{outline:none;border-color:#6206b8}.file-list{list-style:none;padding:0;margin-top:10px;width:100%}.file-item{padding:8px;border-bottom:1px solid #ddd;cursor:pointer}.file-item:hover{background:#f2f2f2}.folder{font-weight:700;color:#1e88e5}.file{color:#333}.btn-volver{margin-bottom:10px}@media(max-width:1024px){.fondo-dashboard-admin{left:220px;width:calc(100vw - 220px)}.construccion{width:80%}}@media(max-width:768px){.fondo-dashboard-admin{left:190px;width:calc(100vw - 190px)}}@media(max-width:480px){.fondo-dashboard-admin{left:70px;width:calc(100vw - 70px)}}@media(max-width:360px){.fondo-dashboard-admin{left:70px;width:calc(100vw - 70px)}}.drag-file-zone{border:2px dashed #ccc;padding:20px;border-radius:8px;text-align:center;cursor:pointer;width:50em;max-width:100%}.drag-file-zone.drag-over{border:2px dashed green}.drag-file-input{display:none}.drag-file-label{cursor:pointer;color:#00f}.drag-image-preview{max-width:100%;max-height:25em;margin-top:10px;border-radius:4px}.drag-pdf-preview{max-width:100%;max-height:30em;width:60em;margin-top:10px;border-radius:4px}@media(max-width:768px){.drag-file-zone{padding:0}}.loading-container{background-color:#6206b8;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;color:#fff;text-align:center}.loading-logo{width:700px;max-width:95%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.loading-title{font-size:4rem;font-weight:700;letter-spacing:1px;margin:0}.simbolo-carga{border:20px solid rgba(255,255,255,.3);border-top:20px solid white;border-radius:50%;width:125px;height:125px;max-width:90%;max-height:90%;animation:rotar 1s linear infinite}@keyframes rotar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}