/* Umbral Docente · Modelo formativo de Educación Parvularia · v2.0 */
:root{
  --um-ink:#153d53;--um-muted:#667b88;--um-cream:#fdfaf5;--um-card:#fffdfa;--um-line:#e6ddd3;
  --um-mint:#9ed5cd;--um-mint-deep:#2f7f7d;--um-coral:#b78b2f;--um-peach:#f8dfd0;
  --um-lavender:#eee7fa;--um-violet:#694fba;--um-sage:#edf6f2;--um-gold:#c8a752;
  --um-shadow:0 12px 28px rgba(62,72,72,.10);--um-radius:18px
}

/* Identidad de producto */
.ud-sidebar{color:var(--um-ink);background:linear-gradient(180deg,#f2f8f5 0%,#e9f3f0 100%);box-shadow:10px 0 28px rgba(39,74,75,.08);overflow:hidden}
.ud-sidebar-brand{display:block;padding:0 4px 15px;border-bottom:1px solid #dce9e5;text-align:center}
.ud-sidebar-brand img{display:block;width:210px;height:214px;max-width:100%;margin:0 auto;object-fit:contain;filter:none}
.ud-sidebar-brand>div{display:none}
.ud-sidebar-nav{gap:6px;padding:15px 0}.ud-sidebar button,.ud-sidebar a{min-height:44px;color:#19465a;border-radius:12px;font-size:.78rem}
.ud-sidebar button:hover,.ud-sidebar a:hover{color:#17485a;background:#dff0eb}.ud-sidebar button.active{color:#17485a;background:linear-gradient(135deg,#b5dfd8,#93d1c8);box-shadow:0 8px 20px rgba(61,130,127,.16)}
.ud-sidebar-bottom,.ud-sidebar-person{border-top-color:#d7e6e1}.ud-person-avatar{color:#17485a;background:#fffaf3;border-color:#e2d7cb}.ud-sidebar-person strong{color:#17485a}.ud-sidebar-person small{color:#71857f}
.ud-topbar-product .ud-product-mark{color:#fff;background:linear-gradient(145deg,#367f7d,#8ac9c1)}.ud-topbar{border-bottom-color:#e5ddd3;background:rgba(255,253,249,.95)}

/* Entrada desde el simulador existente */
.ud-model-entry{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:22px;margin:22px 0;padding:21px 23px;border:1px solid #e8ddd3;border-radius:20px;background:radial-gradient(circle at 88% 22%,rgba(238,231,250,.8),transparent 12rem),linear-gradient(135deg,#fff7ef,#f2f8f4);box-shadow:var(--um-shadow)}
.ud-model-entry img{width:92px;height:92px;object-fit:contain}.ud-model-entry h2{margin:6px 0 7px;color:var(--um-ink);font:700 1.45rem/1.15 Georgia,serif}.ud-model-entry p{margin:0;color:var(--um-muted);font-size:.78rem;line-height:1.55}.ud-model-entry .btn{white-space:nowrap}

/* Marco general */
.ud-model-screen{color:var(--um-ink)}
.ud-model-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;padding:0 0 13px;border-bottom:1px dashed #ded2c6}
.ud-model-top>div{display:flex;align-items:center;gap:12px}.ud-model-top img{width:135px;height:70px;object-fit:contain;object-position:left center}.ud-model-top span{padding:8px 11px;border-radius:999px;color:#6b57b5;background:var(--um-lavender);font-size:.68rem;font-weight:850}.ud-model-exit,.ud-model-back{border:0;background:transparent;color:var(--um-mint-deep);font-weight:850}
.ud-model-tabs{display:flex;gap:7px;margin:14px 0 22px;padding:5px;border:1px solid var(--um-line);border-radius:14px;background:#fffdfa;overflow:auto}
.ud-model-tabs button{min-height:40px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#667985;font-weight:800;font-size:.75rem;white-space:nowrap}.ud-model-tabs button.active{color:#1f6665;background:#dff1ed}
.ud-model-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px;padding:9px 0 18px;border-bottom:1px dashed #ded2c6}.ud-model-heading h1{max-width:960px;margin:7px 0 10px;color:var(--um-ink);font:700 clamp(2.25rem,4vw,3.75rem)/1.02 Georgia,serif;letter-spacing:-.045em}.ud-model-heading p{max-width:900px;margin:0;color:var(--um-muted);font-size:.9rem;line-height:1.58}.ud-model-heading aside{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;min-width:175px;padding:15px;border:1px solid var(--um-line);border-radius:15px;background:#fffdfa;box-shadow:var(--um-shadow)}.ud-model-heading aside strong{font-size:1.35rem}.ud-model-heading aside span{align-self:center;color:var(--um-muted);font-size:.69rem}
.ud-model-rule,.ud-model-safety{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-bottom:18px;padding:13px 15px;border:1px solid #e7dcae;border-radius:13px;background:#fff8df;color:#725c1c}.ud-model-rule strong,.ud-model-safety strong{white-space:nowrap}.ud-model-rule span,.ud-model-safety span{font-size:.76rem;line-height:1.5}

/* Catálogo */
.ud-model-filters,.ud-library-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(210px,1.4fr);gap:10px;margin:18px 0;padding:14px;border:1px solid var(--um-line);border-radius:16px;background:#fffdfa;box-shadow:0 8px 20px rgba(62,72,72,.06)}
.ud-model-filters label,.ud-library-filters label{display:grid;gap:5px;color:#506977;font-size:.66rem;font-weight:850}.ud-model-filters select,.ud-model-filters input,.ud-library-filters select,.ud-library-filters input{width:100%;min-height:40px;padding:0 10px;border:1px solid #d8d0c7;border-radius:10px;background:#fff;color:var(--um-ink);font-size:.72rem}.ud-model-results,.ud-library-count{margin:0 0 11px;color:var(--um-muted);font-size:.72rem}
.ud-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ud-model-card{position:relative;overflow:hidden;border:1px solid var(--um-line);border-radius:18px;background:var(--um-card);box-shadow:var(--um-shadow)}.ud-model-card>button{width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ud-model-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#edf7f4,#faf4ec)}.ud-model-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}.ud-model-card button:hover .ud-model-media img{transform:scale(1.018)}.ud-model-media em{position:absolute;top:13px;left:13px;padding:7px 11px;border:1px solid rgba(67,143,134,.25);border-radius:999px;color:#247b73;background:#fffdf8;font-size:.67rem;font-style:normal;font-weight:850}.ud-model-card.planned .ud-model-media em{color:#8b6f1d;background:#fff7d8}.ud-model-placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:5px;color:#71848b}.ud-model-placeholder b{font-size:32px;color:#80b9b2}.ud-model-placeholder span{font-size:.72rem}.ud-model-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:14px 16px}.ud-model-card-body>span{display:grid}.ud-model-card-body b{color:var(--um-coral);font-size:.77rem}.ud-model-card-body strong{margin-top:3px;font-size:.97rem}.ud-model-card-body small{margin-top:3px;color:var(--um-muted);font-size:.66rem;text-transform:capitalize}.ud-model-card-body i{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:var(--um-coral);background:#fde9e1;font-size:1.35rem;font-style:normal}.ud-model-attempt-chip{position:absolute;right:11px;top:11px;padding:6px 9px;border-radius:999px;color:#624aa9;background:#efeafa;font-size:.61rem;font-weight:850}

/* Caso y flujo */
.ud-model-case-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:7px 0 15px}.ud-model-case-heading h1{margin:6px 0 7px;color:var(--um-ink);font:700 clamp(2.2rem,4vw,3.65rem)/1.02 Georgia,serif;letter-spacing:-.045em}.ud-model-case-heading p{max-width:890px;margin:0;color:var(--um-muted);font-size:.86rem;line-height:1.55}.ud-model-case-heading aside{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ud-model-case-heading aside span{padding:8px 10px;border:1px solid var(--um-line);border-radius:999px;background:#fffdfa;color:#657784;font-size:.65rem;text-transform:capitalize}
.ud-model-flow{display:grid;grid-template-columns:repeat(14,minmax(64px,1fr));gap:5px;margin:18px 0;padding:0;list-style:none;overflow-x:auto}.ud-model-flow li{min-width:64px}.ud-model-flow button{width:100%;min-height:74px;padding:7px 5px;border:1px solid var(--um-line);border-radius:11px;background:#fffdfa;color:#75828a}.ud-model-flow button span{display:grid;place-items:center;width:23px;height:23px;margin:0 auto 5px;border-radius:50%;background:#eef2f1;font-size:.62rem;font-weight:900}.ud-model-flow button small{display:block;font-size:.53rem;line-height:1.18}.ud-model-flow li.active button{color:#246d6b;border-color:#afd8d2;background:#e5f4f1}.ud-model-flow li.active button span{color:#fff;background:#4e9d98}.ud-model-flow li.done button{color:#6f5aa9;background:#f3effb}.ud-model-flow li.done button span{color:#fff;background:#8571bf}
.ud-model-panel{padding:22px;border:1px solid var(--um-line);border-radius:20px;background:#fffdfa;box-shadow:var(--um-shadow)}.ud-model-panel-title{max-width:920px;margin-bottom:18px}.ud-model-panel-title h2{margin:6px 0 7px;color:var(--um-ink);font:700 clamp(1.8rem,3vw,2.75rem)/1.08 Georgia,serif}.ud-model-panel-title p{margin:0;color:var(--um-muted);font-size:.79rem;line-height:1.55}
.ud-model-video-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);gap:16px}.ud-model-video{overflow:hidden;min-height:390px;border-radius:16px;background:#07141f}.ud-model-video video{display:block;width:100%;height:100%;min-height:390px;object-fit:contain}.ud-model-video-placeholder{min-height:390px;display:grid;place-content:center;padding:30px;color:#5e7280;text-align:center;background:linear-gradient(135deg,#e7f4f1,#f4effa)}.ud-model-video-layout aside{padding:18px;border:1px solid var(--um-line);border-radius:16px;background:#f8fbfa}.ud-model-video-layout aside h3{margin-top:0}.ud-model-video-layout aside ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ud-model-video-layout aside li{position:relative;padding-left:23px;color:#58707d;font-size:.73rem;line-height:1.45}.ud-model-video-layout aside li:before{content:'✓';position:absolute;left:0;top:0;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#17485a;background:#94d2ca;font-size:.58rem}.ud-model-watch-state{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px;border:1px solid #ead8ad;border-radius:14px;background:#fff8df}.ud-model-watch-state.done{border-color:#cbe3dc;background:#eff8f5}.ud-model-watch-state strong,.ud-model-watch-state span{display:block}.ud-model-watch-state span{margin-top:3px;color:#6d7b82;font-size:.69rem}.ud-model-internal{margin-top:14px;border:1px solid var(--um-line);border-radius:13px;background:#fbf8f3}.ud-model-internal summary{padding:12px 14px;color:#4f6774;font-size:.71rem;font-weight:850;cursor:pointer}.ud-model-internal dl{display:grid;gap:9px;margin:0;padding:0 14px 14px}.ud-model-internal dl div{display:grid;grid-template-columns:165px 1fr;gap:10px;padding-top:9px;border-top:1px solid #e9e1d8}.ud-model-internal dt{font-size:.68rem;font-weight:850}.ud-model-internal dd{margin:0;color:#667983;font-size:.69rem;line-height:1.45}

/* Formularios */
.ud-model-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ud-model-fields.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-model-field{display:grid;align-content:start;gap:6px;padding:14px;border:1px solid var(--um-line);border-radius:14px;background:#fff}.ud-model-field>span{font-size:.74rem;font-weight:900}.ud-model-field>span b{margin-left:3px;color:var(--um-coral)}.ud-model-field>small{min-height:34px;color:var(--um-muted);font-size:.63rem;line-height:1.4}.ud-model-field textarea,.ud-model-field select{width:100%;border:1px solid #d8d0c7;border-radius:10px;background:#fffefa;color:var(--um-ink);font-size:.72rem}.ud-model-field textarea{min-height:112px;padding:10px;resize:vertical}.ud-model-field select{min-height:43px;padding:0 9px}.ud-model-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #ece5de}.ud-model-save{color:#75847f;font-size:.65rem}.ud-model-actions .btn:disabled,.ud-feedback-actions .btn:disabled{cursor:not-allowed;opacity:.45}.ud-model-privacy-error{margin-top:12px;padding:11px 13px;border:1px solid #e5a4aa;border-radius:11px;color:#8c2f39;background:#fdecef;font-size:.7rem}

/* Currículum */
.ud-curriculum-toolbar{display:grid;grid-template-columns:1fr .7fr 1.3fr auto;gap:10px;align-items:end;margin-bottom:12px;padding:12px;border:1px solid var(--um-line);border-radius:14px;background:#f8fbfa}.ud-curriculum-toolbar label{display:grid;gap:5px;color:#5c7280;font-size:.64rem;font-weight:850}.ud-curriculum-toolbar select,.ud-curriculum-toolbar input{min-height:38px;padding:0 9px;border:1px solid #d8d0c7;border-radius:9px;background:#fff;font-size:.7rem}.ud-curriculum-toolbar>span{padding:10px 11px;border-radius:10px;color:#6c56af;background:#eee8f9;font-size:.66rem}.ud-curriculum-list{max-height:455px;overflow:auto;display:grid;gap:8px;padding:4px}.ud-curriculum-option{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid var(--um-line);border-radius:12px;background:#fff;cursor:pointer}.ud-curriculum-option.selected{border-color:#9fcfc8;background:#eef8f5}.ud-curriculum-option input{margin-top:3px}.ud-curriculum-option span{display:block}.ud-curriculum-option b,.ud-curriculum-option small,.ud-curriculum-option p,.ud-curriculum-option em{display:block}.ud-curriculum-option b{font-size:.73rem}.ud-curriculum-option small{margin-top:2px;color:#76858d;font-size:.61rem}.ud-curriculum-option p{margin:6px 0;color:#4e6673;font-size:.68rem;line-height:1.45}.ud-curriculum-option em{color:#97855c;font-size:.57rem;font-style:normal}.ud-selected-objectives{margin:13px 0;padding:14px;border:1px solid #ddd1ec;border-radius:14px;background:#f7f3fc}.ud-selected-objectives h3{margin:0 0 9px;font-size:.88rem}.ud-selected-objectives>div{display:grid;gap:8px}.ud-selected-objectives article{padding:9px;border-radius:10px;background:#fff}.ud-selected-objectives article strong{font-size:.68rem}.ud-selected-objectives article p{margin:4px 0 0;color:#647580;font-size:.64rem;line-height:1.4}

/* Envío y retroalimentación */
.ud-submit-summary,.ud-progress-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.ud-submit-summary article,.ud-progress-kpis article{padding:16px;border:1px solid var(--um-line);border-radius:14px;background:#f8fbfa;text-align:center}.ud-submit-summary strong,.ud-progress-kpis strong{display:block;font-size:1.55rem}.ud-submit-summary span,.ud-progress-kpis span{color:var(--um-muted);font-size:.65rem}.ud-model-warning{display:grid;gap:5px;padding:13px;border:1px solid #ebcf8b;border-radius:13px;color:#735817;background:#fff7dc}.ud-model-warning strong{font-size:.73rem}.ud-model-warning span{font-size:.65rem;line-height:1.45}.ud-feedback-actions{display:flex;justify-content:flex-end;gap:9px;margin:14px 0}.ud-feedback-empty{padding:28px;border:1px dashed #cec4ba;border-radius:14px;color:#687b83;text-align:center;background:#fbf8f3}.ud-feedback-empty p{margin:5px 0 0;font-size:.7rem}.ud-feedback-result{margin-top:16px;padding-top:17px;border-top:1px solid var(--um-line)}.ud-feedback-result header h3{margin:5px 0}.ud-feedback-result header p{margin:0;color:var(--um-muted);font-size:.7rem}.ud-version-compare{display:grid;gap:4px;margin:13px 0;padding:12px;border-radius:12px;background:#f0ecfa;color:#6653a5}.ud-version-compare strong{font-size:.71rem}.ud-version-compare span{font-size:.64rem}.ud-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ud-feedback-grid article{padding:14px;border:1px solid var(--um-line);border-left:4px solid #9db4bd;border-radius:13px;background:#fff}.ud-feedback-grid article.fortaleza{border-left-color:#79a876;background:#f4faf3}.ud-feedback-grid article.aspecto-a-profundizar{border-left-color:#d48b61;background:#fff7f1}.ud-feedback-grid article.orientacion{border-left-color:#7d70ba;background:#f7f4fc}.ud-feedback-grid article>span{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef2f1;color:#5d7079;font-size:.56rem;font-weight:900}.ud-feedback-grid h4{margin:8px 0 5px;font-size:.85rem}.ud-feedback-grid p{margin:0;color:#5e717c;font-size:.67rem;line-height:1.45}.ud-feedback-grid blockquote{margin:9px 0;padding:8px 10px;border-left:2px solid #bdd7d2;color:#496874;background:#f5faf8;font-size:.64rem}.ud-feedback-grid small{display:block;margin-top:8px;color:#9a895f;font-size:.56rem}.ud-feedback-next{display:flex;align-items:center;gap:12px;margin-top:13px;padding:14px;border-radius:13px;background:#eaf5f2}.ud-feedback-next strong{white-space:nowrap}.ud-feedback-next p{flex:1;margin:0;color:#5f747c;font-size:.66rem}

/* Progreso */
.ud-progress-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ud-progress-section{margin-top:18px;padding:18px;border:1px solid var(--um-line);border-radius:17px;background:#fffdfa;box-shadow:var(--um-shadow)}.ud-progress-section h2{margin-top:0;font:700 1.5rem/1.1 Georgia,serif}.ud-progress-cases{display:grid;gap:8px}.ud-progress-cases article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #ece4dc;border-radius:11px;background:#fff}.ud-progress-cases div{display:grid}.ud-progress-cases b{color:var(--um-coral);font-size:.62rem}.ud-progress-cases strong{font-size:.75rem}.ud-progress-cases small{color:var(--um-muted);font-size:.6rem}.ud-progress-cases>article>span{color:#6d58ac;font-size:.65rem}.ud-progress-cases button{min-height:34px;padding:0 11px;border:0;border-radius:9px;color:#fff;background:#4c9490;font-size:.65rem;font-weight:850}.ud-dimension-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ud-dimension-map article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border-radius:10px;background:#f2f7f5}.ud-dimension-map strong{font-size:.66rem}.ud-dimension-map span{color:#657983;font-size:.6rem}.ud-progress-note{margin:12px 0 0;color:#7c8984;font-size:.63rem}

/* Biblioteca */
.ud-library-list{display:grid;gap:8px}.ud-library-list article{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:13px;border:1px solid var(--um-line);border-radius:12px;background:#fffdfa}.ud-library-list>article>span{display:grid;place-items:center;align-self:start;min-height:38px;border-radius:9px;color:#2b7774;background:#dff1ed;font-size:.68rem;font-weight:900}.ud-library-list strong,.ud-library-list small,.ud-library-list p,.ud-library-list em{display:block}.ud-library-list strong{font-size:.75rem}.ud-library-list small{margin-top:2px;color:#78868c;font-size:.61rem}.ud-library-list p{margin:7px 0;color:#526a76;font-size:.68rem;line-height:1.45}.ud-library-list em{color:#95835b;font-size:.57rem;font-style:normal}

/* Arquitectura */
.ud-about-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ud-about-flow article{display:grid;justify-items:center;gap:6px;min-height:88px;padding:10px;border:1px solid var(--um-line);border-radius:12px;background:#fffdfa;text-align:center}.ud-about-flow span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#4b9691;font-size:.65rem;font-weight:900}.ud-about-flow strong{font-size:.61rem;line-height:1.25}.ud-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.ud-about-grid article{padding:17px;border:1px solid var(--um-line);border-radius:15px;background:#fffdfa;box-shadow:var(--um-shadow)}.ud-about-grid h2{margin-top:0;font:700 1.25rem/1.1 Georgia,serif}.ud-about-grid ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#5e727d;font-size:.69rem;line-height:1.45}

@media(max-width:1180px){.ud-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-model-filters,.ud-library-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ud-model-video-layout{grid-template-columns:1fr}.ud-model-flow{grid-template-columns:repeat(7,minmax(80px,1fr))}.ud-about-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.ud-about-grid{grid-template-columns:1fr}.ud-model-heading{align-items:flex-start;flex-direction:column}.ud-model-heading aside{grid-template-columns:auto 1fr}}
@media(max-width:820px){.ud-sidebar{overflow-y:auto}.ud-model-entry{grid-template-columns:70px 1fr}.ud-model-entry img{width:68px;height:68px}.ud-model-entry .btn{grid-column:1/-1}.ud-model-top{align-items:flex-start;flex-direction:column}.ud-model-case-heading{align-items:flex-start;flex-direction:column}.ud-model-case-heading aside{justify-content:flex-start}.ud-model-grid,.ud-model-fields,.ud-feedback-grid{grid-template-columns:1fr}.ud-model-filters,.ud-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-model-flow{grid-template-columns:repeat(4,minmax(82px,1fr))}.ud-submit-summary,.ud-progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-dimension-map{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-about-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ud-feedback-next{align-items:flex-start;flex-direction:column}.ud-model-internal dl div{grid-template-columns:1fr}.ud-curriculum-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ud-model-entry{grid-template-columns:1fr;text-align:center}.ud-model-entry img{margin:auto}.ud-model-heading h1,.ud-model-case-heading h1{font-size:2.55rem}.ud-model-filters,.ud-library-filters,.ud-submit-summary,.ud-progress-kpis,.ud-dimension-map{grid-template-columns:1fr}.ud-model-flow{display:flex}.ud-model-flow li{min-width:105px}.ud-model-actions{align-items:stretch;flex-direction:column}.ud-model-actions .btn{width:100%}.ud-model-save{text-align:center}.ud-curriculum-toolbar{grid-template-columns:1fr}.ud-progress-cases article{grid-template-columns:1fr auto}.ud-progress-cases button{grid-column:1/-1}.ud-library-list article{grid-template-columns:1fr}.ud-library-list>article>span{width:70px}.ud-about-flow{grid-template-columns:1fr 1fr}}


/* v3.0 · Flujo guiado completo del modelo formativo */
.ud-guided-route-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:14px 0 8px;padding:12px 14px;border:1px solid #d7e8e3;border-radius:14px;background:linear-gradient(135deg,#f5fbf9,#fffaf0)}
.ud-guided-route-head>div{display:grid;gap:2px}.ud-guided-route-head span{color:#2f7f7d;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ud-guided-route-head strong{color:var(--um-ink);font-size:.78rem}.ud-guided-route-head small{color:#667b88;font-size:.66rem;text-align:right}
.ud-model-flow li.locked button{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
.ud-model-flow li.locked button:hover{transform:none}
.ud-model-video-stage .ud-model-watch-state{position:relative;z-index:2;padding:16px 18px}
.ud-model-watch-state .btn-primary{min-height:46px;padding-inline:18px;background:linear-gradient(135deg,#17485a,#2f7f7d);border-color:#17485a;color:#fff;box-shadow:0 9px 20px rgba(23,72,90,.16)}
.ud-video-rule{display:grid;gap:3px;margin-top:14px;padding:11px 12px;border-left:3px solid var(--um-gold);border-radius:0 10px 10px 0;background:#fff9e9}.ud-video-rule strong{color:#6f581b;font-size:.68rem}.ud-video-rule span{color:#6a777d;font-size:.64rem;line-height:1.4}
.ud-model-stage-error{display:grid;gap:4px;margin-top:16px;padding:12px 14px;border:1px solid #e1c477;border-radius:12px;background:#fff8dc;color:#664f14}.ud-model-stage-error strong{font-size:.72rem}.ud-model-stage-error span{font-size:.66rem;line-height:1.45}
.ud-model-actions{position:sticky;bottom:10px;z-index:8;margin:20px -8px -8px;padding:12px 12px;border:1px solid #ded9cf;border-radius:14px;background:rgba(255,253,250,.97);box-shadow:0 12px 30px rgba(32,54,61,.13);backdrop-filter:blur(8px)}
.ud-model-save{display:grid;gap:2px;text-align:center}.ud-model-save b{color:var(--um-ink);font-size:.67rem}.ud-model-save small{color:#75847f;font-size:.58rem}
.ud-model-actions .btn-primary{background:linear-gradient(135deg,#17485a,#2f7f7d);border-color:#17485a;color:#fff}.ud-model-actions .btn-secondary{background:#fff;color:#17485a;border-color:#cddbd7}
.ud-model-card-body b{color:#9a7324}.eyebrow{color:#9a7324!important}
@media(max-width:820px){.ud-guided-route-head{align-items:flex-start;flex-direction:column}.ud-guided-route-head small{text-align:left}.ud-model-actions{bottom:6px}}
@media(max-width:520px){.ud-model-actions{position:static;margin-top:18px}.ud-model-watch-state{align-items:stretch;flex-direction:column}.ud-model-watch-state .btn{width:100%}}

/* v2.0 · Ajuste visual educacional para práctica audiovisual */
:root{
  --um-ink:#17324d;
  --um-muted:#66798b;
  --um-cream:#f8fbfc;
  --um-card:#ffffff;
  --um-line:#dbe7f0;
  --um-mint:#dff4f1;
  --um-mint-deep:#2a8b8f;
  --um-coral:#f2c94c;
  --um-peach:#f9efe0;
  --um-lavender:#eef1ff;
  --um-violet:#6f7fd8;
  --um-sage:#eef9f6;
  --um-gold:#f2c94c;
  --um-shadow:0 14px 34px rgba(20,48,78,.08);
}

.ud-model-entry,
.ud-model-top,
.ud-model-tabs,
.ud-model-panel,
.ud-progress-section,
.ud-library-list article,
.ud-about-grid article,
.ud-model-filters,
.ud-library-filters,
.ud-model-heading aside,
.ud-model-video-layout aside,
.ud-model-actions {
  border-color: var(--um-line);
  background: #fff;
}

.ud-model-entry {
  background: linear-gradient(135deg,#ffffff,#f5fbff);
}

.ud-model-entry h2,
.ud-model-heading h1,
.ud-model-case-heading h1,
.ud-model-panel-title h2,
.ud-progress-section h2,
.ud-about-grid h2 {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: var(--um-ink);
}

.ud-model-entry h2 {
  font-size: 1.5rem;
}

.ud-model-top {
  border-bottom-color: var(--um-line);
}

.ud-model-top span,
.ud-model-tabs button.active,
.ud-model-card.planned .ud-model-media em,
.ud-feedback-grid article.orientacion {
  color: var(--um-mint-deep);
}

.ud-model-top span {
  background: #eaf6f5;
}

.ud-model-tabs button.active {
  background: #e7f4f4;
}

.ud-model-heading p,
.ud-model-case-heading p,
.ud-model-panel-title p,
.ud-library-list p,
.ud-about-grid ul,
.ud-progress-note {
  color: var(--um-muted);
}

.ud-model-rule,
.ud-model-safety,
.ud-video-rule,
.ud-model-stage-error,
.ud-model-warning {
  border-color: #e8dca8;
  background: #fff9e8;
  color: #6f5c1d;
}

.ud-model-card-body i,
.ud-model-card-body b,
.eyebrow {
  color: var(--um-mint-deep) !important;
}

.ud-model-card-body i,
.ud-model-watch-state .btn-primary,
.ud-model-actions .btn-primary,
.ud-progress-cases button,
.ud-about-flow span {
  background: linear-gradient(135deg,#123b5d,#2a8b8f);
  color: #fff;
}

.ud-model-actions .btn-secondary,
.ud-model-exit,
.ud-model-back {
  color: #123b5d;
}

.ud-model-flow button,
.ud-feedback-grid article,
.ud-progress-cases article,
.ud-dimension-map article,
.ud-library-list article,
.ud-about-flow article {
  background: #fff;
}

.ud-model-flow li.active button {
  background: #ebf8f6;
  border-color: #cce7e2;
  color: var(--um-mint-deep);
}

.ud-model-flow li.active button span {
  background: var(--um-mint-deep);
}

.ud-model-flow li.done button {
  background: #f1f4ff;
}

.ud-feedback-next,
.ud-version-compare {
  background: #f4fbfb;
}

/* v2.1 · Modo de concentración para la práctica audiovisual */
.ud-model-case-heading-compact {
  align-items: center;
  margin-bottom: 10px;
}

.ud-model-case-heading-compact h1 {
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  margin-bottom: 4px;
}

.ud-case-context {
  margin-top: 7px;
  max-width: 760px;
}

.ud-case-context summary,
.ud-route-details summary {
  color: #2a6f7d;
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
}

.ud-case-context p {
  margin: 8px 0 0;
  color: var(--um-muted);
  font-size: .76rem;
}

.ud-model-safety-compact {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .65rem;
}

.ud-model-safety-compact strong,
.ud-model-safety-compact span {
  font-size: inherit;
}

.ud-guided-route-compact {
  margin: 8px 0 6px;
  padding: 10px 12px;
  background: #f7fbfd;
}

.ud-guided-route-compact strong {
  font-size: .75rem;
}

.ud-route-progress {
  height: 7px;
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 999px;
  background: #e7eff4;
}

.ud-route-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #72b8e6, #4eb0a4);
  transition: width .25s ease;
}

.ud-route-details {
  margin-bottom: 14px;
}

.ud-route-details[open] summary {
  margin-bottom: 8px;
}

.ud-route-details .ud-model-flow {
  margin: 0;
  padding: 8px;
  border: 1px solid var(--um-line);
  border-radius: 14px;
  background: #fbfdff;
}

.ud-model-panel {
  padding: 20px;
}

.ud-model-panel-title {
  margin-bottom: 14px;
}

.ud-model-panel-title h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem);
}

.ud-model-fields-focused {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 10px;
}

.ud-model-field-step {
  overflow: hidden;
  border: 1px solid var(--um-line);
  border-radius: 14px;
  background: #fff;
}

.ud-model-field-step summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding: 12px 14px;
  list-style: none;
  color: var(--um-ink);
  cursor: pointer;
}

.ud-model-field-step summary::-webkit-details-marker { display: none; }

.ud-model-field-step summary span {
  font-size: .8rem;
  font-weight: 800;
}

.ud-model-field-step summary em {
  border-radius: 999px;
  padding: 4px 8px;
  background: #edf5fa;
  color: #587287;
  font-size: .58rem;
  font-style: normal;
  font-weight: 800;
}

.ud-model-field-step.complete summary em {
  background: #e7f6f0;
  color: #3b7f67;
}

.ud-model-field-step[open] summary {
  border-bottom: 1px solid var(--um-line);
  background: #f8fbfd;
}

.ud-model-field-step .ud-model-field {
  display: grid;
  gap: 8px;
  padding: 12px 14px 14px;
}

.ud-model-field-step .ud-model-field small {
  color: var(--um-muted);
  font-size: .7rem;
}

.ud-model-field-step textarea {
  min-height: 128px;
  resize: vertical;
}

.ud-model-select-focus {
  padding: 12px 14px;
  border: 1px solid var(--um-line);
  border-radius: 14px;
  background: #fff;
}

.ud-model-video-layout aside {
  max-height: 390px;
  overflow: auto;
}

/* Keep secondary academic details available but visually quiet */
.ud-model-internal,
.ud-selected-objectives,
.ud-feedback-empty {
  margin-top: 12px;
}

@media(max-width:820px){
  .ud-model-safety-compact { border-radius: 12px; }
  .ud-model-case-heading-compact { align-items: flex-start; }
}

/* v2.2 · paleta más cercana a entorno educativo lúdico */
:root{
  --um-ink:#224b72;
  --um-muted:#688298;
  --um-cream:#f9fdff;
  --um-card:#ffffff;
  --um-line:#d8ecf1;
  --um-mint:#e7faf8;
  --um-mint-deep:#1aa8b8;
  --um-coral:#f7b8d8;
  --um-peach:#fff8de;
  --um-lavender:#eef0ff;
  --um-violet:#7d8be7;
  --um-sage:#eefbf7;
  --um-gold:#f2d76c;
  --um-shadow:0 16px 36px rgba(38,117,147,.10);
}

body[data-ud-model-route="active"] {
  background: linear-gradient(180deg, #fbfeff 0%, #f3fbfd 50%, #f8fdff 100%);
}

.ud-model-top,
.ud-model-panel,
.ud-model-tabs,
.ud-progress-section,
.ud-library-list article,
.ud-about-grid article,
.ud-model-video-layout aside,
.ud-model-actions,
.ud-model-select-focus,
.ud-model-field-step,
.ud-route-details .ud-model-flow,
.ud-guided-route-compact,
.ud-model-rule,
.ud-model-safety,
.ud-model-safety-compact,
.ud-video-rule {
  border-color: var(--um-line) !important;
  box-shadow: var(--um-shadow);
}

.ud-model-top {
  background: linear-gradient(180deg, #ffffff 0%, #f5fcfe 100%) !important;
}

.ud-model-top span,
.ud-model-tabs button.active,
.ud-model-field-step.complete summary em {
  background: #e8fafb !important;
  color: var(--um-mint-deep) !important;
}

.ud-model-heading h1,
.ud-model-case-heading h1,
.ud-model-panel-title h2,
.ud-progress-section h2,
.ud-about-grid h2,
.ud-library-list h3 {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  color: var(--um-ink) !important;
}

.ud-model-heading .eyebrow,
.ud-model-case-heading .eyebrow,
.ud-model-panel-title .eyebrow {
  color: var(--um-mint-deep) !important;
}

.ud-model-heading aside,
.ud-version-compare,
.ud-feedback-next {
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
}

.ud-guided-route-compact {
  background: linear-gradient(90deg, #eefafd 0%, #fffbe7 100%) !important;
}

.ud-route-progress span,
.ud-model-card-body i,
.ud-model-watch-state .btn-primary,
.ud-model-actions .btn-primary,
.ud-progress-cases button,
.ud-about-flow span {
  background: linear-gradient(90deg, #19bcc6, #47cfe1) !important;
}

.ud-model-actions .btn-secondary,
.ud-model-exit,
.ud-model-back,
.ud-model-tabs button,
.ud-model-field-step summary em {
  background: #eef6ff !important;
  color: #44637d !important;
  border-color: #dae8f5 !important;
}

.ud-model-flow li.active button {
  background: #ecfbfd !important;
  border-color: #d5edf1 !important;
  color: var(--um-mint-deep) !important;
}

.ud-model-flow li.done button {
  background: #eef5ff !important;
}

.ud-model-panel,
.ud-progress-cases article,
.ud-dimension-map article,
.ud-library-list article,
.ud-about-flow article,
.ud-feedback-grid article,
.ud-model-video-layout aside {
  border-radius: 24px !important;
}

.ud-model-rule,
.ud-model-safety,
.ud-video-rule,
.ud-model-stage-error,
.ud-model-warning,
.ud-model-safety-compact {
  background: linear-gradient(180deg, #fffdf2 0%, #fff9df 100%) !important;
  color: #745f1d !important;
}

.ud-model-tabs button.active {
  border-color: #d3edf0 !important;
}