/* CDR Academy / Estudio académico para administradores. */
.studio{max-width:1470px;margin:0 auto;color:#253643}
.studio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.studio-eyebrow{display:block;color:#d67443;font-weight:800;font-size:10px;letter-spacing:.12em;margin-bottom:9px}
.studio-header h1{font-size:31px;color:#21323d;margin:0 0 7px}
.studio-header p{font-size:12px;color:#8b9aaa;margin:0}
.studio-new,.studio-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;padding:13px 18px;min-height:43px;font-size:11px;font-weight:800;background:#273b49;color:#fff;white-space:nowrap}
.studio-new:hover,.studio-save:hover{background:#3f5565}
.studio-new svg,.studio-save svg{width:16px;height:16px}
.studio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.studio-metrics>div{display:grid;grid-template-columns:38px 1fr;column-gap:13px;align-items:center;padding:20px 22px;border:1px solid #e9edf1;background:white;border-radius:14px;box-shadow:0 9px 25px #24384607}
.studio-metrics span{grid-row:span 2;display:grid;place-items:center;height:38px;background:#f4f6f7;border-radius:11px;color:#c87e53}
.studio-metrics svg{height:20px;width:20px}
.studio-metrics strong{font-size:24px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;line-height:1.2}
.studio-metrics small{font-size:10px;color:#93a0aa;font-weight:700;margin-top:3px}
.studio-grid{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,2.25fr);gap:19px;align-items:start}
.studio-library,.studio-workspace{background:white;border:1px solid #e7ecf0;border-radius:16px;box-shadow:0 12px 34px #24384608;min-width:0;overflow:hidden}
.studio-library-head{padding:22px 20px;border-bottom:1px solid #e9edf0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.studio-library-head span{color:#2f4554;font-weight:800;font-size:10px;letter-spacing:.08em}
.studio-library-head small{font-size:10px;color:#9ba8b4}
.studio-library-items{padding:9px;max-height:700px;overflow:auto}
.studio-library-course{border:1px solid transparent;border-radius:10px;display:flex;align-items:center;width:100%;text-align:left;gap:10px;padding:13px 11px;background:white;color:#3d5363}
.studio-library-course:hover{background:#f7f9fa}
.studio-library-course.active{border-color:#f4d9c9;background:#fff6f1}
.studio-library-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eef2f4;color:#698090}
.studio-library-course.active .studio-library-icon{background:#f9e5d9;color:#cf7445}
.studio-library-icon svg{height:17px;width:17px}
.studio-library-course>span:nth-child(2){min-width:0;flex:1}
.studio-library-course strong{display:block;font-size:11px;line-height:1.45}
.studio-library-course small{display:block;font-size:9px;color:#a1afba;margin-top:5px}
.studio-library-course>svg{width:13px;height:13px;color:#c2cbd2}
.studio-library-note{background:#f8fafb;border-top:1px solid #e9edf0;padding:19px 20px;color:#95a2ac;font-size:10px;line-height:1.7}
.studio-library-note svg{width:13px;height:13px;vertical-align:middle;margin-right:3px}
.studio-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 29px;border-bottom:1px solid #e9edf1}
.studio-breadcrumb{color:#d17744;font-size:9px;letter-spacing:.09em;font-weight:800;margin-bottom:9px}
.studio-breadcrumb span{padding:0 4px;color:#b9c4cc}
.studio-workspace-head h2{margin:0 0 7px;font-size:22px;color:#293c49;line-height:1.3}
.studio-save-state{color:#9baab5;font-size:10px}
.studio-save-state.unsaved{color:#bc7b44}
.studio-save{background:#e6753d}
.studio-save:hover{background:#ce602c}
.studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e9edf1;padding:5px 15px 0;gap:5px}
.studio-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:17px 4px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8e9eab;font-size:10px;font-weight:800;white-space:nowrap}
.studio-tabs button svg{width:15px;height:15px}
.studio-tabs button:hover{color:#394f5d}
.studio-tabs button.active{border-bottom-color:#e4763c;color:#d4733d}
.studio-tab-content{padding:30px 32px 34px;min-height:445px}
.studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.studio-section-heading>div>span{color:#d57c4d;font-size:9px;letter-spacing:.12em;font-weight:800}
.studio-section-heading h3{margin:7px 0;font-size:19px;letter-spacing:-.03em}
.studio-section-heading p{font-size:11px;color:#8d9daa;margin:0;line-height:1.7}
.studio-field{display:grid;gap:8px;margin-bottom:20px;min-width:0}
.studio-field label{color:#405462;font-size:11px;font-weight:800}
.studio-field input,.studio-field select,.studio-field textarea,.studio-score-setting input{display:block;width:100%;min-width:0;background:#fcfdfd;border:1px solid #dfe6eb;color:#304554;border-radius:9px;min-height:43px;padding:11px 13px;font-family:inherit;font-size:12px;outline-offset:2px}
.studio-field textarea{min-height:95px;resize:vertical;line-height:1.6}
.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus,.studio-score-setting input:focus{border-color:#e19a73;background:white}
.studio-field>small{color:#9daab4;font-size:10px;line-height:1.6;margin-top:-2px}
.studio-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.studio-checkbox{display:flex!important;align-items:center;gap:9px;min-height:43px;color:#667b8a!important;font-size:11px!important;font-weight:600!important}
.studio-checkbox input{width:16px;height:16px;min-height:0;accent-color:#e67a40;flex:0 0 auto}
.studio-tip{padding:16px 17px;border:1px solid #f1decf;border-radius:10px;background:#fffbf7;color:#937b6b;font-size:10px;line-height:1.7}
.studio-tip svg{height:15px;width:15px;color:#d77e4c;vertical-align:middle;margin-right:5px}
.studio-format-tip{margin:-9px 0 22px;background:#f5f8fa;border-color:#e3eaf0;color:#607583}
.studio-format-panel{padding:19px;border:1px solid #e5ebf0;border-radius:10px;background:#fafcfd;margin-top:5px}
.studio-format-panel>strong{display:flex;align-items:center;gap:8px;margin-bottom:17px;font-size:11px;color:#3d5667}
.studio-format-panel>strong svg{height:17px;width:17px;color:#d47a4b}
.studio-format-panel .studio-field:last-child{margin-bottom:0}
.studio-format-panel .studio-file-line{margin-top:12px}
.studio-add{display:inline-flex;align-items:center;gap:7px;border:1px solid #e3e9ed;background:white;color:#426072;border-radius:9px;padding:11px 13px;min-height:38px;font-size:10px;font-weight:800;white-space:nowrap}
.studio-add:hover{background:#fff8f4;border-color:#eec4ad;color:#cc7245}
.studio-add svg{height:15px;width:15px}
.studio-repeat-list{display:grid;gap:15px}
.studio-repeat{border:1px solid #e4ebef;border-radius:12px;background:#fff;padding:20px 21px}
.studio-repeat-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.studio-index{display:grid;place-items:center;background:#f7ece5;color:#c97447;border-radius:10px;width:37px;height:37px;flex:0 0 auto;font-weight:800;font-size:11px}
.studio-index svg{height:17px;width:17px}
.studio-repeat-head>div:nth-child(2){flex:1;min-width:0}
.studio-repeat-head strong{display:block;font-size:12px}
.studio-repeat-head small{display:block;font-size:10px;color:#a0adba;margin-top:4px}
.studio-repeat-buttons{display:flex;gap:5px}
.studio-repeat-buttons button,.studio-remove{border:1px solid #e6ecef;background:#fafbfc;color:#81919c;height:29px;min-width:29px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px}
.studio-repeat-buttons button:nth-child(1) svg{transform:rotate(-90deg)}
.studio-repeat-buttons button:nth-child(2) svg{transform:rotate(90deg)}
.studio-repeat-buttons button:hover:not(:disabled),.studio-remove:hover:not(:disabled){color:#c46b3d;border-color:#eccab4}
.studio-repeat-buttons button:disabled,.studio-remove:disabled{opacity:.35;cursor:not-allowed}
.studio-repeat-buttons svg,.studio-remove svg{width:13px;height:13px}
.studio-remove{padding:8px 10px;font-size:10px;font-weight:800;height:33px}
.studio-file-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px}
.studio-upload{position:relative;display:inline-flex;align-items:center;gap:7px;overflow:hidden;cursor:pointer;background:#f0f4f6;color:#405867;border-radius:8px;font-weight:800;font-size:10px;padding:11px 13px}
.studio-upload:hover{background:#e4ecf0}
.studio-upload svg{height:14px;width:14px}
.studio-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.studio-file-line>small{font-size:10px;color:#9da9b5;flex:1;min-width:130px}
.studio-file-line>button{border:0;background:transparent;color:#b66d49;font-weight:800;font-size:10px;padding:8px}
.studio-empty-resources{border:1px dashed #ccd7df;border-radius:12px;background:#f9fbfc;text-align:center;padding:50px 18px;color:#91a1ae;font-size:12px;margin-bottom:23px}
.studio-score-setting{display:flex;justify-content:space-between;align-items:center;gap:17px;border:1px solid #f1ddce;border-radius:11px;background:#fff9f4;padding:17px 20px;margin-bottom:22px}
.studio-score-setting strong{font-size:12px}
.studio-score-setting p{font-size:10px;color:#a18b7e;margin:5px 0 0}
.studio-score-setting>div:last-child{display:flex;align-items:center;gap:6px;font-size:12px;color:#a78a7b;font-weight:800}
.studio-score-setting input{width:68px;text-align:center;background:white;font-weight:800;font-size:17px}
.studio-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.studio-answer-option{display:flex;align-items:center;gap:7px;background:#fbfcfc;border:1px solid #e6ecef;border-radius:9px;padding:7px 10px;min-width:0}
.studio-answer-option>input:first-child{width:15px;height:15px;accent-color:#e57a42;flex:0 0 auto}
.studio-answer-option>span{display:grid;place-items:center;height:22px;width:22px;border-radius:6px;background:#eef1f3;font-size:9px;font-weight:800;color:#738390;flex:0 0 auto}
.studio-answer-option>input:last-child{border:0;background:transparent;outline:0;min-width:0;width:100%;color:#344858;font-size:11px;padding:7px 0}
.studio-answer-option:has(input:first-child:checked){border-color:#e7af8d;background:#fff7f0}
.studio-question-help{font-size:10px;color:#9aa8b2;margin-top:12px}
.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e9eef1;background:#fbfcfd;padding:19px 29px}
.studio-footer span{display:flex;align-items:center;gap:6px;color:#9aa9b5;font-size:9px;line-height:1.6;max-width:490px}
.studio-footer svg{width:15px;height:15px;flex:0 0 auto}
.studio-footer button{border:0;background:#273c49;color:white;font-size:10px;font-weight:800;padding:11px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.studio-footer button:hover{background:#405869}
.studio-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;min-height:485px;padding:35px}
.studio-empty>span{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#f5f7f9;color:#c97b54}
.studio-empty>span svg{height:32px;width:32px}
.studio-empty h2{font-size:23px;margin:20px 0 10px}
.studio-empty p{max-width:420px;color:#91a0ad;font-size:12px;line-height:1.8;margin-bottom:22px}
@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(210px,.8fr) minmax(0,2fr)}.studio-tab-content{padding:25px}.studio-tabs button{font-size:9px;gap:5px}}
@media(max-width:980px){.studio-grid{grid-template-columns:1fr}.studio-library-items{display:flex;gap:7px;overflow:auto;max-height:none}.studio-library-course{min-width:195px;width:195px}.studio-library-course>svg{display:none}}
@media(max-width:700px){.studio-header{align-items:flex-start}.studio-header h1{font-size:26px}.studio-metrics{grid-template-columns:1fr 1fr}.studio-metrics>div:last-child{grid-column:1/-1}.studio-workspace-head{padding:22px;align-items:flex-start;flex-direction:column}.studio-tabs{grid-template-columns:1fr 1fr}.studio-tabs button{padding:13px}.studio-field-grid,.studio-answer-grid{grid-template-columns:1fr}.studio-tab-content{padding:20px}.studio-section-heading{align-items:flex-start;flex-direction:column}.studio-footer{flex-wrap:wrap;padding:17px 20px}}
@media(max-width:440px){.studio-header{flex-direction:column}.studio-metrics{grid-template-columns:1fr}.studio-metrics>div:last-child{grid-column:auto}.studio-repeat{padding:15px}.studio-score-setting{flex-direction:column;align-items:flex-start}.studio-header .studio-new{align-self:stretch}}