/* Materiales de Learning, con el mismo lenguaje visual que el catálogo. */
.learning-materials-page, .learning-material-detail { color:#244b64; }
.learning-authoring-steps { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-bottom:24px; color:#60798a; font-size:14px; }
.learning-authoring-steps a, .learning-authoring-steps strong { display:flex; align-items:center; gap:8px; }
.learning-authoring-steps span { display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:50%; background:#eaf4fc; color:#0069b4; }
.learning-authoring-steps [aria-current] { color:#0069b4; }
.learning-material-kinds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
.learning-material-kinds legend { grid-column:1/-1; font-size:16px; font-weight:600; border:0; margin:0 0 12px; }
.learning-material-kinds label { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:16px 12px; border:1px solid #d7e5ef; border-radius:9px; cursor:pointer; margin:0; font-size:14px; }
.learning-material-kinds label:has(input:checked) { background:#edf6fc; border-color:#368dc7; color:#0069b4; }
.learning-material-kinds label::after { content:none !important; }
.learning-material-kinds input { margin:0; accent-color:#0072bc; }
.learning-material-kinds i { font-size:20px; }
.learning-material-form textarea { min-height:110px; }
.learning-material-form input[type=file] { width:100%; min-height:48px; padding:8px; background:#f6fafc; }
.learning-existing-file { margin-bottom:14px !important; overflow-wrap:anywhere; }
.learning-material-list { margin:0 0 24px; }
.learning-material-list h2 { font-size:20px; }
.learning-material-count { display:inline-block; padding:3px 8px; border-radius:20px; background:#eef6fb; color:#37799f; font-size:12px; vertical-align:middle; }
.learning-material-list > ul { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.learning-material-list > ul > li { display:flex; gap:14px; align-items:center; padding:16px; border:1px solid #dce8f0; border-radius:10px; background:#fff; }
.learning-material-icon { width:42px; height:46px; display:flex; flex:0 0 42px; align-items:center; justify-content:center; border-radius:9px; background:#edf5fc; color:#2472a4; font-size:23px; }
.learning-material-copy { min-width:0; flex:1; overflow-wrap:anywhere; }
.learning-material-title { font-size:15px; font-weight:600; display:block; }
.learning-material-format { display:inline-block; color:#60798a; font-size:11px; letter-spacing:.4px; margin-top:4px; }
.learning-material-copy p { margin:5px 0 0; font-size:13px !important; }
.learning-material-actions, .learning-material-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.learning-material-actions .btn, .learning-material-toolbar .btn { border-radius:6px; min-height:40px; }
.learning-material-toolbar { margin:20px 0; }
.learning-material-nav { list-style:none; padding:0; }
.learning-material-nav a { display:block; padding:10px 0; overflow-wrap:anywhere; }
.learning-material-nav [aria-current] { font-weight:700; color:#005d9b; }
.learning-delete-form { border-top:1px solid #e5edf3; margin-top:24px; padding-top:12px; }
.learning-delete-form button { color:#a34848; }
.learning-preview-message, .learning-empty-materials { padding:24px; background:#f3f8fc; border-radius:10px; border:1px solid #dfebf3; margin:20px 0; }
.learning-preview-message > i { font-size:30px; color:#3e82af; }
.learning-view-hint { color:#60798a; font-size:13px !important; padding:10px 0; }
.learning-material-detail h1 { overflow-wrap:anywhere; }
.learning-material-detail iframe { max-width:100%; }
@media(max-width:767px) {
 .learning-material-detail #pdf-viewer-container, .learning-material-detail #pdf-viewer-iframe, .learning-material-detail #pdf-viewer-fallback { min-height:440px !important; height:65vh; max-height:720px; }
 .learning-material-kinds { grid-template-columns:1fr; }
 .learning-material-kinds label { min-height:52px; }
 .learning-material-list > ul > li { flex-wrap:wrap; padding:14px; }
 .learning-material-copy { flex:1 1 calc(100% - 65px); }
 .learning-material-actions { width:100%; justify-content:flex-end; }
 .learning-material-actions .btn, .learning-material-toolbar .btn { min-height:44px; }
 .learning-material-form .learning-form-actions .btn { flex:1 1 100%; }
}