/* ============================================
   TEMA COMPARTIDO - portfolio + materiales de docencia
   Variables tomadas de assets/css/styles.css :root
   ============================================ */
:root {
    --brand-bg: #0a0e27;
    --brand-bg-alt: #1a1f3a;
    --brand-surface: #0f1429;

    --brand-primary: #00d4ff;
    --brand-secondary: #a855f7;
    --brand-accent-green: #00ff41;
    --brand-accent-pink: #ec4899;

    --brand-text: #ffffff;
    --brand-text-muted: #b4bcd0;

    --brand-border: rgba(0, 212, 255, 0.2);
    --brand-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Barra de navegacion de retorno para paginas de docencia/taller */
.brand-return-nav {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 1rem;
    background: var(--brand-surface);
    border: 1px solid var(--brand-border);
    border-radius: 0.5rem;
    font-family: var(--brand-font);
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 9999;
}

.brand-return-nav a {
    color: var(--brand-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
}

.brand-return-nav a:hover {
    color: var(--brand-accent-green);
    text-decoration: underline;
}

.lang-switcher {
    display: flex; gap: 0.25rem; margin-left: auto;
}
.lang-btn {
    background: rgba(255,255,255,0.06); border: 1px solid var(--brand-border);
    color: var(--brand-text-muted); padding: 0.2rem 0.5rem; border-radius: 4px;
    cursor: pointer; font-family: var(--brand-font); font-size: 0.75rem; font-weight: 700;
    transition: all 0.2s;
}
.lang-btn:hover { background: rgba(0,212,255,0.1); color: var(--brand-primary); }
.lang-btn.active { background: var(--brand-primary); color: #000; border-color: var(--brand-primary); }