/* Aula: material de cursos para alumnos (detras de Cloudflare Access) */
.aula-page { padding: 112px 24px 80px; }
.aula { max-width: 860px; margin: 0 auto; }
.aula-nav { font-size: 0.85rem; margin-bottom: 28px; color: var(--muted2); }
.aula-nav a { color: var(--muted); text-decoration: none; }
.aula-nav a:hover { color: var(--text); }
.aula h1 { font-size: clamp(1.9rem, 4.5vw, 2.6rem); letter-spacing: -1px; line-height: 1.15; margin-bottom: 10px; }
.aula .bajada { color: var(--muted); font-size: 1rem; margin-bottom: 8px; }
.aula .datos { color: var(--muted2); font-size: 0.88rem; margin-bottom: 40px; }
.aula h2 { font-size: 1.15rem; letter-spacing: -0.2px; margin: 44px 0 6px; }
.aula h2 .num { color: var(--accent); margin-right: 8px; }
.aula .nota { color: var(--muted2); font-size: 0.86rem; margin-bottom: 14px; }
.aula p { color: var(--muted); font-size: 0.95rem; line-height: 1.75; }

.archivos { list-style: none; border-top: 1px solid var(--border2); }
.archivos li { display: flex; align-items: center; gap: 16px; padding: 14px 4px; border-bottom: 1px solid var(--border); }
.archivos .tipo { flex-shrink: 0; width: 46px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.4px; text-align: center; padding: 4px 0; border-radius: 6px; border: 1px solid var(--border2); color: var(--muted); }
.archivos .tipo.pdf { color: #fca5a5; border-color: rgba(252,165,165,0.3); }
.archivos .tipo.xlsx { color: #86efac; border-color: rgba(134,239,172,0.3); }
.archivos .desc { flex: 1; min-width: 0; }
.archivos .desc strong { display: block; color: var(--text); font-size: 0.95rem; font-weight: 600; }
.archivos .desc span { color: var(--muted2); font-size: 0.83rem; }
.archivos a.bajar { flex-shrink: 0; color: var(--text); background: var(--accent); text-decoration: none; font-size: 0.82rem; font-weight: 600; padding: 7px 14px; border-radius: 8px; }
.archivos a.bajar:hover { opacity: 0.88; }
.archivos .pendiente { flex-shrink: 0; color: var(--muted2); font-size: 0.8rem; }

.cursos { list-style: none; border-top: 1px solid var(--border2); margin-top: 24px; }
.cursos li { border-bottom: 1px solid var(--border); }
.cursos a { display: block; padding: 18px 4px; text-decoration: none; }
.cursos a strong { color: var(--text); font-size: 1.02rem; }
.cursos a span { display: block; color: var(--muted2); font-size: 0.86rem; margin-top: 2px; }
.cursos a:hover strong { color: #a5b4fc; }

.salir { margin-top: 48px; font-size: 0.85rem; }
.salir a { color: var(--muted); }

@media (max-width: 560px) {
  .archivos li { flex-wrap: wrap; gap: 10px; }
  .archivos .desc { flex-basis: calc(100% - 62px); }
  .archivos a.bajar, .archivos .pendiente { margin-left: 62px; }
}