:root{--bg-lab-primary:#0f1419;--bg-lab-secondary:#1a1f2e;--border-lab:#00e5ff1a;--glow-cyan:0 0 20px #00e5ff4d;--glow-success:0 0 20px #00f5d44d;--glow-warning:0 0 20px #ff33664d}.labs-hub{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);min-height:100vh;padding:40px 20px}.labs-header{text-align:center;margin-bottom:60px;animation:.6s ease-out slideInUp}.labs-header h1{-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00e5ff33;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%) text;margin-bottom:10px;font-size:3rem;font-weight:700}.labs-header p{color:#b0b8d4;font-size:1.2rem}.lab-card{backdrop-filter:blur(10px);cursor:pointer;background:#1a1f2ecc;border:1px solid #00e5ff1a;border-radius:12px;flex-direction:column;transition:all .3s;animation:.6s ease-out backwards slideInUp;display:flex;overflow:hidden}.lab-card-header{background:linear-gradient(#00e5ff0d 0%,#0000 100%);border-bottom:1px solid #00e5ff1a;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.lab-icon{filter:drop-shadow(0 0 10px #00e5ff4d);font-size:2.5rem}.lab-difficulty{text-transform:uppercase;border:1px solid;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.lab-difficulty[data-difficulty=Principiante]{color:#00f5d4;background:#00f5d41a;border-color:#00f5d44d}.lab-difficulty[data-difficulty=Intermedio]{color:#ffc107;background:#ffc1071a;border-color:#ffc1074d}.lab-difficulty[data-difficulty=Avanzado]{color:#f36;background:#ff33661a;border-color:#ff33664d}.lab-card-body{flex-grow:1;padding:20px}.lab-card-body h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.lab-card-body p{color:#b0b8d4;margin-bottom:15px;line-height:1.5}.lab-meta{color:#7a8fb3;gap:15px;margin-bottom:15px;font-size:.95rem;display:flex}.progress-wrapper{align-items:center;gap:10px;display:flex}.progress-bar{background:#00e5ff1a;border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00e5ff 0%,#00f5d4 100%);border-radius:3px;height:100%;transition:width .3s;box-shadow:0 0 10px #00f5d480}.progress-text{color:#00f5d4;min-width:35px;font-size:.85rem;font-weight:600}.lab-card-footer{border-top:1px solid #00e5ff1a;padding:20px}.btn-primary{color:#020617;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%);border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #00e5ff4d}.btn-primary:active{transform:translateY(0)}.labs-loader-content{text-align:center;color:#e9edf7;max-width:400px}.labs-spinner{width:80px;height:80px;margin:0 auto 30px;position:relative}.spinner-ring{border:4px solid #0000;border-top-color:#00e5ff;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute}.spinner-ring:nth-child(2){border-top-color:#00f5d4;width:60px;height:60px;animation-duration:1.5s;animation-direction:reverse;top:10px;left:10px}.spinner-ring:nth-child(3){border-top-color:#0f8;width:40px;height:40px;animation-duration:.8s;top:20px;left:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.labs-loader h3{color:#00e5ff;margin-bottom:10px;font-size:1.5rem}.labs-loader p{color:#b0b8d4;font-size:1rem}.labs-error{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.labs-error-content{text-align:center;color:#e9edf7;background:#1a1f2ecc;border:1px solid #ff33664d;border-radius:16px;max-width:500px;padding:40px}.error-icon{filter:drop-shadow(0 0 20px #ff336680);margin-bottom:20px;font-size:4rem}.labs-error h3{color:#f36;margin-bottom:15px;font-size:1.8rem}.error-message{color:#b0b8d4;background:#ff33661a;border-left:4px solid #f36;border-radius:8px;margin-bottom:25px;padding:15px;font-size:1.1rem}.error-actions{margin-bottom:30px}.error-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#ff5722 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #f366}.troubleshooting{text-align:left;background:#00e5ff0d;border:1px solid #00e5ff1a;border-radius:8px;padding:20px}.troubleshooting h4{color:#00f5d4;margin-bottom:15px;font-size:1.1rem}.troubleshooting ul{color:#b0b8d4;padding-left:20px}.troubleshooting li{margin-bottom:8px;line-height:1.5}.route-view{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);min-height:100vh;padding:40px 20px;animation:.4s ease-out fadeIn}.route-header{backdrop-filter:blur(10px);background:#1a1f2e99;border:1px solid #00e5ff1a;border-radius:12px;max-width:1200px;margin:0 auto 40px;padding:30px;animation:.6s ease-out slideInDown}.route-header-content{gap:20px;margin-bottom:30px;display:flex}.route-icon{filter:drop-shadow(0 0 20px #00e5ff4d);justify-content:center;align-items:center;min-width:80px;font-size:3rem;display:flex}.route-header h1{color:#00e5ff;margin-bottom:10px;font-size:2.5rem}.route-header p{color:#b0b8d4;margin-bottom:15px;font-size:1.1rem}.route-stats{flex-wrap:wrap;gap:20px;font-size:.95rem;display:flex}.terminal-block{color:#eaeaea;background:#131417;border:1px solid #2a2d34;border-radius:8px;margin-bottom:16px;padding:16px}.terminal-block h3{margin:0 0 8px}.terminal-hint{color:#b0b0b0;margin:0 0 12px;font-size:12px}.sim-terminal{flex-direction:column;gap:8px;display:flex}.sim-terminal-bar{align-items:center;gap:12px;display:flex}.sim-terminal-title{color:#9cdcfe;font-weight:600}.sim-terminal-progress{background:#1e1f24;border-radius:999px;flex:1;height:6px;overflow:hidden}.sim-terminal-progress-inner{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%}.sim-terminal-hint{color:#9aa0a6;font-size:12px}.sim-terminal-screen{background:#0b0c0e;border-radius:6px;min-height:120px;max-height:200px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow:auto}.sim-line{white-space:pre-wrap}.sim-line.ok{color:#9ccc65}.sim-line.err{color:#ef9a9a}.sim-terminal-input{align-items:center;gap:8px;display:flex}.sim-terminal-input .prompt{color:#8bc34a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sim-terminal-input input{color:#eaeaea;background:#0b0c0e;border:1px solid #2a2d34;border-radius:4px;flex:1;padding:8px}.sim-terminal-input .btn-enter{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:4px;padding:8px 12px}.route-stats span{color:#00f5d4;background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:20px;padding:8px 16px}.difficulty-badge{text-transform:uppercase;border:1px solid;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.difficulty-badge.principiante{color:#00f5d4;background:#00f5d41a;border-color:#00f5d44d}.difficulty-badge.avanzado{color:#f36;background:#ff33661a;border-color:#ff33664d}.route-progress{align-items:center;gap:15px;display:flex}.progress-bar.large{background:#00e5ff1a;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.progress-bar.large .progress-fill{height:100%;animation:2s ease-out progressGrow}@keyframes progressGrow{0%{width:0}}.levels-list{gap:15px;max-width:1200px;margin:0 auto;display:grid}.level-item{backdrop-filter:blur(10px);cursor:pointer;background:#1a1f2e99;border:1px solid #00e5ff1a;border-radius:10px;grid-template-columns:60px 1fr 80px;align-items:center;gap:20px;padding:20px;transition:all .3s;animation:.5s ease-out backwards slideInUp;display:grid}.level-item:hover{border-color:#00e5ff4d;transform:translate(5px);box-shadow:0 0 20px #00e5ff33}.level-item.completed{background:#00f5d40d;border-color:#00f5d44d}.level-item.locked{opacity:.4;cursor:not-allowed;pointer-events:none;background:#1a1f2e4d}.level-item.locked .level-number{box-shadow:none;color:#718096;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%)}.level-item.locked h4{color:#718096}.level-item.locked .level-scenario{color:#4a5568}.level-number{color:#020617;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 0 20px #00e5ff66}.level-item.completed .level-number{background:linear-gradient(135deg,#00f5d4 0%,#0f8 100%)}.level-info h4{color:#00e5ff;margin-bottom:5px;font-size:1.2rem}.level-scenario{color:#b0b8d4;margin-bottom:10px;font-size:.95rem}.level-objectives{flex-wrap:wrap;gap:8px;display:flex}.objective-badge{color:#00f5d4;background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:12px;padding:4px 10px;font-size:.8rem}.level-status{text-align:center}.status-icon{font-size:1.5rem;display:inline-block}.level-view{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);grid-template-columns:350px 1fr;gap:0;min-height:100vh;display:grid;position:relative}.sidebar-toggle{z-index:100;color:#00e5ff;cursor:pointer;background:#1a1f2ee6;border:1px solid #00e5ff4d;border-radius:8px;width:40px;height:40px;font-size:1.2rem;display:none;position:absolute;top:20px;left:20px}.level-sidebar{background:linear-gradient(#1a1f2ee6 0%,#0f1419e6 100%);border-right:1px solid #00e5ff1a;padding:20px;animation:.4s ease-out slideInLeft;overflow-y:auto}.sidebar-header{border-bottom:1px solid #00e5ff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.sidebar-header h2{color:#00e5ff;margin:0;font-size:1.4rem}.close-btn{color:#b0b8d4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:#f36;transform:scale(1.1)}.sidebar-section{margin-bottom:25px}.sidebar-section h3{color:#00f5d4;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:1rem;font-weight:600}.sidebar-section p,.sidebar-section li{color:#b0b8d4;font-size:.95rem;line-height:1.6}.sidebar-section ul{padding:0;list-style:none}.sidebar-section li{border-bottom:1px solid #00e5ff0d;padding:8px 0}.guided-steps{padding:0;list-style:none}.step{background:#00e5ff0d;border-left:2px solid #00e5ff;border-radius:4px;margin-bottom:10px;padding:12px}.step strong{color:#00f5d4;margin-bottom:5px;display:block}.step p{margin:5px 0}.command-box{color:#0f8;background:#0000004d;border:1px solid #0f83;border-radius:4px;margin-top:8px;padding:10px;font-family:Courier New,monospace;font-size:.85rem;display:block;overflow-x:auto}.hints-container{grid-template-columns:1fr;gap:8px;display:grid}.hint-btn{color:#00f5d4;cursor:pointer;background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:6px;padding:10px;font-weight:500;transition:all .3s}.hint-btn:hover{background:#00e5ff33;border-color:#00e5ff66}.hint-btn.used{color:#00f5d4;background:#00f5d426;border-color:#00f5d44d}.hint-display{color:#b0b8d4;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;margin-top:12px;padding:12px;font-size:.9rem;line-height:1.6}.competencies{flex-wrap:wrap;gap:8px;display:flex}.competency-tag{color:#00f5d4;background:#00f5d41a;border:1px solid #00f5d44d;border-radius:12px;padding:6px 12px;font-size:.85rem;display:inline-block}.level-main{flex-direction:column;padding:40px;animation:.4s ease-out slideInRight;display:flex;overflow-y:auto}.lab-container{backdrop-filter:blur(10px);background:#1a1f2e99;border:1px solid #00e5ff1a;border-radius:12px;flex-direction:column;flex-grow:1;margin-bottom:20px;padding:20px;display:flex}.lab-iframe-wrapper{background:#0000004d;border:1px solid #00e5ff1a;border-radius:8px;flex-grow:1;min-height:300px;margin-bottom:20px;overflow:hidden}.lab-iframe{background:#020617;border:none;width:100%;height:100%}.lab-controls{background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:8px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#00f5d4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.flag-input{color:#0f8;background:#020617cc;border:1px solid #00e5ff4d;border-radius:6px;width:100%;padding:12px 15px;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.flag-input:focus{border-color:#00e5ff99;outline:none;box-shadow:0 0 20px #00e5ff33}.flag-input:disabled{opacity:.5;cursor:not-allowed}.message{border-radius:6px;margin-bottom:15px;padding:12px 15px;font-weight:500;animation:.3s ease-out slideInUp}.message.success{color:#00f5d4;background:#00f5d41a;border:1px solid #00f5d44d}.message.error{color:#f36;background:#ff33661a;border:1px solid #ff33664d}.completed-message{color:#00f5d4;text-align:center;background:#00f5d426;border:2px solid #00f5d466;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:600}.level-info-footer{color:#b0b8d4;background:#00e5ff0d;border:1px solid #00e5ff1a;border-radius:8px;justify-content:space-between;padding:15px;display:flex}.level-info-footer strong{color:#00f5d4}.user-stats{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{backdrop-filter:blur(10px);background:#1a1f2e99;border:1px solid #00e5ff1a;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .3s;animation:.5s ease-out backwards slideInUp;display:flex}.stat-card:hover{border-color:#00e5ff4d;transform:translateY(-5px);box-shadow:0 0 20px #00e5ff33}.stat-icon{filter:drop-shadow(0 0 10px #00e5ff4d);font-size:2.5rem}.stat-content h3{color:#00e5ff;margin:0;font-size:1.8rem}.stat-content p{color:#b0b8d4;margin:5px 0 0;font-size:.95rem}.stats-section{backdrop-filter:blur(10px);background:#1a1f2e99;border:1px solid #00e5ff1a;border-radius:12px;margin-bottom:30px;padding:30px;animation:.6s ease-out slideInUp}.stats-section h3{color:#00e5ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.4rem}.competencies-list{flex-wrap:wrap;gap:10px;display:flex}.competency-badge{color:#00f5d4;background:linear-gradient(135deg,#00e5ff1a,#00f5d41a);border:1px solid #00e5ff33;border-radius:20px;padding:8px 15px;font-size:.9rem;transition:all .3s;display:inline-block}.competency-badge:hover{border-color:#00e5ff66;box-shadow:0 0 15px #00e5ff33}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.achievement-item{text-align:center;cursor:pointer;background:#0f1419cc;border:1px solid #00f5d41a;border-radius:10px;padding:20px;transition:all .3s}.achievement-item:hover{border-color:#00f5d44d;transform:translateY(-5px);box-shadow:0 0 20px #00f5d433}.achievement-icon{filter:drop-shadow(0 0 10px #00f5d44d);margin-bottom:10px;font-size:2.5rem}.achievement-item h4{color:#00f5d4;margin:10px 0 5px}.achievement-item p{color:#b0b8d4;font-size:.9rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.level-view{grid-template-columns:1fr}.level-sidebar{z-index:100;background:linear-gradient(#1a1f2ef2 0%,#0f1419f2 100%);width:300px;height:100vh;animation:.3s ease-out slideInLeft;display:none;position:fixed;top:0;left:0;overflow-y:auto}.level-sidebar.open{display:block}.level-sidebar.closed{display:none}.sidebar-toggle{display:block}.level-main{padding:60px 20px 20px}}@media (width<=768px){.labs-hub,.labs-container,.level-view{min-height:100vh;color:#e9edf7!important;background:linear-gradient(135deg,#020617 0%,#0a0e27 100%)!important}.labs-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%) text;font-size:1.8rem;color:#fff!important}.labs-header p{color:#b0b8d4!important}.labs-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.lab-card{color:#e9edf7!important;background:#1a1f2ecc!important;border:1px solid #00e5ff1a!important}.lab-card h3{color:#fff!important}.lab-card p{color:#b0b8d4!important}.lab-card-body{color:#e9edf7!important}.level-view{grid-template-columns:1fr;min-height:auto;color:#e9edf7!important;background:linear-gradient(135deg,#020617 0%,#0a0e27 100%)!important}.level-sidebar{border-right:1px solid #00e5ff1a;width:100%;max-width:280px;color:#e9edf7!important;background:linear-gradient(#1a1f2ef2 0%,#0f1419f2 100%)!important}.level-main{color:#e9edf7!important;background:0 0!important}.lab-container{color:#e9edf7!important;background:#1a1f2e99!important;border:1px solid #00e5ff1a!important}.labs-navigation{color:#e9edf7!important;background:#0f1419e6!important}.nav-btn{color:#00e5ff!important;background:#00e5ff1a!important;border:1px solid #00e5ff33!important}.nav-btn.active{color:#fff!important;background:#00e5ff4d!important}.sidebar-header h2{font-size:1.2rem;color:#00e5ff!important}.sidebar-section h3{font-size:.9rem;color:#00f5d4!important}.sidebar-section p,.sidebar-section li{color:#b0b8d4!important}.lab-controls{padding:15px;color:#e9edf7!important;background:#00e5ff0d!important}.flag-input{padding:10px;font-size:14px;color:#0f8!important;background:#020617cc!important;border:1px solid #00e5ff4d!important}.btn-primary{padding:10px 15px;font-size:14px;color:#020617!important;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%)!important}.level-info-footer{flex-direction:column;gap:10px;color:#b0b8d4!important;background:#00e5ff0d!important}.labs-hub *,.labs-container *,.level-view *{color:inherit}.labs-hub h1,.labs-hub h2,.labs-hub h3,.labs-container h1,.labs-container h2,.labs-container h3,.level-view h1,.level-view h2,.level-view h3{color:#fff!important}.sidebar-header h2{font-size:1.2rem}.sidebar-section h3{font-size:.9rem}.lab-controls{padding:15px}.flag-input{padding:10px;font-size:14px}.btn-primary{padding:10px 15px;font-size:14px}.level-info-footer{flex-direction:column;gap:10px}}@media (width<=480px){.level-view{grid-template-columns:1fr}.sidebar-header{margin-bottom:15px}.sidebar-header h2{word-wrap:break-word;font-size:1rem}.sidebar-section{margin-bottom:15px}.sidebar-section h3{font-size:.85rem}.sidebar-section ul,.sidebar-section ol{padding-left:20px;font-size:.9rem}.lab-container{flex-direction:column;gap:15px}.lab-iframe-wrapper{min-height:300px}.lab-controls{padding:15px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem}.flag-input{width:100%;padding:10px;font-size:14px}.message{padding:10px;font-size:.9rem}.answer-reveal{padding:12px;font-size:.9rem}.answer-code{word-break:break-all;margin:8px 0;padding:8px;font-size:.85rem;display:block}.btn-primary,.hint-btn{width:100%;padding:8px 12px;font-size:13px}.hints-container{flex-direction:column;gap:8px;display:flex}.hint-btn{text-align:left;padding:10px}.competencies{flex-wrap:wrap;gap:8px;display:flex}.competency-tag{padding:6px 10px;font-size:.8rem}.level-info-footer{flex-direction:column;gap:10px;padding:15px}.level-info-footer p{font-size:.9rem}}@media (width<=768px){.route-header-content{flex-direction:column}.route-header h1{font-size:1.5rem}.level-item{grid-template-columns:50px 1fr 50px}.level-number{width:50px;height:50px;font-size:1rem}.stats-grid{grid-template-columns:1fr 1fr}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.level-main{padding:60px 15px 15px}.lab-container{padding:15px}}@media (width<=480px){.labs-header{margin-bottom:30px}.labs-header h1{font-size:1.3rem}.labs-header p{font-size:.95rem}.lab-meta{flex-direction:column;gap:8px}.level-item{grid-template-columns:1fr;gap:10px;padding:15px}.level-number{width:45px;height:45px;font-size:.9rem}.stats-grid{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.achievements-grid{grid-template-columns:1fr}.route-stats{flex-direction:column}.level-info-footer{flex-direction:column;gap:10px}}.labs-loader,.labs-error{background:linear-gradient(135deg,#020617 0%,#0a0e27 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.unlock-notification{backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.unlock-content{text-align:center;background:linear-gradient(135deg,#1a1f2ef2 0%,#0f1423f2 100%);border:2px solid #00e5ff80;border-radius:20px;max-width:500px;padding:60px 40px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) unlockBounce;box-shadow:0 0 60px #00e5ff66,inset 0 0 40px #00e5ff1a}.unlock-icon{margin-bottom:20px;font-size:5rem;animation:1s ease-in-out infinite rotate360}.unlock-content h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00e5ff 0%,#00f5d4 100%) text;margin-bottom:15px;font-size:2rem;font-weight:700}.unlock-content p{color:#b0b8d4;margin-bottom:25px;font-size:1.2rem}.unlock-progress{color:#00f5d4;font-size:.9rem;animation:1.5s ease-in-out infinite pulse}@keyframes unlockBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotate360{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.home-view{color:#e0e0e0;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#2d1b4e 100%);min-height:100vh;overflow-x:hidden}.hero-section{padding:80px 40px;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-text{z-index:2}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%) text;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.2}.hero-subtitle{color:#b0b0b0;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:15px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#00d4ff 100%);border:none;border-radius:8px;padding:12px 30px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.btn-secondary{color:#00d4ff;cursor:pointer;background:0 0;border:2px solid #00d4ff;border-radius:8px;padding:12px 30px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#00d4ff1a;transform:translateY(-2px)}.btn-large{padding:15px 40px;font-size:1.1rem}.btn-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#00d4ff 100%);border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.hero-visual{height:400px;position:relative}.animated-gradient{background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-card{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.floating-card span{font-size:2rem}.floating-card p{text-align:center;color:#b0b0b0;font-size:.85rem}.card-1{animation-delay:0s;top:0;right:0}.card-2{animation-delay:.5s;bottom:20%;left:10%}.card-3{animation-delay:1s;bottom:0;right:20%}.stats-section{background:#ffffff08;padding:60px 40px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.stat-card{backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:20px;padding:30px;transition:all .3s;display:flex}.stat-card:hover{background:#ffffff1f;border-color:#00d4ff4d;transform:translateY(-5px)}.stat-icon{font-size:2.5rem}.stat-content h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%) text;margin:0;font-size:2rem}.stat-content p{color:#b0b0b0;margin:5px 0 0}.features-section{padding:80px 40px}.section-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%) text;margin-bottom:60px;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-card{backdrop-filter:blur(10px);text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:40px 30px;transition:all .3s;display:flex}.feature-card:hover{background:#ffffff1f;border-color:#00d4ff4d;transform:translateY(-10px);box-shadow:0 10px 30px #7c3aed33}.feature-icon{margin-bottom:20px;font-size:3rem}.feature-card h3{color:#e0e0e0;margin-bottom:15px;font-size:1.4rem}.feature-card p{color:#b0b0b0;flex-grow:1;margin-bottom:20px}.labs-section{background:#ffffff08;padding:80px 40px}.labs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.lab-card{backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.lab-card:before{content:"";background:linear-gradient(90deg,#00d4ff,#7c3aed);height:3px;position:absolute;top:0;left:0;right:0}.lab-card:hover{border-color:#00d4ff4d;transform:translateY(-10px);box-shadow:0 15px 40px #7c3aed33}.lab-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.lab-icon{font-size:2.5rem}.difficulty-badge{border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.difficulty-principiante{color:#22c55e;background:#22c55e33}.difficulty-intermedio{color:#3b82f6;background:#3b82f633}.difficulty-avanzado{color:#ef4444;background:#ef444433}.lab-title{color:#e0e0e0;margin:15px 0;font-size:1.4rem}.lab-description{color:#b0b0b0;flex-grow:1;margin-bottom:20px}.lab-meta{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;gap:20px;margin-bottom:20px;padding:15px 0;display:flex}.meta-item{color:#b0b0b0;align-items:center;gap:8px;font-size:.95rem;display:flex}.meta-icon{font-size:1.2rem}.lab-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#00d4ff 100%);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.lab-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.cta-section{background:linear-gradient(135deg,#7c3aed1a 0%,#00d4ff1a 100%);border:1px solid #00d4ff33;padding:80px 40px}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%) text;margin-bottom:15px;font-size:2.5rem}.cta-section p{color:#b0b0b0;margin-bottom:30px;font-size:1.1rem}@media (width<=768px){.hero-section{padding:40px 20px}.hero-content{grid-template-columns:1fr;gap:30px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-visual{height:300px}.stats-grid{grid-template-columns:1fr}.features-section,.labs-section,.cta-section{padding:40px 20px}.section-title{font-size:2rem}.feature-card,.lab-card{padding:20px}.features-grid,.labs-grid{gap:20px}}@media (width<=480px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.section-title{font-size:1.5rem}}
/*# sourceMappingURL=public.3c6ec5ba.css.map */