:root{--ink:#16354e;--teal:#048a8e}*{box-sizing:border-box}html{height:100%;background:#eff4f7}body{margin:0;height:100vh;height:100dvh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.workspace{height:100%;display:flex;flex-direction:column;max-width:1200px;margin:auto;padding:0 34px}.topbar{height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5eb}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650}.brand>img{width:43px;height:56px;object-fit:contain;background:white;border-radius:8px;padding:3px}.brand-small{display:block;font-size:9px;letter-spacing:4px;margin-top:5px;color:#648190;font-weight:500}.profile{display:flex;gap:12px;align-items:center;font-size:12px;color:#688292}.profile img{width:43px;height:43px;object-fit:cover;object-position:49% 20%;border:3px solid white;border-radius:50%}main{display:flex;flex:1;min-height:0;flex-direction:column;padding-top:25px}.section-heading{flex-shrink:0;padding-bottom:22px}.eyebrow{display:block;font-size:8px;letter-spacing:2.2px;font-weight:650;color:#579494}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:7px 0 0}.cards{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.card{background:white;display:grid;grid-template-columns:45% 55%;border:1px solid #dfe7ed;border-radius:18px;overflow:hidden;min-height:0;transition:transform .18s,box-shadow .18s}.card-art{background:#e4f2ef;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:25px 0 8px}.card-art>svg{width:100%;max-height:100%}.card-category{position:absolute;top:19px;left:18px;font-size:7px;letter-spacing:1.1px;color:#4d8780;font-weight:650}.students .card-art{background:#e9eff8}.students .card-category{color:#6e88a8}.tests .card-art{background:#e8f5f4}.questions .card-art{background:#f4efe4}.questions .card-category{color:#9e875d}.card-body{padding:24px 22px;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:0}.card-number{position:absolute;top:14px;right:16px;font-size:9px;color:#a0b0bb}h3{font-size:22px;letter-spacing:-.6px;margin:0 0 12px}.card p{font-size:12px;line-height:1.7;color:#718797;margin:0 0 20px}.card-action{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#087d83;background:#edf7f5;border-radius:8px;gap:7px}.card-action svg{width:18px;height:18px;flex-shrink:0}.students .card-action{color:#335a80;background:#edf2f9}.questions .card-action{color:#917441;background:#f7f2e8}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14375012}.card:active{transform:scale(.98)}a:focus-visible{outline:3px solid #069da4;outline-offset:3px}footer{flex-shrink:0;text-align:center;font-size:10px;color:#8a9eac;padding:18px 0} @media(max-width:760px){.workspace{padding:0 18px}.topbar{height:79px}.brand{font-size:12px;gap:9px}.brand>img{width:34px;height:45px}.brand-small{font-size:7px;letter-spacing:3px}.profile{gap:8px;font-size:10px}.profile img{width:34px;height:34px}main{padding-top:20px}.section-heading{padding-bottom:17px}.eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:25px;letter-spacing:-.8px;margin-top:6px}.cards{gap:12px}.card{display:flex;flex-direction:column;border-radius:15px}.card-art{flex:1;padding:19px 4px 0;min-height:0}.card-art>svg{height:100%;width:100%;max-width:235px;max-height:185px}.card-category{font-size:6px;top:13px;left:11px;letter-spacing:.7px}.card-body{padding:13px 12px 12px;flex-shrink:0}.card-number,.card p{display:none}h3{font-size:16px;letter-spacing:-.5px;margin:0 0 10px;white-space:nowrap}.card-action{font-size:9px;padding:10px 8px;gap:2px}.card-action svg{height:14px;width:14px}footer{font-size:9px;padding:13px 0 max(13px,env(safe-area-inset-bottom))}}@media(max-height:700px){.topbar{height:65px}main{padding-top:13px}.section-heading{padding-bottom:12px}h1{font-size:23px}.card-body{padding:10px 12px}h3{font-size:15px;margin-bottom:8px}.card-action{padding:8px}.card-category{top:9px}.card-art{padding-top:15px}footer{padding-top:10px;padding-bottom:10px}}@media(max-width:360px){.workspace{padding:0 12px}.profile span{display:none}.cards{gap:9px}h3{font-size:14px}.card-body{padding:10px}.card-action{font-size:8px}.card-category{font-size:5px}}@media(max-height:480px) and (min-width:600px){.workspace{padding:0 20px}.topbar{height:54px}.brand>img{width:28px;height:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}h1{font-size:21px;margin:0}.cards{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:10px}.card{display:flex;flex-direction:column}.card-art{flex:1;padding:17px 2px 0}.card-art>svg{height:100%;max-height:130px}.card-category{font-size:5px;left:10px}.card-body{padding:12px 10px}.card-number,.card p{display:none}h3{font-size:14px;letter-spacing:-.5px;margin-bottom:9px;white-space:nowrap}.card-action{font-size:8px;padding:8px}.card-action svg{width:13px;height:13px}footer{font-size:8px;padding:8px}}@media(prefers-reduced-motion:reduce){.card{transition:none;transform:none!important}}@media(hover:none){.card:hover{transform:none;box-shadow:none}}
/* El tema oscuro es el estado inicial; el claro conserva el diseño original. */
html{color-scheme:light}.theme-toggle{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #d8e3e9;color:#2b6574;cursor:pointer;padding:0}.theme-toggle svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun{display:none}.theme-toggle:focus-visible{outline:3px solid #20bec0;outline-offset:3px}.theme-toggle:hover{border-color:#1aa7ad}html[data-theme="dark"]{color-scheme:dark;background:#0c1724;--ink:#eaf3f9}html[data-theme="dark"] .topbar{border-color:#233446}html[data-theme="dark"] .brand-small,html[data-theme="dark"] .profile{color:#9bb3c4}html[data-theme="dark"] .profile img{border-color:#293d50}html[data-theme="dark"] .eyebrow{color:#75c9c4}html[data-theme="dark"] .card{background:#172738;border-color:#2a3d4e}html[data-theme="dark"] .card-art{background:#173b3e}html[data-theme="dark"] .students .card-art{background:#20334f}html[data-theme="dark"] .tests .card-art{background:#183a3a}html[data-theme="dark"] .questions .card-art{background:#3b352b}html[data-theme="dark"] .card-category{color:#9cd6cb}html[data-theme="dark"] .students .card-category{color:#abc1e0}html[data-theme="dark"] .questions .card-category{color:#d9c49a}html[data-theme="dark"] .card p{color:#b0c1cf}html[data-theme="dark"] .card-number{color:#829aab}html[data-theme="dark"] .card-action{background:#204346;color:#9de6db}html[data-theme="dark"] .students .card-action{background:#2a3e59;color:#b6d5f6}html[data-theme="dark"] .questions .card-action{background:#423c31;color:#eed3a1}html[data-theme="dark"] footer{color:#91a7b8}html[data-theme="dark"] .theme-toggle{background:#1d3043;border-color:#344b60;color:#f5d08a}html[data-theme="dark"] .theme-toggle .sun{display:block}html[data-theme="dark"] .theme-toggle .moon{display:none}
@media(max-width:760px){.theme-toggle{width:36px;height:36px;border-radius:10px}.theme-toggle svg{width:18px;height:18px}}@media(max-height:480px){.theme-toggle{width:34px;height:34px}}