@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.error-container{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);padding:1rem 1.5rem;display:flex;align-items:center;gap:.7rem;margin:1rem 0;flex-wrap:wrap}@media(max-width:480px){.error-container{padding:.4rem 1rem;gap:.5rem;margin:0rem 0}}.error-icono{font-size:1.5rem}@media(max-width:480px){.error-icono{font-size:1rem}}.error-mensaje{color:#c62828;font-size:.9rem;font-weight:500;margin:0;flex:1}@media(max-width:480px){.error-mensaje{font-size:.75rem}}.error-boton{padding:.5rem 1rem;background:transparent;border:2px solid #C62828;color:#c62828;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.error-boton:hover{background:#f443361a;transform:translateY(-1px)}.login-container{display:flex;width:100%;max-width:1100px;min-height:600px;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg);overflow:hidden}.login-left{flex:1;background:linear-gradient(135deg,#313ecc1a,#9852e926,#53dbd726);padding:1rem 3.5rem 3.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.login-left-content{display:flex;flex-direction:column;gap:2rem;z-index:1}.login-logo-link{position:absolute;top:2rem;left:2.5rem;z-index:10;transition:transform .2s ease,opacity .2s ease;display:flex}.login-logo-link:hover{transform:scale(1.02);opacity:.9}.login-logo-img{width:200px;height:auto;object-fit:contain}.login-welcome-title{font-size:2.5rem;font-weight:800;color:#1f2937;line-height:1.2;margin:0}.login-welcome-text{font-size:1.1rem;color:#4b5563;line-height:1.6;margin:0;max-width:395px}.login-robot-container{position:absolute;bottom:2rem;right:-23.5px;width:170px;height:auto}@keyframes robot-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-10px) rotate(1.5deg)}60%{transform:translateY(-5px) rotate(-1deg)}}.login-robot{width:100%;height:auto;object-fit:contain;animation:robot-bob 4s ease-in-out infinite;transform-origin:bottom center}.login-right{flex:0 0 450px;background:#fff9;padding:3.5rem;display:flex;flex-direction:column;justify-content:center}.login-right-content{width:100%;max-width:380px;margin:0 auto}.login-form-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;font-weight:600;color:#374151}.form-group input{padding:.75rem 1rem;background:#fff;border:2px solid var(--gris-medio);border-radius:22px;font-size:.9rem;transition:var(--transition);width:100%}.form-group input:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px #313ecc1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.input-with-icon{position:relative;width:100%}.input-with-icon input{padding-left:2.6rem}.input-icon{position:absolute;left:1.1rem;top:49%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;pointer-events:none;z-index:1}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input-with-icon{flex:1}.password-input-wrapper input{width:100%;padding-right:3rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.toggle-password:hover{color:var(--azul)}.btn-login{padding:.9rem 2rem;background:var(--azul);background:linear-gradient(135deg,var(--azul) 0%,var(--morado) 100%);background-size:150% 100%;color:#fff;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem;max-width:200px;width:100%;align-self:center}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #313ecc4d;background-position:right center}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.link-forgot-password{background:none;border:none;color:var(--azul);font-size:.85rem;font-weight:500;cursor:pointer;text-align:center;padding:.5rem;transition:var(--transition)}.link-forgot-password:hover:not(:disabled){opacity:.8;text-decoration:underline}.recovery-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.info-box{background:var(--azul-suave);border-left:3px solid var(--azul);border-right:3px solid var(--azul);padding:1rem;border-radius:8px}.info-text{font-size:.95rem;color:#374151;margin:0;line-height:1.5;text-align:center}.recovery-subtitle{font-size:.95rem;color:#6b7280;text-align:center;margin:0}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;background:#25d366;color:#fff;border:none;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;max-width:200px;width:100%;align-self:center}.btn-whatsapp:hover{background:#1fb855;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.whatsapp-icon{font-size:1.5rem}.btn-back-to-login{background:none;border:none;color:var(--azul);font-size:.9rem;font-weight:500;cursor:pointer;text-align:center;padding:.5rem;transition:var(--transition);margin-top:.5rem}.btn-back-to-login:hover{opacity:.8;text-decoration:underline}@media(min-width:968px)and (max-width:1090px){.login-welcome-text{padding-right:100px}}@media(max-width:968px){.login-container{flex-direction:column;max-width:600px;min-height:auto}.login-left{padding:8rem 3rem 3rem}.login-left-content{gap:1.5rem}.login-welcome-title{font-size:2rem}.login-welcome-text{font-size:.92rem;max-width:350px}.login-robot-container{bottom:-7.5rem;right:-21px;width:150px}.login-right{flex:1;padding:3rem}.login-logo-link{width:170px}.login-logo-img{width:100%}}@media(max-width:480px){.login-container{max-width:100%}.login-left{padding:6rem 2.5rem 2rem}.login-left-content{gap:1rem}.login-right{padding:2rem 2.3rem}.login-welcome-title{font-size:1.5rem;text-align:center}.login-welcome-text{text-align:center;font-size:.8rem;max-width:100%;line-height:1.45}.login-form-title{font-size:1.5rem;margin:0 0 1.3rem}.form-group input{font-size:.85rem}.login-form{gap:1rem}.login-form .form-group:nth-child(2){margin-top:10px;margin-bottom:10px}.login-robot-container{bottom:-7.6rem;right:-13px;width:90px}.login-logo-link{width:140px;top:1.8rem;left:2rem}.login-logo-img{width:100%}.info-text{font-size:.9rem;line-height:1.4}.recovery-subtitle{font-size:.85rem}}.login-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden}.login-page-content{width:100%;display:flex;justify-content:center;animation:fadeIn .5s ease;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-page{padding:2rem}}.header{background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 32px #0000000d;height:80px;border-radius:24px;flex-shrink:0;z-index:1000;position:relative;width:100%}.header-content{margin:0 auto;height:100%;padding:0 3.5rem;display:flex;align-items:center;justify-content:space-between}.btn-back-header{display:flex;align-items:center;gap:.1rem;background:#ffffff80;padding:.7rem 1rem .7rem .8rem;border-radius:25px;border:1px solid #e1e7f0;color:#5b677b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-left:2.5rem;box-shadow:inset 1px 1px 2px #0000000a,inset -1px -1px 2px #0000000a,1px 1px 2px #0000000a,-1px -1px 2px #0000000a}.btn-back-header:hover{background:#f9fafb;transform:translate(-3px);box-shadow:0 4px 5px #0000000d;border-color:#dadee3}.back-icon{font-size:1.1rem}.header-left,.header-right{flex:1;display:flex;align-items:center}.header-center{flex:2;display:flex;align-items:center;justify-content:center;gap:2rem}.header-right{justify-content:flex-end;gap:1.5rem}.header-logo{display:flex;transition:transform .2s ease,opacity .2s ease;cursor:pointer;text-decoration:none}.header-logo:hover{transform:scale(1.02);opacity:.9}.logo-img{height:45px;width:auto;object-fit:contain}.header-user-actions{display:flex;flex-direction:column;align-items:flex-end;gap:0}.header-saludo{font-size:1rem;font-weight:500;color:#6b7280;margin-bottom:-2px}.user-name{color:#1c2840;font-weight:700}.progress-pill{display:flex;align-items:center;gap:.9rem;background:#f9fafb;border:1px solid #ecf1f8;padding:.5rem 1.4rem;border-radius:50px;box-shadow:inset 1px 1px 2px #00000008,inset -1px -1px 2px #00000008,1px 1px 2px #00000008,-1px -1px 2px #00000008}.game-icon{color:#3b82f6;font-size:1.5rem}.course-name-short{font-size:.78rem;font-weight:700;color:#374151;text-transform:uppercase;white-space:nowrap}.mini-progress-bar-container{width:100px;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.mini-progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;transition:width .05s ease-out}.progress-percent{font-size:.85rem;font-weight:700;color:#4f46e5;min-width:35px}.btn-logout{display:flex;align-items:center;gap:.3rem;background:transparent;border:none;color:#9ca3af;font-weight:500;font-size:.73rem;cursor:pointer;transition:all .2s ease;padding:.1rem 0}.btn-logout:hover{color:#ef4444;transform:translate(-3px)}.logout-icon{font-size:.8rem}.avatar-container{position:relative;width:50px;height:50px}.avatar-img{width:100%;height:100%;border-radius:50%;background:#f3f4f6;border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.status-indicator.online{background:#22c55e}@media(max-width:1024px){.header-center{display:none}}@media(max-width:768px){.logo-img{height:41px}.header-content{padding:0 1.2rem}.btn-logout span,.header-saludo{display:none}.btn-logout .logout-icon{font-size:1.4rem}.header-right{gap:.6rem}}@media(max-width:500px){.btn-back-header{background:transparent;border:none;box-shadow:none;margin:0;color:#9ca3af;gap:0rem;border-radius:12px;padding:.4rem .3rem;margin-left:.3rem}.btn-back-header:hover{background:transparent;box-shadow:none;border-color:none;transform:none}}.curso-card{width:585px;background:#ffffffa6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:30px;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #433c834d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;display:flex;flex-direction:row}.curso-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.curso-badge{position:absolute;top:1.1rem;left:1.1rem;padding:.5rem 1rem;border-radius:50px;font-size:.7rem;font-weight:500;z-index:2;box-shadow:inset 1px 1px 2px #00000026,inset -1px -1px 2px #00000026,1px 1px 2px #0000001a,-1px -1px 2px #0000001a}.badge-progreso{background:var(--azul);color:#fff}.badge-finalizado{background:#10b981f2;color:#fff}.curso-imagen-container{width:235px;height:100%;overflow:hidden;position:relative;padding:.5rem}.curso-imagen-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff21;border-radius:25px;pointer-events:none;z-index:1}.curso-imagen{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:25px}.curso-card:hover .curso-imagen{transform:scale(1.06)}.curso-content-wrapper{padding:2.2rem 2.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.4rem;flex:1}.curso-text-info{display:flex;flex-direction:column;gap:.8rem;text-align:center}.curso-nombre{font-size:1.7rem;font-weight:800;color:#1c2840;margin:0;white-space:pre-line}.curso-descripcion{font-size:.85rem;color:#6b7280;line-height:1.4;margin:0;white-space:pre-line}.curso-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:auto}.btn-action{width:100%;padding:.9rem;border-radius:15px;border:none;font-weight:600;font-size:.9rem;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.action-icon{font-size:1.3rem}.btn-continuar{background:var(--azul);color:#fff;box-shadow:0 4px 15px #313ecc4d}.btn-continuar:hover{background:#3631cc;transform:scale(.96)}.btn-repasar{background:#f3f4f699;border:1px solid rgba(243,244,246,.7);box-shadow:0 1px 8px #313ecc1a;color:#374151}.btn-repasar:hover{background:#f3f4f6e6;transform:scale(.96)}.certificado-badge{position:absolute;bottom:1.1rem;left:1.1rem;display:flex;align-items:center;gap:.25rem;background:#fffffff2;color:#10b981;font-weight:500;font-size:.65rem;padding:.4rem .95rem;border-radius:50px;box-shadow:inset 1px 1px 2px #00000026,inset -1px -1px 2px #00000026,1px 1px 2px #0000001a,-1px -1px 2px #0000001a;z-index:2}.card-progress-section{display:flex;flex-direction:column;gap:.5rem}.card-progress-info{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:#374151b0}.card-progress-value{color:#313ecc}.card-progress-bar-container{width:100%;height:6px;background:#f3f4f6;border-radius:10px;overflow:hidden}.card-progress-bar-fill{height:100%;background:#313ecc;border-radius:10px;transition:width 1s ease-out}.curso-card.completado .card-progress-value{color:#10b981}.curso-card.completado .card-progress-bar-fill{background:#10b981}@media(max-width:480px){.curso-card{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:50px;height:50px;border:4px solid rgba(49,62,204,.2);border-top:4px solid var(--azul);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-mensaje{margin-top:1rem;color:var(--gris-oscuro);font-size:1rem;font-weight:500}.cursos-page{min-height:100vh;width:100%;display:flex;flex-direction:column;padding:1.5rem 6.5rem;box-sizing:border-box;gap:1.5rem;position:relative;overflow-x:hidden}.cursos-page>*{position:relative;z-index:1}.cursos-content{flex:1;padding:2.7rem 2rem;margin:0 auto;width:100%}.cursos-header-section{text-align:center;margin-bottom:2.8rem}.cursos-titulo{font-size:3.7rem;font-weight:900;color:#1c2840;margin-bottom:.3rem;position:relative;display:inline-block}.cursos-titulo:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100%;height:3.5px;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:5px}.cursos-subtitulo{font-size:1rem;color:#1c284085;font-weight:500;margin-top:1.3rem}.cursos-grid{display:flex;justify-content:center;align-items:stretch;gap:4rem;flex-wrap:wrap}.curso-card-animated-wrapper{display:flex;flex-direction:column;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:30px}.curso-card-animated-wrapper>.curso-card{height:100%;flex:1}.cursos-loading,.cursos-error,.cursos-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.cursos-vacio p{font-size:1.25rem;color:#6b7280}@media(max-width:1368px){.cursos-page{padding:1.5rem}}@media(max-width:768px){.cursos-page{padding:1.2rem}.cursos-content{padding:1.5rem 1.3rem 3rem}.curso-card{width:100%;max-width:420px;flex-direction:column}.curso-badge{top:1.1rem;left:auto;right:1.1rem}.curso-imagen-container{width:100%;height:200px;padding:.3rem}.cursos-titulo{font-size:2.4rem}.cursos-subtitulo{font-size:.73rem}.cursos-grid{gap:2rem;flex-direction:column;align-items:center}.curso-card-animated-wrapper{width:100%;max-width:420px}.curso-descripcion{display:none}.card-progress-section{margin-top:0}.curso-content-wrapper{padding:1.5rem 1.8rem 1.8rem;gap:1.5rem}.btn-action{padding:1rem}}.sidebar{width:300px;background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:100%;overflow:hidden;flex-shrink:0;padding:1rem 0}.sidebar-inner{height:100%;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(49,62,204,.3) transparent}.sidebar-inner::-webkit-scrollbar{width:8px}.sidebar-inner::-webkit-scrollbar-track{background:transparent}.sidebar-inner::-webkit-scrollbar-thumb{background-color:#313ecc33;border-radius:20px;border:2px solid transparent;background-clip:content-box}.sidebar-inner::-webkit-scrollbar-thumb:hover{background-color:#313ecc66}.sidebar-content{padding:2rem .8rem 1rem 1rem}.btn-volver-sidebar{padding:.72rem 1.3rem;background:#f0f3ff;color:var(--azul);font-weight:600;font-size:.85rem;cursor:pointer;transition:.1s ease;border-bottom-right-radius:8px;border-bottom:2px solid #f9fafb;border-right:2px solid #f9fafb;box-shadow:1.5px 2px 3px -1px #00000014;position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center}.btn-volver-sidebar:hover{background:var(--azul);color:#f9fafb;border-bottom:2px solid #2d39bf;border-right:2px solid #2d39bf;transform:translate(-4px)}.sidebar-modulos{display:flex;flex-direction:column;gap:1.5rem}.sidebar-clases{display:flex;flex-direction:column;gap:.45rem}.modulo-seleccionado .modulo-card:hover{transform:none!important;box-shadow:none!important;cursor:default!important}@media(max-width:768px){.sidebar{display:none}}.sidebar-mobile{display:none;background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.sidebar-mobile-content{padding:1.1rem;display:flex;gap:1rem;height:100%;align-items:center}@media(max-width:768px){.sidebar-mobile{display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0}}.modulo-card{width:260px;height:174px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:transparent;transition:all .4s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;box-shadow:0 4px 12px #00000014}.modulo-card:not(.bloqueado):hover{transform:translateY(-4px);box-shadow:0 4px 10px #313ecc4d}.modulo-media-container{width:100%;height:100%;position:relative}.modulo-imagen{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modulo-estado-badge{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.65rem;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;box-shadow:0 4px 10px #0000001a}.modulo-estado-badge.completado{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.4)}.modulo-estado-badge.en-progreso{background:#313ecc33;color:#fff;font-weight:500;border:1px solid rgba(49,62,204,.9)}.modulo-card.bloqueado{cursor:not-allowed;filter:grayscale(.5)}.overlay-bloqueado{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:20}.bloqueado-glass{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:1.5rem;display:flex;flex-direction:raw;align-items:center;gap:6px;color:#fff;box-shadow:0 8px 32px #0000004d;position:absolute;right:10px;bottom:10px}.icono-bloqueado{font-size:.65rem;opacity:.9}.texto-bloqueado{font-size:.65rem;font-weight:400;letter-spacing:.02em}@media(max-width:768px){.modulo-card{width:220px;height:147px}.modulo-card:not(.bloqueado):hover{transform:none;box-shadow:none}}@keyframes clase-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.clase-button{width:100%;padding:.85rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;text-align:left;position:relative;overflow:hidden;animation:clase-slide-in .35s ease-out both;animation-delay:calc(var(--stagger-index, 0) * .07s)}.clase-button:hover{background:#313ecc0f;transform:translate(4px)}.clase-button.activa{background:#ffffffb3;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000000d;transform:translate(2px)}.clase-lateral-indicator{position:absolute;left:0;top:15%;height:70%;width:4px;background:var(--azul);border-radius:0 4px 4px 0;opacity:0;transition:var(--transition)}.clase-button.activa .clase-lateral-indicator{opacity:1}.clase-button.activa.completada .clase-lateral-indicator{background:#10b981}.clase-button.activa.en-progreso .clase-lateral-indicator{background:var(--azul)}.clase-button.activa.proximamente .clase-lateral-indicator{background:#8e95a1}.clase-icono-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.clase-icono-status{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:var(--transition)}.clase-icono-status.completada{background:#ecfdf5;color:#10b981;border:1px solid rgba(16,185,129,.3)}.clase-icono-status.en-progreso{background:var(--azul);color:#fff;box-shadow:0 0 10px #313ecc4d}.clase-icono-status.proximamente{background:#f3f4f6;color:#8e95a1;font-size:.4rem;border:1px solid rgba(142,149,161,.5)}.clase-info{flex:1;min-width:0}.clase-titulo-principal{font-size:.95rem;font-weight:600;color:#334153;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clase-numero{color:#6b7280;margin-right:.2rem}.clase-button.proximamente .clase-titulo-principal{color:#6b7280}.clase-status-text{font-size:.8rem;font-weight:500;margin:.15rem 0 0}.clase-status-text.completada{color:#10b981}.clase-status-text.en-progreso{color:var(--azul)}.clase-status-text.proximamente{color:#9ca3af}@media(max-width:768px){.clase-button{width:250px;height:85px;flex-shrink:0;align-self:center;background:#fff;border:1px solid var(--gris-medio);padding:.75rem 1rem}.clase-button.en-progreso{border-color:var(--azul);background:#fff}}.evaluacion-container{margin-top:.5rem;padding:0 .1rem}.evaluacion-button-new{width:100%;padding:1rem;background:#9852e90d;border:1px dashed rgba(152,82,233,.3);border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;cursor:pointer;transition:var(--transition);text-align:left;position:relative;overflow:hidden}.evaluacion-button-new:hover{background:#9852e91a;border-style:solid}.evaluacion-button-new.activa{background:#ffffffb3;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000000d;transform:translate(2px)}.evaluacion-lateral-indicator{position:absolute;left:0;top:15%;height:70%;width:4px;background:#a855f7;border-radius:0 4px 4px 0;opacity:0;transition:var(--transition)}.evaluacion-button-new.activa .evaluacion-lateral-indicator{opacity:1}.evaluacion-icono-container{flex-shrink:0}.evaluacion-icono-status{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}@keyframes trophy-pulse{0%,to{transform:scale(1);box-shadow:0 0 #a955f700}50%{transform:scale(1.12);box-shadow:0 0 0 6px #a955f726}}.evaluacion-icono-status.pendiente{background:#fdf4ff;color:#a855f7;border:1px solid rgba(169,85,247,.3);animation:trophy-pulse 2.2s ease-in-out infinite}.evaluacion-icono-status.completada{background:#fdf4ff;color:#a855f7;border:1px solid rgba(169,85,247,.3)}.evaluacion-info{flex:1}.evaluacion-titulo-new{font-size:.95rem;font-weight:700;color:#6b21a8;margin:0}.evaluacion-status-text{font-size:.8rem;font-weight:500;margin:.15rem 0 0}.evaluacion-status-text.pendiente,.evaluacion-status-text.completada{color:#9333ea}@media(max-width:768px){.evaluacion-container{margin:0;padding:0;margin-right:1.5rem;flex-shrink:0}.evaluacion-button-new{width:200px;height:85px;background:#fff;border:1px solid var(--gris-medio)}}.cip-wrapper{display:flex;flex-direction:column;gap:.75rem;width:100%;height:100%;padding:.85rem 1rem;box-sizing:border-box;overflow:hidden}.cip-panel{display:flex;flex-direction:column;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:1rem 1.25rem;box-shadow:0 4px 24px #1f268712,inset 1px 1px 2px #fff9,inset -1px -1px 2px #fff6;flex:0 0 auto;min-height:0}.cip-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.cip-miniatura{width:52px;height:52px;border-radius:12px;overflow:hidden;box-shadow:0 0 8px #3b30d34d;flex-shrink:0;background:linear-gradient(135deg,#7e64ff,#3b30d3)}.cip-miniatura img{width:100%;height:100%;object-fit:cover}.cip-icono-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cip-titulo-section h2{font-size:1.2rem;color:#1a1a24;margin:0 0 .1rem;font-weight:700;line-height:1.2}.cip-titulo-section p{font-size:.78rem;color:#909090;margin:0;line-height:1.3}.cip-columns{display:flex;gap:.85rem;align-items:stretch}.cip-col{display:flex;flex-direction:column;gap:1.2rem;flex:1}.cip-col-meet .cip-proxima-card,.cip-col-calendario .cip-dias-card{flex:1;justify-content:space-between}.cip-card{display:flex;align-items:center;background:#ffffffb3;border-radius:12px;padding:.65rem .9rem;gap:.75rem;border:1px solid rgba(255,255,255,.8);transition:transform .2s,background .2s}.cip-card:hover{transform:translateY(-1px)}.cip-card-clickable{cursor:pointer}.cip-card-clickable:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.cip-card .clase-icono-status{flex-shrink:0;width:30px;height:30px;font-size:.7rem}.cip-card-text{display:flex;flex-direction:column}.cip-label{font-size:.65rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.1rem}.cip-value{font-size:.9rem;color:#111;font-weight:700}.cip-proxima-card{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.6rem}.cip-blue-label{color:#3b30d3}.cip-proxima-body{display:flex;align-items:center;gap:.6rem}.cip-cal-icon{width:34px;height:34px;background:#3b30d31a;color:#3b30d3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cip-cal-icon svg{width:18px;height:18px}.cip-fecha{display:flex;flex-direction:column;flex:1}.cip-fecha-dia{font-size:1rem;font-weight:700;color:#1a1a24;line-height:1.1}.cip-fecha-hora{font-size:.9rem;font-weight:700;color:#3b30d3}.cip-faltan{background:#f0f4ffe6;box-shadow:inset 0 0 0 1px #ffffffe6;border-radius:8px;padding:.3rem .7rem;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:56px}.cip-faltan-label{font-size:.6rem;color:#666;font-weight:600}.cip-faltan-num{font-size:.85rem;font-weight:700;color:#1a1a24}.cip-faltan-hoy{font-size:.85rem;font-weight:700;color:#00c853;text-align:center;padding:.1rem .2rem}.cip-btn-meet{background:linear-gradient(135deg,#5b4cf5,#3b30d3);color:#fff;border:none;border-radius:9px;padding:.6rem;font-size:.88rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all .2s ease;width:100%}.cip-btn-meet:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b30d366}.cip-proxima-postergada{border-color:#6b72804d;background:#ecedef80}.cip-cal-postergada{background:#6b72801a;box-shadow:inset 0 0 0 1px #6b72801f;color:#7f8695}.cip-faltan-postergada{background:#6b72801a;box-shadow:inset 0 0 0 1px #6b72801f;border-radius:8px;padding:.32rem .7rem;min-width:auto;display:flex;align-items:center;justify-content:center}.cip-postergada-chip{font-size:.72rem;font-weight:600;color:#6b7280;white-space:nowrap;letter-spacing:.2px;display:flex;align-items:center;gap:.25rem}.cip-postergada-banner{background:#ecedef80;border:1px solid rgba(107,114,128,.33);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.3rem;height:100%;box-sizing:border-box}.cip-postergada-icono{font-size:1.6rem;line-height:1;display:inline-flex;align-items:center;color:#8e95a3}.cip-postergada-texto{font-size:.78rem;color:#6b7280;font-weight:500;margin:0;line-height:1.4;white-space:pre-line}.cip-dias-card{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:.65rem .9rem;display:flex;flex-direction:column;gap:.5rem}.cip-dots-row{display:flex;justify-content:space-between}.cip-dia-col{display:flex;flex-direction:column;align-items:center;gap:.35rem}.cip-dia-letra{font-size:.7rem;font-weight:600;color:#444}.cip-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.12);background:#fff}.cip-dot.is-clase{border-color:#8c52ff;background:#8c52ff}.cip-dot.is-hoy{border-color:#007aff;background:#007aff26;box-shadow:0 0 0 2px #007aff4d}.cip-leyenda{display:flex;gap:.9rem;font-size:.65rem;color:#666;font-weight:500}.cip-leyenda-item{display:flex;align-items:center;gap:.35rem}.cip-leyenda-dot{width:10px;height:10px;border-radius:50%}.cip-leyenda-dot.is-hoy{border:2px solid #007aff;background:#007aff26}.cip-leyenda-dot.is-clase{background:#8c52ff}.cip-bottom{flex:1;min-height:0;width:100%;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cip-bottom-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cip-panel-completado{background:radial-gradient(circle,#cfffee33,#10b9811a 50%);border:2px solid rgba(16,185,129,.25)}.cip-panel-completado .cip-header{border-bottom-color:#10b98133}.cip-completado-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem .25rem;text-align:center}.cip-trofeo{font-size:2.25rem;margin-bottom:.4rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#10b981;filter:drop-shadow(0 2px 8px rgba(16,185,129,.3))}.cip-trofeo svg{display:block}.cip-completado-msg h3{font-size:1.4rem;color:#1a1a24;margin:0 0 .3rem}.cip-completado-msg p{font-size:.9rem;color:#555;margin:0}@media(max-width:1150px){.cip-columns{flex-wrap:wrap}.cip-col{flex:1 1 100%}}@media(max-width:860px){.cip-bottom{display:none}}.presentacion-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;box-sizing:border-box}.presentacion-wrapper{height:100%;aspect-ratio:16 / 9;max-width:100%;position:relative;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.presentacion-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.presentacion-vacia{width:100%;height:100%;display:flex;align-items:flex-start;overflow:hidden}.vacio-contenido{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:4rem 3rem 2rem}.vacio-img{width:95%;height:auto;opacity:.9;filter:drop-shadow(0 10px 20px rgba(0,0,0,.05))}.mensaje-vacio{font-size:1.2rem;font-weight:400;color:#9576fa4d;text-align:center;text-shadow:0px 0px 5px rgba(255,255,255,.7);margin:0}@media(max-width:768px){.presentacion-container{height:auto;display:block;padding:.1rem}.presentacion-wrapper{height:0;aspect-ratio:unset;width:100%;padding-bottom:56.25%;border-radius:22px}.mensaje-vacio{font-size:.9rem;color:#9881e680}.vacio-contenido{padding:2rem 1rem}.vacio-img{width:100%}}.portal-page{height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 6.5rem;box-sizing:border-box}.portal-page>*{position:relative;z-index:1}.portal-layout{display:flex;width:100%;height:calc(100vh - 80px - 4.5rem);gap:1.5rem;padding:0;box-sizing:border-box}.portal-main{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#ffffff73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg);box-sizing:border-box}.portal-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px)}.sidebar-section-divider{width:89%;height:1px;border-radius:1px;background:linear-gradient(to right,var(--morado),var(--azul));margin:0 auto;margin-top:.5rem;opacity:.7}.sidebar-section-title{font-size:.9rem;font-weight:700;color:#6b7280;letter-spacing:.01rem;margin:.8rem 0 0rem 1rem;text-transform:uppercase;opacity:.9}.btn-volver-mobile{padding:.65rem 1.5rem;background:#f8f5ff;color:var(--azul);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-bottom:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);box-shadow:inset -2px -2px 3px #4f1cad0d,2px 2px 3px #00000012;border-radius:0;border-bottom-right-radius:var(--radius-md);position:fixed;top:0;left:0;z-index:9999}@media(max-width:1368px){.portal-page{padding:1.5rem}}@media(max-width:768px){.portal-page{height:auto;min-height:100vh;overflow-y:auto;padding:1.2rem}.portal-layout{flex-direction:column;padding:0;gap:1.5rem;height:auto;overflow:visible}.portal-main{height:auto;overflow:visible;display:block}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.not-found-content{text-align:center;color:#fff}.not-found-title{font-size:8rem;font-weight:800;margin:0;line-height:1}.not-found-message{font-size:1.5rem;margin:1rem 0 2rem}.btn-volver-inicio{padding:1rem 2rem;background:#fff;color:var(--azul);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-volver-inicio:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}*{margin:0;padding:0;box-sizing:border-box}:root{--blanco: #ffffff;--azul: #313ecc;--turquesa: #53dbd7;--morado: #9852e9;--rosa: #ec6aa2;--azul-suave: rgba(49, 62, 204, .1);--turquesa-suave: rgba(83, 219, 215, .1);--morado-suave: rgba(152, 82, 233, .1);--rosa-suave: rgba(236, 106, 162, .1);--gris-claro: #f8f9fa;--gris-medio: #e0e0e0;--gris-oscuro: #6b7280;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 12px;--radius-md: 15px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--transition: .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gris-claro);background-image:url(/assets/sphere-background-ErGfV5z-.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#1f2937;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#fff9,#ffffff40 40%,#9852e94d,#53dbd71a);z-index:-1;pointer-events:none}@media(max-width:768px){body{background-image:url(/assets/sphere-background-vertical-Bia0vACG.webp);background-attachment:scroll}body:before{position:absolute;min-height:100vh}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--azul);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}button{font-family:Inter,sans-serif;cursor:pointer;border:none;transition:var(--transition)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:Inter,sans-serif;font-size:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gris-medio);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gris-oscuro)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-up{animation:fadeInUp .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.delay-10{animation-delay:1s}.glass-container{background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg)}.glass-card{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glass-button{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-sm);padding:.75rem 1.5rem;color:#1f2937;font-weight:600;transition:var(--transition)}.glass-button:hover{background:#ffffff80;transform:translateY(-2px)}.overlay-bloqueado{background:#0006;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;border-radius:inherit}@media(max-width:768px){.glass-container{height:auto!important;min-height:auto}}