.page-module__opNZaW__pageWrapper{color:#f8fafc;background-color:#020617;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.page-module__opNZaW__container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-module__opNZaW__header{background:linear-gradient(#0f172a 0%,#020617 100%);border-bottom:1px solid #1e293b;padding:2rem 0 3rem}.page-module__opNZaW__headerContent{flex-direction:column;gap:1rem;display:flex}.page-module__opNZaW__backLink{color:#94a3b8;align-items:center;gap:.5rem;width:fit-content;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.page-module__opNZaW__backLink:hover{color:#e2e8f0}.page-module__opNZaW__titleRow{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.page-module__opNZaW__titleRow{flex-direction:row;justify-content:space-between;align-items:center}}.page-module__opNZaW__titleGroup{flex-direction:column;gap:.5rem;display:flex}.page-module__opNZaW__pageTitle{color:#f8fafc;letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:800}@media (min-width:768px){.page-module__opNZaW__pageTitle{font-size:2.5rem}}.page-module__opNZaW__pageSubtitle{color:#94a3b8;font-size:1rem;line-height:1.5}.page-module__opNZaW__progressBadge{background-color:#0f172a;border:1px solid #1e293b;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.page-module__opNZaW__progressIcon{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.page-module__opNZaW__progressInfo{flex-direction:column;display:flex}.page-module__opNZaW__progressLabel{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.page-module__opNZaW__progressValue{color:#10b981;font-size:1.25rem;font-weight:700}.page-module__opNZaW__main{padding:2rem 0 4rem}.page-module__opNZaW__materiasGrid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.page-module__opNZaW__materiasGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-module__opNZaW__materiasGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.page-module__opNZaW__materiaCard{background-color:#0f172a;border:1px solid #1e293b;border-radius:1.25rem;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.page-module__opNZaW__materiaCard:hover{background-color:#1e293b;border-color:#334155;transform:translateY(-4px)}.page-module__opNZaW__materiaCard:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.page-module__opNZaW__materiaCard:hover:before{opacity:1}.page-module__opNZaW__cardHeader{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.page-module__opNZaW__iconWrapper{color:#fff;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.page-module__opNZaW__temasCount{color:#94a3b8;background-color:#ffffff0d;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:flex}.page-module__opNZaW__cardContent{flex:1}.page-module__opNZaW__materiaNombre{color:#f8fafc;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.page-module__opNZaW__materiaDescripcion{color:#64748b;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.page-module__opNZaW__cardFooter{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.page-module__opNZaW__progressSection{flex:1;align-items:center;gap:.5rem;display:flex}.page-module__opNZaW__progressBar{background-color:#1e293b;border-radius:.25rem;flex:1;height:.375rem;overflow:hidden}.page-module__opNZaW__progressFill{border-radius:.25rem;height:100%;transition:width .5s}.page-module__opNZaW__progressPercent{color:#94a3b8;text-align:right;min-width:3rem;font-size:.875rem;font-weight:600}.page-module__opNZaW__startButton{color:#818cf8;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.page-module__opNZaW__emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.page-module__opNZaW__emptyIcon{color:#64748b;background-color:#1e293b;border-radius:1.5rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:flex}.page-module__opNZaW__emptyTitle{color:#f8fafc;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.page-module__opNZaW__emptyText{color:#64748b;max-width:24rem}.page-module__opNZaW__loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.page-module__opNZaW__spinner{border:3px solid #1e293b;border-top-color:#818cf8;border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite page-module__opNZaW__spin}@keyframes page-module__opNZaW__spin{to{transform:rotate(360deg)}}.page-module__opNZaW__loadingText{color:#94a3b8;font-size:.875rem}.page-module__opNZaW__accessDenied{text-align:center;background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #a855f533;border-radius:1.5rem;max-width:600px;margin:4rem auto;padding:3rem 2rem;box-shadow:0 20px 50px #0000004d}.page-module__opNZaW__accessDeniedIcon{color:#fff;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex;box-shadow:0 10px 30px #a855f54d}.page-module__opNZaW__accessDeniedTitle{color:#f8fafc;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.page-module__opNZaW__accessDeniedText{color:#94a3b8;margin-bottom:2rem;font-size:1rem;line-height:1.6}.page-module__opNZaW__accessDeniedFeatures{text-align:left;flex-direction:column;gap:1rem;max-width:400px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;display:flex}.page-module__opNZaW__accessDeniedFeatures .page-module__opNZaW__featureItem{color:#cbd5e1;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.page-module__opNZaW__accessDeniedFeatures .page-module__opNZaW__featureItem svg{color:#a855f7;flex-shrink:0}.page-module__opNZaW__upgradeButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #a855f54d}.page-module__opNZaW__upgradeButton:hover{transform:translateY(-3px);box-shadow:0 12px 24px #a855f566}.page-module__opNZaW__upgradeButton:active{transform:translateY(-1px)}@media (max-width:640px){.page-module__opNZaW__container{padding:0 1rem}.page-module__opNZaW__header{padding:1.5rem 0 2rem}.page-module__opNZaW__headerContent{gap:.75rem}.page-module__opNZaW__backLink{font-size:.8125rem}.page-module__opNZaW__titleRow{gap:.75rem}.page-module__opNZaW__pageTitle{font-size:1.5rem}.page-module__opNZaW__pageSubtitle{font-size:.875rem;line-height:1.4}.page-module__opNZaW__progressBadge{border-radius:.75rem;gap:.625rem;padding:.625rem 1rem}.page-module__opNZaW__progressIcon{border-radius:.5rem;width:2rem;height:2rem}.page-module__opNZaW__progressIcon svg{width:16px;height:16px}.page-module__opNZaW__progressLabel{font-size:.6875rem}.page-module__opNZaW__progressValue{font-size:1rem}.page-module__opNZaW__main{padding:1.5rem 0 3rem}.page-module__opNZaW__materiasGrid{gap:.75rem}.page-module__opNZaW__materiaCard{border-radius:1rem;padding:1rem}.page-module__opNZaW__cardHeader{margin-bottom:.75rem}.page-module__opNZaW__iconWrapper{border-radius:.75rem;width:2.75rem;height:2.75rem}.page-module__opNZaW__iconWrapper svg{width:18px;height:18px}.page-module__opNZaW__temasCount{border-radius:.375rem;padding:.1875rem .5rem;font-size:.6875rem}.page-module__opNZaW__temasCount svg{width:12px;height:12px}.page-module__opNZaW__materiaNombre{margin-bottom:.375rem;font-size:1rem}.page-module__opNZaW__materiaDescripcion{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.page-module__opNZaW__cardFooter{gap:.5rem;padding-top:.75rem}.page-module__opNZaW__progressBar{height:.25rem}.page-module__opNZaW__progressPercent{min-width:2.5rem;font-size:.75rem}.page-module__opNZaW__startButton{gap:.25rem;font-size:.8125rem}.page-module__opNZaW__startButton svg{width:14px;height:14px}.page-module__opNZaW__emptyState{padding:3rem 1.5rem}.page-module__opNZaW__emptyIcon{border-radius:1rem;width:4rem;height:4rem;margin-bottom:1rem}.page-module__opNZaW__emptyTitle{font-size:1.125rem}.page-module__opNZaW__emptyText{font-size:.875rem}.page-module__opNZaW__accessDenied{border-radius:1rem;margin:2rem 1rem;padding:2rem 1.5rem}.page-module__opNZaW__accessDeniedIcon{width:64px;height:64px;margin-bottom:1.5rem}.page-module__opNZaW__accessDeniedIcon svg{width:28px;height:28px}.page-module__opNZaW__accessDeniedTitle{font-size:1.375rem}.page-module__opNZaW__accessDeniedText{margin-bottom:1.5rem;font-size:.9375rem}.page-module__opNZaW__accessDeniedFeatures{gap:.75rem;margin-bottom:2rem}.page-module__opNZaW__accessDeniedFeatures .page-module__opNZaW__featureItem{gap:.5rem;font-size:.875rem}.page-module__opNZaW__upgradeButton{border-radius:.625rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width:400px){.page-module__opNZaW__pageTitle{font-size:1.375rem}.page-module__opNZaW__progressBadge{padding:.5rem .75rem}.page-module__opNZaW__progressIcon{width:1.75rem;height:1.75rem}.page-module__opNZaW__progressValue{font-size:.9375rem}.page-module__opNZaW__materiaCard{padding:.875rem}.page-module__opNZaW__iconWrapper{width:2.5rem;height:2.5rem}.page-module__opNZaW__materiaNombre{font-size:.9375rem}.page-module__opNZaW__materiaDescripcion{-webkit-line-clamp:2;font-size:.75rem}.page-module__opNZaW__startButton span{display:none}}