.login-container{align-items:center;background:linear-gradient(135deg,#3695cc,#1d4ed8);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.login-card{animation:slideUp .5s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:5rem;margin-top:1.5rem;max-width:28rem;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#1f2937;font-size:1.875rem;font-weight:800;margin-bottom:.5rem}.login-header h2{color:#3695cc;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:1rem}.input-group,.login-form{margin-bottom:1.5rem}.input-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.input-group input{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus{border-color:#3695cc;box-shadow:0 0 0 3px #3b82f633;outline:none}.login-button{align-items:center;background-color:#3695cc;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;min-height:3rem;padding:.875rem;transition:background-color .2s ease;width:100%}.login-button:hover:not(:disabled){background-color:#0049b5}.login-button:disabled{background-color:#93c5fd;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:1.5rem;width:1.5rem}.login-footer{margin-bottom:1.5rem;text-align:center}.login-footer p{color:#6b7280;margin:0}.toggle-mode-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.toggle-mode-button:hover{color:#0049b5}.demo-accounts{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:.5rem;font-size:.875rem;padding:1rem}.demo-accounts p{color:#374151;font-weight:600;margin-bottom:.5rem}.demo-accounts ul{list-style-type:none;margin:0;padding-left:0}.demo-accounts li{border-bottom:1px solid #e5e7eb;color:#6b7280;padding:.25rem 0}.demo-accounts li:last-child{border-bottom:none}.demo-accounts strong{color:#3b82f6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.login-header h2{font-size:1.25rem}}.ant-skeleton{width:100%!important;.ant-skeleton-content,.ant-skeleton-input{width:100%!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5}.low-opacity{opacity:.5}.image-loader{left:0;padding:10rem;position:absolute;right:0}.image-section{position:relative}.game-container{min-height:100vh;padding:1rem}.game-container,.start-screen-container{align-items:center;display:flex;justify-content:center}.start-screen-container{flex-direction:column}.exit-button{background:linear-gradient(to bottom,var(--color-danger),var(--color-danger-dark));border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:1.5rem auto;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;width:10rem}.exit-button:hover{background:linear-gradient(to bottom,var(--color-danger-dark),#cb0000);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.exit-button:active{box-shadow:0 2px 4px -1px #0000001a;transform:translateY(0)}.exit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.exit-button:hover:before{left:100%}.game-body{max-width:32rem;width:100%}.game-card{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;text-align:center}.game-button,.game-card{transition:var(--transition)}.game-button{border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--color-white);cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:1rem;padding:1rem 2rem}.game-button:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.game-button:active{transform:translateY(0)}.start-title{color:#3695cc;font-size:2.25rem;font-weight:800;margin-bottom:1rem;text-shadow:1px 1px 2px #0000001a}.start-text{color:var(--color-text-light);font-size:1.25rem;margin-bottom:1rem}.high-score{color:var(--color-primary);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.start-button{background-color:var(--color-success)}.leaderboard-button{background-color:var(--color-primary-dark)}.start-button:hover{background-color:var(--color-success-dark)}.playing-card{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;padding:1.5rem;width:100%}.game-info{margin-bottom:1.5rem;text-align:center;width:100%}.info-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.info-label,.info-value{color:var(--color-text);font-size:1.1rem;font-weight:700}.timer-value.pulse{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite;color:var(--color-danger)}.progress-bar-container{background-color:#ededed;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden}.progress-bar{background-color:var(--color-primary);height:100%;transition:width .3s ease}.timer-bar-container{background-color:#ededed;border-radius:9999px;height:.5rem;overflow:hidden}.timer-bar{background:linear-gradient(90deg,var(--color-success) 0,var(--color-primary) 70%,var(--color-danger) 100%);height:100%;transition:width 1s linear}.game-image{border:4px solid #ededed;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;height:auto;margin-bottom:1.5rem;object-fit:cover;transition:var(--transition);width:100%}.game-image:hover{transform:scale(1.01)}.feedback-message{animation:popIn .3s ease;border-radius:var(--border-radius);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding:.5rem 1rem}.feedback-message.correct{background-color:#6cc0761a;color:var(--color-success-dark)}.feedback-message.incorrect{background-color:#d9534f1a;color:var(--color-danger-dark)}.button-row{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.button-seguro{background-color:var(--color-success);flex:1 1;min-width:140px}.button-seguro:hover{background-color:var(--color-success-dark)}.button-inseguro{background-color:var(--color-danger);flex:1 1;min-width:140px}.button-inseguro:hover{background-color:var(--color-danger-dark)}.end-title{color:var(--color-primary);font-size:2rem;font-weight:800;margin-bottom:1.5rem}.end-score{color:var(--color-text-light);font-size:1.5rem;margin-bottom:1rem}.final-score-value{color:var(--color-primary);font-size:1.8rem;font-weight:800}.new-high-score{animation:bounce 1s infinite;color:var(--color-success);font-weight:700;margin-bottom:1.5rem}.play-again-button{background-color:var(--color-primary)}.play-again-button:hover{background-color:var(--color-primary-dark)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:640px){.game-card{padding:1.5rem}.start-title{font-size:1.8rem}.info-row{gap:.5rem}.button-row,.info-row{flex-direction:column}.game-button{width:100%}}.tip-container{flex-direction:column;gap:15px;margin-top:15px;padding:0 10px}.tip-container,.tip-message{align-items:center;box-sizing:border-box;display:flex;width:100%}.tip-message{background-color:#f4f7f6;border:1px solid #dce3e1;border-radius:8px;color:#333;font-size:1.1rem;font-weight:500;justify-content:center;min-height:60px;padding:15px;text-align:center}.next-question-button{background-color:#007bff;color:#fff;max-width:350px;width:100%}.next-question-button:hover{background-color:#0056b3}:root{--color-primary:#3695cc;--color-primary-dark:#0049b5;--color-success:#5cb85c;--color-success-dark:#056403;--color-danger:#d9534f;--color-danger-dark:#b40505;--color-text:#4f4f4f;--color-text-light:#828282;--color-bg:#f6f9ff;--color-white:#fff;--shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius:0.75rem;--transition:all 0.3s ease}.leaderboard-container{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.game-button{width:100%}.exit-div,.logo-image{width:10rem}.exit-button{background-color:#b40505;background-color:var(--color-danger-dark)}.observation{color:#ffffff64}.leaderboard-card{animation:slideUp .5s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:32rem;padding:2.5rem;width:100%}.leaderboard-header{margin-bottom:2rem;text-align:center}.leaderboard-header h1{color:#1f2937;font-size:1.875rem;font-weight:800;margin-bottom:.5rem}.leaderboard-header p{color:#6b7280;font-size:1rem}.leaderboard-table{display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{align-items:center;background-color:#f9fafb;border-radius:.5rem;color:#374151;display:grid;font-weight:500;grid-template-columns:50px 1fr 80px;padding:.75rem 1rem;transition:transform .2s ease,background-color .2s ease}.leaderboard-row:hover{background-color:#eff6ff;transform:translateY(-2px)}.leaderboard-row-header{background-color:#3b82f6;color:#fff;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.leaderboard-row-header span{text-align:center}.leaderboard-row span:first-child{color:#1d4ed8;font-weight:700;text-align:center}.leaderboard-row span:last-child{font-weight:600;text-align:right}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.leaderboard-card{padding:1.5rem}.leaderboard-header h1{font-size:1.5rem}}
/*# sourceMappingURL=main.e734fe0a.css.map*/