:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--primary:#3758f9;--primary2:#6d5dfc;--danger:#c0392b;--success:#15803d;--sidebar:#111827;--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:800;color:#fff;box-shadow:0 10px 24px rgba(55,88,249,.3)}.brand small,.brand b{display:block}.brand small{color:#94a3b8;margin-top:2px}.sidebar nav{margin-top:34px;display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:12px;color:#dbe4f0;transition:.2s}.sidebar nav a:hover{background:#1f2937;transform:translateX(3px);color:#fff}.logout{margin-top:auto}.logout button{width:100%;padding:11px;border:1px solid #334155;background:transparent;color:#fff;border-radius:12px;cursor:pointer}.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:12px;position:sticky;top:0;z-index:5}.topbar small,.topbar b{display:block;text-align:right}.topbar small{color:var(--muted)}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1,.student-hero h1{margin:3px 0 6px;font-size:clamp(28px,4vw,42px);letter-spacing:-.03em}.page-head p,.student-hero p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;font-weight:800;color:var(--primary)!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.panel,.course-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(15,23,42,.04)}.stat{padding:22px;transition:.2s}.stat:hover{transform:translateY(-3px)}.stat span{color:var(--muted)}.stat strong{display:block;font-size:34px;margin-top:8px}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel h3{margin-top:0}.table-wrap{overflow:auto}.panel.table-wrap{padding:0}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:3px}.actions{display:flex;gap:12px;align-items:center}.actions form{margin:0}.actions a,.link-danger{font-weight:700;font-size:13px}.link-danger{border:0;background:transparent;color:var(--danger);cursor:pointer;padding:0}.badge,.pill{display:inline-block;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800;text-transform:capitalize}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(55,88,249,.2)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.wide{width:100%}.alert{padding:13px 16px;border-radius:12px;margin-bottom:16px;transition:.5s}.alert.success{background:#ecfdf3;color:var(--success);border:1px solid #bbf7d0}.alert.error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.alert.fade{opacity:0;transform:translateY(-6px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.inline-form label,.login-form label{display:grid;gap:7px;font-size:13px;font-weight:750}.span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select,.login-form input,.exam-form input,.exam-form textarea,#questionForm input,#questionForm select,#questionForm textarea{width:100%;padding:12px 13px;border:1px solid #d7dce5;border-radius:11px;background:#fff;outline:none;transition:.2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.1)}textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.section-title{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.section-title h3{margin:0}.section-title p{margin:5px 0 0;color:var(--muted)}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.check input{width:auto!important}.inline-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.inline-form label{min-width:220px;flex:1}.attendance-list{display:grid;gap:10px}.attendance-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.attendance-row small{display:block;color:var(--muted)}.attendance-row select{max-width:170px;padding:9px;border-radius:10px;border:1px solid var(--line)}.builder-grid{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.question-list{display:grid;gap:12px}.question-card{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px;padding:16px}.question-card b{display:block;margin:8px 0}.question-card small{color:var(--muted)}.question-card ul{padding-left:20px;color:var(--muted)}.option-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.option-row input[type=checkbox]{width:20px!important}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#dfe7ff,transparent 35%),radial-gradient(circle at 85% 80%,#ece5ff,transparent 35%),#f8fafc;padding:24px}.login-card{width:min(940px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.12)}.login-art{padding:54px;background:linear-gradient(145deg,#111827,#1e293b);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:520px}.login-art h1{font-size:48px;line-height:1.03;letter-spacing:-.04em;margin:18px 0}.login-art p{color:#cbd5e1;max-width:430px;line-height:1.7}.login-form{padding:54px;display:grid;align-content:center;gap:16px}.login-form h2{font-size:30px;margin:0}.login-form>p{margin:-8px 0 8px;color:var(--muted)}.switch-link{color:var(--primary);font-weight:750;text-align:center}.student-header{max-width:1280px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center}.student-user{display:flex;align-items:center;gap:12px}.student-main{max-width:1280px;margin:auto;padding:18px 28px 48px}.student-hero{padding:42px;border-radius:26px;background:linear-gradient(135deg,#111827,#273449);color:#fff;margin-bottom:24px;overflow:hidden;position:relative}.student-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(109,93,252,.25);right:-60px;top:-90px}.student-hero p{color:#cbd5e1}.student-hero.compact{padding:30px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{padding:22px;transition:.25s;display:flex;flex-direction:column;min-height:220px}.course-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(15,23,42,.09)}.course-card h3{font-size:22px;margin:14px 0 8px}.course-card p{color:var(--muted);line-height:1.5;flex:1}.course-card div{display:flex;justify-content:space-between;gap:10px}.student-columns{display:grid;grid-template-columns:1fr 340px;gap:22px}.module small,.exam-mini small{color:var(--muted)}.lesson{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:15px 0;border-top:1px solid var(--line)}.lesson p{color:var(--muted);line-height:1.55}.lesson a{color:var(--primary);font-weight:700}.exam-mini .btn{margin-top:16px}.back-link{display:inline-block;margin-bottom:14px;color:var(--muted);font-weight:700}.exam-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.exam-form{max-width:900px;margin:auto}.exam-question{display:grid;grid-template-columns:45px 1fr;gap:14px}.q-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-weight:800}.q-body h3{margin:3px 0 7px}.q-body small{color:var(--muted)}.answers{display:grid;gap:10px;margin-top:16px}.answer{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.answer:hover{border-color:#a5b4fc;background:#f8faff}.submit-exam{margin:10px 0 30px;padding:14px}.pagination{display:flex;gap:6px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;transition:.25s;width:260px}.sidebar.open{left:0}.menu-btn{display:block;margin-right:auto}.stats,.course-grid{grid-template-columns:repeat(2,1fr)}.builder-grid,.student-columns{grid-template-columns:1fr}.topbar{justify-content:flex-end}}@media(max-width:700px){.content,.student-main{padding:18px}.stats,.course-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.page-head{align-items:flex-start;flex-direction:column}.login-card{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:34px 24px;min-height:520px}.attendance-row{align-items:flex-start;flex-direction:column}.attendance-row select{max-width:none;width:100%}.student-header{padding:16px}.student-user span{display:none}}
.btn.danger{background:#b42318;color:#fff}.notif-bell{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:18px}.notif-bell span{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800}.notification-list{padding:8px}.notification-item{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:16px;border-radius:14px;border-bottom:1px solid var(--line)}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f5f7ff}.notification-item p{margin:4px 0;color:var(--muted)}.notification-item small{color:var(--muted)}.notif-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#64748b}.notif-dot.success{background:#15803d}.notif-dot.warning{background:#d97706}.notif-dot.error{background:#b42318}.notif-dot.info{background:#3758f9}.alert.toast{position:fixed;right:24px;top:88px;z-index:60;min-width:300px;max-width:460px;box-shadow:0 18px 45px rgba(15,23,42,.14);animation:toastIn .25s ease}.confirm-overlay{position:fixed;inset:0;background:rgba(15,23,42,.54);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:100;padding:20px;animation:fadeIn .18s ease}.confirm-modal{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.22);animation:modalIn .22s ease}.confirm-modal h3{margin:10px 0 6px;font-size:24px}.confirm-modal p{color:var(--muted);line-height:1.6}.confirm-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff7ed;font-size:22px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.alert.toast{left:16px;right:16px;top:76px;min-width:0}}

.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:48px!important}.password-toggle{position:absolute;right:7px;width:36px;height:34px;border:0;background:transparent;border-radius:9px;cursor:pointer;font-size:17px}.password-toggle:hover{background:#eef2ff}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:5px 8px;border-radius:13px;cursor:pointer;color:var(--text)}.user-menu-trigger:hover{background:#f5f7fb}.user-menu-trigger span{display:grid;text-align:left}.user-menu-trigger small,.user-card small{color:var(--muted)}.user-menu-trigger i{font-style:normal;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.avatar.large{width:58px;height:58px}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:280px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:9px;box-shadow:0 20px 55px rgba(15,23,42,.16);z-index:80;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s}.user-dropdown.open{opacity:1;visibility:visible;transform:none}.user-card{display:flex;align-items:center;gap:12px;padding:10px 9px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.user-card div{display:grid;min-width:0}.user-card small{overflow:hidden;text-overflow:ellipsis}.user-dropdown>a,.user-dropdown form button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;border-radius:10px;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.user-dropdown>a:hover,.user-dropdown form button:hover{background:#f5f7fb}.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.profile-photo-card{text-align:center;position:sticky;top:92px}.profile-photo{width:170px;height:170px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 10px 35px rgba(15,23,42,.13);margin:8px auto 14px}.profile-photo-card p{color:var(--muted)}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-photo-card{position:static}.user-menu-trigger span{display:none}.user-dropdown{right:-4px;width:min(280px,calc(100vw - 28px))}}

.notification-menu{position:relative}.notif-bell{cursor:pointer}.notif-count.hidden{display:none}.notification-dropdown{position:absolute;right:0;top:50px;width:min(420px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.16);z-index:85;display:none;overflow:hidden}.notification-dropdown.open{display:block;animation:notifDrop .18s ease}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 13px;border-bottom:1px solid var(--line)}.notification-dropdown-head>div{display:grid;gap:2px}.notification-dropdown-head b{font-size:16px}.notification-dropdown-head small{color:var(--muted)}.notif-mark-all{border:0;background:transparent;color:var(--primary,#3758f9);font-weight:750;cursor:pointer;padding:8px 4px}.notif-mark-all:disabled{color:var(--muted);cursor:default}.notification-dropdown-body{max-height:430px;overflow:auto;padding:7px}.notification-dropdown .notification-item{grid-template-columns:12px 1fr;padding:13px 12px;text-decoration:none}.notification-dropdown .notification-item:last-child{border-bottom:0}.notification-dropdown .notification-item.unread{background:#f5f7ff}.notification-dropdown .notification-item.unread b:after{content:'Nuevo';display:inline-block;margin-left:8px;font-size:10px;padding:2px 6px;border-radius:999px;background:#e8edff;color:#3758f9;vertical-align:1px}.notification-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:34px 18px;color:var(--muted)}.notification-empty>b{color:var(--text)}@keyframes notifDrop{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.notification-dropdown{position:fixed;left:14px;right:14px;top:68px;width:auto}.notification-dropdown-body{max-height:60vh}}

/* Header dropdown polish + cache-safe v4 */
.topbar{z-index:50;overflow:visible;isolation:isolate}
.topbar .notification-menu,.topbar .user-menu,.student-header .notification-menu,.student-header .user-menu{flex:0 0 auto}
.notification-menu{position:relative;display:flex;align-items:center}
.notif-bell{width:42px;height:42px;border:1px solid #e3e8f0;border-radius:13px;background:#fff;color:#344054;box-shadow:0 2px 7px rgba(15,23,42,.04);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;line-height:1}
.notif-bell:hover,.notif-bell[aria-expanded="true"]{background:#f7f8ff;border-color:#cfd7ff;box-shadow:0 6px 18px rgba(55,88,249,.10);transform:translateY(-1px)}
.notif-count{right:-4px!important;top:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #fff;border-radius:999px!important;background:#ef4444!important;font-size:10px!important;line-height:14px!important;box-shadow:0 2px 6px rgba(239,68,68,.28)}
.notification-dropdown{top:calc(100% + 12px);width:390px;max-width:calc(100vw - 32px);border:1px solid #e6eaf0;border-radius:18px;background:#fff;box-shadow:0 24px 64px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.06);overflow:hidden;transform-origin:top right}
.notification-dropdown:before{content:"";position:absolute;right:15px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid #e6eaf0;border-top:1px solid #e6eaf0;transform:rotate(45deg);z-index:1}
.notification-dropdown-head{position:relative;z-index:2;padding:16px 17px 14px;background:#fff;align-items:flex-start}
.notification-dropdown-head>div b{font-size:15px;line-height:1.2;text-align:left!important}
.notification-dropdown-head>div small{font-size:12px;text-align:left!important;margin-top:3px}
.notif-mark-all{font-size:12px;padding:6px 8px;border-radius:9px;white-space:nowrap;transition:.18s}
.notif-mark-all:not(:disabled):hover{background:#eef2ff}
.notification-dropdown-body{max-height:390px;padding:7px;background:#fbfcfe}
.notification-dropdown .notification-item{position:relative;grid-template-columns:10px minmax(0,1fr);gap:11px;margin:2px 0;padding:12px 11px;border:0;border-radius:12px;background:transparent;transition:.16s}
.notification-dropdown .notification-item:hover{background:#f1f4f9}
.notification-dropdown .notification-item.unread{background:#eef2ff}
.notification-dropdown .notification-item b{display:block;text-align:left!important;font-size:13px;line-height:1.35;padding-right:46px}
.notification-dropdown .notification-item p{font-size:12px;line-height:1.45;margin:3px 0 5px;text-align:left!important}
.notification-dropdown .notification-item small{font-size:11px;text-align:left!important}
.notification-dropdown .notification-item.unread b:after{position:absolute;right:10px;top:11px;margin:0;font-size:9px;padding:2px 6px}
.notification-empty{padding:34px 18px 38px;font-size:13px}
.notification-empty:first-letter{font-size:24px}
.notification-empty>b{font-size:14px}

.user-menu{position:relative;display:flex;align-items:center}
.user-menu-trigger{min-height:46px;padding:5px 8px 5px 5px;gap:9px;border:1px solid transparent;border-radius:14px;transition:background .18s,border-color .18s,box-shadow .18s}
.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{background:#fff;border-color:#e5e9f0;box-shadow:0 5px 16px rgba(15,23,42,.06)}
.user-menu-trigger .avatar{width:36px;height:36px;flex:0 0 36px}
.user-menu-trigger span{min-width:0;line-height:1.2}
.user-menu-trigger b{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-align:left!important}
.user-menu-trigger small{margin-top:3px;font-size:11px;text-align:left!important}
.user-menu-trigger i{font-size:15px;margin-left:1px;transition:transform .18s}
.user-menu-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.user-dropdown{top:calc(100% + 11px);width:288px;padding:8px;border-color:#e6eaf0;border-radius:18px;box-shadow:0 24px 64px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.06);transform-origin:top right}
.user-dropdown:before{content:"";position:absolute;right:22px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid #e6eaf0;border-top:1px solid #e6eaf0;transform:rotate(45deg)}
.user-card{position:relative;z-index:1;padding:10px 9px 13px;gap:11px}
.user-card .avatar.large{width:48px;height:48px;flex:0 0 48px}
.user-card b{font-size:14px;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card small{display:block;max-width:190px;margin-top:3px;font-size:11px;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-dropdown>a,.user-dropdown form button{position:relative;z-index:1;min-height:42px;padding:10px 11px;font-size:13px;font-weight:700}
.user-dropdown>a:before{content:"◉";display:inline-block;width:23px;color:#667085}
.user-dropdown form button:before{content:"↪";display:inline-block;width:23px;color:#b42318}
.user-dropdown form button{color:#b42318}
.user-dropdown form button:hover{background:#fff1f2}

@media(max-width:700px){
  .topbar{padding:0 14px;gap:8px}
  .notification-dropdown{position:fixed;left:12px;right:12px;top:66px;width:auto;max-width:none;border-radius:16px}
  .notification-dropdown:before{display:none}
  .notification-dropdown-head{gap:8px;padding:14px}
  .notif-mark-all{font-size:11px}
  .notification-dropdown-body{max-height:420px}
  .user-dropdown{right:0;width:min(288px,calc(100vw - 24px))}
  .user-menu-trigger{padding-right:5px}
  .user-menu-trigger span{display:none}
}

/* Password visibility control — compact and aligned inside the field */
.password-field{position:relative;display:block;width:100%}
.password-field input{display:block;width:100%;padding-right:52px!important}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:#64748b;cursor:pointer;line-height:1;transition:background .18s ease,color .18s ease,box-shadow .18s ease;z-index:2}
.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-toggle .eye-closed{display:none}
.password-toggle.is-visible .eye-open{display:none}
.password-toggle.is-visible .eye-closed{display:block}
.password-toggle:hover{background:#f1f5f9;color:#334155}
.password-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(55,88,249,.16);color:var(--primary)}
.password-field:focus-within .password-toggle{color:var(--primary)}

/* CRUD modal/list pattern v6 */
.action-col{width:132px;text-align:center}.icon-actions{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.icon-actions form{margin:0;display:inline-flex}.icon-btn{position:relative;width:36px;height:36px;padding:0;border:1px solid #e3e8f0;border-radius:10px;background:#fff;color:#475467;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;transition:.16s;text-decoration:none}.icon-btn:hover{border-color:#cdd6ff;background:#f5f7ff;color:var(--primary);transform:translateY(-1px)}.icon-btn.danger{color:#b42318}.icon-btn.danger:hover{border-color:#fecaca;background:#fff1f2;color:#b42318}.icon-btn.success{color:#15803d}.icon-btn.success:hover{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);padding:6px 8px;border-radius:7px;background:#101828;color:#fff;font-size:11px;font-weight:650;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.14s;z-index:120;box-shadow:0 5px 14px rgba(15,23,42,.18)}.icon-btn[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);border:4px solid transparent;border-top-color:#101828;opacity:0;visibility:hidden;transition:.14s;z-index:121}.icon-btn[data-tooltip]:hover:after,.icon-btn[data-tooltip]:hover:before,.icon-btn[data-tooltip]:focus-visible:after,.icon-btn[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%,0)}.icon-btn[data-tooltip]:hover:before,.icon-btn[data-tooltip]:focus-visible:before{transform:translateX(-50%)}
.crud-modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:22px}.crud-modal.open{display:flex}.crud-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);animation:crudFade .16s ease}.crud-modal-card{position:relative;width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid #e5e9f0;border-radius:20px;box-shadow:0 30px 90px rgba(15,23,42,.26);animation:crudPop .18s ease}.crud-modal-card.large{width:min(860px,100%)}.crud-modal-card>header{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px 16px;border-bottom:1px solid var(--line)}.crud-modal-card>header small{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;margin-bottom:3px}.crud-modal-card>header h3{margin:0;font-size:20px}.crud-modal-card>.form-grid,.crud-modal-card>form{padding:22px}.modal-close{width:38px;height:38px;border:0;border-radius:10px;background:#f5f7fb;color:#667085;font-size:25px;line-height:1;cursor:pointer}.modal-close:hover{background:#eef1f6;color:#172033}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px;border-top:1px solid var(--line);margin-top:4px}.crud-modal.busy .crud-modal-card{pointer-events:none;opacity:.78}.table-user{display:flex;align-items:center;gap:10px}.table-user img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}body.modal-open{overflow:hidden}@keyframes crudFade{from{opacity:0}to{opacity:1}}@keyframes crudPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.crud-modal{padding:10px;align-items:flex-end}.crud-modal-card,.crud-modal-card.large{width:100%;max-height:92vh;border-radius:18px 18px 12px 12px}.crud-modal-card>header{padding:15px 16px}.crud-modal-card>.form-grid,.crud-modal-card>form{padding:16px}.modal-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 0}.action-col{width:116px}.icon-actions{gap:5px}.icon-btn{width:34px;height:34px}.icon-btn[data-tooltip]:after,.icon-btn[data-tooltip]:before{display:none}}

/* Attendance workflow v7 */
.attendance-new-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:-8px 0 20px;padding:16px 18px;border:1px solid #dfe5ff;border-radius:16px;background:#f8faff;animation:crudFade .18s ease}.attendance-new-bar[hidden]{display:none}.attendance-new-bar label{display:grid;gap:6px;min-width:250px;font-size:12px;font-weight:800}.attendance-new-bar select,.attendance-new-bar input{width:100%;padding:11px 12px;border:1px solid #d7dce5;border-radius:10px;background:#fff}.attendance-new-bar small{color:var(--muted);padding-bottom:10px}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:10px}.panel-title-row h3{margin:0 0 5px}.panel-title-row p{margin:0;color:var(--muted);font-size:13px}.attendance-history-row{cursor:pointer;transition:background .15s}.attendance-history-row:hover{background:#f8faff}.attendance-history-row.is-final{cursor:default}.attendance-history-row.is-final:hover{background:#fafbfc}.attendance-progress{display:flex;align-items:center;gap:9px;min-width:140px}.attendance-progress>span{width:92px;height:7px;border-radius:99px;background:#edf0f5;overflow:hidden}.attendance-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:99px}.attendance-progress small{margin:0;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-badge.success{background:#ecfdf3;color:#15803d}.status-badge.warning{background:#fff7ed;color:#b45309}.muted{color:var(--muted)}.empty-table{padding:28px 10px;text-align:center}.empty-table b,.empty-table span{display:block}.empty-table span{margin-top:5px;color:var(--muted)}
.attendance-modal-card{width:min(980px,100%);height:min(820px,calc(100vh - 42px));display:flex;flex-direction:column;overflow:hidden}.attendance-modal-card>form{padding:0!important;display:flex;flex-direction:column;min-height:0;flex:1}.attendance-modal-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:#fbfcfe}.attendance-modal-tools span{font-size:12px;color:var(--muted);font-weight:700}.btn.small{padding:8px 11px;font-size:12px}.btn.secondary{background:#eef2ff;color:#3f51d7}.attendance-student-list{overflow:auto;min-height:220px;flex:1;padding:4px 20px}.attendance-student-row{display:grid;grid-template-columns:minmax(200px,1.2fr) 190px minmax(180px,1fr);gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.attendance-student-row .student-name b,.attendance-student-row .student-name small{display:block}.attendance-student-row .student-name small{margin-top:4px;color:var(--muted)}.attendance-student-row select,.attendance-student-row input{width:100%;padding:10px 11px;border:1px solid #d7dce5;border-radius:10px;background:#fff}.attendance-student-row select:focus,.attendance-student-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.09)}.attendance-loading,.attendance-no-students{display:grid;place-items:center;min-height:220px;color:var(--muted);text-align:center}.attendance-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-top:1px solid var(--line);background:#fff}.attendance-modal-footer>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.attendance-lock-note{font-size:12px;color:var(--muted);max-width:360px}.attendance-modal.readonly .attendance-student-row select,.attendance-modal.readonly .attendance-student-row input{pointer-events:none;background:#f7f8fa;color:#667085}.attendance-modal.readonly [data-save-draft],.attendance-modal.readonly [data-finalize-attendance],.attendance-modal.readonly [data-mark-all-present]{display:none}
@media(max-width:760px){.attendance-new-bar{align-items:stretch}.attendance-new-bar label{min-width:100%}.attendance-modal{padding:8px;align-items:flex-end}.attendance-modal-card{height:min(90vh,820px);border-radius:18px 18px 10px 10px}.attendance-student-row{grid-template-columns:1fr;gap:8px;padding:15px 0}.attendance-modal-footer{align-items:stretch;flex-direction:column}.attendance-modal-footer>div{justify-content:stretch}.attendance-modal-footer .btn{flex:1}.attendance-modal-tools{align-items:flex-start;flex-direction:column}.attendance-table{min-width:820px}}

/* Inscripciones v8 */
.enrollment-new-panel{margin:-4px 0 20px;padding:18px 20px;border:1px solid #dfe5ee;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);animation:enrollmentReveal .18s ease}.enrollment-new-panel[hidden]{display:none}.enrollment-new-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.25fr) auto;gap:14px;align-items:end}.enrollment-new-grid label,.enrollment-filters label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#344054}.enrollment-new-grid select,.enrollment-filters select,.enrollment-search input{width:100%;height:44px;border:1px solid #d7dce5;border-radius:11px;background:#fff;padding:0 12px;outline:none;transition:.16s}.enrollment-new-grid select:focus,.enrollment-filters select:focus,.enrollment-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.1)}.enrollment-new-actions{display:flex;gap:8px}.enrollment-list-panel{padding:0;overflow:visible}.enrollment-list-head{padding:20px 22px 4px}.enrollment-list-head h3{margin:0}.enrollment-list-head p{margin:5px 0 0;color:var(--muted)}.enrollment-filters{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(190px,.8fr) minmax(150px,.55fr) auto;gap:12px;align-items:end;padding:16px 22px 20px;border-bottom:1px solid var(--line)}.enrollment-search>div{position:relative}.enrollment-search>div>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:18px;color:#98a2b3;pointer-events:none}.enrollment-search input{padding-left:39px}.enrollment-clear{height:44px;white-space:nowrap}.enrollment-table tbody tr[data-enrollment-row]{transition:background .15s,opacity .15s}.enrollment-table tbody tr[data-enrollment-row]:hover{background:#fafbff}.enrollment-table .icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.student-initial{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#4054d8;border:1px solid #dfe4ff;font-size:12px;font-weight:850;flex:0 0 auto}.status-badge.muted{background:#f2f4f7;color:#667085;border-color:#e4e7ec}@keyframes enrollmentReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:980px){.enrollment-new-grid{grid-template-columns:1fr 1fr}.enrollment-new-actions{grid-column:1/-1;justify-content:flex-end}.enrollment-filters{grid-template-columns:1fr 1fr}.enrollment-search{grid-column:1/-1}.enrollment-clear{justify-self:start}}@media(max-width:650px){.enrollment-new-grid,.enrollment-filters{grid-template-columns:1fr}.enrollment-new-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.enrollment-clear{width:100%}.enrollment-list-head{padding:18px 16px 2px}.enrollment-filters{padding:14px 16px 18px}.enrollment-table .action-col{width:64px}}

/* Flexible builders v9 */
.builder-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.course-builder-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.course-outline{position:sticky;top:82px;padding:14px}.outline-title{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 12px;border-bottom:1px solid var(--line);margin-bottom:7px}.outline-title span{font-size:11px;color:var(--muted)}.course-outline>a{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 8px;border-radius:10px;color:var(--text);text-decoration:none;font-size:13px}.course-outline>a:hover{background:#f5f7ff}.course-outline>a>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);font-weight:800}.course-outline>a small{grid-column:2;color:var(--muted);font-size:10px}.course-builder-main{display:grid;gap:18px;min-width:0}.section-head{display:flex;justify-content:space-between;gap:15px}.section-head h3{margin:2px 0 5px}.section-head p{margin:0;color:var(--muted)}.guide-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.guide-preview>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.guide-preview b{font-size:12px}.guide-preview p{margin:7px 0 0;color:#566070;line-height:1.55}.empty-builder{text-align:center;padding:44px 20px}.empty-builder-icon{width:58px;height:58px;border-radius:18px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 14px;font-size:27px;font-weight:900}.empty-builder h3{margin:0 0 7px}.empty-builder p{max-width:560px;margin:0 auto 18px;color:var(--muted);line-height:1.55}.course-module-card{padding:0;overflow:visible}.module-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;padding:19px 20px;border-bottom:1px solid var(--line)}.module-index{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);font-weight:900}.module-copy h3{margin:6px 0 4px}.module-copy p{margin:0;color:var(--muted)}.module-items{padding:5px 20px 15px}.module-item{display:grid;grid-template-columns:36px minmax(0,1fr) 12px 34px 34px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.module-item:last-child{border-bottom:0}.module-item.resource{grid-template-columns:36px minmax(0,1fr) 12px 34px}.module-item b,.module-item small{display:block}.module-item small{margin-top:3px;color:var(--muted)}.content-type-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f4f7;color:#475467;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.status-dot.on{background:#22a06b}.icon-btn.mini{width:30px;height:30px;font-size:13px}.module-empty{padding:22px;text-align:center;color:var(--muted)}
.exam-builder-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.exam-builder-head h1{margin:3px 0}.exam-builder-head p{margin:0;color:var(--muted)}.exam-builder-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.exam-builder-stats>div{padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}.exam-builder-stats span,.exam-builder-stats b{display:block}.exam-builder-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.exam-builder-stats b{font-size:20px;margin-top:5px}.exam-designer{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}.exam-toolbox{position:sticky;top:82px;padding:16px}.exam-toolbox h3{margin:0 0 4px}.exam-toolbox>p{margin:0 0 13px;color:var(--muted);font-size:12px}.exam-toolbox>button{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;display:grid;grid-template-columns:34px 1fr;text-align:left;gap:1px 9px;margin:7px 0;cursor:pointer;color:var(--text)}.exam-toolbox>button:hover{border-color:#cfd7ff;background:#fafbff}.exam-toolbox>button>span{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:#f0f3ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.exam-toolbox button b{font-size:12px}.exam-toolbox button small{font-size:10px;color:var(--muted)}.exam-canvas{min-width:0}.exam-canvas-head{display:flex;justify-content:space-between;margin-bottom:10px}.exam-canvas-head h3{margin:0}.exam-canvas-head p{margin:4px 0;color:var(--muted);font-size:12px}.exam-question-stack{display:grid;gap:12px}.designer-question{display:grid;grid-template-columns:26px minmax(0,1fr) 42px;padding:17px 14px 17px 9px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035);transition:.15s}.designer-question:hover{border-color:#d7ddf8;box-shadow:0 9px 25px rgba(15,23,42,.06)}.designer-question.dragging{opacity:.45}.drag-handle{cursor:grab;color:#98a2b3;font-weight:900;padding-top:6px}.question-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px}.designer-question-body h3{font-size:15px;margin:10px 0 12px;line-height:1.5}.designer-question-body h3>span{color:var(--primary)}.designer-options{display:grid;gap:7px}.designer-options>div{display:flex;gap:9px;align-items:center;border:1px solid #edf0f5;border-radius:10px;padding:8px 10px;font-size:12px}.designer-options>div.correct{border-color:#b7e5cc;background:#f1fbf5}.designer-options>div b{margin-left:auto;color:#15803d}.designer-actions{display:grid;align-content:start;gap:5px}.designer-actions form{margin:0}.answer-placeholder{border:1px dashed #d7dce5;border-radius:10px;padding:10px;color:#98a2b3;font-size:12px}.answer-placeholder.lines{min-height:65px}.question-feedback{margin-top:11px;padding:9px 11px;border-radius:9px;background:#fff9ed;color:#7a5420;font-size:11px}.question-options-editor{border:1px solid var(--line);border-radius:13px;padding:14px}.options-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.options-editor-head b,.options-editor-head small{display:block}.options-editor-head small{color:var(--muted);margin-top:3px}.option-editor-row{display:grid;grid-template-columns:20px minmax(0,1fr) 38px 32px;gap:7px;align-items:center;margin:7px 0}.option-grip{color:#98a2b3;text-align:center}.option-editor-row .option-text{width:100%}.correct-toggle input{position:absolute;opacity:0}.correct-toggle span{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#98a2b3;cursor:pointer}.correct-toggle input:checked+span{background:#ecfdf3;border-color:#a8dfbd;color:#15803d;font-weight:900}.exam-preview-body{padding:20px}.preview-instructions{padding:12px 14px;background:#f7f8fa;border-radius:10px;color:#566070;margin-bottom:14px}.preview-question{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.preview-question h3{margin:2px 0 4px;font-size:15px}.preview-question .answers{margin-top:10px}.student-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.course-student-guide>div{padding-top:9px}.course-student-guide p{line-height:1.6}.course-module-student{display:grid;gap:13px;margin:15px 0}.student-module{padding:0;overflow:hidden}.student-module summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:12px;align-items:start;padding:17px 18px;cursor:pointer}.student-module summary::-webkit-details-marker{display:none}.student-module summary h3{margin:3px 0 4px}.student-module summary p{margin:0;color:var(--muted)}.student-module summary small{font-size:9px;color:var(--primary);font-weight:900;letter-spacing:.08em}.module-chevron{font-size:20px;transition:.2s}.student-module[open] .module-chevron{transform:rotate(180deg)}.student-module-body{border-top:1px solid var(--line);padding:5px 18px 16px}.student-content-item{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.student-content-item:last-child{border-bottom:0}.student-content-item p{margin:6px 0;color:#596273;line-height:1.6}.content-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:980px){.course-builder-layout,.exam-designer{grid-template-columns:1fr}.course-outline,.exam-toolbox{position:static}.course-outline{display:none}.exam-toolbox{display:grid;grid-template-columns:repeat(2,1fr)}.exam-toolbox>h3,.exam-toolbox>p{grid-column:1/-1}.exam-toolbox>button{margin:2px}.student-course-layout{grid-template-columns:1fr}.exam-builder-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.guide-preview{grid-template-columns:1fr}.module-head{grid-template-columns:38px 1fr}.module-head>.icon-actions{grid-column:1/-1;justify-content:flex-end}.exam-builder-head{align-items:flex-start;flex-direction:column}.exam-builder-stats{grid-template-columns:1fr 1fr}.exam-toolbox{grid-template-columns:1fr}.designer-question{grid-template-columns:20px minmax(0,1fr)}.designer-actions{grid-column:2;display:flex;margin-top:8px}.option-editor-row{grid-template-columns:minmax(0,1fr) 38px 32px}.option-grip{display:none}.student-module summary{grid-template-columns:36px minmax(0,1fr) 22px}}

/* Centro de publicación del curso v14 */
.publication-modal{padding:3vh 3vw}.publication-modal .crud-modal-card{width:90vw;max-width:none;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.publication-modal .crud-modal-card>header{flex:0 0 auto;padding:20px 26px}.publication-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;background:#f8f9ff;border-top:1px solid #eef0f5;border-bottom:1px solid var(--line)}.publication-toolbar .check-row{margin:0;font-weight:800}.publication-toolbar>span{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:800}.publication-groups{min-height:0;flex:1;padding:20px 26px;overflow:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}.publish-group{grid-column:span 2;min-width:0;min-height:250px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045);display:flex;flex-direction:column}.publish-group:nth-child(4),.publish-group:nth-child(5){grid-column:span 3}.publish-group>header{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;background:#fafbfe;border-bottom:1px solid var(--line)}.publish-group>header>div{min-width:0;display:flex;align-items:center;gap:9px}.publish-group>header i{color:var(--primary);font-size:16px}.publish-group>header b{font-size:13px}.publish-group>header span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:11px;font-weight:850}.btn-link{flex:0 0 auto;border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:800;cursor:pointer}.btn-link:hover{text-decoration:underline}.publish-list{min-height:0;flex:1;max-height:310px;overflow:auto}.publish-item{display:grid;grid-template-columns:20px 38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:12px 14px;border-bottom:1px solid #eef0f5;cursor:pointer;transition:background .15s}.publish-item:last-child{border-bottom:0}.publish-item:hover{background:#f8f9ff}.publish-item:has(input:checked){background:#f3f5ff}.publish-item>input{width:17px;height:17px;margin:0;accent-color:var(--primary)}.publish-item-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f0f3ff;color:var(--primary)}.publish-item-copy{min-width:0}.publish-item-copy b,.publish-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-item-copy b{font-size:12px;line-height:1.35}.publish-item-copy small{margin-top:4px;color:var(--muted);font-size:10px}.publish-item.has-warning .publish-item-copy small{color:#b54708}.publish-item .status-badge{justify-self:end;white-space:nowrap}.publish-empty{margin:auto;padding:32px 20px;text-align:center;color:var(--muted);font-size:12px}.publication-note{flex:0 0 auto;display:flex;align-items:center;gap:11px;margin:0 26px 16px;padding:12px 14px;border-radius:12px;background:#eff8ff;color:#175cd3;font-size:11px;line-height:1.45}.publication-note i{font-size:18px}.publication-modal .modal-actions{flex:0 0 auto;margin:0;padding:16px 26px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:flex-end;gap:10px}.publication-modal .modal-actions .btn{min-height:42px}@media(max-width:1100px){.publication-modal .crud-modal-card{width:94vw}.publication-groups{grid-template-columns:1fr 1fr}.publish-group,.publish-group:nth-child(4),.publish-group:nth-child(5){grid-column:auto}}@media(max-width:760px){.publication-modal{padding:0}.publication-modal .crud-modal-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.publication-modal .crud-modal-card>header{padding:16px}.publication-groups{grid-template-columns:1fr;padding:14px;gap:13px}.publish-group,.publish-group:nth-child(4),.publish-group:nth-child(5){grid-column:auto;min-height:210px}.publication-toolbar{padding:12px 14px}.publication-note{margin:0 14px 12px}.publication-modal .modal-actions{padding:13px 14px;display:grid;grid-template-columns:1fr}.publish-item{grid-template-columns:20px 34px minmax(0,1fr)}.publish-item>.status-badge{grid-column:3;justify-self:start}}

/* Centro de publicación: distribución amplia v15 */
@media(min-width:761px){.publication-modal{padding:2vh 2vw}.publication-modal .crud-modal-card{width:96vw;height:94vh;max-height:94vh}.publication-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 28px}.publish-group,.publish-group:nth-child(4){grid-column:auto;min-height:300px}.publish-group:nth-child(5){grid-column:1/-1;min-height:260px}.publish-group:nth-child(5) .publish-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:330px}.publish-group:nth-child(5) .publish-item:nth-child(odd){border-right:1px solid #eef0f5}.publish-group>header{padding:15px 18px}.publish-item{grid-template-columns:22px 42px minmax(0,1fr) auto;gap:13px;padding:14px 18px}.publish-item-icon{width:40px;height:40px}.publish-item-copy b{font-size:13px}.publish-item-copy small{font-size:11px}.publication-toolbar{padding:15px 28px}.publication-note{margin:0 28px 18px;padding:13px 16px}.publication-modal .modal-actions{padding:17px 28px}}

/* Publicación del curso casi a pantalla completa v16 */
@media(min-width:761px){.publication-modal{padding:1.5vh .5vw}.publication-modal .crud-modal-card{width:99vw;height:97vh;max-height:97vh}}


/* Detail intelligence modals v12 */
.detail-row{cursor:pointer;transition:background .16s ease}.detail-row:hover,.detail-row:focus{background:rgba(79,70,229,.055);outline:none}.detail-row td:last-child{cursor:default}.detail-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px}.detail-modal.open{display:flex}.detail-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}.detail-modal-card{position:relative;width:min(980px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.28)}.detail-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eaf1;backdrop-filter:blur(10px)}.detail-modal-head h3{margin:0}.detail-modal-body{padding:24px}.detail-loading{padding:45px;text-align:center;color:#64748b}.detail-hero{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #eef0f5}.detail-hero h2{margin:3px 0 7px;font-size:25px}.detail-hero p{margin:0;color:#64748b;max-width:720px}.detail-hero.person{justify-content:flex-start;align-items:center}.detail-hero.person>.badge{margin-left:auto}.detail-hero.person img{width:68px;height:68px;border-radius:18px;object-fit:cover}.detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.detail-kpis>div{padding:15px;border:1px solid #e8eaf0;border-radius:14px;background:#fafbfe}.detail-kpis span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.detail-kpis strong{font-size:24px}.detail-kpis .small-value{font-size:13px;line-height:1.35}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.detail-grid section,.detail-section{border:1px solid #e8eaf0;border-radius:16px;padding:18px}.detail-grid h3,.detail-section h3{margin:0 0 14px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eef0f5}.detail-list>div:last-child{border:0}.detail-list dt{color:#64748b}.detail-list dd{margin:0;text-align:right;font-weight:600}.mini-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f5}.mini-list>div:last-child{border:0}.mini-list span{min-width:0}.mini-list b,.mini-list small{display:block}.mini-list small{color:#64748b;margin-top:2px}.timeline>div{display:flex;gap:11px;padding:8px 0}.timeline i{width:9px;height:9px;border-radius:50%;background:#6366f1;margin-top:5px;flex:0 0 auto}.timeline span{min-width:0}.timeline b,.timeline small{display:block}.timeline small{color:#64748b;margin-top:3px}.progress-card{position:relative;padding:12px 0 18px}.progress-card>div:first-child{padding-right:54px}.progress-card strong{position:absolute;right:0;top:12px}.progress-card small{display:block;color:#64748b;margin-top:3px}.progress-track{height:7px;background:#eceff5;border-radius:999px;overflow:hidden;margin-top:10px}.progress-track i{display:block;height:100%;background:#6366f1;border-radius:999px}.detail-note{font-size:12px;color:#64748b;margin:12px 0 0}.audit-filters{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}.audit-filters label{margin:0}.empty-filter{text-align:center;padding:28px;color:#64748b}
@media(max-width:800px){.detail-modal{padding:10px}.detail-modal-card{max-height:94vh}.detail-modal-body{padding:16px}.detail-grid{grid-template-columns:1fr}.detail-kpis{grid-template-columns:repeat(2,1fr)}.audit-filters{grid-template-columns:1fr 1fr}.audit-filters label:first-child{grid-column:1/-1}}@media(max-width:480px){.detail-kpis{grid-template-columns:1fr 1fr}.audit-filters{grid-template-columns:1fr}.audit-filters label:first-child{grid-column:auto}}


/* Sidebar icons + instructor assignment v13 */
.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px}
.sidebar nav a>span:last-child{min-width:0}
.sidebar-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:#94a3b8;transition:.2s}
.sidebar-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a:hover .sidebar-icon{color:#fff;transform:scale(1.06)}
.field-help{display:block;color:var(--muted);font-weight:500;margin-top:2px;line-height:1.4}
.instructor-self-note{padding:13px 14px;border:1px solid #dbe3ef;background:#f8fafc;border-radius:12px;display:grid;gap:4px}
.instructor-self-note small{color:var(--muted)}


/* Modal layering + complete audit v14 */
html.detail-modal-open,body.detail-modal-open{overflow:hidden!important}
.detail-modal{z-index:2147483000!important;isolation:isolate}
.detail-modal-backdrop{z-index:0!important}
.detail-modal-card{z-index:1!important;isolation:isolate}
.table-wrap,.table-wrap table,.table-wrap thead,.table-wrap tbody{isolation:auto}
.detail-modal.open~*{pointer-events:auto}
.audit-row.detail-row{cursor:pointer}
.audit-row.detail-row:hover{background:rgba(79,70,229,.055)}
.audit-json{margin:10px 0 16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0f172a;color:#e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.audit-json-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.audit-json-grid>div{padding:11px;border:1px solid var(--line);border-radius:11px}.audit-json-grid span,.audit-json-grid b{display:block}.audit-json-grid span{font-size:11px;color:var(--muted);margin-bottom:4px}.audit-json-grid b{font-size:13px}.wrap-value{max-width:620px;overflow-wrap:anywhere;text-align:left!important}.audit-kpis .small-value{overflow-wrap:anywhere}
@media(max-width:700px){.audit-json-grid{grid-template-columns:1fr}}


/* Sidebar Bootstrap Icons v16 */
.sidebar-icon{
  width:1.25rem;
  min-width:1.25rem;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.08rem;
  line-height:1;
  vertical-align:-.125em;
  transition:transform .18s ease, opacity .18s ease;
}
.sidebar a:hover .sidebar-icon,
.sidebar-nav a:hover .sidebar-icon{transform:translateY(-1px) scale(1.05)}
.sidebar-icon svg{display:none!important}


/* SPA REST v18 — ajustes de shell, modales y formularios */
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.notification-item{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}
.notification-item>span:last-child{display:grid;gap:2px;min-width:0}
.notification-item small,.notification-item em{display:block}.notification-item em{font-size:10px;color:var(--muted);font-style:normal}
.notif-mark-all{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;border:0;background:transparent;color:var(--primary);cursor:pointer;border-radius:8px}
.notif-mark-all:hover{background:#eef2ff}
.crud-modal-card.wide{width:min(1050px,96vw)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.attendance-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.json-view{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;color:#e2e8f0;border-radius:12px;padding:14px;max-height:420px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:auto!important}
.q-opt{display:grid;grid-template-columns:24px minmax(0,1fr) 36px;gap:8px;align-items:center;margin:8px 0}.q-opt>.q-correct{width:18px!important;height:18px}
.detail-modal-open{overflow:hidden!important}
.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.course-card{display:grid;gap:10px}
@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}.attendance-toolbar{align-items:stretch}.attendance-toolbar>*{width:100%}}


/* ===== Paridad visual v19: encabezado, fotografías y modales de detalle ===== */
.topbar-actions{display:flex;align-items:center;gap:10px}
.sidebar nav a{display:flex;align-items:center;gap:12px}
.sidebar-icon{width:20px;min-width:20px;text-align:center;font-size:1.05rem}
.sidebar-foot{margin-top:auto;padding:16px 12px 0;border-top:1px solid rgba(148,163,184,.16)}
.sidebar-user{display:flex;align-items:center;gap:10px}
.sidebar-avatar{width:38px;height:38px}
.sidebar-user-copy{display:grid;gap:1px;min-width:0}
.sidebar-user-copy b{font-size:13px;font-weight:800;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-copy small{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.avatar-shell{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e8edff,#f0eaff);box-shadow:0 0 0 1px #e1e6ef}
.avatar-shell .avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-weight:850;color:#4556cc;letter-spacing:.02em}
.avatar-shell .avatar{position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;box-shadow:none!important;object-fit:cover;border-radius:inherit}
.header-avatar{width:38px;height:38px}
.dropdown-avatar{width:58px;height:58px}
.table-avatar{width:40px;height:40px}
.detail-avatar{width:76px;height:76px;box-shadow:0 8px 24px rgba(15,23,42,.12),0 0 0 4px #fff}
.profile-avatar{width:170px;height:170px;margin:8px auto 14px;box-shadow:0 12px 36px rgba(15,23,42,.14),0 0 0 6px #fff}
.user-menu-trigger{min-height:50px}
.user-card em{font-size:11px;color:#667085;font-style:normal;margin-top:3px}
.table-user{display:flex;align-items:center;gap:11px}
.table-user>div{min-width:0}

.detail-row{cursor:pointer;transition:background .15s ease}
.detail-row:hover{background:#f8faff}
.detail-row:focus{outline:2px solid rgba(55,88,249,.2);outline-offset:-2px}

html.detail-modal-open,body.detail-modal-open{overflow:hidden!important}
.detail-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:24px!important;isolation:isolate}
.detail-modal .crud-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.60)!important;backdrop-filter:blur(6px);z-index:0!important}
.detail-modal .crud-modal-card{position:relative!important;z-index:2!important;width:min(980px,calc(100vw - 34px))!important;max-height:calc(100vh - 44px)!important;overflow:auto!important;border-radius:24px!important;box-shadow:0 36px 90px rgba(15,23,42,.30)!important}
.detail-modal .crud-modal-card.wide,.detail-modal .crud-modal-card.large{width:min(1080px,calc(100vw - 34px))!important}
.detail-modal .crud-modal-card>header{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.detail-modal-body{padding:2px}
.detail-hero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#f8faff,#f5f3ff);border:1px solid #e6e9ff;margin-bottom:18px}
.detail-hero>div{min-width:0;flex:1}
.detail-hero h2{font-size:28px;letter-spacing:-.025em;margin:3px 0 5px}
.detail-hero p{margin:0;color:var(--muted)}
.detail-hero>.badge{margin-left:auto}
.detail-kpis,.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.detail-kpis>div,.stats-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}
.detail-kpis span,.stats-grid small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.detail-kpis strong,.stats-grid b{font-size:22px}
.detail-kpis .small-value{font-size:13px;line-height:1.35}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.detail-grid>section,.detail-section{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}
.detail-grid h3,.detail-section h3{margin:0 0 14px}
.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.detail-list>div{padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}
.detail-list>div:nth-last-child(-n+2){border-bottom:0}
.detail-list dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.detail-list dd{margin:5px 0 0;font-weight:650;overflow-wrap:anywhere}
.mini-list{display:grid}
.mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.mini-list>div:last-child{border-bottom:0}
.mini-list small{display:block;color:var(--muted);margin-top:3px}
.timeline{display:grid;gap:11px}
.timeline>div{display:grid;grid-template-columns:10px 1fr;gap:10px}
.timeline>div>i{width:8px;height:8px;border-radius:50%;background:#6d5dfc;margin-top:6px}
.timeline small{display:block;color:var(--muted);margin-top:2px}
.detail-note{font-size:12px;color:var(--muted);line-height:1.5}
.json-view{max-height:330px;overflow:auto;padding:14px;border-radius:14px;background:#0f172a;color:#dbeafe;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:760px){
  .detail-modal{padding:10px!important}
  .detail-modal .crud-modal-card,.detail-modal .crud-modal-card.wide,.detail-modal .crud-modal-card.large{width:100%!important;max-height:calc(100vh - 20px)!important;border-radius:18px!important}
  .detail-hero{align-items:flex-start;flex-wrap:wrap}
  .detail-avatar{width:62px;height:62px}
  .detail-kpis,.stats-grid,.detail-grid,.detail-list{grid-template-columns:1fr}
  .detail-list>div{border-bottom:1px solid var(--line)!important}
  .detail-list>div:last-child{border-bottom:0!important}
}


/* ===== Paridad completa de controles v21 ===== */
.icon-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.action-col{width:132px;text-align:right}
td.icon-actions{text-align:right}
.crud-modal-card>form>label{display:grid;gap:7px;font-size:13px;font-weight:750}
.crud-modal-card>form>label input,
.crud-modal-card>form>label select,
.crud-modal-card>form>label textarea{width:100%;padding:12px 13px;border:1px solid #d7dce5;border-radius:11px;background:#fff;outline:none;transition:.2s}
.crud-modal-card>form>label input:focus,
.crud-modal-card>form>label select:focus,
.crud-modal-card>form>label textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.1)}
.crud-modal-card .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--line);margin-top:6px}
.crud-modal-card>form>.modal-actions{grid-column:1/-1}
.user-dropdown form{margin:0}
.user-dropdown>a,.user-dropdown form button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;border-radius:10px;color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.user-dropdown>a:hover,.user-dropdown form button:hover{background:#f5f7fb}
.user-dropdown form button:focus-visible,.user-dropdown>a:focus-visible{outline:2px solid rgba(55,88,249,.25);outline-offset:1px}
@media(max-width:700px){
  .action-col{width:116px}
  .icon-actions{gap:5px}
}

.user-chevron{font-style:normal;color:var(--muted);font-size:18px;line-height:1}


/* ===== Formularios y mensajes SPA v23 ===== */
.system-toast{
  position:fixed;
  right:20px;
  top:78px;
  bottom:auto;
  z-index:2147483640;
  width:max-content;
  min-width:0;
  max-width:min(360px,calc(100vw - 32px));
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 13px;
  margin:0;
  border:1px solid transparent;
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font-size:13px;
  font-weight:650;
  line-height:1.35;
  box-shadow:0 10px 30px rgba(15,23,42,.14);
  transform:translateY(-8px) scale(.98);
  opacity:0;
  transition:opacity .18s ease,transform .18s ease;
}
.system-toast.show{transform:none;opacity:1}
.system-toast.fade{opacity:0;transform:translateY(-5px) scale(.98)}
.system-toast i{flex:0 0 auto;font-size:16px}
.system-toast span{min-width:0;overflow-wrap:anywhere}
.system-toast-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.system-toast-error{border-color:#fecaca;background:#fff7f7;color:#b42318}
.system-toast-warning{border-color:#fed7aa;background:#fffaf0;color:#9a5412}
.confirm-overlay.system-confirm{z-index:2147483645}
.system-confirm .confirm-icon{display:grid;place-items:center}
.system-confirm .confirm-icon i{font-size:24px}

.student-editor-modal .crud-modal-card{width:min(900px,calc(100vw - 32px))}
.student-editor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}
.student-editor-form .span-2{grid-column:1/-1}
.form-section{
  border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff
}
.form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.form-section-title>div{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:#eef2ff;color:var(--primary)
}
.form-section-title span{display:grid;gap:2px}
.form-section-title small{color:var(--muted);font-size:11px}
.form-section>label,.student-editor-form label{display:grid;gap:7px;font-size:13px;font-weight:750}
.student-editor-form input,.student-editor-form select,.student-editor-form textarea{
  width:100%;padding:12px 13px;border:1px solid #d7dce5;border-radius:11px;background:#fff;outline:none
}
.student-editor-form input:focus,.student-editor-form select:focus,.student-editor-form textarea:focus{
  border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.1)
}
.student-photo-editor{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center}
.profile-editor-avatar{width:84px;height:84px}
.file-field small,.student-editor-form label>small{font-weight:500;color:var(--muted)}
.detail-note-box{margin-top:14px;padding:13px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}
.detail-note-box p{margin:6px 0 0;color:#566070;line-height:1.5}
.btn-spinner{
  width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  display:inline-block;vertical-align:-2px;animation:ccspin .7s linear infinite
}
@keyframes ccspin{to{transform:rotate(360deg)}}
@media(max-width:700px){
  .student-editor-form{grid-template-columns:1fr;padding:14px}
  .student-editor-form .span-2{grid-column:1}
  .student-photo-editor{grid-template-columns:72px minmax(0,1fr)}
  .profile-editor-avatar{width:66px;height:66px}
  .system-toast{right:16px;bottom:16px}
}

.exam-grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.exam-grid-fields label{display:grid;gap:7px}
@media(max-width:700px){.exam-grid-fields{grid-template-columns:1fr}}

@media(max-width:700px){
  .system-toast{
    right:12px;left:auto;top:70px;bottom:auto;
    width:auto;min-width:0;max-width:calc(100vw - 24px);
    padding:9px 11px;border-radius:11px;font-size:12.5px
  }
}


/* ===== Paridad Asistencia v25 ===== */
.attendance-new-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:-8px 0 20px;padding:16px 18px;border:1px solid #dfe5ff;border-radius:16px;background:#f8faff;animation:crudFade .18s ease}.attendance-new-bar[hidden]{display:none}.attendance-new-bar label{display:grid;gap:6px;min-width:250px;font-size:12px;font-weight:800}.attendance-new-bar select,.attendance-new-bar input{width:100%;padding:11px 12px;border:1px solid #d7dce5;border-radius:10px;background:#fff}.attendance-new-bar small{color:var(--muted);padding-bottom:10px}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:10px}.panel-title-row h3{margin:0 0 5px}.panel-title-row p{margin:0;color:var(--muted);font-size:13px}.attendance-history-row{cursor:pointer;transition:background .15s}.attendance-history-row:hover{background:#f8faff}.attendance-history-row.is-final{cursor:default}.attendance-history-row.is-final:hover{background:#fafbfc}.attendance-progress{display:flex;align-items:center;gap:9px;min-width:140px}.attendance-progress>span{width:92px;height:7px;border-radius:99px;background:#edf0f5;overflow:hidden}.attendance-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:99px}.attendance-progress small{margin:0;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-badge.success{background:#ecfdf3;color:#15803d}.status-badge.warning{background:#fff7ed;color:#b45309}.muted{color:var(--muted)}.empty-table{padding:28px 10px;text-align:center}.empty-table b,.empty-table span{display:block}.empty-table span{margin-top:5px;color:var(--muted)}
.attendance-modal-card{width:min(980px,100%);height:min(820px,calc(100vh - 42px));display:flex;flex-direction:column;overflow:hidden}.attendance-modal-card>form{padding:0!important;display:flex;flex-direction:column;min-height:0;flex:1}.attendance-modal-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:#fbfcfe}.attendance-modal-tools span{font-size:12px;color:var(--muted);font-weight:700}.btn.small{padding:8px 11px;font-size:12px}.btn.secondary{background:#eef2ff;color:#3f51d7}.attendance-student-list{overflow:auto;min-height:220px;flex:1;padding:4px 20px}.attendance-student-row{display:grid;grid-template-columns:minmax(200px,1.2fr) 190px minmax(180px,1fr);gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.attendance-student-row .student-name b,.attendance-student-row .student-name small{display:block}.attendance-student-row .student-name small{margin-top:4px;color:var(--muted)}.attendance-student-row select,.attendance-student-row input{width:100%;padding:10px 11px;border:1px solid #d7dce5;border-radius:10px;background:#fff}.attendance-student-row select:focus,.attendance-student-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.09)}.attendance-loading,.attendance-no-students{display:grid;place-items:center;min-height:220px;color:var(--muted);text-align:center}.attendance-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-top:1px solid var(--line);background:#fff}.attendance-modal-footer>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.attendance-lock-note{font-size:12px;color:var(--muted);max-width:360px}.attendance-modal.readonly .attendance-student-row select,.attendance-modal.readonly .attendance-student-row input{pointer-events:none;background:#f7f8fa;color:#667085}.attendance-modal.readonly [data-save-draft],.attendance-modal.readonly [data-finalize-attendance],.attendance-modal.readonly [data-mark-all-present]{display:none}
@media(max-width:760px){.attendance-new-bar{align-items:stretch}.attendance-new-bar label{min-width:100%}.attendance-modal{padding:8px;align-items:flex-end}.attendance-modal-card{height:min(90vh,820px);border-radius:18px 18px 10px 10px}.attendance-student-row{grid-template-columns:1fr;gap:8px;padding:15px 0}.attendance-modal-footer{align-items:stretch;flex-direction:column}.attendance-modal-footer>div{justify-content:stretch}.attendance-modal-footer .btn{flex:1}.attendance-modal-tools{align-items:flex-start;flex-direction:column}.attendance-table{min-width:820px}}

.attendance-modal{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center;justify-content:center;padding:20px
}
.attendance-modal:not(.open){display:none!important}
.attendance-modal.open{display:flex!important}
.attendance-modal .crud-modal-backdrop{position:absolute;inset:0}
.attendance-modal-card{position:relative;z-index:1}
.attendance-list-head{padding:20px 22px 4px}
.attendance-table tbody tr[data-attendance-row]{cursor:pointer}
.attendance-table tbody tr[data-attendance-row]:focus-visible{outline:2px solid rgba(55,88,249,.35);outline-offset:-2px}


/* ===== Auditoría legible v26 ===== */
.audit-detail-card{width:min(1080px,calc(100vw - 32px))}
.audit-hero .badge{white-space:nowrap}
.audit-section-stack{display:grid;gap:16px;margin-top:18px}
.audit-readable-section,.audit-changes-section{
  border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden
}
.audit-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 16px;border-bottom:1px solid var(--line);background:#fbfcfe
}
.audit-section-title{display:flex;align-items:center;gap:11px;min-width:0}
.audit-section-title>span{
  width:36px;height:36px;flex:0 0 36px;border-radius:11px;
  display:grid;place-items:center;background:#eef2ff;color:var(--primary)
}
.audit-section-title h3{margin:0;font-size:15px}
.audit-section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}
.audit-json-toggle{white-space:nowrap;flex:0 0 auto}
.audit-json-toggle.active{background:#eef2ff;color:var(--primary)}
.audit-section-readable{padding:4px 16px 10px}
.audit-section-json{margin:0;border:0;border-radius:0;max-height:440px;padding:16px 18px}
.audit-structured-list{margin:0}
.audit-structured-row{
  display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.5fr);
  gap:14px;padding:11px 0;border-bottom:1px solid #edf0f4;align-items:start
}
.audit-structured-row:last-child{border-bottom:0}
.audit-structured-row>dt{font-size:12px;font-weight:800;color:#475467}
.audit-structured-row>dd{margin:0;min-width:0;color:var(--text)}
.audit-structured-row.is-complex{
  grid-template-columns:1fr;gap:8px;padding:13px 0
}
.audit-structured-row.is-complex>dt{
  color:#344054;font-size:13px;padding-bottom:3px
}
.audit-structured-row.is-complex>dd{
  padding-left:12px;border-left:2px solid #e6eaff
}
.audit-structured-row.is-complex .audit-structured-list{
  background:#fafbff;border:1px solid #edf0f7;border-radius:12px;padding:0 12px
}
.audit-value-text{display:inline-block;line-height:1.45;overflow-wrap:anywhere}
.audit-empty-value{color:#98a2b3;font-style:italic}
.audit-value-badge{
  display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;
  font-size:11px;font-weight:800
}
.audit-value-badge.yes{background:#ecfdf3;color:#15803d}
.audit-value-badge.no{background:#f2f4f7;color:#667085}
.audit-array{display:grid;gap:8px}
.audit-array-item{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;
  padding:9px;border:1px solid #edf0f5;border-radius:11px;background:#fff
}
.audit-array-index{
  width:25px;height:25px;display:grid;place-items:center;border-radius:8px;
  background:#eef2ff;color:#4054d8;font-size:11px;font-weight:850
}
.audit-no-data{padding:16px;color:var(--muted);font-size:13px}
.audit-changes-section{margin-top:18px}
.audit-change-list{display:grid}
.audit-change-row{
  display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);
  gap:16px;padding:13px 16px;border-bottom:1px solid #edf0f4;align-items:center
}
.audit-change-row:last-child{border-bottom:0}
.audit-change-field{display:flex;align-items:center;gap:8px;min-width:0}
.audit-change-field i{color:var(--primary)}
.audit-change-field b{font-size:12px;overflow-wrap:anywhere}
.audit-change-values{
  display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);
  align-items:center;gap:8px
}
.audit-change-values>div{
  min-width:0;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #edf0f4
}
.audit-change-values>div small{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:3px;text-transform:uppercase}
.audit-change-values>i{text-align:center;color:#98a2b3}
@media(max-width:760px){
  .audit-detail-card{width:100%}
  .audit-section-head{align-items:flex-start}
  .audit-section-title>span{display:none}
  .audit-json-toggle span{display:none}
  .audit-structured-row,.audit-change-row{grid-template-columns:1fr;gap:7px}
  .audit-change-values{grid-template-columns:1fr}
  .audit-change-values>i{transform:rotate(90deg)}
  .audit-section-readable{padding:4px 13px 10px}
}


/* ===== Auditoría modal simple v27 ===== */
.audit-detail-card{width:min(940px,calc(100vw - 32px))}
.audit-detail-modal .detail-modal-body{padding:18px 20px 22px}
.audit-simple-summary{
  padding:0 0 16px;
  border-bottom:1px solid var(--line);
  margin-bottom:16px
}
.audit-simple-main{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  gap:0;
  border:1px solid var(--line);
  border-radius:13px;
  overflow:hidden;
  background:#fff
}
.audit-simple-main>div{
  min-width:0;
  padding:13px 15px;
  border-right:1px solid var(--line)
}
.audit-simple-main>div:last-child{border-right:0}
.audit-simple-label{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:4px
}
.audit-simple-main strong{
  display:block;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere
}
.audit-simple-main small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  overflow-wrap:anywhere
}
.audit-simple-block,
.audit-readable-section{
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  overflow:hidden
}
.audit-simple-block{margin-bottom:14px}
.audit-simple-block-head{
  padding:13px 15px;
  border-bottom:1px solid var(--line);
  background:#fafbfc
}
.audit-simple-block-head h3,
.audit-section-title h3{
  margin:0;
  font-size:14px
}
.audit-simple-block-head p,
.audit-section-title p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:11.5px
}
.audit-simple-sections{display:grid;gap:12px}
.audit-section-head{
  padding:12px 14px;
  background:#fafbfc
}
.audit-section-title>span{
  width:30px;
  height:30px;
  flex-basis:30px;
  border-radius:9px
}
.audit-section-readable{padding:2px 14px 8px}
.audit-structured-row{
  grid-template-columns:minmax(155px,.58fr) minmax(0,1.42fr);
  padding:9px 0
}
.audit-change-row{
  grid-template-columns:minmax(160px,.58fr) minmax(0,1.42fr);
  padding:11px 14px
}
.audit-change-values>div{padding:7px 9px}
.audit-section-json{
  max-height:380px;
  font-size:12px
}
@media(max-width:760px){
  .audit-detail-modal .detail-modal-body{padding:14px}
  .audit-simple-main{grid-template-columns:1fr}
  .audit-simple-main>div{
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  .audit-simple-main>div:last-child{border-bottom:0}
  .audit-section-title>span{display:none}
  .audit-structured-row,
  .audit-change-row{grid-template-columns:1fr}
}


/* ===== Auditoría grid organizada v28 ===== */
.audit-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start
}
.audit-grid-item{min-width:0}
.audit-grid-item .audit-readable-section{height:100%}
.audit-grid-event,.audit-grid-technical{grid-column:span 1}
.audit-grid-before,.audit-grid-after{grid-column:span 1}
.audit-grid-item .audit-section-readable{padding:2px 13px 8px}
.audit-grid-item .audit-structured-row{
  grid-template-columns:minmax(125px,.58fr) minmax(0,1.42fr);
  gap:10px;
  padding:8px 0
}
.audit-grid-item .audit-structured-row.is-complex{
  grid-template-columns:1fr;
  gap:6px
}
.audit-grid-item .audit-section-head{
  min-height:62px;
  align-items:center
}
.audit-grid-item .audit-section-title p{
  max-width:360px
}

/* Antes y después quedan equilibrados lado a lado */
.audit-grid-before .audit-readable-section,
.audit-grid-after .audit-readable-section{
  border-top:3px solid transparent
}
.audit-grid-before .audit-readable-section{border-top-color:#fed7aa}
.audit-grid-after .audit-readable-section{border-top-color:#bbf7d0}

/* Contexto técnico tiende a tener valores largos; permitir mejor lectura */
.audit-grid-technical .audit-structured-row{
  grid-template-columns:minmax(115px,.48fr) minmax(0,1.52fr)
}
.audit-grid-technical .audit-value-text{
  font-size:12px;
  word-break:break-word
}

/* Cambios realizados conserva ancho completo */
.audit-changes-section{
  width:100%
}

@media(max-width:900px){
  .audit-section-grid{grid-template-columns:1fr}
  .audit-grid-event,
  .audit-grid-technical,
  .audit-grid-before,
  .audit-grid-after{grid-column:1}
}
@media(max-width:760px){
  .audit-grid-item .audit-structured-row,
  .audit-grid-technical .audit-structured-row{
    grid-template-columns:1fr
  }
}


/* ===== Modal examen estructurado v29 ===== */
.exam-editor-modal .crud-modal-card{width:min(920px,calc(100vw - 32px))}
.exam-editor-form{display:grid;gap:14px;padding:18px}
.exam-form-section{
  border:1px solid var(--line);border-radius:15px;background:#fff;padding:15px
}
.exam-form-section-head{
  display:flex;align-items:center;gap:10px;margin-bottom:13px
}
.exam-form-section-head>div{
  width:34px;height:34px;flex:0 0 34px;border-radius:10px;
  display:grid;place-items:center;background:#eef2ff;color:var(--primary)
}
.exam-form-section-head span{display:grid;gap:2px}
.exam-form-section-head b{font-size:13px}
.exam-form-section-head small{color:var(--muted);font-size:11px}
.exam-form-grid,.exam-config-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px
}
.exam-form-grid .span-2{grid-column:1/-1}
.exam-editor-form label{
  display:grid;gap:7px;font-size:12px;font-weight:800;color:#344054;min-width:0
}
.exam-editor-form input,
.exam-editor-form select,
.exam-editor-form textarea{
  width:100%;min-width:0;padding:11px 12px;border:1px solid #d7dce5;
  border-radius:10px;background:#fff;outline:none
}
.exam-editor-form input:focus,
.exam-editor-form select:focus,
.exam-editor-form textarea:focus{
  border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,88,249,.09)
}
.exam-editor-form label>small{font-weight:500;color:var(--muted);line-height:1.35}
.exam-datetime-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
.exam-date-field{
  padding:12px;border:1px solid #e3e7ee;border-radius:12px;background:#fafbfc
}
.exam-date-field>span{font-size:12px;font-weight:800;color:#344054}
.exam-date-field input{margin-top:1px;background:#fff}
.exam-config-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.input-with-suffix{position:relative}
.input-with-suffix input{padding-right:44px}
.input-with-suffix>span{
  position:absolute;right:11px;top:50%;transform:translateY(-50%);
  color:var(--muted);font-size:11px;font-weight:800;pointer-events:none
}
.exam-options-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
.exam-option-card{
  display:flex!important;grid-template-columns:none!important;
  align-items:flex-start;gap:9px!important;padding:11px 12px;
  border:1px solid #e3e7ee;border-radius:12px;background:#fafbfc;cursor:pointer
}
.exam-option-card input{width:auto!important;margin-top:3px;flex:0 0 auto}
.exam-option-card span{display:grid;gap:2px}
.exam-option-card b{font-size:12px}
.exam-option-card small{font-size:10.5px;color:var(--muted);font-weight:500}
.exam-editor-actions{
  display:flex;justify-content:flex-end;gap:9px;padding-top:2px
}
@media(max-width:820px){
  .exam-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exam-options-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .exam-editor-form{padding:13px}
  .exam-form-grid,.exam-datetime-grid,.exam-config-grid{grid-template-columns:1fr}
  .exam-form-grid .span-2{grid-column:1}
  .exam-form-section-head>div{display:none}
  .exam-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}


/* ===== Perfil administrativo paridad v31 ===== */
.profile-form{align-items:start}
.profile-form>label{min-width:0}
.profile-form>label>small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:500;
  line-height:1.35
}
.profile-form .password-field{width:100%}
.profile-photo-card .avatar-fallback.profile-photo{
  display:grid;
  place-items:center;
  font-size:48px;
  font-weight:800;
  color:#667085;
  background:#eef1f7
}
@media(max-width:760px){
  .profile-form .span-2{grid-column:1}
}


/* ===== Aula virtual estudiante v33 ===== */
.student-lms-main{background:#f6f8fc;min-height:calc(100vh - 68px)}
.student-lms-content{width:min(1240px,calc(100% - 34px));margin:0 auto;padding:28px 0 42px}
.student-welcome{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:26px;
  padding:30px;border:1px solid #e7eaf0;border-radius:24px;background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.05)
}
.student-welcome-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:850;color:#3758f9;text-transform:uppercase;letter-spacing:.06em}
.student-welcome h1{margin:9px 0 7px;font-size:34px;line-height:1.05}
.student-welcome p{margin:0;color:var(--muted);font-size:14px}
.student-welcome-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.student-welcome-summary>div{display:grid;place-items:center;text-align:center;padding:14px 8px;border-radius:16px;background:#f7f8fc}
.student-welcome-summary b{font-size:22px}
.student-welcome-summary span{margin-top:3px;color:var(--muted);font-size:10.5px}
.student-courses-section,.student-dashboard-block{margin-top:26px}
.student-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}
.student-section-head.compact{align-items:center}
.student-section-head h2{margin:3px 0 2px;font-size:21px}
.student-section-head p{margin:0;color:var(--muted);font-size:12px}
.student-section-eyebrow{font-size:10px;letter-spacing:.1em;color:#667085;font-weight:850}
.course-view-switch{display:flex;gap:4px;padding:4px;border:1px solid #e2e6ed;background:#fff;border-radius:12px}
.course-view-switch button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px 10px;border-radius:8px;color:#667085;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.course-view-switch button.active{background:#eef2ff;color:#3758f9}
.virtual-course-collection{display:grid;gap:12px}
.virtual-course-collection.is-list{grid-template-columns:1fr}
.virtual-course-collection.is-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.virtual-course-card{display:flex;min-width:0;text-decoration:none;color:inherit;border:1px solid #e4e8ef;background:#fff;border-radius:16px;overflow:hidden;transition:.18s;box-shadow:0 5px 18px rgba(15,23,42,.035)}
.virtual-course-card:hover{transform:translateY(-2px);border-color:#cbd4ff;box-shadow:0 12px 26px rgba(15,23,42,.08)}
.is-list .virtual-course-card{align-items:stretch}
.virtual-course-cover{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eef2ff,#e9f1fb);color:#3758f9}
.is-list .virtual-course-cover{width:126px;min-height:106px;flex:0 0 126px}
.is-mosaic .virtual-course-card{display:block}
.is-mosaic .virtual-course-cover{height:150px}
.virtual-course-cover>i{font-size:34px;opacity:.8}
.virtual-course-code{position:absolute;left:11px;top:11px;background:rgba(255,255,255,.85);padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.07em}
.virtual-course-body{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0;flex:1;padding:17px 18px}
.is-mosaic .virtual-course-body{display:grid;gap:14px}
.virtual-course-body h3{margin:0 0 5px;font-size:15px;line-height:1.3}
.virtual-course-body p{margin:0;color:var(--muted);font-size:11px}
.virtual-course-enter{display:flex;align-items:center;gap:7px;color:#3758f9;font-size:11px;font-weight:800;white-space:nowrap}
.student-exam-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.student-exam-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #e5e9f0;border-radius:14px;background:#fff;text-decoration:none;color:inherit}
.student-exam-card:hover{border-color:#cbd4ff}
.student-exam-card span:nth-child(2){display:grid;min-width:0}
.student-exam-card b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.student-exam-card small{margin-top:2px;color:var(--muted);font-size:10px}
.student-exam-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#3758f9}
.student-empty-classroom{grid-column:1/-1;display:grid;justify-items:center;gap:6px;padding:50px 20px;border:1px dashed #d6dce6;border-radius:18px;background:#fff;color:var(--muted);text-align:center}
.student-empty-classroom i{font-size:32px}
.student-empty-classroom b{color:var(--text)}

/* Aula de un curso */
.classroom-topbar{justify-content:flex-start;gap:18px;border-bottom:1px solid #e7eaf0;background:#fff;position:sticky;top:0;z-index:70}
.classroom-back{display:flex;align-items:center;gap:8px;border:0;background:#f6f7fb;color:#344054;padding:9px 12px;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.classroom-back:hover{background:#eef2ff;color:#3758f9}
.classroom-brand{margin-left:auto}
.virtual-classroom{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 68px);background:#f7f8fb}
.classroom-sidebar{position:sticky;top:68px;align-self:start;height:calc(100vh - 68px);overflow:auto;border-right:1px solid #e4e7ec;background:#fff;padding:20px 14px}
.classroom-course-mini{display:grid;gap:5px;padding:0 9px 17px;border-bottom:1px solid #edf0f4}
.classroom-course-mini span{font-size:9px;letter-spacing:.09em;font-weight:900;color:#3758f9}
.classroom-course-mini b{font-size:13px;line-height:1.4}
.classroom-nav{display:grid;gap:4px;padding-top:14px}
.classroom-nav button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:10px;color:#596273;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.classroom-nav button:hover,.classroom-nav button.active{background:#eef2ff;color:#3758f9}
.classroom-nav-number{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f1f3f7;font-size:9px;font-weight:900}
.classroom-nav button.active .classroom-nav-number{background:#dfe6ff}
.classroom-main{min-width:0}
.classroom-main-inner{width:min(980px,calc(100% - 40px));margin:0 auto;padding:26px 0 54px}
.classroom-course-hero{scroll-margin-top:92px;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:28px;align-items:center;padding:30px;border-radius:23px;background:linear-gradient(145deg,#172554,#273e9b);color:#fff;box-shadow:0 16px 34px rgba(23,37,84,.16)}
.classroom-course-label{font-size:10px;font-weight:900;letter-spacing:.1em;opacity:.8}
.classroom-course-hero h1{margin:8px 0 9px;font-size:30px;line-height:1.1;color:#fff}
.classroom-course-hero p{margin:0;max-width:680px;color:#d9e1ff;line-height:1.55;font-size:13px}
.classroom-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.classroom-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px}
.classroom-hero-mark{width:92px;height:92px;margin:auto;border-radius:25px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:38px}
.classroom-learning-path,.classroom-secondary-section{margin-top:28px}
.classroom-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px}
.classroom-section-title span{font-size:9px;letter-spacing:.1em;font-weight:900;color:#667085}
.classroom-section-title h2{margin:3px 0 0;font-size:20px}
.classroom-section-title p{margin:0;color:var(--muted);font-size:11px}
.classroom-module{scroll-margin-top:88px;margin-bottom:14px;border:1px solid #e2e6ed;border-radius:18px;background:#fff;overflow:hidden}
.classroom-module-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:17px 18px;border-bottom:1px solid #edf0f4;background:#fbfcfe}
.classroom-module-index{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#eef2ff;color:#3758f9;font-size:14px;font-weight:900}
.classroom-module-head small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#667085}
.classroom-module-head h3{margin:3px 0;font-size:16px}
.classroom-module-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.classroom-module-body{padding:8px 17px 17px}
.classroom-content-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px 0;border-bottom:1px solid #edf0f4}
.classroom-content-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f2f4f8;color:#4f5d73}
.classroom-content-copy>div{display:grid}
.classroom-content-copy b{font-size:12px}
.classroom-content-copy small{margin-top:2px;color:var(--muted);font-size:9px;text-transform:capitalize}
.classroom-content-copy p{margin:8px 0 0;color:#596273;font-size:11px;line-height:1.55}
.classroom-resource-link{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#3758f9;font-size:10px;font-weight:800;text-decoration:none}
.classroom-module-empty,.classroom-empty-learning{display:grid;justify-items:center;gap:6px;padding:26px;color:var(--muted);font-size:11px;text-align:center}
.classroom-module-empty i,.classroom-empty-learning i{font-size:25px}
.classroom-module-resources{margin-top:13px;padding:12px;border:1px solid #e8ebf0;border-radius:12px;background:#fafbfc}
.classroom-module-resources h4{margin:0 0 8px;font-size:11px}
.classroom-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #edf0f4}
.classroom-file-row:first-of-type{border-top:0}
.classroom-file-row>span{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px}
.classroom-module-exams{margin-top:12px}
.classroom-exam-callout{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;text-decoration:none;color:inherit}
.classroom-exam-callout>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#ffedd5;color:#c2410c}
.classroom-exam-callout div{display:grid}
.classroom-exam-callout small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#9a3412}
.classroom-exam-callout b{margin-top:2px;font-size:12px}
.classroom-exam-callout p{margin:2px 0 0;color:#9a3412;font-size:9px}
.classroom-secondary-section{scroll-margin-top:88px;padding:18px;border:1px solid #e2e6ed;border-radius:18px;background:#fff}
.classroom-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.classroom-resource-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #edf0f4;border-radius:12px}
.classroom-resource-card>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#3758f9}
.classroom-resource-card>div{display:grid;min-width:0}
.classroom-resource-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.classroom-resource-card small{font-size:9px;color:var(--muted)}
.classroom-evaluation-list,.classroom-attendance-list{display:grid}
.classroom-evaluation-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf0f4;text-decoration:none;color:inherit}
.classroom-evaluation-row:first-child{border-top:0}
.classroom-evaluation-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#3758f9}
.classroom-evaluation-row>div{display:grid}
.classroom-evaluation-row b{font-size:12px}
.classroom-evaluation-row small{margin-top:2px;font-size:9px;color:var(--muted)}
.classroom-evaluation-action{font-size:10px!important;color:#3758f9!important;font-weight:800!important;letter-spacing:0!important}
.classroom-attendance-row{display:grid;grid-template-columns:170px minmax(0,1fr) 100px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf0f4;font-size:10px}
.classroom-attendance-row:first-child{border-top:0}
.classroom-attendance-date{display:flex;align-items:center;gap:7px;font-weight:800}
.classroom-attendance-note{color:var(--muted)}
.classroom-attendance-status{justify-self:end;padding:5px 8px;border-radius:999px;background:#f2f4f7;font-weight:800}
.classroom-attendance-status.is-presente{background:#ecfdf3;color:#027a48}
.classroom-attendance-status.is-tarde{background:#fffaeb;color:#b54708}
.classroom-attendance-status.is-ausente{background:#fef3f2;color:#b42318}
.classroom-attendance-status.is-justificado{background:#eef4ff;color:#3538cd}
.classroom-muted{margin:4px 0;color:var(--muted);font-size:11px}
.classroom-load-error{width:min(760px,calc(100% - 30px));margin:40px auto;display:grid;gap:14px}

@media(max-width:980px){
  .student-welcome{grid-template-columns:1fr}
  .virtual-course-collection.is-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .student-exam-strip{grid-template-columns:1fr 1fr}
  .virtual-classroom{grid-template-columns:220px minmax(0,1fr)}
  .classroom-main-inner{width:min(100% - 26px,980px)}
}
@media(max-width:760px){
  .student-lms-content{width:min(100% - 22px,1240px);padding-top:18px}
  .student-welcome{padding:20px}
  .student-welcome-summary{grid-template-columns:repeat(3,1fr)}
  .student-section-head{align-items:flex-start}
  .course-view-switch button span{display:none}
  .virtual-course-collection.is-mosaic{grid-template-columns:1fr}
  .is-list .virtual-course-cover{width:88px;flex-basis:88px}
  .virtual-course-body{padding:13px}
  .virtual-course-enter{font-size:0}
  .virtual-course-enter i{font-size:15px}
  .student-exam-strip{grid-template-columns:1fr}
  .classroom-topbar{padding-left:10px}
  .classroom-back span{display:none}
  .virtual-classroom{display:block}
  .classroom-sidebar{position:sticky;top:68px;height:auto;z-index:45;border-right:0;border-bottom:1px solid #e4e7ec;padding:8px 10px;overflow-x:auto}
  .classroom-course-mini{display:none}
  .classroom-nav{display:flex;gap:5px;padding:0;width:max-content}
  .classroom-nav button{width:auto;grid-template-columns:20px auto;white-space:nowrap;padding:7px 9px}
  .classroom-main-inner{width:min(100% - 20px,980px);padding-top:14px}
  .classroom-course-hero{grid-template-columns:1fr;padding:22px}
  .classroom-hero-mark{display:none}
  .classroom-course-hero h1{font-size:24px}
  .classroom-section-title{display:grid;gap:4px}
  .classroom-resource-grid{grid-template-columns:1fr}
  .classroom-attendance-row{grid-template-columns:1fr auto}
  .classroom-attendance-note{grid-column:1/-1;grid-row:2}
}


/* ===== Aula virtual shell lateral completa v34 ===== */
.classroom-shell{
  display:grid;
  grid-template-columns:265px minmax(0,1fr);
  min-height:100vh;
  background:#f7f8fb
}
.classroom-sidebar{
  position:sticky;
  top:0;
  z-index:75;
  display:flex;
  flex-direction:column;
  align-self:start;
  height:100vh;
  padding:0 14px 14px;
  overflow:auto;
  border-right:1px solid #e4e7ec;
  background:#fff
}
.classroom-sidebar-brand{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 7px;
  border-bottom:1px solid #edf0f4;
  text-decoration:none;
  color:inherit
}
.classroom-sidebar-brand .brand-mark{
  width:38px;
  height:38px;
  flex:0 0 38px
}
.classroom-sidebar-brand>div:last-child{display:grid;gap:2px}
.classroom-sidebar-brand b{font-size:14px}
.classroom-sidebar-brand small{font-size:10px;color:var(--muted)}
.classroom-course-mini{
  padding:18px 8px 15px;
  border-bottom:1px solid #edf0f4
}
.classroom-nav{
  flex:1;
  align-content:start;
  padding-top:13px
}
.classroom-sidebar-back{
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #e2e6ed;
  border-radius:11px;
  background:#f7f8fb;
  color:#344054;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer
}
.classroom-sidebar-back:hover{background:#eef2ff;color:#3758f9;border-color:#d8e0ff}
.classroom-workspace{
  min-width:0;
  min-height:100vh;
  background:#f7f8fb
}
.classroom-workspace-topbar{
  position:sticky;
  top:0;
  z-index:65;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 24px;
  border-bottom:1px solid #e7eaf0;
  background:#fff
}
.classroom-topbar-spacer{flex:1}
.classroom-workspace-topbar .student-user{margin-left:auto}
.classroom-mobile-menu{display:none}
.classroom-main{min-width:0}
.classroom-main-inner{padding-top:28px}
.classroom-course-hero,
.classroom-module,
.classroom-secondary-section{scroll-margin-top:96px}

/* Anula la barra superior anterior del aula v33. */
.classroom-topbar{display:none!important}
.virtual-classroom{display:contents}
.classroom-brand{margin-left:0}

@media(max-width:760px){
  .classroom-shell{display:block}
  .classroom-sidebar{
    position:fixed;
    left:0;
    top:0;
    width:270px;
    height:100vh;
    transform:translateX(-102%);
    transition:transform .2s ease;
    box-shadow:0 20px 50px rgba(15,23,42,.18)
  }
  .classroom-sidebar.open{transform:translateX(0)}
  .classroom-sidebar-brand{display:flex}
  .classroom-course-mini{display:grid}
  .classroom-nav{
    display:grid;
    width:auto;
    overflow:visible
  }
  .classroom-nav button{
    width:100%;
    grid-template-columns:24px minmax(0,1fr);
    white-space:normal
  }
  .classroom-workspace-topbar{
    min-height:66px;
    padding:0 12px
  }
  .classroom-mobile-menu{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #e4e7ec;
    border-radius:10px;
    background:#fff;
    font-size:18px;
    cursor:pointer
  }
  .classroom-main-inner{padding-top:14px}
}


/* ===== Perfil estudiante paridad v35 ===== */
.student-main .profile-grid{margin-top:2px}
.student-main .profile-photo-card .profile-photo{
  width:170px;
  height:170px;
  border-radius:50%;
  object-fit:cover;
  border:6px solid #fff;
  box-shadow:0 10px 35px rgba(15,23,42,.13);
  margin:8px auto 14px
}
.student-main .profile-photo-card .avatar-fallback.profile-photo{
  display:grid;
  place-items:center;
  font-size:48px;
  font-weight:800;
  color:#667085;
  background:#eef1f7
}
.student-main .profile-form>label>small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:500;
  line-height:1.35
}
.student-main .profile-form .password-field{width:100%}
@media(max-width:760px){
  .student-main .profile-form .span-2{grid-column:1}
}

/* ===== Datos completos del aula v36 ===== */
.classroom-course-info{scroll-margin-top:96px;margin-top:20px;padding:18px;border:1px solid #e2e6ed;border-radius:18px;background:#fff}
.classroom-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.classroom-info-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe}
.classroom-info-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#3758f9}
.classroom-info-card>div{display:grid;min-width:0}
.classroom-info-card small{font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#667085}
.classroom-info-card b{margin-top:2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.classroom-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.classroom-guide-grid article{padding:12px;border:1px solid #e6eaf0;border-radius:12px;background:#fff}
.classroom-guide-grid small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#3758f9}
.classroom-guide-grid p{margin:6px 0 0;color:#596273;font-size:10.5px;line-height:1.55;white-space:pre-line}
@media(max-width:900px){.classroom-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-guide-grid{grid-template-columns:1fr}}
@media(max-width:560px){.classroom-info-grid{grid-template-columns:1fr}}


/* ===== Identidad, máscaras y datos de usuario v37 ===== */
.identity-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px
}
.identity-fields>label{min-width:0}
.profile-role-line{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11px
}
.user-editor-modal .crud-modal-card{width:min(900px,calc(100vw - 32px))}
.user-editor-form{
  display:grid;
  gap:14px;
  padding:17px
}
.user-editor-form .form-section{
  padding:14px;
  border:1px solid #e5e9f0;
  border-radius:14px;
  background:#fff
}
.user-editor-form .form-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px
}
.user-editor-form .form-section-title>div{
  width:34px;height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef2ff;
  color:#3758f9
}
.user-editor-form .form-section-title>span{display:grid;gap:2px}
.user-editor-form .form-section-title b{font-size:12px}
.user-editor-form .form-section-title small{font-size:10px;color:var(--muted)}
.user-editor-form .modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px
}
.table-subline{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px
}
.user-detail-info{
  margin:14px 0;
  padding:15px;
  border:1px solid #e4e8ef;
  border-radius:14px;
  background:#fff
}
.user-detail-info h3{margin:0 0 11px}
.user-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px
}
.user-detail-grid>div{
  display:grid;
  gap:3px;
  padding:9px 10px;
  border-radius:10px;
  background:#f8f9fc
}
.user-detail-grid>div.span-2{grid-column:1/-1}
.user-detail-grid span{
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800
}
.user-detail-grid b{
  min-width:0;
  font-size:11px;
  word-break:break-word
}
@media(max-width:650px){
  .identity-fields{grid-template-columns:1fr}
  .user-detail-grid{grid-template-columns:1fr}
  .user-detail-grid>div.span-2{grid-column:1}
}


/* ===== Exámenes por capítulo visibles v38 ===== */
.classroom-exam-callout .classroom-exam-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c2410c;
  font-size:10px;
  font-weight:850;
  white-space:nowrap
}
.classroom-exam-callout:hover{
  border-color:#fdba74;
  background:#fff4e6
}


/* ===== Publicación de exámenes v39 ===== */
.exam-publication-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  line-height:1
}
.exam-publication-badge.is-publicado{background:#ecfdf3;color:#027a48}
.exam-publication-badge.is-borrador{background:#f2f4f7;color:#475467}
.exam-publication-badge.is-cerrado{background:#fff7ed;color:#c2410c}
.exam-publication-badge.is-archivado{background:#f4f3ff;color:#5925dc}
.exam-publication-section{
  background:linear-gradient(180deg,#fff,#fbfcff)
}
.exam-publication-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px
}
.exam-publication-option{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 20px;
  align-items:center;
  gap:10px;
  width:100%;
  padding:13px;
  border:1px solid #e2e6ed;
  border-radius:13px;
  background:#fff;
  color:#344054;
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:.16s
}
.exam-publication-option:hover{border-color:#cbd4ff;background:#fcfdff}
.exam-publication-option.active{
  border-color:#9aafff;
  background:#f4f6ff;
  box-shadow:0 0 0 2px rgba(55,88,249,.06)
}
.exam-publication-option-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#f2f4f7;
  color:#475467;
  font-size:17px
}
.exam-publication-option.active .exam-publication-option-icon{
  background:#e5eaff;
  color:#3758f9
}
.exam-publication-option>span:nth-child(2){display:grid;gap:3px}
.exam-publication-option b{font-size:12px}
.exam-publication-option small{font-size:10px;color:#667085;line-height:1.35}
.exam-publication-check{color:#3758f9;opacity:0}
.exam-publication-option.active .exam-publication-check{opacity:1}
.exam-publication-notice{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
  padding:9px 11px;
  border-radius:10px;
  background:#f8f9fc;
  color:#596273;
  font-size:10.5px;
  line-height:1.45
}
@media(max-width:650px){
  .exam-publication-options{grid-template-columns:1fr}
}


/* ===== Disponibilidad de exámenes v41 ===== */
.exam-availability-mode{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px
}
.exam-availability-choice{
  cursor:pointer
}
.exam-date-field.is-disabled{
  opacity:.55
}
.exam-date-field.is-disabled input{
  cursor:not-allowed;
  background:#f2f4f7
}
.classroom-exam-callout.is-scheduled,
.classroom-exam-callout.is-closed,
.classroom-evaluation-row.is-scheduled,
.classroom-evaluation-row.is-closed{
  cursor:default;
  opacity:.78
}
.classroom-exam-callout.is-scheduled .classroom-exam-action,
.classroom-evaluation-row.is-scheduled .classroom-evaluation-action{
  color:#7c3aed
}
.classroom-exam-callout.is-closed .classroom-exam-action,
.classroom-evaluation-row.is-closed .classroom-evaluation-action{
  color:#667085
}
@media(max-width:650px){
  .exam-availability-mode{grid-template-columns:1fr}
}


/* ===== Disponibilidad visual del examen v42 ===== */
.classroom-exam-callout{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:12px;
  overflow:hidden
}
.classroom-exam-callout>div{min-width:0}
.classroom-exam-callout>div b,
.classroom-exam-callout>div p{overflow-wrap:anywhere}

.classroom-exam-action{
  min-width:118px;
  max-width:170px;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:8px 10px;
  border-radius:11px;
  white-space:normal!important;
  line-height:1.15
}
.classroom-exam-action.is-scheduled{background:#f4f0ff;color:#6d28d9!important}
.classroom-exam-action.is-closed{background:#f2f4f7;color:#475467!important}
.classroom-exam-action.is-open{background:#fff1e8;color:#c2410c!important}
.classroom-exam-action-icon{
  width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;border-radius:9px;
  background:rgba(255,255,255,.75)
}
.classroom-exam-action-copy{
  min-width:0;
  display:grid;
  gap:2px
}
.classroom-exam-action-copy b{
  font-size:10px;
  font-weight:900;
  white-space:nowrap
}
.classroom-exam-action-copy small{
  display:block;
  font-size:9px;
  font-weight:700;
  opacity:.82;
  white-space:normal;
  line-height:1.2
}

.classroom-evaluation-row{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center
}
.classroom-evaluation-row>div{min-width:0}
.classroom-evaluation-action{
  min-width:120px;
  max-width:180px;
  display:flex!important;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:11px;
  white-space:normal!important
}
.classroom-evaluation-action.is-scheduled{background:#f4f0ff;color:#6d28d9!important}
.classroom-evaluation-action.is-closed{background:#f2f4f7;color:#475467!important}
.classroom-evaluation-action.is-open{background:#f5f7ff;color:#3758f9!important}
.classroom-evaluation-action-icon{
  width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;border-radius:9px;
  background:rgba(255,255,255,.78)
}
.classroom-evaluation-action-copy{
  min-width:0;
  display:grid;
  gap:2px
}
.classroom-evaluation-action-copy b{
  font-size:10px;
  font-weight:900
}
.classroom-evaluation-action-copy small{
  font-size:9px;
  font-weight:700;
  opacity:.8;
  line-height:1.2
}
@media(max-width:760px){
  .classroom-exam-callout{
    grid-template-columns:auto minmax(0,1fr);
    row-gap:10px
  }
  .classroom-exam-action{
    grid-column:1/-1;
    width:100%;
    max-width:none
  }
  .classroom-evaluation-row{
    grid-template-columns:auto minmax(0,1fr);
    row-gap:10px
  }
  .classroom-evaluation-action{
    grid-column:1/-1;
    width:100%;
    max-width:none
  }
}


/* ===== Aula virtual y experiencia de examen v43 ===== */
.exam-room-shell{background:#f5f7fb}
.exam-room-sidebar{z-index:80}
.exam-sidebar-course{
  display:grid;
  gap:5px;
  padding:19px 9px 17px;
  border-bottom:1px solid #edf0f4
}
.exam-sidebar-course small{
  color:#3758f9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em
}
.exam-sidebar-course b{
  font-size:13px;
  line-height:1.4
}
.exam-sidebar-course span{
  color:#667085;
  font-size:10px
}
.exam-sidebar-nav{
  display:grid;
  gap:5px;
  padding:14px 3px;
  flex:1;
  align-content:start
}
.exam-sidebar-nav>div{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border-radius:10px;
  color:#596273;
  font-size:10px;
  font-weight:750
}
.exam-sidebar-nav>div i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f2f4f7
}
.exam-sidebar-nav>div.active{
  background:#eef2ff;
  color:#3758f9
}
.exam-sidebar-nav>div.active i{
  background:#dfe6ff
}
.exam-workspace-topbar .exam-topbar-context{
  display:grid;
  gap:2px;
  min-width:0
}
.exam-topbar-context small{
  color:#667085;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em
}
.exam-topbar-context b{
  max-width:460px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px
}

.exam-room-main{
  width:min(1040px,calc(100% - 42px));
  margin:0 auto;
  padding:28px 0 52px
}
.exam-room-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  align-items:center;
  gap:25px;
  padding:28px 30px;
  border-radius:22px;
  background:linear-gradient(145deg,#111c4e,#3148b7);
  color:#fff;
  box-shadow:0 16px 36px rgba(27,43,110,.16)
}
.exam-room-eyebrow{
  color:#cdd6ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em
}
.exam-room-hero h1{
  margin:7px 0 8px;
  color:#fff;
  font-size:28px;
  line-height:1.12
}
.exam-room-hero p{
  max-width:720px;
  margin:0;
  color:#dce3ff;
  font-size:12px;
  line-height:1.55
}
.exam-room-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px
}
.exam-room-breadcrumbs span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#f3f5ff;
  font-size:9px;
  font-weight:700
}
.exam-room-hero-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:22px;
  background:rgba(255,255,255,.11);
  font-size:31px
}

.exam-room-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:13px
}
.exam-room-stats article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid #e3e7ee;
  border-radius:14px;
  background:#fff
}
.exam-room-stats article>i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef2ff;
  color:#3758f9;
  font-size:15px
}
.exam-room-stats article span{
  display:grid;
  gap:2px
}
.exam-room-stats small{
  color:#667085;
  font-size:9px
}
.exam-room-stats b{
  font-size:13px
}

.exam-room-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:13px;
  margin-top:13px
}
.exam-room-card{
  border:1px solid #e2e6ed;
  border-radius:17px;
  background:#fff
}
.exam-instructions-card{
  padding:18px
}
.exam-instructions-card>header{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:13px;
  border-bottom:1px solid #edf0f4
}
.exam-instructions-card>header>span{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef2ff;
  color:#3758f9
}
.exam-instructions-card header div{
  display:grid;
  gap:2px
}
.exam-instructions-card header small,
.exam-history-head small{
  color:#667085;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em
}
.exam-instructions-card h2,
.exam-history-head h2{
  margin:0;
  font-size:15px
}
.exam-instructions-content{
  padding-top:14px
}
.exam-instructions-content>p{
  margin:0 0 13px;
  color:#596273;
  font-size:11px;
  line-height:1.6
}
.exam-instructions-content ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none
}
.exam-instructions-content li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#475467;
  font-size:10px;
  line-height:1.45
}
.exam-instructions-content li i{
  margin-top:1px;
  color:#3758f9
}

.exam-start-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:260px;
  padding:22px;
  text-align:center
}
.exam-start-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border-radius:18px;
  background:#eef2ff;
  color:#3758f9;
  font-size:23px
}
.exam-start-card>small{
  color:#667085;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em
}
.exam-start-card h2{
  margin:5px 0 6px;
  font-size:17px
}
.exam-start-card p{
  max-width:300px;
  margin:0;
  color:#667085;
  font-size:10.5px;
  line-height:1.45
}
.exam-start-card.is-active .exam-start-icon{
  background:#ecfdf3;
  color:#027a48
}
.exam-start-card.is-exhausted .exam-start-icon,
.exam-start-card.is-closed .exam-start-icon{
  background:#f2f4f7;
  color:#667085
}
.exam-start-card.is-scheduled .exam-start-icon{
  background:#f4f0ff;
  color:#6d28d9
}
.exam-start-primary{
  width:100%;
  max-width:250px;
  justify-content:center;
  margin-top:17px;
  min-height:42px
}
.exam-blocked-note{
  width:100%;
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:16px;
  padding:10px 11px;
  border-radius:11px;
  background:#f8f9fc;
  color:#596273;
  font-size:9.5px;
  line-height:1.4;
  text-align:left
}

.exam-history-card{
  margin-top:13px;
  padding:18px;
  border:1px solid #e2e6ed;
  border-radius:17px;
  background:#fff
}
.exam-history-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #edf0f4
}
.exam-history-head>div{
  display:grid;
  gap:2px
}
.exam-history-head>span{
  padding:5px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:#667085;
  font-size:9px;
  font-weight:800
}
.exam-history-list{
  display:grid
}
.exam-history-list article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-top:1px solid #edf0f4
}
.exam-history-list article:first-child{border-top:0}
.exam-attempt-index{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef2ff;
  color:#3758f9;
  font-size:11px;
  font-weight:900
}
.exam-history-list article>div{
  display:grid;
  gap:2px
}
.exam-history-list article>div b{font-size:11px}
.exam-history-list article>div small{color:#667085;font-size:9px}
.exam-attempt-state{
  padding:5px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:9px;
  font-weight:850;
  text-transform:capitalize
}
.exam-attempt-state.is-calificado{background:#ecfdf3;color:#027a48}
.exam-attempt-state.is-entregado{background:#eef4ff;color:#3538cd}
.exam-attempt-state.is-en_progreso{background:#fff7ed;color:#c2410c}

/* Examen en curso */
.exam-live-shell{
  display:grid;
  gap:14px
}
.exam-live-toolbar{
  position:sticky;
  top:88px;
  z-index:50;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #dde3ec;
  border-radius:15px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(16,24,40,.07);
  backdrop-filter:blur(12px)
}
.exam-live-progress{
  display:grid;
  grid-template-columns:auto minmax(130px,320px) auto;
  align-items:center;
  gap:9px
}
.exam-live-progress>span{
  font-size:10px;
  font-weight:850
}
.exam-live-progress>small{
  color:#667085;
  font-size:9px;
  white-space:nowrap
}
.exam-progress-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#edf0f5
}
.exam-progress-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#3758f9;
  transition:width .2s ease
}
.exam-live-stats{
  display:flex;
  align-items:center;
  gap:8px
}
.exam-live-stat{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:92px;
  padding:7px 9px;
  border-radius:10px;
  background:#f7f8fb
}
.exam-live-stat>i{color:#3758f9}
.exam-live-stat>span{
  display:grid;
  gap:1px
}
.exam-live-stat small{
  color:#667085;
  font-size:8px
}
.exam-live-stat b{
  font-size:11px;
  font-variant-numeric:tabular-nums
}
.exam-live-stat.is-warning{
  background:#fffaeb
}
.exam-live-stat.is-warning>i,
.exam-live-stat.is-warning b{color:#b54708}
.exam-live-stat.is-danger{
  background:#fef3f2
}
.exam-live-stat.is-danger>i,
.exam-live-stat.is-danger b{color:#b42318}

.exam-taking-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:14px;
  align-items:start
}
.exam-question-form{
  display:grid;
  gap:12px;
  min-width:0
}
.exam-question-card{
  scroll-margin-top:175px;
  overflow:hidden;
  border:1px solid #e1e5ec;
  border-radius:17px;
  background:#fff;
  transition:border-color .18s,box-shadow .18s
}
.exam-question-card.is-answered{
  border-color:#bfcbff;
  box-shadow:0 0 0 2px rgba(55,88,249,.035)
}
.exam-question-head{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:start;
  gap:11px;
  padding:15px 16px;
  border-bottom:1px solid #edf0f4;
  background:#fbfcfe
}
.exam-question-number{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef2ff;
  color:#3758f9;
  font-size:12px;
  font-weight:900
}
.exam-question-head>div{
  min-width:0;
  display:grid;
  gap:4px
}
.exam-question-head small{
  color:#667085;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em
}
.exam-question-head h3{
  margin:0;
  font-size:14px;
  line-height:1.45
}
.exam-question-points{
  padding:5px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:9px;
  font-weight:850
}
.exam-question-body{
  padding:15px 16px 17px
}
.exam-required-note{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:9px;
  color:#b54708;
  font-size:8.5px;
  font-weight:800
}
.exam-answers{
  display:grid;
  gap:8px
}
.exam-answer-option{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border:1px solid #e4e7ec;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
  transition:.15s
}
.exam-answer-option:hover{
  border-color:#cbd4ff;
  background:#fafbff
}
.exam-answer-option input{
  position:absolute;
  opacity:0;
  pointer-events:none
}
.exam-answer-marker{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#f2f4f7;
  color:#596273;
  font-size:9px;
  font-weight:900
}
.exam-answer-text{
  font-size:10.5px;
  line-height:1.4
}
.exam-answer-option>i{
  color:#3758f9;
  opacity:0
}
.exam-answer-option:has(input:checked){
  border-color:#aebeff;
  background:#f4f6ff
}
.exam-answer-option:has(input:checked) .exam-answer-marker{
  background:#3758f9;
  color:#fff
}
.exam-answer-option:has(input:checked)>i{opacity:1}
.exam-answers textarea,
.exam-answers input[data-text]{
  width:100%;
  min-height:44px
}
.exam-submit-zone{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px;
  border:1px solid #dfe4ec;
  border-radius:15px;
  background:#fff
}
.exam-submit-zone>div{
  display:flex;
  align-items:center;
  gap:10px
}
.exam-submit-zone>div>i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#ecfdf3;
  color:#027a48
}
.exam-submit-zone>div>span{
  display:grid;
  gap:2px
}
.exam-submit-zone b{font-size:10.5px}
.exam-submit-zone small{color:#667085;font-size:8.5px}
.exam-submit-button{
  min-width:150px;
  justify-content:center
}

.exam-question-navigator{
  position:sticky;
  top:164px
}
.exam-navigator-card{
  padding:14px;
  border:1px solid #e1e5ec;
  border-radius:15px;
  background:#fff
}
.exam-navigator-card>small{
  color:#667085;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em
}
.exam-navigator-card h3{
  margin:3px 0 11px;
  font-size:13px
}
.exam-nav-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px
}
.exam-nav-grid button{
  aspect-ratio:1;
  border:1px solid #e1e5ec;
  border-radius:8px;
  background:#fff;
  color:#596273;
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer
}
.exam-nav-grid button:hover{
  border-color:#aebeff;
  color:#3758f9
}
.exam-nav-grid button.is-answered{
  border-color:#3758f9;
  background:#3758f9;
  color:#fff
}
.exam-nav-legend{
  display:grid;
  gap:5px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf0f4
}
.exam-nav-legend span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#667085;
  font-size:8px
}
.exam-nav-legend i{
  width:9px;
  height:9px;
  border:1px solid #d0d5dd;
  border-radius:3px;
  background:#fff
}
.exam-nav-legend i.is-answered{
  border-color:#3758f9;
  background:#3758f9
}

/* Resultado */
.exam-result-screen{
  display:grid;
  justify-items:center;
  gap:7px;
  padding:58px 24px;
  border:1px solid #e1e5ec;
  border-radius:20px;
  background:#fff;
  text-align:center
}
.exam-result-icon{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin-bottom:5px;
  border-radius:22px;
  background:#eef2ff;
  color:#3758f9;
  font-size:28px
}
.exam-result-screen.is-approved .exam-result-icon{
  background:#ecfdf3;
  color:#027a48
}
.exam-result-screen>small{
  color:#667085;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em
}
.exam-result-screen h2{
  margin:0;
  font-size:22px
}
.exam-result-screen p{
  max-width:500px;
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.5
}
.exam-result-score{
  display:grid;
  gap:2px;
  margin-top:10px;
  padding:13px 24px;
  border-radius:14px;
  background:#f7f8fb
}
.exam-result-score b{
  font-size:28px;
  color:#3758f9
}
.exam-result-score span{
  color:#667085;
  font-size:9px;
  font-weight:800
}
.exam-result-actions{margin-top:10px}

/* Estados de examen en el aula */
.classroom-exam-callout.is-active,
.classroom-evaluation-row.is-active{
  opacity:1
}
.classroom-exam-action.is-active,
.classroom-evaluation-action.is-active{
  background:#ecfdf3!important;
  color:#027a48!important
}
.classroom-exam-callout.is-exhausted,
.classroom-evaluation-row.is-exhausted{
  cursor:not-allowed;
  opacity:.72
}
.classroom-exam-action.is-exhausted,
.classroom-evaluation-action.is-exhausted{
  background:#f2f4f7!important;
  color:#667085!important
}

@media(max-width:900px){
  .exam-room-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exam-room-grid{grid-template-columns:1fr}
  .exam-taking-layout{grid-template-columns:1fr}
  .exam-question-navigator{position:static;order:-1}
  .exam-nav-grid{grid-template-columns:repeat(10,1fr)}
}
@media(max-width:760px){
  .exam-room-main{
    width:min(100% - 20px,1040px);
    padding-top:14px
  }
  .exam-room-hero{
    grid-template-columns:1fr;
    padding:21px
  }
  .exam-room-hero-icon{display:none}
  .exam-room-hero h1{font-size:23px}
  .exam-room-stats{grid-template-columns:1fr 1fr}
  .exam-live-toolbar{
    position:static;
    grid-template-columns:1fr
  }
  .exam-live-progress{
    grid-template-columns:1fr;
    gap:6px
  }
  .exam-live-stats{justify-content:stretch}
  .exam-live-stat{flex:1}
  .exam-submit-zone{
    display:grid
  }
  .exam-submit-button{
    width:100%
  }
  .exam-nav-grid{grid-template-columns:repeat(6,1fr)}
  .exam-question-card{scroll-margin-top:90px}
}
@media(max-width:520px){
  .exam-room-stats{grid-template-columns:1fr}
  .exam-room-breadcrumbs{display:grid}
  .exam-nav-grid{grid-template-columns:repeat(5,1fr)}
  .exam-question-head{
    grid-template-columns:34px minmax(0,1fr)
  }
  .exam-question-points{
    grid-column:2;
    justify-self:start
  }
}


/* ===== Header completo del detalle de estudiante v44 ===== */
.student-detail-hero{
  display:grid;
  gap:15px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(145deg,#f8faff,#ffffff);
  border:1px solid #e2e7f0
}
.student-detail-identity{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center
}
.student-detail-name{
  min-width:0;
  display:grid;
  gap:9px
}
.student-detail-title-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px
}
.student-detail-title-line>div{
  min-width:0
}
.student-detail-title-line .eyebrow{
  margin:0 0 3px
}
.student-detail-title-line h2{
  margin:0;
  font-size:20px;
  line-height:1.2
}
.student-detail-primary-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px
}
.student-detail-primary-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:6px 9px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:9.5px;
  font-weight:700
}
.student-detail-primary-meta i{
  color:#3758f9
}
.student-detail-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding-top:13px;
  border-top:1px solid #e8ecf2
}
.student-detail-summary-grid>div{
  min-width:0;
  display:grid;
  gap:4px;
  padding:9px 10px;
  border-radius:11px;
  background:#fff;
  border:1px solid #edf0f4
}
.student-detail-summary-grid span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#667085;
  font-size:8.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em
}
.student-detail-summary-grid span i{
  color:#3758f9
}
.student-detail-summary-grid b{
  min-width:0;
  font-size:10.5px;
  font-weight:800;
  overflow-wrap:anywhere
}
@media(max-width:760px){
  .student-detail-title-line{
    display:grid
  }
  .student-detail-title-line .status-badge{
    justify-self:start
  }
  .student-detail-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:520px){
  .student-detail-identity{
    grid-template-columns:1fr;
    justify-items:start
  }
  .student-detail-summary-grid{
    grid-template-columns:1fr
  }
  .student-detail-primary-meta{
    display:grid;
    width:100%
  }
  .student-detail-primary-meta span{
    border-radius:10px
  }
}


/* ===== Centro de notificaciones unificado v45 ===== */
.notification-dropdown{
  width:min(410px,calc(100vw - 28px));
  overflow:visible
}
.notification-dropdown-body{
  max-height:min(440px,65vh);
  overflow:auto;
  padding:8px;
  background:#fbfcfe
}
.notification-dropdown-head{
  min-height:64px;
  align-items:center
}
.notification-dropdown-head>div{
  min-width:0;
  display:grid;
  gap:3px
}
.notification-dropdown-head>div>b{
  font-size:14px;
  line-height:1.2
}
.notification-dropdown-head>div>small{
  color:#667085;
  font-size:10px
}
.notif-mark-all{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  padding:7px 8px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#3758f9;
  font:inherit;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer
}
.notif-mark-all:hover:not(:disabled){
  background:#eef2ff
}
.notif-mark-all:disabled{
  color:#98a2b3;
  cursor:default
}
.notification-dropdown .notification-item{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 16px;
  align-items:start;
  gap:9px;
  margin:2px 0;
  padding:10px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:.15s
}
.notification-dropdown .notification-item:hover{
  border-color:#e3e7ee;
  background:#f7f9fc
}
.notification-dropdown .notification-item.unread{
  border-color:#dfe6ff;
  background:#f1f4ff
}
.notification-dropdown .notification-item.unread b:after{
  content:none!important;
  display:none!important
}
.notification-kind{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef2ff;
  color:#3758f9;
  font-size:13px
}
.notification-kind.is-success{
  background:#ecfdf3;
  color:#027a48
}
.notification-kind.is-warning{
  background:#fff7ed;
  color:#c2410c
}
.notification-kind.is-error{
  background:#fef3f2;
  color:#b42318
}
.notification-copy{
  min-width:0;
  display:grid;
  gap:3px
}
.notification-title-line{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0
}
.notification-title-line b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0!important;
  font-size:11.5px!important;
  line-height:1.3
}
.notification-title-line em{
  flex:0 0 auto;
  padding:2px 5px;
  border-radius:999px;
  background:#dfe6ff;
  color:#3758f9;
  font-size:7.5px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em
}
.notification-copy p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0!important;
  color:#596273!important;
  font-size:9.5px!important;
  line-height:1.45!important
}
.notification-copy small{
  display:flex;
  align-items:center;
  gap:4px;
  color:#98a2b3!important;
  font-size:8.5px!important
}
.notification-chevron{
  align-self:center;
  color:#98a2b3;
  font-size:10px
}
.notification-item:disabled{
  opacity:.65;
  cursor:wait
}
.notification-empty{
  display:grid;
  justify-items:center;
  gap:6px;
  padding:32px 18px;
  color:#667085;
  font-size:9.5px;
  text-align:center
}
.notification-empty-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:2px;
  border-radius:14px;
  background:#f2f4f7;
  color:#667085;
  font-size:18px
}
.notification-empty>b{
  color:#344054;
  font-size:11.5px
}
.notification-empty>span:last-child{
  max-width:260px;
  line-height:1.45
}
.notification-empty.is-error .notification-empty-icon{
  background:#fef3f2;
  color:#b42318
}
.classroom-workspace-topbar,
.exam-workspace-topbar,
.student-header,
.topbar{
  overflow:visible
}
@media(max-width:700px){
  .notification-dropdown{
    position:fixed;
    top:68px;
    left:12px;
    right:12px;
    width:auto;
    max-width:none
  }
  .notification-dropdown-body{
    max-height:65vh
  }
  .notif-mark-all span{
    display:none
  }
}

/* ===== Motor de temas y Apariencia v46 ===== */
:root{--cc-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--cc-shadow:0 8px 30px rgba(15,23,42,.04);--cc-sidebar-width:260px;--cc-card-border:1px solid var(--line)}
body{font-family:var(--cc-font)}
html[data-animations="off"] *,html[data-animations="off"] *:before,html[data-animations="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-density="compacta"] .content{padding:20px}html[data-density="compacta"] .panel{padding:16px}html[data-density="compacta"] th,html[data-density="compacta"] td{padding:11px 14px}html[data-density="compacta"] .sidebar nav a{min-height:38px;padding:9px 11px}html[data-density="compacta"] .course-card{padding:16px;min-height:185px}
@media(min-width:981px){html[data-sidebar="contraido"] .shell{grid-template-columns:84px 1fr}html[data-sidebar="contraido"] .sidebar{width:84px;padding-left:12px;padding-right:12px}html[data-sidebar="contraido"] .sidebar .brand>div:last-child,html[data-sidebar="contraido"] .sidebar nav a>span:last-child{display:none}html[data-sidebar="contraido"] .sidebar .brand{justify-content:center}html[data-sidebar="contraido"] .sidebar nav a{justify-content:center;padding-inline:8px}html[data-sidebar="contraido"] .sidebar-icon{margin:0}html[data-sidebar="contraido"] .sidebar-user{justify-content:center;padding-inline:0}html[data-sidebar="contraido"] .sidebar-user-copy{display:none}}
.appearance-panel{margin-top:22px;padding:26px}.appearance-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.appearance-head h2{margin:2px 0 5px;font-size:25px}.appearance-head p{margin:0;color:var(--muted)}.autosave-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#ecfdf3;color:#157347;font-size:12px;font-weight:800;white-space:nowrap}.theme-gallery{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:13px}.theme-card{position:relative;display:grid;gap:6px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);cursor:pointer;transition:.18s}.theme-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.09)}.theme-card.active{border:2px solid var(--primary);padding:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.theme-card strong{font-size:13px}.theme-card small{font-size:10px;line-height:1.3;color:var(--muted)}.theme-selected{position:absolute;right:7px;top:7px;width:21px;height:21px;border-radius:50%;display:none;place-items:center;background:var(--primary);color:#fff;font-size:11px}.theme-card.active .theme-selected{display:grid}.theme-preview{height:76px;border-radius:10px;padding:10px;display:grid;grid-template-columns:26px 1fr;grid-template-rows:24px 8px 8px;gap:5px;overflow:hidden}.theme-preview i{grid-row:1/4;width:23px;border-radius:6px;display:grid;place-items:center;color:#fff}.theme-preview b{font-size:12px}.theme-preview em{height:5px;border-radius:5px;opacity:.45}.theme-preview-classic{background:#f5f7fb;color:#172033}.theme-preview-classic i{background:#3758f9}.theme-preview-academic{background:#f6f1e7;color:#29382d}.theme-preview-academic i{background:#315b46}.theme-preview-modern-saas{background:#f4f7ff;color:#151a36}.theme-preview-modern-saas i{background:#6755e7}.theme-preview-corporate{background:#edf2f6;color:#17324d}.theme-preview-corporate i{background:#164e73}.theme-preview-minimal{background:#fff;color:#111}.theme-preview-minimal i{background:#111}.theme-preview-executive{background:#f5f2ed;color:#27211c}.theme-preview-executive i{background:#7a5c3e}.theme-preview-campus{background:#fff8e8;color:#3b3020}.theme-preview-campus i{background:#c35b28}.theme-preview-material{background:#f3f6fb;color:#263238}.theme-preview-material i{background:#00695c}.theme-preview-neo-glass{background:linear-gradient(135deg,#e9f4ff,#f3eaff);color:#2a2350}.theme-preview-neo-glass i{background:#7c4dff}.theme-preview-midnight{background:#111827;color:#eef2ff}.theme-preview-midnight i{background:#60a5fa}.theme-preview-crimson-pulse{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#4c0519}.theme-preview-crimson-pulse i{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 5px 15px rgba(185,28,28,.28)}.appearance-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.appearance-options label{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:13px}.appearance-options label>span{display:grid;gap:2px}.appearance-options small{color:var(--muted);font-size:11px}.appearance-options select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
@media(max-width:1050px){.theme-gallery{grid-template-columns:repeat(3,1fr)}.appearance-options{grid-template-columns:1fr 1fr}}@media(max-width:650px){.appearance-head{display:grid}.theme-gallery{grid-template-columns:1fr 1fr}.appearance-options{grid-template-columns:1fr}.appearance-panel{padding:18px}.autosave-pill{justify-self:start}}

/* Classic: conserva la identidad actual */
html[data-theme="classic"]{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--primary:#3758f9;--primary2:#6d5dfc;--sidebar:#111827;--radius:18px}
/* Academic: institucional, papel y verde biblioteca */
html[data-theme="academic"]{--bg:#f4f1e9;--panel:#fffdf8;--text:#24332a;--muted:#6d756e;--line:#ded8ca;--primary:#315b46;--primary2:#8a6a3d;--sidebar:#243a2d;--radius:8px;--cc-font:Georgia,"Times New Roman",serif}
html[data-theme="academic"] .sidebar{background:#243a2d;border-right:5px solid #b99a61}html[data-theme="academic"] .topbar,html[data-theme="academic"] .classroom-workspace-topbar{background:#fffdf8;backdrop-filter:none}html[data-theme="academic"] .panel,html[data-theme="academic"] .course-card{box-shadow:0 3px 10px rgba(56,45,30,.06)}html[data-theme="academic"] .btn,html[data-theme="academic"] input,html[data-theme="academic"] select{border-radius:5px}html[data-theme="academic"] .student-welcome,html[data-theme="academic"] .student-hero{background:linear-gradient(120deg,#294534,#3c624b)}
/* Modern SaaS: navegación violeta, superficies flotantes */
html[data-theme="modern-saas"]{--bg:#f3f5fb;--panel:#fff;--text:#151a36;--muted:#747a91;--line:#e6e8f2;--primary:#6755e7;--primary2:#9b62ea;--sidebar:#19172b;--radius:22px}
html[data-theme="modern-saas"] .sidebar{margin:12px;height:calc(100vh - 24px);border-radius:22px;background:linear-gradient(180deg,#171526,#262142);box-shadow:0 20px 45px rgba(27,23,54,.18)}html[data-theme="modern-saas"] .shell{grid-template-columns:284px 1fr}html[data-theme="modern-saas"] .topbar{margin:12px 18px 0;border:1px solid var(--line);border-radius:18px;height:64px}html[data-theme="modern-saas"] .panel,html[data-theme="modern-saas"] .course-card{box-shadow:0 12px 32px rgba(43,38,91,.06)}
/* Corporate: azul acero, líneas rectas y densidad ejecutiva */
html[data-theme="corporate"]{--bg:#eef2f5;--panel:#fff;--text:#193047;--muted:#66788a;--line:#d6dfe7;--primary:#164e73;--primary2:#287ba5;--sidebar:#102d42;--radius:6px}
html[data-theme="corporate"] .sidebar{background:#102d42}html[data-theme="corporate"] .topbar{background:#fff;backdrop-filter:none;border-bottom:3px solid #164e73}html[data-theme="corporate"] .panel,html[data-theme="corporate"] .course-card{box-shadow:none}html[data-theme="corporate"] th{background:#f2f5f7;color:#284b66}
/* Minimal: casi sin contenedores, mucho aire */
html[data-theme="minimal"]{--bg:#fff;--panel:#fff;--text:#111;--muted:#737373;--line:#e8e8e8;--primary:#111;--primary2:#444;--sidebar:#fff;--radius:2px}
html[data-theme="minimal"] .sidebar{background:#fff;color:#111;border-right:1px solid #e8e8e8}html[data-theme="minimal"] .sidebar nav a{color:#555}html[data-theme="minimal"] .sidebar nav a:hover{background:#f5f5f5;color:#111;transform:none}html[data-theme="minimal"] .panel,html[data-theme="minimal"] .course-card,html[data-theme="minimal"] .stat{box-shadow:none}html[data-theme="minimal"] .brand-mark{border-radius:50%;box-shadow:none}html[data-theme="minimal"] .student-welcome,html[data-theme="minimal"] .student-hero{background:#111}
/* Executive: marfil, carbón y acento bronce */
html[data-theme="executive"]{--bg:#f3f0eb;--panel:#fcfaf6;--text:#28231f;--muted:#766d64;--line:#ded7ce;--primary:#76583d;--primary2:#a37b54;--sidebar:#24211f;--radius:12px}
html[data-theme="executive"] .sidebar{background:linear-gradient(180deg,#24211f,#342d28)}html[data-theme="executive"] .topbar{background:#fcfaf6}html[data-theme="executive"] .panel,html[data-theme="executive"] .course-card{box-shadow:0 8px 22px rgba(54,43,34,.07)}html[data-theme="executive"] .student-welcome,html[data-theme="executive"] .student-hero{background:linear-gradient(135deg,#2d2925,#66513f)}
/* Campus: educativo, luminoso y amigable */
html[data-theme="campus"]{--bg:#fff8e9;--panel:#fff;--text:#382e25;--muted:#7d7064;--line:#f0dfc6;--primary:#c45b29;--primary2:#e79a3b;--sidebar:#49352a;--radius:20px}
html[data-theme="campus"] .sidebar{background:#49352a}html[data-theme="campus"] .brand-mark{border-radius:18px}html[data-theme="campus"] .panel,html[data-theme="campus"] .course-card{border-width:2px;box-shadow:0 7px 0 #f0dfc6}html[data-theme="campus"] .student-welcome,html[data-theme="campus"] .student-hero{background:linear-gradient(135deg,#c45b29,#e99b3d)}
/* Material: bloques definidos, verde teal */
html[data-theme="material"]{--bg:#eef2f5;--panel:#fff;--text:#263238;--muted:#607d8b;--line:#dce4e8;--primary:#00695c;--primary2:#00897b;--sidebar:#263238;--radius:4px}
html[data-theme="material"] .sidebar{background:#263238;box-shadow:3px 0 12px rgba(38,50,56,.16)}html[data-theme="material"] .topbar{box-shadow:0 2px 8px rgba(38,50,56,.12);border:0}html[data-theme="material"] .panel,html[data-theme="material"] .course-card{box-shadow:0 3px 7px rgba(38,50,56,.12);border:0}html[data-theme="material"] .btn{border-radius:3px;text-transform:uppercase;letter-spacing:.03em;font-size:12px}
/* Neo Glass: fondos suaves, superficies translúcidas */
html[data-theme="neo-glass"]{--bg:#eaf3ff;--panel:rgba(255,255,255,.72);--text:#272345;--muted:#716e8d;--line:rgba(116,101,180,.18);--primary:#7657e8;--primary2:#32a8c8;--sidebar:#30275e;--radius:24px}
html[data-theme="neo-glass"] body{background:radial-gradient(circle at 10% 10%,#e5dfff 0,transparent 35%),radial-gradient(circle at 90% 20%,#d9f6ff 0,transparent 32%),#edf4ff;background-attachment:fixed}html[data-theme="neo-glass"] .sidebar{margin:12px;height:calc(100vh - 24px);border-radius:26px;background:linear-gradient(180deg,rgba(48,39,94,.94),rgba(32,45,84,.92));backdrop-filter:blur(20px)}html[data-theme="neo-glass"] .panel,html[data-theme="neo-glass"] .course-card,html[data-theme="neo-glass"] .topbar{backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(74,63,128,.10)}
/* Midnight: oscuro integral, azul eléctrico */
html[data-theme="midnight"]{--bg:#0b1120;--panel:#111a2d;--text:#e8eefb;--muted:#93a4bd;--line:#26344b;--primary:#60a5fa;--primary2:#818cf8;--sidebar:#070c16;--radius:14px;color-scheme:dark}
html[data-theme="midnight"] body{background:#0b1120}html[data-theme="midnight"] .sidebar{background:#070c16;border-right:1px solid #1e2a3d}html[data-theme="midnight"] .topbar,html[data-theme="midnight"] .student-header,html[data-theme="midnight"] .classroom-workspace-topbar{background:rgba(17,26,45,.92);color:var(--text)}html[data-theme="midnight"] input,html[data-theme="midnight"] select,html[data-theme="midnight"] textarea,html[data-theme="midnight"] .user-dropdown,html[data-theme="midnight"] .notification-dropdown{background:#111a2d;color:var(--text);border-color:var(--line)}html[data-theme="midnight"] .panel,html[data-theme="midnight"] .course-card,html[data-theme="midnight"] .stat{box-shadow:0 8px 28px rgba(0,0,0,.18)}html[data-theme="midnight"] .student-welcome,html[data-theme="midnight"] .student-hero{background:linear-gradient(135deg,#111a2d,#1e3a5f)}html[data-theme="midnight"] .classroom-sidebar,html[data-theme="midnight"] .exam-room-shell{background:#0f1728;color:var(--text)}html[data-theme="midnight"] th{color:#9fb0c9}

/* Crimson Pulse v49: tema rojo de alta energía, profesional y consistente. */
html[data-theme="crimson-pulse"]{--bg:#fff7f7;--panel:#ffffff;--text:#2b1014;--muted:#7b5b60;--line:#f1d5d8;--primary:#c51d2c;--primary2:#ef4444;--sidebar:#4a0b12;--radius:18px;--theme-sidebar-bg:linear-gradient(180deg,#3c0910 0%,#690f1a 54%,#8f1724 100%);--theme-sidebar-fg:#fff7f7;--theme-sidebar-muted:#f2bbc1;--theme-sidebar-hover:rgba(255,255,255,.11)}
html[data-theme="crimson-pulse"] body{background:radial-gradient(circle at 92% 5%,rgba(239,68,68,.09),transparent 28%),linear-gradient(180deg,#fffafa,#fff5f5 60%,#fff9f9);background-attachment:fixed}
html[data-theme="crimson-pulse"] .sidebar,
html[data-theme="crimson-pulse"] .classroom-sidebar{background:var(--theme-sidebar-bg);box-shadow:8px 0 30px rgba(102,12,24,.14)}
html[data-theme="crimson-pulse"] .topbar,
html[data-theme="crimson-pulse"] .student-header,
html[data-theme="crimson-pulse"] .classroom-workspace-topbar,
html[data-theme="crimson-pulse"] .exam-workspace-topbar{background:rgba(255,255,255,.93);border-bottom:1px solid #f1d5d8;backdrop-filter:blur(14px)}
html[data-theme="crimson-pulse"] .panel,
html[data-theme="crimson-pulse"] .course-card,
html[data-theme="crimson-pulse"] .stat{box-shadow:0 12px 32px rgba(118,17,31,.07);border-color:#f0d6d9}
html[data-theme="crimson-pulse"] .btn.primary{background:linear-gradient(135deg,#ad1624,#e23847);border-color:#b91c2a;box-shadow:0 7px 18px rgba(197,29,44,.18)}
html[data-theme="crimson-pulse"] .student-welcome,
html[data-theme="crimson-pulse"] .student-hero{background:linear-gradient(135deg,#6b101a,#b91c2c 55%,#ef4444)}
html[data-theme="crimson-pulse"] th{background:#fff0f1;color:#6e1420}
html[data-theme="crimson-pulse"] input:focus,html[data-theme="crimson-pulse"] select:focus,html[data-theme="crimson-pulse"] textarea:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.10)}
html[data-theme="crimson-pulse"] .notif-count{background:#d91f31;color:#fff}
html[data-theme="crimson-pulse"] .user-dropdown,html[data-theme="crimson-pulse"] .notification-dropdown{border-color:#efd1d5;box-shadow:0 18px 44px rgba(112,15,27,.13)}

/* ===== Revisión integral del motor de temas v47 ===== */
/* Superficies compartidas: administración, portal, aula virtual y exámenes usan los mismos tokens. */
html[data-theme]{
  --theme-surface:var(--panel);
  --theme-surface-soft:color-mix(in srgb,var(--panel) 86%,var(--bg));
  --theme-hover:color-mix(in srgb,var(--primary) 8%,var(--panel));
  --theme-primary-soft:color-mix(in srgb,var(--primary) 12%,var(--panel));
  --theme-sidebar-bg:var(--sidebar);
  --theme-sidebar-fg:#eef2ff;
  --theme-sidebar-muted:#aeb8ca;
  --theme-sidebar-line:rgba(255,255,255,.10);
  --theme-sidebar-hover:rgba(255,255,255,.09);
}
html[data-theme="minimal"]{--theme-sidebar-fg:#171717;--theme-sidebar-muted:#737373;--theme-sidebar-line:#e8e8e8;--theme-sidebar-hover:#f5f5f5}
html[data-theme="academic"]{--theme-sidebar-bg:#243a2d;--theme-sidebar-fg:#fffaf0;--theme-sidebar-muted:#c9d2c9;--theme-sidebar-hover:rgba(185,154,97,.18)}
html[data-theme="modern-saas"]{--theme-sidebar-bg:linear-gradient(180deg,#171526,#282244);--theme-sidebar-fg:#f5f3ff;--theme-sidebar-muted:#b8b2d8;--theme-sidebar-hover:rgba(139,124,246,.16)}
html[data-theme="corporate"]{--theme-sidebar-bg:#102d42;--theme-sidebar-fg:#f4f8fb;--theme-sidebar-muted:#b4c4d0;--theme-sidebar-hover:rgba(40,123,165,.18)}
html[data-theme="executive"]{--theme-sidebar-bg:linear-gradient(180deg,#24211f,#342d28);--theme-sidebar-fg:#fbf6ef;--theme-sidebar-muted:#c6b8aa;--theme-sidebar-hover:rgba(163,123,84,.18)}
html[data-theme="campus"]{--theme-sidebar-bg:#49352a;--theme-sidebar-fg:#fff8ed;--theme-sidebar-muted:#dec9bb;--theme-sidebar-hover:rgba(231,154,59,.18)}
html[data-theme="material"]{--theme-sidebar-bg:#263238;--theme-sidebar-fg:#f4fbfa;--theme-sidebar-muted:#b0bec5;--theme-sidebar-hover:rgba(0,137,123,.20)}
html[data-theme="neo-glass"]{--theme-sidebar-bg:linear-gradient(180deg,rgba(48,39,94,.94),rgba(32,45,84,.92));--theme-sidebar-fg:#f7f5ff;--theme-sidebar-muted:#c6c0df;--theme-sidebar-hover:rgba(255,255,255,.10)}
html[data-theme="midnight"]{--theme-sidebar-bg:#070c16;--theme-sidebar-fg:#e8eefb;--theme-sidebar-muted:#93a4bd;--theme-sidebar-hover:#152036}
html[data-theme="crimson-pulse"]{--theme-sidebar-bg:linear-gradient(180deg,#3c0910,#690f1a 54%,#8f1724);--theme-sidebar-fg:#fff7f7;--theme-sidebar-muted:#f2bbc1;--theme-sidebar-hover:rgba(255,255,255,.11)}

/* Componentes de cabecera y menús: elimina blancos rígidos que rompían Neo Glass/Midnight. */
html[data-theme] .topbar,
html[data-theme] .student-header,
html[data-theme] .classroom-workspace-topbar,
html[data-theme] .exam-workspace-topbar{
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  color:var(--text);
  border-color:var(--line)
}
html[data-theme] .notif-bell,
html[data-theme] .user-menu-trigger,
html[data-theme] .user-dropdown,
html[data-theme] .notification-dropdown{
  color:var(--text);
  border-color:var(--line)
}
html[data-theme] .notif-bell{background:var(--panel)}
html[data-theme] .notif-bell:hover,
html[data-theme] .notif-bell[aria-expanded="true"],
html[data-theme] .user-menu-trigger:hover,
html[data-theme] .user-menu-trigger[aria-expanded="true"],
html[data-theme] .user-dropdown>a:hover{
  background:var(--theme-hover);
  border-color:color-mix(in srgb,var(--primary) 22%,var(--line))
}
html[data-theme] .user-dropdown,
html[data-theme] .notification-dropdown{background:var(--panel)}
html[data-theme] .user-dropdown:before{background:var(--panel);border-color:var(--line)}
html[data-theme] .user-card,
html[data-theme] .notification-dropdown-head{border-color:var(--line)}
html[data-theme] .notification-item:hover{background:var(--theme-hover)}
html[data-theme] .notification-item.unread,
html[data-theme] .notification-dropdown .notification-item.unread{background:var(--theme-primary-soft)}
html[data-theme] .user-dropdown form button:hover{background:color-mix(in srgb,#b42318 9%,var(--panel))}

/* El Aula Virtual hereda el tema completo, no sólo el dashboard del estudiante. */
html[data-theme] .classroom-shell,
html[data-theme] .classroom-workspace,
html[data-theme] .exam-room-shell{background:var(--bg);color:var(--text)}
html[data-theme] .classroom-sidebar{
  background:var(--theme-sidebar-bg);
  color:var(--theme-sidebar-fg);
  border-color:var(--theme-sidebar-line)
}
html[data-theme] .classroom-sidebar-brand,
html[data-theme] .classroom-course-mini,
html[data-theme] .exam-sidebar-course{border-color:var(--theme-sidebar-line)}
html[data-theme] .classroom-sidebar-brand small,
html[data-theme] .exam-sidebar-course span{color:var(--theme-sidebar-muted)}
html[data-theme] .classroom-course-mini span,
html[data-theme] .exam-sidebar-course small{color:color-mix(in srgb,var(--primary) 60%,#fff)}
html[data-theme] .classroom-nav button,
html[data-theme] .exam-sidebar-nav>div{color:var(--theme-sidebar-muted)}
html[data-theme] .classroom-nav button:hover,
html[data-theme] .classroom-nav button.active,
html[data-theme] .exam-sidebar-nav>div.active{
  background:var(--theme-sidebar-hover);
  color:var(--theme-sidebar-fg)
}
html[data-theme] .classroom-nav-number,
html[data-theme] .exam-sidebar-nav>div i{background:rgba(255,255,255,.08);color:inherit}
html[data-theme] .classroom-nav button.active .classroom-nav-number,
html[data-theme] .exam-sidebar-nav>div.active i{background:color-mix(in srgb,var(--primary) 35%,transparent)}
html[data-theme] .classroom-sidebar-back{
  background:rgba(255,255,255,.06);
  color:var(--theme-sidebar-fg);
  border-color:var(--theme-sidebar-line)
}
html[data-theme] .classroom-sidebar-back:hover{background:var(--theme-sidebar-hover);color:var(--theme-sidebar-fg);border-color:color-mix(in srgb,var(--primary) 40%,var(--theme-sidebar-line))}

html[data-theme] .classroom-module,
html[data-theme] .classroom-secondary-section,
html[data-theme] .classroom-module-resources,
html[data-theme] .classroom-resource-card,
html[data-theme] .student-exam-card,
html[data-theme] .virtual-course-card,
html[data-theme] .student-empty-classroom,
html[data-theme] .exam-instructions-card,
html[data-theme] .exam-start-card,
html[data-theme] .exam-history-card,
html[data-theme] .exam-question-card,
html[data-theme] .exam-submit-zone,
html[data-theme] .exam-question-navigator{
  background:var(--panel);
  color:var(--text);
  border-color:var(--line)
}
html[data-theme] .classroom-module-head{background:var(--theme-surface-soft);border-color:var(--line)}
html[data-theme] .classroom-content-item,
html[data-theme] .classroom-file-row,
html[data-theme] .classroom-evaluation-row,
html[data-theme] .classroom-attendance-row{border-color:var(--line)}
html[data-theme] .classroom-content-copy p,
html[data-theme] .classroom-section-title span{color:var(--muted)}
html[data-theme] .classroom-content-icon,
html[data-theme] .classroom-resource-card>span,
html[data-theme] .classroom-evaluation-icon,
html[data-theme] .student-exam-icon{background:var(--theme-primary-soft);color:var(--primary)}
html[data-theme] .classroom-resource-link,
html[data-theme] .classroom-evaluation-action,
html[data-theme] .virtual-course-enter{color:var(--primary)!important}

/* Héroes: cada tema conserva personalidad dentro del aula y los exámenes. */
html[data-theme="classic"] .classroom-course-hero,
html[data-theme="classic"] .exam-room-hero{background:linear-gradient(145deg,#172554,#273e9b)}
html[data-theme="academic"] .classroom-course-hero,
html[data-theme="academic"] .exam-room-hero{background:linear-gradient(135deg,#294534,#41634d);border-radius:8px;box-shadow:0 8px 22px rgba(36,58,45,.16)}
html[data-theme="modern-saas"] .classroom-course-hero,
html[data-theme="modern-saas"] .exam-room-hero{background:linear-gradient(135deg,#4d3ccf,#8b5de8);border-radius:24px}
html[data-theme="corporate"] .classroom-course-hero,
html[data-theme="corporate"] .exam-room-hero{background:linear-gradient(135deg,#123d5a,#1d668f);border-radius:6px;box-shadow:none}
html[data-theme="minimal"] .classroom-course-hero,
html[data-theme="minimal"] .exam-room-hero{background:#111;border-radius:2px;box-shadow:none}
html[data-theme="executive"] .classroom-course-hero,
html[data-theme="executive"] .exam-room-hero{background:linear-gradient(135deg,#2d2925,#66513f);border-radius:12px}
html[data-theme="campus"] .classroom-course-hero,
html[data-theme="campus"] .exam-room-hero{background:linear-gradient(135deg,#ba4d22,#e79131);border-radius:24px}
html[data-theme="material"] .classroom-course-hero,
html[data-theme="material"] .exam-room-hero{background:linear-gradient(135deg,#00574d,#00897b);border-radius:4px}
html[data-theme="neo-glass"] .classroom-course-hero,
html[data-theme="neo-glass"] .exam-room-hero{background:linear-gradient(135deg,rgba(87,63,184,.92),rgba(40,158,190,.86));border:1px solid rgba(255,255,255,.30);box-shadow:0 20px 48px rgba(62,50,125,.18);backdrop-filter:blur(18px)}
html[data-theme="midnight"] .classroom-course-hero,
html[data-theme="midnight"] .exam-room-hero{background:linear-gradient(135deg,#111a2d,#1d4570);border:1px solid #29466a}
html[data-theme="crimson-pulse"] .classroom-course-hero,
html[data-theme="crimson-pulse"] .exam-room-hero{background:linear-gradient(125deg,#5c0b14 0%,#a51424 48%,#ed3949 100%);border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 18px 46px rgba(144,18,34,.20)}

/* Densidad también se aplica a portal, aula y examen. */
html[data-density="compacta"] .student-main,
html[data-density="compacta"] .student-lms-content{padding-top:14px}
html[data-density="compacta"] .classroom-main-inner,
html[data-density="compacta"] .exam-room-main{padding-top:18px;padding-bottom:36px}
html[data-density="compacta"] .classroom-module-head{padding:12px 14px}
html[data-density="compacta"] .classroom-module-body{padding:6px 13px 13px}
html[data-density="compacta"] .classroom-content-item{padding:9px 0}
html[data-density="compacta"] .classroom-secondary-section{padding:14px}
html[data-density="compacta"] .classroom-workspace-topbar,
html[data-density="compacta"] .exam-workspace-topbar{min-height:64px}
html[data-density="compacta"] .exam-question-card{padding:16px}

/* Preferencia de sidebar: administración + aula + examen. Las preferencias ganan a los temas. */
@media(min-width:981px){
  html[data-sidebar="contraido"] .shell{grid-template-columns:84px minmax(0,1fr)!important}
  html[data-sidebar="contraido"] .sidebar{width:auto!important;margin:0!important;border-radius:0!important;padding-left:12px!important;padding-right:12px!important}
  html[data-sidebar="expandido"] .shell{grid-template-columns:260px minmax(0,1fr)!important}
  html[data-sidebar="expandido"] .sidebar{width:auto!important}
}
@media(min-width:761px){
  html[data-sidebar="contraido"] .classroom-shell{grid-template-columns:86px minmax(0,1fr)}
  html[data-sidebar="contraido"] .classroom-sidebar{padding-left:10px;padding-right:10px}
  html[data-sidebar="contraido"] .classroom-sidebar-brand{justify-content:center;padding-inline:0}
  html[data-sidebar="contraido"] .classroom-sidebar-brand>div:last-child,
  html[data-sidebar="contraido"] .classroom-course-mini,
  html[data-sidebar="contraido"] .exam-sidebar-course,
  html[data-sidebar="contraido"] .classroom-nav button>span:last-child,
  html[data-sidebar="contraido"] .exam-sidebar-nav>div>span,
  html[data-sidebar="contraido"] .classroom-sidebar-back>span{display:none}
  html[data-sidebar="contraido"] .classroom-nav button{grid-template-columns:1fr;justify-items:center;padding:9px 6px}
  html[data-sidebar="contraido"] .exam-sidebar-nav>div{grid-template-columns:1fr;justify-items:center;padding:8px 5px}
  html[data-sidebar="contraido"] .classroom-sidebar-back{justify-content:center;padding-inline:6px}
}

/* Modern SaaS: sin huecos estructurales ni contenido comprimido. */
html[data-theme="modern-saas"] .sidebar{margin:0;height:100vh;border-radius:0;box-shadow:8px 0 30px rgba(27,23,54,.12)}
html[data-theme="modern-saas"] .topbar{margin:0;height:72px;border-radius:0;border-width:0 0 1px;background:rgba(255,255,255,.88)}
html[data-theme="modern-saas"] .content{width:100%;max-width:1500px;padding-inline:30px}
html[data-theme="modern-saas"] .classroom-sidebar{box-shadow:8px 0 30px rgba(27,23,54,.09)}

/* Neo Glass: el header, usuario y notificaciones forman parte del tema y conservan contraste. */
html[data-theme="neo-glass"] .sidebar{margin:0;height:100vh;border-radius:0;box-shadow:8px 0 32px rgba(74,63,128,.15)}
html[data-theme="neo-glass"] .topbar,
html[data-theme="neo-glass"] .student-header,
html[data-theme="neo-glass"] .classroom-workspace-topbar,
html[data-theme="neo-glass"] .exam-workspace-topbar{
  background:rgba(255,255,255,.58);
  border-color:rgba(116,101,180,.16);
  backdrop-filter:blur(20px)
}
html[data-theme="neo-glass"] .notif-bell,
html[data-theme="neo-glass"] .user-menu-trigger,
html[data-theme="neo-glass"] .user-dropdown,
html[data-theme="neo-glass"] .notification-dropdown{
  background:rgba(255,255,255,.72);
  border-color:rgba(116,101,180,.18);
  box-shadow:0 12px 34px rgba(74,63,128,.10);
  backdrop-filter:blur(18px)
}
html[data-theme="neo-glass"] .user-dropdown:before{background:rgba(255,255,255,.82);border-color:rgba(116,101,180,.18)}
html[data-theme="neo-glass"] .user-menu-trigger:hover,
html[data-theme="neo-glass"] .user-menu-trigger[aria-expanded="true"],
html[data-theme="neo-glass"] .notif-bell:hover,
html[data-theme="neo-glass"] .notif-bell[aria-expanded="true"]{background:rgba(255,255,255,.88)}

/* Midnight: evita superficies blancas residuales en aula/portal. */
html[data-theme="midnight"] .classroom-module-head,
html[data-theme="midnight"] .classroom-module-resources,
html[data-theme="midnight"] .classroom-content-icon,
html[data-theme="midnight"] .classroom-resource-card>span,
html[data-theme="midnight"] .classroom-evaluation-icon,
html[data-theme="midnight"] .student-exam-icon{background:#16233a}
html[data-theme="midnight"] .btn.ghost{background:#111a2d;color:var(--text);border-color:var(--line)}

@media(max-width:980px){
  html[data-theme="modern-saas"] .content{padding-inline:20px}
  html[data-theme="modern-saas"] .sidebar,
  html[data-theme="neo-glass"] .sidebar{margin:0;border-radius:0}
}

/* ===== Motor de animaciones temáticas v48 ===== */
html[data-theme]{
  --motion-fast:160ms;
  --motion-base:260ms;
  --motion-slow:520ms;
  --motion-ease:cubic-bezier(.22,.8,.24,1);
  --motion-enter:ccEnterClassic;
  --motion-modal:ccModalClassic;
  --motion-toast:ccToastClassic;
  --motion-loader:ccLoaderClassic;
  --motion-hover-y:-2px;
  --motion-hover-scale:1.015;
}
html[data-theme="academic"]{--motion-enter:ccEnterAcademic;--motion-modal:ccModalAcademic;--motion-loader:ccLoaderAcademic;--motion-hover-y:-1px;--motion-hover-scale:1.008}
html[data-theme="modern-saas"]{--motion-enter:ccEnterSaas;--motion-modal:ccModalSaas;--motion-toast:ccToastSaas;--motion-loader:ccLoaderSaas;--motion-hover-y:-3px;--motion-hover-scale:1.018}
html[data-theme="corporate"]{--motion-enter:ccEnterCorporate;--motion-modal:ccModalCorporate;--motion-hover-y:-1px;--motion-hover-scale:1.006}
html[data-theme="minimal"]{--motion-enter:ccEnterMinimal;--motion-modal:ccModalMinimal;--motion-hover-y:0px;--motion-hover-scale:1}
html[data-theme="executive"]{--motion-enter:ccEnterExecutive;--motion-modal:ccModalExecutive;--motion-loader:ccLoaderExecutive;--motion-hover-y:-1px;--motion-hover-scale:1.008}
html[data-theme="campus"]{--motion-enter:ccEnterCampus;--motion-modal:ccModalCampus;--motion-toast:ccToastCampus;--motion-loader:ccLoaderCampus;--motion-hover-y:-3px;--motion-hover-scale:1.02}
html[data-theme="material"]{--motion-enter:ccEnterMaterial;--motion-modal:ccModalMaterial;--motion-toast:ccToastMaterial;--motion-loader:ccLoaderMaterial;--motion-hover-y:-2px;--motion-hover-scale:1.01}
html[data-theme="neo-glass"]{--motion-enter:ccEnterGlass;--motion-modal:ccModalGlass;--motion-toast:ccToastGlass;--motion-loader:ccLoaderGlass;--motion-hover-y:-4px;--motion-hover-scale:1.02}
html[data-theme="midnight"]{--motion-enter:ccEnterMidnight;--motion-modal:ccModalMidnight;--motion-toast:ccToastMidnight;--motion-loader:ccLoaderMidnight;--motion-hover-y:-2px;--motion-hover-scale:1.014}
html[data-theme="crimson-pulse"]{--motion-fast:145ms;--motion-base:280ms;--motion-slow:610ms;--motion-ease:cubic-bezier(.16,1,.3,1);--motion-enter:ccEnterCrimson;--motion-modal:ccModalCrimson;--motion-toast:ccToastCrimson;--motion-loader:ccLoaderCrimson;--motion-hover-y:-4px;--motion-hover-scale:1.022}

/* Carga de vistas: reemplaza el mensaje plano por un indicador visual temático. */
html[data-animations="on"] .view-loading,
html[data-animations="on"] .detail-loading,
html[data-animations="on"] .attendance-loading{
  position:relative;
  min-height:190px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:transparent!important;
  font-size:0!important;
  background:transparent!important;
}
html[data-animations="on"] .detail-loading{min-height:150px;padding:28px}
html[data-animations="on"] .attendance-loading{min-height:140px;padding:22px}
html[data-animations="on"] .view-loading:before,
html[data-animations="on"] .detail-loading:before,
html[data-animations="on"] .attendance-loading:before{
  content:"";
  width:54px;height:54px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--panel)),var(--panel));
  box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 14%,transparent);
  animation:var(--motion-loader) 1.05s var(--motion-ease) infinite;
}
html[data-animations="on"] .view-loading:after,
html[data-animations="on"] .detail-loading:after,
html[data-animations="on"] .attendance-loading:after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  border:3px solid color-mix(in srgb,var(--primary) 20%,transparent);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:ccSpin .72s linear infinite;
}
html[data-animations="on"] .view-loading{animation:ccLoaderContainer .24s ease both}

/* Entrada de la vista completa, sin mover el shell/sidebar. */
html[data-animations="on"] #app.cc-view-enter>*,
html[data-animations="on"] .classroom-workspace.cc-view-enter>*,
html[data-animations="on"] .exam-workspace.cc-view-enter>*{
  animation:var(--motion-enter) var(--motion-slow) var(--motion-ease) both;
}
html[data-animations="on"] #app.cc-view-enter>*:nth-child(2){animation-delay:35ms}
html[data-animations="on"] #app.cc-view-enter>*:nth-child(3){animation-delay:65ms}
html[data-animations="on"] #app.cc-view-enter>*:nth-child(4){animation-delay:90ms}

/* Botones y controles: feedback real al hover/click, distinto según personalidad del tema. */
html[data-animations="on"] .btn,
html[data-animations="on"] .icon-btn,
html[data-animations="on"] .notif-bell,
html[data-animations="on"] .user-menu-trigger,
html[data-animations="on"] .theme-card,
html[data-animations="on"] .course-card,
html[data-animations="on"] .classroom-nav button,
html[data-animations="on"] .exam-nav-grid button{
  transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,opacity var(--motion-fast) ease;
}
@media (hover:hover){
  html[data-animations="on"] .btn:hover,
  html[data-animations="on"] .icon-btn:hover,
  html[data-animations="on"] .theme-card:hover{transform:translateY(var(--motion-hover-y)) scale(var(--motion-hover-scale))}
}
html[data-animations="on"] .btn:active,
html[data-animations="on"] .icon-btn:active,
html[data-animations="on"] .notif-bell:active,
html[data-animations="on"] .user-menu-trigger:active{transform:translateY(1px) scale(.96)!important;transition-duration:80ms}
html[data-theme="neo-glass"][data-animations="on"] .btn.primary:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 28%,transparent)}
html[data-theme="campus"][data-animations="on"] .btn:hover{transform:translateY(-3px) rotate(-.25deg) scale(1.018)}
html[data-theme="material"][data-animations="on"] .btn:active{box-shadow:0 0 0 7px color-mix(in srgb,var(--primary) 12%,transparent)}

/* Modales: animación temática real, no una única transición para todos. */
html[data-animations="on"] .crud-modal.open .crud-modal-backdrop,
html[data-animations="on"] .detail-modal.open .crud-modal-backdrop,
html[data-animations="on"] .detail-modal.open .detail-modal-backdrop{animation:ccBackdropIn var(--motion-base) ease both}
html[data-animations="on"] .crud-modal.open .crud-modal-card,
html[data-animations="on"] .detail-modal.open .crud-modal-card,
html[data-animations="on"] .detail-modal.open .detail-modal-card{animation:var(--motion-modal) var(--motion-slow) var(--motion-ease) both}

/* Toasts, alertas y notificaciones. */
html[data-animations="on"] .system-toast.show{animation:var(--motion-toast) 420ms var(--motion-ease) both}
html[data-animations="on"] .notification-dropdown.open{animation:var(--motion-toast) 340ms var(--motion-ease) both}
html[data-animations="on"] .notification-item.unread .notification-kind{animation:ccNotifPulse 1.8s ease-in-out 2}
html[data-animations="on"] .alert{animation:ccAlertIn 360ms var(--motion-ease) both}
html[data-animations="on"] .notif-count:not(.hidden){animation:ccBadgePop 420ms var(--motion-ease) both}

/* Crimson Pulse: microinteracciones exclusivas cuando el usuario activa animaciones. */
@media (hover:hover){
  html[data-theme="crimson-pulse"][data-animations="on"] .btn.primary:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 13px 30px rgba(197,29,44,.30)}
  html[data-theme="crimson-pulse"][data-animations="on"] .icon-btn:hover,
  html[data-theme="crimson-pulse"][data-animations="on"] .notif-bell:hover{box-shadow:0 0 0 5px rgba(197,29,44,.08),0 8px 20px rgba(197,29,44,.14)}
}
html[data-theme="crimson-pulse"][data-animations="on"] .btn.primary:active{animation:ccCrimsonPress 220ms ease both}
html[data-theme="crimson-pulse"][data-animations="on"] .crud-modal.open .crud-modal-card,
html[data-theme="crimson-pulse"][data-animations="on"] .detail-modal.open .detail-modal-card{box-shadow:0 28px 75px rgba(92,11,20,.25)}
html[data-theme="crimson-pulse"][data-animations="on"] .system-toast.show{box-shadow:0 14px 34px rgba(128,18,31,.20)}
html[data-theme="crimson-pulse"][data-animations="on"] .notification-item.unread .notification-kind{animation:ccCrimsonNotif 1.45s ease-in-out 2}
html[data-theme="crimson-pulse"][data-animations="on"] .view-loading:before,
html[data-theme="crimson-pulse"][data-animations="on"] .detail-loading:before,
html[data-theme="crimson-pulse"][data-animations="on"] .attendance-loading:before{background:linear-gradient(135deg,#8f1421,#ef4453);border-color:rgba(255,255,255,.4);box-shadow:0 15px 38px rgba(197,29,44,.26)}
html[data-theme="crimson-pulse"][data-animations="on"] .view-loading:after,
html[data-theme="crimson-pulse"][data-animations="on"] .detail-loading:after,
html[data-theme="crimson-pulse"][data-animations="on"] .attendance-loading:after{border-color:rgba(255,255,255,.28);border-top-color:#fff}

/* Keyframes base y familias visuales. */
@keyframes ccSpin{to{transform:rotate(360deg)}}
@keyframes ccBackdropIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1}}
@keyframes ccLoaderContainer{from{opacity:0}to{opacity:1}}
@keyframes ccLoaderClassic{0%,100%{transform:translateY(0) rotate(0);border-radius:18px}50%{transform:translateY(-6px) rotate(4deg);border-radius:50%}}
@keyframes ccLoaderAcademic{0%,100%{transform:perspective(120px) rotateY(0);border-radius:5px}50%{transform:perspective(120px) rotateY(18deg);border-radius:5px}}
@keyframes ccLoaderSaas{0%,100%{transform:scale(.9);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}50%{transform:scale(1.08);box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 26%,transparent)}}
@keyframes ccLoaderExecutive{0%,100%{transform:rotate(-2deg) scale(.96)}50%{transform:rotate(2deg) scale(1.04)}}
@keyframes ccLoaderCampus{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes ccLoaderMaterial{0%{transform:scale(.84);border-radius:4px}50%{transform:scale(1.07);border-radius:50%}100%{transform:scale(.84);border-radius:4px}}
@keyframes ccLoaderGlass{0%,100%{transform:translateY(2px) scale(.94);filter:blur(0)}50%{transform:translateY(-8px) scale(1.08);box-shadow:0 18px 48px color-mix(in srgb,var(--primary) 34%,transparent)}}
@keyframes ccLoaderMidnight{0%,100%{transform:scale(.94);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 0%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 12px color-mix(in srgb,var(--primary) 9%,transparent)}}
@keyframes ccLoaderCrimson{0%{transform:rotate(0deg) scale(.90);border-radius:18px}38%{transform:rotate(8deg) scale(1.08);border-radius:50%}70%{transform:rotate(-5deg) scale(1.02);border-radius:15px}100%{transform:rotate(0deg) scale(.90);border-radius:18px}}

@keyframes ccEnterClassic{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ccEnterAcademic{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes ccEnterSaas{from{opacity:0;transform:translateY(14px) scale(.992);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes ccEnterCorporate{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ccEnterMinimal{from{opacity:0}to{opacity:1}}
@keyframes ccEnterExecutive{from{opacity:0;transform:translateY(8px);filter:saturate(.7)}to{opacity:1;transform:none;filter:none}}
@keyframes ccEnterCampus{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ccEnterMaterial{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ccEnterGlass{from{opacity:0;transform:translateY(16px) scale(.985);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes ccEnterMidnight{from{opacity:0;transform:translateY(9px);filter:brightness(.72)}to{opacity:1;transform:none;filter:brightness(1)}}
@keyframes ccEnterCrimson{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px) saturate(.75)}65%{opacity:1;transform:translateY(-2px) scale(1.002);filter:blur(0) saturate(1.08)}100%{opacity:1;transform:none;filter:none}}

@keyframes ccModalClassic{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
@keyframes ccModalAcademic{from{opacity:0;transform:translateY(12px) rotateX(2deg)}to{opacity:1;transform:none}}
@keyframes ccModalSaas{from{opacity:0;transform:translateY(24px) scale(.96);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes ccModalCorporate{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ccModalMinimal{from{opacity:0}to{opacity:1}}
@keyframes ccModalExecutive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ccModalCampus{from{opacity:0;transform:translateY(22px) scale(.965) rotate(-.3deg)}to{opacity:1;transform:none}}
@keyframes ccModalMaterial{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ccModalGlass{from{opacity:0;transform:translateY(28px) scale(.955);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes ccModalMidnight{from{opacity:0;transform:translateY(18px) scale(.97);filter:brightness(.65)}to{opacity:1;transform:none;filter:brightness(1)}}
@keyframes ccModalCrimson{0%{opacity:0;transform:translateY(34px) scale(.94) rotateX(3deg);filter:blur(7px)}72%{opacity:1;transform:translateY(-3px) scale(1.004);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}

@keyframes ccToastClassic{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ccToastSaas{from{opacity:0;transform:translateX(18px) scale(.95)}to{opacity:1;transform:none}}
@keyframes ccToastCampus{0%{opacity:0;transform:translateY(-12px) scale(.94)}70%{transform:translateY(2px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes ccToastMaterial{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes ccToastGlass{from{opacity:0;transform:translateY(-14px) scale(.92);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes ccToastMidnight{from{opacity:0;transform:translateY(-8px);filter:brightness(1.7)}to{opacity:1;transform:none;filter:brightness(1)}}
@keyframes ccToastCrimson{0%{opacity:0;transform:translateX(34px) scale(.92)}68%{opacity:1;transform:translateX(-4px) scale(1.012)}100%{opacity:1;transform:none}}
@keyframes ccCrimsonPress{0%{transform:translateY(-1px) scale(1)}45%{transform:translateY(1px) scale(.94)}100%{transform:none}}
@keyframes ccCrimsonNotif{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(197,29,44,0)}50%{transform:scale(1.13);box-shadow:0 0 0 7px rgba(197,29,44,.10)}}
@keyframes ccNotifPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.10);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 8%,transparent)}}
@keyframes ccAlertIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes ccBadgePop{0%{transform:scale(.55)}70%{transform:scale(1.15)}100%{transform:scale(1)}}

/* Si el usuario desactiva animaciones, también anulamos loaders animados y entradas. */
html[data-animations="off"] .view-loading,
html[data-animations="off"] .detail-loading,
html[data-animations="off"] .attendance-loading{color:var(--muted)!important;font-size:13px!important}

@media (prefers-reduced-motion:reduce){
  html[data-animations="on"]{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms}
  html[data-animations="on"] .view-loading:before,
  html[data-animations="on"] .view-loading:after,
  html[data-animations="on"] .detail-loading:before,
  html[data-animations="on"] .detail-loading:after,
  html[data-animations="on"] .attendance-loading:before,
  html[data-animations="on"] .attendance-loading:after{animation-duration:1.5s}
}


/* ===== Selector de idioma en mosaico v53 ===== */
.language-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.language-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.language-section-head h3{
  margin:0 0 3px;
  font-size:17px;
  color:var(--text);
}
.language-section-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.language-current{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 90%,var(--primary) 10%);
  color:var(--text);
  font-size:11px;
  font-weight:800;
}
.language-gallery{
  display:grid;
  grid-template-columns:repeat(5,minmax(125px,1fr));
  gap:12px;
}
.language-card{
  position:relative;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.language-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--primary) 44%,var(--line));
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}
.language-card.active{
  border:2px solid var(--primary);
  padding:12px;
  background:color-mix(in srgb,var(--panel) 92%,var(--primary) 8%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent);
}
.language-flag{
  flex:0 0 43px;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 78%,var(--line) 22%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 85%,transparent);
  font-size:28px;
  line-height:1;
}
.language-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.language-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.language-copy small{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.language-selected{
  position:absolute;
  top:8px;
  right:8px;
  width:22px;
  height:22px;
  display:none;
  place-items:center;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-size:11px;
  box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent);
}
.language-card.active .language-selected{display:grid}
html[data-animations="on"] .language-card{transition-duration:var(--motion-duration,.18s)}
html[data-animations="on"] .language-card.active .language-flag{animation:cc-language-pop .34s ease both}
@keyframes cc-language-pop{0%{transform:scale(.9)}65%{transform:scale(1.07)}100%{transform:scale(1)}}

@media(max-width:1050px){
  .language-gallery{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .language-section-head{align-items:flex-start}
  .language-gallery{grid-template-columns:1fr 1fr}
  .language-current{display:none}
}
@media(max-width:420px){
  .language-gallery{grid-template-columns:1fr}
}
html[data-animations="off"] .language-card,
html[data-animations="off"] .language-flag{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .language-card,.language-flag{animation:none!important;transition:none!important}
}


/* ===== Tooltips profesionales para sidebar contraído v54 ===== */
.sidebar-hover-tooltip{
  position:fixed;
  z-index:2500;
  max-width:min(280px,calc(100vw - 24px));
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--panel) 95%,var(--primary) 5%);
  color:var(--text);
  box-shadow:0 12px 30px rgba(15,23,42,.16);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  white-space:normal;
  pointer-events:none;
  opacity:0;
  transform:translateX(-5px) scale(.97);
  transform-origin:left center;
  transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1);
}
.sidebar-hover-tooltip::before{
  content:"";
  position:absolute;
  left:-5px;
  top:50%;
  width:9px;
  height:9px;
  border-left:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  background:inherit;
  transform:translateY(-50%) rotate(45deg);
}
.sidebar-hover-tooltip.show{
  opacity:1;
  transform:translateX(0) scale(1);
}
html[data-theme="neo-glass"] .sidebar-hover-tooltip{
  background:color-mix(in srgb,var(--panel) 76%,transparent);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
html[data-theme="midnight"] .sidebar-hover-tooltip,
html[data-theme="crimson-pulse"] .sidebar-hover-tooltip{
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
html[data-animations="off"] .sidebar-hover-tooltip{
  transition:none!important;
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  .sidebar-hover-tooltip{transition:none!important;transform:none!important}
}


/* ===== Dashboard ejecutivo / instructor v57 ===== */
.dashboard-pro{
  --dash-chart-1:var(--primary);
  --dash-chart-2:color-mix(in srgb,var(--primary) 66%,#22c55e);
  --dash-chart-3:color-mix(in srgb,var(--primary) 50%,#f59e0b);
  --dash-chart-4:color-mix(in srgb,var(--primary) 48%,#ec4899);
  --dash-chart-5:color-mix(in srgb,var(--primary) 42%,#64748b);
  display:grid;gap:20px;
}
.dash-page-head{align-items:center}
.dash-head-badge{display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-sm,0 5px 20px rgba(15,23,42,.05))}
.dash-head-badge>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 12%,var(--panel));color:var(--primary);font-size:18px}
.dash-head-badge span{display:grid}.dash-head-badge b{font-size:12px}.dash-head-badge small{font-size:10px;color:var(--muted)}
.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dash-kpi{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm,0 5px 20px rgba(15,23,42,.05));overflow:hidden}
.dash-kpi::after{content:"";position:absolute;inset:auto -25px -38px auto;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--primary) 7%,transparent)}
.dash-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));box-shadow:var(--shadow,0 12px 28px rgba(15,23,42,.09))}
.dash-kpi-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 11%,var(--panel));color:var(--primary);font-size:19px}
.dash-kpi-copy{display:grid;min-width:0}.dash-kpi-copy small{font-size:11px;color:var(--muted);font-weight:750}.dash-kpi-copy strong{font-size:24px;line-height:1.1;margin:3px 0}.dash-kpi-copy em{font-size:10px;color:var(--muted);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-kpi-go{position:absolute;right:12px;top:12px;color:var(--muted);font-size:11px}
.dash-kpi.warning .dash-kpi-icon{background:color-mix(in srgb,#f59e0b 13%,var(--panel));color:#d97706}.dash-kpi.positive .dash-kpi-icon{background:color-mix(in srgb,#22c55e 13%,var(--panel));color:#16a34a}
.dash-primary-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.85fr);gap:18px}
.dash-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dash-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dash-card{padding:18px;border-radius:18px}
.dash-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.dash-card-head h2{font-size:15px;margin:0 0 3px;color:var(--text)}.dash-card-head p{font-size:10px;color:var(--muted);margin:0}.dash-card-head>a{font-size:10px;font-weight:800;color:var(--primary);text-decoration:none;white-space:nowrap}
.dash-course-list{display:grid}.dash-course-row{display:grid;grid-template-columns:minmax(155px,1.3fr) minmax(150px,.8fr) minmax(125px,.8fr) minmax(125px,.8fr) 54px;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.dash-course-row:first-child{border-top:0}
.dash-course-id{display:grid;min-width:0}.dash-course-id span{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.07em}.dash-course-id a{font-size:12px;font-weight:800;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-course-id a:hover{color:var(--primary)}
.dash-course-meta{display:flex;gap:10px;color:var(--muted);font-size:10px}.dash-course-meta span{display:flex;align-items:center;gap:4px}.dash-course-meta i{color:var(--primary)}
.dash-course-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}.dash-course-meter b{color:var(--text)}.dash-mini-track{height:5px!important;margin-top:5px;background:color-mix(in srgb,var(--line) 65%,transparent);border-radius:999px;overflow:hidden}.dash-mini-track i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.dash-health{width:48px;height:29px;display:grid;place-items:center;border-radius:999px;font-size:9px;font-weight:900;background:color-mix(in srgb,#64748b 10%,var(--panel));color:var(--muted)}.dash-health.good{background:color-mix(in srgb,#22c55e 12%,var(--panel));color:#15803d}.dash-health.mid{background:color-mix(in srgb,#f59e0b 12%,var(--panel));color:#b45309}.dash-health.low{background:color-mix(in srgb,#ef4444 12%,var(--panel));color:#dc2626}
.dash-attention-grid{display:grid;gap:8px}.dash-attention-item{display:grid;grid-template-columns:38px 1fr 14px;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none}.dash-attention-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--panel));color:var(--primary)}.dash-attention-item div{display:grid}.dash-attention-item b{font-size:16px}.dash-attention-item small{font-size:9px;color:var(--muted)}.dash-attention-item>i{font-size:10px;color:var(--muted)}.dash-attention-item.warn>span{background:color-mix(in srgb,#f59e0b 12%,var(--panel));color:#d97706}.dash-attention-item.danger>span{background:color-mix(in srgb,#ef4444 12%,var(--panel));color:#dc2626}
.dash-donut-wrap{display:flex;align-items:center;gap:16px;min-height:145px}.dash-donut{position:relative;width:116px;height:116px;flex:0 0 116px}.dash-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.dash-donut circle{transition:stroke-dasharray .45s ease}.dash-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dash-donut strong{font-size:22px}.dash-donut small{font-size:9px;color:var(--muted)}
.dash-legend{display:grid;gap:7px;min-width:0;flex:1}.dash-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.dash-legend i{width:8px;height:8px;border-radius:50%;background:var(--legend)}.dash-legend b{color:var(--text);font-size:10px}
.dash-bars{display:grid;gap:12px;padding-top:4px}.dash-bar-row{display:grid;grid-template-columns:48px 1fr 28px;gap:8px;align-items:center;font-size:9px;color:var(--muted)}.dash-bar-row>div{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 65%,transparent);overflow:hidden}.dash-bar-row i{display:block;height:100%;border-radius:inherit;background:var(--bar);min-width:2px}.dash-bar-row b{text-align:right;color:var(--text)}
.dash-event-list{display:grid}.dash-event{display:grid;grid-template-columns:38px 1fr 14px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.dash-event:first-child{border-top:0}.dash-event-date{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--panel));color:var(--primary)}.dash-event>div{display:grid;min-width:0}.dash-event b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-event small,.dash-event em{font-size:9px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-event>i{font-size:10px;color:var(--muted)}
.dash-empty-inline{padding:22px 10px;text-align:center;color:var(--muted);font-size:10px}
html[data-animations="on"] .dash-kpi,html[data-animations="on"] .dash-attention-item,html[data-animations="on"] .dash-event{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme="neo-glass"] .dash-kpi,html[data-theme="neo-glass"] .dash-card,html[data-theme="neo-glass"] .dash-head-badge{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html[data-theme="crimson-pulse"][data-animations="on"] .dash-head-badge>i{animation:cc-dashboard-pulse 2.2s ease-in-out infinite}
@keyframes cc-dashboard-pulse{50%{transform:scale(1.07);box-shadow:0 0 0 7px color-mix(in srgb,var(--primary) 8%,transparent)}}
html[data-density="compacta"] .dash-kpi{padding:12px}.dashboard-pro html[data-density="compacta"]{gap:14px}
@media(max-width:1250px){.dash-kpi-grid{grid-template-columns:repeat(3,1fr)}.dash-chart-grid{grid-template-columns:1fr 1fr}.dash-course-row{grid-template-columns:minmax(160px,1.2fr) minmax(120px,.8fr) minmax(120px,.8fr) 50px}.dash-course-meta{display:none}}
@media(max-width:900px){.dash-primary-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-kpi-grid{grid-template-columns:1fr 1fr}.dash-course-row{grid-template-columns:minmax(160px,1fr) 1fr 50px}.dash-course-meter:nth-of-type(2){display:none}}
@media(max-width:650px){.dash-kpi-grid,.dash-chart-grid{grid-template-columns:1fr}.dash-page-head{align-items:flex-start}.dash-head-badge{display:none}.dash-course-row{grid-template-columns:1fr 50px}.dash-course-meter{display:none}.dash-donut-wrap{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.dashboard-pro *{animation:none!important;transition:none!important}}


/* ===== Centro de Reportes v59 ===== */
.reports-view{display:grid;gap:20px}
.reports-search{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:16px}
.report-search-box{display:flex;align-items:center;gap:9px;min-width:280px;flex:1}.report-search-box i{color:var(--muted)}.report-search-box input{border:0;background:transparent;box-shadow:none!important;padding:7px 0;width:100%}.reports-search>span{font-size:10px;color:var(--muted);font-weight:800}
.report-group{display:grid;gap:10px}.report-group-head{display:flex;align-items:center;gap:9px}.report-group-head h2{font-size:13px;margin:0}.report-group-head span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary);font-size:9px;font-weight:900}
.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.report-card{position:relative;display:grid;grid-template-columns:45px 1fr 14px;align-items:center;gap:11px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm,0 4px 18px rgba(15,23,42,.04));cursor:pointer;min-height:75px}
.report-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));box-shadow:var(--shadow,0 10px 28px rgba(15,23,42,.08))}
.report-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary);font-size:18px}.report-card-copy{display:grid;min-width:0}.report-card-copy strong{font-size:11px;line-height:1.25}.report-card-copy small{font-size:9px;color:var(--muted);margin-top:4px}.report-card-go{font-size:10px;color:var(--muted)}
.report-open-head{display:flex;align-items:flex-start;gap:18px}.report-open-head>div{flex:1}.report-open-head h1{font-size:25px;margin:2px 0 4px}.report-open-head p{margin:0;color:var(--muted);font-size:11px}
.report-filters{display:grid;grid-template-columns:150px 150px minmax(220px,1fr) auto 40px;gap:10px;align-items:end;padding:13px;border-radius:16px}.report-filter{display:grid;gap:5px}.report-filter label{font-size:9px;font-weight:850;color:var(--muted)}.report-filter input,.report-filter select{min-height:37px}
.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-kpi{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.report-kpi>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary)}.report-kpi>div{display:grid}.report-kpi small{font-size:9px;color:var(--muted);font-weight:800}.report-kpi strong{font-size:20px}
.report-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;margin-bottom:14px}.report-chart-card,.report-summary-card,.report-table-card{padding:16px;border-radius:17px}.report-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.report-panel-head h2{font-size:14px;margin:0 0 3px}.report-panel-head p{font-size:9px;color:var(--muted);margin:0}
.report-bars{display:grid;gap:10px}.report-bar{display:grid;grid-template-columns:minmax(95px,145px) 1fr 48px;align-items:center;gap:10px;font-size:9px}.report-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.report-bar>div{height:9px;background:color-mix(in srgb,var(--line) 65%,transparent);border-radius:999px;overflow:hidden}.report-bar i{display:block;height:100%;border-radius:999px;background:var(--primary)}.report-bar i[style*="--ri:1"]{background:color-mix(in srgb,var(--primary) 65%,#22c55e)}.report-bar i[style*="--ri:2"]{background:color-mix(in srgb,var(--primary) 55%,#f59e0b)}.report-bar i[style*="--ri:3"]{background:color-mix(in srgb,var(--primary) 55%,#8b5cf6)}.report-bar i[style*="--ri:4"]{background:color-mix(in srgb,var(--primary) 45%,#0ea5e9)}.report-bar b{text-align:right}
.report-summary-list{display:grid}.report-summary-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:9px}.report-summary-list>div:first-child{border-top:0}.report-summary-list span{color:var(--muted)}.report-summary-list b{text-align:right}
.report-table-actions{display:flex;gap:7px}.btn.small{padding:7px 9px;font-size:9px}.report-table-wrap{max-height:530px}.report-table-wrap table{min-width:900px}.report-table-wrap th{position:sticky;top:0;z-index:2;background:var(--panel)}
.report-empty{padding:28px;text-align:center;color:var(--muted);font-size:10px}
.custom-report-builder{padding:18px;border-radius:17px}.custom-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-step{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px}.custom-step>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:white;font-weight:900;font-size:10px}.custom-step>div{display:grid;gap:7px}.custom-step b{font-size:10px}.custom-checks{display:flex;gap:7px;flex-wrap:wrap}.custom-checks label{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;font-size:8px}.custom-builder-note{display:flex;gap:8px;align-items:flex-start;margin:13px 0;padding:11px;border-radius:11px;background:color-mix(in srgb,var(--primary) 7%,var(--panel));color:var(--muted);font-size:9px}.custom-builder-note i{color:var(--primary)}
html[data-theme="neo-glass"] .report-card,html[data-theme="neo-glass"] .report-kpi,html[data-theme="neo-glass"] .report-filters,html[data-theme="neo-glass"] .report-chart-card,html[data-theme="neo-glass"] .report-summary-card,html[data-theme="neo-glass"] .report-table-card{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html[data-animations="on"] .report-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme="crimson-pulse"][data-animations="on"] .report-card:hover .report-card-icon{animation:ccCrimsonPress .32s ease}
html[data-animations="off"] .report-card{transition:none!important;transform:none!important}
@media(max-width:1200px){.report-grid{grid-template-columns:repeat(3,1fr)}.report-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,1fr)}.report-main-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.report-filter.wide{grid-column:1/-1}.custom-builder-grid{grid-template-columns:1fr}}
@media(max-width:600px){.report-grid,.report-kpis{grid-template-columns:1fr}.reports-search{align-items:stretch;flex-direction:column}.report-search-box{min-width:0}.report-open-head{display:grid}.report-filters{grid-template-columns:1fr}.report-filter.wide{grid-column:auto}.report-panel-head{flex-direction:column}.report-table-actions{width:100%;flex-wrap:wrap}.report-bar{grid-template-columns:90px 1fr 36px}}
@media print{
  /* v63: la vista SPA no es el documento imprimible.
     La impresión oficial se genera en una ventana/documento dedicado. */
  body:not(.report-print-document) .sidebar,
  body:not(.report-print-document) .topbar{display:block}
}
@media(prefers-reduced-motion:reduce){.report-card{transition:none!important;transform:none!important}}


/* ===== Reportes específicos y filtros reales v61 ===== */
.report-filters-dynamic{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}
.report-filter-actions{display:flex;gap:8px;align-items:center;grid-column:auto}
.report-breakdown{display:grid;gap:10px}
.report-breakdown>div{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:9px}
.report-breakdown>div:first-child{border-top:0}.report-breakdown i{width:9px;height:9px;border-radius:50%;background:var(--legend)}.report-breakdown span{color:var(--muted)}.report-breakdown b{font-size:11px}
.report-card-copy small{line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.report-filter-actions{grid-column:1/-1}.report-filter-actions .btn{flex:1}}

/* === Modal contenido del aula (estudiante) === */
.classroom-content-item.clickable{cursor:pointer;width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:left;padding:12px 14px;border-radius:10px;transition:background .15s}
.classroom-content-item.clickable:hover{background:rgba(0,0,0,.04)}
.classroom-content-item.clickable .classroom-content-arrow{margin-left:auto;color:#8a93a6;transition:transform .15s}
.classroom-content-item.clickable:hover .classroom-content-arrow{transform:translateX(3px)}
.classroom-modal{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;padding:20px}
.classroom-modal-backdrop{position:absolute;inset:0;background:rgba(10,12,20,.55);backdrop-filter:blur(2px)}
.classroom-modal-card{position:relative;background:#fff;border-radius:16px;max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.classroom-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid #eaeef4}
.classroom-modal-head small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#7a8599;margin-bottom:4px}
.classroom-modal-head h3{margin:0;font-size:20px;line-height:1.3;color:#1b2333}
.classroom-modal-close{background:none;border:0;font-size:26px;line-height:1;color:#7a8599;cursor:pointer;padding:2px 6px;border-radius:8px}
.classroom-modal-close:hover{color:#1b2333;background:#f1f4f9}
.classroom-modal-body{padding:20px 24px;overflow-y:auto}
.classroom-content-rendered p{margin:0 0 10px;line-height:1.6;color:#333c4e}
.classroom-modal-link i,.classroom-modal-sub i{margin-right:6px;color:#2e7d32}
.classroom-modal-sub{margin:16px 0 10px;font-size:14px;color:#1b2333;display:flex;align-items:center}
.classroom-modal-actions{padding:14px 24px;border-top:1px solid #eaeef4;display:flex;justify-content:flex-end;background:#fafbfd}
@media (prefers-color-scheme:dark){.classroom-modal-card{background:#1c2230;color:#e8eef7}.classroom-modal-head,.classroom-modal-actions{border-color:#2c3447}.classroom-modal-head h3{color:#f2f6fd}.classroom-modal-close{color:#a7b0c3}.classroom-modal-content-rendered p,.classroom-content-rendered p{color:#c9d2e2}.classroom-modal-sub{color:#e6edf8}.classroom-content-item.clickable:hover{background:rgba(255,255,255,.05)}}

/* ==== Editor de contenido por bloques (instructor) ==== */
.modal-wide .crud-modal-card{max-width:840px;width:100%}
.crud-modal-card form{padding:20px 24px;max-height:80vh;overflow:auto}
.blk-modal .crud-modal-card{max-width:860px}
.f-title label,.crud-modal-card label{display:grid;gap:6px;font-size:13px;font-weight:750;margin-bottom:12px}
.f-title input[type=text],.crud-modal-card input[type=text],.crud-modal-card input:not([type=checkbox]):not([type=radio]),.crud-modal-card select{padding:11px 12px;border:1px solid #d7dce5;border-radius:11px;width:100%}
.f-title input{margin-bottom:12px}
.f-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}
.f-row label{display:grid;min-width:150px;margin:0}
.f-row .chk{display:flex;align-items:center;min-width:auto;gap:8px;font-weight:650}
.f-row .chk input{width:auto;margin:0}
.blk-editor{border:1px solid #e3e8f0;border-radius:14px;padding:14px;background:#fafbfd;display:grid;gap:12px}
.blk-empty{color:var(--muted);text-align:center;padding:16px;font-size:14px}
.blk{background:#fff;border:1px solid #e6eaf0;border-radius:12px;overflow:hidden;transition:border-color .15s}
.blk:focus-within,.blk:hover{border-color:#c7d3ff}
.blk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:#f4f6fb;border-bottom:1px solid #edf0f6}
.blk-type{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:750}
.blk-actions{display:flex;gap:3px;align-items:center}
.blk-ico{border:0;background:transparent;width:24px;height:24px;border-radius:7px;cursor:pointer;color:#64748b;font-size:14px;line-height:1;display:grid;place-items:center}
.blk-ico:hover{background:#e7ebf4;color:#1b2333}
.blk-ico.danger:hover{background:#ffe9e9;color:#b42318}
.blk-field,.blk-list{width:calc(100% - 24px)!important;margin:12px!important}
.blk-field{resize:vertical;min-height:auto}
.blk input.blk-field{height:auto;padding:10px 12px;border:1px solid #e3e8f0;border-radius:10px;font-size:15px}
.blk textarea.blk-field{min-height:70px;padding:10px 12px;border:1px solid #e3e8f0;border-radius:10px;font-size:14px;line-height:1.5}
.blk-list{display:grid;gap:8px}
.blk-list-item{display:flex;gap:8px;align-items:center}
.blk-list-item input{flex:1;padding:9px 11px;border:1px solid #e3e8f0;border-radius:9px}
.blk-ico.danger{color:#d13a3a}
.blk-additem{border:1px dashed #c7d3ff;background:#fff;color:#3758f9;padding:7px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700}
.blk-additem:hover{background:#eef2ff}
.blk-palette{border-top:1px solid #edf0f6;padding-top:12px;display:grid;gap:8px}
.blk-palette>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:750}
.blk-palette>div{display:flex;flex-wrap:wrap;gap:8px}
.blk-add{display:inline-flex;gap:7px;align-items:center;border:1px solid #e0e6ef;background:#fff;color:#344054;padding:8px 13px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;transition:.15s}
.blk-add:hover{border-color:#3758f9;color:#3758f9;background:#f6f8ff}
.blk-add i{color:#3758f9}
@media(prefers-color-scheme:dark){.blk-editor,.blk{background:#252c3c;border-color:#2c3447}.blk-bar,.blk-palette{background:#2a3245;border-color:#37415a}.blk-field,.blk-list-item input{border-color:#3a445e;background:#1c2230;color:#e6edf8}.blk-empty,.blk-type{color:#9aa6bd}.blk-add,.blk-additem{background:#1c2230;border-color:#3a4a6e;color:#c6cfe2}}

/* ==== Modal lección estilo academia (estudiante) ==== */
.ac-modal{position:fixed;inset:0;z-index:7000;display:flex;align-items:center;justify-content:center;padding:24px}
.ac-modal-backdrop{position:absolute;inset:0;background:rgba(8,10,18,.62);backdrop-filter:blur(3px)}
.ac-modal-card{position:relative;background:#fff;border-radius:18px;width:100%;max-width:860px;height:88vh;max-height:880px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.ac-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #eaeef4;background:#fbfcfe;flex:0 0 auto}
.ac-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;color:#7a8599;min-width:0}
.ac-breadcrumb i{font-size:10px;color:#b6bfd0}
.ac-breadcrumb b{color:#1b2333;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-modal-x{border:0;background:#eef1f7;width:34px;height:34px;border-radius:10px;color:#5a6478;font-size:16px;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.ac-modal-x:hover{background:#e2e7f1;color:#1b2333}
.ac-modal-scroll{flex:1 1 auto;overflow-y:auto}
.ac-hero{padding:34px 44px 22px;color:#fff;background:linear-gradient(135deg,#17233a 0%,#232f4b 100%);border-bottom:4px solid #3758f9}
.ac-hero h2{margin:10px 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.01em}
.ac-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);padding:5px 12px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:750}
.ac-meta{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ac-meta span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#d9e0ee}.ac-meta i{color:#8ec2ff}
.ac-body{padding:28px 44px 60px}
.ac-rendered{font-size:16px;line-height:1.75;color:#2c3447}
.ac-rendered h1,.ac-rendered h2,.ac-rendered h3{margin:1.2em 0 .5em;line-height:1.3;color:#17233a}
.ac-rendered p{margin:.6em 0 1em}
.ac-rendered ul,.ac-rendered ol{margin:.6em 0 1em;padding-left:1.4em}
.ac-rendered blockquote{border-left:4px solid #3758f9;background:#f3f6ff;margin:1em 0;padding:12px 18px;border-radius:0 10px 10px 0;color:#3c4661;font-style:italic}
.ac-rendered img{max-width:100%;height:auto;border-radius:10px}
.ac-rendered table{border-collapse:collapse;width:100%;margin:1em 0}
.ac-rendered td,.ac-rendered th{border:1px solid #e3e8f0;padding:9px 12px}
.ac-rendered th{background:#f4f6fb}
.ac-empty{color:#8a93a6;font-style:italic;text-align:center;padding:26px}
.ac-external{display:flex;align-items:center;gap:8px;background:#f0f6ff;padding:12px 16px;border-radius:12px;margin:18px 0}
.ac-external a{color:#2f54d0;font-weight:700}
.ac-mat-title{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:17px;color:#17233a;padding-top:20px;border-top:1px solid #edf0f6}
.ac-modal-material{display:flex;align-items:center;gap:12px;border:1px solid #e6eaf0;border-radius:13px;padding:12px 14px;margin-bottom:10px}
.ac-mat-ic{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#3758f9;font-size:19px}
.ac-mat-info{flex:1;min-width:0}.ac-mat-info b{display:block;font-size:14px;color:#1b2333}.ac-mat-info small{color:#8a93a6;font-size:12px}
.ac-mat-btn{display:inline-flex;gap:6px;align-items:center;border:1px solid #c9d4f5;background:#fff;color:#2f54d0;padding:8px 13px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}
.ac-mat-btn:hover{background:#f0f4ff}
.ac-modal-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;border-top:1px solid #eaeef4;background:#fafbfd}
.ac-primary{background:linear-gradient(135deg,#3758f9,#4d5cf9);color:#fff;border:0;border-radius:11px;padding:10px 22px;font-weight:750;cursor:pointer}
.ac-nav-btn{display:inline-flex;gap:7px;align-items:center;border:1px solid #dfe4ee;background:#fff;color:#5a6478;padding:9px 15px;border-radius:11px;cursor:pointer;font-size:13px;font-weight:700}
.ac-nav-btn:hover:not(:disabled){border-color:#3758f9;color:#3758f9}
.ac-nav-btn:disabled{opacity:.4;cursor:default}
.ac-nav-btn.right{margin-left:auto}
@media(prefers-color-scheme:dark){.ac-modal-card{background:#1b2230;color:#e6edf8}.ac-modal-top,.ac-modal-foot{background:#202735;border-color:#2c3447}.ac-breadcrumb b{color:#eef2fb}.ac-body .ac-rendered,.ac-rendered p,.ac-rendered li{color:#cdd6e4}.ac-rendered h1,.ac-rendered h2,.ac-rendered h3,.ac-mat-title{color:#f0f4fc}.ac-ax .ac-modal-x{background:#2a3245;color:#b9c3d6}.ac-rendered td,.ac-rendered th{border-color:#333c52}.ac-rendered th{background:#262e41}.ac-modal-material{border-color:#2e374d;background:#1f2636}.ac-mat-info b{color:#eef2fb}.ac-nav-btn,.ac-mat-btn{background:#242c3d;border-color:#3a445e;color:#cfd8ea}.ac-nav-btn:hover:not(:disabled){border-color:#6b82ff;color:#9db2ff}}
@media(max-width:600px){.ac-modal{padding:8px}.ac-modal-card{height:96vh;border-radius:14px}.ac-hero{padding:22px 20px}.ac-body{padding:20px}}

/* ==== Progreso secuencial del estudiante (bloqueo por módulo/capítulo) ==== */
.classroom-progress{
  margin-top:18px;
  max-width:560px;
  display:grid;
  gap:7px;
}
.classroom-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.classroom-progress-head > b{font-size:12px;color:#344054;font-weight:800;white-space:nowrap}
.classroom-progress-label{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;font-weight:800;letter-spacing:.05em;color:#667085;text-transform:uppercase
}
.classroom-progress-label i{color:#2e7d32}
.classroom-progress-track{
  height:10px;border-radius:999px;background:#e7ebf3;overflow:hidden
}
.classroom-progress-fill{
  height:100%;border-radius:999px;
  background:linear-gradient(90deg,#2f9e44,#40c057);
  transition:width .4s ease
}
.classroom-progress-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.classroom-progress-foot small{color:var(--muted);font-size:11px;font-weight:700}
.classroom-progress-foot small.classroom-progress-done{color:#2f9e44;display:inline-flex;align-items:center;gap:5px}
html[data-theme] .classroom-progress .classroom-progress-track{background:var(--line)}

/* módulo bloqueado / completado */
.classroom-module.is-locked{opacity:.82}
.classroom-module.is-locked .classroom-module-head{background:#fbfbfc}
.classroom-module-state{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:19px}
.classroom-module-state.is-locked{background:#eef0f4;color:#8a93a6}
.classroom-module-state.is-completed{background:#e7f6ec;color:#2f9e44}
.classroom-module.is-locked .classroom-module-head,
.classroom-module.is-completed .classroom-module-head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}
.classroom-module-state-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.classroom-module-state-pill.is-locked{background:#e8ebef;color:#5a6478}
.classroom-module-state-pill.is-completed{background:#e7f6ec;color:#1e7b34}
.classroom-module.is-locked .classroom-module-head small,
.classroom-module.is-locked .classroom-module-head h3,
.classroom-module.is-locked .classroom-module-head p{color:#9aa3b2}
.classroom-module .classroom-module-lock-note{
  display:flex;align-items:center;gap:8px;margin:2px 0 4px;padding:9px 12px;border-radius:10px;
  background:#f4f5f7;color:#8a93a6;font-size:11px;font-weight:650
}
.classroom-module .classroom-module-lock-note i{color:#98a2b3}

/* filas de contenido por estado */
.classroom-content-item.button-like{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:12px 2px;border:0;border-bottom:1px solid #edf0f4;
  text-align:left;background:transparent;border-radius:10px;cursor:default
}
.classroom-content-item.button-like.is-locked{opacity:.68}
.classroom-content-item.button-like.is-locked .classroom-content-icon{color:#98a2b3;background:#f0f2f5}
.classroom-content-item.button-like.is-completed .classroom-content-icon{color:#2f9e44;background:#e7f6ec}
.classroom-content-item .classroom-content-state{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.classroom-content-item .classroom-content-state.is-locked{color:#98a2b3;font-size:15px}
.classroom-content-item .classroom-content-state.is-completed{color:#2f9e44;font-size:11px;font-weight:800}
.classroom-content-item .classroom-content-state.is-completed em{font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:.04em}
@media(max-width:760px){
  .classroom-module.is-locked .classroom-module-head,
  .classroom-module.is-completed .classroom-module-head{grid-template-columns:48px minmax(0,1fr)}
  .classroom-module-state-pill{grid-column:2;width:max-content;margin-top:-2px}
}

/* botón central del modal secuencia */
.ac-done-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:0;border-radius:11px;padding:10px 20px;font-weight:750;cursor:pointer;
  color:#fff;background:linear-gradient(135deg,#3758f9,#4d5cf9);transition:filter .15s
}
.ac-done-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.25)}
.ac-done-btn:not(:disabled):hover{filter:brightness(1.07)}
.ac-done-btn.is-done:disabled{opacity:1;cursor:default;background:linear-gradient(135deg,#2f9e44,#40c057);filter:none;gap:8px}
.ac-done-btn.is-busy{cursor:wait}
@media(max-width:600px){.ac-done-btn{padding:9px 13px;font-size:12px}}

/* El centro de publicación prevalece sobre el límite general de .modal-wide. */
@media(min-width:761px){
  .crud-modal.publication-modal.modal-wide{padding:1.5vh .5vw}
  .crud-modal.publication-modal.modal-wide .crud-modal-card{
    width:99vw!important;
    max-width:none!important;
    height:97vh!important;
    max-height:97vh!important
  }
}

/* Marca: logotipo con punto (sidebar expandido), icono O con E (colapsado) y pantalla de carga tras el login */
.brand-icon{display:none;flex:0 0 auto;color:inherit}
.brand-word{display:flex!important;align-items:center;gap:10px;font-size:28px;line-height:1.1;letter-spacing:-.02em;font-weight:800}
.brand-dot{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:#ff6b57}
.brand-text small{margin-top:4px}
@media(min-width:981px){html[data-sidebar="contraido"] .sidebar .brand-icon{display:block}}
.login-splash{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#0f172a;color:#fff;opacity:1;transition:opacity .35s}
.login-splash.out{opacity:0}
.login-splash .brand-word{font-size:clamp(34px,6vw,52px)}
.login-splash .brand-dot{width:clamp(18px,3vw,26px);height:clamp(18px,3vw,26px)}
.login-splash-bar{width:min(280px,70vw);height:6px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.login-splash-bar>span{display:block;height:100%;width:0;border-radius:inherit;background:#ff6b57;transition:width .25s ease-out}