/* INTDERMAQBI 3.0.25 - Tema corporativo para empresa de capacitación */
:root{
  --qbi-training-navy:#123454;
  --qbi-training-blue:#1769aa;
  --qbi-training-blue-dark:#0f4f82;
  --qbi-training-sky:#eaf3fb;
  --qbi-training-surface:#f5f8fc;
  --qbi-training-gold:#f2a429;
  --qbi-training-text:#25364a;
  --qbi-training-muted:#65758a;
  --qbi-training-line:#d8e2ee;
  --qbi-training-success:#24875b;
  --qbi-training-radius:14px;
  --qbi-training-shadow:0 10px 28px rgba(18,52,84,.10);
}

/* Panel administrativo LMS */
body .qbi-lms-admin{color:var(--qbi-training-text)}
body .qbi-admin-head,body .qbi-hero{background:linear-gradient(120deg,var(--qbi-training-navy),var(--qbi-training-blue))!important;border-radius:var(--qbi-training-radius)!important;box-shadow:var(--qbi-training-shadow)!important}
body .qbi-admin-head span,body .qbi-kicker{color:#bfe2ff!important}
body .qbi-admin-head p,body .qbi-hero p{color:#e3edf7!important}
body .qbi-hero:after{background:radial-gradient(circle,rgba(242,164,41,.32),transparent 62%)!important}
body .qbi-btn.primary,body button.qbi-btn.primary,body .qbi-front-btn{background:var(--qbi-training-blue)!important;color:#fff!important;border-color:var(--qbi-training-blue)!important}
body .qbi-btn.primary:hover,body .qbi-front-btn:hover{background:var(--qbi-training-blue-dark)!important}
body .qbi-btn:not(.primary):not(.danger){background:#edf3f8!important;color:var(--qbi-training-navy)!important}
body .qbi-panel,body .qbi-stat,body .qbi-course-card,body .qbi-api-card,body .qbi-toolbar,body .qbi-course-admin-card{border-color:var(--qbi-training-line)!important;border-radius:var(--qbi-training-radius)!important;box-shadow:var(--qbi-training-shadow)!important}
body .qbi-thumb,body .qbi-front-thumb{background:linear-gradient(135deg,var(--qbi-training-navy),var(--qbi-training-blue))!important}
body .qbi-bar i,body .qbi-front-bar i{background:var(--qbi-training-blue)!important}
body .qbi-details summary,body .qbi-live-pill,body .qbi-api-card span{background:var(--qbi-training-sky)!important;color:var(--qbi-training-blue-dark)!important}
body .qbi-lms-platform-shell .main-sidebar{background:#fff!important;border-right:1px solid var(--qbi-training-line)!important}
body .qbi-lms-platform-shell .nav-sidebar>.nav-item>.nav-link.active{background:var(--qbi-training-blue)!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,105,170,.24)!important}
body .qbi-lms-platform-shell .nav-sidebar>.nav-item>.nav-link:hover{background:var(--qbi-training-sky)!important;color:var(--qbi-training-blue-dark)!important}
body .qbi-lms-platform-shell .content-wrapper{background:var(--qbi-training-surface)!important}
body .qbi-role-pill,body .qbi-panel-title a{color:var(--qbi-training-blue)!important}
body .qbi-modal-head,body .qbi-video-top{background:linear-gradient(120deg,var(--qbi-training-navy),var(--qbi-training-blue))!important}
body .qbi-modal-dialog,body .qbi-video-dialog{border-radius:var(--qbi-training-radius)!important}
body .qbi-progress-ring{background:conic-gradient(var(--qbi-training-gold) 0 75%,#31506c 0 100%)!important}
body .qbi-student-tabs a.active{background:var(--qbi-training-blue)!important;color:#fff!important;border-color:var(--qbi-training-blue)!important}
body .qbi-student-hero,body .qbi-front-head{background:linear-gradient(120deg,var(--qbi-training-navy),var(--qbi-training-blue))!important;border-radius:var(--qbi-training-radius)!important}
body .qbi-certificate-card{background:linear-gradient(135deg,#fff,var(--qbi-training-sky))!important;border-color:#bed7ec!important}

/* Web pública institucional */
body .idqbi-shell{
  --idqbi-primary:var(--qbi-training-blue)!important;
  --idqbi-primary-dark:var(--qbi-training-blue-dark)!important;
  --idqbi-secondary:var(--qbi-training-navy)!important;
  --idqbi-accent:var(--qbi-training-gold)!important;
  --idqbi-soft:var(--qbi-training-sky)!important;
  --idqbi-soft2:var(--qbi-training-surface)!important;
  --idqbi-text:var(--qbi-training-text)!important;
  --idqbi-muted:var(--qbi-training-muted)!important;
  --idqbi-line:rgba(18,52,84,.14)!important;
  --idqbi-shadow:var(--qbi-training-shadow)!important;
  --idqbi-radius:var(--qbi-training-radius)!important;
  background:#fff!important;
}
body .idqbi-topbar{background:var(--qbi-training-navy)!important}
body .idqbi-header{background:#fff!important;backdrop-filter:none!important;box-shadow:0 4px 16px rgba(18,52,84,.08)!important}
body .idqbi-menu a,body .idqbi-menu button{text-transform:none!important;letter-spacing:0!important;border-radius:8px!important;color:var(--qbi-training-text)!important}
body .idqbi-menu a:hover,body .idqbi-menu .active{background:var(--qbi-training-sky)!important;color:var(--qbi-training-blue-dark)!important}
body .idqbi-cta-small,body .idqbi-btn-primary{background:var(--qbi-training-blue)!important;box-shadow:0 8px 18px rgba(23,105,170,.22)!important}
body .idqbi-cta-small:hover,body .idqbi-btn-primary:hover{background:var(--qbi-training-blue-dark)!important}
body .idqbi-hero{min-height:620px!important;background:var(--qbi-training-navy)!important}
body .idqbi-hero-bg{background:linear-gradient(115deg,var(--qbi-training-navy),var(--qbi-training-blue))!important}
body .idqbi-hero-bg:after{background:linear-gradient(90deg,rgba(18,52,84,.96),rgba(18,52,84,.72),rgba(23,105,170,.35))!important}
body .idqbi-hero-content{min-height:620px!important}
body .idqbi-shell h1,body .idqbi-shell h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.025em!important}
body .idqbi-shell h1{font-size:clamp(40px,5vw,68px)!important}
body .idqbi-hero-panel{background:rgba(255,255,255,.12)!important;border-radius:var(--qbi-training-radius)!important;backdrop-filter:none!important}
body .idqbi-triad,body .idqbi-panel,body .idqbi-course-card,body .idqbi-mv-card,body .idqbi-logo-card,body .idqbi-content-card{border-radius:var(--qbi-training-radius)!important;border-color:var(--qbi-training-line)!important;box-shadow:var(--qbi-training-shadow)!important}
body .idqbi-triad-icon{background:var(--qbi-training-blue)!important;border-radius:10px!important}
body .idqbi-course-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px rgba(18,52,84,.14)!important}
body .idqbi-course-img{background-color:var(--qbi-training-navy)!important}
body .idqbi-badge,body .idqbi-time-pill{background:var(--qbi-training-sky)!important;color:var(--qbi-training-blue-dark)!important}
body .idqbi-filter.active,body .idqbi-filter:hover,body .idqbi-btn-dark{background:var(--qbi-training-navy)!important;color:#fff!important}
body .idqbi-section-soft{background:var(--qbi-training-surface)!important}
body .idqbi-eyebrow.dark,body .idqbi-values span{color:var(--qbi-training-blue-dark)!important;background:var(--qbi-training-sky)!important}
body .idqbi-video-box{background:linear-gradient(135deg,rgba(18,52,84,.28),rgba(23,105,170,.62)),url("https://institutoiebi.com.ec/wp-content/uploads/2024/08/slideshow3.jpg") center/cover no-repeat!important}
body .idqbi-play{color:var(--qbi-training-blue)!important}
body .idqbi-cta,body .idqbi-teacher{background:linear-gradient(120deg,var(--qbi-training-navy),var(--qbi-training-blue))!important;border-radius:var(--qbi-training-radius)!important}
body .idqbi-footer{background:var(--qbi-training-navy)!important}
body .idqbi-wa-float{background:var(--qbi-training-success)!important;border-radius:10px!important}
body .idqbi-admission-form input,body .idqbi-admission-form select,body .idqbi-admission-form textarea{border-radius:8px!important;border-color:var(--qbi-training-line)!important}
body .idqbi-admission-form input:focus,body .idqbi-admission-form select:focus,body .idqbi-admission-form textarea:focus{border-color:var(--qbi-training-blue)!important;box-shadow:0 0 0 3px rgba(23,105,170,.12)!important}

/* Tema alterno heredado qbi2: simplificación corporativa */
body.qbi2-isolated-home,body.qbi2-fullbleed-body{background:var(--qbi-training-surface)!important}
body .qbi2-site{--qbi2-bg:var(--qbi-training-navy)!important;--qbi2-bg2:var(--qbi-training-blue-dark)!important;--qbi2-cyan:var(--qbi-training-blue)!important;--qbi2-cyan2:#bfe2ff!important;--qbi2-orange:var(--qbi-training-gold)!important;--qbi2-radius:var(--qbi-training-radius)!important;background:linear-gradient(145deg,var(--qbi-training-navy),var(--qbi-training-blue-dark))!important}
body .qbi2-site:before,body .qbi2-orbital{display:none!important}
body .qbi2-nav{border-radius:var(--qbi-training-radius)!important;background:rgba(255,255,255,.96)!important;border-color:rgba(18,52,84,.12)!important;box-shadow:var(--qbi-training-shadow)!important}
body .qbi2-brand-copy strong,body .qbi2-nav-links a{color:var(--qbi-training-text)!important}
body .qbi2-brand-copy small{color:var(--qbi-training-muted)!important}
body .qbi2-nav-links a:hover{background:var(--qbi-training-sky)!important;color:var(--qbi-training-blue-dark)!important}
body .qbi2-btn{background:var(--qbi-training-blue)!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important}
body .qbi2-btn-orange{background:var(--qbi-training-gold)!important;color:var(--qbi-training-navy)!important}

@media(max-width:760px){
  body .idqbi-menu{border-radius:var(--qbi-training-radius)!important}
  body .idqbi-hero{min-height:auto!important}
  body .idqbi-hero-content{min-height:auto!important;padding:56px 0 88px!important}
}

/* INTDERMAQBI 3.0.26 · Calificaciones, velocidad y gamificación */
.qbi-grade-toolbar{align-items:flex-end}.qbi-grade-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr);gap:12px;flex:1}.qbi-grade-filters label{font-weight:800;color:#1e293b}.qbi-grade-filters select{display:block;width:100%;margin-top:6px}.qbi-grade-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.qbi-grade-summary>span,.qbi-grade-summary>small{background:#fff;border:1px solid #dbe4ee;border-radius:10px;padding:10px 13px;color:#475569}.qbi-grade-summary .ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.qbi-grade-summary .warn{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.qbi-grade-sheet-wrap{position:relative}.qbi-grade-scroll{overflow:auto;max-height:calc(100vh - 360px);min-height:320px;border:1px solid #dbe4ee;border-radius:12px}.qbi-grade-sheet{border-collapse:separate;border-spacing:0;min-width:1100px;width:100%;background:#fff}.qbi-grade-sheet th,.qbi-grade-sheet td{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:8px;vertical-align:middle}.qbi-grade-sheet th{position:sticky;top:0;z-index:4;background:#eaf2f8;color:#17324d;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.qbi-grade-sheet .sticky-col{position:sticky;left:0;z-index:3;background:#fff}.qbi-grade-sheet th.sticky-col{z-index:6;background:#eaf2f8}.qbi-grade-sheet .student-col{min-width:230px}.qbi-grade-sheet .student-col b,.qbi-grade-sheet .student-col small{display:block}.qbi-grade-sheet .student-col small{font-size:11px;color:#64748b;margin-top:3px}.qbi-grade-sheet .comment-col{min-width:260px}.qbi-grade-sheet input{width:100%;min-width:105px;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;background:#fff;box-sizing:border-box;transition:.18s}.qbi-grade-sheet input:focus{outline:0;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.14)}.qbi-grade-sheet input.is-saving{background:#fff7ed}.qbi-grade-sheet input.is-saved{background:#ecfdf5;border-color:#34d399}.qbi-grade-sheet input.is-error{background:#fef2f2;border-color:#ef4444}.qbi-grade-head{position:relative;min-width:125px;padding-right:24px}.qbi-grade-head b,.qbi-grade-head small{display:block}.qbi-grade-head small{font-weight:600;color:#64748b;text-transform:none;margin-top:2px}.qbi-grade-edit{position:absolute;right:0;top:0;border:0;background:transparent;color:#0284c7;cursor:pointer;font-size:15px}.qbi-grade-average{display:inline-block;min-width:68px;text-align:center;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 9px}.qbi-grade-status{position:absolute;right:20px;top:12px;z-index:8;font-size:12px;font-weight:800}.qbi-grade-status.saving{color:#c2410c}.qbi-grade-status.saved{color:#047857}.qbi-grade-status.error{color:#b91c1c}
.qbi-student-grade-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border-bottom:1px solid #e2e8f0}.qbi-student-grade-head span{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:800}.qbi-student-grade-head h3{margin:3px 0 0}.qbi-student-grade-head>strong{font-size:26px;color:#0f4c81}.qbi-student-grade-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;border-bottom:1px solid #eef2f7}.qbi-student-grade-list>div:last-child{border-bottom:0}.qbi-student-grade-list small{display:block;color:#64748b;margin-top:3px}
.qbi-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.qbi-reward-rule-card{background:#fff;border:1px solid #dbe4ee;border-radius:14px;padding:18px;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(15,23,42,.05)}.qbi-reward-rule-card h3{margin:3px 0 5px}.qbi-reward-rule-card p,.qbi-reward-rule-card small{margin:0;color:#64748b}.qbi-reward-rule-card>div>span{font-size:11px;font-weight:900;text-transform:uppercase;color:#0f4c81}.qbi-reward-icon{width:56px;height:56px;border-radius:14px;background:#fff7ed;display:grid;place-items:center;font-size:30px}.qbi-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qbi-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.qbi-wallet-grid>div{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:14px;padding:18px}.qbi-wallet-grid span{display:block;color:#475569;font-weight:800}.qbi-wallet-grid strong{display:block;font-size:30px;color:#0f4c81;margin-top:8px}.qbi-student-reward-list{display:grid;gap:10px}.qbi-student-reward-list article{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:13px}.qbi-earned-icon{width:46px;height:46px;display:grid;place-items:center;background:#fff7ed;border-radius:12px;font-size:25px}.qbi-student-reward-list small{display:block;color:#64748b;margin-top:3px}.qbi-student-reward-list article>strong{color:#047857;font-size:18px}
.qbi-video-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-top:1px solid rgba(148,163,184,.25);border-bottom:1px solid rgba(148,163,184,.25);background:#f8fafc}.qbi-video-tools label{display:flex;align-items:center;gap:9px;font-weight:800;color:#1e293b}.qbi-video-tools select{width:auto;min-width:125px;padding:8px 30px 8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.qbi-video-tools small{color:#64748b;text-align:right}
@media(max-width:980px){.qbi-reward-grid{grid-template-columns:1fr}.qbi-four{grid-template-columns:repeat(2,minmax(0,1fr))}.qbi-wallet-grid{grid-template-columns:1fr}.qbi-grade-filters{grid-template-columns:1fr}.qbi-video-tools{align-items:flex-start;flex-direction:column}.qbi-video-tools small{text-align:left}}
@media(max-width:600px){.qbi-four{grid-template-columns:1fr}.qbi-reward-rule-card{grid-template-columns:50px 1fr}.qbi-reward-rule-card .qbi-row-actions{grid-column:1/-1}.qbi-grade-scroll{max-height:none}.qbi-grade-sheet .student-col{min-width:190px}}


/* INTDERMAQBI 3.0.27 · Modal de video compacto y controles alineados */
.qbi-video-top{min-height:48px;padding:8px 14px!important;gap:12px}.qbi-video-titleline{display:flex;align-items:center;gap:10px;min-width:0}.qbi-video-titleline span{margin:0;white-space:nowrap;font-size:10px!important;letter-spacing:.1em}.qbi-video-titleline h3{margin:0!important;font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qbi-video-top>button{width:34px!important;height:34px!important;border-radius:10px!important;font-size:23px!important;flex:0 0 auto}.qbi-video-controlbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px 14px;border-top:1px solid rgba(148,163,184,.25);background:#f8fafc}.qbi-video-controlbar .qbi-video-tools{flex:1;min-width:0;padding:0;border:0;background:transparent;justify-content:flex-start}.qbi-video-controlbar .qbi-video-tools small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.qbi-video-controlbar .qbi-video-actions{padding:0;flex:0 0 auto;flex-wrap:nowrap}.qbi-video-controlbar .qbi-video-actions .qbi-front-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.qbi-video-links:empty{display:none}.qbi-video-links:not(:empty){padding:10px 16px 0}
@media(max-width:760px){.qbi-video-titleline{align-items:flex-start;flex-direction:column;gap:1px}.qbi-video-titleline h3{font-size:16px!important}.qbi-video-controlbar{align-items:stretch;flex-direction:column}.qbi-video-controlbar .qbi-video-tools{align-items:flex-start;flex-direction:column}.qbi-video-controlbar .qbi-video-tools small{white-space:normal}.qbi-video-controlbar .qbi-video-actions{display:grid;grid-template-columns:1fr 1.5fr;width:100%}.qbi-video-controlbar .qbi-video-actions button{width:100%}}

/* INTDERMAQBI 3.0.29 · Suscripciones y estados de pago */
.qbi-subscription-expiry{border-left:4px solid #f59e0b;background:#fffbeb;color:#7c2d12;padding:12px 14px;border-radius:8px;margin:12px 0}.qbi-notification-item .fa-hourglass-half{color:#f59e0b}.qbi-four{align-items:end}
