/* SYM Capacitaciones · V90 — only main content, not the global menu */
.cap-revamp-v90{--xp-blue:#1168dd;--xp-deep:#12336d;--xp-muted:#7384a0;--xp-line:#dce8f6;--xp-surface:#fff;--xp-shadow:0 10px 28px rgba(30,69,132,.065);color:#273b55}
body.theme-work .container.cap-revamp-v90{width:min(1370px,calc(100% - 44px));margin-top:22px}
.cap-revamp-v90 h1,.cap-revamp-v90 h2,.cap-revamp-v90 h3{letter-spacing:-.025em}
.cap-revamp-v90 :is(.card,.form,.table-wrap,.xp90-panel){border:1px solid var(--xp-line);box-shadow:var(--xp-shadow);background-color:#fff}
.cap-revamp-v90 :is(.card,.form,.table-wrap){border-radius:20px}
.cap-revamp-v90 :is(.btn,.btn-light){border-radius:12px;min-height:38px}
.cap-revamp-v90 :is(input[type=text],input[type=search],input[type=email],input[type=number],input[type=date],input[type=password],select,textarea):not([type=checkbox]):not([type=radio]){max-width:100%;border-color:#d4e3f4;border-radius:11px;background-color:#fff}
.cap-revamp-v90 :is(input,select,textarea):focus-visible,.cap-revamp-v90 :is(a,button):focus-visible{outline:2px solid #297de7;outline-offset:2px}
.cap-revamp-v90 .hero,.cap-revamp-v90 .course-command-header{border:1px solid #d2e5fc;border-radius:22px;background:linear-gradient(110deg,#fff 0%,#f1f7ff 100%);box-shadow:var(--xp-shadow)}
.cap-revamp-v90 .hero h1{color:#12346f}
.cap-revamp-v90 .hero p{color:#627791}
.cap-revamp-v90 .section-title h2{color:#1b3658}
.cap-revamp-v90 .table-wrap{overflow:auto}
.cap-revamp-v90 .table-wrap th{background:#edf5ff;color:#24508b}
.cap-revamp-v90 .table-wrap td{color:#40546e}
.cap-revamp-v90 .table-wrap tbody tr:nth-child(2n){background:#fcfdff}
.cap-revamp-v90 .table-wrap tbody tr:hover{background:#f4f9ff}
/* Brand-new role-specific dashboards */
.cap-revamp-v90 .xp90-hero{min-height:228px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #cfe2fa;border-radius:24px;background:linear-gradient(112deg,#fff 7%,#f1f7ff 60%,#dbeaff 100%);box-shadow:var(--xp-shadow);padding:27px 32px;margin-bottom:15px}
.cap-revamp-v90 .xp90-hero::before{content:"";position:absolute;left:0;top:17%;bottom:17%;width:5px;background:linear-gradient(#21b5ee,#2046ae);border-radius:0 5px 5px 0}
.cap-revamp-v90 .xp90-hero-copy{position:relative;z-index:1}
.cap-revamp-v90 .xp90-eyebrow{display:inline-block;color:#2165ba;background:#e4f0ff;border-radius:999px;padding:7px 11px;font-weight:900;font-size:10px;letter-spacing:.04em}
.cap-revamp-v90 .xp90-hero h1{margin:13px 0 9px;color:#132f6a;font-size:clamp(27px,3.1vw,40px);font-weight:900;line-height:1.1}
.cap-revamp-v90 .xp90-hero p{max-width:620px;color:#647891;font-size:13px;line-height:1.6;margin:0}
.cap-revamp-v90 .xp90-hero-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.cap-revamp-v90 .xp90-hero-buttons :is(.btn,.btn-light){padding:10px 16px;font-size:12px}
.cap-revamp-v90 .xp90-art{min-width:0;display:flex;justify-content:center;align-items:center;height:180px;pointer-events:none}
.cap-revamp-v90 .xp90-art img{max-width:100%;max-height:230px;filter:drop-shadow(0 8px 15px rgba(29,88,158,.10))}
.cap-revamp-v90 .xp90-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 14px}
.cap-revamp-v90 .xp90-kpi{min-width:0;min-height:106px;display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid var(--xp-line);border-radius:19px;background:#fff;box-shadow:var(--xp-shadow);color:#223a5a;transition:.15s ease}
.cap-revamp-v90 .xp90-kpi:hover{border-color:#9fcbf7;transform:translateY(-2px)}
.cap-revamp-v90 .xp90-kpi-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;background:#e5f1ff;color:#1469d6;font-size:22px;font-weight:900}
.cap-revamp-v90 .xp90-kpi-icon.green,.cap-revamp-v90 .xp90-actions-grid .green{background:#e8f8f1;color:#14956a}
.cap-revamp-v90 .xp90-kpi-icon.violet,.cap-revamp-v90 .xp90-actions-grid .violet{background:#f1ebff;color:#8151cd}
.cap-revamp-v90 .xp90-kpi-icon.amber,.cap-revamp-v90 .xp90-actions-grid .amber{background:#fff4e4;color:#d99024}
.cap-revamp-v90 .xp90-kpi-icon.sky,.cap-revamp-v90 .xp90-actions-grid .sky{background:#e7f7fc;color:#1499b9}
.cap-revamp-v90 .xp90-kpi>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.cap-revamp-v90 .xp90-kpi strong{color:#1967c6;font-size:26px;line-height:1.1}
.cap-revamp-v90 .xp90-kpi div>span{font-size:11px;color:#253d5e;font-weight:900}
.cap-revamp-v90 .xp90-kpi small{font-size:9px;color:#8090a4}
.cap-revamp-v90 .xp90-dashboard-grid{display:grid;grid-template-columns:1.15fr .87fr 1fr;gap:12px;align-items:stretch}
.cap-revamp-v90 .xp90-panel{min-width:0;padding:15px;border-radius:20px}
.cap-revamp-v90 .xp90-course-panel{grid-column:span 2}
.cap-revamp-v90 .xp90-system-panel{grid-column:span 2}
.cap-revamp-v90 .xp90-panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.cap-revamp-v90 .xp90-panel-header>div{display:flex;align-items:center;gap:9px;min-width:0}
.cap-revamp-v90 .xp90-panel-header h2{margin:0;color:#19375e;font-size:16px;line-height:1.2}
.cap-revamp-v90 .xp90-panel-header>a{font-size:10px;color:#066dda;font-weight:900;white-space:nowrap}
.cap-revamp-v90 .xp90-panel-icon{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:11px;background:#e9f3ff;color:#1975df;font-size:18px}
.cap-revamp-v90 .xp90-course-rows,.cap-revamp-v90 .xp90-events,.cap-revamp-v90 .xp90-simple-list,.cap-revamp-v90 .xp90-learning-list{display:grid;gap:0}
.cap-revamp-v90 .xp90-course-line,.cap-revamp-v90 .xp90-events>a,.cap-revamp-v90 .xp90-simple-list>a{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 4px;border-top:1px solid #eaf0f7;color:#284261}
.cap-revamp-v90 .xp90-course-line:first-child,.cap-revamp-v90 .xp90-events>a:first-child,.cap-revamp-v90 .xp90-simple-list>a:first-child{border-top:0}
.cap-revamp-v90 .xp90-course-line:hover,.cap-revamp-v90 .xp90-events>a:hover,.cap-revamp-v90 .xp90-simple-list>a:hover{background:#f8fbff}
.cap-revamp-v90 .xp90-course-symbol{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;background:#e8f2ff;border-radius:10px;color:#1876e0;font-size:19px}
.cap-revamp-v90 .xp90-course-label,.cap-revamp-v90 .xp90-events>a>span:nth-child(2),.cap-revamp-v90 .xp90-simple-list>a>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.cap-revamp-v90 .xp90-course-label strong,.cap-revamp-v90 .xp90-events strong,.cap-revamp-v90 .xp90-simple-list strong{font-size:11px;color:#1f385b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-revamp-v90 .xp90-course-label small,.cap-revamp-v90 .xp90-events small,.cap-revamp-v90 .xp90-simple-list small{font-size:9px;color:#7c8ea4}
.cap-revamp-v90 .xp90-pill{padding:6px 10px;border-radius:999px;background:#eff3f7;color:#63778c;font-size:9px;font-weight:900;white-space:nowrap}
.cap-revamp-v90 .xp90-pill.green{background:#e8f8f0;color:#168866}
.cap-revamp-v90 :is(.xp90-course-line,.xp90-events>a,.xp90-simple-list>a)>b{color:#237cdd;font-size:17px}
.cap-revamp-v90 .xp90-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cap-revamp-v90 .xp90-actions-grid>a{display:grid;gap:5px;padding:12px;border-radius:14px;background:#f9fbff;border:1px solid #e4edf8}
.cap-revamp-v90 .xp90-actions-grid>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f1ff;color:#206bce;font-size:18px}
.cap-revamp-v90 .xp90-actions-grid strong{font-size:11px;color:#254469}
.cap-revamp-v90 .xp90-actions-grid small{font-size:9px;color:#7b8da1}
.cap-revamp-v90 .xp90-calendar-date{width:37px;height:39px;flex:0 0 37px;display:grid;place-items:center;background:#eaf3ff;color:#225fa8;border-radius:10px;font-size:15px;font-weight:900;line-height:1}
.cap-revamp-v90 .xp90-calendar-date small{font-size:8px}
.cap-revamp-v90 .xp90-simple-list>a>span:first-child{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#edf4ff;color:#3476c4;font-size:17px}
.cap-revamp-v90 .xp90-system-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cap-revamp-v90 .xp90-system-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 13px;border-radius:12px;background:#f8fbff;border:1px solid #e6eef8}
.cap-revamp-v90 .xp90-system-list span{color:#728399;font-size:10px}.cap-revamp-v90 .xp90-system-list strong{color:#1a4b85;font-size:11px}
.cap-revamp-v90 .xp90-empty{margin:4px 0;color:#8392a5;font-size:11px;line-height:1.5;padding:10px}
/* Instructor's original course and live-session actions remain untouched */
.cap-revamp-v90 .implementer-home-hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);min-height:235px;padding:28px 32px;border-radius:24px;border-color:#cfdef2;background:linear-gradient(120deg,#fff,#ecf5ff)}
.cap-revamp-v90 .implementer-home-copy h1{color:#15366d;max-width:650px;line-height:1.12}
.cap-revamp-v90 .implementer-home-copy p{font-size:12px;max-width:580px}
.cap-revamp-v90 .implementer-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}
.cap-revamp-v90 .implementer-kpi-grid article{border-radius:18px;min-height:99px;padding:16px;border-color:#deebf6}
.cap-revamp-v90 .implementer-kpi-grid strong{font-size:28px;color:#186dd3}
.cap-revamp-v90 .implementer-action-grid>a{background:#fff;border:1px solid #dceaf7;border-radius:17px;min-height:91px}
.cap-revamp-v90 .implementer-course-card{border-radius:18px;border-color:#dbe7f4;min-height:232px}
.cap-revamp-v90 .implementer-course-card p{font-size:10px}
/* Student home */
.cap-revamp-v90 .xp90-student-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.cap-revamp-v90 .xp90-student-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:13px}
.cap-revamp-v90 .xp90-learning-list>a{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 2px;border-top:1px solid #e8eff7}
.cap-revamp-v90 .xp90-learning-list>a:first-child{border-top:0}
.cap-revamp-v90 .xp90-learning-list>a>div{min-width:0;display:grid;gap:4px}
.cap-revamp-v90 .xp90-learning-list strong{font-size:12px;color:#234267;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-revamp-v90 .xp90-learning-list small{font-size:10px;color:#7f91a5}
.cap-revamp-v90 .xp90-learning-list b{font-size:10px;color:#1365cc;white-space:nowrap}
.cap-revamp-v90 .xp90-progress{height:6px;border-radius:99px;background:#e6eff9;overflow:hidden}
.cap-revamp-v90 .xp90-progress i{display:block;height:100%;background:linear-gradient(90deg,#2bb5f9,#1551bc);border-radius:inherit}
/* Unified secondary pages: no removal of custom academic widgets or controls */
.cap-revamp-v90 :is(.course-command-header,.system-simple-hero-v64,.resource-admin-hero-v36,.user-security-hero-v63,.student-courses-head-v60,.cap-admin-heading,.resource-view-head-v36){box-shadow:var(--xp-shadow)}
.cap-revamp-v90 .cap-admin-v88{--cap-border:#deebfa}
.cap-revamp-v90 .section-title h2,.cap-revamp-v90 .implementer-section-head h2{color:#193b66}
.cap-revamp-v90 :is(.course-kpi-card,.student-course-row-v60,.module-card,.implementer-course-card){box-shadow:0 7px 22px rgba(33,75,130,.06)}
/* Small devices: real responsive stacking, not a scaled desktop table */
@media(max-width:1170px){.cap-revamp-v90 .xp90-kpis,.cap-revamp-v90 .implementer-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cap-revamp-v90 .xp90-dashboard-grid{grid-template-columns:1fr 1fr}.cap-revamp-v90 .xp90-course-panel,.cap-revamp-v90 .xp90-system-panel{grid-column:span 1}}
@media(max-width:800px){body.theme-work .container.cap-revamp-v90{width:100%;padding-left:14px;padding-right:14px;margin-top:15px}.cap-revamp-v90 .xp90-hero,.cap-revamp-v90 .implementer-home-hero{grid-template-columns:1fr;padding:21px;min-height:0}.cap-revamp-v90 .xp90-art{height:125px}.cap-revamp-v90 .xp90-art img{max-height:145px}.cap-revamp-v90 .xp90-dashboard-grid,.cap-revamp-v90 .xp90-student-grid{grid-template-columns:1fr}.cap-revamp-v90 .xp90-kpis,.cap-revamp-v90 .implementer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.cap-revamp-v90 .xp90-hero{padding:18px 17px}.cap-revamp-v90 .xp90-hero h1{font-size:25px}.cap-revamp-v90 .xp90-hero p{font-size:11px}.cap-revamp-v90 .xp90-art{display:none}.cap-revamp-v90 .xp90-kpis,.cap-revamp-v90 .implementer-kpi-grid{gap:8px}.cap-revamp-v90 .xp90-kpi{min-height:88px;padding:11px 9px;gap:8px}.cap-revamp-v90 .xp90-kpi-icon{width:31px;height:31px;flex-basis:31px;font-size:17px}.cap-revamp-v90 .xp90-kpi strong{font-size:21px}.cap-revamp-v90 .xp90-kpi div>span{font-size:9px}.cap-revamp-v90 .xp90-kpi small{font-size:8px}.cap-revamp-v90 .xp90-panel{padding:13px}.cap-revamp-v90 .xp90-panel-header h2{font-size:14px}.cap-revamp-v90 .xp90-system-list{grid-template-columns:1fr}.cap-revamp-v90 .xp90-course-line{gap:7px}.cap-revamp-v90 .xp90-course-line .xp90-pill{display:none}.cap-revamp-v90 .xp90-actions-grid>a{padding:9px}.cap-revamp-v90 .xp90-learning-list>a{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.cap-revamp-v90 .xp90-learning-list b{font-size:9px}.cap-revamp-v90 .xp90-hero-buttons .btn,.cap-revamp-v90 .xp90-hero-buttons .btn-light{flex:1 1 auto}.cap-revamp-v90 .implementer-home-hero{padding:18px}.cap-revamp-v90 .implementer-home-copy h1{font-size:25px}}
@media print{.cap-revamp-v90 .xp90-hero,.cap-revamp-v90 .xp90-panel,.cap-revamp-v90 .xp90-kpi{box-shadow:none!important;break-inside:avoid}.cap-revamp-v90 .xp90-hero-buttons{display:none}}

/* V90 subpages: report and user administration. Forms/POST handlers stay unchanged. */
.cap-revamp-v90 .xp90-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.cap-revamp-v90 .xp90-report-list{margin-top:14px}
.cap-revamp-v90 .xp90-report-list>.table-wrap{box-shadow:none;border-radius:14px}
.cap-revamp-v90 .xp90-muted{color:#798ba0;font-size:11px}
.cap-revamp-v90.cap-page-admin-users>.filter-bar{padding:16px;border:1px solid #dbe7f6;border-radius:18px;box-shadow:0 8px 25px rgba(23,61,119,.04);background:#fff;margin-bottom:14px}
.cap-revamp-v90.cap-page-admin-users>.filter-bar .field{min-width:150px;min-height:64px}
.cap-revamp-v90.cap-page-admin-users .users-role-table{border-radius:19px}
.cap-revamp-v90.cap-page-admin-users .users-role-table td{font-size:11px;line-height:1.4}
.cap-revamp-v90.cap-page-admin-users .users-role-table .inline-form{gap:5px}
.cap-revamp-v90.cap-page-admin-system .system-simple-metrics-v64{gap:12px}
.cap-revamp-v90.cap-page-implementador-course-builder :is(.builder-workspace-tabs,.builder-content-panel,.game-studio-hero){border-radius:18px}
.cap-revamp-v90.cap-page-practicante-courses .student-course-row-v60{border:1px solid #dbe9f7;border-radius:17px}
@media(max-width:670px){.cap-revamp-v90 .xp90-report-kpis{grid-template-columns:1fr 1fr}.cap-revamp-v90 .xp90-report-kpis .xp90-kpi:last-child{grid-column:span 2}}

/* Solo inicio del administrador: panel de accesos rápidos a ancho completo. */
.cap-revamp-v90 .xp90-dashboard-grid.xp90-dashboard-actions{grid-template-columns:minmax(0,1fr)}
.cap-revamp-v90 .xp90-dashboard-actions .xp90-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.cap-revamp-v90 .xp90-dashboard-actions .xp90-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
