/* Mismas variables que alumno.php / curso-alumno.php: si algún día cambia
       la paleta del Campus, esta página debe cambiar con ella. */
    :root {
        --color-primary-start: #a855f7;
        --color-primary-end: #7e22ce;
        --color-dark: #0b0b12;
        --color-card-bg: #13121f;
        --color-light-dark: #1d1b2e;
        --color-text: #94a3b8;
        --color-headings: #ffffff;
        --color-border: rgba(168, 85, 247, 0.15);
        --border-radius: 16px;
        --font-family: 'Poppins', sans-serif;
        color-scheme: dark;
    }
    * { box-sizing: border-box; }
    body {
        margin: 0; padding: 30px 20px;
        background: radial-gradient(circle at top center, #1a152e 0%, var(--color-dark) 60%);
        background-attachment: fixed;
        font-family: var(--font-family);
        color: var(--color-text);
        line-height: 1.6; letter-spacing: 0.3px;
    }
    .card-container {
        max-width: 820px; margin: 0 auto;
        background: var(--color-card-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius);
        padding: 35px 38px;
        box-shadow: 0 20px 45px rgba(0,0,0,0.55);
    }
    h2 {
        font-size: 1.7rem; font-weight: 900; margin: 0 0 6px 0;
        background: linear-gradient(45deg, var(--color-primary-start), var(--color-primary-end));
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h3 {
        color: var(--color-headings); font-size: 1.05rem; font-weight: 700;
        margin: 26px 0 8px 0; padding-bottom: 8px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .meta { color: var(--color-text); font-size: 0.82rem; opacity: 0.75; }
    p, li { font-size: 0.93rem; }
    ul { padding-left: 20px; } li { margin-bottom: 7px; }
    strong { color: var(--color-headings); }
    a { color: var(--color-primary-start); }
    .volver {
        display: inline-block; margin-bottom: 20px; font-size: 0.9rem;
        text-decoration: none; color: var(--color-text); transition: color 0.2s;
    }
    .volver:hover { color: var(--color-primary-start); }
    .aviso {
        background: rgba(168, 85, 247, 0.08);
        border: 1px solid var(--color-border);
        border-radius: 10px; padding: 14px 16px;
        font-size: 0.86rem; margin: 24px 0 0 0;
    }
    @media (max-width: 600px) {
        body { padding: 16px 12px; }
        .card-container { padding: 24px 20px; }
        h2 { font-size: 1.4rem; }
    }