@charset "UTF-8";.login-main-page{height:100vh;overflow:hidden;background-color:var(--background-color-1);font-family:var(--font-secondary);flex:1 1;display:flex}.login-main-page .container-portada{width:50%;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--spacing-xl)}.login-main-page .container-portada .container-phase{width:60%;height:8%;display:flex;justify-content:space-between;align-items:center}.login-main-page .container-portada .container-phase img{width:15%}.login-main-page .container-portada .container-phase p{color:var(--color-primary);font-size:var(--font-size-lg);font-family:var(--font-primary);width:80%;font-weight:300}.login-main-page .container-portada .phase-principal{height:90%;display:flex;align-items:center;justify-content:center}.login-main-page .container-portada .phase-principal .row-image{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-main-page .container-portada .phase-principal .row-image h1{font-size:var(--font-size-tsm);color:var(--color-primary)}.login-main-page .container-portada .phase-principal .row-image p{color:var(--color-primary);font-size:var(--font-size-lg);margin-top:var(--spacing-md)}.login-main-page .container-forms{width:50%;background-color:var(--background-color-2);padding:var(--spacing-xxxl);padding-top:var(--spacing-xxl)}.login-main-page .container-forms .title-forms h2{font-size:var(--font-size-xxxl);color:var(--color-primary)}.login-main-page .container-forms .forms{margin-top:var(--spacing-xl)}.login-main-page .container-forms .forms .row-input{width:80%;margin-bottom:var(--spacing-xxl)}.login-main-page .container-forms .forms .row-input p{color:var(--color-primary);font-family:var(--font-primary);font-weight:300;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.login-main-page .container-forms .forms .row-input input{border:none;background:none;border:.01rem solid var(--background-input-1);border-radius:.5rem;width:100%;padding:var(--spacing-sm);color:var(--color-primary)}.login-main-page .container-forms .forms .input-check{width:80%;display:flex;justify-content:space-between;align-items:center}.login-main-page .container-forms .forms .input-check p{font-size:var(--font-size-md);color:var(--color-primary);cursor:pointer}.login-main-page .container-forms .forms .input-check .recordar{width:40%;display:flex;justify-content:space-between;align-items:center}.login-main-page .container-forms .forms .input-check .recordar input{background-color:var(--background-input-1)}.login-main-page .container-forms .forms .container-button{width:80%;margin-top:var(--spacing-xxl)}.login-main-page .container-forms .forms .container-button button{all:unset;cursor:pointer;display:block;width:90%;padding:var(--spacing-lg);border-radius:var(--border-radius-button);text-align:center;background-color:var(--background-input-1);color:var(--color-third);font-size:var(--font-size-xxl);font-weight:800;transition:background-color .3s ease}.login-main-page .container-forms .forms .container-button button:hover{background-color:var(--background-color-3);color:var(--color-primary)}@media only screen and (max-width:768px){.login-main-page{flex-direction:column}.login-main-page .container-portada{width:100%;height:auto}.login-main-page .container-portada .container-phase{width:100%!important;flex-direction:column;margin-top:var(--spacing-lg);height:auto}.login-main-page .container-portada .container-phase img{width:20%}.login-main-page .container-portada .container-phase p{font-size:var(--font-size-xxxl);text-align:center;margin-top:var(--spacing-sm)}.login-main-page .container-portada .phase-principal{display:none;margin-top:var(--spacing-xxxxl)}.login-main-page .container-portada .phase-principal h1{font-size:var(--font-size-lg)}.login-main-page .container-portada .phase-principal p{font-size:var(--font-size-xxxl)!important}.login-main-page .container-forms{width:100%;margin-top:var(--spacing-xxl);flex:1 1}.login-main-page .container-forms .title-forms{margin-bottom:var(--spacing-xxxxl)}.login-main-page .container-forms .title-forms h2{font-size:var(--font-size-m-xxxl);text-align:center}.login-main-page .container-forms .forms .row-input{width:100%;margin-bottom:var(--spacing-xxxl)}.login-main-page .container-forms .forms .row-input p{font-size:var(--font-size-m-xl)}.login-main-page .container-forms .forms .input-check{width:100%}.login-main-page .container-forms .forms .input-check div{width:100%;margin-bottom:var(--spacing-lg)}.login-main-page .container-forms .forms .input-check .recordar{width:100%;justify-content:flex-start}.login-main-page .container-forms .forms .input-check .recordar input{margin-right:var(--spacing-lg)}.login-main-page .container-forms .forms .input-check .olvidar-sesion p{text-align:right}.login-main-page .container-forms .forms .input-check p{font-size:var(--font-size-m-xl)}.login-main-page .container-forms .forms .container-button{width:100%;align-items:center;justify-content:center;display:flex;margin-top:var(--spacing-m-xxxxl)}.login-main-page .container-forms .forms .container-button button{font-size:var(--font-size-m-xxxl);padding:var(--spacing-xxl)}}.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--background-color-9) 0,var(--background-color-8) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.preloader-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);animation:preloaderBackground 8s ease-in-out infinite}@keyframes preloaderBackground{0%,to{opacity:1}50%{opacity:.8}}.preloader-content{text-align:center;position:relative;z-index:2;max-width:400px;width:90%}.preloader-logo{margin-bottom:var(--spacing-xxl)}.preloader-logo h1{font-size:4rem;font-weight:900;color:var(--color-primary);text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:.2em;margin:0;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:preloaderLogoGlow 2s ease-in-out infinite alternate}@keyframes preloaderLogoGlow{0%{filter:drop-shadow(0 0 10px rgba(120,119,198,.5))}to{filter:drop-shadow(0 0 20px rgba(120,119,198,.8))}}.preloader-text{margin-bottom:var(--spacing-xl)}.preloader-text p{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600;margin:0;opacity:.9;animation:preloaderTextPulse 1.5s ease-in-out infinite}@keyframes preloaderTextPulse{0%,to{opacity:.9}50%{opacity:.6}}.preloader-progress{width:100%;height:4px;background-color:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-lg);position:relative}.preloader-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:preloaderShimmer 2s ease-in-out infinite}@keyframes preloaderShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.preloader-progress-bar{height:100%;background:linear-gradient(90deg,var(--background-color-6),var(--color-secondary));border-radius:2px;transform-origin:left center;box-shadow:0 0 10px rgba(120,119,198,.5);transition:transform .3s ease}.preloader-percentage span{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);opacity:.8}@media only screen and (max-width:690px){.preloader-container .preloader-content{max-width:300px}.preloader-container .preloader-logo h1{font-size:3rem;letter-spacing:.1em}.preloader-container .preloader-text p{font-size:var(--font-size-m-lg)}.preloader-container .preloader-percentage span{font-size:var(--font-size-m-md)}}.preloader-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.2),transparent);background-repeat:repeat;background-size:200px 100px;animation:preloaderParticles 20s linear infinite;opacity:.6}@keyframes preloaderParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}[class*=container],[class*=modal],[class*=scroll],body,html{scrollbar-width:thin;scrollbar-color:var(--color-primary-20) transparent}[class*=container]::-webkit-scrollbar,[class*=modal]::-webkit-scrollbar,[class*=scroll]::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{width:6px;height:6px}[class*=container]::-webkit-scrollbar-track,[class*=modal]::-webkit-scrollbar-track,[class*=scroll]::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent;border-radius:3px}[class*=container]::-webkit-scrollbar-thumb,[class*=modal]::-webkit-scrollbar-thumb,[class*=scroll]::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}[class*=container]::-webkit-scrollbar-thumb:hover,[class*=modal]::-webkit-scrollbar-thumb:hover,[class*=scroll]::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}[class*=container]::-webkit-scrollbar-thumb:active,[class*=modal]::-webkit-scrollbar-thumb:active,[class*=scroll]::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,html::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}[class*=container]::-webkit-scrollbar:horizontal,[class*=modal]::-webkit-scrollbar:horizontal,[class*=scroll]::-webkit-scrollbar:horizontal,body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal{height:6px}.container-course-card,.container-course-filters,.container-courses-view,.modal-backdrop,.modal-card{scrollbar-width:thin;scrollbar-color:var(--color-primary-20) transparent}.container-course-card::-webkit-scrollbar,.container-course-filters::-webkit-scrollbar,.container-courses-view::-webkit-scrollbar,.modal-backdrop::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:6px;height:6px}.container-course-card::-webkit-scrollbar-track,.container-course-filters::-webkit-scrollbar-track,.container-courses-view::-webkit-scrollbar-track,.modal-backdrop::-webkit-scrollbar-track,.modal-card::-webkit-scrollbar-track{background:transparent;border-radius:3px}.container-course-card::-webkit-scrollbar-thumb,.container-course-filters::-webkit-scrollbar-thumb,.container-courses-view::-webkit-scrollbar-thumb,.modal-backdrop::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.container-course-card::-webkit-scrollbar-thumb:hover,.container-course-filters::-webkit-scrollbar-thumb:hover,.container-courses-view::-webkit-scrollbar-thumb:hover,.modal-backdrop::-webkit-scrollbar-thumb:hover,.modal-card::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.container-course-card::-webkit-scrollbar-thumb:active,.container-course-filters::-webkit-scrollbar-thumb:active,.container-courses-view::-webkit-scrollbar-thumb:active,.modal-backdrop::-webkit-scrollbar-thumb:active,.modal-card::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.container-portada{padding:var(--spacing-xxl);padding-top:var(--spacing-xl);background-image:url(/Home/background.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%}.container-portada .container-navbar-home a{color:var(--color-primary);font-size:var(--font-size-md);font-weight:600}.container-portada .portada-info{width:100%;margin-top:var(--spacing-xxl);display:flex;justify-content:space-between;align-items:center}.container-portada .portada-info .left{width:45%}.container-portada .portada-info .left h1{color:var(--color-primary);font-size:var(--font-size-xxxl)}.container-portada .portada-info .left p{color:var(--color-primary);margin-top:var(--spacing-xl);font-size:var(--font-size-xl)}.container-portada .portada-info .left .container-buttons{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxxl)}.container-portada .portada-info .left .container-buttons button{all:unset;cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-md);border-radius:var(--border-radius-button);width:30%;text-align:center;font-weight:700}.container-portada .portada-info .left .container-buttons .inscribirse{background-color:var(--background-color-6)}.container-portada .portada-info .left .container-buttons .aprender-mas{background-color:var(--background-color-2);color:var(--color-primary)}.container-portada .portada-info .right{width:45%;display:flex;justify-content:center;align-items:center}.container-portada .portada-info .right img{width:40%}.container-portada .cards-vision{margin-top:var(--spacing-xxxl);display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--background-color-2);padding:var(--spacing-md);border-radius:var(--border-radius) var(--border-radius) 0 0}.container-portada .cards-vision .card{width:27%;display:flex;justify-content:space-between;padding:var(--spacing-md)}.container-portada .cards-vision .card .left{width:20%;display:flex;align-items:center;flex-direction:column}.container-portada .cards-vision .card .left img{width:30%;margin-top:var(--spacing-sm)}.container-portada .cards-vision .card .right{width:76%}.container-portada .cards-vision .card .right h3{font-size:var(--font-size-xxl);color:var(--color-primary);font-weight:700}.container-portada .cards-vision .card .right p{font-size:var(--font-size-md);color:var(--color-primary);margin-top:var(--spacing-sm);font-weight:300}.container-portada .back- to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--background-color-6);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.container-portada .back- to-top:hover{background-color:var(--background-color-2);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.container-portada .back- to-top:active{transform:translateY(-1px)}.container-portada .back- to-top svg{color:white;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.container-portada .back-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px}.container-portada .back-to-top svg{font-size:var(--font-size-m-lg)}@media only screen and (max-width:690px){.container-portada .container-navbar-home .left,.container-portada .container-navbar-home .right{display:none}.container-portada .container-navbar-home .center{width:100%;justify-content:center}.container-portada .container-navbar-home .mobile-menu-button{display:block;position:absolute;right:var(--spacing-xl);top:50%;transform:translateY(-50%)}.container-portada .container-navbar-home .mobile-menu-button button{color:white!important;background-color:transparent;border:none;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-m-mxxl)}.container-portada .container-navbar-home .mobile-menu-button button:hover{background-color:rgba(255,255,255,.1);transform:scale(1.1)}.container-portada .container-navbar-home .mobile-menu-button button svg{color:white!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.container-portada .container-navbar-home .mobile-menu-button button svg path{color:var(--color-primary)}.container-portada .container-navbar-home .mobile-menu-button button .fa-icon{color:white!important}.container-portada .mobile-menu-overlay .mobile-menu-content .mobile-menu-nav{display:flex;justify-content:center;align-items:center}.container-portada .mobile-menu-overlay .mobile-menu-content .mobile-menu-nav a{font-size:var(--font-size-m-mxxl)}.container-portada .mobile-menu-overlay .mobile-menu-content .mobile-menu-nav button{margin-top:var(--spacing-m-xxxl);font-size:var(--font-size-m-mxxl);width:100%;text-align:center}.container-portada .portada-info{flex-direction:column}.container-portada .portada-info .left{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.container-portada .portada-info .left .container-buttons{width:90%}.container-portada .portada-info .left .container-buttons button{padding:var(--spacing-md);font-size:var(--font-size-m-xl);width:40%}.container-portada .portada-info .left h1{font-size:var(--font-size-m-mxxl);text-align:center;width:80%}.container-portada .portada-info .left p{font-size:var(--font-size-m-xl);text-align:center;width:70%;margin-top:var(--spacing-xxl)}.container-portada .portada-info .right{width:100%;margin-top:var(--spacing-xxxl)}.container-portada .portada-info .right img{width:20%}.container-portada .cards-vision{margin-top:var(--spacing-xxxl);flex-direction:column}.container-portada .cards-vision .card{width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xxl)}.container-portada .cards-vision .card .right h3{font-size:var(--font-size-m-xxl)}.container-portada .cards-vision .card .right p{font-size:var(--font-size-m-lg);margin-top:var(--spacing-m-sm)}}.container-navbar-home{background-color:var(--background-color-8);padding:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.container-navbar-home,.container-navbar-home p{border-radius:var(--border-radius);position:relative}.container-navbar-home p{color:var(--color-primary);font-size:var(--font-size-md);cursor:pointer;transition:all .3s ease;padding:var(--spacing-sm)}.container-navbar-home p:hover{color:var(--color-secondary);background-color:rgba(255,255,255,.1);transform:translateY(-2px)}.container-navbar-home p:active{transform:translateY(0)}.container-navbar-home .left,.container-navbar-home .right{display:flex;justify-content:space-between;align-items:center;width:25%}.container-navbar-home .right button{all:unset;cursor:pointer;color:var(--color-primary);font-size:var(--font-size-md);background-color:var(--background-color-2);padding:var(--spacing-sm);border-radius:var(--border-radius-button);transition:all .3s ease}.container-navbar-home .right button:hover{background-color:var(--background-color-6);transform:translateY(-2px)}.container-navbar-home .center{width:20%;display:flex;justify-content:center;align-items:center}.container-navbar-home .mobile-menu-button{display:none}.container-navbar-home .mobile-menu-button button{all:unset;cursor:pointer;color:white!important;font-size:var(--font-size-lg);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:transparent}.container-navbar-home .mobile-menu-button button:hover{background-color:rgba(255,255,255,.1);transform:scale(1.1)}.container-navbar-home .mobile-menu-button button svg{color:white!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.container-navbar-home .mobile-menu-button button .fa-icon{color:white!important}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-menu-content{background-color:var(--background-color-8);width:90%;max-width:400px;border-radius:var(--border-radius);padding:var(--spacing-xxl);box-shadow:0 20px 40px rgba(0,0,0,.3);transform-origin:center center}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-secondary)}.mobile-menu-header img{width:60px;height:auto}.mobile-menu-header button{all:unset;cursor:pointer;color:var(--color-primary);font-size:var(--font-size-lg);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-menu-header button:hover{background-color:var(--background-color-2);transform:scale(1.1)}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mobile-menu-nav a{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;text-decoration:none;padding:var(--spacing-md);border-radius:var(--border-radius);transition:all .3s ease;text-align:center}.mobile-menu-nav a:hover{background-color:var(--background-color-2);color:var(--color-secondary);transform:translateX(10px)}.mobile-menu-nav .mobile-login-btn{all:unset;cursor:pointer;color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;background-color:var(--background-color-2);padding:var(--spacing-md);border-radius:var(--border-radius-button);text-align:center;margin-top:var(--spacing-lg);transition:all .3s ease}.mobile-menu-nav .mobile-login-btn:hover{background-color:var(--background-color-6);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.container-nuestras-clases{margin-top:var(--spacing-md);width:100%;padding:var(--spacing-xxl);padding-top:var(--spacing-md)}.container-nuestras-clases .container-numbers{background-color:var(--background-color-6-10);width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 4px 4px rgba(0,0,0,.25)}.container-nuestras-clases .container-numbers .card-number{width:15%;padding:var(--spacing-sm)}.container-nuestras-clases .container-numbers .card-number h3{color:var(--color-primary);font-weight:800;font-size:var(--font-size-mxxl);text-align:center}.container-nuestras-clases .container-numbers .card-number h3 span{color:var(--color-fourd)}.container-nuestras-clases .container-numbers .card-number p{color:var(--color-primary);text-align:center;font-size:var(--font-size-md);margin-top:var(--spacing-sm)}.container-nuestras-clases .container-videos-clases{margin-top:var(--spacing-xl)}.container-nuestras-clases .container-videos-clases .info-videos{width:100%;display:flex;justify-content:space-between;align-items:center}.container-nuestras-clases .container-videos-clases .info-videos span{color:var(--color-primary);font-size:var(--font-size-mxxl)}.container-nuestras-clases .container-videos-clases .info-videos h4{color:var(--color-primary);font-size:var(--font-size-mxxl);width:50%}.container-nuestras-clases .container-videos-clases .info-videos p{color:var(--color-primary);font-size:var(--font-size-md);width:30%}.container-nuestras-clases .container-videos-clases .videos-container{width:100%;display:flex;justify-content:space-between;margin-top:var(--spacing-xl)}.container-nuestras-clases .container-videos-clases .videos-container .clase-img{width:60%}@media only screen and (max-width:680px){.container-nuestras-clases .container-numbers{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;display:grid;grid-auto-flow:column;grid-auto-columns:70%;grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-md);scroll-snap-type:x mandatory;scrollbar-width:none;height:15vh}.container-nuestras-clases .container-numbers::-webkit-scrollbar{display:none}.container-nuestras-clases .container-numbers .card-number{width:100%;min-width:0;scroll-snap-align:center;height:100%;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;flex-direction:column}.container-nuestras-clases .container-numbers .card-number h3{font-size:var(--font-size-m-xxxxl);text-align:center}.container-nuestras-clases .container-numbers .card-number p{font-size:var(--font-size-m-xxl);text-align:center;margin-top:var(--spacing-sm)}.container-nuestras-clases .container-videos-clases{margin-top:var(--spacing-m-xl)}.container-nuestras-clases .container-videos-clases .info-videos h4,.container-nuestras-clases .container-videos-clases .info-videos span{font-size:var(--font-size-m-xxl);color:var(--color-primary)}.container-nuestras-clases .container-videos-clases .info-videos p{font-size:var(--font-size-m-lg);width:60%}.container-nuestras-clases .container-videos-clases .videos-container{flex-direction:column;margin-top:var(--spacing-m-xl)}.container-nuestras-clases .container-videos-clases .videos-container .clase-img{width:100%}.container-nuestras-clases .container-videos-clases .videos-container .reel-img{display:none}}.container-nuestros-profesores{width:100%;display:flex;background-color:var(--background-color-6-5);padding:var(--spacing-xxl);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.container-nuestros-profesores .question{width:6%}.container-nuestros-profesores .question .container-question{padding:var(--spacing-md)}.container-nuestros-profesores .question .container-question img{width:100%}.container-nuestros-profesores .nuestros-profesores{width:40%;display:flex;flex-direction:column;justify-content:space-between;margin-left:var(--spacing-xl)}.container-nuestros-profesores .nuestros-profesores h3{color:var(--color-primary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-mxxl)}.container-nuestros-profesores .nuestros-profesores h3 span{color:var(--color-primary);background-color:var(--background-color-2);border-radius:0 1rem 0 1rem;padding:var(--spacing-sm)}.container-nuestros-profesores .nuestros-profesores p{color:var(--color-primary);font-size:var(--font-size-lg);width:70%}.container-nuestros-profesores .nuestros-profesores button{all:unset;cursor:pointer;background-color:var(--background-color-2);color:var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-sm);font-weight:600;font-size:var(--font-size-lg);margin-top:var(--spacing-xl);width:30%;text-align:center}.container-nuestros-profesores .profesores{width:50%}.container-nuestros-profesores .profesores .card-profesor{width:36%;display:flex;flex-direction:column}.container-nuestros-profesores .profesores .card-profesor img{width:100%}.container-nuestros-profesores .profesores .card-profesor .info{background-color:var(--background-color-2);padding:var(--spacing-md);border-radius:0 0 1rem 1rem}.container-nuestros-profesores .profesores .card-profesor .info h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:800}.container-nuestros-profesores .profesores .card-profesor .info h4{color:var(--color-primary);font-size:var(--font-size-md);font-weight:600}.container-nuestros-profesores .profesores .card-profesor .info p{color:var(--color-primary);font-size:var(--font-size-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}@media only screen and (max-width:680px){.container-nuestros-profesores{flex-direction:column}.container-nuestros-profesores .nuestros-profesores{width:100%}.container-nuestros-profesores .nuestros-profesores .title-info h3{font-size:var(--font-size-m-mxxl)}.container-nuestros-profesores .nuestros-profesores .title-info p,.container-nuestros-profesores .nuestros-profesores button{font-size:var(--font-size-m-lg)}.container-nuestros-profesores .profesores{margin-top:var(--spacing-m-xxl);width:100%;justify-content:center;align-items:center}.container-nuestros-profesores .profesores .card-profesor{width:40%}.container-nuestros-profesores .profesores .card-profesor .info{padding:var(--spacing-m-md)}.container-nuestros-profesores .profesores .card-profesor .info h3{font-size:var(--font-size-m-lg)}.container-nuestros-profesores .profesores .card-profesor .info h4{font-size:var(--font-size-m-md);margin-top:var(--spacing-sm)}.container-nuestros-profesores .profesores .card-profesor .info p{font-size:var(--font-size-m-md)}.container-nuestros-profesores .question{display:none}}.container-frase{width:100%;position:relative;overflow:hidden;padding:var(--spacing-xl);background-color:var(--background-color-11);min-height:6vh;display:flex;align-items:center}.container-frase .frase-track{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform;height:100%;width:100%;justify-content:space-between}.container-frase .frase-track p{color:var(--color-primary);font-weight:800;font-size:var(--font-size-xxxl);font-family:var(--font-secondary);margin:0 var(--spacing-md)}.container-frase .frase-track span{color:var(--color-fourd);font-size:var(--font-size-xxxl);font-weight:900;font-family:var(--font-secondary);margin:0 var(--spacing-sm)}@media only screen and (max-width:680px){.container-frase .frase-track p,.container-frase .frase-track span{font-size:var(--font-size-m-xxxl)}}.container-curso-activo{width:100%;border-radius:var(--border-radius);padding:var(--spacing-xxl);padding-top:var(--spacing-xxl);background-color:var(--background-color-9)}.container-curso-activo .titulo-curso{width:100%;display:flex;justify-content:space-between}.container-curso-activo .titulo-curso .title{display:flex;align-items:center;width:60%}.container-curso-activo .titulo-curso .title h3{color:var(--color-primary);font-size:var(--font-size-xxl)}.container-curso-activo .titulo-curso .title span{color:var(--color-primary);font-size:var(--font-size-xl);margin-left:var(--spacing-xl);background-color:var(--background-color-2);padding:var(--spacing-sm);border-radius:0 1rem 0 1rem;font-weight:800;width:20%;text-align:center}.container-curso-activo .titulo-curso .container-fecha{width:15%}.container-curso-activo .titulo-curso .container-fecha p{background-color:var(--background-color-10);text-align:center;padding:var(--spacing-sm);font-weight:700;font-size:var(--font-size-md);border-radius:var(--border-radius)}.container-curso-activo .container-card{width:100%}.container-curso-activo .container-card .row-cards{width:100%;display:flex;gap:var(--spacing-lg);align-items:stretch;margin-top:var(--spacing-xxl);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.container-curso-activo .container-card .row-cards::-webkit-scrollbar{display:none}.container-curso-activo .container-card .row-cards .card{scroll-snap-align:center;flex:1 1;min-width:0;background-color:var(--background-color-10);padding:var(--spacing-md);border-radius:var(--border-radius);transform-origin:center center;display:flex;flex-direction:column;height:100%}.container-curso-activo .container-card .row-cards .card .icons{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.container-curso-activo .container-card .row-cards .card .title-class{width:100%;display:flex;align-items:center;border-bottom:.1rem solid var(--color-secondary);padding-bottom:var(--spacing-sm)}.container-curso-activo .container-card .row-cards .card .title-class img{width:20%}.container-curso-activo .container-card .row-cards .card .title-class h2{width:60%;font-size:var(--font-size-lg);margin-left:var(--spacing-md)}.container-curso-activo .container-card .row-cards .card .container-info-card{margin-top:var(--spacing-sm);flex:1 1;display:flex;flex-direction:column;justify-content:flex-start}.container-curso-activo .container-card .row-cards .card .container-info-card p{font-size:var(--font-size-sm);flex:1 1}@media only screen and (max-width:680px){.container-curso-activo .titulo-curso{flex-direction:column;align-items:flex-start}.container-curso-activo .titulo-curso .title{width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.container-curso-activo .titulo-curso .title h3{text-align:left;font-size:var(--font-size-m-mxxl);width:100%}.container-curso-activo .titulo-curso .title span{font-size:var(--font-size-m-xl);text-align:left;width:30%;text-align:center;margin-top:var(--spacing-lg);border-radius:0 var(--border-radius) var(--border-radius) 0;margin-right:var(--spacing-md)}.container-curso-activo .titulo-curso .container-fecha{width:100%;margin-top:var(--spacing-xxl)}.container-curso-activo .titulo-curso .container-fecha p{font-size:var(--font-size-m-md);background-color:transparent!important;text-align:right;color:var(--color-primary);font-size:var(--font-size-m-xxl)}.container-curso-activo .container-card{width:100%}.container-curso-activo .container-card .row-cards{display:grid;grid-auto-flow:column;grid-auto-columns:70%;grid-gap:var(--spacing-md);gap:var(--spacing-md);height:auto}.container-curso-activo .container-card .row-cards .card{padding:var(--spacing-m-lg);height:auto;display:block;flex:none}.container-curso-activo .container-card .row-cards .card .icons img{width:12%}.container-curso-activo .container-card .row-cards .card .title-class{margin-top:var(--spacing-md)}.container-curso-activo .container-card .row-cards .card .title-class h2{font-size:var(--font-size-m-mxxl)}.container-curso-activo .container-card .row-cards .card .container-info-card{margin-top:var(--spacing-m-md);flex:none;display:block}.container-curso-activo .container-card .row-cards .card .container-info-card p{font-size:var(--font-size-m-lg)}}.container-testimoniales{width:100%;padding:var(--spacing-xxl);padding-top:var(--spacing-lg);background-color:var(--background-color-11)}.container-testimoniales .title-testimoniales{width:100%}.container-testimoniales .title-testimoniales h2{color:var(--color-primary);text-align:center;font-size:var(--font-size-xxl)}.container-testimoniales .container-row-testimoniales{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:35%;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:stretch;margin-top:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--spacing-md) 0}.container-testimoniales .container-row-testimoniales::-webkit-scrollbar{display:none}.container-testimoniales .container-row-testimoniales .card-testimonial{scroll-snap-align:center;width:auto;background-color:var(--background-color-12-40);padding:var(--spacing-lg);border-radius:var(--border-radius);transform-origin:center center;will-change:transform,opacity,filter;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.1)}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile{width:70%;display:flex;align-items:center}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .photo{width:30%;display:flex;justify-content:center;align-items:center}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .photo img{width:60%;border-radius:50%;object-fit:cover}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .info{margin-left:var(--spacing-md)}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .info h4{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .info p{color:var(--color-primary);font-size:var(--font-size-md);font-weight:300;opacity:.8}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .vector-testimonial{width:20%;display:flex;justify-content:center;align-items:center}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .vector-testimonial img{width:24px;height:24px;opacity:.6}.container-testimoniales .container-row-testimoniales .card-testimonial .testimonial{padding:0 var(--spacing-md);font-weight:300;font-size:var(--font-size-md);line-height:1.6}.container-testimoniales .container-row-testimoniales .card-testimonial .testimonial p{color:var(--color-primary);font-style:italic;margin:0}@media only screen and (max-width:680px){.container-testimoniales{min-height:28vh}.container-testimoniales .title-testimoniales h2{font-size:var(--font-size-m-mxxl)}.container-testimoniales .container-row-testimoniales{grid-auto-columns:80%;gap:var(--spacing-md);height:80%;margin-top:var(--spacing-m-xl)}.container-testimoniales .container-row-testimoniales .card-testimonial{padding:var(--spacing-md);height:86%}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .info h4{font-size:var(--font-size-m-lg)}.container-testimoniales .container-row-testimoniales .card-testimonial .container-user .profile .info p,.container-testimoniales .container-row-testimoniales .card-testimonial .testimonial p{font-size:var(--font-size-m-md)}}.container-testimoniales .testimonial-progress{margin-top:16px;display:flex;justify-content:center;gap:6px}.container-testimoniales .testimonial-progress .bar{width:22px;height:4px;border-radius:999px;background:rgba(255,255,255,.25);transition:background .25s,width .25s}.container-testimoniales .testimonial-progress .bar.active{background:#fff;width:32px}@media (max-width:690px){.container-testimoniales .testimonial-progress .bar{width:16px;height:3px}.container-testimoniales .testimonial-progress .bar.active{width:24px}}.container-footer{margin-top:var(--spacing-lg);padding:var(--spacing-xl)}.container-footer .card-footer{background-color:var(--background-color-2);padding:var(--spacing-xl);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.container-footer .card-footer .container-title{width:100%;display:flex;justify-content:space-between;align-items:center}.container-footer .card-footer .container-title .redes{width:30%}.container-footer .card-footer .container-title .redes img{cursor:pointer;margin-right:var(--spacing-lg)}.container-footer .card-footer .container-title .vacio{width:30%}.container-footer .card-footer .container-title .container-logo{width:30%;display:flex;justify-content:center;align-items:center}.container-footer .card-footer .container-nav{width:100%;display:flex;justify-content:space-between;align-items:center;width:50%;margin-top:var(--spacing-xl)}.container-footer .card-footer .container-nav p{color:var(--color-primary);font-weight:600;cursor:pointer}@media only screen and (max-width:680px){.container-footer{flex-direction:column}.container-footer .card-footer .container-nav{width:80%;margin-top:var(--spacing-m-xl)}.container-footer .card-footer .container-nav p{font-size:var(--font-size-m-xxl)}}.home-page-main{flex:1 1;overflow-y:auto;overflow-x:hidden}.container-navbar,.home-page-main{display:flex;flex-direction:column}.container-navbar{height:100vh;width:6.5rem;flex-shrink:0;justify-content:space-between;align-items:center;position:fixed;left:0;top:0;z-index:1000;background:var(--background-color-1);border-right:1px solid var(--color-primary-20);padding:var(--spacing-lg) 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.container-navbar:hover{border-right-color:var(--color-primary-60)}.container-navbar .navbar__top{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);flex:1 1;justify-content:flex-start;padding-top:var(--spacing-lg)}.container-navbar .navbar__logo{width:100%;padding:var(--spacing-md);transition:transform .2s ease}.container-navbar .navbar__logo:hover{transform:scale(1.05)}.container-navbar .navbar__logo img{width:100%;height:auto;filter:brightness(1) contrast(1);transition:filter .2s ease}.container-navbar .navbar__actions{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;align-items:center}.container-navbar .navbar__action{background:transparent;border:none;padding:var(--spacing-md);border-radius:var(--border-radius-button);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-navbar .navbar__action:hover{background:var(--background-color-12-40);transform:translateY(-1px)}.container-navbar .navbar__action:hover .navbar__icon{transform:scale(1.1);color:#ffffff!important}.container-navbar .navbar__action:hover .navbar__icon path,.container-navbar .navbar__action:hover .navbar__icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__action:hover .navbar__tooltip{opacity:1;visibility:visible;transform:translateX(0)}.container-navbar .navbar__action:active{transform:translateY(0);background:var(--background-color-12)}.container-navbar .navbar__action:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-navbar .navbar__action:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-navbar .navbar__action--active{background:var(--background-color-12)}.container-navbar .navbar__action--active .navbar__icon{color:#ffffff!important}.container-navbar .navbar__action--active .navbar__icon path,.container-navbar .navbar__action--active .navbar__icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__action--active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-seven);border-radius:0 2px 2px 0;animation:slideIn .3s ease}.container-navbar .navbar__icon{color:#ffffff!important;font-size:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-navbar .navbar__icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__icon path{fill:#ffffff!important}.container-navbar .navbar__tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(-10px);background:var(--background-color-4);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-button);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000}.container-navbar .navbar__tooltip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--background-color-4)}.container-navbar .navbar__bottom{display:flex;justify-content:center;align-items:center;padding-bottom:var(--spacing-lg)}.container-navbar .navbar__profile{background:transparent;border:none;padding:var(--spacing-sm);border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-navbar .navbar__profile:hover{background:var(--background-color-12-40);transform:scale(1.05)}.container-navbar .navbar__profile:hover .navbar__profile-icon,.container-navbar .navbar__profile:hover .navbar__profile-image{transform:scale(1.1)}.container-navbar .navbar__profile:hover .navbar__profile-icon{color:#ffffff!important}.container-navbar .navbar__profile:hover .navbar__profile-icon path,.container-navbar .navbar__profile:hover .navbar__profile-icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__profile:hover .navbar__tooltip{opacity:1;visibility:visible;transform:translateX(0)}.container-navbar .navbar__profile:active{transform:scale(1)}.container-navbar .navbar__profile:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-navbar .navbar__profile:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-navbar .navbar__profile--active{background:var(--background-color-12)}.container-navbar .navbar__profile--active .navbar__profile-image{filter:brightness(1.2)}.container-navbar .navbar__profile--active .navbar__profile-icon{color:#ffffff!important;filter:brightness(1.2)}.container-navbar .navbar__profile--active .navbar__profile-icon path,.container-navbar .navbar__profile--active .navbar__profile-icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__profile--active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-seven);border-radius:0 2px 2px 0;animation:slideIn .3s ease}.container-navbar .navbar__profile-image{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.navbar__profile:hover .container-navbar .navbar__profile-image{border-color:var(--color-seven)}.container-navbar .navbar__profile-icon{color:#ffffff!important;font-size:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-navbar .navbar__profile-icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__profile-icon path{fill:#ffffff!important}@media (max-width:768px){.container-navbar{width:4rem}.container-navbar .navbar__action,.container-navbar .navbar__profile{width:2.5rem;height:2.5rem}.container-navbar .navbar__profile-image{width:2rem;height:2rem}.container-navbar .navbar__icon{font-size:1rem;color:#ffffff!important}.container-navbar .navbar__icon path,.container-navbar .navbar__icon svg{color:#ffffff!important;fill:#ffffff!important}.container-navbar .navbar__profile-icon{font-size:1.25rem;color:#ffffff!important}.container-navbar .navbar__profile-icon path,.container-navbar .navbar__profile-icon svg{color:#ffffff!important;fill:#ffffff!important}}@media (prefers-color-scheme:dark){.container-navbar .navbar__tooltip{background:var(--background-color-4);color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.container-navbar *{transition:none!important;animation:none!important}}.dashboard-main{flex:1 1;display:flex;justify-content:space-between;height:100vh;overflow:hidden}.dashboard-main .container-navbar{width:6.5rem}.dashboard-main .container-dashboard-view{width:calc(100% - 6.5rem);margin-left:6.5rem;height:100vh;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width:600px){.dashboard-main{flex-direction:column!important;overflow:hidden}.dashboard-main .container-navbar{display:none}.dashboard-main .container-dashboard-view{width:100%;margin-left:0}}.container-detail-course-main{display:flex;justify-content:space-between;width:100%;height:100vh}@media only screen and (max-width:600px){.container-detail-course-main{width:100%;flex-direction:column}}.course-container{width:75%;padding:var(--spacing-xl);height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.course-container::-webkit-scrollbar{display:none}.course-container .title-course{width:40%}.course-container .title-course h3{color:var(--color-primary);font-weight:300;font-size:var(--font-size-xl)}.course-container .title-course span{color:var(--color-primary);font-weight:600}.course-container .container-subtitle-course{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-)}.course-container .container-subtitle-course .title h1{color:var(--color-primary)}.course-container .container-subtitle-course .toggle-capitulo{width:15%;display:flex;justify-content:space-between;align-items:center}.course-container .container-subtitle-course .toggle-capitulo p{color:var(--color-primary);font-size:var(--font-size-md)}.course-container .container-subtitle-course .toggle-capitulo p p{width:50%}.course-container .container-subtitle-course .toggle-capitulo .buttons{display:flex;justify-content:space-between;align-items:center;width:50%}.course-container .container-subtitle-course .toggle-capitulo img{width:40%;cursor:pointer}.course-container .video-container{width:100%;display:flex;align-items:center;margin-top:var(--spacing-xl);background-color:var(--background-color-5);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 4vh 4vh rgba(0,0,0,.1)}.course-container .video-container img{width:100%}.course-container .video-container iframe{width:100%;min-height:67vh;border-radius:var(--border-radius);border:none}.course-container .container-information-video{width:100%;margin-top:var(--spacing-xl)}.course-container .container-information-video .navbar{width:30%;display:flex;justify-content:space-between;align-items:center}.course-container .container-information-video .navbar p{color:var(--color-primary-60);font-size:var(--font-size-xl);font-weight:300;cursor:pointer}.course-container .container-information-video .notas-view{width:100%;display:flex;justify-content:space-between;margin-top:var(--spacing-xl)}.course-container .container-information-video .notas-view .notas-container{width:60%}.course-container .container-information-video .notas-view .notas-container p{color:var(--color-primary);font-weight:300;font-size:var(--font-size-md);margin-bottom:var(--font-size-md)}.course-container .container-information-video .notas-view .author-container{width:45%;padding:var(--spacing-md);padding-top:0;display:flex;justify-content:center}.course-container .container-information-video .notas-view .author-container .container-author{padding:var(--spacing-md);background-color:var(--background-color-3);border-radius:var(--border-radius);width:70%}.course-container .container-information-video .notas-view .author-container .container-author .title{margin-bottom:var(--spacing-md)}.course-container .container-information-video .notas-view .author-container .container-author .title p{color:var(--color-primary);font-weight:600}.course-container .container-information-video .notas-view .author-container .container-author .profile-author{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .image{margin-right:var(--spacing-md);width:15%}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .image img{width:100%;border-radius:10vw}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .info h4{color:var(--color-primary);font-size:var(--font-size-md)}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .info p{color:var(--color-primary);font-size:var(--font-size-sm)}.course-container .container-information-video .notas-view .author-container .container-author .biografia-containe p{color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.course-container .container-information-video .preguntas-container{margin-top:var(--spacing-md);min-height:19vh}.course-container .container-information-video .preguntas-container .title-preguntas h4{color:var(--color-primary);font-weight:400}.course-container .container-information-video .preguntas-container .row-pregunta{width:35%;display:flex;align-items:center;margin-top:var(--spacing-xl);border-bottom:.09rem solid var(--background-color-3);padding-bottom:var(--spacing-sm);flex-direction:column}.course-container .container-information-video .preguntas-container .row-pregunta .profile{width:100%;display:flex;align-items:center}.course-container .container-information-video .preguntas-container .row-pregunta .pregunta{width:100%;margin-top:var(--spacing-sm)}.course-container .container-information-video .preguntas-container .row-pregunta .pregunta h4{color:var(--color-primary);font-weight:400;font-size:var(--font-size-md)}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta{width:100%;margin-top:var(--spacing-sm);display:flex}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta .responder{display:flex;align-items:center;margin-right:var(--spacing-xl);cursor:pointer}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta .responder img{width:50%;margin-right:var(--spacing-sm)}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta p{color:var(--color-primary-20);font-size:var(--font-size-sm);cursor:pointer}.course-container .container-information-video .preguntas-container .row-pregunta .image{width:6%;margin-right:var(--spacing-sm)}.course-container .container-information-video .preguntas-container .row-pregunta .image img{width:100%;border-radius:10vw}.course-container .container-information-video .preguntas-container .row-pregunta .info-pregunta h3{color:var(--color-primary);font-weight:500;font-size:var(--font-size-md)}.course-container .container-information-video .preguntas-container .container-input-pregunta{margin-top:var(--spacing-xl)}.course-container .container-information-video .preguntas-container .container-input-pregunta .input{width:50%}.course-container .container-information-video .preguntas-container .container-input-pregunta p{color:var(--color-primary);font-weight:300;font-size:var(--font-size-md)}.course-container .container-information-video .preguntas-container .container-input-pregunta input{all:unset;background-color:var(--background-color-3);margin-top:var(--spacing-sm);border-radius:var(--border-radius-input);border:.09rem solid var(--color-five);width:100%;font-size:var(--font-size-sm);padding:var(--spacing-sm);color:var(--color-primary)}.progress-container{width:24%;padding:var(--spacing-sm);background-color:var(--background-color-4)}.progress-container .title-curso{padding:var(--spacing-xl)}.progress-container .title-curso h4{color:var(--color-primary);font-size:var(--font-size-md)}.progress-container .row-completed-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);padding-top:0;padding-bottom:0;margin-bottom:var(--spacing-sm)}.progress-container .row-completed-title p{color:var(--color-primary);font-size:var(--font-size-md);color:var(--color-fourd);font-weight:700}.progress-container .row-progress-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);padding-top:0}.progress-container .row-progress-bar .left img{width:10%}.progress-container .row-progress-bar img{width:18%}.progress-container .row-progress-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);padding-top:0;padding-bottom:var(--spacing-md);cursor:pointer}.progress-container .row-progress-title .left{display:flex;align-items:center;width:86%}.progress-container .row-progress-title .left img{width:7%;min-width:7%;margin-right:var(--spacing-md)}.progress-container .row-progress-title .left .check-icon{width:4%;margin-left:var(--spacing-xs)}.progress-container .row-progress-title .left .check-icon img{width:5%}.progress-container .row-progress-title .left p{color:var(--color-five-70);font-weight:500;font-size:var(--font-size-sm);width:75%}.progress-container .row-progress-title .left .completed{color:var(--color-fourd)}.progress-container .container-comentarios{width:100%;margin-top:var(--spacing-md);border-top:.09rem solid var(--color-primary-20);padding:var(--spacing-xl);max-height:40vh;overflow-y:auto;scrollbar-width:thin}.progress-container .container-comentarios::-webkit-scrollbar{width:.5rem}.progress-container .container-comentarios::-webkit-scrollbar-thumb{background-color:var(--color-primary-20);border-radius:var(--border-radius)}.progress-container .container-comentarios .title-comentarios{margin-bottom:var(--spacing-xl)}.progress-container .container-comentarios .title-comentarios h3{font-size:var(--font-size-md);color:var(--color-primary)}.progress-container .container-comentarios .title-comentarios span{font-size:var(--font-size-md);color:var(--color-primary);font-weight:400}.progress-container .container-comentarios .row-profile-coment{margin-top:var(--spacing-xl)}.progress-container .container-comentarios .row-profile-coment .title-name{width:100%;display:flex;align-items:center}.progress-container .container-comentarios .row-profile-coment .title-name h5{font-size:var(--font-size-md);color:var(--color-primary)}.progress-container .container-comentarios .row-profile-coment .title-name img{width:13%;margin-right:var(--spacing-md);border-radius:10vh}.progress-container .container-comentarios .row-profile-coment .comentario{margin-top:var(--spacing-sm)}.progress-container .container-comentarios .row-profile-coment .comentario p{font-size:var(--font-size-md);color:var(--color-primary);font-weight:300}.progress-container .container-comentarios .row-profile-coment .respuestas{width:100%;margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.progress-container .container-comentarios .row-profile-coment .respuestas .button-responder{display:flex;align-items:center;width:40%;cursor:pointer}.progress-container .container-comentarios .row-profile-coment .respuestas p{color:var(--color-primary);font-size:var(--font-size-sm);color:var(--color-primary-20)}.progress-container .container-comentarios .row-profile-coment .respuestas img{width:13%;margin-right:var(--spacing-sm)}.progress-container .container-comentarios .row-profile-coment .respuestas .more-respuestas{cursor:pointer;width:55%}.progress-container .button-add-comentario{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);padding-top:0;padding-bottom:0}.progress-container .button-add-comentario input{all:unset;width:100%;border:none;border:.09rem solid var(--color-primary);padding:var(--spacing-sm);color:var(--color-five-70);border-radius:var(--border-radius-input);font-size:var(--font-size-sm)}.know-you-container{display:flex;flex:1 1;justify-content:space-between;width:100%;height:100vh;overflow:hidden}.know-you-container .container-logo-nav{width:10%;display:flex;justify-content:center;align-items:flex-start}.know-you-container .container-logo-nav img{width:60%;margin-top:var(--spacing-xxl)}.know-you-container .container-questions{width:90%;background-color:var(--background-color-2);padding:var(--spacing-xxl);display:flex;flex-direction:column;justify-content:space-between;height:100%}.know-you-container .container-questions h1{color:var(--color-primary)}.know-you-container .container-questions .question{margin-top:var(--spacing-xl)}.know-you-container .container-questions .question h2{color:var(--color-primary);font-size:var(--font-size-xxxxl);width:50%}.know-you-container .container-questions .container-buttons-respuesta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxl)}.know-you-container .container-questions .container-buttons-respuesta button{all:unset;cursor:pointer;background-color:var(--background-color-6);padding:var(--spacing-lg);border-radius:var(--border-radius-button);width:15%;text-align:center;font-size:var(--font-size-xxl);font-weight:700;color:var(--color-six)}.know-you-container .container-questions .container-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxl)}.know-you-container .container-questions .container-buttons button{all:unset;cursor:pointer;font-size:var(--font-size-xxl)}.know-you-container .container-questions .container-buttons .omitir{color:var(--color-primary);font-weight:300}.know-you-container .container-questions .container-buttons .continuar{color:var(--color-third);background-color:var(--background-color-6);padding:var(--spacing-lg);border-radius:var(--border-radius-button);font-weight:800;width:20%;text-align:center}.know-you-container .container-questions .selected{border:.3rem solid var(--color-six)!important}.container-view-profile .container-profile{width:65%;background-color:var(--background-color-5);border-radius:var(--border-radius);padding:var(--spacing-lg);height:100%;display:flex;flex-direction:column}.container-view-profile .container-profile .container-header-profile{width:100%;display:flex;align-items:center}.container-view-profile .container-profile .container-header-profile .img-profile{width:13%;margin-right:var(--spacing-xl)}.container-view-profile .container-profile .container-header-profile .img-profile img{width:100%;cursor:pointer;border-radius:10vw}.container-view-profile .container-profile .container-header-profile .container-info h3{color:var(--color-primary);font-size:var(--font-size-xxl)}.container-view-profile .container-profile .container-header-profile .container-info p{color:var(--color-primary);font-size:var(--font-size-md)}.container-view-profile .container-profile .container-header-profile .container-ubicacion{margin-left:var(--spacing-lg);display:flex}.container-view-profile .container-profile .container-header-profile .container-ubicacion img{margin-right:var(--spacing-md)}.container-view-profile .container-profile .container-header-profile .container-ubicacion p{color:var(--color-primary-20)}.container-view-profile .container-profile .container-informacion-personal{width:100%;margin-top:var(--spacing-xxl);border:.09rem solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--border-radius)}.container-view-profile .container-profile .container-informacion-personal .title-informacion{width:100%;display:flex;justify-content:space-between;align-items:center}.container-view-profile .container-profile .container-informacion-personal .title-informacion p{color:var(--color-primary);font-size:var(--font-size-md)}.container-view-profile .container-profile .container-informacion-personal .title-informacion .button-editar{cursor:pointer;width:15%;display:flex;align-items:center;border:.09rem solid var(--color-primary);padding:var(--spacing-sm);border-radius:var(--border-radius)}.container-view-profile .container-profile .container-informacion-personal .title-informacion .button-editar img{margin-right:var(--spacing-lg)}.container-view-profile .container-profile .container-informacion-personal .contenido-biografia{margin-top:var(--spacing-lg)}.container-view-profile .container-profile .container-informacion-personal .contenido-biografia p{color:var(--color-primary);font-size:var(--font-size-md)}.container-view-profile .container-profile .metricas-usuario{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxxl)}.container-view-profile .container-profile .metricas-usuario .recuadro-info{width:25%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--color-primary-20);padding:var(--spacing-sm);border-radius:var(--border-radius)}.container-view-profile .container-profile .metricas-usuario .recuadro-info h4{color:var(--color-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.container-view-profile .container-profile .metricas-usuario .recuadro-info p{color:var(--color-primary);font-size:var(--font-size-xl)}.container-view-profile .container-progress-profile{width:30%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.container-view-profile .container-progress-profile .title-completa-tu-perfil h4{color:var(--color-primary);font-size:var(--font-size-lg)}.container-view-profile .container-progress-profile .grafica-complete{width:100%;padding:var(--spacing-md);display:flex;justify-content:center;align-items:center;height:50%}.container-view-profile .container-progress-profile .grafica-complete canvas{margin-top:var(--spacing-lg)}.container-view-profile .container-progress-profile .row-process-perfil{width:80%;display:flex;margin-top:var(--spacing-lg);align-items:center;justify-content:space-between}.container-view-profile .container-progress-profile .row-process-perfil .left{display:flex;width:60%}.container-view-profile .container-progress-profile .row-process-perfil img{width:8%}.container-view-profile .container-progress-profile .row-process-perfil p{color:var(--color-primary);margin-left:var(--spacing-sm);font-size:var(--font-size-sm)}.container-view-profile .container-progress-profile .row-process-perfil span{color:var(--font-size-sm);margin-left:var(--spacing-lg);color:var(--color-five-70);font-size:var(--font-size-sm)}.container-view-profile .container-progress-profile .container-complete-profile{background-color:var(--background-color-5);padding:var(--spacing-lg);border-radius:var(--border-radius);width:100%;height:78%}.container-view-profile .container-progress-profile .container-mi-curso{background-color:var(--background-color-5);padding:var(--spacing-lg);border-radius:var(--border-radius);width:100%;height:19%;display:flex;justify-content:space-between;align-items:center}.container-view-profile .container-progress-profile .container-mi-curso .row-curso{background-color:var(--background-color-7);width:100%;display:flex;border-radius:var(--border-radius);padding:var(--spacing-md);justify-content:space-between;cursor:pointer}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .fecha{width:15%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--background-color-6);border-radius:var(--border-radius);padding:var(--spacing-sm)}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .fecha p{font-weight:800;font-size:var(--font-size-xl)}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .fecha span{font-weight:600;font-size:var(--font-size-sm)}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .container-info{width:70%;display:flex;flex-direction:column;justify-content:center}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .container-info p{font-weight:700;font-size:var(--font-size-lg)}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .container-info span{font-size:var(--font-size-md);margin-top:var(--spacing-md);font-weight:500}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .container-icon{width:5%;justify-content:center;align-items:center;display:flex}.container-view-profile .container-progress-profile .container-mi-curso .row-curso .container-icon img{cursor:pointer;width:50%}.profile-main{display:flex;flex:1 1;padding:var(--spacing-lg);flex-direction:column}.profile-main .title-view{width:100%}.profile-main .title-view h1{color:var(--color-primary);font-size:var(--font-size-xxl)}.profile-main .container-view-profile{width:100%;display:flex;justify-content:space-between;margin-top:var(--spacing-lg);height:84vh}.container-courses-view{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);width:100%;min-height:100vh;background:var(--background-color-1)}.container-courses-view .courses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);opacity:0;animation:fadeInSlide .6s ease forwards}.container-courses-view .courses-header h1{color:#ffffff;font-size:var(--font-size-xxxl);font-weight:800;margin:0;animation:slideInLeft .6s ease .2s both}.container-courses-view .courses-header-right{animation:slideInRight .6s ease .3s both;display:flex;align-items:center;gap:var(--spacing-md)}.container-courses-view .courses-new-btn{all:unset;cursor:pointer;background:var(--background-color-12);color:#ffffff;border:none;border-radius:var(--border-radius-button);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.container-courses-view .courses-new-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.container-courses-view .courses-new-btn:hover{background:var(--background-color-12-40);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.25)}.container-courses-view .courses-new-btn:hover:before{width:300px;height:300px}.container-courses-view .courses-new-btn:active{transform:translateY(0) scale(.98)}.container-courses-view .courses-new-btn:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-courses-view .courses-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);padding:0;margin:0;animation:fadeIn .5s ease .4s both}.container-courses-view .courses-grid-item{width:100%}.container-courses-view .courses-grid-item:first-child .container-course-card{--index:0}.container-courses-view .courses-grid-item:nth-child(2) .container-course-card{--index:1}.container-courses-view .courses-grid-item:nth-child(3) .container-course-card{--index:2}.container-courses-view .courses-grid-item:nth-child(4) .container-course-card{--index:3}.container-courses-view .courses-grid-item:nth-child(5) .container-course-card{--index:4}.container-courses-view .courses-grid-item:nth-child(6) .container-course-card{--index:5}.container-courses-view .courses-grid-item:nth-child(7) .container-course-card{--index:6}.container-courses-view .courses-grid-item:nth-child(8) .container-course-card{--index:7}.container-courses-view .courses-grid-item:nth-child(9) .container-course-card{--index:8}.container-courses-view .courses-grid-item:nth-child(10) .container-course-card{--index:9}.container-courses-view .courses-grid-item:nth-child(11) .container-course-card{--index:10}.container-courses-view .courses-grid-item:nth-child(12) .container-course-card{--index:11}.container-courses-view .courses-grid-item:nth-child(13) .container-course-card{--index:12}.container-courses-view .courses-grid-item:nth-child(14) .container-course-card{--index:13}.container-courses-view .courses-grid-item:nth-child(15) .container-course-card{--index:14}.container-courses-view .courses-grid-item:nth-child(16) .container-course-card{--index:15}.container-courses-view .courses-grid-item:nth-child(17) .container-course-card{--index:16}.container-courses-view .courses-grid-item:nth-child(18) .container-course-card{--index:17}.container-courses-view .courses-grid-item:nth-child(19) .container-course-card{--index:18}.container-courses-view .courses-grid-item:nth-child(20) .container-course-card{--index:19}.container-courses-view .courses-toast{position:fixed;right:var(--spacing-xl);bottom:var(--spacing-xl);background:var(--background-color-12);color:#ffffff;border:none;border-radius:var(--border-radius-button);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:1000;animation:slideUp .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.container-courses-view .courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:900px){.container-courses-view{padding:var(--spacing-lg)}.container-courses-view .courses-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.container-courses-view .courses-header h1{font-size:var(--font-size-xxl)}.container-courses-view .courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}}@media (max-width:600px){.container-courses-view{padding:var(--spacing-md)}.container-courses-view .courses-header h1{font-size:var(--font-size-xl)}.container-courses-view .courses-header-right{width:100%;flex-direction:column;align-items:stretch}.container-courses-view .courses-header-right .courses-new-btn{width:100%}.container-courses-view .courses-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.container-courses-view .courses-toast{right:var(--spacing-md);bottom:var(--spacing-md);left:var(--spacing-md)}}.container-course-card{display:flex;flex-direction:column;background:var(--background-color-8);border:1px solid var(--color-primary-20);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;opacity:0;animation:fadeInUp .5s ease forwards;animation-delay:calc(var(--index, 0) * .1s)}.container-course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:var(--color-primary-40)}.container-course-card.selected{animation:selectPulse .2s ease;border-color:var(--background-color-2);box-shadow:0 0 0 4px rgba(105,177,171,.3)}.container-course-card .course-card-cover img{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.container-course-card:hover .course-card-cover img{transform:scale(1.05);opacity:1}.container-course-card .course-card-cover{width:100%;height:160px;background:var(--background-color-8);position:relative;overflow:hidden}.container-course-card .course-card-cover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0,transparent 70%);z-index:2}.container-course-card .course-card-cover img{width:100%;height:100%;object-fit:cover;opacity:.95;filter:brightness(1.1);z-index:1;position:absolute;top:0;left:0}.container-course-card .course-card-body{display:flex;flex-direction:column;gap:0;padding:0;flex:1 1;background:var(--background-color-8)}.container-course-card .course-card-meta-container{padding:0}.container-course-card .course-card-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);gap:var(--spacing-sm);background:var(--background-color-2);padding:var(--spacing-md) var(--spacing-lg)}.container-course-card .course-card-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);flex:1 1;background:var(--background-color-8)}.container-course-card .course-card-category{text-transform:uppercase;letter-spacing:.5px}.container-course-card .course-card-category,.container-course-card .course-card-level{color:#ffffff;background:rgba(0,0,0,.3);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-button);font-weight:600;font-size:var(--font-size-xs);border:1px solid rgba(255,255,255,.2)}.container-course-card .course-card-level{opacity:1}.container-course-card .course-card-title{font-size:var(--font-size-lg);font-weight:700;margin:0;line-height:1.3}.container-course-card .course-card-description,.container-course-card .course-card-title{color:#ffffff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.container-course-card .course-card-description{opacity:.85;font-size:var(--font-size-sm);line-height:1.5;flex:1 1}.container-course-card .course-card-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-primary-20)}.container-course-card .course-card-lessons{font-size:var(--font-size-sm);color:#ffffff;opacity:.75;font-weight:500}.container-course-card .course-card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.container-course-card .course-card-link-btn{all:unset;cursor:pointer;background:var(--background-color-12);color:#ffffff;border:none;border-radius:var(--border-radius-button);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.15)}.container-course-card .course-card-link-btn:hover{background:var(--background-color-12-40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.container-course-card .course-card-link-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.15)}.container-course-card .course-card-link-btn:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-course-card .course-card-primary-btn{all:unset;cursor:pointer;background:var(--background-color-12);color:#ffffff;border:none;border-radius:var(--border-radius-button);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-course-card .course-card-primary-btn:hover{background:var(--background-color-12-40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.container-course-card .course-card-primary-btn:active{transform:translateY(0)}.container-course-card .course-card-primary-btn:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-course-card .course-card-badge{background:var(--background-color-12-40);color:#ffffff;border-radius:999px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--color-seven)}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width:600px){.container-course-card .course-card-cover{height:140px}.container-course-card .course-card-meta-container{padding:var(--spacing-sm) var(--spacing-md)}.container-course-card .course-card-content{padding:var(--spacing-md)}.container-course-card .course-card-title{font-size:var(--font-size-md)}.container-course-card .course-card-description{font-size:var(--font-size-sm)}.container-course-card .course-card-footer-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.container-course-card .course-card-actions{width:100%}.container-course-card .course-card-actions button{flex:1 1;text-align:center}}.container-course-filters{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);align-items:flex-start;justify-content:space-between;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--background-color-1);border-radius:var(--border-radius);border:1px solid var(--color-primary-20);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff!important;opacity:0;animation:fadeInScale .5s ease .2s forwards}.container-course-filters *{color:#ffffff!important}@media (max-width:900px){.container-course-filters{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:var(--spacing-md)}}.container-course-filters .course-filters-search-label{position:relative;width:59%;max-width:59%;flex:0 0 59%;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:900px){.container-course-filters .course-filters-search-label{width:100%;max-width:100%;flex:0 0 100%}}.container-course-filters .course-filters-label-text{color:#ffffff!important;font-size:var(--font-size-sm);font-weight:500;opacity:.9}.container-course-filters .course-filters-search-input{all:unset;width:100%;background:transparent;color:#ffffff!important;border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-input);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1.5;position:relative}.container-course-filters .course-filters-search-input::placeholder{color:#ffffff!important;opacity:.5}.container-course-filters .course-filters-search-input::-webkit-input-placeholder{color:#ffffff!important;opacity:.5}.container-course-filters .course-filters-search-input::-moz-placeholder{color:#ffffff!important;opacity:.5}.container-course-filters .course-filters-search-input:focus{border-color:rgba(255,255,255,.8);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.15);background:rgba(255,255,255,.05);color:#ffffff!important;transform:translateY(-1px)}.container-course-filters .course-filters-search-input:hover:not(:focus){border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.03);color:#ffffff!important;transform:translateY(-1px)}.container-course-filters .course-filters-category-label{position:relative;width:36%;max-width:36%;flex:0 0 36%;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:900px){.container-course-filters .course-filters-category-label{width:100%;max-width:100%;flex:0 0 100%}}.container-course-filters .course-filters-category-select{all:unset;min-width:180px;background:transparent;color:#ffffff!important;border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-input);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1.5}.container-course-filters .course-filters-category-select:focus{border-color:rgba(255,255,255,.8);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.15);background:rgba(255,255,255,.05);color:#ffffff!important;transform:translateY(-1px)}.container-course-filters .course-filters-category-select:hover:not(:focus){border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.03);color:#ffffff!important;transform:translateY(-1px)}.container-course-filters .course-filters-category-select option{background:var(--background-color-1)!important;color:#ffffff!important;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:400}.container-course-filters .course-filters-category-select option:checked{background:var(--background-color-12)!important;color:#ffffff!important}.container-course-filters .course-filters-category-select option:hover{background:var(--background-color-12-40)!important}.container-course-filters .course-filters-toggle-label{display:flex;gap:var(--spacing-md);align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-2);border:1px solid var(--color-primary-20);border-radius:var(--border-radius-input);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.container-course-filters .course-filters-toggle-label:hover{background:var(--background-color-4);border-color:var(--color-primary-40);box-shadow:0 2px 6px rgba(0,0,0,.12)}.container-course-filters .course-filters-toggle-label:has(input:checked){background:var(--background-color-12);border-color:var(--color-seven);box-shadow:0 0 0 2px rgba(120,119,198,.15)}.container-course-filters .course-filters-toggle-label span{color:#ffffff!important;font-size:var(--font-size-md);font-weight:500}.container-course-filters .course-filters-toggle-input{width:44px;height:24px;cursor:pointer;accent-color:var(--color-seven);position:relative}.container-course-filters .course-filters-toggle-input:focus{outline:2px solid var(--color-seven);outline-offset:2px;border-radius:12px}.container-course-filters .course-filters-empty-div{display:none}@media (max-width:900px){.container-course-filters{flex-direction:column}.container-course-filters .course-filters-category-label,.container-course-filters .course-filters-category-select,.container-course-filters .course-filters-search-label{width:100%}.container-course-filters .course-filters-toggle-label{width:100%;justify-content:space-between}}.container-create-course-modal .modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);animation:fadeIn .2s ease}.container-create-course-modal .modal-content{width:min(950px,95vw);max-height:90vh;background:var(--background-color-8);border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.3);animation:slideUp .3s ease;overflow:hidden}.container-create-course-modal .modal-content.success-message{animation:scaleIn .3s ease}.container-create-course-modal header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-create-course-modal header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0;letter-spacing:-.02em}.container-create-course-modal header .close-button{background:transparent;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.container-create-course-modal header .close-button:hover{background:rgba(255,255,255,.1);color:#ffffff;transform:scale(1.05)}.container-create-course-modal header .close-button:active{transform:scale(.95)}.container-create-course-modal .steps-indicator{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:rgba(255,255,255,.02);position:relative}.container-create-course-modal .steps-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(255,255,255,.1);z-index:0}.container-create-course-modal .steps-indicator .step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative;z-index:1;flex:1 1}.container-create-course-modal .steps-indicator .step .step-number{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;color:rgba(255,255,255,.5);transition:all .3s ease}.container-create-course-modal .steps-indicator .step .step-label{font-size:.75rem;color:rgba(255,255,255,.5);text-align:center;transition:all .3s ease}.container-create-course-modal .steps-indicator .step.active .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-course-modal .steps-indicator .step.active .step-label{color:#ffffff;font-weight:500}.container-create-course-modal .steps-indicator .step.completed .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#ffffff;font-size:0}.container-create-course-modal .steps-indicator .step.completed .step-number:before{content:"✓";font-size:1.2rem;display:block}.container-create-course-modal .steps-indicator .step.completed .step-label{color:rgba(255,255,255,.7)}.container-create-course-modal form{display:flex;flex-direction:column;flex:1 1;min-height:0}.container-create-course-modal form>div:first-of-type{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl)}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar{width:8px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.container-create-course-modal .form-section{margin-bottom:var(--spacing-xxl);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden;transition:all .3s ease;animation:fadeIn .4s ease}.container-create-course-modal .form-section:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.container-create-course-modal .form-section .section-header{display:flex;align-items:center;gap:12px;padding:var(--spacing-lg);background:var(--background-color-2);border-bottom:1px solid rgba(255,255,255,.1)}.container-create-course-modal .form-section .section-header i{font-size:1.25rem;color:#ffffff;background:rgba(0,0,0,.3);padding:10px;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.container-create-course-modal .form-section .section-header h3{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0;letter-spacing:-.01em}.container-create-course-modal .form-section .section-content{padding:var(--spacing-lg)}.container-create-course-modal label{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--spacing-lg)}.container-create-course-modal label:last-child{margin-bottom:0}.container-create-course-modal label span{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.9);letter-spacing:.01em;display:flex;align-items:center;gap:8px}.container-create-course-modal label span i{color:#ffffff;font-size:.95rem}.container-create-course-modal label input,.container-create-course-modal label select,.container-create-course-modal label textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;font-size:.95rem;transition:all .2s ease;font-family:inherit}.container-create-course-modal label input::placeholder,.container-create-course-modal label select::placeholder,.container-create-course-modal label textarea::placeholder{color:rgba(255,255,255,.4)}.container-create-course-modal label input:hover,.container-create-course-modal label select:hover,.container-create-course-modal label textarea:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.container-create-course-modal label input:focus,.container-create-course-modal label select:focus,.container-create-course-modal label textarea:focus{outline:none;border-color:var(--background-color-2);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(0,0,0,.2)}.container-create-course-modal label textarea{min-height:80px;resize:vertical;line-height:1.5}.container-create-course-modal label select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.container-create-course-modal label select option{background:var(--background-color-2);color:#ffffff}.container-create-course-modal label input[type=number]::-webkit-inner-spin-button,.container-create-course-modal label input[type=number]::-webkit-outer-spin-button{opacity:.5}.container-create-course-modal .upload-button{width:100%;padding:16px;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.2));border:2px dashed rgba(0,0,0,.4);border-radius:12px;color:#ffffff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.container-create-course-modal .upload-button i{font-size:1.5rem;color:#ffffff}.container-create-course-modal .upload-button small{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:400}.container-create-course-modal .upload-button:hover{background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.3));border-color:var(--background-color-2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-course-modal .upload-button:active{transform:translateY(0)}.container-create-course-modal .uploaded-file-preview{margin-top:12px;padding:12px 16px;background:rgba(0,0,0,.2);border:1px solid var(--background-color-2);border-radius:8px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}.container-create-course-modal .uploaded-file-preview i.fa-check-circle{font-size:1.25rem;color:#ffffff}.container-create-course-modal .uploaded-file-preview span{flex:1 1;font-size:.9rem;color:#ffffff}.container-create-course-modal .uploaded-file-preview button{background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.container-create-course-modal .uploaded-file-preview button:hover{background:rgba(255,255,255,.1);color:#ffffff}.container-create-course-modal .teacher-profile-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.container-create-course-modal .teacher-profile-row:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.container-create-course-modal .error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-top:var(--spacing-lg);animation:shake .4s ease}.container-create-course-modal .error-message i{font-size:1.125rem;color:#ff6b6b}.container-create-course-modal footer{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-primary-20);background:linear-gradient(0deg,rgba(255,255,255,.02),transparent)}.container-create-course-modal footer button{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.01em;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.container-create-course-modal footer button.btn-cancel{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.1)}.container-create-course-modal footer button.btn-cancel:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.container-create-course-modal footer button.btn-cancel:active{transform:translateY(0)}.container-create-course-modal footer button.btn-cancel i{color:inherit}.container-create-course-modal footer button.btn-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.1)}.container-create-course-modal footer button.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.container-create-course-modal footer button.btn-secondary:active{transform:translateY(0)}.container-create-course-modal footer button.btn-secondary i{color:inherit}.container-create-course-modal footer button.btn-primary{background:var(--background-color-2);color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-course-modal footer button.btn-primary:hover{background:var(--background-color-2);opacity:.9;box-shadow:0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px)}.container-create-course-modal footer button.btn-primary:active{transform:translateY(0)}.container-create-course-modal footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-create-course-modal footer button.btn-primary i{color:inherit}.container-create-course-modal .success-message i{color:var(--background-color-2)}.container-create-lesson-modal .modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);animation:fadeIn .2s ease}.container-create-lesson-modal .modal-content{width:min(950px,95vw);max-height:90vh;background:var(--background-color-8);border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.3);animation:slideUp .3s ease;overflow:hidden}.container-create-lesson-modal .modal-content.success-message{animation:scaleIn .3s ease}.container-create-lesson-modal header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-create-lesson-modal header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0;letter-spacing:-.02em}.container-create-lesson-modal header p{color:rgba(255,255,255,.6)}.container-create-lesson-modal header .close-button{background:transparent;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.container-create-lesson-modal header .close-button:hover{background:rgba(255,255,255,.1);color:#ffffff;transform:scale(1.05)}.container-create-lesson-modal header .close-button:active{transform:scale(.95)}.container-create-lesson-modal .steps-indicator{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:rgba(255,255,255,.02);position:relative}.container-create-lesson-modal .steps-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(255,255,255,.1);z-index:0}.container-create-lesson-modal .steps-indicator .step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative;z-index:1;flex:1 1}.container-create-lesson-modal .steps-indicator .step .step-number{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;color:rgba(255,255,255,.5);transition:all .3s ease}.container-create-lesson-modal .steps-indicator .step .step-label{font-size:.75rem;color:rgba(255,255,255,.5);text-align:center;transition:all .3s ease}.container-create-lesson-modal .steps-indicator .step.active .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-lesson-modal .steps-indicator .step.active .step-label{color:#ffffff;font-weight:500}.container-create-lesson-modal .steps-indicator .step.completed .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#ffffff;font-size:0}.container-create-lesson-modal .steps-indicator .step.completed .step-number:before{content:"✓";font-size:1.2rem;display:block}.container-create-lesson-modal .steps-indicator .step.completed .step-label{color:rgba(255,255,255,.7)}.container-create-lesson-modal form{display:flex;flex-direction:column;flex:1 1;min-height:0}.container-create-lesson-modal form>div:first-of-type{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl)}.container-create-lesson-modal form>div:first-of-type::-webkit-scrollbar{width:8px}.container-create-lesson-modal form>div:first-of-type::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.container-create-lesson-modal form>div:first-of-type::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.container-create-lesson-modal form>div:first-of-type::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.container-create-lesson-modal .form-section{margin-bottom:var(--spacing-xxl);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden;transition:all .3s ease;animation:fadeIn .4s ease}.container-create-lesson-modal .form-section:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.container-create-lesson-modal .form-section .section-header{display:flex;align-items:center;gap:12px;padding:var(--spacing-lg);background:var(--background-color-2);border-bottom:1px solid rgba(255,255,255,.1)}.container-create-lesson-modal .form-section .section-header i{font-size:1.25rem;color:#ffffff;background:rgba(0,0,0,.3);padding:10px;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.container-create-lesson-modal .form-section .section-header h3{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0;letter-spacing:-.01em}.container-create-lesson-modal .form-section .section-content{padding:var(--spacing-lg)}.container-create-lesson-modal label{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--spacing-lg)}.container-create-lesson-modal label:last-child{margin-bottom:0}.container-create-lesson-modal label span{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.9);letter-spacing:.01em;display:flex;align-items:center;gap:8px}.container-create-lesson-modal label span i{color:#ffffff;font-size:.95rem}.container-create-lesson-modal label input,.container-create-lesson-modal label select,.container-create-lesson-modal label textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;font-size:.95rem;transition:all .2s ease;font-family:inherit}.container-create-lesson-modal label input::placeholder,.container-create-lesson-modal label select::placeholder,.container-create-lesson-modal label textarea::placeholder{color:rgba(255,255,255,.4)}.container-create-lesson-modal label input:hover,.container-create-lesson-modal label select:hover,.container-create-lesson-modal label textarea:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.container-create-lesson-modal label input:focus,.container-create-lesson-modal label select:focus,.container-create-lesson-modal label textarea:focus{outline:none;border-color:var(--background-color-2);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(0,0,0,.2)}.container-create-lesson-modal label textarea{min-height:80px;resize:vertical;line-height:1.5}.container-create-lesson-modal label select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.container-create-lesson-modal label select option{background:var(--background-color-2);color:#ffffff}.container-create-lesson-modal label input[type=number]::-webkit-inner-spin-button,.container-create-lesson-modal label input[type=number]::-webkit-outer-spin-button{opacity:.5}.container-create-lesson-modal .upload-button{width:100%;padding:16px;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.2));border:2px dashed rgba(0,0,0,.4);border-radius:12px;color:#ffffff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.container-create-lesson-modal .upload-button i{font-size:1.5rem;color:#ffffff}.container-create-lesson-modal .upload-button small{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:400}.container-create-lesson-modal .upload-button:hover{background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.3));border-color:var(--background-color-2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-lesson-modal .upload-button:active{transform:translateY(0)}.container-create-lesson-modal .uploaded-file-preview{margin-top:12px;padding:12px 16px;background:rgba(0,0,0,.2);border:1px solid var(--background-color-2);border-radius:8px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}.container-create-lesson-modal .uploaded-file-preview i.fa-check-circle{font-size:1.25rem;color:#ffffff}.container-create-lesson-modal .uploaded-file-preview span{flex:1 1;font-size:.9rem;color:#ffffff}.container-create-lesson-modal .uploaded-file-preview button{background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.container-create-lesson-modal .uploaded-file-preview button:hover{background:rgba(255,255,255,.1);color:#ffffff}.container-create-lesson-modal .resources-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.container-create-lesson-modal .resources-list .resource-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.4);border-radius:6px;font-size:.85rem;color:#ffffff;animation:scaleIn .2s ease}.container-create-lesson-modal .resources-list .resource-tag i{color:#ffffff}.container-create-lesson-modal .resources-list .resource-tag button{background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s ease}.container-create-lesson-modal .resources-list .resource-tag button:hover{color:#ff6b6b}.container-create-lesson-modal .error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-top:var(--spacing-lg);animation:shake .4s ease}.container-create-lesson-modal .error-message i{font-size:1.125rem;color:#ff6b6b}.container-create-lesson-modal footer{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-primary-20);background:linear-gradient(0deg,rgba(255,255,255,.02),transparent)}.container-create-lesson-modal footer button{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.01em;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.container-create-lesson-modal footer button.btn-cancel{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.1)}.container-create-lesson-modal footer button.btn-cancel:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.container-create-lesson-modal footer button.btn-cancel:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-cancel i{color:inherit}.container-create-lesson-modal footer button.btn-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.1)}.container-create-lesson-modal footer button.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.container-create-lesson-modal footer button.btn-secondary:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-secondary i{color:inherit}.container-create-lesson-modal footer button.btn-primary{background:var(--background-color-2);color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-create-lesson-modal footer button.btn-primary:hover{background:var(--background-color-2);opacity:.9;box-shadow:0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px)}.container-create-lesson-modal footer button.btn-primary:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-create-lesson-modal footer button.btn-primary i{color:inherit}.container-create-lesson-modal .success-message i{color:var(--background-color-2)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.container-enroll-dialog .modal-card{position:fixed!important;inset:0!important;background:rgba(0,0,0,.75)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;animation:fadeIn .2s ease;overflow:hidden!important;overflow-y:hidden!important;box-sizing:border-box!important;width:min(420px,92vw)!important;max-height:90vh!important;height:auto!important;background:var(--background-color-4)!important;color:var(--color-primary)!important;border-radius:var(--border-radius)!important;border:1px solid var(--color-primary-20)!important;padding:var(--spacing-xl)!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important;flex-direction:column!important;animation:slideUp .3s cubic-bezier(.4,0,.2,1)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:auto!important;flex-shrink:0!important}.container-enroll-dialog .modal-card::-webkit-scrollbar{width:6px}.container-enroll-dialog .modal-card::-webkit-scrollbar-track{background:transparent}.container-enroll-dialog .modal-card::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.container-enroll-dialog .modal-card::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.container-enroll-dialog .modal-card h2{color:var(--color-primary)!important;font-size:var(--font-size-xxl);font-weight:700;margin:0 0 var(--spacing-md) 0}.container-enroll-dialog .modal-card p{color:var(--color-primary)!important;font-size:var(--font-size-md);margin:var(--spacing-md) 0;line-height:1.5}.container-enroll-dialog .modal-card footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-primary-20);flex-shrink:0}.container-enroll-dialog .modal-card footer button{all:unset;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-button);font-size:var(--font-size-md);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-enroll-dialog .modal-card footer button[type=button]{background:transparent;color:var(--color-primary)!important;border:1px solid var(--color-primary-20)}.container-enroll-dialog .modal-card footer button[type=button]:hover{background:var(--background-color-12-40);border-color:var(--color-primary-40);transform:translateY(-1px);color:var(--color-primary)!important}.container-enroll-dialog .modal-card footer button[type=button]:active{transform:translateY(0)}.container-enroll-dialog .modal-card footer button:not([type=button]){background:var(--background-color-12);color:var(--color-primary)!important;border:none}.container-enroll-dialog .modal-card footer button:not([type=button]):hover{background:var(--background-color-12-40);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--color-primary)!important}.container-enroll-dialog .modal-card footer button:not([type=button]):active{transform:translateY(0)}.container-enroll-dialog .modal-card footer button:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.container-enroll-dialog .modal-card footer button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:600px){.container-enroll-dialog .modal-card{width:95vw;max-height:95vh;padding:var(--spacing-lg)}.container-enroll-dialog .modal-card h2{font-size:var(--font-size-xl)}.container-enroll-dialog .modal-card footer{flex-direction:column-reverse}.container-enroll-dialog .modal-card footer button{width:100%;text-align:center}}.container-role-select{display:flex;gap:var(--spacing-xs);background:var(--background-color-1);border:1px solid var(--color-primary-20);border-radius:50px;padding:var(--spacing-xs);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.container-role-select,.container-role-select *{color:#ffffff!important}.container-role-select .role-select-button{all:unset;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);border-radius:50px;font-size:var(--font-size-sm);font-weight:600;font-family:inherit;color:#ffffff!important;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;white-space:nowrap;text-transform:capitalize;line-height:1.5}.container-role-select .role-select-button:hover{color:#ffffff!important;background:var(--background-color-12-40)}.container-role-select .role-select-button:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px;color:#ffffff!important}.container-role-select .role-select-button[data-active=true]{color:#ffffff!important;background:var(--background-color-12);box-shadow:0 2px 8px rgba(0,0,0,.2)}.container-role-select .role-select-button[data-active=true]:before{content:"";position:absolute;inset:0;border-radius:50px;background:linear-gradient(135deg,var(--color-seven),var(--background-color-12));opacity:.3;z-index:-1}@media (max-width:600px){.container-role-select{flex-direction:column;border-radius:var(--border-radius)}.container-role-select .role-select-button{width:100%;text-align:center;border-radius:var(--border-radius-button)}}.container-media-upload-modal .modal-backdrop{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);animation:fadeIn .2s ease}.container-media-upload-modal .modal-content{width:min(800px,95vw);max-height:85vh;background:var(--background-color-8);border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;overflow:hidden}.container-media-upload-modal header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-media-upload-modal header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.container-media-upload-modal header h2 i{color:var(--color-secondary)}.container-media-upload-modal header p{color:rgba(255,255,255,.6)}.container-media-upload-modal header button{background:transparent;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.container-media-upload-modal header button:hover{background:rgba(255,255,255,.1);color:#ffffff}.container-media-upload-modal>div>div:nth-child(2) button i{color:inherit}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar{width:8px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.container-media-upload-modal footer button i{color:inherit}.container-students-select-modal .modal-backdrop{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);animation:fadeIn .2s ease}.container-students-select-modal .modal-content{width:min(800px,95vw);max-height:85vh;background:var(--background-color-8);border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;overflow:hidden}.container-students-select-modal header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-students-select-modal header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.container-students-select-modal header p{color:rgba(255,255,255,.6)}.container-students-select-modal header button{background:transparent;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.container-students-select-modal header button:hover{background:rgba(255,255,255,.1);color:#ffffff}.container-students-select-modal footer button i{color:inherit}.container-course-details-modal .modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);animation:fadeIn .2s ease}.container-course-details-modal .modal-content{width:min(1200px,95vw);max-height:90vh;background:var(--background-color-8);border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;overflow:hidden}.container-course-details-modal header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-course-details-modal header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.container-course-details-modal header p{color:rgba(255,255,255,.6)}.container-course-details-modal header .close-button{background:transparent;border:none;color:rgba(255,255,255,.7);font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.container-course-details-modal header .close-button:hover{background:rgba(255,255,255,.1);color:#ffffff;transform:scale(1.05)}.container-course-details-modal header .close-button:active{transform:scale(.95)}.container-course-details-modal .section-header{display:flex;align-items:center;gap:12px;padding:var(--spacing-lg);background:var(--background-color-2);border-bottom:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;margin-bottom:var(--spacing-lg)}.container-course-details-modal .section-header h3{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0}.container-course-details-modal .section-header h3 i{color:#ffffff}.container-course-details-modal footer button{padding:12px 24px;background:var(--background-color-2);color:#ffffff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.container-course-details-modal footer button:hover{opacity:.9;box-shadow:0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px)}.container-course-details-modal footer button:active{transform:translateY(0)}.container-course-details-modal footer button i{color:inherit}.container-course-details-modal>div>div:nth-child(2)::-webkit-scrollbar{width:8px}.container-course-details-modal>div>div:nth-child(2)::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.container-course-details-modal>div>div:nth-child(2)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.container-course-details-modal>div>div:nth-child(2)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.container-students-view{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);width:100%;min-height:100vh;background:var(--background-color-1);animation:fadeIn .5s ease}.students-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);opacity:0;animation:fadeInSlide .6s ease forwards}.students-title{color:#ffffff;font-size:var(--font-size-xxxl);font-weight:800;margin:0;animation:slideInLeft .6s ease .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.students-list-container{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .5s ease .4s both}.students-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.students-count{color:rgba(255,255,255,.7);font-size:var(--font-size-md);font-weight:500}.students-list{gap:var(--spacing-md)}.students-empty,.students-list{display:flex;flex-direction:column}.students-empty{align-items:center;justify-content:center;padding:var(--spacing-xxl);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:300px}@media (max-width:900px){.container-students-view{padding:var(--spacing-lg)}.students-title{font-size:var(--font-size-xxl)}}@media (max-width:600px){.container-students-view{padding:var(--spacing-md)}.students-title{font-size:var(--font-size-xl)}}.container-student-filters{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);align-items:flex-start;justify-content:space-between;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--background-color-1);border-radius:var(--border-radius);border:1px solid var(--color-primary-20);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff!important;opacity:0;animation:fadeInScale .5s ease .2s forwards}.container-student-filters *{color:#ffffff!important}@media (max-width:900px){.container-student-filters{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:var(--spacing-md)}}.student-filters-search-label{position:relative;width:59%;max-width:59%;flex:0 0 59%;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:900px){.student-filters-search-label{width:100%;max-width:100%;flex:0 0 100%}}.student-filters-label-text{color:#ffffff!important;font-size:var(--font-size-sm);font-weight:500;opacity:.9;display:flex;align-items:center}.student-filters-search-input{all:unset;width:100%;background:transparent;color:#ffffff!important;border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-input);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1.5;position:relative}.student-filters-search-input::placeholder{color:#ffffff!important;opacity:.5}.student-filters-search-input:focus{border-color:rgba(255,255,255,.8);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.15);background:rgba(255,255,255,.05);color:#ffffff!important;transform:translateY(-1px)}.student-filters-search-input:hover:not(:focus){border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.03);color:#ffffff!important;transform:translateY(-1px)}.student-filters-position-label{position:relative;width:36%;max-width:36%;flex:0 0 36%;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:900px){.student-filters-position-label{width:100%;max-width:100%;flex:0 0 100%}}.student-filters-position-select{all:unset;min-width:180px;background:transparent;color:#ffffff!important;border:1px solid rgba(255,255,255,.6);border-radius:var(--border-radius-input);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1.5}.student-filters-position-select:focus{border-color:rgba(255,255,255,.8);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.15);background:rgba(255,255,255,.05);color:#ffffff!important;transform:translateY(-1px)}.student-filters-position-select:hover:not(:focus){border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.03);color:#ffffff!important;transform:translateY(-1px)}.student-filters-position-select option{background:var(--background-color-1)!important;color:#ffffff!important;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:400}.student-filters-position-select option:checked{background:var(--background-color-12)!important;color:#ffffff!important}.student-filters-position-select option:hover{background:var(--background-color-12-40)!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.container-student-filters{flex-direction:column}.student-filters-position-label,.student-filters-position-select,.student-filters-search-label{width:100%}}.student-row{background:linear-gradient(135deg,var(--background-color-8) 0,rgba(35,35,45,.95) 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease forwards;animation-delay:calc(var(--index, 0) * .05s);opacity:0;width:100%;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1);z-index:1}.student-row.student-row-menu-open{z-index:1000000}.student-row:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.student-row:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.2),0 0 0 1px rgba(105,177,171,.2);border-color:rgba(105,177,171,.3);background:linear-gradient(135deg,var(--background-color-8) 0,rgb(35,35,45) 100%)}.student-row:hover:before{opacity:1}.student-row:active{transform:translateY(-2px) scale(1)}.student-row-main{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.student-photo{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--background-color-2) 0,rgba(105,177,171,.8) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid rgba(105,177,171,.3);box-shadow:0 4px 12px rgba(105,177,171,.2),inset 0 1px 2px rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.student-photo:after{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(105,177,171,.5),rgba(105,177,171,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.student-row:hover .student-photo{transform:scale(1.05);border-color:rgba(105,177,171,.5);box-shadow:0 6px 16px rgba(105,177,171,.3),inset 0 1px 2px rgba(255,255,255,.2)}.student-row:hover .student-photo:after{opacity:1}.student-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-photo i{font-size:1.5rem;color:#ffffff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.student-info{flex:1 1;min-width:0}.student-name-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.student-name{font-size:var(--font-size-lg);font-weight:700;color:#ffffff;margin:0;line-height:1.3;background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.student-row:hover .student-name{background:linear-gradient(135deg,#ffffff,rgba(105,177,171,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.student-position{color:rgba(255,255,255,.7)}.student-courses,.student-position{font-size:var(--font-size-sm);font-weight:500}.student-courses{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,rgba(105,177,171,.1),rgba(105,177,171,.05));border:1px solid rgba(105,177,171,.2);border-radius:12px;color:#ffffff;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.student-courses:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.student-courses:before,.student-courses:hover{background:linear-gradient(135deg,rgba(105,177,171,.2),rgba(105,177,171,.1))}.student-courses:hover{border-color:rgba(105,177,171,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(105,177,171,.2)}.student-courses:hover:before{opacity:1}.student-courses:active{transform:translateY(0)}.student-courses i{color:var(--background-color-2);font-size:.875rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.student-courses:hover i{transform:scale(1.1)}.student-last-login{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:rgba(255,255,255,.6);white-space:nowrap}.student-last-login i{color:rgba(255,255,255,.5);font-size:.875rem}.student-actions{position:relative;flex-shrink:0;z-index:1000000}.student-menu-button{all:unset;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:rgba(255,255,255,.7);transition:all .2s ease}.student-menu-button:hover{background:rgba(255,255,255,.1);color:#ffffff}.student-menu-button:active{transform:scale(.95)}.student-menu-button i{font-size:1rem}.student-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--background-color-8);border:1px solid var(--color-primary-20);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3);min-width:280px;z-index:99999999;animation:slideDown .2s ease;overflow:hidden}.student-menu-item{all:unset;display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);color:#ffffff;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;text-align:left;background:transparent;border:none}.student-menu-item i{width:18px;text-align:center;color:rgba(255,255,255,.7);font-size:.875rem}.student-menu-item:hover{background:rgba(255,255,255,.05);color:#ffffff}.student-menu-item:hover i{color:#ffffff}.student-menu-item:active{background:rgba(255,255,255,.08)}.student-menu-item-danger,.student-menu-item-danger i{color:#ff6b6b}.student-menu-item-danger:hover{background:rgba(255,107,107,.1);color:#ff6b6b}.student-menu-item-danger:hover i{color:#ff6b6b}.student-menu-divider{height:1px;background:var(--color-primary-20);margin:var(--spacing-xs) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.student-row-main{flex-wrap:wrap;gap:var(--spacing-md)}.student-info{flex:1 1 100%;min-width:0}.student-courses,.student-last-login{flex:1 1 auto}}@media (max-width:600px){.student-row-main{padding:var(--spacing-md)}.student-photo{width:48px;height:48px}.student-photo i{font-size:1.25rem}.student-name{font-size:var(--font-size-md)}.student-courses,.student-last-login{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.student-menu-dropdown{right:auto;left:0;min-width:200px}}.student-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-button{all:unset;cursor:pointer;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-sm);font-weight:500;color:rgba(255,255,255,.7);background:transparent;border:1px solid transparent;transition:all .2s ease;font-family:inherit}.pagination-button:hover:not(:disabled){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#ffffff}.pagination-button:active:not(:disabled){transform:scale(.95)}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-button:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.pagination-button-page.pagination-button-active{background:var(--background-color-2);border-color:var(--background-color-2);color:#ffffff;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.2)}.pagination-ellipsis{color:rgba(255,255,255,.5);font-size:var(--font-size-sm);padding:0 var(--spacing-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-button-next i,.pagination-button-prev i{font-size:.875rem}@media (max-width:600px){.student-pagination{gap:var(--spacing-xs)}.pagination-button{min-width:36px;height:36px;font-size:var(--font-size-xs)}.pagination-ellipsis{padding:0 var(--spacing-xs)}}.container-student-courses-modal .modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg)}.container-student-courses-modal .modal-content{width:min(800px,95vw);max-height:90vh;background:var(--background-color-8);color:#ffffff;border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .3s ease}.container-student-courses-modal header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-student-courses-modal .close-button{all:unset;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#ffffff;transition:all .2s ease}.container-student-courses-modal .close-button:hover{background:rgba(255,255,255,.1)}.container-student-courses-modal .close-button:active{transform:scale(.95)}.container-student-courses-modal .close-button i{font-size:1rem}.container-confirm-modal .modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg)}.container-confirm-modal .modal-content{width:min(450px,95vw);max-height:90vh;background:var(--background-color-8);color:#ffffff;border-radius:16px;border:1px solid var(--color-primary-20);box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .3s ease}.container-confirm-modal header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:var(--background-color-2)}.container-confirm-modal .close-button{all:unset;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#ffffff;transition:all .2s ease}.container-confirm-modal .close-button:hover{background:rgba(255,255,255,.1)}.container-confirm-modal .close-button:active{transform:scale(.95)}.container-confirm-modal .close-button i{font-size:1rem}.container-confirm-modal footer{padding:var(--spacing-xl);border-top:1px solid var(--color-primary-20);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.container-confirm-modal .confirm-button{all:unset;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;font-size:var(--font-size-sm);font-weight:500;color:#ffffff;background:var(--background-color-2);transition:all .2s ease}.container-confirm-modal .confirm-button:hover{opacity:.9;transform:translateY(-1px)}.container-confirm-modal .confirm-button:active{transform:translateY(0)}.container-confirm-modal .confirm-button-danger{all:unset;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;font-size:var(--font-size-sm);font-weight:500;color:#ffffff;background:#ff6b6b;transition:all .2s ease}.container-confirm-modal .confirm-button-danger:hover{opacity:.9;transform:translateY(-1px);background:#ff5252}.container-confirm-modal .confirm-button-danger:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media only screen and (max-width:600px){.progress-container{width:100%;padding:var(--spacing-m-lg);margin-top:var(--spacing-m-xxxxl)}.progress-container .title-curso{width:100%}.progress-container .title-curso h4{font-size:var(--font-size-m-xxl)}.progress-container .row-completed-title{width:100%}.progress-container .row-completed-title p{font-size:var(--font-size-m-xl)}.progress-container .row-progress-bar{margin-bottom:var(--spacing-m-lg)}.progress-container .row-progress-title{margin-bottom:var(--spacing-m-sm)}.progress-container .row-progress-title .left{width:90%}.progress-container .row-progress-title .left p{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .title-comentarios h3{font-size:var(--font-size-m-xxl)}.progress-container .container-comentarios .row-profile-coment{margin-bottom:var(--spacing-m-xxl)}.progress-container .container-comentarios .row-profile-coment .title-name{width:60%}.progress-container .container-comentarios .row-profile-coment .title-name h5{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .row-profile-coment .comentario{margin-top:var(--spacing-m-sm)}.progress-container .container-comentarios .row-profile-coment .comentario p{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .row-profile-coment .respuestas{margin-top:var(--spacing-m-md)}.progress-container .container-comentarios .row-profile-coment .respuestas p{font-size:var(--spacing-m-sm)}.progress-container .container-comentarios .row-profile-coment .respuestas img{width:5%}.progress-container .button-add-comentario,.progress-container .container-comentarios .row-profile-coment .row-profile-coment{margin-top:var(--spacing-m-lg)}.progress-container .button-add-comentario input{font-size:var(--font-size-m-xxl);padding:var(--spacing-m-sm)}.course-container{display:flex!important;flex-direction:column!important;width:100%;padding:var(--spacing-m-xl);overflow:visible}.course-container .title-course{width:100%}.course-container .title-course h3{font-size:var(--font-size-m-xxl)}.course-container .video-container{margin-top:var(--spacing-m-xl);order:1!important}.course-container .video-container iframe{min-height:25vh}.course-container .container-subtitle-course{flex-direction:column;justify-content:flex-start;order:2!important}.course-container .container-subtitle-course .title{width:100%;margin-top:var(--spacing-m-md)}.course-container .container-subtitle-course .title h1{font-size:var(--font-size-m-xxxl);width:100%;text-align:left}.course-container .container-subtitle-course .toggle-capitulo{width:100%;display:flex!important;justify-content:flex-start;margin-top:var(--spacing-m-lg)}.course-container .container-subtitle-course .toggle-capitulo p{font-size:var(--font-size-m-xxl)}.course-container .container-subtitle-course .toggle-capitulo .buttons{display:flex;justify-content:flex-end;width:20%}.course-container .container-subtitle-course .toggle-capitulo .buttons img{width:40%}.course-container .container-information-video{order:3!important;flex-direction:column;display:flex}.course-container .container-information-video .navbar{width:60%;margin-top:var(--spacing-m-md)}.course-container .container-information-video .navbar p{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container{width:100%;display:flex;flex-direction:column}.course-container .container-information-video .information-video-container .notas-view{flex-direction:column}.course-container .container-information-video .information-video-container .notas-view .notas-container{width:100%}.course-container .container-information-video .information-video-container .notas-view .notas-container p{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container .notas-view .author-container{width:100%}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author{margin-top:var(--spacing-m-md);width:100%;padding:var(--spacing-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author{width:80%;margin-top:var(--spacing-m-xl)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info{width:50%;margin-left:var(--spacing-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info h4{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info p{font-size:var(--font-size-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .biografia-containe p{font-size:var(--font-size-m-lg);margin-bottom:var(--spacing-m-md)}.know-you-container{flex-direction:column;display:flex;overflow:hidden}.know-you-container .container-logo-nav{width:100%;margin-bottom:var(--spacing-m-xxl)}.know-you-container .container-logo-nav img{width:10%}.know-you-container .container-questions{width:100%;padding:var(--spacing-m-xxl);justify-content:flex-start}.know-you-container .container-questions .title-cuestionario h1{font-size:var(--spacing-m-lg)}.know-you-container .container-questions .question{margin-top:var(--spacing-m-xxl)}.know-you-container .container-questions .question h2{font-size:var(--font-size-m-xxxxl);width:100%;text-align:center}.know-you-container .container-questions .container-buttons-respuesta{flex-direction:column;margin-top:var(--spacing-m-xxxl)}.know-you-container .container-questions .container-buttons-respuesta button{width:70%;margin-bottom:var(--spacing-m-xxl);font-size:var(--font-size-m-xxxl);font-weight:500}.know-you-container .container-questions .container-buttons{margin-top:var(--spacing-m-xxxxl);padding:var(--spacing-m-lg)}.know-you-container .container-questions .container-buttons button{font-size:var(--font-size-m-xxl)}}