@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#005c64;--color-primary-soft:#005c641a;--color-secondary:#008793;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--bg-app:#f1f5f9;--bg-card:#fff;--bg-surface:#f8fafc;--bg-surface-muted:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-app);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{margin:0}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lesson-embed--tall{aspect-ratio:4/3}.lesson-embed{aspect-ratio:16/9;background:#f3f4f6;border-radius:12px;width:100%;margin:1.5rem 0;position:relative;overflow:hidden}.lesson-embed iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.lesson-embed--genially{aspect-ratio:16/9}.btn-join-session{color:#0284c7;cursor:pointer;background-color:#e0f2fe;border:1px solid #0ea5e933;border-radius:8px;align-items:center;gap:.35rem;height:32px;padding:0 .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-join-session:hover{color:#0369a1;background-color:#bae6fd;border-color:#0ea5e966;transform:translateY(-1px);box-shadow:0 4px 8px -2px #0ea5e926}.btn-join-session svg{color:#0284c7!important}.btn-join-session:hover svg{color:#0369a1!important}body.dark-mode .btn-join-session{color:#38bdf8;background-color:#0ea5e926;border-color:#38bdf833}body.dark-mode .btn-join-session:hover{color:#7dd3fc;background-color:#0ea5e940;border-color:#38bdf866}body.dark-mode .btn-join-session svg{color:#38bdf8!important}body.dark-mode .btn-join-session:hover svg{color:#7dd3fc!important}@media (width>=1025px){.planificador-tabs-mobile{display:none!important}.planificador-tabs-desktop{display:flex!important}}@media (width<=1024px){.planificador-tabs-desktop{display:none!important}.planificador-tabs-mobile{background:#ffffffd1;border:1px solid #78787824;border-radius:18px;flex-direction:column;gap:7px;width:100%;margin:18px 0 22px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0b}.planificador-tabs-mobile label{letter-spacing:.03em;text-transform:uppercase;color:#0f172a94;font-size:.78rem;font-weight:700}.planificador-tabs-mobile select{color:#172033;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #7878782e;border-radius:12px;outline:none;width:100%;min-width:0;height:44px;padding:0 42px 0 12px;font-size:.95rem;font-weight:600}.planificador-tabs-mobile select:focus{border-color:#005c647a;box-shadow:0 0 0 3px #005c641a}.planificador-page,.planificador-global,.admin-planificador-page,.admin-planificador-content{width:100%;max-width:100%;overflow-x:hidden}.responsive-filter-box{box-sizing:border-box!important;border-radius:18px!important;width:100%!important;max-width:100%!important;padding:14px!important}.responsive-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;display:grid!important}.responsive-filter-item{width:100%!important;min-width:0!important}.responsive-filter-item label,.responsive-filter-box label{color:#0f172aad!important;text-transform:none!important;letter-spacing:normal!important;margin-bottom:5px!important;font-size:.78rem!important;font-weight:700!important;line-height:1.2!important;display:block!important}.responsive-filter-item input,.responsive-filter-item select,.responsive-filter-box input,.responsive-filter-box select{box-sizing:border-box!important;border-radius:11px!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:7px 10px!important;font-size:.88rem!important}.responsive-filter-actions{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.responsive-filter-actions button,.responsive-filter-box button{white-space:normal!important;border-radius:11px!important;min-height:38px!important;padding:7px 12px!important;font-size:.84rem!important;line-height:1.2!important}}@media (width<=640px){.responsive-filter-box{border-radius:16px!important;padding:12px!important}.responsive-filter-grid{grid-template-columns:1fr!important;gap:9px!important}.responsive-filter-item label,.responsive-filter-box label{margin-bottom:4px!important;font-size:.75rem!important}.responsive-filter-item input,.responsive-filter-item select,.responsive-filter-box input,.responsive-filter-box select{border-radius:10px!important;height:38px!important;min-height:38px!important;padding:6px 9px!important;font-size:.84rem!important}.responsive-filter-actions{gap:7px!important}.responsive-filter-actions button,.responsive-filter-box button{min-height:36px!important;padding:6px 10px!important;font-size:.8rem!important}}@media (width<=1024px){.responsive-filter-box--compact{padding:11px!important}.responsive-filter-box--compact .responsive-filter-grid{gap:8px!important}.responsive-filter-box--compact input,.responsive-filter-box--compact select{height:37px!important;min-height:37px!important;font-size:.82rem!important}.responsive-filter-box--compact label{font-size:.72rem!important}}@media (width<=640px){.planificador-tabs-mobile{border-radius:16px;margin:16px 0 20px;padding:12px}.planificador-tabs-mobile select{height:42px;font-size:.9rem}}.lesson-content,.ql-editor,.quill-preview-content{line-height:1.7;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.lesson-content p,.lesson-content div,.lesson-content li,.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4,.lesson-content h5,.lesson-content h6,.ql-editor p,.ql-editor div,.ql-editor li,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.quill-preview-content p,.quill-preview-content div,.quill-preview-content li,.quill-preview-content h1,.quill-preview-content h2,.quill-preview-content h3,.quill-preview-content h4,.quill-preview-content h5,.quill-preview-content h6{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;display:block!important}.lesson-content span,.lesson-content strong,.lesson-content em,.lesson-content b,.lesson-content i,.ql-editor span,.ql-editor strong,.ql-editor em,.ql-editor b,.ql-editor i,.quill-preview-content span,.quill-preview-content strong,.quill-preview-content em,.quill-preview-content b,.quill-preview-content i{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.lesson-content a,.lesson-content code,.lesson-content pre,.ql-editor a,.ql-editor code,.ql-editor pre,.quill-preview-content a,.quill-preview-content code,.quill-preview-content pre{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}.lesson-content img,.lesson-content video,.lesson-content iframe,.lesson-content table,.ql-editor img,.ql-editor video,.ql-editor iframe,.ql-editor table,.quill-preview-content img,.quill-preview-content video,.quill-preview-content iframe,.quill-preview-content table{max-width:100%!important}.lesson-header-container,.lesson-body-container,.lesson-content-wrapper,.ql-editor.lesson-content{width:100%!important;min-width:0!important;max-width:100%!important}.lesson-header-container{padding:2.5rem 2.5rem 2rem}.lesson-body-container{padding:2.5rem}@media (width<=768px){.lesson-header-container{padding:1.5rem 1rem 1.25rem}.lesson-body-container{padding:1.5rem 1rem}}.crm-imp-docente-color{color:var(--text-secondary)!important}.crm-row-alumna-baja{color:#475569!important;background-color:#e2e8f0!important}.crm-row-alumna-baja:hover{background-color:#cbd5e1!important}.crm-row-alumna-baja td,.crm-row-alumna-baja div:not([class*=badge]),.crm-row-alumna-baja strong,.crm-row-alumna-baja .font-medium,.crm-row-alumna-baja .alumna-name,.crm-row-alumna-baja .alumna-card-name{color:#475569!important}.crm-row-alumna-baja span:not([class*=badge]):not([class*=estado]),.crm-row-alumna-baja .alumna-card-meta,.crm-row-alumna-baja .alumna-card-age,.crm-row-alumna-baja .alumna-card-info-label,.crm-row-alumna-baja .alumna-card-info-value{color:#64748b!important}.crm-row-alumna-baja .crm-btn-icon,.crm-row-alumna-baja button:not([class*=badge]):not([class*=btn-primary]):not([class*=btn-secondary]){opacity:.7;transition:opacity .2s,transform .2s}.crm-row-alumna-baja .crm-btn-icon:hover,.crm-row-alumna-baja button:not([class*=badge]):not([class*=btn-primary]):not([class*=btn-secondary]):hover{opacity:1}.crm-alumna-link{cursor:pointer;text-decoration:none}.crm-alumna-link:hover{text-decoration:underline}.crm-row-alumna-finalizada{color:#475569!important;background-color:#f1f5f9!important}.crm-row-alumna-finalizada:hover{background-color:#e2e8f0!important}.crm-row-alumna-finalizada td,.crm-row-alumna-finalizada div:not([class*=badge]),.crm-row-alumna-finalizada strong,.crm-row-alumna-finalizada .font-medium,.crm-row-alumna-finalizada .alumna-name,.crm-row-alumna-finalizada .alumna-card-name{color:#475569!important}.crm-row-alumna-finalizada span:not([class*=badge]):not([class*=estado]),.crm-row-alumna-finalizada .alumna-card-meta,.crm-row-alumna-finalizada .alumna-card-age,.crm-row-alumna-finalizada .alumna-card-info-label,.crm-row-alumna-finalizada .alumna-card-info-value{color:#64748b!important}.crm-row-alumna-finalizada .crm-btn-icon,.crm-row-alumna-finalizada button:not([class*=badge]):not([class*=btn-primary]):not([class*=btn-secondary]){opacity:.7;transition:opacity .2s,transform .2s}.crm-row-alumna-finalizada .crm-btn-icon:hover,.crm-row-alumna-finalizada button:not([class*=badge]):not([class*=btn-primary]):not([class*=btn-secondary]):hover{opacity:1}.crm-badge-finalizada,.estado-finalizada{color:#334155!important;background-color:#e2e8f0!important;border:1px solid #cbd5e1!important}.login-container{background-image:url(/fondo%20estrellas.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative}.login-container:before{content:"";z-index:0;background:#0006;position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#0f172a66;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:3.5rem 3rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 25px 50px -12px #00000080}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0009}.login-header{text-align:center;color:var(--bg-app);margin-bottom:2.5rem}.login-logo{filter:drop-shadow(0 4px 6px #0000004d);max-width:240px;height:auto;margin-bottom:.5rem}.login-header p{color:var(--border-strong);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:500}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.login-container .form-group label{color:#fff;font-size:.875rem;font-weight:500}.form-group input{color:var(--bg-app);background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--color-primary);background:#0f172acc;box-shadow:0 0 0 3px #005c644d}.form-group input::placeholder{color:#475569}.form-group input:-webkit-autofill{caret-color:var(--text-inverse);-webkit-box-shadow:0 0 0 30px var(--text-primary) inset!important;-webkit-text-fill-color:var(--bg-app)!important;border:1px solid #ffffff1a!important}.form-group input:-webkit-autofill:hover{caret-color:var(--text-inverse);-webkit-box-shadow:0 0 0 30px var(--text-primary) inset!important;-webkit-text-fill-color:var(--bg-app)!important;border:1px solid #ffffff1a!important}.form-group input:-webkit-autofill:focus{caret-color:var(--text-inverse);-webkit-box-shadow:0 0 0 30px var(--text-primary) inset!important;-webkit-text-fill-color:var(--bg-app)!important;border:1px solid #ffffff1a!important}.form-group input:-webkit-autofill:active{caret-color:var(--text-inverse);-webkit-box-shadow:0 0 0 30px var(--text-primary) inset!important;-webkit-text-fill-color:var(--bg-app)!important;border:1px solid #ffffff1a!important}.login-button{background:var(--color-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0003}.login-button:hover:not(:disabled){opacity:.9;background:#004d53;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;background:#475569}.login-error{border-left:4px solid var(--color-danger);color:#fca5a5;background:#ef44441a;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:2.75rem}.password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{color:#334155}