/* Tokens y composición del paquete visual maestro v2. */
:root{--approved-ink:#071759;--approved-blue:#0869ee;--approved-line:#d9e9f8;--approved-soft:#f3faff}
body{background:linear-gradient(115deg,#f0faff,#fcfdff 52%,#f2faff);color:var(--approved-ink)}
body:not(.home-active):not(.simple-setup):not(.simple-question) .topbar{background:#fff;border:1px solid var(--approved-line);border-radius:12px;padding:16px 22px;box-shadow:none}
body:not(.home-active):not(.simple-setup):not(.simple-question) .brand-logo{width:52px;height:52px;object-fit:contain}
body:not(.home-active):not(.simple-setup):not(.simple-question) .brand-copy strong{font-family:Nunito,Arial,sans-serif;color:var(--approved-ink);font-size:1.7rem}
#teacherWorkspace,.td-top-actions{display:none}
body.teacher-workspace{padding:0 18px 18px;font-family:Nunito,Arial,sans-serif}
body.teacher-workspace main.app{max-width:1600px;width:100%;margin:auto}
body.teacher-workspace .topbar{margin:0 -18px 16px;border:0!important;border-bottom:1px solid var(--approved-line)!important;border-radius:0!important;gap:14px}
body.teacher-workspace .topbar .presentation-link,body.teacher-workspace #today,body.teacher-workspace #rsBack,body.teacher-workspace #rqExit{display:none}
body.teacher-workspace .td-top-actions{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:.9rem}
body.teacher-workspace #welcomeScreen,body.teacher-workspace #appHome,body.teacher-workspace #simpleSetup,body.teacher-workspace #quizScreen,body.teacher-workspace #contestScreen,body.teacher-workspace #raceScreen,body.teacher-workspace #resultsScreen,body.teacher-workspace #progressScreen{display:none!important}
body.teacher-workspace #teacherWorkspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}
#teacherWorkspace{font-size:15px;color:var(--approved-ink)}
#teacherWorkspace *,#tdModal *{box-sizing:border-box}
#teacherWorkspace [hidden]{display:none!important}
#teacherWorkspace h1,#teacherWorkspace h2,#teacherWorkspace h3,#tdModal h2{font-family:Nunito,Arial,sans-serif;line-height:1.2;letter-spacing:0;color:var(--approved-ink)}
#teacherWorkspace h1{font-size:2rem;margin:6px 0 8px;font-weight:900}
#teacherWorkspace h2{font-size:1.1rem;margin:0 0 10px;font-weight:900}
#teacherWorkspace h3{font-size:1rem;margin:8px 0}
#teacherWorkspace p{margin:6px 0 14px;line-height:1.45;color:#50638c;font-weight:500}
#teacherWorkspace button,.td-top-actions button,#tdModal button{min-height:44px;border:1px solid #a6c3e7;border-radius:7px;background:#fff;color:#1147a1;font:700 .92rem Nunito,Arial,sans-serif;box-shadow:none;padding:9px 16px;cursor:pointer;transform:none}
#teacherWorkspace button:hover,#tdModal button:hover{background:#edf6ff}
#teacherWorkspace button:disabled{opacity:.55;cursor:default}
#teacherWorkspace button:focus-visible,#teacherWorkspace input:focus-visible,#teacherWorkspace select:focus-visible,#tdModal button:focus-visible{outline:3px solid #76baff;outline-offset:3px}
#teacherWorkspace .td-primary,#tdModal .td-primary{color:white;background:#0667ed;border-color:#0667ed}
#teacherWorkspace .td-primary:hover,#tdModal .td-primary:hover{background:#0752be}
#teacherWorkspace input:not([type=checkbox]):not([type=radio]),#teacherWorkspace select,#teacherWorkspace textarea,#tdModal textarea,#tdModal select{display:block;width:100%;min-width:0;min-height:44px;background:#fff;border:1px solid #c6d8ec;border-radius:6px;padding:10px 12px;font:inherit;color:var(--approved-ink)}
#teacherWorkspace label,#tdModal label{display:grid;gap:6px;font-weight:700}
#teacherWorkspace input[type=checkbox],#teacherWorkspace input[type=radio]{width:20px;height:20px;accent-color:#0667ed;flex-shrink:0}
#teacherWorkspace small{display:block;color:#52668a;line-height:1.45;font-size:.8rem}
#teacherWorkspace .td-icon{width:25px;height:25px;object-fit:contain;vertical-align:middle;margin-right:8px}
.td-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid #e3eef7;padding-right:15px}
#tdNav{display:grid;gap:8px}
#tdNav button{display:flex;align-items:center;text-align:left;border:0;background:transparent;gap:10px;padding:12px 14px;font-weight:700}
#tdNav button[aria-current=page]{background:#e0efff;color:#0667ed}
#tdNavToggle{display:none}
.td-sidebar-art{margin-top:auto;min-height:285px;width:100%;aspect-ratio:230 / 340;background-image:url('/assets/approved-v2/teacher-home-reference.png');background-size:667.826087% auto;background-position:left bottom;background-repeat:no-repeat}
.td-content{min-width:0}
.td-hero{display:grid;grid-template-columns:minmax(0,1fr) 39%;overflow:hidden;align-items:center;background:linear-gradient(115deg,#e1f1fe,#def2ff);border:1px solid #d4ebfd;border-radius:10px;min-height:175px;margin-bottom:18px}
.td-hero>div:first-child{padding:20px 26px;z-index:1}
#tdBack{min-height:32px;padding:4px 12px;font-size:.78rem;border:0;border-radius:20px;background:#f8fcff}
#tdKicker{margin:0;font-size:.95rem}
#teacherWorkspace[data-page=home] #tdBack{display:none}
.td-hero-art{width:100%;aspect-ratio:610 / 193;background-image:url('/assets/approved-v2/teacher-home-reference.png');background-size:251.803279% auto;background-position:98.272138% 10.589651%;background-repeat:no-repeat;align-self:stretch}
.td-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.td-tile{padding:18px 14px 14px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.td-tile-0{background:#e6f3ff}.td-tile-1{background:#e8f8ee}.td-tile-2{background:#fff9df}.td-tile-3{background:#f2eaff}
.td-tile-icon{width:88px;height:78px;object-fit:contain;margin-bottom:10px}
.td-tile p{font-size:.9rem;flex:1}.td-tile button{width:100%}
.td-panel{background:rgba(255,255,255,.95);border:1px solid var(--approved-line);border-radius:10px;padding:20px;margin-bottom:18px;min-width:0}
.td-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:15px}
.td-toolbar h2{margin:0!important}.td-toolbar label{font-size:.8rem;min-width:180px}
#teacherWorkspace .td-note{background:#e9f5ff;padding:12px 16px;border-radius:7px;font-size:.86rem;color:#34547b}
.td-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0 0 18px;list-style:none}
.td-steps li{position:relative;text-align:center;min-width:0}.td-steps li:not(:last-child):before{content:'';position:absolute;top:17px;left:50%;width:100%;height:2px;background:#bddef5}
#teacherWorkspace .td-steps button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;gap:6px;border:0;background:transparent;padding:0 4px;font-size:.78rem;line-height:1.3;color:#3c5786}
.td-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dceefc;color:#285a8a;font-size:1rem}
.td-steps [aria-current=step] span{background:#0667ed;color:white}
.td-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#teacherWorkspace .td-collection{text-align:left;display:flex;flex-direction:column;align-items:stretch;border:1px solid transparent;background:#f7fbff;gap:8px;padding:12px}
#teacherWorkspace .td-collection[aria-pressed=true]{border-color:#1680f2;box-shadow:0 0 0 2px #d4ebff}
.td-book{width:100%;height:140px;object-fit:contain}.td-collection strong{color:#142a66}
#teacherWorkspace .teacher-curriculum-level,#teacherWorkspace .teacher-practice-level{padding:18px;border:0;border-radius:8px;margin:15px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#eaf6ff}
#teacherWorkspace .teacher-practice-level{background:#f1edff}
#teacherWorkspace .teacher-level-header,#teacherWorkspace .teacher-level-note{grid-column:1/-1;margin:0}
#teacherWorkspace .teacher-level-note{font-size:.83rem}
#teacherWorkspace .teacher-level-header{align-items:center}
#teacherWorkspace .teacher-filter-section{min-width:0}
#teacherWorkspace .filter-chip-group{display:flex;flex-wrap:wrap;gap:7px}
#teacherWorkspace .filter-chip{min-height:44px;padding:7px 10px;font-size:.8rem;border:1px solid #c9dcf2;border-radius:6px;font-weight:700}
#teacherWorkspace .filter-chip[aria-pressed=true]{background:#0670ee;color:white;border-color:#0670ee}
#teacherWorkspace .compact-filter-trigger{width:100%;min-width:0;background:white;border:1px solid #c9dcf2;padding:10px;border-radius:6px}
#teacherWorkspace .compact-filter-selected,#teacherWorkspace .compact-filter-chip{max-width:100%;overflow-wrap:anywhere}
#teacherWorkspace .provenance-badge{font-size:.72rem;white-space:normal}
.td-question-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.td-question-layout>section{min-width:0}
.td-soft-panel{background:#eef7ff;border-radius:8px;padding:16px}.td-soft-panel p{font-size:.82rem}
#teacherWorkspace .teacher-quantity-label{margin:0;max-width:none;font-size:.9rem}
.td-counts{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 24px}.td-counts button{flex:1;padding:6px!important}
#teacherWorkspace .td-radio{display:flex;align-items:center;gap:10px;font-size:.88rem;min-height:44px}
.td-question-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto 44px;gap:10px;padding:12px 6px;border-bottom:1px solid #dfebf5;align-items:center;font-size:.84rem}
#teacherWorkspace .td-question-row label{display:flex;align-items:center;gap:5px}.td-question-row strong{font-weight:700;display:block}.td-question-row button{font-size:.75rem!important;padding:6px!important}
.td-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;font-size:.8rem}
#teacherWorkspace #tdModes .play-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#teacherWorkspace #tdModes button{display:flex;flex-direction:column;align-items:center;gap:15px;background:#f5fbff;border:1px solid #d3e4f7;padding:20px;color:var(--approved-ink)}
#teacherWorkspace #tdModes button[aria-pressed=true]{border:2px solid #0873ed;background:#e7f4ff}
#teacherWorkspace #tdModes button strong{font-size:1.15rem}
#teacherWorkspace #tdModes button span{color:#52668a;font-size:.9rem}
.td-mode-art{display:block;width:160px;max-width:100%;height:150px;object-fit:contain;margin:0 auto}
.td-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:15px;background:#f0f8ff;margin-bottom:20px;border-radius:8px}.td-summary-grid p{font-size:.9rem}
.td-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}.td-form-grid label{font-size:.85rem}
.td-wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;background:white;border:1px solid var(--approved-line);border-radius:8px;margin-bottom:20px}
#tdError{color:#a3243d!important;flex:1}
.td-activity-row{display:grid;grid-template-columns:80px minmax(0,1fr) 115px 135px;gap:15px;align-items:center;border-bottom:1px solid #e4edf7;padding:16px 4px}
.td-activity-book{width:80px;height:85px;object-fit:contain}.td-row-actions{display:grid;gap:5px}.td-mode-label{color:#4d36b3;font-size:.85rem}.td-empty{padding:35px;text-align:center}
.td-room-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px}.td-soft-green{background:#f0fbf4}
#teacherWorkspace .td-activity-choice{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfebf5;padding:16px 0}
#teacherWorkspace ol{line-height:1.65}.td-room-grid p{font-size:.9rem}
.td-sep-note,.td-internal-note{display:flex;align-items:center;padding:15px;background:#e8f5ff;gap:12px;margin-bottom:12px;border-radius:8px}.td-internal-note{background:#ecfaf5}.td-sep-note p,.td-internal-note p{margin:0!important;font-size:.85rem}
.td-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:900px;overflow:auto;padding:4px}
#teacherWorkspace .td-explore-grid button{text-align:left;display:grid;grid-template-columns:65px minmax(0,1fr);gap:6px 10px;padding:12px;border-color:#cfe0f3;font-size:.85rem}.td-explore-grid small{grid-column:2}.td-topic-art{width:65px;height:65px;object-fit:contain;grid-row:1/3}
.td-modal{width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #c3daf3;border-radius:12px;color:var(--approved-ink);box-shadow:0 18px 70px #11295738;font-family:Nunito,Arial,sans-serif;overflow:auto}
.td-modal::backdrop{background:#11295766}.td-modal header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.td-modal h2{margin:0;font-size:1.35rem}.td-modal label{margin:15px 0}.td-preview-image{display:block;max-width:100%;max-height:280px;margin:auto;object-fit:contain}.td-preview-options{padding-left:30px;line-height:1.8}.td-modal .td-note{font-size:.85rem;color:#536889}
/* Salas, resultados, ingreso y revisión comparten el lenguaje visual aprobado. */
#evaluationHostScreen,#contestScreen,#raceScreen,#resultsScreen,#progressScreen{border:1px solid var(--approved-line);border-radius:12px;background:#fff;box-shadow:none;color:var(--approved-ink);padding:24px}
#evaluationHostScreen button,#contestScreen button,#raceScreen button,#resultsScreen button,#progressScreen button,#joinGamePanel button{box-shadow:none;border-radius:8px;min-height:44px;font-family:Nunito,Arial,sans-serif}
#evaluationHostScreen .primary,#contestScreen .primary,#raceScreen .primary,#resultsScreen .primary,#progressScreen .primary,#joinGamePanel .primary{background:#0768e8;color:#fff;border:1px solid #0768e8}
#evaluationHostScreen .secondary,#contestScreen .secondary,#raceScreen .secondary,#resultsScreen .secondary,#progressScreen .secondary{background:white;color:#1252b3;border:1px solid #aecbed}
#evaluationHostScreen{grid-template-columns:minmax(0,1fr) 290px;gap:18px}
#evaluationHostScreen.is-visible{display:grid}
#evaluationHostScreen .evaluation-host-header{grid-column:1/-1;display:flex;justify-content:space-between;padding:18px;border:0;border-radius:8px;background:#e6f4ff}
#evaluationHostScreen .evaluation-room-code{font-size:1.6rem;letter-spacing:3px}
#evaluationHostScreen>p:first-of-type{grid-column:2;grid-row:3;font-size:.85rem;overflow-wrap:anywhere;padding:15px;background:#f1f9ff;border-radius:8px;margin:0}
#evaluationHostScreen .evaluation-host-meta{grid-column:2;grid-row:4;display:grid;grid-template-columns:1fr;gap:8px;margin:0}
#evaluationHostScreen .evaluation-host-meta>div{background:#eff9f4;border:0;border-radius:8px;padding:12px;font-size:.85rem}
#evaluationHostScreen>h3{grid-column:1;grid-row:2;margin:0}
#evaluationHostScreen .evaluation-roster{grid-column:1;grid-row:3 / 6;margin:0;padding:0;align-self:start}
#evaluationHostScreen .evaluation-roster li{display:grid;grid-template-columns:minmax(0,1fr) 85px 60px 75px auto;gap:10px;align-items:center;padding:16px 10px;border:1px solid #deebf7;border-radius:8px;background:#fff;margin-bottom:10px;font-size:.85rem}
#evaluationHostScreen .evaluation-roster li:has(strong):before{content:'';display:block;width:40px;height:40px;background:var(--participant-avatar) center/contain no-repeat;grid-row:1;grid-column:1}
#evaluationHostScreen .evaluation-roster li:has(strong)>strong{grid-column:1;grid-row:1;padding-left:48px;overflow-wrap:anywhere}
#evaluationHostScreen .evaluation-host-actions{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;margin:0;align-self:start}
#evaluationHostScreen .evaluation-host-actions button{width:100%;font-size:.84rem}
#evaluationHostScreen .evaluation-host-note{grid-column:1/-1;font-size:.75rem;color:#637997}
#resultsScreen .stat,#progressScreen .stat{border:1px solid #d6e6f5;box-shadow:none;background:#edf7ff;border-radius:10px}
#resultsScreen .stat:nth-child(2){background:#e8f8ef}#resultsScreen .stat:nth-child(3){background:#fff6e7}#resultsScreen .stat:nth-child(4){background:#f3eeff}
#resultsScreen h1,#progressScreen h1,#raceScreen h1{font-family:Nunito,Arial,sans-serif;font-weight:900;font-size:2rem}
#resultsScreen .mastery-box,#resultsScreen .missed,#resultsScreen .message{border:1px solid #dbe9f6;box-shadow:none;border-radius:9px;background:#f7fbff}
#contestScreen .contest-side,#contestScreen .contest-board,#contestScreen .contest-roster,#raceScreen .join-link{border:1px solid #dbe9f6;background:#eff8ff;border-radius:10px;box-shadow:none}
#contestScreen .option{border:1px solid #bddafa;box-shadow:none;border-radius:10px}
#raceScreen .race-board{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
.review-panel,.evaluation-result-panel,.compact-filter-panel{border:1px solid #bddafa!important;border-radius:12px!important;box-shadow:0 16px 60px #12275330!important;max-width:100%;max-height:calc(100dvh - 30px)!important}
.evaluation-result-dialog{max-width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)!important;border:1px solid #bddafa!important;border-radius:12px!important;overflow:auto}
body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen{background:#fff;border:1px solid var(--approved-line);border-radius:12px;box-shadow:none}
body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen .experience-switch,body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen .student-mode-heading,body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen #studentModeGrid,body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen .student-action-heading,body.welcome-setup:not(.teacher-workspace):not(.simple-setup) #welcomeScreen .student-choice-grid{display:none}
@media(max-width:1100px){body.teacher-workspace #teacherWorkspace{grid-template-columns:170px minmax(0,1fr);gap:16px}.td-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.td-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.td-room-grid{grid-template-columns:1fr 1fr}.td-room-grid>section:last-child{grid-column:1/-1}.td-question-layout{grid-template-columns:210px minmax(0,1fr)}.td-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.td-hero{grid-template-columns:minmax(0,1fr) 35%}#evaluationHostScreen{grid-template-columns:1fr}#evaluationHostScreen .evaluation-host-header,#evaluationHostScreen .evaluation-host-meta,#evaluationHostScreen .evaluation-host-actions,#evaluationHostScreen .evaluation-roster,#evaluationHostScreen>h3,#evaluationHostScreen>p:first-of-type{grid-column:1;grid-row:auto}#evaluationHostScreen .evaluation-roster{order:2}#evaluationHostScreen>h3{order:1}#evaluationHostScreen .evaluation-host-actions{order:3}#evaluationHostScreen>p:first-of-type,#evaluationHostScreen .evaluation-host-meta{order:4}#evaluationHostScreen .evaluation-host-note{order:5}}
@media(max-width:760px){body.teacher-workspace{padding:0 12px 12px}body.teacher-workspace #teacherWorkspace{grid-template-columns:minmax(0,1fr);gap:12px}body.teacher-workspace .topbar{margin:0 -12px 12px;flex-wrap:wrap;padding:12px!important}body.teacher-workspace .brand-copy strong{font-size:1.25rem!important}body.teacher-workspace .brand-logo{width:40px!important;height:40px!important}.td-top-actions{width:100%;justify-content:space-between;gap:6px!important}.td-top-actions span{font-size:.8rem}.td-sidebar{border:0;padding:0}.td-sidebar-art{display:none}#tdNavToggle{display:block;text-align:left;width:100%;background:#e7f3ff}#tdNav{display:none;background:#fff;padding:10px;border:1px solid var(--approved-line);border-radius:8px;margin-top:8px}#tdNav.is-open{display:grid;grid-template-columns:1fr 1fr}.td-hero{grid-template-columns:1fr 160px;min-height:140px}.td-hero>div:first-child{padding:16px}.td-hero-art{align-self:center}#teacherWorkspace h1{font-size:1.65rem}.td-panel{padding:16px}#teacherWorkspace .teacher-curriculum-level,#teacherWorkspace .teacher-practice-level{grid-template-columns:1fr;padding:14px}.td-question-layout{grid-template-columns:1fr}.td-soft-panel{padding:14px}.td-counts{margin:10px 0}.td-summary-grid{grid-template-columns:1fr 1fr}.td-form-grid{grid-template-columns:1fr}.td-activity-row{grid-template-columns:60px minmax(0,1fr);gap:10px}.td-activity-book{width:60px;height:70px}.td-mode-label{grid-column:2}.td-row-actions{grid-column:1/-1;display:flex}.td-row-actions button{flex:1}.td-room-grid{grid-template-columns:1fr}.td-room-grid>section:last-child{grid-column:auto}.td-steps{gap:0}.td-steps button{font-size:.68rem!important}.td-wizard-footer{flex-wrap:wrap;gap:8px}.td-wizard-footer #tdError{flex-basis:100%;order:3;margin:0}#evaluationHostScreen{padding:14px}#evaluationHostScreen .evaluation-roster li{grid-template-columns:1fr 1fr;gap:10px}#evaluationHostScreen .evaluation-roster li>strong{grid-column:1/-1!important;min-height:40px;display:flex;align-items:center}#evaluationHostScreen .evaluation-roster li:before{grid-column:1!important}#evaluationHostScreen .evaluation-roster li>button{grid-column:1/-1}#evaluationHostScreen .evaluation-host-header{flex-wrap:wrap}#resultsScreen .results-grid{grid-template-columns:1fr 1fr}#resultsScreen,#contestScreen,#raceScreen,#progressScreen{padding:16px;min-width:0}.review-footer{flex-wrap:wrap}#raceScreen .qr-panel{flex-wrap:wrap}#raceScreen .join-link a{overflow-wrap:anywhere}}
@media(max-width:480px){.td-hero{grid-template-columns:1fr}.td-hero-art{width:220px;justify-self:end;min-height:70px;align-self:end}.td-tiles{grid-template-columns:1fr}.td-tile{display:grid;grid-template-columns:75px minmax(0,1fr);text-align:left;gap:8px 14px}.td-tile-icon{width:75px;height:75px;grid-row:1/3;margin:0}.td-tile button{grid-column:1/-1}.td-tile p,.td-tile h2{margin:0!important}.td-collections{grid-template-columns:1fr 1fr;gap:10px}.td-book{height:100px}.td-collection{padding:8px!important;font-size:.8rem!important}.td-steps button{font-size:.62rem!important}.td-steps span{width:28px;height:28px}.td-steps li:before{top:14px!important}.td-question-row{grid-template-columns:35px minmax(0,1fr) 44px}.td-question-row>button[data-preview]{grid-column:2;grid-row:2}.td-question-row>button[data-comment]{grid-column:3;grid-row:1/3}.td-question-row>label{align-self:start}.td-question-row>div{grid-column:2}.td-explore-grid{grid-template-columns:1fr}.td-summary-grid{grid-template-columns:1fr}#teacherWorkspace #tdModes .play-mode-grid{grid-template-columns:1fr}.td-mode-art{height:125px}.td-empty{padding:18px}.td-toolbar label{width:100%}.td-modal{padding:16px}#tdNav.is-open{grid-template-columns:1fr}#resultsScreen .actions,#progressScreen .actions{flex-direction:column;align-items:stretch}}
/* Eliminar la textura de útiles y los colores del encabezado anterior. */
body::before{display:none}
body.teacher-workspace{display:block}
body:not(.home-active):not(.simple-setup):not(.simple-question) .brand-copy span{color:#1469d5;font-size:1rem;font-weight:600}
body:not(.home-active):not(.simple-setup):not(.simple-question) .brand-logo{filter:none}
.td-top-actions{color:#233f72}
#teacherWorkspace .td-hero-art{align-self:center}
#teacherWorkspace .teacher-level-header h3{display:flex;align-items:center;gap:8px}
#teacherWorkspace .teacher-curriculum-level .teacher-level-header h3::before{content:'';width:36px;height:36px;background:url('/assets/approved-icons-v1/04_curriculo/estructura_sep.png') center/contain no-repeat;flex-shrink:0}
#teacherWorkspace .teacher-practice-level .teacher-level-header h3::before{content:'';width:36px;height:36px;background:url('/assets/approved-icons-v1/04_curriculo/organizacion_aprende.png') center/contain no-repeat;flex-shrink:0}
@media(max-width:760px){body:not(.home-active):not(.simple-setup):not(.simple-question) .brand-copy span{font-size:.78rem}#teacherWorkspace .teacher-level-header{align-items:flex-start;gap:10px}}
#tdQuestionList{max-height:460px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}
#evaluationHostScreen.is-visible{display:block;width:100%;max-width:none}
#evaluationHostScreen .evaluation-room-code{border:1px solid #b4d3ef;min-height:44px;padding:8px 12px;border-radius:7px;background:white;color:#093c8d;font-size:1.35rem;letter-spacing:.14em;user-select:all}
#tdCopyCode{display:block;margin-top:6px;font-size:.8rem!important;padding:5px 10px!important}
#evaluationHostScreen .td-room-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;margin-top:20px}
#evaluationHostScreen .td-room-participants{min-width:0}
#evaluationHostScreen .td-room-participants>h3{display:flex;align-items:center;gap:10px;margin:0 0 15px}
#evaluationHostScreen .td-room-participants>h3:before{content:'';width:30px;height:30px;background:url('/assets/approved-icons-v1/06_sala/participantes.png') center/contain no-repeat}
#evaluationHostScreen .td-room-controls{display:flex;flex-direction:column;gap:14px;min-width:0}
#evaluationHostScreen .td-room-controls>p{overflow-wrap:anywhere;font-size:.85rem;margin:0;padding:12px;background:#eef8ff;border-radius:8px}
#evaluationHostScreen .evaluation-host-actions{display:flex;flex-direction:column;gap:8px;width:100%}
#evaluationHostScreen .evaluation-host-meta{display:grid;grid-template-columns:1fr;margin:0;width:100%}
#evaluationHostScreen #evaluationStartBtn{background:#0aaa65;border-color:#0aaa65}
#evaluationHostScreen .evaluation-roster{display:grid;align-content:start;gap:8px}
#evaluationHostScreen[data-phase=waiting] .evaluation-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
#evaluationHostScreen[data-phase=waiting] .evaluation-roster li{grid-template-columns:1fr;gap:4px;background:#f8fcff;padding:12px}
#evaluationHostScreen[data-phase=waiting] .evaluation-roster-progress,#evaluationHostScreen[data-phase=waiting] .evaluation-roster-score,#evaluationHostScreen[data-phase=waiting] .evaluation-roster li>span[aria-hidden]{display:none}
#evaluationHostScreen[data-phase=waiting] .evaluation-roster li>strong{min-height:40px;display:flex;align-items:center}
#evaluationHostScreen[data-phase=waiting] .evaluation-roster-state{color:#158653;padding-left:48px}
#tdRoomStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
#tdRoomStats[hidden]{display:none!important}
.td-room-stat{padding:16px;border-radius:9px;background:#eaf5ff;display:grid;gap:5px;text-align:center}.td-room-stat strong{font-size:1.9rem}.td-room-stat span{font-size:.84rem}.td-stat-1{background:#e7f8ed}.td-stat-2{background:#fff7df}.td-stat-3{background:#f2eaff}
@media(max-width:1100px){#evaluationHostScreen .td-room-body{grid-template-columns:1fr}#evaluationHostScreen .td-room-controls{display:grid;grid-template-columns:1fr 1fr}#evaluationHostScreen .evaluation-host-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}#evaluationHostScreen .evaluation-host-actions button{width:auto;flex:1}#evaluationHostScreen .evaluation-host-meta{order:0}}
@media(max-width:600px){#evaluationHostScreen .td-room-controls{display:flex}#evaluationHostScreen .evaluation-host-actions{flex-direction:column}#evaluationHostScreen .evaluation-host-actions button{width:100%}#tdRoomStats{grid-template-columns:1fr 1fr}#evaluationHostScreen[data-phase=waiting] .evaluation-roster{grid-template-columns:1fr}#tdQuestionList{max-height:none;overflow:visible;padding-right:0}}
/* Encabezado y controles comunes también fuera del área docente. */
body:not(.home-active):not(.simple-setup):not(.simple-question) #today{display:none}
body:not(.home-active):not(.simple-setup):not(.simple-question) .presentation-link{background:#fff;color:#1854aa;border:1px solid #bed5ef;border-radius:20px;box-shadow:none;padding:10px 16px;font-size:.9rem;min-height:44px}
#contestScreen .team-card{border:1px solid #c7ddf3;border-radius:10px;background:#fff;box-shadow:none}
#contestScreen .progress-track,#raceScreen .progress-track{border:0;background:#dbeafa;border-radius:20px;box-shadow:none}
#contestScreen .progress-fill,#raceScreen .progress-fill{background:#0cbd78}
#contestScreen .contest-actions,#raceScreen .contest-actions{flex-wrap:wrap}
#contestScreen .question,#raceScreen .question{font-family:Nunito,Arial,sans-serif;color:#0a215c}
#contestScreen .option:focus-visible{outline:3px solid #81baff;outline-offset:2px}
#joinGamePanel{border:1px solid #d5e6f7;background:#edf7ff;border-radius:10px;box-shadow:none}
#joinGamePanel input{border:1px solid #b6d2ee;background:white;border-radius:8px;min-height:48px}
@media(max-width:760px){body:not(.home-active):not(.simple-setup):not(.simple-question) .topbar{flex-wrap:wrap;gap:12px}#contestScreen .contest-layout{grid-template-columns:1fr}#contestScreen .qr-panel{flex-wrap:wrap}#contestScreen .join-link a{overflow-wrap:anywhere}#contestScreen .contest-actions>button,#raceScreen .contest-actions>button{flex:1 1 180px}}
#evaluationHostScreen .td-room-controls .evaluation-host-actions{order:0}
#evaluationHostScreen .td-code-block{order:1;padding:16px;background:#edf9f2;border-radius:8px}
#evaluationHostScreen .td-room-controls>p{order:2}
#evaluationHostScreen .td-room-controls .evaluation-host-meta{order:3}
#evaluationHostScreen .td-code-block .mini-label{display:block;margin-bottom:6px;color:#335779}
#evaluationHostScreen .td-code-block #tdCopyCode{display:inline-block;margin-left:8px}
@media(max-width:1100px){#evaluationHostScreen .td-code-block{grid-column:1/-1}}
#teacherWorkspace{min-height:calc(100dvh - 115px)}
#teacherWorkspace #tdModes .mode-button::before,#teacherWorkspace #tdModes .mode-button::after{display:none}
#teacherWorkspace #tdModes .mode-button{border-left:1px solid #d3e4f7;background-image:none;position:relative}
#teacherWorkspace #tdModes .mode-button[aria-pressed=true]{border:2px solid #0873ed}
#teacherWorkspace .td-mode-features{font-size:.87rem;text-align:left;line-height:1.55;padding-left:20px;margin:5px 0;color:#405a81;align-self:stretch;flex:1}
#teacherWorkspace .td-steps .is-complete span{background:#0aaf75;color:white}
.td-explore-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px}
.td-explore-grid{max-height:460px;align-content:start;grid-auto-rows:max-content}
#teacherWorkspace .td-explore-grid button{height:auto;min-height:91px;align-content:center}
.td-explore-grid strong,.td-explore-grid small{min-width:0;overflow-wrap:anywhere}
.td-explore-grid .td-topic-art{align-self:center}
#tdExploreDetail{padding:16px;background:#edf7ff;border-radius:8px;align-self:start;overflow-wrap:anywhere}
#tdExploreDetail p{font-size:.86rem}
.td-explore-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#eaf5ff;padding:14px;border-radius:8px;margin-bottom:16px}
.td-explore-filters label{font-size:.85rem}
@media(max-width:1100px){.td-explore-layout{grid-template-columns:1fr}.td-explore-grid{max-height:600px}}
@media(max-width:600px){.td-explore-grid{max-height:650px}.td-explore-filters{grid-template-columns:1fr}}
body.welcome-setup:not(.simple-setup):not(.teacher-workspace) #welcomeScreen .name-box input{background:#fff;border:1px solid #b8d3ee;border-radius:8px;box-shadow:none;min-height:48px;font:inherit}
body.welcome-setup:not(.simple-setup):not(.teacher-workspace) #welcomeScreen .profile-panel{background:#edf7ff;border:1px solid #d4e6f7;border-radius:8px;box-shadow:none;padding:14px}
body.welcome-setup:not(.simple-setup):not(.teacher-workspace) #welcomeScreen .profile-note{font-weight:500;color:#48668b}
body.welcome-setup:not(.simple-setup):not(.teacher-workspace) #welcomeScreen .guest-option{display:flex;align-items:flex-start;gap:10px}
body.welcome-setup:not(.simple-setup):not(.teacher-workspace) #viewProgressBtn{display:none}
#contestScreen[data-phase=waiting] .contest-layout{grid-template-columns:1fr;gap:18px}
#contestScreen[data-phase=waiting] .contest-main{min-height:0;padding:18px;background:#e7f4ff;border:0;border-radius:10px}
#contestScreen[data-phase=waiting] .contest-side{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;padding:16px;background:#f8fcff}
#contestScreen[data-phase=waiting] .contest-board{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;background:white}
#contestScreen[data-phase=waiting] .contest-roster{grid-column:1;background:white;padding:12px}
#contestScreen[data-phase=waiting] .join-link{grid-column:2;grid-row:1/3;background:#edf8f2;border:1px solid #d8ebdf;border-radius:8px}
#contestScreen[data-phase=waiting] .manual-buzz{grid-column:1/-1}
.qr-panel img[hidden]{display:none}
@media(max-width:760px){body.welcome-setup:not(.simple-setup):not(.teacher-workspace) .brand-copy strong{font-size:1.25rem}body.welcome-setup:not(.simple-setup):not(.teacher-workspace) .brand{gap:10px;min-width:0}#contestScreen[data-phase=waiting] .contest-side{grid-template-columns:1fr}#contestScreen[data-phase=waiting] .join-link{grid-column:1;grid-row:auto}#contestScreen[data-phase=waiting] .contest-board{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Cintillas originales correspondientes a cada pantalla aprobada. */
#teacherWorkspace[data-page=wizard][data-wizard-step="1"] .td-hero-art{background-image:url('/assets/approved-v2/teacher-step1-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:521 / 146}
#teacherWorkspace[data-page=wizard][data-wizard-step="2"] .td-hero-art{background-image:url('/assets/approved-v2/teacher-step2-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=wizard][data-wizard-step="3"] .td-hero-art{background-image:url('/assets/approved-v2/teacher-step3-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=wizard][data-wizard-step="4"] .td-hero-art{background-image:url('/assets/approved-v2/teacher-step4-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=wizard][data-wizard-step="5"] .td-hero-art{background-image:url('/assets/approved-v2/teacher-step5-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=activities] .td-hero-art{background-image:url('/assets/approved-v2/teacher-activities-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=create] .td-hero-art{background-image:url('/assets/approved-v2/teacher-create-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:584 / 164}
#teacherWorkspace[data-page=results] .td-hero-art{background-image:url('/assets/approved-v2/teacher-waiting-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:635 / 151}
#teacherWorkspace[data-page=results]:has(#evaluationHostScreen[data-phase=results]) .td-hero-art{background-image:url('/assets/approved-v2/teacher-results-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:635 / 151}
#teacherWorkspace[data-page=explore] .td-hero-art{background-image:url('/assets/approved-v2/teacher-explore-reference.png');background-size:263.157895% auto;background-position:98.387097% 9.52381%;aspect-ratio:635 / 151}

/* Contenido curricular: dos franjas, sus rótulos laterales y cinco selectores. */
#teacherWorkspace .curriculum-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin:0 4px 18px}
#teacherWorkspace .curriculum-heading h2{font-size:23px;margin-bottom:6px}
#teacherWorkspace .curriculum-heading p{font-size:16px;margin:0;color:#4563a1}
.curriculum-book{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#edf7ff;border-radius:12px;min-height:76px}
.curriculum-book strong,.curriculum-book span{display:block}.curriculum-book strong{color:#0065f4;margin-bottom:6px}.curriculum-book span{font-size:14px;color:#375b9b}.curriculum-book img{width:77px;height:66px;object-fit:contain}
#teacherWorkspace .curriculum-reference #teacherCurriculumLevel,#teacherWorkspace .curriculum-reference #teacherPracticeLevel{display:grid;grid-template-columns:165px repeat(3,minmax(0,1fr));gap:0;padding:0;margin:12px 0;background:transparent;align-items:stretch}
#teacherWorkspace .curriculum-reference .teacher-level-header,#teacherWorkspace .curriculum-reference .teacher-level-note{display:none}
#teacherWorkspace .curriculum-reference .curriculum-rail{padding:20px 16px;background:linear-gradient(120deg,#dcf0ff,#e4f3ff);border-radius:12px;margin-right:12px}
#teacherWorkspace .curriculum-reference #teacherPracticeLevel .curriculum-rail{background:linear-gradient(125deg,#fff0e5,#fff4df)}
.curriculum-rail>img{width:50px;height:44px;object-fit:contain}
#teacherWorkspace .curriculum-rail h3{font-size:20px;margin:5px 0 10px;line-height:1.16}
#teacherWorkspace .curriculum-rail p{font-size:14px;line-height:1.3;margin:0;color:#4563a1}
#teacherWorkspace .curriculum-control{padding:22px 18px 20px;background:linear-gradient(125deg,#eaf6ff,#edf8ff);min-width:0;position:relative}
#teacherWorkspace #teacherPracticeLevel .curriculum-control{background:linear-gradient(125deg,#f1ecff,#f5f1ff)}
#teacherWorkspace .curriculum-control h3{font-size:19px;margin:0 0 7px}
#teacherWorkspace .curriculum-control .curriculum-help{font-size:15px;color:#4c68a7;line-height:1.35;min-height:42px;margin:0 0 15px}
#teacherWorkspace .curriculum-reference .compact-filter{margin:0;height:auto;overflow:visible}
#teacherWorkspace .curriculum-reference .compact-filter-trigger{height:auto;min-height:60px;border:1px solid #bfd0fb;border-radius:7px;padding:9px 30px 9px 52px;position:relative;box-shadow:none;gap:4px}
#teacherWorkspace .curriculum-reference .compact-filter-trigger:before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:31px;height:31px;background:var(--curriculum-icon) center/contain no-repeat}
#teacherWorkspace .curriculum-reference .compact-filter-trigger:after{content:'⌄';position:absolute;right:10px;color:#00249b;font-size:20px}
#teacherWorkspace .curriculum-reference .compact-filter-action{display:none}
#teacherWorkspace .curriculum-reference .compact-filter-summary{max-height:none;display:block}
#teacherWorkspace .curriculum-reference .compact-filter-chip,#teacherWorkspace .curriculum-reference .compact-filter-all{font-size:14px;line-height:1.3;font-weight:500;color:#04168c;background:none;border-radius:0;padding:0;max-width:none;white-space:normal;overflow:visible;display:block}
#teacherWorkspace .curriculum-reference .compact-filter-chip+.compact-filter-chip{margin-top:5px}
#teacherWorkspace .curriculum-tip{margin:0;padding:24px 17px;display:flex;align-items:flex-start;gap:10px;background:#f3efff;border-radius:0 12px 12px 0;min-width:0}
.curriculum-tip>img{width:38px;height:46px;object-fit:contain;flex-shrink:0}
#teacherWorkspace .curriculum-tip>div{background:#fff;border-radius:10px;padding:14px 12px}
#teacherWorkspace .curriculum-tip h3{font-size:15px;margin:0 0 12px}
#teacherWorkspace .curriculum-tip p{font-size:14px;line-height:1.4;color:#4563a1;margin:0}
#teacherWorkspace .curriculum-reference #teacherSubjectSection:not([hidden]){grid-column:2/-1;padding:15px;background:#f1edff}
#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-panel{margin-bottom:0;border-radius:12px 12px 0 0}
#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-wizard-footer{border-top:0;border-radius:0 0 12px 12px;padding:16px;margin-top:0}
#teacherWorkspace[data-wizard-step="2"][data-page=wizard] #tdNext{min-width:220px}
@media(min-width:1200px){#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-hero h1{font-size:36px}#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-hero p{font-size:19px}#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-steps{margin:22px 0}#teacherWorkspace[data-wizard-step="2"][data-page=wizard] .td-steps button{font-size:14px}}
@media(max-width:1200px){#teacherWorkspace .curriculum-reference #teacherCurriculumLevel,#teacherWorkspace .curriculum-reference #teacherPracticeLevel{grid-template-columns:135px repeat(3,minmax(0,1fr))}#teacherWorkspace .curriculum-control{padding:18px 10px}#teacherWorkspace .curriculum-control h3{font-size:16px}#teacherWorkspace .curriculum-rail h3{font-size:17px}.curriculum-book{max-width:100%}#teacherWorkspace .curriculum-heading{grid-template-columns:1fr 235px}.curriculum-tip>img{display:none}#teacherWorkspace .curriculum-tip{padding:15px 10px}}
@media(max-width:900px){#teacherWorkspace .curriculum-heading{grid-template-columns:1fr}.curriculum-book{width:300px}#teacherWorkspace .curriculum-reference #teacherCurriculumLevel,#teacherWorkspace .curriculum-reference #teacherPracticeLevel{grid-template-columns:1fr}#teacherWorkspace .curriculum-reference .curriculum-rail{margin:0;display:grid;grid-template-columns:45px 1fr;gap:4px 12px;padding:14px}#teacherWorkspace .curriculum-rail h3{margin:0;font-size:19px}#teacherWorkspace .curriculum-rail br{display:none}#teacherWorkspace .curriculum-rail p{grid-column:2}#teacherWorkspace .curriculum-rail img{grid-row:1/3}#teacherWorkspace .curriculum-control{padding:18px}#teacherWorkspace .curriculum-control .curriculum-help{min-height:0}#teacherWorkspace .curriculum-tip{padding:16px;border-radius:0 0 12px 12px}#teacherWorkspace .curriculum-reference #teacherSubjectSection:not([hidden]){grid-column:1}#teacherWorkspace[data-wizard-step="2"][data-page=wizard] #tdNext{min-width:0}.curriculum-book{width:100%}}
/* Recortes directos de las referencias compartidas: sin márgenes ni texto sobrante. */
#teacherWorkspace .curriculum-rail-icon{display:block;width:56px;height:46px;background:url('/assets/approved-v2/curriculum-icons-reference.png') -25px -17px / 1178px 388px no-repeat}
#teacherWorkspace [data-rail-icon=organizacion_aprende]{height:54px;background-position:-25px -205px}
#teacherWorkspace .curriculum-reference .compact-filter-trigger:before{width:38px;height:36px;left:10px;background-image:url('/assets/approved-v2/curriculum-icons-reference.png');background-size:1178px 388px;background-repeat:no-repeat}
#teacherWorkspace #teacherFieldChips .compact-filter-trigger:before{background-position:-203px -103px}
#teacherWorkspace #teacherContentChips .compact-filter-trigger:before{background-position:-518px -101px}
#teacherWorkspace #teacherPdaChips .compact-filter-trigger:before{background-position:-850px -101px}
#teacherWorkspace #teacherTopicChips .compact-filter-trigger:before{background-position:-205px -287px}
#teacherWorkspace #teacherFamilyChips .compact-filter-trigger:before{width:42px;background-position:-535px -287px}
#teacherWorkspace .curriculum-tip{padding:22px 16px;background:#f1edff;display:flex;align-items:stretch}
#teacherWorkspace .curriculum-tip>div{position:relative;background:white;border-radius:14px;padding:20px 16px;width:100%;box-shadow:0 5px 18px #5846bd08}
#teacherWorkspace .curriculum-tip>div:after{content:'';position:absolute;left:-11px;bottom:22px;width:20px;height:20px;background:white;clip-path:polygon(100% 0,100% 100%,0 85%)}
#teacherWorkspace .curriculum-tip-icon{position:absolute;left:12px;top:15px;width:42px;height:46px;background:url('/assets/approved-v2/curriculum-icons-reference.png') -875px -219px / 1178px 388px no-repeat}
#teacherWorkspace .curriculum-tip h3{padding-left:44px;font-size:16px;color:#000080;line-height:1.35;margin:0 0 14px}
#teacherWorkspace .curriculum-tip p{padding-left:25px;font-size:15px;line-height:1.4;color:#405bb0}
#teacherWorkspace .curriculum-reference .curriculum-rail{background:#dfF0ff}
#teacherWorkspace .curriculum-reference #teacherPracticeLevel .curriculum-rail{background:#fff0df}
#teacherWorkspace .curriculum-control{background:#eaf6ff}
#teacherWorkspace #teacherPracticeLevel .curriculum-control{background:#f1edff}
#teacherWorkspace .curriculum-control:not(:last-child):after{content:'';position:absolute;right:0;top:20px;bottom:24px;width:1px;background:#c8d9fb}
#teacherWorkspace .curriculum-reference h2,#teacherWorkspace .curriculum-reference h3{color:#000080}
#teacherWorkspace .curriculum-heading p,#teacherWorkspace .curriculum-rail p,#teacherWorkspace .curriculum-control .curriculum-help{color:#405db0}
#teacherWorkspace .curriculum-control h3{font-weight:800}
#teacherWorkspace .curriculum-reference .compact-filter-chip,#teacherWorkspace .curriculum-reference .compact-filter-all{color:#00008a;font-size:16px}
#teacherWorkspace[data-page=wizard][data-wizard-step="2"] .td-hero h1{color:#000080}
#teacherWorkspace[data-page=wizard][data-wizard-step="2"] .td-hero p{color:#3b5aae}
#teacherWorkspace .td-steps button:disabled{opacity:1;color:#4560ad}
#tdNav button{font-size:16px;color:#000095;gap:13px;padding:10px 8px;min-height:52px}
#tdNav button .td-icon{display:none}
#tdNav button:before,#tdHelpTop:before{content:'';display:block;flex-shrink:0;width:32px;height:32px;background-image:url('/assets/approved-v2/curriculum-sidebar-reference.png');background-size:209px 874px;background-repeat:no-repeat}
#tdNav [data-td-page=home]:before{background-position:-20px -35px}
#tdNav [data-td-page=activities]:before{background-position:-20px -86px}
#tdNav [data-td-page=resources]:before{background-position:-20px -186px}
#tdNav [data-td-page=settings]:before{background-position:-20px -237px}
#tdNav [data-td-page=help]:before,#tdHelpTop:before{background-position:-20px -289px}
.td-top-actions #tdHelpTop{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;box-shadow:none;color:#000095;font-size:16px;padding:6px 16px;min-height:44px}
.td-top-actions>span{border-left:1px solid #cfe0fb;padding:10px 0 10px 20px;color:#000095;font-size:16px}
@media(max-width:1200px){#teacherWorkspace .curriculum-tip h3{font-size:14px}#teacherWorkspace .curriculum-tip p{padding-left:0;font-size:14px}#teacherWorkspace .curriculum-tip{padding:15px 10px}}
@media(max-width:900px){#teacherWorkspace .curriculum-rail-icon{grid-row:1/3;transform:scale(.85);transform-origin:top left}#teacherWorkspace .curriculum-reference .curriculum-rail{grid-template-columns:52px 1fr}#teacherWorkspace .curriculum-tip h3{font-size:16px}#teacherWorkspace .curriculum-tip p{font-size:15px;padding-left:25px}#teacherWorkspace .curriculum-control:after{display:none}}
@media(max-width:480px){.td-top-actions #tdHelpTop{font-size:14px;gap:3px;padding:4px}.td-top-actions>span{font-size:13px;padding-left:10px}}
/* Proporción del personaje y navegación de la referencia lateral. */
#teacherWorkspace .td-sidebar-art{min-height:0;width:100%;aspect-ratio:209 / 330;background-image:url('/assets/approved-v2/curriculum-sidebar-reference.png');background-size:100% auto;background-position:left bottom;background-repeat:no-repeat}
#teacherWorkspace #tdBack{border:0;border-radius:999px;min-height:36px;background:#f5fbff;box-shadow:0 3px 8px #3882d824;color:#000095;padding:7px 16px;font-size:14px}
#teacherWorkspace .td-steps li:not(:last-child):before{background:#b0bef1;height:1px}
#teacherWorkspace .td-steps li:has(.is-complete):before{background:linear-gradient(90deg,#08b678 0 65%,#076dff 65% 100%)}
#teacherWorkspace .td-steps button{font-weight:500;color:#405bb0}
#teacherWorkspace .td-steps button[aria-current=step]{color:#0066ff}

/* Aprovecha monitores amplios sin cambiar la composición móvil. */
@media(min-width:1440px){
 body main.app,body.home-active main.app,body.simple-setup main.app,body.simple-question main.app,body.teacher-workspace main.app{width:100%;max-width:1920px;margin-inline:auto}
 body{padding-inline:clamp(24px,3vw,72px)}
 body.teacher-workspace{padding-inline:clamp(24px,3vw,72px)}
 #teacherWorkspace{grid-template-columns:230px minmax(0,1fr)}
 .td-panel p,.learning-copy{max-width:85ch}
}

/* Página de consulta de recursos docentes. */
.td-resource-curriculum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:22px 0;padding:20px;background:#f0f8ff;border-radius:12px}
.td-resource-curriculum li{margin-bottom:8px}.td-resource-count{font-size:.85em;color:#2864ac}
.td-resource-questions{display:grid;gap:18px}.td-resource-question{min-width:0;border:1px solid #cbdfff;border-radius:12px;padding:22px;background:#fff;overflow-wrap:anywhere}
.td-resource-question header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#42669a}.td-resource-question h3{font-size:1.15rem;line-height:1.55;margin:16px 0}.td-resource-question .td-preview-options li{padding:10px;line-height:1.5}.td-resource-question button{margin-top:12px}
@media(max-width:700px){.td-resource-curriculum{grid-template-columns:1fr;padding:16px;gap:12px}.td-resource-question{padding:16px}.td-resource-detail .td-toolbar{align-items:stretch;flex-direction:column}}
.td-resource-question{padding:0}.td-resource-question summary{display:flex;gap:12px;cursor:pointer;padding:18px;font-weight:700;line-height:1.5;list-style:none}.td-resource-question summary:after{content:'+';margin-left:auto;flex:none}.td-resource-question[open] summary:after{content:'−'}.td-resource-question[open] summary{border-bottom:1px solid #d8e7fa}.td-resource-answer{padding:18px}.td-question-number{color:#3973b5;flex:0 0 3ch;align-self:flex-start;white-space:nowrap;overflow-wrap:normal;text-align:right;font-variant-numeric:tabular-nums}.td-resource-question summary>span:nth-child(2){min-width:0;flex:1}.td-resource-questions{margin-top:16px;gap:10px}.td-thread-row{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left!important;gap:10px;width:100%;height:auto!important;padding:18px!important;margin:12px 0;white-space:normal}.td-thread-messages{display:grid;gap:14px;margin:24px 0}.td-thread-messages article{padding:18px;border:1px solid #d8e7fa;border-radius:12px;background:#f4faff}.td-thread-messages header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.td-thread-messages p{white-space:pre-wrap;overflow-wrap:anywhere}#tdReplyForm{display:grid;gap:14px}#tdReplyForm textarea{width:100%;box-sizing:border-box}

#tdNav [data-td-page=comments]:before{background-image:url('/assets/icons-luminous-v1/mensajes.webp');background-position:center;background-size:contain}
