.apuntes-demo {
    --bg-dark: #0a0a0f; --bg-card: #12121a; --border: #2a2a3a;
    --text-primary: #f0f0f5; --text-secondary: #c8c8d6; --text-muted: #9a9ab0;
    --accent-blue: #3b82f6; --accent-green: #10b981; --accent-purple: #8b5cf6;
    background: var(--bg-dark); color: var(--text-primary);
}
.demo-apuntes-cab {
    display: flex; gap: 1rem; align-items: center; justify-content: space-between;
    padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); margin-bottom: 1.5rem;
}
.demo-apuntes-cab a { color: var(--text-primary); }
.demo-apuntes-listado { max-width: 50rem; margin: auto; padding: 1rem; }
.apuntes-demo .demo-caja { max-width: 60rem; margin: auto; }
.demo-elige { max-width: 58rem; margin: auto; padding: 1rem 1.2rem 3rem; }
.demo-elige h1 { font-size: 1.6rem; margin-bottom: .4rem; }
.demo-elige-intro { color: var(--text-secondary); max-width: 42rem; margin-bottom: 2rem; }
.demo-elige-curso {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: .6rem;
    padding: 1rem 1.1rem; margin-bottom: 1rem;
}
.demo-elige-curso h2 {
    font-size: .8rem; text-transform: uppercase; letter-spacing: .06em;
    color: var(--text-muted); margin-bottom: .7rem;
}
.demo-elige-materias { display: flex; flex-wrap: wrap; gap: .5rem; }
.demo-elige-materia {
    display: inline-block; padding: .45rem .9rem; border-radius: 2rem;
    border: 1px solid var(--border); color: var(--text-primary); text-decoration: none;
    font-size: .95rem; transition: border-color .15s, color .15s;
}
.demo-elige-materia:hover { border-color: var(--accent-blue); color: var(--accent-blue); }
/* Nº de apartados con apuntes de cada asignatura */
.demo-elige-n { margin-left: .45rem; font-size: .75rem; color: var(--text-muted); }
.demo-elige-cifras { color: var(--text-muted); font-size: .9rem; margin: -1.4rem 0 1.6rem; }

/* Temario de una asignatura (/temario/{curso}/{materia}/) */
.demo-temario h1 { font-size: 1.6rem; }
.demo-temario-cap { margin-bottom: 1.6rem; }
.demo-temario-cap h2 {
    font-size: .8rem; text-transform: uppercase; letter-spacing: .06em;
    color: var(--text-muted); margin: 0 0 .7rem;
}
.demo-temario-tema {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: .6rem;
    padding: .8rem 1.1rem; margin-bottom: .7rem;
}
.demo-temario-tema h3 { font-size: 1.05rem; margin: 0 0 .4rem; }
.demo-temario-tema ul { margin: 0; padding-left: 1.1rem; columns: 2 16rem; column-gap: 2rem; }
.demo-temario-tema li { break-inside: avoid; padding: .15rem 0; }
.demo-temario-tema a { color: var(--text-secondary); text-decoration: none; }
.demo-temario-tema a:hover { color: var(--accent-blue); text-decoration: underline; }

@media (max-width: 650px) {
    .demo-apuntes-cab { flex-wrap: wrap; font-size: .85rem; }
    .demo-apuntes-cab span { order: 3; width: 100%; }
    .apuntes-demo .demo-caja { padding: .8rem; }
}