:root{--ink:#142238;--muted:#718096;--line:#e4eaf1;--paper:#f7f9fc;--teal:#5ee0c1;--navy:#101b2d;--lav:#a9a6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#f5f8ff;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 38px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--teal);color:#102032;font-weight:900;font-size:13px}.brand b{display:block;font-size:14px;letter-spacing:-.3px}.brand small{display:block;color:#8f9db3;font-size:9px;letter-spacing:1.8px;margin-top:4px}.side-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px}.side-label{color:#8190a8;padding:0 10px 12px}.nav-item{padding:13px 12px;border-radius:11px;display:flex;align-items:center;gap:12px;color:#aebbd0;font-size:14px;margin:3px 0}.nav-item.active,.nav-item:hover{background:#26364b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--teal)}.side-note{margin-top:auto;border:1px solid #304056;border-radius:12px;padding:13px;color:#dbe5f4;font-size:12px;line-height:1.8}.side-note small{color:#8f9db3}.dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.side-footer{font-size:11px;color:#7f8da3;padding:20px 8px 0}.main-content{margin-left:238px;max-width:1600px;padding:0 48px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.crumb span{padding:0 9px;color:#b5c0ce}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e2f8f2;color:#187b68;font-size:11px;font-weight:800}.welcome{position:relative;overflow:hidden;min-height:320px;background:var(--navy);border-radius:23px;margin:30px 0 20px;padding:42px 44px;display:flex;align-items:center;color:#fff}.welcome>div:first-child{position:relative;z-index:2;max-width:560px}.welcome .eyebrow{color:var(--teal)}h1{font-size:clamp(34px,4vw,51px);letter-spacing:-2px;line-height:1.08;margin:17px 0}.welcome h1 em{font-style:normal;color:var(--teal)}.welcome p{max-width:465px;color:#b7c4d6;font-size:14px;line-height:1.8;margin:0 0 24px}.primary{display:inline-flex;gap:28px;align-items:center;background:var(--teal);color:#11243a;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:800}.hero-art{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:280px;height:260px}.orbit{position:absolute;border:1px solid #43536b;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:270px;height:130px;top:65px;left:0}.orbit-two{width:220px;height:240px;top:8px;left:25px;transform:rotate(40deg)}.cell{position:absolute;left:90px;top:67px;width:105px;height:105px;border-radius:36% 64% 61% 39%;display:grid;place-items:center;font-size:42px;color:#13253b;background:radial-gradient(circle at 35% 28%,#c0fff0,#5ee0c1 54%,#36a995);box-shadow:0 0 65px #5ee0c144;transform:rotate(-17deg)}.float-tag{position:absolute;font-size:9px;letter-spacing:1px;font-weight:900;border:1px solid #3d4c63;background:#1c2a3f;padding:8px 11px;border-radius:8px;color:#dfe8f5}.tag-a{top:25px;left:14px}.tag-b{right:0;top:104px}.tag-c{bottom:28px;left:55px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:46px}.stats article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.stat-icon{width:39px;height:39px;border-radius:11px;background:#e7f9f4;color:#168c77;display:grid;place-items:center;font-size:20px}.stats strong{display:block;font-size:22px;letter-spacing:-.5px}.stats small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.section-block{margin:0 0 48px;scroll-margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head .eyebrow,.resource-head .eyebrow{color:#15927d}.section-head h2{font-size:27px;letter-spacing:-1px;margin:8px 0}.section-head p,.resource-head p{font-size:12px;color:var(--muted);margin:0}.soft-pill{display:inline-flex;align-items:center;border-radius:30px;background:#e8f8f4;color:#277b6d;padding:8px 12px;font-size:10px;font-weight:800;white-space:nowrap}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.unit-card{text-align:left;border:1px solid var(--line);border-radius:16px;padding:19px;background:#fff;cursor:pointer;color:var(--ink);transition:.18s;min-width:0}.unit-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #162a4010}.unit-card.selected{border-color:#46cdb0;box-shadow:0 0 0 2px #46cdb01b}.unit-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.unit-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e2f9f2;color:#12836e;font-size:12px;font-weight:900}.unit-2 .unit-symbol{background:#eeedff;color:#615bd0}.unit-3 .unit-symbol{background:#fff1e7;color:#b86c2b}.unit-count{font-size:9px;color:var(--muted)}.unit-card h3{font-size:15px;margin:18px 0 8px}.unit-card p{font-size:11px;line-height:1.65;color:var(--muted);min-height:37px}.unit-link{font-size:11px;font-weight:800;color:#168b76;display:inline-block;margin-top:9px}.resource-panel{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.resource-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.resource-head h3{font-size:19px;margin:7px 0}.filters{display:grid;grid-template-columns:minmax(150px,1fr) 175px 190px;gap:10px;margin:20px 0}.filters input,.filters select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;padding:12px;color:var(--ink);font:inherit;font-size:11px;outline-color:#59cdb0}.resource-list{display:grid;gap:9px}.resource-item{display:flex;align-items:center;gap:13px;border:1px solid #edf0f5;border-radius:11px;padding:13px;min-width:0}.resource-type{flex:0 0 39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e9f7f4;color:#16836e;font-size:10px;font-weight:900}.resource-type.pdf{background:#fff0eb;color:#bd644b}.resource-info{flex:1;min-width:0}.resource-info strong{display:block;font-size:12px;line-height:1.45}.resource-info p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.5}.resource-info .meta{color:#16836e}.open-resource{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:10px;font-weight:800;white-space:nowrap}.open-resource:hover{background:#e9f9f4}.empty{padding:25px;text-align:center;color:var(--muted);font-size:12px}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.practice-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.practice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f8f3;color:#188772;font-size:21px;margin-bottom:18px}.practice-card .eyebrow{color:#15927d;font-size:9px}.practice-card h3{font-size:15px;margin:9px 0}.practice-card p{font-size:11px;line-height:1.7;color:var(--muted);min-height:56px}.status{display:inline-block;border-radius:6px;background:#f0f2f6;color:#737f91;padding:7px 9px;font-size:9px;font-weight:800}footer{border-top:1px solid var(--line);padding:22px 0 30px;font-size:9px;letter-spacing:1px;font-weight:900;color:#8995a6;display:flex;justify-content:space-between;gap:15px}footer span{font-weight:500;letter-spacing:0;text-transform:none}.muted{color:var(--muted)}
@media(max-width:1100px){.main-content{padding:0 28px}.hero-art{right:-35px;opacity:.7}.welcome>div:first-child{max-width:58%}.unit-grid{gap:10px}.unit-card{padding:15px}.filters{grid-template-columns:minmax(120px,1fr) 150px 160px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;width:auto;height:auto;padding:10px 14px;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0}.brand-mark{width:34px;height:34px}.side-label,.nav-item,.side-note,.side-footer{display:none}.main-content{margin:0;padding:0 16px}.topbar{height:49px}.welcome{margin:18px 0 14px;min-height:290px;padding:27px 23px;border-radius:18px}.welcome>div:first-child{max-width:100%}.welcome h1{font-size:36px;letter-spacing:-1.4px}.welcome p{font-size:12px;max-width:340px}.hero-art{right:-115px;opacity:.22}.stats{gap:8px;margin-bottom:35px}.stats article{padding:12px 9px;gap:8px;align-items:flex-start}.stat-icon{width:30px;height:30px;font-size:16px;flex-shrink:0}.stats strong{font-size:18px}.stats small{font-size:9px;line-height:1.35}.section-head h2{font-size:24px}.unit-grid{grid-template-columns:1fr}.unit-card{padding:17px}.unit-card p{min-height:0}.resource-panel{padding:15px}.resource-head{align-items:flex-start}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.resource-item{gap:9px;padding:10px}.resource-type{flex-basis:32px;height:32px}.resource-info strong{font-size:11px}.open-resource{padding:8px;font-size:9px}.practice-grid{grid-template-columns:1fr}.practice-card p{min-height:0}.section-block{margin-bottom:38px}footer{flex-direction:column;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Interactive study additions */
[hidden]{display:none!important}.study-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.study-tab,.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.study-tab.active{background:var(--navy);border-color:var(--navy);color:white}.study-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;background:linear-gradient(120deg,#13243a,#203b53);border-radius:22px;padding:28px;color:#fff;overflow:hidden}.study-hero h3{font-size:clamp(24px,3vw,34px);margin:12px 0}.study-hero p{color:#c6d5e4;line-height:1.65;max-width:580px}.term-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.term-chip{border:1px solid #557083;background:#243d51;color:#e7fff8;border-radius:999px;padding:8px 12px;cursor:pointer}.study-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;background:radial-gradient(ellipse at center,#36546a 0%,transparent 68%)}.node{padding:13px 22px;border-radius:14px;font-weight:800;min-width:150px;text-align:center;box-shadow:0 10px 24px #07111c44}.n1{background:#5ee0c1;color:#102032}.n2{background:#d9d5ff;color:#24234a}.n3{background:#fff;color:#142238}.connector{width:2px;height:17px;background:#89a4b7}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.study-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.study-card h3{margin:8px 0 12px}.study-card p{color:#526277;line-height:1.65}.study-card.wide{grid-column:1/-1}.text-button{border:0;background:transparent;color:#087c70;font-weight:800;cursor:pointer;padding:8px 0}.detail-reveal{border-left:3px solid var(--teal);padding:10px 14px;background:#f1fbf8;border-radius:0 10px 10px 0;line-height:1.6}.concept{border-bottom:1px solid var(--line);padding:10px 0}.concept:last-child{border:0}.concept summary{cursor:pointer;font-weight:800}.concept p{margin:8px 0 2px;font-size:13px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-cell{padding:16px;background:#f5f8fc;border-radius:14px;border:1px solid var(--line)}.compare-cell strong{display:block;margin-bottom:6px}.compare-cell p{margin:0;font-size:14px}.source-note{margin-top:16px;padding:20px;border:1px dashed #cbd6e2;border-radius:18px;background:#fbfcfe}.source-note>p{color:var(--muted);font-size:13px;line-height:1.6}.recommended-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recommended{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;min-width:0}.recommended span,.recommended small{color:var(--muted);font-size:12px}.recommended strong{font-size:13px}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.match-board h3{font-size:14px}.match-column{display:grid;gap:9px}.match-option{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;text-align:left;font:inherit;cursor:pointer;color:var(--ink);min-height:48px}.match-option.chosen{border-color:#0d9488;box-shadow:0 0 0 2px #5ee0c155}.match-option.matched,.match-option:disabled{background:#e8faf4;border-color:#8bdac7;color:#176b5b;cursor:default}.match-option.definition{font-size:13px;line-height:1.45}.feedback{color:#087c70;font-weight:700;line-height:1.5}.quiz-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.quiz-toolbar label{font-size:13px;font-weight:800}.quiz-toolbar select{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font:inherit}.quiz-area{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:230px}.quiz-empty{text-align:center;padding:20px}.quiz-empty p{color:var(--muted)}.quiz-question h3{font-size:clamp(18px,2.5vw,24px);line-height:1.45;max-width:900px}.quiz-progress{font-size:10px;letter-spacing:1.4px;color:#087c70;font-weight:900}.answer-options{display:grid;gap:10px;margin:20px 0}.answer-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;font:inherit;line-height:1.5;cursor:pointer}.answer-option>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:#eff4f8;font-weight:900}.answer-option.correct{border-color:#1d9b78;background:#effbf6}.answer-option.incorrect{border-color:#d77b7b;background:#fff3f3}.answer-option:disabled{cursor:default}.answer-feedback{margin-top:16px;padding:16px;border-radius:14px;background:#f0faf7;border:1px solid #c5ece0;line-height:1.6}.answer-feedback p{color:#415469}.quiz-actions{display:flex;justify-content:flex-end;margin-top:16px}.quiz-actions button:disabled{opacity:.45;cursor:not-allowed}.source-line{display:block;color:var(--muted);margin-top:16px;line-height:1.5}.oral-card{display:grid;grid-template-columns:54px 1fr;gap:16px;margin-top:18px;padding:22px;background:#f0f1ff;border:1px solid #dedfff;border-radius:18px}.oral-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#dcdcff;font-size:25px}.oral-card p{line-height:1.6;color:#526277}.oral-card textarea,.quiz-question textarea{width:100%;border:1px solid #d7dfeb;border-radius:12px;padding:13px;font:inherit;resize:vertical;margin:8px 0 12px}.modal-backdrop{position:fixed;inset:0;background:#07111ccc;z-index:30;display:grid;place-items:center;padding:18px;overflow:auto}.resource-modal{position:relative;background:#fff;width:min(680px,100%);border-radius:22px;padding:28px;box-shadow:0 25px 90px #0005;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:16px;top:12px;border:0;background:#f0f4f8;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer}.resource-modal h2{padding-right:35px;line-height:1.25}.modal-meta{color:var(--muted);font-size:13px}.modal-summary{padding:16px;background:#f5f8fc;border-radius:14px;line-height:1.6}.modal-summary p{color:#45556a}.modal-source{font-size:12px;line-height:1.6;color:#64748b;margin:14px 0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.resource-button{width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;background:#fff}.resource-button .resource-info{display:flex;flex-direction:column;gap:4px}.resource-topic{font-size:13px;color:#526277}.resource-button:hover,.recommended:hover{border-color:#5ee0c1;box-shadow:0 4px 16px #1422380b}.open-resource{white-space:nowrap}
@media(max-width:900px){.main-content{padding:0 22px}.study-hero{grid-template-columns:1fr}.study-illustration{min-height:180px}.recommended-resources{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.main-content{margin-left:0;padding:0 14px}.sidebar{position:static;width:auto;padding:13px 14px;display:block}.brand{padding:0 5px 10px}.side-label,.side-note,.side-footer{display:none}.sidebar .nav-item{display:inline-flex;padding:9px 10px;font-size:12px;margin:0 2px}.topbar{height:54px}.welcome{gap:14px}.study-hero{padding:21px}.study-grid,.comparison,.match-board{grid-template-columns:1fr}.study-card.wide{grid-column:auto}.recommended-resources{grid-template-columns:1fr}.resource-item{gap:9px;padding:13px}.open-resource{font-size:11px}.quiz-area{padding:16px}.oral-card{grid-template-columns:1fr;padding:16px}.modal-actions{flex-direction:column}.modal-actions>*{justify-content:center}.study-tabs{gap:6px}.study-tab{flex:1;padding:9px 7px;font-size:12px}}

.exam-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exam-page{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;align-items:center}.exam-page img{width:120px;height:160px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:8px}.exam-page div{display:flex;flex-direction:column;gap:8px}.exam-page span{font-size:13px;color:#526277;line-height:1.5}.exam-page small{color:#087c70;font-weight:800}@media(max-width:620px){.exam-pages{grid-template-columns:1fr}.exam-page{grid-template-columns:90px 1fr}.exam-page img{width:90px;height:125px}}

/* Tests semanales: progreso y resultados guardados localmente */
.weekly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.weekly-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.weekly-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.week-number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f8f3;color:#087c70;font-weight:900}.weekly-card h3{font-size:16px;margin:15px 0 6px}.weekly-card>p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.weekly-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 8px}.weekly-scores>div{background:#f5f8fc;border:1px solid var(--line);border-radius:12px;padding:12px}.weekly-scores small{display:block;color:var(--muted);font-size:10px}.weekly-scores strong{display:block;font-size:24px;margin-top:5px}.attempt-count{display:block;color:var(--muted);margin-bottom:13px}.weekly-start{width:100%;justify-content:center}.weekly-test-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:160px}.weekly-running h3{font-size:clamp(18px,2.5vw,25px);line-height:1.45;margin-top:20px}.weekly-progress-track{height:5px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:12px}.weekly-progress-track span{display:block;height:100%;background:#0d9488;border-radius:99px;transition:width .2s}.weekly-result{text-align:center}.weekly-result h3{font-size:54px;letter-spacing:-2px;margin:10px 0;color:#087c70}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.weekly-review{text-align:left;margin-top:20px;display:grid;gap:12px}.review-item{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcfe}.review-item p{font-size:13px;line-height:1.6;color:#526277}.review-item small{color:#087c70;line-height:1.5}
@media(max-width:620px){.weekly-grid{grid-template-columns:1fr}.weekly-test-panel{padding:16px}.weekly-scores strong{font-size:21px}.result-actions>*{width:100%;justify-content:center}}


/* Semana 2: mapa de videos asociados a cada bloque temático */
.week2-video-map { margin-top: 26px; }
.video-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.video-topic-card { background:var(--card, #fff); border:1px solid var(--line, #e4e8ef); border-radius:18px; padding:20px; box-shadow:0 8px 24px rgba(16,27,45,.04); }
.video-topic-card h3 { margin:8px 0; font-size:1.08rem; }
.video-topic-card p { color:var(--muted, #64748b); font-size:.94rem; line-height:1.55; }
.video-topic-card small { display:block; margin-top:12px; color:var(--muted, #64748b); line-height:1.5; }
.resource-video-link { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:10px 12px; margin-top:8px; border-radius:10px; text-decoration:none; color:#087f75; background:#eefaf7; font-size:.9rem; font-weight:650; }
.resource-video-link:hover { background:#d9f4ee; }
.case-topic { border-color:#ead9ff; background:linear-gradient(135deg,#fff 0%,#fbf7ff 100%); }
@media (max-width: 760px) { .video-topic-grid { grid-template-columns:1fr; } .video-topic-card { padding:16px; } }


/* PDFs principales y navegación por semana */
.primary-pdfs { margin: 22px 0 26px; padding: 20px; border:1px solid var(--line, #e4e8ef); border-radius:18px; background:linear-gradient(135deg,rgba(13,148,136,.06),rgba(255,255,255,.96)); }
.primary-pdfs-heading h3 { margin:5px 0 6px; font-size:1.1rem; }
.primary-pdfs-heading p { margin:0 0 15px; color:var(--muted,#64748b); line-height:1.5; font-size:.92rem; }
.pdf-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.primary-pdf-card { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:15px; border:1px solid var(--line,#e4e8ef); border-radius:14px; background:#fff; color:inherit; text-decoration:none; transition:transform .18s,border-color .18s,box-shadow .18s; }
.primary-pdf-card:hover { transform:translateY(-2px); border-color:#79cfc0; box-shadow:0 8px 22px rgba(16,27,45,.07); }
.primary-pdf-card strong { line-height:1.35; }
.primary-pdf-card small { color:var(--muted,#64748b); line-height:1.45; }
.pdf-badge { font-size:.68rem; letter-spacing:.08em; font-weight:800; border-radius:6px; padding:4px 7px; background:#e5f7f3; color:#087f75; }
.pdf-open { margin-top:auto; padding-top:5px; color:#087f75; font-size:.84rem; font-weight:750; }
.case-pdf { background:#fbf8ff; border-color:#e8dafa; }
.week-study-selector { padding:17px 19px; border-radius:16px; background:var(--soft,#f5f7fa); margin:18px 0; }
.week-study-buttons { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.week-study-button { border:1px solid var(--line,#dce3eb); background:white; color:var(--ink,#101b2d); border-radius:999px; padding:9px 13px; cursor:pointer; font:inherit; font-size:.85rem; font-weight:700; }
.week-study-button.active { background:#123047; color:#fff; border-color:#123047; }
#study-week-note { margin:0; font-size:.88rem; color:var(--muted,#64748b); }
.source-link { display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.source-link small { color:#087f75; }
.save-concept { border:1px solid #cfe8e2; border-radius:999px; padding:6px 10px; margin-top:8px; background:#f0fbf8; color:#087f75; cursor:pointer; font-size:.78rem; font-weight:700; }
.save-concept.is-saved { background:#d5f5ec; }
.weekly-disabled { opacity:.78; }
.weekly-disabled button:disabled { cursor:not-allowed; opacity:.72; }
@media(max-width:760px) {
 .pdf-link-grid { grid-template-columns:1fr; }
 .primary-pdfs { padding:14px; }
 .week-study-selector { padding:14px; }
}


.saved-concepts-panel { margin:22px 0; padding:18px; border:1px solid var(--line,#e4e8ef); border-radius:18px; background:#fbfdfd; }
.saved-concepts-panel .section-head { margin-bottom:12px; }
.saved-concepts-panel h3 { margin:4px 0; }
.saved-concepts-panel p { color:var(--muted,#64748b); font-size:.9rem; line-height:1.5; }
.saved-concepts-list { display:grid; gap:10px; }
.saved-concept-item { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; border:1px solid var(--line,#e4e8ef); border-radius:12px; padding:13px; background:white; }
.saved-concept-item strong { display:block; margin-top:7px; }
.saved-concept-item p { margin:6px 0 0; }
.remove-saved-concept { border:1px solid #e1e7ee; background:#fff; border-radius:999px; padding:7px 10px; cursor:pointer; white-space:nowrap; color:#64748b; }
@media(max-width:600px) { .saved-concept-item { flex-direction:column; } }


/* Finalized unit/week navigation and richer Week 2 explanations */
.week-study-selector { margin-top:14px; }
.week-study-buttons { align-items:center; }
.week-content-card { cursor:default; }
.topic-explainer { margin:12px 0 14px; padding:11px 12px; border-radius:11px; background:#f7fafc; border:1px solid #e7edf2; }
.topic-explainer summary { cursor:pointer; color:#087f75; font-weight:750; font-size:.88rem; }
.topic-explainer p { margin:9px 0 0; font-size:.9rem; line-height:1.6; color:#334155; }
.topic-explainer p + p { margin-top:7px; }
.weekly-test-panel { scroll-margin-top:24px; }
.answer-feedback { border-radius:12px; }
@media(max-width:760px) {
 .study-tabs { display:flex; flex-wrap:wrap; gap:8px; }
 .study-tab { flex:1 1 auto; }
 .topic-explainer { padding:10px; }
}


/* Semana 3: material guiado, previews y responsive cards */
.week3-video-map { margin:20px 0 26px; }
.week3-video-map .video-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.week3-video-map .video-topic-card { min-width:0; }
.week3-source-warning { margin-top:18px; padding:15px 17px; border-radius:14px; background:#fff8e8; border:1px solid #f3dfad; color:#6f4a0b; line-height:1.6; }
.week3-page-previews { margin:24px 0; }
.page-preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.page-preview-card { min-width:0; border:1px solid var(--line,#e4e8ef); border-radius:14px; overflow:hidden; background:#fff; padding:9px; display:flex; flex-direction:column; gap:7px; }
.page-preview-card a { display:block; border-radius:9px; overflow:hidden; background:#f5f7fa; }
.page-preview-card img { display:block; width:100%; height:180px; object-fit:contain; }
.page-preview-card strong { font-size:.88rem; line-height:1.35; }
.page-preview-card small { color:var(--muted,#64748b); font-size:.78rem; line-height:1.4; }
@media(max-width:900px) {
 .page-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .week3-video-map .video-topic-grid { grid-template-columns:1fr; }
 .page-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .page-preview-card { padding:7px; }
 .page-preview-card img { height:150px; }
}
@media(max-width:390px) {
 .page-preview-grid { grid-template-columns:1fr; }
 .page-preview-card img { height:auto; max-height:260px; }
}


/* Semana 4: roadmap, visual review and responsive study cards */
.week4-roadmap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0 22px; }
.roadmap-step { display:flex; gap:10px; align-items:flex-start; border:1px solid var(--line,#e4e8ef); background:#fff; border-radius:13px; padding:13px; min-width:0; }
.roadmap-step > span { flex:0 0 30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#e5f7f3; color:#087f75; font-weight:850; font-size:.8rem; }
.roadmap-step strong { display:block; font-size:.88rem; line-height:1.3; }
.roadmap-step small { display:block; margin-top:5px; color:var(--muted,#64748b); font-size:.76rem; line-height:1.4; }
.week4-visual-head { margin-top:28px; }
.week4-figure-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0 22px; }
.week4-figure-grid a { display:flex; flex-direction:column; gap:6px; border:1px solid var(--line,#e4e8ef); border-radius:12px; overflow:hidden; text-decoration:none; color:inherit; background:#fff; padding-bottom:10px; }
.week4-figure-grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#f7f8fa; }
.week4-figure-grid strong { font-size:.86rem; line-height:1.3; padding:0 10px; }
.week4-figure-grid small { color:var(--muted,#64748b); padding:0 10px; }
.week4-source-note { border-left:3px solid #0d9488; background:#f0fbf8; color:#334155; border-radius:0 10px 10px 0; padding:13px 15px; line-height:1.55; font-size:.88rem; margin-top:12px; }
@media(max-width:900px) {
 .week4-roadmap { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .week4-figure-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:520px) {
 .week4-roadmap { grid-template-columns:1fr; }
 .week4-figure-grid { grid-template-columns:1fr 1fr; gap:8px; }
 .week4-figure-grid strong { font-size:.8rem; }
}


/* Semana 5: metabolism videos and separate DPG case readings */
.dpg-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0 22px; }
.dpg-case-card { display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid var(--line,#e4e8ef); border-radius:14px; background:#fff; min-width:0; }
.dpg-case-card h3 { margin:0; font-size:1.05rem; line-height:1.4; }
.dpg-case-card p { margin:0; line-height:1.55; color:var(--muted,#64748b); }
.dpg-case-card .case-links { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:auto; }
.case-drive-link { display:inline-flex; align-items:center; font-weight:750; font-size:.84rem; color:#0f766e; text-decoration:none; padding:9px 0; }
.case-pdf { border-color:#c9b8e9 !important; background:#fcfaff !important; }
@media(max-width:700px) { .dpg-case-grid { grid-template-columns:1fr; } }

.week5-pdf-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0 20px; }
.week5-pdf-row .primary-pdf-card { display:flex; flex-direction:column; gap:8px; border:1px solid var(--line,#e4e8ef); border-radius:13px; padding:16px; background:#fff; text-decoration:none; color:inherit; }
.week5-pdf-row .primary-pdf-card strong { font-size:1rem; }
.week5-pdf-row .primary-pdf-card small { color:var(--muted,#64748b); line-height:1.5; }
.week5-pdf-row .pdf-open { margin-top:auto; font-weight:750; color:#0f766e; }
@media(max-width:620px) { .week5-pdf-row { grid-template-columns:1fr; } }


/* Complete primary-materials catalog grouped by course unit and week */
.grouped-primary-materials { display:flex; flex-direction:column; gap:22px; margin-top:18px; }
.primary-unit-group { border:1px solid #dce8ed; border-radius:18px; padding:18px; background:rgba(255,255,255,.56); min-width:0; }
.primary-unit-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:2px 2px 12px; }
.primary-unit-heading h3 { margin:5px 0 6px; font-size:1.28rem; }
.primary-unit-heading p { margin:0; color:var(--muted,#718096); line-height:1.5; }
.primary-week-group { border-top:1px solid #dce8ed; padding-top:17px; margin-top:12px; }
.primary-week-heading { display:grid; grid-template-columns:minmax(230px, .8fr) minmax(220px, 1.2fr); gap:18px; align-items:center; margin-bottom:12px; }
.primary-week-heading h4 { margin:6px 0 0; font-size:1.03rem; line-height:1.35; }
.primary-week-heading p { margin:0; color:var(--muted,#718096); font-size:.92rem; line-height:1.5; }
.week-number { display:inline-flex; border-radius:7px; padding:5px 8px; background:#e4f6f1; color:#007f73; font-size:.7rem; font-weight:850; letter-spacing:.05em; }
.primary-week-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.primary-week-grid .primary-pdf-card { min-width:0; display:flex; flex-direction:column; gap:8px; height:100%; }
.primary-week-grid .primary-pdf-card strong { line-height:1.4; overflow-wrap:anywhere; }
.primary-week-grid .primary-pdf-card small { line-height:1.5; }
.primary-week-grid .pdf-open { margin-top:auto; padding-top:4px; }
.primary-week-grid .week-content-card { border-color:#6bd6c3; background:#f8fffd; }
.primary-week-grid .case-pdf { border-color:#d2b5fa; background:#fdfaff; }
.primary-week-group .no-drive-link { border:1px dashed #d97706; background:#fffaf0; }
@media(max-width:760px) {
  .primary-unit-group { padding:12px; }
  .primary-week-heading { grid-template-columns:1fr; gap:8px; }
  .primary-week-grid { grid-template-columns:1fr; }
}

/* Weeks 6–7 resource catalog */
#materiales-semana-6 .primary-week-grid,
#materiales-semana-7 .primary-week-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#materiales-semana-6 .primary-pdf-card,
#materiales-semana-7 .primary-pdf-card { min-width:0; overflow-wrap:anywhere; }
@media(max-width:760px) {
 #materiales-semana-6 .primary-week-grid,
 #materiales-semana-7 .primary-week-grid { grid-template-columns:1fr; }
}

#materiales-semana-6 .primary-week-grid,
#materiales-semana-7 .primary-week-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#materiales-semana-6 .primary-pdf-card,
#materiales-semana-7 .primary-pdf-card { min-width:0; overflow-wrap:anywhere; }
#materiales-semana-6 .pdf-badge,
#materiales-semana-7 .pdf-badge { white-space:normal; line-height:1.35; }
@media(max-width:760px) {
 #materiales-semana-6 .primary-week-grid,
 #materiales-semana-7 .primary-week-grid { grid-template-columns:1fr; }
}

/* Guided study: weeks 6 and 7 */
.week6-video-map .video-topic-grid,
.week7-video-map .video-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.week6-video-map .video-topic-card,
.week7-video-map .video-topic-card { min-width:0; overflow-wrap:anywhere; }
.visual-review-heading { margin-top:2rem; }
.visual-review-note { margin:.65rem 0 0; font-size:.92rem; color:var(--muted,#64748b); }
@media(max-width:760px) {
 .week6-video-map .video-topic-grid,
 .week7-video-map .video-topic-grid { grid-template-columns:1fr; }
}


/* Capturas reales de diapositivas para las guías de semanas 6 y 7 */
.real-slide-review{margin:1.4rem 0 1.8rem;padding:1.15rem;border:1px solid var(--line,#e5e1ec);border-radius:18px;background:var(--surface-soft,#faf9fc)}
.real-slide-heading{margin-bottom:1rem}
.real-slide-heading h3{margin:.25rem 0 .35rem;font-size:1.2rem}
.real-slide-heading p{margin:0;max-width:760px;color:var(--muted,#666)}
.real-slide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.real-slide-card{overflow:hidden;border:1px solid var(--line,#e5e1ec);border-radius:14px;background:var(--surface,#fff);min-width:0}
.real-slide-image{display:block;background:#f1eff5;aspect-ratio:4/3;overflow:hidden}
.real-slide-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease}
.real-slide-image:hover img{transform:scale(1.025)}
.real-slide-copy{padding:.85rem}
.real-slide-copy h3{font-size:1rem;margin:0 0 .4rem}
.real-slide-copy p{font-size:.9rem;line-height:1.45;margin:0 0 .7rem;color:var(--muted,#666)}
.real-slide-open{font-size:.88rem;font-weight:650;text-decoration:none}
.real-slide-open:hover{text-decoration:underline}
@media(max-width:900px){.real-slide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.real-slide-review{padding:.8rem}.real-slide-grid{grid-template-columns:1fr}.real-slide-image{aspect-ratio:4/3}}


/* Comentario breve uniforme para las figuras de repaso visual */
.figure-comment{font-size:.88rem;line-height:1.45;margin:.5rem 0 0;color:var(--muted,#666)}
.page-preview-card .figure-comment{padding:0 .75rem .8rem}
.week4-figure-grid > a .figure-comment{font-weight:400}
.real-slide-copy .figure-comment{margin:.1rem 0 .75rem}
.real-slide-card .real-slide-copy{display:flex;flex-direction:column;align-items:flex-start}

/* Semana 9: mantener la guía dentro del selector de Unidad 3 y evitar que herede la cuadrícula roadmap de otra semana. */
.week9-guided-materials { display: block; width: 100%; min-width: 0; margin: 1.5rem 0; }
.week9-guided-materials[hidden] { display: none !important; }
.week9-guided-materials .week4-roadmap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; width: 100%; }
.week9-guided-materials .video-topic-grid, .week9-guided-materials .real-slide-review-grid { width: 100%; min-width: 0; }
.week9-guided-materials .video-topic-card, .week9-guided-materials .real-slide-card { min-width: 0; }
@media (max-width: 900px) { .week9-guided-materials .week4-roadmap { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .week9-guided-materials .week4-roadmap { grid-template-columns: 1fr; } }

/* Semanas 10–12: mismas reglas visuales de material guiado que semana 9 */
.week10-guided-materials,.week11-guided-materials,.week12-guided-materials{display:block;width:100%;min-width:0;margin:1.5rem 0}
.week10-guided-materials[hidden],.week11-guided-materials[hidden],.week12-guided-materials[hidden]{display:none!important}
.week10-guided-materials .video-topic-grid,.week11-guided-materials .video-topic-grid,.week12-guided-materials .video-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;min-width:0}
.week10-guided-materials .video-topic-card,.week11-guided-materials .video-topic-card,.week12-guided-materials .video-topic-card{min-width:0}
@media(max-width:900px){.week10-guided-materials .video-topic-grid,.week11-guided-materials .video-topic-grid,.week12-guided-materials .video-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.week10-guided-materials .video-topic-grid,.week11-guided-materials .video-topic-grid,.week12-guided-materials .video-topic-grid{grid-template-columns:1fr}}

/* Juego de memoria: controles de rondas */
.match-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}.match-option small{font-size:.72em;opacity:.7;white-space:nowrap}.match-option{overflow-wrap:anywhere;min-width:0}.match-option.matched{opacity:.72}