.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,var(--bg) 0%,var(--primary-light) 50%,var(--secondary-light) 100%)}.auth-card{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;justify-content:center;margin-bottom:.8rem}.auth-logo-svg{width:56px;height:70px}.auth-header h1{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:.3rem}.auth-header p{color:var(--text-secondary);font-size:.95rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.9rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;font-weight:600;outline:none;transition:all .2s}.auth-form input:focus{border-color:var(--primary);background:var(--bg-light);box-shadow:0 0 0 3px var(--primary-light)}.auth-form input::placeholder{color:var(--text-secondary);font-weight:500}.btn-primary{padding:.9rem;background:var(--primary);color:#fff;font-weight:800;font-size:1rem;border-radius:12px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #2d9f934d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2d9f9366}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);padding:.7rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;text-align:center}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:600}.auth-footer a{color:var(--secondary);font-weight:800}.auth-footer a:hover{text-decoration:underline}.home{max-width:700px;margin:0 auto;padding:1.5rem}.page-loading{display:flex;justify-content:center;align-items:center;height:60vh;color:var(--text-secondary);font-size:1.1rem;font-weight:700}.home-hero{text-align:center;padding:2.5rem 1rem 2rem}.home-logo-svg{width:56px;height:70px;margin-bottom:1rem}.home-title{font-size:1.6rem;font-weight:900;color:var(--text);margin-bottom:.3rem}.home-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:600}.mode-cards{display:flex;flex-direction:column;gap:1rem}.mode-card{display:flex;align-items:center;gap:1.2rem;background:var(--bg-light);border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .25s;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mode-aventura:hover{border-color:var(--primary)}.mode-supervivencia:hover{border-color:var(--secondary)}.mode-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.mode-aventura .mode-icon{background:var(--primary-light)}.mode-supervivencia .mode-icon{background:var(--secondary-light)}.mode-info{flex:1}.mode-info h2{font-size:1.15rem;font-weight:800;margin-bottom:.3rem;color:var(--text)}.mode-aventura .mode-info h2{color:var(--primary-dark)}.mode-supervivencia .mode-info h2{color:var(--secondary)}.mode-info p{font-size:.85rem;color:var(--text-secondary);font-weight:600;line-height:1.5}.mode-arrow{font-size:1.5rem;font-weight:800;flex-shrink:0}.mode-aventura .mode-arrow{color:var(--primary)}.mode-supervivencia .mode-arrow{color:var(--secondary)}.adventure-select{max-width:700px;margin:0 auto;padding:1.5rem}.adventure-header{text-align:center;padding:1.5rem 1rem 2rem}.adventure-header-icon{font-size:3rem;display:block;margin-bottom:.5rem}.adventure-header h1{font-size:1.6rem;font-weight:900;color:var(--primary-dark);margin-bottom:.3rem}.adventure-header p{color:var(--text-secondary);font-size:1rem;font-weight:600}.specialty-grid{display:flex;flex-direction:column;gap:1rem}.specialty-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-light);border:2px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem 1.5rem;transition:all .25s;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.specialty-card:hover{border-color:var(--card-color);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.specialty-icon-wrap{width:70px;height:70px;border-radius:20px;background:var(--card-bg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .25s}.specialty-card:hover .specialty-icon-wrap{transform:scale(1.1)}.specialty-emoji{font-size:2.2rem}.specialty-name{font-size:1.15rem;font-weight:800;color:var(--card-color);margin-bottom:.3rem}.specialty-desc{font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-bottom:1rem;line-height:1.4}.specialty-start{font-size:.9rem;font-weight:800;color:var(--card-color);padding:.5rem 1.2rem;border-radius:10px;background:var(--card-bg);transition:all .2s}.specialty-card:hover .specialty-start{background:var(--card-color);color:#fff}.back-link{display:inline-block;color:var(--text-secondary);font-size:.9rem;font-weight:700;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:var(--primary)}.path-page{min-height:100vh;position:relative}.path-loading{display:flex;justify-content:center;align-items:center;height:60vh;color:var(--text-secondary);font-weight:700;font-size:1.1rem}.path-float-bar{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:.5rem;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.45rem 1rem .45rem .6rem;border-radius:50px;box-shadow:0 2px 16px #0000001f;border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s;white-space:nowrap}.path-float-bar:hover{box-shadow:0 4px 20px #0000002e;transform:translate(-50%) translateY(-1px)}.float-back{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);font-size:1rem;font-weight:800;flex-shrink:0}.float-icon{font-size:1.15rem}.float-name{font-size:.9rem;font-weight:800;color:var(--text)}.landscape-section{position:relative;overflow:hidden;padding-bottom:1.5rem}.landscape-bg-decos{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-deco{position:absolute;opacity:.12;animation:bg-drift 6s ease-in-out infinite}@keyframes bg-drift{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(5deg)}66%{transform:translateY(5px) rotate(-3deg)}}.landscape-banner{text-align:center;padding:2.5rem 1.5rem 1.2rem;position:relative;z-index:1}.landscape-deco-row{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1rem}.landscape-deco{font-size:1.5rem;display:inline-block;animation:deco-float 3s ease-in-out infinite}@keyframes deco-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landscape-label{display:inline-flex;align-items:center;gap:.8rem;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.8rem 1.5rem;border-radius:16px;border:2px solid var(--ground);box-shadow:0 2px 16px #00000014}.landscape-unit-icon{font-size:1.8rem;flex-shrink:0}.landscape-label-text h2{font-size:1.05rem;font-weight:800;color:var(--text);text-align:left}.landscape-label-text p{font-size:.78rem;color:var(--text-secondary);font-weight:600;text-align:left;margin-top:.15rem}.path-trail{display:flex;flex-direction:column;max-width:400px;margin:0 auto;width:100%;padding:.5rem 0 1rem;position:relative;z-index:1}.path-step{display:flex;padding:.5rem 0}.path-step.pos-left{justify-content:flex-start;padding-left:calc(22% - 30px)}.path-step.pos-center{justify-content:center}.path-step.pos-right{justify-content:flex-end;padding-right:calc(22% - 30px)}.node-content{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:inherit;transition:transform .2s;max-width:130px}.node-content:not(.locked):hover{transform:scale(1.1)}.node-content.locked{cursor:default}.node-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;transition:all .3s;position:relative}.node-circle.status-completed{background:linear-gradient(145deg,#66bb6a,#43a047);color:#fff;border:3px solid #2E7D32;box-shadow:0 4px 14px #4caf5059}.node-circle.status-available,.node-circle.status-in_progress{background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:#fff;border:3px solid var(--primary-dark);box-shadow:0 0 0 5px #2d9f932e,0 4px 14px #2d9f9359;animation:active-pulse 2s ease-in-out infinite}.node-circle.status-locked{background:linear-gradient(145deg,#e0e0e0,#bdbdbd);color:#9e9e9e;border:3px solid #BDBDBD;box-shadow:0 2px 8px #0000001a;font-size:1.1rem}@keyframes active-pulse{0%,to{box-shadow:0 0 0 5px #2d9f932e,0 4px 14px #2d9f9359}50%{box-shadow:0 0 0 10px #2d9f9314,0 4px 20px #2d9f9380}}.node-name{font-size:.72rem;font-weight:700;color:#0000008c;text-align:center;line-height:1.3;max-width:120px}.node-content.locked .node-name{opacity:.45}.node-xp{font-size:.68rem;font-weight:800;color:var(--warning);background:#ffffffb3;padding:.1rem .5rem;border-radius:8px}.trail-dots{display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px 0;width:fit-content}.trail-dot{display:block;width:6px;height:6px;border-radius:50%;background:#0000001f}.path-summit{text-align:center;padding:3rem 1.5rem 4rem;background:linear-gradient(180deg,#fff8e1,#ffecb3,#ffd54f);position:relative}.summit-emoji{font-size:3.5rem;display:block;margin-bottom:.8rem;animation:summit-bounce 2s ease-in-out infinite}@keyframes summit-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.path-summit h3{font-size:1.4rem;font-weight:900;color:var(--text);margin-bottom:.3rem}.path-summit p{font-size:.9rem;color:var(--text-secondary);font-weight:600;max-width:300px;margin:0 auto}.lesson-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.lesson-progress-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-light);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0}.lesson-close{background:transparent;color:var(--text-secondary);font-size:1.2rem;padding:.3rem;border-radius:8px;transition:all .2s;font-weight:700}.lesson-close:hover{color:var(--danger);background:var(--danger-light)}.progress-track{flex:1;height:12px;background:var(--bg-card);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:10px;transition:width .4s ease}.lesson-content{flex:1;display:flex;justify-content:center;padding:2rem 1.5rem;max-width:600px;margin:0 auto;width:100%;overflow-y:auto;min-height:0}.lesson-block{width:100%}.block-badge{display:inline-block;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:1rem}.lesson-block p{font-size:1.15rem;line-height:1.7;color:var(--text);font-weight:600}.block-highlight p{background:var(--warning-light);border-left:4px solid var(--warning);padding:1rem 1.2rem;border-radius:0 12px 12px 0}.block-clinical_note p{background:var(--accent-light);border-left:4px solid var(--accent);padding:1rem 1.2rem;border-radius:0 12px 12px 0}.block-image{max-width:100%;border-radius:12px;margin-top:1rem}.lesson-question{width:100%}.lesson-question h2{font-size:1.3rem;font-weight:800;line-height:1.5;margin-bottom:1.5rem;color:var(--text)}.question-image{max-width:100%;border-radius:12px;margin-bottom:1.5rem}.options-list{display:flex;flex-direction:column;gap:.7rem}.option-btn{padding:1rem 1.2rem;background:var(--bg-light);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;font-weight:600;text-align:left;transition:all .15s;box-shadow:var(--shadow-sm)}.option-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.option-btn.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #2d9f9326}.option-btn.correct{border-color:var(--success);background:var(--primary-light)}.option-btn.incorrect{border-color:var(--danger);background:var(--danger-light)}.option-btn:disabled{cursor:default}.answer-feedback{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:12px;font-size:.95rem;line-height:1.5;font-weight:600}.answer-feedback strong{display:block;margin-bottom:.3rem;font-weight:800}.feedback-correct{background:var(--primary-light);border:1px solid var(--primary);color:var(--primary-dark)}.feedback-incorrect{background:var(--danger-light);border:1px solid var(--danger)}.feedback-incorrect p{color:var(--text-secondary)}.lesson-actions{padding:1rem 1.5rem;background:var(--bg-light);border-top:1px solid var(--border);display:flex;justify-content:center;box-shadow:0 -2px 8px #0000000d;flex-shrink:0}.lesson-btn{width:100%;max-width:400px;padding:1rem}.lesson-complete{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,var(--bg) 0%,var(--primary-light) 50%,var(--secondary-light) 100%)}.complete-card{text-align:center;background:var(--bg-light);border:2px solid var(--primary);border-radius:var(--radius);padding:3rem 2rem;max-width:450px;width:100%;box-shadow:var(--shadow-lg)}.complete-icon{font-size:4rem;display:block;margin-bottom:1rem}.complete-card h1{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:.3rem}.complete-lesson-name{color:var(--text-secondary);margin-bottom:2rem;font-weight:700}.complete-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.complete-stat{display:flex;flex-direction:column;gap:.2rem}.complete-stat-value{font-size:1.8rem;font-weight:900;color:var(--secondary)}.complete-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.complete-btn{max-width:300px}.survival-setup{max-width:700px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.survival-header{text-align:center;padding:1.5rem 1rem 2rem}.survival-header-icon{font-size:3rem;display:block;margin-bottom:.5rem}.survival-header h1{font-size:1.6rem;font-weight:900;color:var(--secondary);margin-bottom:.3rem}.survival-header p{color:var(--text-secondary);font-size:1rem;font-weight:600}.setup-section{margin-bottom:2rem}.setup-section-title{font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:.2rem}.setup-section-desc{font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-bottom:1rem}.specialty-checks{display:flex;flex-direction:column;gap:.6rem}.specialty-check{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--bg-light);border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:600;color:var(--text);transition:all .2s;box-shadow:var(--shadow-sm)}.specialty-check:hover{border-color:var(--secondary);background:var(--secondary-light)}.specialty-check.selected{border-color:var(--secondary);background:var(--secondary-light);box-shadow:0 0 0 3px #7b2d8e1f}.check-icon{font-size:1.5rem;flex-shrink:0}.check-name{flex:1;text-align:left;font-weight:700}.check-indicator{width:28px;height:28px;border-radius:8px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0;transition:all .2s}.specialty-check.selected .check-indicator{background:var(--secondary);border-color:var(--secondary)}.timer-picker{display:flex;align-items:center;justify-content:center;gap:1rem}.timer-arrow{width:48px;height:48px;border-radius:50%;background:var(--bg-light);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:var(--accent);transition:all .2s;flex-shrink:0;box-shadow:var(--shadow-sm);line-height:1}.timer-arrow:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light);transform:scale(1.08)}.timer-arrow:active:not(:disabled){transform:scale(.95)}.timer-arrow:disabled{opacity:.3;cursor:not-allowed}.timer-display{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:140px;padding:.8rem 1.2rem;background:var(--bg-light);border:2px solid var(--accent);border-radius:16px;box-shadow:0 0 0 3px #2b4c7e14}.timer-icon{font-size:1.5rem}.timer-value{font-size:1.2rem;font-weight:800;color:var(--accent)}.survival-start-btn{width:100%;padding:1rem;font-size:1.05rem;margin-top:1rem}.survival-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.survival-top-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-light);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0}.survival-counter{font-size:.85rem;font-weight:800;color:var(--text-secondary);white-space:nowrap}.survival-lives{display:flex;align-items:center;gap:.3rem;flex:1;justify-content:center}.heart{font-size:1.3rem;transition:all .3s}.heart.dead{opacity:.4;filter:grayscale(1);transform:scale(.85)}.heart.alive{animation:none}@keyframes heart-break{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.7)}to{transform:scale(.85);opacity:.4}}.survival-timer-bar{position:relative;height:32px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.survival-timer-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);transition:width 1s linear;border-radius:0}.survival-timer-fill.urgent{background:linear-gradient(90deg,var(--warning) 0%,var(--danger) 100%)}.survival-timer-fill.expired{background:var(--danger);width:100%!important;opacity:.2}.survival-timer-text{position:relative;z-index:1;font-size:.85rem;font-weight:800;color:var(--text)}.survival-timer-text.urgent{color:var(--danger);animation:pulse-text .5s ease-in-out infinite alternate}.survival-timer-text.expired{color:var(--danger)}@keyframes pulse-text{0%{opacity:1}to{opacity:.5}}.survival-content{flex:1;display:flex;justify-content:center;padding:1.5rem;max-width:600px;margin:0 auto;width:100%;overflow-y:auto;min-height:0}.survival-question{width:100%}.question-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:1rem;background:var(--bg-card);padding:.3rem .8rem;border-radius:8px}.survival-question h2{font-size:1.25rem;font-weight:800;line-height:1.5;margin-bottom:1.5rem;color:var(--text)}.lives-warning{margin-top:.4rem;font-weight:800;color:var(--danger);font-size:.85rem}.survival-complete{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,var(--bg) 0%,var(--secondary-light) 50%,var(--accent-light) 100%)}.complete-subtitle{color:var(--text-secondary);font-weight:700;margin-bottom:2rem;font-size:1rem}.complete-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.stat-correct{color:var(--success)!important}.stat-wrong{color:var(--danger)!important}.stat-accuracy{color:var(--accent)!important}.complete-lives{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.complete-heart{font-size:1.6rem;transition:all .3s}.complete-heart.lost{opacity:.35;filter:grayscale(1)}.complete-actions{display:flex;flex-direction:column;gap:.7rem;align-items:center}.btn-secondary{padding:.9rem;background:var(--bg-light);color:var(--text);font-weight:800;font-size:1rem;border-radius:12px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-light)}.complete-btn{max-width:300px;width:100%}.admin-lessons{padding:1.5rem;max-width:1100px;margin:0 auto}.admin-lessons .btn-primary{display:inline-block;padding:.6rem 1.2rem;background:var(--primary);color:#fff;border-radius:var(--radius);font-weight:700;font-size:.95rem;transition:background .2s}.admin-lessons .btn-primary:hover{background:var(--primary-dark)}.admin-lessons h1{font-size:1.75rem;color:var(--text);margin-bottom:1rem}.admin-lessons-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-lessons-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.admin-lessons-filters select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);color:var(--text);font-size:.95rem;min-width:140px}.admin-lessons-table-wrap{background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.admin-lessons-table{width:100%;border-collapse:collapse}.admin-lessons-table th,.admin-lessons-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-lessons-table th{background:var(--bg-card);font-weight:700;color:var(--text);font-size:.9rem}.admin-lessons-table tr:last-child td{border-bottom:none}.admin-lessons-table tr:hover td{background:var(--bg)}.admin-lessons-move{display:flex;gap:.25rem}.admin-lessons-move-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-light);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer}.admin-lessons-move-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.admin-lessons-move-btn:disabled{opacity:.4;cursor:not-allowed}.admin-lessons-actions{display:flex;gap:.5rem}.admin-lessons-actions button{padding:.4rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600}.admin-lessons-actions .btn-edit{background:var(--accent-light);color:var(--accent)}.admin-lessons-actions .btn-edit:hover{background:var(--accent);color:#fff}.admin-lessons-actions .btn-delete{background:var(--danger-light);color:var(--danger)}.admin-lessons-actions .btn-delete:hover{background:var(--danger);color:#fff}.admin-lessons-loading,.admin-lessons-error{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-lessons-error{color:var(--danger)}.admin-lessons-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-form{padding:1.5rem 1.5rem 3rem;max-width:800px;margin:0 auto}.admin-form h1{font-size:1.75rem;color:var(--text);margin-bottom:1.5rem}.admin-form-section{background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.25rem;margin-bottom:1.5rem}.admin-form-section h2{font-size:1.15rem;color:var(--accent);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.admin-form-row{margin-bottom:1rem}.admin-form-row:last-child{margin-bottom:0}.admin-form-row label{display:block;font-weight:600;color:var(--text);margin-bottom:.35rem;font-size:.9rem}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-light);color:var(--text);font-size:.95rem}.admin-form-inline-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-form-inline-add{background:transparent;color:var(--primary);padding:.4rem .75rem;border:1px dashed var(--primary);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.admin-form-inline-add:hover{background:var(--primary-light)}.admin-form-inline-remove{background:transparent;color:var(--danger);padding:.4rem .75rem;border:1px solid var(--danger-light);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.admin-form-inline-remove:hover:not(:disabled){background:var(--danger-light)}.admin-form-inline-remove:disabled{opacity:.7;cursor:not-allowed}.admin-form-inline-create{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-form-inline-create input{flex:1;min-width:160px}.admin-form-row textarea{min-height:80px;resize:vertical}.admin-form-actions-top{margin-bottom:1rem}.admin-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.admin-form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-form-card-title{font-weight:700;color:var(--text);font-size:.9rem}.admin-form-card-remove{background:var(--danger-light);color:var(--danger);padding:.35rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600}.admin-form-card-remove:hover{background:var(--danger);color:#fff}.admin-form-add{background:var(--primary-light);color:var(--primary);padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.9rem}.admin-form-add:hover{background:var(--primary);color:#fff}.admin-form-submit-wrap{margin-top:1.5rem;display:flex;gap:1rem;align-items:center}.admin-form-submit-wrap .btn-primary{padding:.7rem 1.5rem;background:var(--primary);color:#fff;border-radius:var(--radius);font-weight:700;font-size:1rem;border:none;cursor:pointer}.admin-form-submit-wrap .btn-primary:hover{background:var(--primary-dark)}.admin-form-submit-wrap .btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-form-cancel{color:var(--text-secondary);font-weight:600;font-size:.95rem}.admin-form-cancel:hover{color:var(--text)}.admin-form-loading,.admin-form-error{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-form-error{color:var(--danger)}.admin-form-option-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.admin-form-option-row input[type=text]{flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}.admin-form-option-row input[type=checkbox]{width:auto;accent-color:var(--primary)}.admin-form-option-row .order-num{width:2.5rem;text-align:center;font-size:.85rem;color:var(--text-secondary)}.admin-form-options-list{margin-top:.5rem}.admin-form-add-option{margin-top:.5rem;background:var(--accent-light);color:var(--accent);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.admin-form-add-option:hover{background:var(--accent);color:#fff}.admin-form-small-remove{background:transparent;color:var(--danger);padding:.25rem .5rem;font-size:.85rem;border-radius:4px}.admin-form-small-remove:hover{background:var(--danger-light)}.admin-users{padding:1.5rem;max-width:900px;margin:0 auto}.admin-users h1{font-size:1.75rem;color:var(--text);margin-bottom:.5rem}.admin-users-intro{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.admin-users-header{margin-bottom:1rem}.admin-users-back{color:var(--secondary);font-size:.95rem;font-weight:600;text-decoration:none}.admin-users-back:hover{text-decoration:underline}.admin-users-table-wrap{background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.admin-users-table{width:100%;border-collapse:collapse}.admin-users-table th,.admin-users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-users-table th{background:var(--bg-card);font-weight:700;color:var(--text);font-size:.9rem}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-table tr:hover td{background:var(--bg)}.admin-users-select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);color:var(--text);font-size:.9rem;font-weight:600;min-width:120px}.admin-users-select:disabled{opacity:.7}.admin-users-self{font-weight:600;color:var(--text-secondary)}.admin-users-self em{font-style:normal;color:var(--text)}.admin-users-loading,.admin-users-error{padding:1.5rem;text-align:center;color:var(--text-secondary)}.admin-users-error{color:var(--danger)}.api-keys{padding:1.5rem;max-width:900px;margin:0 auto}.api-keys h1{font-size:1.75rem;color:var(--text);margin-bottom:.5rem}.api-keys-intro{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.api-keys-error{color:var(--danger);margin-bottom:1rem}.api-keys-reveal{background:var(--bg-light);border:2px solid var(--secondary);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem}.api-keys-reveal p{color:var(--text-secondary);font-size:.9rem;margin:.35rem 0 .75rem}.api-keys-reveal-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.api-keys-reveal-row code{background:var(--bg-card);padding:.5rem .75rem;border-radius:var(--radius);font-size:.85rem;word-break:break-all;flex:1;min-width:200px}.api-keys-reveal-close{margin-top:.75rem;background:none;border:none;color:var(--secondary);font-weight:600;cursor:pointer;font-size:.9rem;padding:0}.api-keys-reveal-close:hover{text-decoration:underline}.api-keys-create{display:flex;gap:.75rem;margin-bottom:1.5rem}.api-keys-create input{flex:1;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);color:var(--text);font-size:.95rem}.api-keys-table-wrap{background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow-x:auto}.api-keys-table{width:100%;border-collapse:collapse}.api-keys-table th,.api-keys-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.api-keys-table th{background:var(--bg-card);font-weight:700;color:var(--text);font-size:.9rem}.api-keys-table tr:last-child td{border-bottom:none}.api-keys-table code{font-size:.85rem}.api-keys-revoked td{color:var(--text-secondary);opacity:.7}.api-keys-revoke-btn{background:none;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:.35rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer}.api-keys-revoke-btn:hover{background:var(--danger);color:#fff}.api-keys-revoke-btn:disabled{opacity:.6;cursor:default}.api-keys-empty,.api-keys-loading{padding:1.5rem;text-align:center;color:var(--text-secondary)}.profile{padding:0}.profile h1{font-size:1.75rem;color:var(--text);margin-bottom:1rem}.profile-loading,.profile-error{color:var(--text-secondary);margin-top:1rem}.profile-error{color:var(--danger)}.profile-card{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:420px}.profile-avatar-wrap{margin-bottom:1rem}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin:0}.profile-dl dt{font-weight:700;color:var(--text-secondary);font-size:.9rem}.profile-dl dd{margin:0;color:var(--text)}.cuenta-layout{max-width:1100px;margin:0 auto;padding:1rem 1.5rem 2rem}.cuenta-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.cuenta-tab{padding:.6rem 1rem;font-size:.95rem;font-weight:700;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius) var(--radius) 0 0;transition:background .2s,color .2s}.cuenta-tab:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--text)}.cuenta-tab-active{color:var(--primary);background:var(--bg-light);border-bottom:2px solid var(--bg-light);margin-bottom:-2px}.cuenta-outlet{min-height:200px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;background-color:var(--bg-light);border-bottom:2px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.6rem}.navbar-logo{width:32px;height:40px;display:flex;align-items:center;justify-content:center}.navbar-logo-svg{width:100%;height:100%}.navbar-title{font-size:1.25rem;font-weight:900;color:var(--primary);letter-spacing:-.3px}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-admin{color:var(--secondary);font-size:.9rem;font-weight:700;padding:.4rem .9rem;border-radius:8px;transition:all .2s}.navbar-admin:hover{background:var(--secondary-light);color:var(--secondary)}.navbar-user{color:var(--text-secondary);font-size:.9rem;font-weight:600}.navbar-logout{background:transparent;color:var(--text-secondary);padding:.4rem .9rem;border-radius:8px;font-size:.85rem;font-weight:700;transition:all .2s}.navbar-logout:hover{background:var(--danger-light);color:var(--danger)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2D9F93;--primary-dark: #238578;--primary-light: #E0F5F1;--secondary: #7B2D8E;--secondary-light: #F3E5F7;--accent: #2B4C7E;--accent-light: #E3EDF7;--danger: #E74C3C;--danger-light: #FDECEA;--warning: #E8A838;--warning-light: #FFF5E0;--success: #2D9F93;--bg: #F2F8F6;--bg-light: #FFFFFF;--bg-card: #E8F2EF;--text: #1A2C35;--text-secondary: #6B8A95;--border: #C8DDD7;--radius: 16px;--shadow-sm: 0 1px 3px rgba(42, 157, 143, .08);--shadow-md: 0 4px 12px rgba(42, 157, 143, .1);--shadow-lg: 0 8px 24px rgba(42, 157, 143, .12)}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}