:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--bg-page: #f8fafc;--card-bg: #ffffff;--card-border: #e2e8f0;--primary-blue: #1d4ed8;--accent-blue: #2563eb;--soft-blue-bg: #eff6ff;--soft-blue-border: #bfdbfe;--text-dark: #0f172a;--text-sub: #475569;--text-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-page);background-image:radial-gradient(#cbd5e1 1.25px,transparent 1.25px);background-size:24px 24px;color:var(--text-dark);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}code,pre{font-family:var(--font-mono)}.lesson-theory-content{font-size:1.05rem;line-height:1.75;color:#334155;margin-top:1.5rem}.lesson-theory-content h3{font-size:1.35rem;font-weight:800;color:#0f172a;margin-top:1.75rem;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:2px solid #e2e8f0}.lesson-theory-content h4{font-size:1.15rem;font-weight:700;color:#1d4ed8;margin-top:1.25rem;margin-bottom:.5rem}.lesson-theory-content p{margin-bottom:1.15rem}.lesson-theory-content ul,.lesson-theory-content ol{margin-left:1.75rem;margin-bottom:1.35rem}.lesson-theory-content li{margin-bottom:.5rem}.lesson-theory-content strong{color:#0f172a;font-weight:700}.lesson-theory-content code:not(.code-tokenized){background:#f1f5f9;color:#0f172a;padding:.15rem .45rem;border-radius:4px;font-size:.9em;font-weight:600;border:1px solid #cbd5e1}.callout{background:#f8fafc;border-left:5px solid #2563eb;border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1.35rem 0;border-top:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.callout.tip{border-left-color:#16a34a;background:#f0fdf4}.callout.warning{border-left-color:#dc2626;background:#fef2f2}.callout strong{display:block;font-size:.95rem;margin-bottom:.35rem}.callout.tip strong{color:#166534}.callout.warning strong{color:#991b1b}.callout p{margin-bottom:0;color:#334155}.comparison-table{width:100%;border-collapse:collapse;margin:1.25rem 0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:left;border:1px solid #e2e8f0}.comparison-table th{background:#f8fafc;color:#0f172a;font-weight:700}.code-pre-box,pre.code-pre,.lesson-theory-content pre{background:#0f172a!important;color:#f8fafc!important;border-radius:10px;padding:1.25rem 1.5rem;margin:1.35rem 0;overflow-x:hidden!important;white-space:pre-wrap!important;word-break:break-word!important;border:1px solid #1e293b;font-family:Fira Code,Consolas,monospace;font-size:.95rem;line-height:1.65}.code-tokenized,code.code-inner{font-family:inherit;-moz-tab-size:2;tab-size:2;color:inherit;background:transparent!important;border:none!important;padding:0!important;white-space:pre-wrap!important;word-break:break-word!important}.token.keyword,span.token.keyword{color:#c084fc!important;font-weight:700!important}.token.string,span.token.string{color:#4ade80!important}.token.function,span.token.function{color:#38bdf8!important;font-weight:600!important}.token.number,span.token.number{color:#fb923c!important;font-weight:600!important}.token.tag,span.token.tag{color:#f43f5e!important;font-weight:700!important}.token.attr-name,span.token.attr-name{color:#a78bfa!important}.token.attr-value,span.token.attr-value{color:#4ade80!important}.token.operator,span.token.operator{color:#f472b6!important}.token.property,span.token.property{color:#67e8f9!important}.token.variable,span.token.variable{color:#facc15!important;font-weight:600!important}.token.boolean,span.token.boolean{color:#fbbf24!important;font-weight:700!important}.token.class-name,span.token.class-name{color:#fde047!important;font-weight:700!important}.token.comment,span.token.comment{color:#94a3b8!important;font-style:italic!important}.token.punctuation,span.token.punctuation{color:#cbd5e1!important}.clean-navbar[data-v-ccf9dd4d]{display:flex;align-items:center;justify-content:space-between;padding:.6rem 2rem;background-color:#fff;border-bottom:1px solid #e2e8f0;gap:1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000005}.nav-brand-section[data-v-ccf9dd4d]{display:flex;align-items:center;gap:1rem}.brand-text-block[data-v-ccf9dd4d]{display:flex;flex-direction:column}.brand-heading[data-v-ccf9dd4d]{font-size:1.05rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin:0;line-height:1.2}.brand-teacher[data-v-ccf9dd4d]{font-size:.78rem;color:#64748b;font-weight:500}.btn-back-home[data-v-ccf9dd4d]{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-back-home[data-v-ccf9dd4d]:hover{background-color:#e2e8f0;color:#0f172a}.nav-right-actions[data-v-ccf9dd4d]{display:flex;align-items:center;gap:.75rem}.nav-btn-fullcode[data-v-ccf9dd4d]{display:inline-flex;align-items:center;gap:.45rem;background-color:#2563eb;border:1px solid #1d4ed8;color:#fff;font-size:.82rem;font-weight:600;padding:.4rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #2563eb33}.nav-btn-fullcode[data-v-ccf9dd4d]:hover{background-color:#1d4ed8;border-color:#1e40af}.fullcode-icon[data-v-ccf9dd4d]{font-size:.95rem;line-height:1}.nav-btn-temario[data-v-ccf9dd4d]{display:inline-flex;align-items:center;gap:.45rem;background-color:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;font-size:.82rem;font-weight:600;padding:.4rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.nav-btn-temario[data-v-ccf9dd4d]:hover{background-color:#f1f5f9;border-color:#94a3b8}.temario-icon[data-v-ccf9dd4d]{font-size:.95rem;line-height:1}.track-pills-toggle[data-v-ccf9dd4d]{display:flex;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px}.track-toggle-btn[data-v-ccf9dd4d]{border:none;background:transparent;padding:.35rem .85rem;font-size:.82rem;font-weight:600;color:#64748b;border-radius:4px;cursor:pointer;transition:all .15s ease}.track-toggle-btn.active[data-v-ccf9dd4d]{background-color:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000f}.nav-btn-proyector[data-v-ccf9dd4d]{display:inline-flex;align-items:center;background-color:#0f172a;color:#fff;border:none;font-size:.82rem;font-weight:600;padding:.4rem .9rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.nav-btn-proyector[data-v-ccf9dd4d]:hover{background-color:#1e293b}@media(max-width:800px){.clean-navbar[data-v-ccf9dd4d]{flex-direction:column;align-items:flex-start;padding:.75rem 1rem;gap:.75rem}.nav-right-actions[data-v-ccf9dd4d]{width:100%;justify-content:space-between}}.landing-page-hero[data-v-8c0631ab]{max-width:1050px;margin:3rem auto 5rem;padding:0 1.5rem}.landing-hero-header[data-v-8c0631ab]{text-align:center;margin-bottom:2.5rem}.landing-main-title[data-v-8c0631ab]{font-size:2.4rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem}.landing-main-desc[data-v-8c0631ab]{font-size:1.1rem;color:#475569;max-width:780px;margin:0 auto 1.25rem;line-height:1.6}.teacher-badge-pill[data-v-8c0631ab]{display:inline-flex;align-items:center;background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:.4rem 1.1rem;border-radius:9999px;font-size:.88rem}.routes-cards-grid[data-v-8c0631ab]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.routes-cards-grid[data-v-8c0631ab]{grid-template-columns:1fr}}.route-card-item[data-v-8c0631ab]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.25rem;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.route-card-item[data-v-8c0631ab]:hover{transform:translateY(-3px);box-shadow:0 12px 20px -3px #00000014}.card-node-theme[data-v-8c0631ab]:hover{border-color:#16a34a}.card-php-theme[data-v-8c0631ab]:hover{border-color:#4f46e5}.card-tag-row[data-v-8c0631ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.route-tag-pill[data-v-8c0631ab]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:4px}.tag-node[data-v-8c0631ab]{background-color:#dcfce7;color:#15803d}.tag-php[data-v-8c0631ab]{background-color:#e0e7ff;color:#4338ca}.classes-count-badge[data-v-8c0631ab]{font-size:.8rem;font-weight:600;color:#64748b}.route-item-title[data-v-8c0631ab]{font-size:1.45rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.route-item-summary[data-v-8c0631ab]{font-size:.92rem;color:#475569;line-height:1.55;margin-bottom:1.5rem}.route-item-summary code[data-v-8c0631ab]{background-color:#f1f5f9;padding:.15rem .35rem;border-radius:4px;color:#0f172a;font-size:.85em}.route-highlights-list[data-v-8c0631ab]{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.route-highlights-list li[data-v-8c0631ab]{font-size:.88rem;color:#334155;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.route-highlights-list li[data-v-8c0631ab]:before{content:"✓";color:#2563eb;font-weight:800}.btn-start-track[data-v-8c0631ab]{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;border:none;color:#fff;cursor:pointer;transition:background-color .15s ease}.btn-start-node[data-v-8c0631ab]{background-color:#16a34a}.btn-start-node[data-v-8c0631ab]:hover{background-color:#15803d}.btn-start-php[data-v-8c0631ab]{background-color:#4f46e5}.btn-start-php[data-v-8c0631ab]:hover{background-color:#4338ca}.code-workspace-container[data-v-4d454577]{background:#0b1120;border:1px solid #1e293b;border-radius:10px;overflow:hidden;margin:1.25rem 0;box-shadow:0 4px 15px #0000001f}.code-top-header[data-v-4d454577]{display:flex;align-items:center;justify-content:space-between;background:#172033;border-bottom:1px solid #334155;padding:.4rem .85rem;gap:1rem}.code-tabs-row[data-v-4d454577]{display:flex;gap:.35rem;overflow-x:auto}.code-tab-button[data-v-4d454577]{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;color:#94a3b8;padding:.4rem .75rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.code-tab-button[data-v-4d454577]:hover{background:#334155;color:#fff}.code-tab-button.active[data-v-4d454577]{background:#0b1120;color:#38bdf8;box-shadow:0 1px 3px #0000004d}.file-badge-lang[data-v-4d454577]{font-size:.65rem;text-transform:uppercase;background:#334155;color:#e2e8f0;padding:.1rem .35rem;border-radius:4px}.file-title-text[data-v-4d454577]{font-family:var(--font-mono)}.code-copy-btn[data-v-4d454577]{background:#2563eb;color:#fff;border:none;padding:.4rem .85rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .2s;flex-shrink:0}.code-copy-btn[data-v-4d454577]:hover{background:#1d4ed8}.code-copy-btn.copied[data-v-4d454577]{background:#16a34a}.file-info-bar[data-v-4d454577]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background:#0f172a;color:#94a3b8;font-size:.8rem;padding:.5rem 1rem;border-bottom:1px solid #1e293b;font-family:var(--font-sans)}.file-path-badge[data-v-4d454577]{color:#38bdf8;font-family:var(--font-mono);font-size:.82rem}.file-path-badge strong[data-v-4d454577]{color:#f8fafc}.file-desc-text[data-v-4d454577]{color:#cbd5e1}.code-pre-wrapper[data-v-4d454577]{max-height:70vh;min-height:250px;overflow-y:auto;overflow-x:hidden!important;background:#090d16;padding:1rem 1.25rem}.code-pre[data-v-4d454577]{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.95rem;line-height:1.65;white-space:pre-wrap!important;word-break:break-word!important;overflow-x:hidden!important}.code-tokenized[data-v-4d454577]{font-family:inherit;-moz-tab-size:2;tab-size:2;white-space:pre-wrap!important;word-break:break-word!important}[data-v-4d454577] .token.keyword,[data-v-4d454577] span.token.keyword{color:#c084fc!important;font-weight:700!important}[data-v-4d454577] .token.string,[data-v-4d454577] span.token.string{color:#4ade80!important}[data-v-4d454577] .token.function,[data-v-4d454577] span.token.function{color:#38bdf8!important;font-weight:600!important}[data-v-4d454577] .token.number,[data-v-4d454577] span.token.number{color:#fb923c!important;font-weight:600!important}[data-v-4d454577] .token.tag,[data-v-4d454577] span.token.tag{color:#f43f5e!important;font-weight:700!important}[data-v-4d454577] .token.attr-name,[data-v-4d454577] span.token.attr-name{color:#a78bfa!important}[data-v-4d454577] .token.attr-value,[data-v-4d454577] span.token.attr-value{color:#4ade80!important}[data-v-4d454577] .token.operator,[data-v-4d454577] span.token.operator{color:#f472b6!important}[data-v-4d454577] .token.property,[data-v-4d454577] span.token.property{color:#67e8f9!important}[data-v-4d454577] .token.variable,[data-v-4d454577] span.token.variable{color:#facc15!important;font-weight:600!important}[data-v-4d454577] .token.boolean,[data-v-4d454577] span.token.boolean{color:#fbbf24!important;font-weight:700!important}[data-v-4d454577] .token.comment,[data-v-4d454577] span.token.comment{color:#94a3b8!important;font-style:italic!important}[data-v-4d454577] .token.punctuation,[data-v-4d454577] span.token.punctuation{color:#cbd5e1!important}.projector-fullscreen-view[data-v-6dd73815]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;color:#0f172a;z-index:9999;overflow-y:auto;padding:1rem 1.5rem 2.5rem}.projector-content-container[data-v-6dd73815]{max-width:1400px;width:96%;margin:0 auto}.proj-top-meta-row[data-v-6dd73815]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;flex-wrap:wrap;gap:.75rem}.proj-module-caps[data-v-6dd73815]{font-size:.85rem;font-weight:800;color:#1d4ed8;letter-spacing:.06em;text-transform:uppercase}.proj-right-meta[data-v-6dd73815]{display:flex;align-items:center;gap:1rem}.proj-slide-counter[data-v-6dd73815]{font-size:.85rem;font-weight:700;color:#0f172a}.proj-btn-exit[data-v-6dd73815]{background-color:#fff;border:1.5px solid #cbd5e1;color:#334155;padding:.35rem .95rem;border-radius:9999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.proj-btn-exit[data-v-6dd73815]:hover{background-color:#fee2e2;border-color:#dc2626;color:#991b1b}.proj-progress-track[data-v-6dd73815]{width:100%;height:3px;background-color:#e2e8f0;border-radius:9999px;margin-bottom:1rem;overflow:hidden}.proj-progress-fill[data-v-6dd73815]{height:100%;background-color:#1d4ed8;border-radius:9999px;transition:width .3s ease}.proj-lesson-title[data-v-6dd73815]{font-size:1.85rem;font-weight:800;color:#1e3a8a;line-height:1.25;margin-bottom:1.25rem;letter-spacing:-.02em}.proj-theory-body[data-v-6dd73815]{font-size:1.2rem;line-height:1.8;color:#1e293b}[data-v-6dd73815] .proj-theory-body h3{font-size:1.5rem;color:#0f172a;margin-top:2rem;margin-bottom:.75rem;font-weight:800;border-bottom:2px solid #e2e8f0;padding-bottom:.35rem}[data-v-6dd73815] .proj-theory-body p{margin-bottom:1.25rem}[data-v-6dd73815] .proj-theory-body ul,[data-v-6dd73815] .proj-theory-body ol{margin-left:2rem;margin-bottom:1.5rem}[data-v-6dd73815] .proj-theory-body li{margin-bottom:.65rem}[data-v-6dd73815] .proj-theory-body code:not(.code-tokenized){background:#f1f5f9;color:#0f172a;padding:.2rem .5rem;border-radius:4px;font-size:1.05rem;font-weight:700;border:1px solid #cbd5e1}[data-v-6dd73815] .proj-theory-body .callout{background:#f8fafc;border-left:5px solid #2563eb;padding:1.25rem 1.5rem;margin:1.75rem 0;border-radius:0 10px 10px 0;border-top:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}[data-v-6dd73815] .proj-theory-body .callout.warning{border-left-color:#dc2626;background:#fef2f2}[data-v-6dd73815] .proj-theory-body .comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1.1rem}[data-v-6dd73815] .proj-theory-body .comparison-table th,[data-v-6dd73815] .proj-theory-body .comparison-table td{padding:.85rem 1.15rem;border:1px solid #cbd5e1}[data-v-6dd73815] .proj-theory-body .comparison-table th{background:#f1f5f9;color:#0f172a;font-weight:800}.proj-code-section[data-v-6dd73815]{margin-top:2.5rem}.proj-bottom-controls[data-v-6dd73815]{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.proj-nav-arrow-btn[data-v-6dd73815]{background-color:#0f172a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .2s}.proj-nav-arrow-btn[data-v-6dd73815]:hover:not(:disabled){background-color:#1d4ed8}.proj-nav-arrow-btn[data-v-6dd73815]:disabled{opacity:.25;cursor:not-allowed}.proj-nav-indicator[data-v-6dd73815]{font-size:.9rem;color:#64748b}.syllabus-overlay[data-v-d3d2df77]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.syllabus-card[data-v-d3d2df77]{background-color:#fff;width:100%;max-width:900px;max-height:88vh;border-radius:12px;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;overflow:hidden}.syllabus-header[data-v-d3d2df77]{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.75rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.syllabus-title[data-v-d3d2df77]{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.syllabus-subtitle[data-v-d3d2df77]{font-size:.85rem;color:#64748b;margin-top:.25rem}.syllabus-btn-close[data-v-d3d2df77]{background:transparent;border:none;font-size:1.75rem;line-height:1;color:#64748b;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.syllabus-btn-close[data-v-d3d2df77]:hover{background-color:#e2e8f0;color:#0f172a}.syllabus-body[data-v-d3d2df77]{padding:1.5rem 1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.75rem}.module-block[data-v-d3d2df77]{display:flex;flex-direction:column;gap:.75rem}.module-header-pill[data-v-d3d2df77]{display:flex;align-items:center;justify-content:space-between;background-color:#f1f5f9;border-left:4px solid #2563eb;padding:.45rem .85rem;border-radius:4px}.module-tag-title[data-v-d3d2df77]{font-size:.88rem;font-weight:700;color:#1e293b}.module-count-badge[data-v-d3d2df77]{font-size:.75rem;font-weight:600;color:#64748b}.lessons-grid[data-v-d3d2df77]{display:flex;flex-direction:column;gap:.5rem}.lesson-item-card[data-v-d3d2df77]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease}.lesson-item-card[data-v-d3d2df77]:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translate(3px)}.lesson-item-card.active[data-v-d3d2df77]{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.lesson-num-badge[data-v-d3d2df77]{font-size:.85rem;font-weight:700;color:#2563eb;background-color:#dbeafe;padding:.25rem .55rem;border-radius:6px;min-width:32px;text-align:center}.lesson-info[data-v-d3d2df77]{display:flex;flex-direction:column;flex:1}.lesson-title-text[data-v-d3d2df77]{font-size:.92rem;font-weight:600;color:#0f172a}.lesson-summary-preview[data-v-d3d2df77]{font-size:.78rem;color:#64748b;margin-top:.15rem;line-height:1.3}.current-indicator[data-v-d3d2df77]{font-size:.75rem;font-weight:700;color:#1d4ed8;background-color:#bfdbfe;padding:.2rem .5rem;border-radius:4px}.fullcode-overlay[data-v-5a182f7a]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:.75rem}.fullcode-card[data-v-5a182f7a]{background-color:#090d16;border:1px solid #334155;width:100%;max-width:1550px;height:95vh;border-radius:8px;box-shadow:0 25px 50px -12px #000000a6;display:flex;flex-direction:column;overflow:hidden}.fullcode-toolbar[data-v-5a182f7a]{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a;border-bottom:1px solid #1e293b;padding:0 .75rem;height:40px;min-height:40px;gap:1rem}.fullcode-tabs-strip[data-v-5a182f7a]{display:flex;align-items:center;gap:4px;overflow-x:auto;height:100%}.tab-btn-compact[data-v-5a182f7a]{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;color:#94a3b8;padding:0 .9rem;height:100%;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;border-bottom:2px solid transparent}.tab-btn-compact[data-v-5a182f7a]:hover{background-color:#1e293b;color:#f1f5f9}.tab-btn-compact.active[data-v-5a182f7a]{background-color:#090d16;color:#38bdf8;border-bottom:2px solid #38bdf8}.tab-dot[data-v-5a182f7a]{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.lang-markup[data-v-5a182f7a]{background-color:#f43f5e}.lang-css[data-v-5a182f7a]{background-color:#38bdf8}.lang-javascript[data-v-5a182f7a]{background-color:#facc15}.lang-sql[data-v-5a182f7a]{background-color:#c084fc}.lang-php[data-v-5a182f7a]{background-color:#818cf8}.lang-json[data-v-5a182f7a],.lang-markdown[data-v-5a182f7a]{background-color:#94a3b8}.fullcode-toolbar-actions[data-v-5a182f7a]{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.active-filepath[data-v-5a182f7a]{font-family:Fira Code,Consolas,monospace;font-size:.75rem;color:#64748b;background-color:#1e293b;padding:.2rem .55rem;border-radius:4px}@media(max-width:768px){.active-filepath[data-v-5a182f7a]{display:none}}.btn-copiar-mini[data-v-5a182f7a]{display:inline-flex;align-items:center;gap:.35rem;background-color:#2563eb;color:#fff;border:none;padding:.3rem .85rem;font-size:.78rem;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .15s ease}.btn-copiar-mini[data-v-5a182f7a]:hover{background-color:#1d4ed8}.btn-copiar-mini.copiado[data-v-5a182f7a]{background-color:#16a34a}.btn-cerrar-mini[data-v-5a182f7a]{background:transparent;border:none;color:#94a3b8;font-size:1.45rem;line-height:1;cursor:pointer;padding:.15rem .45rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-cerrar-mini[data-v-5a182f7a]:hover{background-color:#334155;color:#fff}.fullcode-editor-area[data-v-5a182f7a]{flex:1;overflow-y:auto;overflow-x:hidden!important;background-color:#090d16;padding:1.25rem 1.75rem}.fullcode-pre[data-v-5a182f7a]{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.92rem;line-height:1.6;white-space:pre-wrap!important;word-break:break-word!important;overflow-x:hidden!important;color:#f8fafc}.app-layout[data-v-4a54b5f8]{min-height:100vh;display:flex;flex-direction:column}.classroom-container[data-v-4a54b5f8]{max-width:1400px;width:95%;margin:1rem auto 3rem;padding:0 1rem}.presentation-canvas-card[data-v-4a54b5f8]{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.75rem 2.5rem 2.5rem;box-shadow:0 4px 6px -1px #0000000a}@media(max-width:768px){.presentation-canvas-card[data-v-4a54b5f8]{padding:1.25rem 1rem 1.75rem}}.compact-class-header[data-v-4a54b5f8]{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.compact-top-row[data-v-4a54b5f8]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.compact-meta-info[data-v-4a54b5f8]{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.compact-module-tag[data-v-4a54b5f8]{font-weight:700;color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;padding:.2rem .6rem;border-radius:4px}.compact-dot[data-v-4a54b5f8]{color:#94a3b8}.compact-counter-text[data-v-4a54b5f8]{font-weight:600;color:#475569}.compact-controls-group[data-v-4a54b5f8]{display:flex;align-items:center;gap:.5rem}.compact-btn-nav[data-v-4a54b5f8]{background-color:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.compact-btn-nav[data-v-4a54b5f8]:hover:not(:disabled){background-color:#e2e8f0;color:#0f172a}.compact-btn-nav[data-v-4a54b5f8]:disabled{opacity:.4;cursor:not-allowed}.compact-btn-syllabus[data-v-4a54b5f8]{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.8rem;font-weight:700;padding:.35rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.compact-btn-syllabus[data-v-4a54b5f8]:hover{background-color:#dbeafe}.compact-btn-fullcode[data-v-4a54b5f8]{background-color:#2563eb;border:1px solid #1d4ed8;color:#fff;font-size:.8rem;font-weight:700;padding:.35rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #2563eb33}.compact-btn-fullcode[data-v-4a54b5f8]:hover{background-color:#1d4ed8}.compact-progress-track[data-v-4a54b5f8]{width:100%;height:3px;background-color:#e2e8f0;border-radius:2px;overflow:hidden}.compact-progress-fill[data-v-4a54b5f8]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .3s ease}.compact-lesson-title[data-v-4a54b5f8]{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.015em;margin:.25rem 0 0;line-height:1.3}.lesson-theory-content[data-v-4a54b5f8]{font-size:1.02rem;line-height:1.7;color:#334155;margin-bottom:2rem}[data-v-4a54b5f8] .lesson-theory-content h3{font-size:1.18rem;font-weight:700;color:#0f172a;margin:1.6rem 0 .65rem}[data-v-4a54b5f8] .lesson-theory-content p{margin-bottom:1rem}[data-v-4a54b5f8] .lesson-theory-content ul,[data-v-4a54b5f8] .lesson-theory-content ol{margin:0 0 1.25rem 1.5rem}[data-v-4a54b5f8] .lesson-theory-content li{margin-bottom:.5rem}[data-v-4a54b5f8] .theory-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.9rem}[data-v-4a54b5f8] .theory-table th,[data-v-4a54b5f8] .theory-table td{padding:.75rem 1rem;border:1px solid #e2e8f0;text-align:left}[data-v-4a54b5f8] .theory-table th{background-color:#f8fafc;font-weight:700;color:#1e293b}[data-v-4a54b5f8] .theory-table td{background-color:#fff}.code-workspace-section[data-v-4a54b5f8]{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #00000005}.code-section-header[data-v-4a54b5f8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.code-section-header h3[data-v-4a54b5f8]{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.code-hint[data-v-4a54b5f8]{font-size:.8rem;color:#64748b}.bottom-class-nav[data-v-4a54b5f8]{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid #e2e8f0;gap:1rem}.nav-bottom-btn[data-v-4a54b5f8]{background-color:#fff;border:1px solid #cbd5e1;color:#0f172a;font-size:.88rem;font-weight:600;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.nav-bottom-btn[data-v-4a54b5f8]:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.nav-bottom-btn[data-v-4a54b5f8]:disabled{opacity:.4;cursor:not-allowed}.bottom-info-pill[data-v-4a54b5f8]{font-size:.85rem;font-weight:600;color:#64748b}
